@empathyco/x-components 6.0.0-alpha.74 → 6.0.0-alpha.76

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 (76) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/design-system/deprecated-full-theme.css +1053 -1053
  3. package/docs/API-reference/api/x-components.allfilter.md +3 -3
  4. package/docs/API-reference/api/x-components.facets.md +3 -3
  5. package/docs/API-reference/api/x-components.historyqueries.md +1 -1
  6. package/docs/API-reference/api/x-components.historyquery.md +1 -1
  7. package/docs/API-reference/api/x-components.identifierresult.md +2 -2
  8. package/docs/API-reference/api/x-components.md +1 -1
  9. package/docs/API-reference/api/x-components.nextqueries.md +1 -1
  10. package/docs/API-reference/api/x-components.popularsearches.md +1 -1
  11. package/docs/API-reference/api/x-components.querysuggestion.md +1 -1
  12. package/docs/API-reference/api/x-components.querysuggestions.md +1 -1
  13. package/docs/API-reference/api/x-components.semanticquery.md +1 -1
  14. package/docs/API-reference/api/x-components.usegetter.md +3 -17
  15. package/js/components/base-teleport.vue.js.map +1 -1
  16. package/js/components/base-teleport.vue2.js +1 -1
  17. package/js/components/base-teleport.vue2.js.map +1 -1
  18. package/js/composables/use-getter.js +11 -11
  19. package/js/composables/use-getter.js.map +1 -1
  20. package/js/x-modules/facets/components/facets/facets.vue.js.map +1 -1
  21. package/js/x-modules/facets/components/facets/facets.vue2.js +1 -1
  22. package/js/x-modules/facets/components/facets/facets.vue2.js.map +1 -1
  23. package/js/x-modules/facets/components/filters/all-filter.vue.js.map +1 -1
  24. package/js/x-modules/facets/components/filters/all-filter.vue2.js +1 -1
  25. package/js/x-modules/facets/components/filters/all-filter.vue2.js.map +1 -1
  26. package/js/x-modules/facets/composables/use-facets.js +1 -4
  27. package/js/x-modules/facets/composables/use-facets.js.map +1 -1
  28. package/js/x-modules/history-queries/components/history-queries.vue.js.map +1 -1
  29. package/js/x-modules/history-queries/components/history-queries.vue2.js +1 -1
  30. package/js/x-modules/history-queries/components/history-queries.vue2.js.map +1 -1
  31. package/js/x-modules/history-queries/components/history-query.vue.js.map +1 -1
  32. package/js/x-modules/history-queries/components/history-query.vue2.js +1 -1
  33. package/js/x-modules/history-queries/components/history-query.vue2.js.map +1 -1
  34. package/js/x-modules/identifier-results/components/identifier-result.vue.js.map +1 -1
  35. package/js/x-modules/identifier-results/components/identifier-result.vue2.js +1 -3
  36. package/js/x-modules/identifier-results/components/identifier-result.vue2.js.map +1 -1
  37. package/js/x-modules/next-queries/components/next-queries-list.vue.js +1 -3
  38. package/js/x-modules/next-queries/components/next-queries-list.vue.js.map +1 -1
  39. package/js/x-modules/next-queries/components/next-queries.vue.js.map +1 -1
  40. package/js/x-modules/next-queries/components/next-queries.vue2.js +1 -1
  41. package/js/x-modules/next-queries/components/next-queries.vue2.js.map +1 -1
  42. package/js/x-modules/popular-searches/components/popular-searches.vue.js.map +1 -1
  43. package/js/x-modules/popular-searches/components/popular-searches.vue2.js +1 -1
  44. package/js/x-modules/popular-searches/components/popular-searches.vue2.js.map +1 -1
  45. package/js/x-modules/query-suggestions/components/query-suggestion.vue.js.map +1 -1
  46. package/js/x-modules/query-suggestions/components/query-suggestion.vue2.js +1 -1
  47. package/js/x-modules/query-suggestions/components/query-suggestion.vue2.js.map +1 -1
  48. package/js/x-modules/query-suggestions/components/query-suggestions.vue.js.map +1 -1
  49. package/js/x-modules/query-suggestions/components/query-suggestions.vue2.js +1 -1
  50. package/js/x-modules/query-suggestions/components/query-suggestions.vue2.js.map +1 -1
  51. package/js/x-modules/related-tags/components/related-tags.vue.js.map +1 -1
  52. package/js/x-modules/related-tags/components/related-tags.vue2.js +1 -3
  53. package/js/x-modules/related-tags/components/related-tags.vue2.js.map +1 -1
  54. package/js/x-modules/semantic-queries/components/semantic-query.vue.js.map +1 -1
  55. package/js/x-modules/semantic-queries/components/semantic-query.vue2.js +2 -2
  56. package/js/x-modules/semantic-queries/components/semantic-query.vue2.js.map +1 -1
  57. package/package.json +2 -2
  58. package/report/x-components.api.json +67 -132
  59. package/report/x-components.api.md +11 -9
  60. package/types/composables/use-getter.d.ts +13 -3
  61. package/types/composables/use-getter.d.ts.map +1 -1
  62. package/types/x-modules/facets/components/facets/facets.vue.d.ts +4 -4
  63. package/types/x-modules/facets/components/facets/facets.vue.d.ts.map +1 -1
  64. package/types/x-modules/facets/components/filters/all-filter.vue.d.ts +4 -4
  65. package/types/x-modules/facets/components/filters/all-filter.vue.d.ts.map +1 -1
  66. package/types/x-modules/history-queries/components/history-queries.vue.d.ts +1 -1
  67. package/types/x-modules/history-queries/components/history-query.vue.d.ts +1 -1
  68. package/types/x-modules/identifier-results/components/identifier-result.vue.d.ts +3 -3
  69. package/types/x-modules/identifier-results/components/identifier-result.vue.d.ts.map +1 -1
  70. package/types/x-modules/next-queries/components/next-queries-list.vue.d.ts.map +1 -1
  71. package/types/x-modules/next-queries/components/next-queries.vue.d.ts +1 -1
  72. package/types/x-modules/popular-searches/components/popular-searches.vue.d.ts +1 -1
  73. package/types/x-modules/query-suggestions/components/query-suggestion.vue.d.ts +1 -1
  74. package/types/x-modules/query-suggestions/components/query-suggestions.vue.d.ts +1 -1
  75. package/types/x-modules/related-tags/components/related-tags.vue.d.ts.map +1 -1
  76. package/types/x-modules/semantic-queries/components/semantic-query.vue.d.ts +1 -1
package/design-system/deprecated-full-theme.css CHANGED
@@ -1,5 +1,4 @@
1
1
 
2
-
3
2
  .x-uppercase {
4
3
  text-transform: uppercase;
5
4
  }
@@ -53,965 +52,965 @@
53
52
  .x-sticky {
54
53
  position: sticky !important;
55
54
  }
56
- .x-margin--auto {
57
- margin: auto !important;
58
- }
59
- .x-margin--00 {
60
- margin: 0 !important;
55
+ .x-padding--00 {
56
+ padding: 0 !important;
61
57
  }
62
- .x-margin--01 {
63
- margin: var(--x-size-base-01) !important;
58
+ .x-padding--01 {
59
+ padding: var(--x-size-base-01) !important;
64
60
  }
65
- .x-margin--02 {
66
- margin: var(--x-size-base-02) !important;
61
+ .x-padding--02 {
62
+ padding: var(--x-size-base-02) !important;
67
63
  }
68
- .x-margin--03 {
69
- margin: var(--x-size-base-03) !important;
64
+ .x-padding--03 {
65
+ padding: var(--x-size-base-03) !important;
70
66
  }
71
- .x-margin--04 {
72
- margin: var(--x-size-base-04) !important;
67
+ .x-padding--04 {
68
+ padding: var(--x-size-base-04) !important;
73
69
  }
74
- .x-margin--05 {
75
- margin: var(--x-size-base-05) !important;
70
+ .x-padding--05 {
71
+ padding: var(--x-size-base-05) !important;
76
72
  }
77
- .x-margin--06 {
78
- margin: var(--x-size-base-06) !important;
73
+ .x-padding--06 {
74
+ padding: var(--x-size-base-06) !important;
79
75
  }
80
- .x-margin--07 {
81
- margin: var(--x-size-base-07) !important;
76
+ .x-padding--07 {
77
+ padding: var(--x-size-base-07) !important;
82
78
  }
83
- .x-margin--08 {
84
- margin: var(--x-size-base-08) !important;
79
+ .x-padding--08 {
80
+ padding: var(--x-size-base-08) !important;
85
81
  }
86
- .x-margin--09 {
87
- margin: var(--x-size-base-09) !important;
82
+ .x-padding--09 {
83
+ padding: var(--x-size-base-09) !important;
88
84
  }
89
- .x-margin--10 {
90
- margin: var(--x-size-base-10) !important;
85
+ .x-padding--10 {
86
+ padding: var(--x-size-base-10) !important;
91
87
  }
92
- .x-margin--11 {
93
- margin: var(--x-size-base-11) !important;
88
+ .x-padding--11 {
89
+ padding: var(--x-size-base-11) !important;
94
90
  }
95
- .x-margin--12 {
96
- margin: var(--x-size-base-12) !important;
91
+ .x-padding--12 {
92
+ padding: var(--x-size-base-12) !important;
97
93
  }
98
- .x-margin--13 {
99
- margin: var(--x-size-base-13) !important;
94
+ .x-padding--13 {
95
+ padding: var(--x-size-base-13) !important;
100
96
  }
101
- .x-margin--14 {
102
- margin: var(--x-size-base-14) !important;
97
+ .x-padding--14 {
98
+ padding: var(--x-size-base-14) !important;
103
99
  }
104
- .x-margin--15 {
105
- margin: var(--x-size-base-15) !important;
100
+ .x-padding--15 {
101
+ padding: var(--x-size-base-15) !important;
106
102
  }
107
- .x-margin--16 {
108
- margin: var(--x-size-base-16) !important;
103
+ .x-padding--16 {
104
+ padding: var(--x-size-base-16) !important;
109
105
  }
110
- .x-margin--17 {
111
- margin: var(--x-size-base-17) !important;
106
+ .x-padding--17 {
107
+ padding: var(--x-size-base-17) !important;
112
108
  }
113
- .x-margin--18 {
114
- margin: var(--x-size-base-18) !important;
109
+ .x-padding--18 {
110
+ padding: var(--x-size-base-18) !important;
115
111
  }
116
- .x-margin--19 {
117
- margin: var(--x-size-base-19) !important;
112
+ .x-padding--19 {
113
+ padding: var(--x-size-base-19) !important;
118
114
  }
119
- .x-margin--20 {
120
- margin: var(--x-size-base-20) !important;
115
+ .x-padding--20 {
116
+ padding: var(--x-size-base-20) !important;
121
117
  }
122
- .x-margin--top-auto {
123
- margin-top: auto !important;
118
+ .x-padding--top-00 {
119
+ padding-top: 0 !important;
124
120
  }
125
- .x-margin--bottom-auto {
126
- margin-bottom: auto !important;
121
+ .x-padding--bottom-00 {
122
+ padding-bottom: 0 !important;
127
123
  }
128
- [dir="ltr"] .x-margin--right-auto {
129
- margin-right: auto !important;
124
+ [dir="ltr"] .x-padding--right-00 {
125
+ padding-right: 0 !important;
130
126
  }
131
- [dir="rtl"] .x-margin--right-auto {
132
- margin-left: auto !important;
127
+ [dir="rtl"] .x-padding--right-00 {
128
+ padding-left: 0 !important;
133
129
  }
134
- [dir="ltr"] .x-margin--left-auto {
135
- margin-left: auto !important;
130
+ [dir="ltr"] .x-padding--left-00 {
131
+ padding-left: 0 !important;
136
132
  }
137
- [dir="rtl"] .x-margin--left-auto {
138
- margin-right: auto !important;
133
+ [dir="rtl"] .x-padding--left-00 {
134
+ padding-right: 0 !important;
139
135
  }
140
- .x-margin--top-00 {
141
- margin-top: 0 !important;
136
+ .x-padding--top-01 {
137
+ padding-top: var(--x-size-base-01) !important;
142
138
  }
143
- .x-margin--bottom-00 {
144
- margin-bottom: 0 !important;
139
+ .x-padding--bottom-01 {
140
+ padding-bottom: var(--x-size-base-01) !important;
145
141
  }
146
- [dir="ltr"] .x-margin--right-00 {
147
- margin-right: 0 !important;
142
+ [dir="ltr"] .x-padding--right-01 {
143
+ padding-right: var(--x-size-base-01) !important;
148
144
  }
149
- [dir="rtl"] .x-margin--right-00 {
150
- margin-left: 0 !important;
145
+ [dir="rtl"] .x-padding--right-01 {
146
+ padding-left: var(--x-size-base-01) !important;
151
147
  }
152
- [dir="ltr"] .x-margin--left-00 {
153
- margin-left: 0 !important;
148
+ [dir="ltr"] .x-padding--left-01 {
149
+ padding-left: var(--x-size-base-01) !important;
154
150
  }
155
- [dir="rtl"] .x-margin--left-00 {
156
- margin-right: 0 !important;
151
+ [dir="rtl"] .x-padding--left-01 {
152
+ padding-right: var(--x-size-base-01) !important;
157
153
  }
158
- .x-margin--top-01 {
159
- margin-top: var(--x-size-base-01) !important;
154
+ .x-padding--top-02 {
155
+ padding-top: var(--x-size-base-02) !important;
160
156
  }
161
- .x-margin--bottom-01 {
162
- margin-bottom: var(--x-size-base-01) !important;
157
+ .x-padding--bottom-02 {
158
+ padding-bottom: var(--x-size-base-02) !important;
163
159
  }
164
- [dir="ltr"] .x-margin--right-01 {
165
- margin-right: var(--x-size-base-01) !important;
160
+ [dir="ltr"] .x-padding--right-02 {
161
+ padding-right: var(--x-size-base-02) !important;
166
162
  }
167
- [dir="rtl"] .x-margin--right-01 {
168
- margin-left: var(--x-size-base-01) !important;
163
+ [dir="rtl"] .x-padding--right-02 {
164
+ padding-left: var(--x-size-base-02) !important;
169
165
  }
170
- [dir="ltr"] .x-margin--left-01 {
171
- margin-left: var(--x-size-base-01) !important;
166
+ [dir="ltr"] .x-padding--left-02 {
167
+ padding-left: var(--x-size-base-02) !important;
172
168
  }
173
- [dir="rtl"] .x-margin--left-01 {
174
- margin-right: var(--x-size-base-01) !important;
169
+ [dir="rtl"] .x-padding--left-02 {
170
+ padding-right: var(--x-size-base-02) !important;
175
171
  }
176
- .x-margin--top-02 {
177
- margin-top: var(--x-size-base-02) !important;
172
+ .x-padding--top-03 {
173
+ padding-top: var(--x-size-base-03) !important;
178
174
  }
179
- .x-margin--bottom-02 {
180
- margin-bottom: var(--x-size-base-02) !important;
175
+ .x-padding--bottom-03 {
176
+ padding-bottom: var(--x-size-base-03) !important;
181
177
  }
182
- [dir="ltr"] .x-margin--right-02 {
183
- margin-right: var(--x-size-base-02) !important;
178
+ [dir="ltr"] .x-padding--right-03 {
179
+ padding-right: var(--x-size-base-03) !important;
184
180
  }
185
- [dir="rtl"] .x-margin--right-02 {
186
- margin-left: var(--x-size-base-02) !important;
181
+ [dir="rtl"] .x-padding--right-03 {
182
+ padding-left: var(--x-size-base-03) !important;
187
183
  }
188
- [dir="ltr"] .x-margin--left-02 {
189
- margin-left: var(--x-size-base-02) !important;
184
+ [dir="ltr"] .x-padding--left-03 {
185
+ padding-left: var(--x-size-base-03) !important;
190
186
  }
191
- [dir="rtl"] .x-margin--left-02 {
192
- margin-right: var(--x-size-base-02) !important;
187
+ [dir="rtl"] .x-padding--left-03 {
188
+ padding-right: var(--x-size-base-03) !important;
193
189
  }
194
- .x-margin--top-03 {
195
- margin-top: var(--x-size-base-03) !important;
190
+ .x-padding--top-04 {
191
+ padding-top: var(--x-size-base-04) !important;
196
192
  }
197
- .x-margin--bottom-03 {
198
- margin-bottom: var(--x-size-base-03) !important;
193
+ .x-padding--bottom-04 {
194
+ padding-bottom: var(--x-size-base-04) !important;
199
195
  }
200
- [dir="ltr"] .x-margin--right-03 {
201
- margin-right: var(--x-size-base-03) !important;
196
+ [dir="ltr"] .x-padding--right-04 {
197
+ padding-right: var(--x-size-base-04) !important;
202
198
  }
203
- [dir="rtl"] .x-margin--right-03 {
204
- margin-left: var(--x-size-base-03) !important;
199
+ [dir="rtl"] .x-padding--right-04 {
200
+ padding-left: var(--x-size-base-04) !important;
205
201
  }
206
- [dir="ltr"] .x-margin--left-03 {
207
- margin-left: var(--x-size-base-03) !important;
202
+ [dir="ltr"] .x-padding--left-04 {
203
+ padding-left: var(--x-size-base-04) !important;
208
204
  }
209
- [dir="rtl"] .x-margin--left-03 {
210
- margin-right: var(--x-size-base-03) !important;
205
+ [dir="rtl"] .x-padding--left-04 {
206
+ padding-right: var(--x-size-base-04) !important;
211
207
  }
212
- .x-margin--top-04 {
213
- margin-top: var(--x-size-base-04) !important;
208
+ .x-padding--top-05 {
209
+ padding-top: var(--x-size-base-05) !important;
214
210
  }
215
- .x-margin--bottom-04 {
216
- margin-bottom: var(--x-size-base-04) !important;
211
+ .x-padding--bottom-05 {
212
+ padding-bottom: var(--x-size-base-05) !important;
217
213
  }
218
- [dir="ltr"] .x-margin--right-04 {
219
- margin-right: var(--x-size-base-04) !important;
214
+ [dir="ltr"] .x-padding--right-05 {
215
+ padding-right: var(--x-size-base-05) !important;
220
216
  }
221
- [dir="rtl"] .x-margin--right-04 {
222
- margin-left: var(--x-size-base-04) !important;
217
+ [dir="rtl"] .x-padding--right-05 {
218
+ padding-left: var(--x-size-base-05) !important;
223
219
  }
224
- [dir="ltr"] .x-margin--left-04 {
225
- margin-left: var(--x-size-base-04) !important;
220
+ [dir="ltr"] .x-padding--left-05 {
221
+ padding-left: var(--x-size-base-05) !important;
226
222
  }
227
- [dir="rtl"] .x-margin--left-04 {
228
- margin-right: var(--x-size-base-04) !important;
223
+ [dir="rtl"] .x-padding--left-05 {
224
+ padding-right: var(--x-size-base-05) !important;
229
225
  }
230
- .x-margin--top-05 {
231
- margin-top: var(--x-size-base-05) !important;
226
+ .x-padding--top-06 {
227
+ padding-top: var(--x-size-base-06) !important;
232
228
  }
233
- .x-margin--bottom-05 {
234
- margin-bottom: var(--x-size-base-05) !important;
229
+ .x-padding--bottom-06 {
230
+ padding-bottom: var(--x-size-base-06) !important;
235
231
  }
236
- [dir="ltr"] .x-margin--right-05 {
237
- margin-right: var(--x-size-base-05) !important;
232
+ [dir="ltr"] .x-padding--right-06 {
233
+ padding-right: var(--x-size-base-06) !important;
238
234
  }
239
- [dir="rtl"] .x-margin--right-05 {
240
- margin-left: var(--x-size-base-05) !important;
235
+ [dir="rtl"] .x-padding--right-06 {
236
+ padding-left: var(--x-size-base-06) !important;
241
237
  }
242
- [dir="ltr"] .x-margin--left-05 {
243
- margin-left: var(--x-size-base-05) !important;
238
+ [dir="ltr"] .x-padding--left-06 {
239
+ padding-left: var(--x-size-base-06) !important;
244
240
  }
245
- [dir="rtl"] .x-margin--left-05 {
246
- margin-right: var(--x-size-base-05) !important;
241
+ [dir="rtl"] .x-padding--left-06 {
242
+ padding-right: var(--x-size-base-06) !important;
247
243
  }
248
- .x-margin--top-06 {
249
- margin-top: var(--x-size-base-06) !important;
244
+ .x-padding--top-07 {
245
+ padding-top: var(--x-size-base-07) !important;
250
246
  }
251
- .x-margin--bottom-06 {
252
- margin-bottom: var(--x-size-base-06) !important;
247
+ .x-padding--bottom-07 {
248
+ padding-bottom: var(--x-size-base-07) !important;
253
249
  }
254
- [dir="ltr"] .x-margin--right-06 {
255
- margin-right: var(--x-size-base-06) !important;
250
+ [dir="ltr"] .x-padding--right-07 {
251
+ padding-right: var(--x-size-base-07) !important;
256
252
  }
257
- [dir="rtl"] .x-margin--right-06 {
258
- margin-left: var(--x-size-base-06) !important;
253
+ [dir="rtl"] .x-padding--right-07 {
254
+ padding-left: var(--x-size-base-07) !important;
259
255
  }
260
- [dir="ltr"] .x-margin--left-06 {
261
- margin-left: var(--x-size-base-06) !important;
256
+ [dir="ltr"] .x-padding--left-07 {
257
+ padding-left: var(--x-size-base-07) !important;
262
258
  }
263
- [dir="rtl"] .x-margin--left-06 {
264
- margin-right: var(--x-size-base-06) !important;
259
+ [dir="rtl"] .x-padding--left-07 {
260
+ padding-right: var(--x-size-base-07) !important;
265
261
  }
266
- .x-margin--top-07 {
267
- margin-top: var(--x-size-base-07) !important;
262
+ .x-padding--top-08 {
263
+ padding-top: var(--x-size-base-08) !important;
268
264
  }
269
- .x-margin--bottom-07 {
270
- margin-bottom: var(--x-size-base-07) !important;
265
+ .x-padding--bottom-08 {
266
+ padding-bottom: var(--x-size-base-08) !important;
271
267
  }
272
- [dir="ltr"] .x-margin--right-07 {
273
- margin-right: var(--x-size-base-07) !important;
268
+ [dir="ltr"] .x-padding--right-08 {
269
+ padding-right: var(--x-size-base-08) !important;
274
270
  }
275
- [dir="rtl"] .x-margin--right-07 {
276
- margin-left: var(--x-size-base-07) !important;
271
+ [dir="rtl"] .x-padding--right-08 {
272
+ padding-left: var(--x-size-base-08) !important;
277
273
  }
278
- [dir="ltr"] .x-margin--left-07 {
279
- margin-left: var(--x-size-base-07) !important;
274
+ [dir="ltr"] .x-padding--left-08 {
275
+ padding-left: var(--x-size-base-08) !important;
280
276
  }
281
- [dir="rtl"] .x-margin--left-07 {
282
- margin-right: var(--x-size-base-07) !important;
277
+ [dir="rtl"] .x-padding--left-08 {
278
+ padding-right: var(--x-size-base-08) !important;
283
279
  }
284
- .x-margin--top-08 {
285
- margin-top: var(--x-size-base-08) !important;
280
+ .x-padding--top-09 {
281
+ padding-top: var(--x-size-base-09) !important;
286
282
  }
287
- .x-margin--bottom-08 {
288
- margin-bottom: var(--x-size-base-08) !important;
283
+ .x-padding--bottom-09 {
284
+ padding-bottom: var(--x-size-base-09) !important;
289
285
  }
290
- [dir="ltr"] .x-margin--right-08 {
291
- margin-right: var(--x-size-base-08) !important;
286
+ [dir="ltr"] .x-padding--right-09 {
287
+ padding-right: var(--x-size-base-09) !important;
292
288
  }
293
- [dir="rtl"] .x-margin--right-08 {
294
- margin-left: var(--x-size-base-08) !important;
289
+ [dir="rtl"] .x-padding--right-09 {
290
+ padding-left: var(--x-size-base-09) !important;
295
291
  }
296
- [dir="ltr"] .x-margin--left-08 {
297
- margin-left: var(--x-size-base-08) !important;
292
+ [dir="ltr"] .x-padding--left-09 {
293
+ padding-left: var(--x-size-base-09) !important;
298
294
  }
299
- [dir="rtl"] .x-margin--left-08 {
300
- margin-right: var(--x-size-base-08) !important;
295
+ [dir="rtl"] .x-padding--left-09 {
296
+ padding-right: var(--x-size-base-09) !important;
301
297
  }
302
- .x-margin--top-09 {
303
- margin-top: var(--x-size-base-09) !important;
298
+ .x-padding--top-10 {
299
+ padding-top: var(--x-size-base-10) !important;
304
300
  }
305
- .x-margin--bottom-09 {
306
- margin-bottom: var(--x-size-base-09) !important;
301
+ .x-padding--bottom-10 {
302
+ padding-bottom: var(--x-size-base-10) !important;
307
303
  }
308
- [dir="ltr"] .x-margin--right-09 {
309
- margin-right: var(--x-size-base-09) !important;
304
+ [dir="ltr"] .x-padding--right-10 {
305
+ padding-right: var(--x-size-base-10) !important;
310
306
  }
311
- [dir="rtl"] .x-margin--right-09 {
312
- margin-left: var(--x-size-base-09) !important;
307
+ [dir="rtl"] .x-padding--right-10 {
308
+ padding-left: var(--x-size-base-10) !important;
313
309
  }
314
- [dir="ltr"] .x-margin--left-09 {
315
- margin-left: var(--x-size-base-09) !important;
310
+ [dir="ltr"] .x-padding--left-10 {
311
+ padding-left: var(--x-size-base-10) !important;
316
312
  }
317
- [dir="rtl"] .x-margin--left-09 {
318
- margin-right: var(--x-size-base-09) !important;
313
+ [dir="rtl"] .x-padding--left-10 {
314
+ padding-right: var(--x-size-base-10) !important;
319
315
  }
320
- .x-margin--top-10 {
321
- margin-top: var(--x-size-base-10) !important;
316
+ .x-padding--top-11 {
317
+ padding-top: var(--x-size-base-11) !important;
322
318
  }
323
- .x-margin--bottom-10 {
324
- margin-bottom: var(--x-size-base-10) !important;
319
+ .x-padding--bottom-11 {
320
+ padding-bottom: var(--x-size-base-11) !important;
325
321
  }
326
- [dir="ltr"] .x-margin--right-10 {
327
- margin-right: var(--x-size-base-10) !important;
322
+ [dir="ltr"] .x-padding--right-11 {
323
+ padding-right: var(--x-size-base-11) !important;
328
324
  }
329
- [dir="rtl"] .x-margin--right-10 {
330
- margin-left: var(--x-size-base-10) !important;
325
+ [dir="rtl"] .x-padding--right-11 {
326
+ padding-left: var(--x-size-base-11) !important;
331
327
  }
332
- [dir="ltr"] .x-margin--left-10 {
333
- margin-left: var(--x-size-base-10) !important;
328
+ [dir="ltr"] .x-padding--left-11 {
329
+ padding-left: var(--x-size-base-11) !important;
334
330
  }
335
- [dir="rtl"] .x-margin--left-10 {
336
- margin-right: var(--x-size-base-10) !important;
331
+ [dir="rtl"] .x-padding--left-11 {
332
+ padding-right: var(--x-size-base-11) !important;
337
333
  }
338
- .x-margin--top-11 {
339
- margin-top: var(--x-size-base-11) !important;
334
+ .x-padding--top-12 {
335
+ padding-top: var(--x-size-base-12) !important;
340
336
  }
341
- .x-margin--bottom-11 {
342
- margin-bottom: var(--x-size-base-11) !important;
337
+ .x-padding--bottom-12 {
338
+ padding-bottom: var(--x-size-base-12) !important;
343
339
  }
344
- [dir="ltr"] .x-margin--right-11 {
345
- margin-right: var(--x-size-base-11) !important;
340
+ [dir="ltr"] .x-padding--right-12 {
341
+ padding-right: var(--x-size-base-12) !important;
346
342
  }
347
- [dir="rtl"] .x-margin--right-11 {
348
- margin-left: var(--x-size-base-11) !important;
343
+ [dir="rtl"] .x-padding--right-12 {
344
+ padding-left: var(--x-size-base-12) !important;
349
345
  }
350
- [dir="ltr"] .x-margin--left-11 {
351
- margin-left: var(--x-size-base-11) !important;
346
+ [dir="ltr"] .x-padding--left-12 {
347
+ padding-left: var(--x-size-base-12) !important;
352
348
  }
353
- [dir="rtl"] .x-margin--left-11 {
354
- margin-right: var(--x-size-base-11) !important;
349
+ [dir="rtl"] .x-padding--left-12 {
350
+ padding-right: var(--x-size-base-12) !important;
355
351
  }
356
- .x-margin--top-12 {
357
- margin-top: var(--x-size-base-12) !important;
352
+ .x-padding--top-13 {
353
+ padding-top: var(--x-size-base-13) !important;
358
354
  }
359
- .x-margin--bottom-12 {
360
- margin-bottom: var(--x-size-base-12) !important;
355
+ .x-padding--bottom-13 {
356
+ padding-bottom: var(--x-size-base-13) !important;
361
357
  }
362
- [dir="ltr"] .x-margin--right-12 {
363
- margin-right: var(--x-size-base-12) !important;
358
+ [dir="ltr"] .x-padding--right-13 {
359
+ padding-right: var(--x-size-base-13) !important;
364
360
  }
365
- [dir="rtl"] .x-margin--right-12 {
366
- margin-left: var(--x-size-base-12) !important;
361
+ [dir="rtl"] .x-padding--right-13 {
362
+ padding-left: var(--x-size-base-13) !important;
367
363
  }
368
- [dir="ltr"] .x-margin--left-12 {
369
- margin-left: var(--x-size-base-12) !important;
364
+ [dir="ltr"] .x-padding--left-13 {
365
+ padding-left: var(--x-size-base-13) !important;
370
366
  }
371
- [dir="rtl"] .x-margin--left-12 {
372
- margin-right: var(--x-size-base-12) !important;
367
+ [dir="rtl"] .x-padding--left-13 {
368
+ padding-right: var(--x-size-base-13) !important;
373
369
  }
374
- .x-margin--top-13 {
375
- margin-top: var(--x-size-base-13) !important;
370
+ .x-padding--top-14 {
371
+ padding-top: var(--x-size-base-14) !important;
376
372
  }
377
- .x-margin--bottom-13 {
378
- margin-bottom: var(--x-size-base-13) !important;
373
+ .x-padding--bottom-14 {
374
+ padding-bottom: var(--x-size-base-14) !important;
379
375
  }
380
- [dir="ltr"] .x-margin--right-13 {
381
- margin-right: var(--x-size-base-13) !important;
376
+ [dir="ltr"] .x-padding--right-14 {
377
+ padding-right: var(--x-size-base-14) !important;
382
378
  }
383
- [dir="rtl"] .x-margin--right-13 {
384
- margin-left: var(--x-size-base-13) !important;
379
+ [dir="rtl"] .x-padding--right-14 {
380
+ padding-left: var(--x-size-base-14) !important;
385
381
  }
386
- [dir="ltr"] .x-margin--left-13 {
387
- margin-left: var(--x-size-base-13) !important;
382
+ [dir="ltr"] .x-padding--left-14 {
383
+ padding-left: var(--x-size-base-14) !important;
388
384
  }
389
- [dir="rtl"] .x-margin--left-13 {
390
- margin-right: var(--x-size-base-13) !important;
385
+ [dir="rtl"] .x-padding--left-14 {
386
+ padding-right: var(--x-size-base-14) !important;
391
387
  }
392
- .x-margin--top-14 {
393
- margin-top: var(--x-size-base-14) !important;
388
+ .x-padding--top-15 {
389
+ padding-top: var(--x-size-base-15) !important;
394
390
  }
395
- .x-margin--bottom-14 {
396
- margin-bottom: var(--x-size-base-14) !important;
391
+ .x-padding--bottom-15 {
392
+ padding-bottom: var(--x-size-base-15) !important;
397
393
  }
398
- [dir="ltr"] .x-margin--right-14 {
399
- margin-right: var(--x-size-base-14) !important;
394
+ [dir="ltr"] .x-padding--right-15 {
395
+ padding-right: var(--x-size-base-15) !important;
400
396
  }
401
- [dir="rtl"] .x-margin--right-14 {
402
- margin-left: var(--x-size-base-14) !important;
397
+ [dir="rtl"] .x-padding--right-15 {
398
+ padding-left: var(--x-size-base-15) !important;
403
399
  }
404
- [dir="ltr"] .x-margin--left-14 {
405
- margin-left: var(--x-size-base-14) !important;
400
+ [dir="ltr"] .x-padding--left-15 {
401
+ padding-left: var(--x-size-base-15) !important;
406
402
  }
407
- [dir="rtl"] .x-margin--left-14 {
408
- margin-right: var(--x-size-base-14) !important;
403
+ [dir="rtl"] .x-padding--left-15 {
404
+ padding-right: var(--x-size-base-15) !important;
409
405
  }
410
- .x-margin--top-15 {
411
- margin-top: var(--x-size-base-15) !important;
406
+ .x-padding--top-16 {
407
+ padding-top: var(--x-size-base-16) !important;
412
408
  }
413
- .x-margin--bottom-15 {
414
- margin-bottom: var(--x-size-base-15) !important;
409
+ .x-padding--bottom-16 {
410
+ padding-bottom: var(--x-size-base-16) !important;
415
411
  }
416
- [dir="ltr"] .x-margin--right-15 {
417
- margin-right: var(--x-size-base-15) !important;
412
+ [dir="ltr"] .x-padding--right-16 {
413
+ padding-right: var(--x-size-base-16) !important;
418
414
  }
419
- [dir="rtl"] .x-margin--right-15 {
420
- margin-left: var(--x-size-base-15) !important;
415
+ [dir="rtl"] .x-padding--right-16 {
416
+ padding-left: var(--x-size-base-16) !important;
421
417
  }
422
- [dir="ltr"] .x-margin--left-15 {
423
- margin-left: var(--x-size-base-15) !important;
418
+ [dir="ltr"] .x-padding--left-16 {
419
+ padding-left: var(--x-size-base-16) !important;
424
420
  }
425
- [dir="rtl"] .x-margin--left-15 {
426
- margin-right: var(--x-size-base-15) !important;
421
+ [dir="rtl"] .x-padding--left-16 {
422
+ padding-right: var(--x-size-base-16) !important;
427
423
  }
428
- .x-margin--top-16 {
429
- margin-top: var(--x-size-base-16) !important;
424
+ .x-padding--top-17 {
425
+ padding-top: var(--x-size-base-17) !important;
430
426
  }
431
- .x-margin--bottom-16 {
432
- margin-bottom: var(--x-size-base-16) !important;
427
+ .x-padding--bottom-17 {
428
+ padding-bottom: var(--x-size-base-17) !important;
433
429
  }
434
- [dir="ltr"] .x-margin--right-16 {
435
- margin-right: var(--x-size-base-16) !important;
430
+ [dir="ltr"] .x-padding--right-17 {
431
+ padding-right: var(--x-size-base-17) !important;
436
432
  }
437
- [dir="rtl"] .x-margin--right-16 {
438
- margin-left: var(--x-size-base-16) !important;
433
+ [dir="rtl"] .x-padding--right-17 {
434
+ padding-left: var(--x-size-base-17) !important;
439
435
  }
440
- [dir="ltr"] .x-margin--left-16 {
441
- margin-left: var(--x-size-base-16) !important;
436
+ [dir="ltr"] .x-padding--left-17 {
437
+ padding-left: var(--x-size-base-17) !important;
442
438
  }
443
- [dir="rtl"] .x-margin--left-16 {
444
- margin-right: var(--x-size-base-16) !important;
439
+ [dir="rtl"] .x-padding--left-17 {
440
+ padding-right: var(--x-size-base-17) !important;
445
441
  }
446
- .x-margin--top-17 {
447
- margin-top: var(--x-size-base-17) !important;
442
+ .x-padding--top-18 {
443
+ padding-top: var(--x-size-base-18) !important;
448
444
  }
449
- .x-margin--bottom-17 {
450
- margin-bottom: var(--x-size-base-17) !important;
445
+ .x-padding--bottom-18 {
446
+ padding-bottom: var(--x-size-base-18) !important;
451
447
  }
452
- [dir="ltr"] .x-margin--right-17 {
453
- margin-right: var(--x-size-base-17) !important;
448
+ [dir="ltr"] .x-padding--right-18 {
449
+ padding-right: var(--x-size-base-18) !important;
454
450
  }
455
- [dir="rtl"] .x-margin--right-17 {
456
- margin-left: var(--x-size-base-17) !important;
451
+ [dir="rtl"] .x-padding--right-18 {
452
+ padding-left: var(--x-size-base-18) !important;
457
453
  }
458
- [dir="ltr"] .x-margin--left-17 {
459
- margin-left: var(--x-size-base-17) !important;
454
+ [dir="ltr"] .x-padding--left-18 {
455
+ padding-left: var(--x-size-base-18) !important;
460
456
  }
461
- [dir="rtl"] .x-margin--left-17 {
462
- margin-right: var(--x-size-base-17) !important;
457
+ [dir="rtl"] .x-padding--left-18 {
458
+ padding-right: var(--x-size-base-18) !important;
463
459
  }
464
- .x-margin--top-18 {
465
- margin-top: var(--x-size-base-18) !important;
460
+ .x-padding--top-19 {
461
+ padding-top: var(--x-size-base-19) !important;
466
462
  }
467
- .x-margin--bottom-18 {
468
- margin-bottom: var(--x-size-base-18) !important;
463
+ .x-padding--bottom-19 {
464
+ padding-bottom: var(--x-size-base-19) !important;
469
465
  }
470
- [dir="ltr"] .x-margin--right-18 {
471
- margin-right: var(--x-size-base-18) !important;
466
+ [dir="ltr"] .x-padding--right-19 {
467
+ padding-right: var(--x-size-base-19) !important;
472
468
  }
473
- [dir="rtl"] .x-margin--right-18 {
474
- margin-left: var(--x-size-base-18) !important;
469
+ [dir="rtl"] .x-padding--right-19 {
470
+ padding-left: var(--x-size-base-19) !important;
475
471
  }
476
- [dir="ltr"] .x-margin--left-18 {
477
- margin-left: var(--x-size-base-18) !important;
472
+ [dir="ltr"] .x-padding--left-19 {
473
+ padding-left: var(--x-size-base-19) !important;
478
474
  }
479
- [dir="rtl"] .x-margin--left-18 {
480
- margin-right: var(--x-size-base-18) !important;
475
+ [dir="rtl"] .x-padding--left-19 {
476
+ padding-right: var(--x-size-base-19) !important;
481
477
  }
482
- .x-margin--top-19 {
483
- margin-top: var(--x-size-base-19) !important;
478
+ .x-padding--top-20 {
479
+ padding-top: var(--x-size-base-20) !important;
484
480
  }
485
- .x-margin--bottom-19 {
486
- margin-bottom: var(--x-size-base-19) !important;
481
+ .x-padding--bottom-20 {
482
+ padding-bottom: var(--x-size-base-20) !important;
487
483
  }
488
- [dir="ltr"] .x-margin--right-19 {
489
- margin-right: var(--x-size-base-19) !important;
484
+ [dir="ltr"] .x-padding--right-20 {
485
+ padding-right: var(--x-size-base-20) !important;
490
486
  }
491
- [dir="rtl"] .x-margin--right-19 {
492
- margin-left: var(--x-size-base-19) !important;
487
+ [dir="rtl"] .x-padding--right-20 {
488
+ padding-left: var(--x-size-base-20) !important;
493
489
  }
494
- [dir="ltr"] .x-margin--left-19 {
495
- margin-left: var(--x-size-base-19) !important;
490
+ [dir="ltr"] .x-padding--left-20 {
491
+ padding-left: var(--x-size-base-20) !important;
496
492
  }
497
- [dir="rtl"] .x-margin--left-19 {
498
- margin-right: var(--x-size-base-19) !important;
493
+ [dir="rtl"] .x-padding--left-20 {
494
+ padding-right: var(--x-size-base-20) !important;
499
495
  }
500
- .x-margin--top-20 {
501
- margin-top: var(--x-size-base-20) !important;
496
+ .x-margin--auto {
497
+ margin: auto !important;
502
498
  }
503
- .x-margin--bottom-20 {
504
- margin-bottom: var(--x-size-base-20) !important;
499
+ .x-margin--00 {
500
+ margin: 0 !important;
505
501
  }
506
- [dir="ltr"] .x-margin--right-20 {
507
- margin-right: var(--x-size-base-20) !important;
502
+ .x-margin--01 {
503
+ margin: var(--x-size-base-01) !important;
508
504
  }
509
- [dir="rtl"] .x-margin--right-20 {
510
- margin-left: var(--x-size-base-20) !important;
505
+ .x-margin--02 {
506
+ margin: var(--x-size-base-02) !important;
511
507
  }
512
- [dir="ltr"] .x-margin--left-20 {
513
- margin-left: var(--x-size-base-20) !important;
508
+ .x-margin--03 {
509
+ margin: var(--x-size-base-03) !important;
514
510
  }
515
- [dir="rtl"] .x-margin--left-20 {
516
- margin-right: var(--x-size-base-20) !important;
511
+ .x-margin--04 {
512
+ margin: var(--x-size-base-04) !important;
517
513
  }
518
- .x-line-clamp--2 {
519
- overflow: hidden !important;
520
- display: -webkit-box !important;
521
- -webkit-box-orient: vertical !important;
522
- -webkit-line-clamp: 2 !important;
514
+ .x-margin--05 {
515
+ margin: var(--x-size-base-05) !important;
523
516
  }
524
-
525
- .x-line-clamp--3 {
526
- overflow: hidden !important;
527
- display: -webkit-box !important;
528
- -webkit-box-orient: vertical !important;
529
- -webkit-line-clamp: 3 !important;
517
+ .x-margin--06 {
518
+ margin: var(--x-size-base-06) !important;
530
519
  }
531
-
532
- .x-line-clamp--4 {
533
- overflow: hidden !important;
534
- display: -webkit-box !important;
535
- -webkit-box-orient: vertical !important;
536
- -webkit-line-clamp: 4 !important;
520
+ .x-margin--07 {
521
+ margin: var(--x-size-base-07) !important;
537
522
  }
538
-
539
- .x-line-clamp--5 {
540
- overflow: hidden !important;
541
- display: -webkit-box !important;
542
- -webkit-box-orient: vertical !important;
543
- -webkit-line-clamp: 5 !important;
523
+ .x-margin--08 {
524
+ margin: var(--x-size-base-08) !important;
544
525
  }
545
-
546
- .x-line-clamp--6 {
547
- overflow: hidden !important;
548
- display: -webkit-box !important;
549
- -webkit-box-orient: vertical !important;
550
- -webkit-line-clamp: 6 !important;
526
+ .x-margin--09 {
527
+ margin: var(--x-size-base-09) !important;
551
528
  }
552
- .x-line-height--none {
553
- line-height: 1 !important;
529
+ .x-margin--10 {
530
+ margin: var(--x-size-base-10) !important;
554
531
  }
555
-
556
- .x-line-height--tight {
557
- line-height: 1.25 !important;
532
+ .x-margin--11 {
533
+ margin: var(--x-size-base-11) !important;
558
534
  }
559
-
560
- .x-line-height--snug {
561
- line-height: 1.375 !important;
535
+ .x-margin--12 {
536
+ margin: var(--x-size-base-12) !important;
562
537
  }
563
-
564
- .x-line-height--normal {
565
- line-height: 1.5 !important;
538
+ .x-margin--13 {
539
+ margin: var(--x-size-base-13) !important;
566
540
  }
567
-
568
- .x-line-height--relaxed {
569
- line-height: 1.625 !important;
541
+ .x-margin--14 {
542
+ margin: var(--x-size-base-14) !important;
570
543
  }
571
-
572
- .x-line-height--loose {
573
- line-height: 2 !important;
544
+ .x-margin--15 {
545
+ margin: var(--x-size-base-15) !important;
574
546
  }
575
- .x-padding--00 {
576
- padding: 0 !important;
547
+ .x-margin--16 {
548
+ margin: var(--x-size-base-16) !important;
577
549
  }
578
- .x-padding--01 {
579
- padding: var(--x-size-base-01) !important;
550
+ .x-margin--17 {
551
+ margin: var(--x-size-base-17) !important;
580
552
  }
581
- .x-padding--02 {
582
- padding: var(--x-size-base-02) !important;
553
+ .x-margin--18 {
554
+ margin: var(--x-size-base-18) !important;
583
555
  }
584
- .x-padding--03 {
585
- padding: var(--x-size-base-03) !important;
556
+ .x-margin--19 {
557
+ margin: var(--x-size-base-19) !important;
586
558
  }
587
- .x-padding--04 {
588
- padding: var(--x-size-base-04) !important;
559
+ .x-margin--20 {
560
+ margin: var(--x-size-base-20) !important;
589
561
  }
590
- .x-padding--05 {
591
- padding: var(--x-size-base-05) !important;
562
+ .x-margin--top-auto {
563
+ margin-top: auto !important;
592
564
  }
593
- .x-padding--06 {
594
- padding: var(--x-size-base-06) !important;
565
+ .x-margin--bottom-auto {
566
+ margin-bottom: auto !important;
595
567
  }
596
- .x-padding--07 {
597
- padding: var(--x-size-base-07) !important;
568
+ [dir="ltr"] .x-margin--right-auto {
569
+ margin-right: auto !important;
598
570
  }
599
- .x-padding--08 {
600
- padding: var(--x-size-base-08) !important;
571
+ [dir="rtl"] .x-margin--right-auto {
572
+ margin-left: auto !important;
601
573
  }
602
- .x-padding--09 {
603
- padding: var(--x-size-base-09) !important;
574
+ [dir="ltr"] .x-margin--left-auto {
575
+ margin-left: auto !important;
604
576
  }
605
- .x-padding--10 {
606
- padding: var(--x-size-base-10) !important;
577
+ [dir="rtl"] .x-margin--left-auto {
578
+ margin-right: auto !important;
607
579
  }
608
- .x-padding--11 {
609
- padding: var(--x-size-base-11) !important;
580
+ .x-margin--top-00 {
581
+ margin-top: 0 !important;
610
582
  }
611
- .x-padding--12 {
612
- padding: var(--x-size-base-12) !important;
583
+ .x-margin--bottom-00 {
584
+ margin-bottom: 0 !important;
613
585
  }
614
- .x-padding--13 {
615
- padding: var(--x-size-base-13) !important;
586
+ [dir="ltr"] .x-margin--right-00 {
587
+ margin-right: 0 !important;
616
588
  }
617
- .x-padding--14 {
618
- padding: var(--x-size-base-14) !important;
589
+ [dir="rtl"] .x-margin--right-00 {
590
+ margin-left: 0 !important;
619
591
  }
620
- .x-padding--15 {
621
- padding: var(--x-size-base-15) !important;
592
+ [dir="ltr"] .x-margin--left-00 {
593
+ margin-left: 0 !important;
622
594
  }
623
- .x-padding--16 {
624
- padding: var(--x-size-base-16) !important;
595
+ [dir="rtl"] .x-margin--left-00 {
596
+ margin-right: 0 !important;
625
597
  }
626
- .x-padding--17 {
627
- padding: var(--x-size-base-17) !important;
598
+ .x-margin--top-01 {
599
+ margin-top: var(--x-size-base-01) !important;
628
600
  }
629
- .x-padding--18 {
630
- padding: var(--x-size-base-18) !important;
601
+ .x-margin--bottom-01 {
602
+ margin-bottom: var(--x-size-base-01) !important;
631
603
  }
632
- .x-padding--19 {
633
- padding: var(--x-size-base-19) !important;
604
+ [dir="ltr"] .x-margin--right-01 {
605
+ margin-right: var(--x-size-base-01) !important;
634
606
  }
635
- .x-padding--20 {
636
- padding: var(--x-size-base-20) !important;
607
+ [dir="rtl"] .x-margin--right-01 {
608
+ margin-left: var(--x-size-base-01) !important;
637
609
  }
638
- .x-padding--top-00 {
639
- padding-top: 0 !important;
610
+ [dir="ltr"] .x-margin--left-01 {
611
+ margin-left: var(--x-size-base-01) !important;
640
612
  }
641
- .x-padding--bottom-00 {
642
- padding-bottom: 0 !important;
613
+ [dir="rtl"] .x-margin--left-01 {
614
+ margin-right: var(--x-size-base-01) !important;
643
615
  }
644
- [dir="ltr"] .x-padding--right-00 {
645
- padding-right: 0 !important;
616
+ .x-margin--top-02 {
617
+ margin-top: var(--x-size-base-02) !important;
646
618
  }
647
- [dir="rtl"] .x-padding--right-00 {
648
- padding-left: 0 !important;
619
+ .x-margin--bottom-02 {
620
+ margin-bottom: var(--x-size-base-02) !important;
649
621
  }
650
- [dir="ltr"] .x-padding--left-00 {
651
- padding-left: 0 !important;
622
+ [dir="ltr"] .x-margin--right-02 {
623
+ margin-right: var(--x-size-base-02) !important;
652
624
  }
653
- [dir="rtl"] .x-padding--left-00 {
654
- padding-right: 0 !important;
625
+ [dir="rtl"] .x-margin--right-02 {
626
+ margin-left: var(--x-size-base-02) !important;
655
627
  }
656
- .x-padding--top-01 {
657
- padding-top: var(--x-size-base-01) !important;
628
+ [dir="ltr"] .x-margin--left-02 {
629
+ margin-left: var(--x-size-base-02) !important;
658
630
  }
659
- .x-padding--bottom-01 {
660
- padding-bottom: var(--x-size-base-01) !important;
631
+ [dir="rtl"] .x-margin--left-02 {
632
+ margin-right: var(--x-size-base-02) !important;
661
633
  }
662
- [dir="ltr"] .x-padding--right-01 {
663
- padding-right: var(--x-size-base-01) !important;
634
+ .x-margin--top-03 {
635
+ margin-top: var(--x-size-base-03) !important;
664
636
  }
665
- [dir="rtl"] .x-padding--right-01 {
666
- padding-left: var(--x-size-base-01) !important;
637
+ .x-margin--bottom-03 {
638
+ margin-bottom: var(--x-size-base-03) !important;
667
639
  }
668
- [dir="ltr"] .x-padding--left-01 {
669
- padding-left: var(--x-size-base-01) !important;
640
+ [dir="ltr"] .x-margin--right-03 {
641
+ margin-right: var(--x-size-base-03) !important;
670
642
  }
671
- [dir="rtl"] .x-padding--left-01 {
672
- padding-right: var(--x-size-base-01) !important;
643
+ [dir="rtl"] .x-margin--right-03 {
644
+ margin-left: var(--x-size-base-03) !important;
673
645
  }
674
- .x-padding--top-02 {
675
- padding-top: var(--x-size-base-02) !important;
646
+ [dir="ltr"] .x-margin--left-03 {
647
+ margin-left: var(--x-size-base-03) !important;
676
648
  }
677
- .x-padding--bottom-02 {
678
- padding-bottom: var(--x-size-base-02) !important;
649
+ [dir="rtl"] .x-margin--left-03 {
650
+ margin-right: var(--x-size-base-03) !important;
651
+ }
652
+ .x-margin--top-04 {
653
+ margin-top: var(--x-size-base-04) !important;
679
654
  }
680
- [dir="ltr"] .x-padding--right-02 {
681
- padding-right: var(--x-size-base-02) !important;
655
+ .x-margin--bottom-04 {
656
+ margin-bottom: var(--x-size-base-04) !important;
682
657
  }
683
- [dir="rtl"] .x-padding--right-02 {
684
- padding-left: var(--x-size-base-02) !important;
658
+ [dir="ltr"] .x-margin--right-04 {
659
+ margin-right: var(--x-size-base-04) !important;
685
660
  }
686
- [dir="ltr"] .x-padding--left-02 {
687
- padding-left: var(--x-size-base-02) !important;
661
+ [dir="rtl"] .x-margin--right-04 {
662
+ margin-left: var(--x-size-base-04) !important;
688
663
  }
689
- [dir="rtl"] .x-padding--left-02 {
690
- padding-right: var(--x-size-base-02) !important;
664
+ [dir="ltr"] .x-margin--left-04 {
665
+ margin-left: var(--x-size-base-04) !important;
691
666
  }
692
- .x-padding--top-03 {
693
- padding-top: var(--x-size-base-03) !important;
667
+ [dir="rtl"] .x-margin--left-04 {
668
+ margin-right: var(--x-size-base-04) !important;
694
669
  }
695
- .x-padding--bottom-03 {
696
- padding-bottom: var(--x-size-base-03) !important;
670
+ .x-margin--top-05 {
671
+ margin-top: var(--x-size-base-05) !important;
697
672
  }
698
- [dir="ltr"] .x-padding--right-03 {
699
- padding-right: var(--x-size-base-03) !important;
673
+ .x-margin--bottom-05 {
674
+ margin-bottom: var(--x-size-base-05) !important;
700
675
  }
701
- [dir="rtl"] .x-padding--right-03 {
702
- padding-left: var(--x-size-base-03) !important;
676
+ [dir="ltr"] .x-margin--right-05 {
677
+ margin-right: var(--x-size-base-05) !important;
703
678
  }
704
- [dir="ltr"] .x-padding--left-03 {
705
- padding-left: var(--x-size-base-03) !important;
679
+ [dir="rtl"] .x-margin--right-05 {
680
+ margin-left: var(--x-size-base-05) !important;
706
681
  }
707
- [dir="rtl"] .x-padding--left-03 {
708
- padding-right: var(--x-size-base-03) !important;
682
+ [dir="ltr"] .x-margin--left-05 {
683
+ margin-left: var(--x-size-base-05) !important;
709
684
  }
710
- .x-padding--top-04 {
711
- padding-top: var(--x-size-base-04) !important;
685
+ [dir="rtl"] .x-margin--left-05 {
686
+ margin-right: var(--x-size-base-05) !important;
712
687
  }
713
- .x-padding--bottom-04 {
714
- padding-bottom: var(--x-size-base-04) !important;
688
+ .x-margin--top-06 {
689
+ margin-top: var(--x-size-base-06) !important;
715
690
  }
716
- [dir="ltr"] .x-padding--right-04 {
717
- padding-right: var(--x-size-base-04) !important;
691
+ .x-margin--bottom-06 {
692
+ margin-bottom: var(--x-size-base-06) !important;
718
693
  }
719
- [dir="rtl"] .x-padding--right-04 {
720
- padding-left: var(--x-size-base-04) !important;
694
+ [dir="ltr"] .x-margin--right-06 {
695
+ margin-right: var(--x-size-base-06) !important;
721
696
  }
722
- [dir="ltr"] .x-padding--left-04 {
723
- padding-left: var(--x-size-base-04) !important;
697
+ [dir="rtl"] .x-margin--right-06 {
698
+ margin-left: var(--x-size-base-06) !important;
724
699
  }
725
- [dir="rtl"] .x-padding--left-04 {
726
- padding-right: var(--x-size-base-04) !important;
700
+ [dir="ltr"] .x-margin--left-06 {
701
+ margin-left: var(--x-size-base-06) !important;
727
702
  }
728
- .x-padding--top-05 {
729
- padding-top: var(--x-size-base-05) !important;
703
+ [dir="rtl"] .x-margin--left-06 {
704
+ margin-right: var(--x-size-base-06) !important;
730
705
  }
731
- .x-padding--bottom-05 {
732
- padding-bottom: var(--x-size-base-05) !important;
706
+ .x-margin--top-07 {
707
+ margin-top: var(--x-size-base-07) !important;
733
708
  }
734
- [dir="ltr"] .x-padding--right-05 {
735
- padding-right: var(--x-size-base-05) !important;
709
+ .x-margin--bottom-07 {
710
+ margin-bottom: var(--x-size-base-07) !important;
736
711
  }
737
- [dir="rtl"] .x-padding--right-05 {
738
- padding-left: var(--x-size-base-05) !important;
712
+ [dir="ltr"] .x-margin--right-07 {
713
+ margin-right: var(--x-size-base-07) !important;
739
714
  }
740
- [dir="ltr"] .x-padding--left-05 {
741
- padding-left: var(--x-size-base-05) !important;
715
+ [dir="rtl"] .x-margin--right-07 {
716
+ margin-left: var(--x-size-base-07) !important;
742
717
  }
743
- [dir="rtl"] .x-padding--left-05 {
744
- padding-right: var(--x-size-base-05) !important;
718
+ [dir="ltr"] .x-margin--left-07 {
719
+ margin-left: var(--x-size-base-07) !important;
745
720
  }
746
- .x-padding--top-06 {
747
- padding-top: var(--x-size-base-06) !important;
721
+ [dir="rtl"] .x-margin--left-07 {
722
+ margin-right: var(--x-size-base-07) !important;
748
723
  }
749
- .x-padding--bottom-06 {
750
- padding-bottom: var(--x-size-base-06) !important;
724
+ .x-margin--top-08 {
725
+ margin-top: var(--x-size-base-08) !important;
751
726
  }
752
- [dir="ltr"] .x-padding--right-06 {
753
- padding-right: var(--x-size-base-06) !important;
727
+ .x-margin--bottom-08 {
728
+ margin-bottom: var(--x-size-base-08) !important;
754
729
  }
755
- [dir="rtl"] .x-padding--right-06 {
756
- padding-left: var(--x-size-base-06) !important;
730
+ [dir="ltr"] .x-margin--right-08 {
731
+ margin-right: var(--x-size-base-08) !important;
757
732
  }
758
- [dir="ltr"] .x-padding--left-06 {
759
- padding-left: var(--x-size-base-06) !important;
733
+ [dir="rtl"] .x-margin--right-08 {
734
+ margin-left: var(--x-size-base-08) !important;
760
735
  }
761
- [dir="rtl"] .x-padding--left-06 {
762
- padding-right: var(--x-size-base-06) !important;
736
+ [dir="ltr"] .x-margin--left-08 {
737
+ margin-left: var(--x-size-base-08) !important;
763
738
  }
764
- .x-padding--top-07 {
765
- padding-top: var(--x-size-base-07) !important;
739
+ [dir="rtl"] .x-margin--left-08 {
740
+ margin-right: var(--x-size-base-08) !important;
766
741
  }
767
- .x-padding--bottom-07 {
768
- padding-bottom: var(--x-size-base-07) !important;
742
+ .x-margin--top-09 {
743
+ margin-top: var(--x-size-base-09) !important;
769
744
  }
770
- [dir="ltr"] .x-padding--right-07 {
771
- padding-right: var(--x-size-base-07) !important;
745
+ .x-margin--bottom-09 {
746
+ margin-bottom: var(--x-size-base-09) !important;
772
747
  }
773
- [dir="rtl"] .x-padding--right-07 {
774
- padding-left: var(--x-size-base-07) !important;
748
+ [dir="ltr"] .x-margin--right-09 {
749
+ margin-right: var(--x-size-base-09) !important;
775
750
  }
776
- [dir="ltr"] .x-padding--left-07 {
777
- padding-left: var(--x-size-base-07) !important;
751
+ [dir="rtl"] .x-margin--right-09 {
752
+ margin-left: var(--x-size-base-09) !important;
778
753
  }
779
- [dir="rtl"] .x-padding--left-07 {
780
- padding-right: var(--x-size-base-07) !important;
754
+ [dir="ltr"] .x-margin--left-09 {
755
+ margin-left: var(--x-size-base-09) !important;
781
756
  }
782
- .x-padding--top-08 {
783
- padding-top: var(--x-size-base-08) !important;
757
+ [dir="rtl"] .x-margin--left-09 {
758
+ margin-right: var(--x-size-base-09) !important;
784
759
  }
785
- .x-padding--bottom-08 {
786
- padding-bottom: var(--x-size-base-08) !important;
760
+ .x-margin--top-10 {
761
+ margin-top: var(--x-size-base-10) !important;
787
762
  }
788
- [dir="ltr"] .x-padding--right-08 {
789
- padding-right: var(--x-size-base-08) !important;
763
+ .x-margin--bottom-10 {
764
+ margin-bottom: var(--x-size-base-10) !important;
790
765
  }
791
- [dir="rtl"] .x-padding--right-08 {
792
- padding-left: var(--x-size-base-08) !important;
766
+ [dir="ltr"] .x-margin--right-10 {
767
+ margin-right: var(--x-size-base-10) !important;
793
768
  }
794
- [dir="ltr"] .x-padding--left-08 {
795
- padding-left: var(--x-size-base-08) !important;
769
+ [dir="rtl"] .x-margin--right-10 {
770
+ margin-left: var(--x-size-base-10) !important;
796
771
  }
797
- [dir="rtl"] .x-padding--left-08 {
798
- padding-right: var(--x-size-base-08) !important;
772
+ [dir="ltr"] .x-margin--left-10 {
773
+ margin-left: var(--x-size-base-10) !important;
799
774
  }
800
- .x-padding--top-09 {
801
- padding-top: var(--x-size-base-09) !important;
775
+ [dir="rtl"] .x-margin--left-10 {
776
+ margin-right: var(--x-size-base-10) !important;
802
777
  }
803
- .x-padding--bottom-09 {
804
- padding-bottom: var(--x-size-base-09) !important;
778
+ .x-margin--top-11 {
779
+ margin-top: var(--x-size-base-11) !important;
805
780
  }
806
- [dir="ltr"] .x-padding--right-09 {
807
- padding-right: var(--x-size-base-09) !important;
781
+ .x-margin--bottom-11 {
782
+ margin-bottom: var(--x-size-base-11) !important;
808
783
  }
809
- [dir="rtl"] .x-padding--right-09 {
810
- padding-left: var(--x-size-base-09) !important;
784
+ [dir="ltr"] .x-margin--right-11 {
785
+ margin-right: var(--x-size-base-11) !important;
811
786
  }
812
- [dir="ltr"] .x-padding--left-09 {
813
- padding-left: var(--x-size-base-09) !important;
787
+ [dir="rtl"] .x-margin--right-11 {
788
+ margin-left: var(--x-size-base-11) !important;
814
789
  }
815
- [dir="rtl"] .x-padding--left-09 {
816
- padding-right: var(--x-size-base-09) !important;
790
+ [dir="ltr"] .x-margin--left-11 {
791
+ margin-left: var(--x-size-base-11) !important;
817
792
  }
818
- .x-padding--top-10 {
819
- padding-top: var(--x-size-base-10) !important;
793
+ [dir="rtl"] .x-margin--left-11 {
794
+ margin-right: var(--x-size-base-11) !important;
820
795
  }
821
- .x-padding--bottom-10 {
822
- padding-bottom: var(--x-size-base-10) !important;
796
+ .x-margin--top-12 {
797
+ margin-top: var(--x-size-base-12) !important;
823
798
  }
824
- [dir="ltr"] .x-padding--right-10 {
825
- padding-right: var(--x-size-base-10) !important;
799
+ .x-margin--bottom-12 {
800
+ margin-bottom: var(--x-size-base-12) !important;
826
801
  }
827
- [dir="rtl"] .x-padding--right-10 {
828
- padding-left: var(--x-size-base-10) !important;
802
+ [dir="ltr"] .x-margin--right-12 {
803
+ margin-right: var(--x-size-base-12) !important;
829
804
  }
830
- [dir="ltr"] .x-padding--left-10 {
831
- padding-left: var(--x-size-base-10) !important;
805
+ [dir="rtl"] .x-margin--right-12 {
806
+ margin-left: var(--x-size-base-12) !important;
832
807
  }
833
- [dir="rtl"] .x-padding--left-10 {
834
- padding-right: var(--x-size-base-10) !important;
808
+ [dir="ltr"] .x-margin--left-12 {
809
+ margin-left: var(--x-size-base-12) !important;
835
810
  }
836
- .x-padding--top-11 {
837
- padding-top: var(--x-size-base-11) !important;
811
+ [dir="rtl"] .x-margin--left-12 {
812
+ margin-right: var(--x-size-base-12) !important;
838
813
  }
839
- .x-padding--bottom-11 {
840
- padding-bottom: var(--x-size-base-11) !important;
814
+ .x-margin--top-13 {
815
+ margin-top: var(--x-size-base-13) !important;
841
816
  }
842
- [dir="ltr"] .x-padding--right-11 {
843
- padding-right: var(--x-size-base-11) !important;
817
+ .x-margin--bottom-13 {
818
+ margin-bottom: var(--x-size-base-13) !important;
844
819
  }
845
- [dir="rtl"] .x-padding--right-11 {
846
- padding-left: var(--x-size-base-11) !important;
820
+ [dir="ltr"] .x-margin--right-13 {
821
+ margin-right: var(--x-size-base-13) !important;
847
822
  }
848
- [dir="ltr"] .x-padding--left-11 {
849
- padding-left: var(--x-size-base-11) !important;
823
+ [dir="rtl"] .x-margin--right-13 {
824
+ margin-left: var(--x-size-base-13) !important;
850
825
  }
851
- [dir="rtl"] .x-padding--left-11 {
852
- padding-right: var(--x-size-base-11) !important;
826
+ [dir="ltr"] .x-margin--left-13 {
827
+ margin-left: var(--x-size-base-13) !important;
853
828
  }
854
- .x-padding--top-12 {
855
- padding-top: var(--x-size-base-12) !important;
829
+ [dir="rtl"] .x-margin--left-13 {
830
+ margin-right: var(--x-size-base-13) !important;
856
831
  }
857
- .x-padding--bottom-12 {
858
- padding-bottom: var(--x-size-base-12) !important;
832
+ .x-margin--top-14 {
833
+ margin-top: var(--x-size-base-14) !important;
859
834
  }
860
- [dir="ltr"] .x-padding--right-12 {
861
- padding-right: var(--x-size-base-12) !important;
835
+ .x-margin--bottom-14 {
836
+ margin-bottom: var(--x-size-base-14) !important;
862
837
  }
863
- [dir="rtl"] .x-padding--right-12 {
864
- padding-left: var(--x-size-base-12) !important;
838
+ [dir="ltr"] .x-margin--right-14 {
839
+ margin-right: var(--x-size-base-14) !important;
865
840
  }
866
- [dir="ltr"] .x-padding--left-12 {
867
- padding-left: var(--x-size-base-12) !important;
841
+ [dir="rtl"] .x-margin--right-14 {
842
+ margin-left: var(--x-size-base-14) !important;
868
843
  }
869
- [dir="rtl"] .x-padding--left-12 {
870
- padding-right: var(--x-size-base-12) !important;
844
+ [dir="ltr"] .x-margin--left-14 {
845
+ margin-left: var(--x-size-base-14) !important;
871
846
  }
872
- .x-padding--top-13 {
873
- padding-top: var(--x-size-base-13) !important;
847
+ [dir="rtl"] .x-margin--left-14 {
848
+ margin-right: var(--x-size-base-14) !important;
874
849
  }
875
- .x-padding--bottom-13 {
876
- padding-bottom: var(--x-size-base-13) !important;
850
+ .x-margin--top-15 {
851
+ margin-top: var(--x-size-base-15) !important;
877
852
  }
878
- [dir="ltr"] .x-padding--right-13 {
879
- padding-right: var(--x-size-base-13) !important;
853
+ .x-margin--bottom-15 {
854
+ margin-bottom: var(--x-size-base-15) !important;
880
855
  }
881
- [dir="rtl"] .x-padding--right-13 {
882
- padding-left: var(--x-size-base-13) !important;
856
+ [dir="ltr"] .x-margin--right-15 {
857
+ margin-right: var(--x-size-base-15) !important;
883
858
  }
884
- [dir="ltr"] .x-padding--left-13 {
885
- padding-left: var(--x-size-base-13) !important;
859
+ [dir="rtl"] .x-margin--right-15 {
860
+ margin-left: var(--x-size-base-15) !important;
886
861
  }
887
- [dir="rtl"] .x-padding--left-13 {
888
- padding-right: var(--x-size-base-13) !important;
862
+ [dir="ltr"] .x-margin--left-15 {
863
+ margin-left: var(--x-size-base-15) !important;
889
864
  }
890
- .x-padding--top-14 {
891
- padding-top: var(--x-size-base-14) !important;
865
+ [dir="rtl"] .x-margin--left-15 {
866
+ margin-right: var(--x-size-base-15) !important;
892
867
  }
893
- .x-padding--bottom-14 {
894
- padding-bottom: var(--x-size-base-14) !important;
868
+ .x-margin--top-16 {
869
+ margin-top: var(--x-size-base-16) !important;
895
870
  }
896
- [dir="ltr"] .x-padding--right-14 {
897
- padding-right: var(--x-size-base-14) !important;
871
+ .x-margin--bottom-16 {
872
+ margin-bottom: var(--x-size-base-16) !important;
898
873
  }
899
- [dir="rtl"] .x-padding--right-14 {
900
- padding-left: var(--x-size-base-14) !important;
874
+ [dir="ltr"] .x-margin--right-16 {
875
+ margin-right: var(--x-size-base-16) !important;
901
876
  }
902
- [dir="ltr"] .x-padding--left-14 {
903
- padding-left: var(--x-size-base-14) !important;
877
+ [dir="rtl"] .x-margin--right-16 {
878
+ margin-left: var(--x-size-base-16) !important;
904
879
  }
905
- [dir="rtl"] .x-padding--left-14 {
906
- padding-right: var(--x-size-base-14) !important;
880
+ [dir="ltr"] .x-margin--left-16 {
881
+ margin-left: var(--x-size-base-16) !important;
907
882
  }
908
- .x-padding--top-15 {
909
- padding-top: var(--x-size-base-15) !important;
883
+ [dir="rtl"] .x-margin--left-16 {
884
+ margin-right: var(--x-size-base-16) !important;
910
885
  }
911
- .x-padding--bottom-15 {
912
- padding-bottom: var(--x-size-base-15) !important;
886
+ .x-margin--top-17 {
887
+ margin-top: var(--x-size-base-17) !important;
913
888
  }
914
- [dir="ltr"] .x-padding--right-15 {
915
- padding-right: var(--x-size-base-15) !important;
889
+ .x-margin--bottom-17 {
890
+ margin-bottom: var(--x-size-base-17) !important;
916
891
  }
917
- [dir="rtl"] .x-padding--right-15 {
918
- padding-left: var(--x-size-base-15) !important;
892
+ [dir="ltr"] .x-margin--right-17 {
893
+ margin-right: var(--x-size-base-17) !important;
919
894
  }
920
- [dir="ltr"] .x-padding--left-15 {
921
- padding-left: var(--x-size-base-15) !important;
895
+ [dir="rtl"] .x-margin--right-17 {
896
+ margin-left: var(--x-size-base-17) !important;
922
897
  }
923
- [dir="rtl"] .x-padding--left-15 {
924
- padding-right: var(--x-size-base-15) !important;
898
+ [dir="ltr"] .x-margin--left-17 {
899
+ margin-left: var(--x-size-base-17) !important;
925
900
  }
926
- .x-padding--top-16 {
927
- padding-top: var(--x-size-base-16) !important;
901
+ [dir="rtl"] .x-margin--left-17 {
902
+ margin-right: var(--x-size-base-17) !important;
928
903
  }
929
- .x-padding--bottom-16 {
930
- padding-bottom: var(--x-size-base-16) !important;
904
+ .x-margin--top-18 {
905
+ margin-top: var(--x-size-base-18) !important;
931
906
  }
932
- [dir="ltr"] .x-padding--right-16 {
933
- padding-right: var(--x-size-base-16) !important;
907
+ .x-margin--bottom-18 {
908
+ margin-bottom: var(--x-size-base-18) !important;
934
909
  }
935
- [dir="rtl"] .x-padding--right-16 {
936
- padding-left: var(--x-size-base-16) !important;
910
+ [dir="ltr"] .x-margin--right-18 {
911
+ margin-right: var(--x-size-base-18) !important;
937
912
  }
938
- [dir="ltr"] .x-padding--left-16 {
939
- padding-left: var(--x-size-base-16) !important;
913
+ [dir="rtl"] .x-margin--right-18 {
914
+ margin-left: var(--x-size-base-18) !important;
940
915
  }
941
- [dir="rtl"] .x-padding--left-16 {
942
- padding-right: var(--x-size-base-16) !important;
916
+ [dir="ltr"] .x-margin--left-18 {
917
+ margin-left: var(--x-size-base-18) !important;
943
918
  }
944
- .x-padding--top-17 {
945
- padding-top: var(--x-size-base-17) !important;
919
+ [dir="rtl"] .x-margin--left-18 {
920
+ margin-right: var(--x-size-base-18) !important;
946
921
  }
947
- .x-padding--bottom-17 {
948
- padding-bottom: var(--x-size-base-17) !important;
922
+ .x-margin--top-19 {
923
+ margin-top: var(--x-size-base-19) !important;
949
924
  }
950
- [dir="ltr"] .x-padding--right-17 {
951
- padding-right: var(--x-size-base-17) !important;
925
+ .x-margin--bottom-19 {
926
+ margin-bottom: var(--x-size-base-19) !important;
952
927
  }
953
- [dir="rtl"] .x-padding--right-17 {
954
- padding-left: var(--x-size-base-17) !important;
928
+ [dir="ltr"] .x-margin--right-19 {
929
+ margin-right: var(--x-size-base-19) !important;
955
930
  }
956
- [dir="ltr"] .x-padding--left-17 {
957
- padding-left: var(--x-size-base-17) !important;
931
+ [dir="rtl"] .x-margin--right-19 {
932
+ margin-left: var(--x-size-base-19) !important;
958
933
  }
959
- [dir="rtl"] .x-padding--left-17 {
960
- padding-right: var(--x-size-base-17) !important;
934
+ [dir="ltr"] .x-margin--left-19 {
935
+ margin-left: var(--x-size-base-19) !important;
961
936
  }
962
- .x-padding--top-18 {
963
- padding-top: var(--x-size-base-18) !important;
937
+ [dir="rtl"] .x-margin--left-19 {
938
+ margin-right: var(--x-size-base-19) !important;
964
939
  }
965
- .x-padding--bottom-18 {
966
- padding-bottom: var(--x-size-base-18) !important;
940
+ .x-margin--top-20 {
941
+ margin-top: var(--x-size-base-20) !important;
967
942
  }
968
- [dir="ltr"] .x-padding--right-18 {
969
- padding-right: var(--x-size-base-18) !important;
943
+ .x-margin--bottom-20 {
944
+ margin-bottom: var(--x-size-base-20) !important;
970
945
  }
971
- [dir="rtl"] .x-padding--right-18 {
972
- padding-left: var(--x-size-base-18) !important;
946
+ [dir="ltr"] .x-margin--right-20 {
947
+ margin-right: var(--x-size-base-20) !important;
973
948
  }
974
- [dir="ltr"] .x-padding--left-18 {
975
- padding-left: var(--x-size-base-18) !important;
949
+ [dir="rtl"] .x-margin--right-20 {
950
+ margin-left: var(--x-size-base-20) !important;
976
951
  }
977
- [dir="rtl"] .x-padding--left-18 {
978
- padding-right: var(--x-size-base-18) !important;
952
+ [dir="ltr"] .x-margin--left-20 {
953
+ margin-left: var(--x-size-base-20) !important;
979
954
  }
980
- .x-padding--top-19 {
981
- padding-top: var(--x-size-base-19) !important;
955
+ [dir="rtl"] .x-margin--left-20 {
956
+ margin-right: var(--x-size-base-20) !important;
982
957
  }
983
- .x-padding--bottom-19 {
984
- padding-bottom: var(--x-size-base-19) !important;
958
+ .x-line-height--none {
959
+ line-height: 1 !important;
985
960
  }
986
- [dir="ltr"] .x-padding--right-19 {
987
- padding-right: var(--x-size-base-19) !important;
961
+
962
+ .x-line-height--tight {
963
+ line-height: 1.25 !important;
988
964
  }
989
- [dir="rtl"] .x-padding--right-19 {
990
- padding-left: var(--x-size-base-19) !important;
965
+
966
+ .x-line-height--snug {
967
+ line-height: 1.375 !important;
991
968
  }
992
- [dir="ltr"] .x-padding--left-19 {
993
- padding-left: var(--x-size-base-19) !important;
969
+
970
+ .x-line-height--normal {
971
+ line-height: 1.5 !important;
994
972
  }
995
- [dir="rtl"] .x-padding--left-19 {
996
- padding-right: var(--x-size-base-19) !important;
973
+
974
+ .x-line-height--relaxed {
975
+ line-height: 1.625 !important;
997
976
  }
998
- .x-padding--top-20 {
999
- padding-top: var(--x-size-base-20) !important;
977
+
978
+ .x-line-height--loose {
979
+ line-height: 2 !important;
1000
980
  }
1001
- .x-padding--bottom-20 {
1002
- padding-bottom: var(--x-size-base-20) !important;
981
+ .x-line-clamp--2 {
982
+ overflow: hidden !important;
983
+ display: -webkit-box !important;
984
+ -webkit-box-orient: vertical !important;
985
+ -webkit-line-clamp: 2 !important;
1003
986
  }
1004
- [dir="ltr"] .x-padding--right-20 {
1005
- padding-right: var(--x-size-base-20) !important;
987
+
988
+ .x-line-clamp--3 {
989
+ overflow: hidden !important;
990
+ display: -webkit-box !important;
991
+ -webkit-box-orient: vertical !important;
992
+ -webkit-line-clamp: 3 !important;
1006
993
  }
1007
- [dir="rtl"] .x-padding--right-20 {
1008
- padding-left: var(--x-size-base-20) !important;
994
+
995
+ .x-line-clamp--4 {
996
+ overflow: hidden !important;
997
+ display: -webkit-box !important;
998
+ -webkit-box-orient: vertical !important;
999
+ -webkit-line-clamp: 4 !important;
1009
1000
  }
1010
- [dir="ltr"] .x-padding--left-20 {
1011
- padding-left: var(--x-size-base-20) !important;
1001
+
1002
+ .x-line-clamp--5 {
1003
+ overflow: hidden !important;
1004
+ display: -webkit-box !important;
1005
+ -webkit-box-orient: vertical !important;
1006
+ -webkit-line-clamp: 5 !important;
1012
1007
  }
1013
- [dir="rtl"] .x-padding--left-20 {
1014
- padding-right: var(--x-size-base-20) !important;
1008
+
1009
+ .x-line-clamp--6 {
1010
+ overflow: hidden !important;
1011
+ display: -webkit-box !important;
1012
+ -webkit-box-orient: vertical !important;
1013
+ -webkit-line-clamp: 6 !important;
1015
1014
  }
1016
1015
  .x-font-weight--light {
1017
1016
  font-weight: var(--x-number-font-weight-base-light) !important;
@@ -3476,24 +3475,6 @@
3476
3475
  --x-size-line-height-small: var(--x-size-line-height-base-s);
3477
3476
  --x-string-text-decoration-small: none;
3478
3477
  }
3479
- .x-text--bold.x-text {
3480
- --x-number-font-weight-text: var(--x-number-font-weight-base-bold);
3481
- }
3482
- .x-text--bold.x-title1 {
3483
- --x-number-font-weight-title1: var(--x-number-font-weight-base-bold);
3484
- }
3485
- .x-text--bold.x-title2 {
3486
- --x-number-font-weight-title2: var(--x-number-font-weight-base-bold);
3487
- }
3488
- .x-text--bold.x-title3 {
3489
- --x-number-font-weight-title3: var(--x-number-font-weight-base-bold);
3490
- }
3491
- .x-text--bold.x-small {
3492
- --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
3493
- }
3494
- :root {
3495
- --x-color-text-accent: var(--x-color-base-accent);
3496
- }
3497
3478
  :root {
3498
3479
  --x-font-family-base: "Montserrat", sans-serif;
3499
3480
  --x-size-font-base-xs: 12px;
@@ -3590,11 +3571,29 @@
3590
3571
  color: var(--x-color-text-default);
3591
3572
  margin: 0;
3592
3573
  }
3593
-
3594
- .x-ellipsis {
3595
- text-overflow: ellipsis;
3596
- overflow: hidden;
3597
- white-space: nowrap;
3574
+
3575
+ .x-ellipsis {
3576
+ text-overflow: ellipsis;
3577
+ overflow: hidden;
3578
+ white-space: nowrap;
3579
+ }
3580
+ .x-text--bold.x-text {
3581
+ --x-number-font-weight-text: var(--x-number-font-weight-base-bold);
3582
+ }
3583
+ .x-text--bold.x-title1 {
3584
+ --x-number-font-weight-title1: var(--x-number-font-weight-base-bold);
3585
+ }
3586
+ .x-text--bold.x-title2 {
3587
+ --x-number-font-weight-title2: var(--x-number-font-weight-base-bold);
3588
+ }
3589
+ .x-text--bold.x-title3 {
3590
+ --x-number-font-weight-title3: var(--x-number-font-weight-base-bold);
3591
+ }
3592
+ .x-text--bold.x-small {
3593
+ --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
3594
+ }
3595
+ :root {
3596
+ --x-color-text-accent: var(--x-color-base-accent);
3598
3597
  }
3599
3598
  .x-text--accent {
3600
3599
  --x-color-text-default: var(--x-color-text-accent);
@@ -3999,6 +3998,96 @@
3999
3998
  --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
4000
3999
  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
4001
4000
  }
4001
+ :root {
4002
+ --x-string-align-items-suggestion-default: center;
4003
+ --x-color-text-suggestion-default: var(--x-color-text-default);
4004
+ --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4005
+ --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4006
+ --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4007
+ --x-color-background-suggestion-default: transparent;
4008
+ --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4009
+ --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4010
+ --x-color-text-suggestion-matching-part-default-curated: var(
4011
+ --x-color-text-suggestion-matching-part-default
4012
+ );
4013
+ --x-color-text-suggestion-default-matching-curated: var(
4014
+ --x-color-text-suggestion-default-matching
4015
+ );
4016
+ --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4017
+ --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4018
+ --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4019
+ --x-size-padding-right-suggestion-default: 0;
4020
+ --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4021
+ --x-size-padding-left-suggestion-default: 0;
4022
+ --x-size-gap-suggestion-default: var(--x-size-base-03);
4023
+ --x-size-border-width-suggestion-default: 0;
4024
+ --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4025
+ --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4026
+ --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4027
+ --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4028
+ --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4029
+ --x-size-border-radius-top-left-suggestion-default: var(
4030
+ --x-size-border-radius-suggestion-default
4031
+ );
4032
+ --x-size-border-radius-top-right-suggestion-default: var(
4033
+ --x-size-border-radius-suggestion-default
4034
+ );
4035
+ --x-size-border-radius-bottom-right-suggestion-default: var(
4036
+ --x-size-border-radius-suggestion-default
4037
+ );
4038
+ --x-size-border-radius-bottom-left-suggestion-default: var(
4039
+ --x-size-border-radius-suggestion-default
4040
+ );
4041
+ --x-font-family-suggestion-default: var(--x-font-family-text);
4042
+ --x-size-font-suggestion-default: var(--x-size-font-text);
4043
+ --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4044
+ --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4045
+ --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4046
+ --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4047
+ --x-size-line-height-suggestion-matching-part-default: var(
4048
+ --x-size-line-height-suggestion-default
4049
+ );
4050
+ --x-number-font-weight-suggestion-matching-part-default: var(
4051
+ --x-number-font-weight-suggestion-default
4052
+ );
4053
+ --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4054
+ --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4055
+ --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4056
+ --x-number-font-weight-suggestion-default-matching: var(
4057
+ --x-number-font-weight-suggestion-default
4058
+ );
4059
+ --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4060
+ --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4061
+ --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4062
+ --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4063
+ --x-text-transform-suggestion-filter-default: none;
4064
+ --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4065
+ --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4066
+ --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4067
+ --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4068
+ --x-font-family-suggestion-matching-part-default-curated: var(
4069
+ --x-font-family-suggestion-matching-part-default
4070
+ );
4071
+ --x-size-font-suggestion-matching-part-default-curated: var(
4072
+ --x-size-font-suggestion-matching-part-default
4073
+ );
4074
+ --x-size-line-height-suggestion-matching-part-default-curated: var(
4075
+ --x-size-line-height-suggestion-matching-part-default
4076
+ );
4077
+ --x-number-font-weight-suggestion-matching-part-default-curated: var(
4078
+ --x-number-font-weight-suggestion-matching-part-default
4079
+ );
4080
+ --x-font-family-suggestion-default-matching-curated: var(
4081
+ --x-font-family-suggestion-default-matching
4082
+ );
4083
+ --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4084
+ --x-size-line-height-suggestion-default-matching-curated: var(
4085
+ --x-size-line-height-suggestion-default-matching
4086
+ );
4087
+ --x-number-font-weight-suggestion-default-matching-curated: var(
4088
+ --x-number-font-weight-suggestion-default-matching
4089
+ );
4090
+ }
4002
4091
  :root {
4003
4092
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
4004
4093
  --x-color-text-suggestion-group-matching-part-default: var(
@@ -4205,96 +4294,6 @@
4205
4294
  --x-number-font-weight-suggestion-default-matching
4206
4295
  );
4207
4296
  }
4208
- :root {
4209
- --x-string-align-items-suggestion-default: center;
4210
- --x-color-text-suggestion-default: var(--x-color-text-default);
4211
- --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
4212
- --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
4213
- --x-color-text-suggestion-filter-default: var(--x-color-base-neutral-35);
4214
- --x-color-background-suggestion-default: transparent;
4215
- --x-color-border-suggestion-default: var(--x-color-text-suggestion-default);
4216
- --x-color-text-suggestion-default-curated: var(--x-color-text-suggestion-default);
4217
- --x-color-text-suggestion-matching-part-default-curated: var(
4218
- --x-color-text-suggestion-matching-part-default
4219
- );
4220
- --x-color-text-suggestion-default-matching-curated: var(
4221
- --x-color-text-suggestion-default-matching
4222
- );
4223
- --x-color-background-suggestion-default-curated: var(--x-color-background-suggestion-default);
4224
- --x-color-border-suggestion-default-curated: var(--x-color-border-suggestion-default);
4225
- --x-size-padding-top-suggestion-default: var(--x-size-base-01);
4226
- --x-size-padding-right-suggestion-default: 0;
4227
- --x-size-padding-bottom-suggestion-default: var(--x-size-base-02);
4228
- --x-size-padding-left-suggestion-default: 0;
4229
- --x-size-gap-suggestion-default: var(--x-size-base-03);
4230
- --x-size-border-width-suggestion-default: 0;
4231
- --x-size-border-width-top-suggestion-default: var(--x-size-border-width-suggestion-default);
4232
- --x-size-border-width-right-suggestion-default: var(--x-size-border-width-suggestion-default);
4233
- --x-size-border-width-bottom-suggestion-default: var(--x-size-border-width-suggestion-default);
4234
- --x-size-border-width-left-suggestion-default: var(--x-size-border-width-suggestion-default);
4235
- --x-size-border-radius-suggestion-default: var(--x-size-border-radius-base-none);
4236
- --x-size-border-radius-top-left-suggestion-default: var(
4237
- --x-size-border-radius-suggestion-default
4238
- );
4239
- --x-size-border-radius-top-right-suggestion-default: var(
4240
- --x-size-border-radius-suggestion-default
4241
- );
4242
- --x-size-border-radius-bottom-right-suggestion-default: var(
4243
- --x-size-border-radius-suggestion-default
4244
- );
4245
- --x-size-border-radius-bottom-left-suggestion-default: var(
4246
- --x-size-border-radius-suggestion-default
4247
- );
4248
- --x-font-family-suggestion-default: var(--x-font-family-text);
4249
- --x-size-font-suggestion-default: var(--x-size-font-text);
4250
- --x-size-line-height-suggestion-default: var(--x-size-line-height-text);
4251
- --x-number-font-weight-suggestion-default: var(--x-number-font-weight-text);
4252
- --x-font-family-suggestion-matching-part-default: var(--x-font-family-suggestion-default);
4253
- --x-size-font-suggestion-matching-part-default: var(--x-size-font-suggestion-default);
4254
- --x-size-line-height-suggestion-matching-part-default: var(
4255
- --x-size-line-height-suggestion-default
4256
- );
4257
- --x-number-font-weight-suggestion-matching-part-default: var(
4258
- --x-number-font-weight-suggestion-default
4259
- );
4260
- --x-font-family-suggestion-default-matching: var(--x-font-family-suggestion-default);
4261
- --x-size-font-suggestion-default-matching: var(--x-size-font-suggestion-default);
4262
- --x-size-line-height-suggestion-default-matching: var(--x-size-line-height-suggestion-default);
4263
- --x-number-font-weight-suggestion-default-matching: var(
4264
- --x-number-font-weight-suggestion-default
4265
- );
4266
- --x-font-family-suggestion-filter-default: var(--x-font-family-suggestion-default);
4267
- --x-size-font-suggestion-filter-default: var(--x-size-font-suggestion-default);
4268
- --x-size-line-height-suggestion-filter-default: var(--x-size-line-height-suggestion-default);
4269
- --x-number-font-weight-suggestion-filter-default: var(--x-number-font-weight-suggestion-default);
4270
- --x-text-transform-suggestion-filter-default: none;
4271
- --x-font-family-suggestion-default-curated: var(--x-font-family-suggestion-default);
4272
- --x-size-font-suggestion-default-curated: var(--x-size-font-suggestion-default);
4273
- --x-size-line-height-suggestion-default-curated: var(--x-size-line-height-suggestion-default);
4274
- --x-number-font-weight-suggestion-default-curated: var(--x-number-font-weight-suggestion-default);
4275
- --x-font-family-suggestion-matching-part-default-curated: var(
4276
- --x-font-family-suggestion-matching-part-default
4277
- );
4278
- --x-size-font-suggestion-matching-part-default-curated: var(
4279
- --x-size-font-suggestion-matching-part-default
4280
- );
4281
- --x-size-line-height-suggestion-matching-part-default-curated: var(
4282
- --x-size-line-height-suggestion-matching-part-default
4283
- );
4284
- --x-number-font-weight-suggestion-matching-part-default-curated: var(
4285
- --x-number-font-weight-suggestion-matching-part-default
4286
- );
4287
- --x-font-family-suggestion-default-matching-curated: var(
4288
- --x-font-family-suggestion-default-matching
4289
- );
4290
- --x-size-font-suggestion-default-matching-curated: var(--x-size-font-suggestion-default-matching);
4291
- --x-size-line-height-suggestion-default-matching-curated: var(
4292
- --x-size-line-height-suggestion-default-matching
4293
- );
4294
- --x-number-font-weight-suggestion-default-matching-curated: var(
4295
- --x-number-font-weight-suggestion-default-matching
4296
- );
4297
- }
4298
4297
 
4299
4298
  [dir="ltr"] .x-suggestion {
4300
4299
  text-align: left;
@@ -4846,23 +4845,6 @@
4846
4845
  --x-size-border-width-result-description-default: 0;
4847
4846
  --x-size-border-width-result-picture-default: 0;
4848
4847
  }
4849
- :root {
4850
- --x-color-border-result-default: var(--x-color-base-lead);
4851
- --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4852
- --x-color-border-result-description-default: var(--x-color-border-result-default);
4853
- --x-color-border-result-picture-default: var(--x-color-border-result-default);
4854
- --x-color-background-result-default: transparent;
4855
- --x-size-padding-result-default: 0;
4856
- --x-size-padding-result-overlay-default: 0;
4857
- --x-size-padding-result-description-default: 0;
4858
- --x-size-gap-result-default: var(--x-size-base-03);
4859
- --x-size-padding-result-picture-default: 0;
4860
- --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4861
- --x-size-border-width-result-default: 0;
4862
- --x-size-border-width-result-overlay-default: 0;
4863
- --x-size-border-width-result-description-default: 0;
4864
- --x-size-border-width-result-picture-default: 0;
4865
- }
4866
4848
 
4867
4849
  .x-result {
4868
4850
  display: grid;
@@ -4919,6 +4901,23 @@
4919
4901
  :root {
4920
4902
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4921
4903
  }
4904
+ :root {
4905
+ --x-color-border-result-default: var(--x-color-base-lead);
4906
+ --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4907
+ --x-color-border-result-description-default: var(--x-color-border-result-default);
4908
+ --x-color-border-result-picture-default: var(--x-color-border-result-default);
4909
+ --x-color-background-result-default: transparent;
4910
+ --x-size-padding-result-default: 0;
4911
+ --x-size-padding-result-overlay-default: 0;
4912
+ --x-size-padding-result-description-default: 0;
4913
+ --x-size-gap-result-default: var(--x-size-base-03);
4914
+ --x-size-padding-result-picture-default: 0;
4915
+ --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4916
+ --x-size-border-width-result-default: 0;
4917
+ --x-size-border-width-result-overlay-default: 0;
4918
+ --x-size-border-width-result-description-default: 0;
4919
+ --x-size-border-width-result-picture-default: 0;
4920
+ }
4922
4921
  :root {
4923
4922
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4924
4923
  }
@@ -4936,15 +4935,6 @@
4936
4935
  --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4937
4936
  --x-size-border-width-progress-bar-default: 0;
4938
4937
  }
4939
- :root {
4940
- --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4941
- --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4942
- --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4943
- --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4944
- --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4945
- --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4946
- --x-size-border-width-progress-bar-default: 0;
4947
- }
4948
4938
 
4949
4939
  .x-progress-bar {
4950
4940
  display: inline-block;
@@ -4961,6 +4951,15 @@
4961
4951
  border-radius: var(--x-size-border-radius-progress-bar-default);
4962
4952
  background-color: var(--x-color-background-progress-bar-line-default);
4963
4953
  }
4954
+ :root {
4955
+ --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4956
+ --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4957
+ --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4958
+ --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4959
+ --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4960
+ --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4961
+ --x-size-border-width-progress-bar-default: 0;
4962
+ }
4964
4963
  :root {
4965
4964
  --x-number-zoom-scale-picture: 1.1;
4966
4965
  --x-number-zoom-duration-picture: 0.3s;
@@ -5091,6 +5090,12 @@
5091
5090
  --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5092
5091
  --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5093
5092
  }
5093
+ :root {
5094
+ --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5095
+ --x-mix-blend-mode-picture-colored: multiply;
5096
+ --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5097
+ --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5098
+ }
5094
5099
 
5095
5100
  .x-picture--colored.x-picture {
5096
5101
  --x-color-background-picture-default: var(--x-color-background-picture-colored);
@@ -5098,17 +5103,11 @@
5098
5103
  .x-picture--colored.x-picture .x-picture-image {
5099
5104
  --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-colored);
5100
5105
  }
5101
- .x-picture--colored.x-picture .x-picture--fallback {
5102
- --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-fallback-colored);
5103
- }
5104
- .x-picture--colored.x-picture .x-picture--placeholder {
5105
- --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-placeholder-colored);
5106
- }
5107
- :root {
5108
- --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5109
- --x-mix-blend-mode-picture-colored: multiply;
5110
- --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5111
- --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5106
+ .x-picture--colored.x-picture .x-picture--fallback {
5107
+ --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-fallback-colored);
5108
+ }
5109
+ .x-picture--colored.x-picture .x-picture--placeholder {
5110
+ --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-placeholder-colored);
5112
5111
  }
5113
5112
  :root {
5114
5113
  --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
@@ -5701,28 +5700,6 @@
5701
5700
  --x-size-padding-list-12: var(--x-size-base-12);
5702
5701
  --x-size-padding-list-13: var(--x-size-base-13);
5703
5702
  }
5704
- :root {
5705
- --x-size-gap-list-01: var(--x-size-base-01);
5706
- --x-size-gap-list-02: var(--x-size-base-02);
5707
- --x-size-gap-list-03: var(--x-size-base-03);
5708
- --x-size-gap-list-04: var(--x-size-base-04);
5709
- --x-size-gap-list-05: var(--x-size-base-05);
5710
- --x-size-gap-list-06: var(--x-size-base-06);
5711
- --x-size-gap-list-07: var(--x-size-base-07);
5712
- --x-size-gap-list-08: var(--x-size-base-08);
5713
- --x-size-gap-list-09: var(--x-size-base-09);
5714
- --x-size-gap-list-10: var(--x-size-base-10);
5715
- --x-size-gap-list-11: var(--x-size-base-11);
5716
- --x-size-gap-list-12: var(--x-size-base-12);
5717
- --x-size-gap-list-13: var(--x-size-base-13);
5718
- --x-size-gap-list-14: var(--x-size-base-14);
5719
- --x-size-gap-list-15: var(--x-size-base-15);
5720
- --x-size-gap-list-16: var(--x-size-base-16);
5721
- --x-size-gap-list-17: var(--x-size-base-17);
5722
- --x-size-gap-list-18: var(--x-size-base-18);
5723
- --x-size-gap-list-19: var(--x-size-base-19);
5724
- --x-size-gap-list-20: var(--x-size-base-20);
5725
- }
5726
5703
  /* @deprecated */
5727
5704
  :root {
5728
5705
  --x-size-padding-list-01: var(--x-size-base-01);
@@ -6085,6 +6062,28 @@
6085
6062
  --x-size-gap-list-19: var(--x-size-base-19);
6086
6063
  --x-size-gap-list-20: var(--x-size-base-20);
6087
6064
  }
6065
+ :root {
6066
+ --x-size-gap-list-01: var(--x-size-base-01);
6067
+ --x-size-gap-list-02: var(--x-size-base-02);
6068
+ --x-size-gap-list-03: var(--x-size-base-03);
6069
+ --x-size-gap-list-04: var(--x-size-base-04);
6070
+ --x-size-gap-list-05: var(--x-size-base-05);
6071
+ --x-size-gap-list-06: var(--x-size-base-06);
6072
+ --x-size-gap-list-07: var(--x-size-base-07);
6073
+ --x-size-gap-list-08: var(--x-size-base-08);
6074
+ --x-size-gap-list-09: var(--x-size-base-09);
6075
+ --x-size-gap-list-10: var(--x-size-base-10);
6076
+ --x-size-gap-list-11: var(--x-size-base-11);
6077
+ --x-size-gap-list-12: var(--x-size-base-12);
6078
+ --x-size-gap-list-13: var(--x-size-base-13);
6079
+ --x-size-gap-list-14: var(--x-size-base-14);
6080
+ --x-size-gap-list-15: var(--x-size-base-15);
6081
+ --x-size-gap-list-16: var(--x-size-base-16);
6082
+ --x-size-gap-list-17: var(--x-size-base-17);
6083
+ --x-size-gap-list-18: var(--x-size-base-18);
6084
+ --x-size-gap-list-19: var(--x-size-base-19);
6085
+ --x-size-gap-list-20: var(--x-size-base-20);
6086
+ }
6088
6087
 
6089
6088
  .x-list--gap-01.x-list {
6090
6089
  gap: var(--x-size-gap-list-01);
@@ -6875,49 +6874,6 @@
6875
6874
  );
6876
6875
  --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
6877
6876
  }
6878
- :root {
6879
- --x-color-background-input-group-default: var(--x-color-background-input-default);
6880
- --x-color-border-input-group-default: var(--x-color-border-input-default);
6881
- --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
6882
- --x-color-text-input-group-default: var(--x-color-text-input-default);
6883
- --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
6884
- --x-size-height-input-group-default: var(--x-size-height-input-default);
6885
- --x-size-gap-input-group-default: var(--x-size-base-03);
6886
- --x-size-padding-left-input-group-default: var(--x-size-base-06);
6887
- --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
6888
- --x-size-padding-input-group-default-action: var(--x-size-base-03);
6889
- --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
6890
- --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
6891
- --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
6892
- --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
6893
- --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
6894
- --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
6895
- --x-size-border-radius-top-left-input-group-default: var(
6896
- --x-size-border-radius-input-group-default
6897
- );
6898
- --x-size-border-radius-top-right-input-group-default: var(
6899
- --x-size-border-radius-input-group-default
6900
- );
6901
- --x-size-border-radius-bottom-right-input-group-default: var(
6902
- --x-size-border-radius-input-group-default
6903
- );
6904
- --x-size-border-radius-bottom-left-input-group-default: var(
6905
- --x-size-border-radius-input-group-default
6906
- );
6907
- --x-font-family-input-group-default: var(--x-font-family-input-default);
6908
- --x-size-font-input-group-default: var(--x-size-font-input-default);
6909
- --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
6910
- --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
6911
- --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
6912
- --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
6913
- --x-size-line-height-input-group-placeholder-default: var(
6914
- --x-size-line-height-input-group-default
6915
- );
6916
- --x-number-font-weight-input-group-placeholder-default: var(
6917
- --x-number-font-weight-input-group-default
6918
- );
6919
- --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
6920
- }
6921
6877
 
6922
6878
  [dir="ltr"] .x-input-group {
6923
6879
  border-right-width: var(--x-size-border-width-right-input-group-default);
@@ -7061,6 +7017,49 @@
7061
7017
  );
7062
7018
  --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
7063
7019
  }
7020
+ :root {
7021
+ --x-color-background-input-group-default: var(--x-color-background-input-default);
7022
+ --x-color-border-input-group-default: var(--x-color-border-input-default);
7023
+ --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
7024
+ --x-color-text-input-group-default: var(--x-color-text-input-default);
7025
+ --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
7026
+ --x-size-height-input-group-default: var(--x-size-height-input-default);
7027
+ --x-size-gap-input-group-default: var(--x-size-base-03);
7028
+ --x-size-padding-left-input-group-default: var(--x-size-base-06);
7029
+ --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
7030
+ --x-size-padding-input-group-default-action: var(--x-size-base-03);
7031
+ --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
7032
+ --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
7033
+ --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
7034
+ --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
7035
+ --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
7036
+ --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
7037
+ --x-size-border-radius-top-left-input-group-default: var(
7038
+ --x-size-border-radius-input-group-default
7039
+ );
7040
+ --x-size-border-radius-top-right-input-group-default: var(
7041
+ --x-size-border-radius-input-group-default
7042
+ );
7043
+ --x-size-border-radius-bottom-right-input-group-default: var(
7044
+ --x-size-border-radius-input-group-default
7045
+ );
7046
+ --x-size-border-radius-bottom-left-input-group-default: var(
7047
+ --x-size-border-radius-input-group-default
7048
+ );
7049
+ --x-font-family-input-group-default: var(--x-font-family-input-default);
7050
+ --x-size-font-input-group-default: var(--x-size-font-input-default);
7051
+ --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
7052
+ --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
7053
+ --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
7054
+ --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
7055
+ --x-size-line-height-input-group-placeholder-default: var(
7056
+ --x-size-line-height-input-group-default
7057
+ );
7058
+ --x-number-font-weight-input-group-placeholder-default: var(
7059
+ --x-number-font-weight-input-group-default
7060
+ );
7061
+ --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
7062
+ }
7064
7063
  :root {
7065
7064
  --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
7066
7065
  --x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
@@ -7104,13 +7103,6 @@
7104
7103
  --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7105
7104
  --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7106
7105
  }
7107
- :root {
7108
- --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7109
- --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
7110
- --x-size-border-radius-top-right-input-pill: var(--x-size-border-radius-input-pill);
7111
- --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7112
- --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7113
- }
7114
7106
 
7115
7107
  .x-input--pill.x-input,
7116
7108
  .x-input--pill .x-input {
@@ -7130,6 +7122,35 @@
7130
7122
  --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7131
7123
  --x-size-border-width-left-input-line: 0;
7132
7124
  }
7125
+ :root {
7126
+ --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7127
+ --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
7128
+ --x-size-border-radius-top-right-input-pill: var(--x-size-border-radius-input-pill);
7129
+ --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7130
+ --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7131
+ }
7132
+ :root {
7133
+ --x-size-padding-top-input-line: var(--x-size-base-03);
7134
+ --x-size-padding-right-input-line: 0;
7135
+ --x-size-padding-bottom-input-line: var(--x-size-base-03);
7136
+ --x-size-padding-left-input-line: 0;
7137
+ --x-size-border-width-top-input-line: 0;
7138
+ --x-size-border-width-right-input-line: 0;
7139
+ --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7140
+ --x-size-border-width-left-input-line: 0;
7141
+ }
7142
+
7143
+ .x-input--line .x-input,
7144
+ .x-input--line.x-input {
7145
+ --x-size-padding-top-input-default: var(--x-size-padding-top-input-line);
7146
+ --x-size-padding-right-input-default: var(--x-size-padding-right-input-line);
7147
+ --x-size-padding-bottom-input-default: var(--x-size-padding-bottom-input-line);
7148
+ --x-size-padding-left-input-default: var(--x-size-padding-left-input-line);
7149
+ --x-size-border-width-top-input-default: var(--x-size-border-width-top-input-line);
7150
+ --x-size-border-width-right-input-default: var(--x-size-border-width-right-input-line);
7151
+ --x-size-border-width-bottom-input-default: var(--x-size-border-width-bottom-input-line);
7152
+ --x-size-border-width-left-input-default: var(--x-size-border-width-left-input-line);
7153
+ }
7133
7154
  :root {
7134
7155
  --x-color-background-input-default: var(--x-color-base-neutral-100);
7135
7156
  --x-color-border-input-default: var(--x-color-base-neutral-70);
@@ -7158,28 +7179,6 @@
7158
7179
  --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7159
7180
  --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7160
7181
  }
7161
- :root {
7162
- --x-size-padding-top-input-line: var(--x-size-base-03);
7163
- --x-size-padding-right-input-line: 0;
7164
- --x-size-padding-bottom-input-line: var(--x-size-base-03);
7165
- --x-size-padding-left-input-line: 0;
7166
- --x-size-border-width-top-input-line: 0;
7167
- --x-size-border-width-right-input-line: 0;
7168
- --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7169
- --x-size-border-width-left-input-line: 0;
7170
- }
7171
-
7172
- .x-input--line .x-input,
7173
- .x-input--line.x-input {
7174
- --x-size-padding-top-input-default: var(--x-size-padding-top-input-line);
7175
- --x-size-padding-right-input-default: var(--x-size-padding-right-input-line);
7176
- --x-size-padding-bottom-input-default: var(--x-size-padding-bottom-input-line);
7177
- --x-size-padding-left-input-default: var(--x-size-padding-left-input-line);
7178
- --x-size-border-width-top-input-default: var(--x-size-border-width-top-input-line);
7179
- --x-size-border-width-right-input-default: var(--x-size-border-width-right-input-line);
7180
- --x-size-border-width-bottom-input-default: var(--x-size-border-width-bottom-input-line);
7181
- --x-size-border-width-left-input-default: var(--x-size-border-width-left-input-line);
7182
- }
7183
7182
  :root {
7184
7183
  --x-color-background-input-default: var(--x-color-base-neutral-100);
7185
7184
  --x-color-border-input-default: var(--x-color-base-neutral-70);
@@ -7358,15 +7357,6 @@
7358
7357
  --x-size-width-icon-l: var(--x-size-base-06);
7359
7358
  --x-size-height-icon-l: var(--x-size-base-06);
7360
7359
  }
7361
- :root {
7362
- --x-size-width-icon-l: var(--x-size-base-06);
7363
- --x-size-height-icon-l: var(--x-size-base-06);
7364
- }
7365
-
7366
- .x-icon--l {
7367
- --x-size-width-icon-default: var(--x-size-width-icon-l);
7368
- --x-size-height-icon-default: var(--x-size-height-icon-l);
7369
- }
7370
7360
  :root {
7371
7361
  --x-color-stroke-icon-default: currentColor;
7372
7362
  --x-color-fill-icon-default: none;
@@ -7376,6 +7366,15 @@
7376
7366
  --x-string-stroke-linejoin-icon-default: mitter;
7377
7367
  --x-size-stroke-width-icon-default: 1px;
7378
7368
  }
7369
+ :root {
7370
+ --x-size-width-icon-l: var(--x-size-base-06);
7371
+ --x-size-height-icon-l: var(--x-size-base-06);
7372
+ }
7373
+
7374
+ .x-icon--l {
7375
+ --x-size-width-icon-default: var(--x-size-width-icon-l);
7376
+ --x-size-height-icon-default: var(--x-size-height-icon-l);
7377
+ }
7379
7378
  :root {
7380
7379
  --x-color-stroke-icon-default: currentColor;
7381
7380
  --x-color-fill-icon-default: none;
@@ -7450,38 +7449,6 @@
7450
7449
  --x-size-padding-bottom-filter-children: 0;
7451
7450
  --x-size-padding-left-filter-children: var(--x-size-base-05);
7452
7451
  }
7453
- :root {
7454
- --x-color-background-filter-default: transparent;
7455
- --x-color-border-filter-default: var(--x-color-background-filter-default);
7456
- --x-color-text-filter-default: var(--x-color-text-default);
7457
- --x-color-background-filter-default-selected: var(--x-color-background-filter-default);
7458
- --x-color-border-filter-default-selected: var(--x-color-border-filter-default);
7459
- --x-color-text-filter-default-selected: var(--x-color-text-filter-default);
7460
- --x-size-border-width-filter-default: var(--x-size-border-width-base);
7461
- --x-size-border-width-top-filter-default: var(--x-size-border-width-filter-default);
7462
- --x-size-border-width-right-filter-default: var(--x-size-border-width-filter-default);
7463
- --x-size-border-width-bottom-filter-default: var(--x-size-border-width-filter-default);
7464
- --x-size-border-width-left-filter-default: var(--x-size-border-width-filter-default);
7465
- --x-size-border-radius-filter-default: var(--x-size-border-radius-base-none);
7466
- --x-size-border-radius-top-left-filter-default: var(--x-size-border-radius-filter-default);
7467
- --x-size-border-radius-top-right-filter-default: var(--x-size-border-radius-filter-default);
7468
- --x-size-border-radius-bottom-right-filter-default: var(--x-size-border-radius-filter-default);
7469
- --x-size-border-radius-bottom-left-filter-default: var(--x-size-border-radius-filter-default);
7470
- --x-size-padding-top-filter-default: var(--x-size-base-03);
7471
- --x-size-padding-right-filter-default: 0;
7472
- --x-size-padding-bottom-filter-default: var(--x-size-base-03);
7473
- --x-size-padding-left-filter-default: 0;
7474
- --x-size-gap-filter-default: var(--x-size-base-03);
7475
- --x-font-family-filter-default: var(--x-font-family-text);
7476
- --x-size-font-filter-default: var(--x-size-font-text);
7477
- --x-number-font-weight-filter-default: var(--x-number-font-weight-base-regular);
7478
- --x-number-font-weight-filter-default-selected: var(--x-number-font-weight-base-bold);
7479
- --x-number-font-weight-filter-count-default: var(--x-number-font-weight-base-light);
7480
- --x-number-font-weight-filter-count-default-selected: var(
7481
- --x-number-font-weight-filter-count-default
7482
- );
7483
- --x-size-line-height-filter-default: var(--x-size-line-height-text);
7484
- }
7485
7452
  :root {
7486
7453
  --x-size-margin-filter-children: 0;
7487
7454
  --x-size-padding-top-filter-children: 0;
@@ -7547,6 +7514,38 @@
7547
7514
  );
7548
7515
  --x-size-line-height-filter-default: var(--x-size-line-height-text);
7549
7516
  }
7517
+ :root {
7518
+ --x-color-background-filter-default: transparent;
7519
+ --x-color-border-filter-default: var(--x-color-background-filter-default);
7520
+ --x-color-text-filter-default: var(--x-color-text-default);
7521
+ --x-color-background-filter-default-selected: var(--x-color-background-filter-default);
7522
+ --x-color-border-filter-default-selected: var(--x-color-border-filter-default);
7523
+ --x-color-text-filter-default-selected: var(--x-color-text-filter-default);
7524
+ --x-size-border-width-filter-default: var(--x-size-border-width-base);
7525
+ --x-size-border-width-top-filter-default: var(--x-size-border-width-filter-default);
7526
+ --x-size-border-width-right-filter-default: var(--x-size-border-width-filter-default);
7527
+ --x-size-border-width-bottom-filter-default: var(--x-size-border-width-filter-default);
7528
+ --x-size-border-width-left-filter-default: var(--x-size-border-width-filter-default);
7529
+ --x-size-border-radius-filter-default: var(--x-size-border-radius-base-none);
7530
+ --x-size-border-radius-top-left-filter-default: var(--x-size-border-radius-filter-default);
7531
+ --x-size-border-radius-top-right-filter-default: var(--x-size-border-radius-filter-default);
7532
+ --x-size-border-radius-bottom-right-filter-default: var(--x-size-border-radius-filter-default);
7533
+ --x-size-border-radius-bottom-left-filter-default: var(--x-size-border-radius-filter-default);
7534
+ --x-size-padding-top-filter-default: var(--x-size-base-03);
7535
+ --x-size-padding-right-filter-default: 0;
7536
+ --x-size-padding-bottom-filter-default: var(--x-size-base-03);
7537
+ --x-size-padding-left-filter-default: 0;
7538
+ --x-size-gap-filter-default: var(--x-size-base-03);
7539
+ --x-font-family-filter-default: var(--x-font-family-text);
7540
+ --x-size-font-filter-default: var(--x-size-font-text);
7541
+ --x-number-font-weight-filter-default: var(--x-number-font-weight-base-regular);
7542
+ --x-number-font-weight-filter-default-selected: var(--x-number-font-weight-base-bold);
7543
+ --x-number-font-weight-filter-count-default: var(--x-number-font-weight-base-light);
7544
+ --x-number-font-weight-filter-count-default-selected: var(
7545
+ --x-number-font-weight-filter-count-default
7546
+ );
7547
+ --x-size-line-height-filter-default: var(--x-size-line-height-text);
7548
+ }
7550
7549
 
7551
7550
  [dir="ltr"] .x-filter,[dir="ltr"]
7552
7551
  .x-facet-filter {
@@ -7657,14 +7656,6 @@
7657
7656
  --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7658
7657
  --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7659
7658
  }
7660
- :root {
7661
- --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7662
- --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7663
- --x-size-border-width-top-facet-header-line: 0;
7664
- --x-size-border-width-right-facet-header-line: 0;
7665
- --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7666
- --x-size-border-width-left-facet-header-line: 0;
7667
- }
7668
7659
  :root {
7669
7660
  --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
7670
7661
  --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
@@ -7701,22 +7692,6 @@
7701
7692
  --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7702
7693
  --x-size-border-width-left-facet-header-line: 0;
7703
7694
  }
7704
-
7705
- .x-facet--line.x-facet,
7706
- .x-facet--line .x-facet {
7707
- --x-color-border-facet-header-default: var(--x-color-border-facet-header-line);
7708
- --x-size-border-width-facet-header-default: var(--x-size-border-width-facet-header-line);
7709
- --x-size-border-width-top-facet-header-default: var(--x-size-border-width-top-facet-header-line);
7710
- --x-size-border-width-right-facet-header-default: var(
7711
- --x-size-border-width-right-facet-header-line
7712
- );
7713
- --x-size-border-width-bottom-facet-header-default: var(
7714
- --x-size-border-width-bottom-facet-header-line
7715
- );
7716
- --x-size-border-width-left-facet-header-default: var(
7717
- --x-size-border-width-left-facet-header-line
7718
- );
7719
- }
7720
7695
  :root {
7721
7696
  --x-color-background-facet-default: transparent;
7722
7697
  --x-color-border-facet-default: var(--x-color-background-facet-default);
@@ -7916,15 +7891,32 @@
7916
7891
  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-card);
7917
7892
  }
7918
7893
  :root {
7919
- --x-size-width-dropdown-xl: 282px;
7894
+ --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7895
+ --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7896
+ --x-size-border-width-top-facet-header-line: 0;
7897
+ --x-size-border-width-right-facet-header-line: 0;
7898
+ --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7899
+ --x-size-border-width-left-facet-header-line: 0;
7900
+ }
7901
+
7902
+ .x-facet--line.x-facet,
7903
+ .x-facet--line .x-facet {
7904
+ --x-color-border-facet-header-default: var(--x-color-border-facet-header-line);
7905
+ --x-size-border-width-facet-header-default: var(--x-size-border-width-facet-header-line);
7906
+ --x-size-border-width-top-facet-header-default: var(--x-size-border-width-top-facet-header-line);
7907
+ --x-size-border-width-right-facet-header-default: var(
7908
+ --x-size-border-width-right-facet-header-line
7909
+ );
7910
+ --x-size-border-width-bottom-facet-header-default: var(
7911
+ --x-size-border-width-bottom-facet-header-line
7912
+ );
7913
+ --x-size-border-width-left-facet-header-default: var(
7914
+ --x-size-border-width-left-facet-header-line
7915
+ );
7920
7916
  }
7921
7917
  :root {
7922
7918
  --x-size-width-dropdown-xl: 282px;
7923
7919
  }
7924
-
7925
- .x-dropdown.x-dropdown--xl {
7926
- --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-xl);
7927
- }
7928
7920
  :root {
7929
7921
  --x-size-width-dropdown-s: 74px;
7930
7922
  }
@@ -7998,6 +7990,37 @@
7998
7990
  .x-dropdown.x-dropdown--m {
7999
7991
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-m);
8000
7992
  }
7993
+ :root {
7994
+ --x-size-width-dropdown-xl: 282px;
7995
+ }
7996
+
7997
+ .x-dropdown.x-dropdown--xl {
7998
+ --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-xl);
7999
+ }
8000
+ :root {
8001
+ --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
8002
+ --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
8003
+ --x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
8004
+ --x-size-padding-right-dropdown-item-line: 0;
8005
+ --x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
8006
+ --x-size-padding-left-dropdown-item-line: 0;
8007
+ --x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
8008
+ --x-size-padding-right-dropdown-toggle-line: 0;
8009
+ --x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
8010
+ --x-size-padding-left-dropdown-toggle-line: 0;
8011
+ --x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
8012
+ --x-size-border-width-top-dropdown-toggle-line: 0;
8013
+ --x-size-border-width-right-dropdown-toggle-line: 0;
8014
+ --x-size-border-width-bottom-dropdown-toggle-line: var(
8015
+ --x-size-border-width-dropdown-toggle-line
8016
+ );
8017
+ --x-size-border-width-left-dropdown-toggle-line: 0;
8018
+ --x-size-border-width-dropdown-list-line: 0;
8019
+ --x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8020
+ --x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8021
+ --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8022
+ --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8023
+ }
8001
8024
  :root {
8002
8025
  --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
8003
8026
  --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
@@ -8061,30 +8084,6 @@
8061
8084
  --x-size-border-width-left-dropdown-list-line
8062
8085
  );
8063
8086
  }
8064
- :root {
8065
- --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
8066
- --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
8067
- --x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
8068
- --x-size-padding-right-dropdown-item-line: 0;
8069
- --x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
8070
- --x-size-padding-left-dropdown-item-line: 0;
8071
- --x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
8072
- --x-size-padding-right-dropdown-toggle-line: 0;
8073
- --x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
8074
- --x-size-padding-left-dropdown-toggle-line: 0;
8075
- --x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
8076
- --x-size-border-width-top-dropdown-toggle-line: 0;
8077
- --x-size-border-width-right-dropdown-toggle-line: 0;
8078
- --x-size-border-width-bottom-dropdown-toggle-line: var(
8079
- --x-size-border-width-dropdown-toggle-line
8080
- );
8081
- --x-size-border-width-left-dropdown-toggle-line: 0;
8082
- --x-size-border-width-dropdown-list-line: 0;
8083
- --x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8084
- --x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8085
- --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8086
- --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8087
- }
8088
8087
  :root {
8089
8088
  --x-size-width-dropdown-l: 202px;
8090
8089
  }
@@ -8092,6 +8091,9 @@
8092
8091
  .x-dropdown.x-dropdown--l {
8093
8092
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-l);
8094
8093
  }
8094
+ :root {
8095
+ --x-size-width-dropdown-l: 202px;
8096
+ }
8095
8097
  :root {
8096
8098
  --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8097
8099
  --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
@@ -8165,22 +8167,6 @@
8165
8167
  --x-string-overflow-dropdown-toggle-default: hidden;
8166
8168
  --x-string-overflow-dropdown-list-default: hidden;
8167
8169
  }
8168
- :root {
8169
- --x-size-width-dropdown-l: 202px;
8170
- }
8171
- :root {
8172
- --x-size-gap-dropdown-card: var(--x-size-base-03);
8173
- --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8174
- --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8175
- --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8176
- --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8177
- --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8178
- --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8179
- --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8180
- --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8181
- --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8182
- --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8183
- }
8184
8170
  :root {
8185
8171
  --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8186
8172
  --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
@@ -8436,6 +8422,19 @@
8436
8422
  --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8437
8423
  --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8438
8424
  }
8425
+ :root {
8426
+ --x-size-gap-dropdown-card: var(--x-size-base-03);
8427
+ --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8428
+ --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8429
+ --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8430
+ --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8431
+ --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8432
+ --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8433
+ --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8434
+ --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8435
+ --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8436
+ --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8437
+ }
8439
8438
 
8440
8439
  .x-dropdown--card {
8441
8440
  --x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
@@ -8476,16 +8475,6 @@
8476
8475
  --x-size-border-width-bottom-button-tertiary: var(--x-size-border-width-button-tertiary);
8477
8476
  --x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
8478
8477
  }
8479
- :root {
8480
- --x-color-background-button-secondary: transparent;
8481
- --x-color-border-button-secondary: var(--x-color-border-button-default);
8482
- --x-color-text-button-secondary: var(--x-color-border-button-default);
8483
- --x-size-border-width-button-secondary: var(--x-size-border-width-base);
8484
- --x-size-border-width-top-button-secondary: var(--x-size-border-width-button-secondary);
8485
- --x-size-border-width-right-button-secondary: var(--x-size-border-width-button-secondary);
8486
- --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8487
- --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8488
- }
8489
8478
  :root {
8490
8479
  --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
8491
8480
  --x-color-border-button-tertiary: var(--x-color-base-neutral-70);
@@ -8517,6 +8506,23 @@
8517
8506
  --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8518
8507
  --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8519
8508
  }
8509
+ :root {
8510
+ --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8511
+ --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8512
+ --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8513
+ --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8514
+ --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8515
+ }
8516
+ :root {
8517
+ --x-color-background-button-secondary: transparent;
8518
+ --x-color-border-button-secondary: var(--x-color-border-button-default);
8519
+ --x-color-text-button-secondary: var(--x-color-border-button-default);
8520
+ --x-size-border-width-button-secondary: var(--x-size-border-width-base);
8521
+ --x-size-border-width-top-button-secondary: var(--x-size-border-width-button-secondary);
8522
+ --x-size-border-width-right-button-secondary: var(--x-size-border-width-button-secondary);
8523
+ --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8524
+ --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8525
+ }
8520
8526
 
8521
8527
  .x-button--secondary.x-button,
8522
8528
  .x-button--secondary .x-button {
@@ -8535,13 +8541,6 @@
8535
8541
  --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8536
8542
  --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8537
8543
  }
8538
- :root {
8539
- --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8540
- --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8541
- --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8542
- --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8543
- --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8544
- }
8545
8544
 
8546
8545
  .x-button--round.x-button,
8547
8546
  .x-button--round .x-button {
@@ -8571,26 +8570,6 @@
8571
8570
  --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8572
8571
  }
8573
8572
 
8574
- .x-button--primary.x-button,
8575
- .x-button--primary .x-button {
8576
- --x-color-background-button-default: var(--x-color-background-button-primary);
8577
- --x-color-border-button-default: var(--x-color-border-button-primary);
8578
- --x-color-text-button-default: var(--x-color-text-button-primary);
8579
- --x-size-border-width-top-button-default: var(--x-size-border-width-top-button-primary);
8580
- --x-size-border-width-right-button-default: var(--x-size-border-width-right-button-primary);
8581
- --x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-primary);
8582
- --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-primary);
8583
- }
8584
- :root {
8585
- --x-color-background-button-primary: var(--x-color-background-button-default);
8586
- --x-color-border-button-primary: var(--x-color-border-button-default);
8587
- --x-color-text-button-primary: var(--x-color-text-button-default);
8588
- --x-size-border-width-button-primary: var(--x-size-border-width-base);
8589
- --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8590
- --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8591
- --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8592
- --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8593
- }
8594
8573
  :root {
8595
8574
  --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8596
8575
  --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
@@ -8625,6 +8604,11 @@
8625
8604
  --x-color-border-button-ghost: transparent;
8626
8605
  --x-color-text-button-ghost: var(--x-color-base-lead);
8627
8606
  }
8607
+ :root {
8608
+ --x-color-background-button-ghost: transparent;
8609
+ --x-color-border-button-ghost: transparent;
8610
+ --x-color-text-button-ghost: var(--x-color-base-lead);
8611
+ }
8628
8612
 
8629
8613
  .x-button--ghost.x-button,
8630
8614
  .x-button--ghost .x-button {
@@ -8642,11 +8626,6 @@
8642
8626
  .x-button--ghost.x-button--ghost-end .x-button {
8643
8627
  --x-size-padding-right-button-default: 0;
8644
8628
  }
8645
- :root {
8646
- --x-color-background-button-ghost: transparent;
8647
- --x-color-border-button-ghost: transparent;
8648
- --x-color-text-button-ghost: var(--x-color-base-lead);
8649
- }
8650
8629
  :root {
8651
8630
  --x-color-background-button-default: var(--x-color-base-lead);
8652
8631
  --x-color-border-button-default: var(--x-color-background-button-default);
@@ -8762,6 +8741,13 @@
8762
8741
  --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8763
8742
  --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8764
8743
  }
8744
+ :root {
8745
+ --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8746
+ --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8747
+ --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8748
+ --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8749
+ --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8750
+ }
8765
8751
 
8766
8752
  .x-button--card.x-button,
8767
8753
  .x-button--card .x-button {
@@ -8777,13 +8763,6 @@
8777
8763
  --x-size-border-radius-bottom-left-button-card
8778
8764
  );
8779
8765
  }
8780
- :root {
8781
- --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8782
- --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8783
- --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8784
- --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8785
- --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8786
- }
8787
8766
  :root {
8788
8767
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
8789
8768
  --x-color-text-badge-default: var(--x-color-base-neutral-100);
@@ -8884,4 +8863,25 @@
8884
8863
  --x-size-border-radius-base-m: var(--x-size-base-06);
8885
8864
  --x-size-border-radius-base-pill: 99999px;
8886
8865
  --x-size-border-width-base: 1px;
8866
+ }
8867
+ :root {
8868
+ --x-color-background-button-primary: var(--x-color-background-button-default);
8869
+ --x-color-border-button-primary: var(--x-color-border-button-default);
8870
+ --x-color-text-button-primary: var(--x-color-text-button-default);
8871
+ --x-size-border-width-button-primary: var(--x-size-border-width-base);
8872
+ --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8873
+ --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8874
+ --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8875
+ --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8876
+ }
8877
+
8878
+ .x-button--primary.x-button,
8879
+ .x-button--primary .x-button {
8880
+ --x-color-background-button-default: var(--x-color-background-button-primary);
8881
+ --x-color-border-button-default: var(--x-color-border-button-primary);
8882
+ --x-color-text-button-default: var(--x-color-text-button-primary);
8883
+ --x-size-border-width-top-button-default: var(--x-size-border-width-top-button-primary);
8884
+ --x-size-border-width-right-button-default: var(--x-size-border-width-right-button-primary);
8885
+ --x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-primary);
8886
+ --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-primary);
8887
8887
  }