@empathyco/x-components 6.0.0-alpha.53 → 6.0.0-alpha.55

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.
@@ -1,4 +1,5 @@
1
1
 
2
+
2
3
  .x-uppercase {
3
4
  text-transform: uppercase;
4
5
  }
@@ -33,7 +34,6 @@
33
34
  -webkit-text-decoration-line: none;
34
35
  text-decoration-line: none;
35
36
  }
36
-
37
37
  .x-static {
38
38
  position: static !important;
39
39
  }
@@ -53,931 +53,908 @@
53
53
  .x-sticky {
54
54
  position: sticky !important;
55
55
  }
56
- .x-margin--auto {
57
- margin: auto !important;
56
+ .x-padding--00 {
57
+ padding: 0 !important;
58
58
  }
59
- .x-margin--00 {
60
- margin: 0 !important;
59
+ .x-padding--01 {
60
+ padding: var(--x-size-base-01) !important;
61
61
  }
62
- .x-margin--01 {
63
- margin: var(--x-size-base-01) !important;
62
+ .x-padding--02 {
63
+ padding: var(--x-size-base-02) !important;
64
64
  }
65
- .x-margin--02 {
66
- margin: var(--x-size-base-02) !important;
65
+ .x-padding--03 {
66
+ padding: var(--x-size-base-03) !important;
67
67
  }
68
- .x-margin--03 {
69
- margin: var(--x-size-base-03) !important;
68
+ .x-padding--04 {
69
+ padding: var(--x-size-base-04) !important;
70
70
  }
71
- .x-margin--04 {
72
- margin: var(--x-size-base-04) !important;
71
+ .x-padding--05 {
72
+ padding: var(--x-size-base-05) !important;
73
73
  }
74
- .x-margin--05 {
75
- margin: var(--x-size-base-05) !important;
74
+ .x-padding--06 {
75
+ padding: var(--x-size-base-06) !important;
76
76
  }
77
- .x-margin--06 {
78
- margin: var(--x-size-base-06) !important;
77
+ .x-padding--07 {
78
+ padding: var(--x-size-base-07) !important;
79
79
  }
80
- .x-margin--07 {
81
- margin: var(--x-size-base-07) !important;
80
+ .x-padding--08 {
81
+ padding: var(--x-size-base-08) !important;
82
82
  }
83
- .x-margin--08 {
84
- margin: var(--x-size-base-08) !important;
83
+ .x-padding--09 {
84
+ padding: var(--x-size-base-09) !important;
85
85
  }
86
- .x-margin--09 {
87
- margin: var(--x-size-base-09) !important;
86
+ .x-padding--10 {
87
+ padding: var(--x-size-base-10) !important;
88
88
  }
89
- .x-margin--10 {
90
- margin: var(--x-size-base-10) !important;
89
+ .x-padding--11 {
90
+ padding: var(--x-size-base-11) !important;
91
91
  }
92
- .x-margin--11 {
93
- margin: var(--x-size-base-11) !important;
92
+ .x-padding--12 {
93
+ padding: var(--x-size-base-12) !important;
94
94
  }
95
- .x-margin--12 {
96
- margin: var(--x-size-base-12) !important;
95
+ .x-padding--13 {
96
+ padding: var(--x-size-base-13) !important;
97
97
  }
98
- .x-margin--13 {
99
- margin: var(--x-size-base-13) !important;
98
+ .x-padding--14 {
99
+ padding: var(--x-size-base-14) !important;
100
100
  }
101
- .x-margin--14 {
102
- margin: var(--x-size-base-14) !important;
101
+ .x-padding--15 {
102
+ padding: var(--x-size-base-15) !important;
103
103
  }
104
- .x-margin--15 {
105
- margin: var(--x-size-base-15) !important;
104
+ .x-padding--16 {
105
+ padding: var(--x-size-base-16) !important;
106
106
  }
107
- .x-margin--16 {
108
- margin: var(--x-size-base-16) !important;
107
+ .x-padding--17 {
108
+ padding: var(--x-size-base-17) !important;
109
109
  }
110
- .x-margin--17 {
111
- margin: var(--x-size-base-17) !important;
110
+ .x-padding--18 {
111
+ padding: var(--x-size-base-18) !important;
112
112
  }
113
- .x-margin--18 {
114
- margin: var(--x-size-base-18) !important;
113
+ .x-padding--19 {
114
+ padding: var(--x-size-base-19) !important;
115
115
  }
116
- .x-margin--19 {
117
- margin: var(--x-size-base-19) !important;
116
+ .x-padding--20 {
117
+ padding: var(--x-size-base-20) !important;
118
118
  }
119
- .x-margin--20 {
120
- margin: var(--x-size-base-20) !important;
119
+ .x-padding--top-00 {
120
+ padding-top: 0 !important;
121
121
  }
122
- .x-margin--top-auto {
123
- margin-top: auto !important;
122
+ .x-padding--bottom-00 {
123
+ padding-bottom: 0 !important;
124
124
  }
125
- .x-margin--bottom-auto {
126
- margin-bottom: auto !important;
125
+ [dir="ltr"] .x-padding--right-00 {
126
+ padding-right: 0 !important;
127
127
  }
128
- [dir="ltr"] .x-margin--right-auto {
129
- margin-right: auto !important;
128
+ [dir="rtl"] .x-padding--right-00 {
129
+ padding-left: 0 !important;
130
130
  }
131
- [dir="rtl"] .x-margin--right-auto {
132
- margin-left: auto !important;
131
+ [dir="ltr"] .x-padding--left-00 {
132
+ padding-left: 0 !important;
133
133
  }
134
- [dir="ltr"] .x-margin--left-auto {
135
- margin-left: auto !important;
134
+ [dir="rtl"] .x-padding--left-00 {
135
+ padding-right: 0 !important;
136
136
  }
137
- [dir="rtl"] .x-margin--left-auto {
138
- margin-right: auto !important;
137
+ .x-padding--top-01 {
138
+ padding-top: var(--x-size-base-01) !important;
139
139
  }
140
- .x-margin--top-00 {
141
- margin-top: 0 !important;
140
+ .x-padding--bottom-01 {
141
+ padding-bottom: var(--x-size-base-01) !important;
142
142
  }
143
- .x-margin--bottom-00 {
144
- margin-bottom: 0 !important;
143
+ [dir="ltr"] .x-padding--right-01 {
144
+ padding-right: var(--x-size-base-01) !important;
145
145
  }
146
- [dir="ltr"] .x-margin--right-00 {
147
- margin-right: 0 !important;
146
+ [dir="rtl"] .x-padding--right-01 {
147
+ padding-left: var(--x-size-base-01) !important;
148
148
  }
149
- [dir="rtl"] .x-margin--right-00 {
150
- margin-left: 0 !important;
149
+ [dir="ltr"] .x-padding--left-01 {
150
+ padding-left: var(--x-size-base-01) !important;
151
151
  }
152
- [dir="ltr"] .x-margin--left-00 {
153
- margin-left: 0 !important;
152
+ [dir="rtl"] .x-padding--left-01 {
153
+ padding-right: var(--x-size-base-01) !important;
154
154
  }
155
- [dir="rtl"] .x-margin--left-00 {
156
- margin-right: 0 !important;
155
+ .x-padding--top-02 {
156
+ padding-top: var(--x-size-base-02) !important;
157
157
  }
158
- .x-margin--top-01 {
159
- margin-top: var(--x-size-base-01) !important;
158
+ .x-padding--bottom-02 {
159
+ padding-bottom: var(--x-size-base-02) !important;
160
160
  }
161
- .x-margin--bottom-01 {
162
- margin-bottom: var(--x-size-base-01) !important;
161
+ [dir="ltr"] .x-padding--right-02 {
162
+ padding-right: var(--x-size-base-02) !important;
163
163
  }
164
- [dir="ltr"] .x-margin--right-01 {
165
- margin-right: var(--x-size-base-01) !important;
164
+ [dir="rtl"] .x-padding--right-02 {
165
+ padding-left: var(--x-size-base-02) !important;
166
166
  }
167
- [dir="rtl"] .x-margin--right-01 {
168
- margin-left: var(--x-size-base-01) !important;
167
+ [dir="ltr"] .x-padding--left-02 {
168
+ padding-left: var(--x-size-base-02) !important;
169
169
  }
170
- [dir="ltr"] .x-margin--left-01 {
171
- margin-left: var(--x-size-base-01) !important;
170
+ [dir="rtl"] .x-padding--left-02 {
171
+ padding-right: var(--x-size-base-02) !important;
172
172
  }
173
- [dir="rtl"] .x-margin--left-01 {
174
- margin-right: var(--x-size-base-01) !important;
173
+ .x-padding--top-03 {
174
+ padding-top: var(--x-size-base-03) !important;
175
175
  }
176
- .x-margin--top-02 {
177
- margin-top: var(--x-size-base-02) !important;
176
+ .x-padding--bottom-03 {
177
+ padding-bottom: var(--x-size-base-03) !important;
178
178
  }
179
- .x-margin--bottom-02 {
180
- margin-bottom: var(--x-size-base-02) !important;
179
+ [dir="ltr"] .x-padding--right-03 {
180
+ padding-right: var(--x-size-base-03) !important;
181
181
  }
182
- [dir="ltr"] .x-margin--right-02 {
183
- margin-right: var(--x-size-base-02) !important;
182
+ [dir="rtl"] .x-padding--right-03 {
183
+ padding-left: var(--x-size-base-03) !important;
184
184
  }
185
- [dir="rtl"] .x-margin--right-02 {
186
- margin-left: var(--x-size-base-02) !important;
185
+ [dir="ltr"] .x-padding--left-03 {
186
+ padding-left: var(--x-size-base-03) !important;
187
187
  }
188
- [dir="ltr"] .x-margin--left-02 {
189
- margin-left: var(--x-size-base-02) !important;
188
+ [dir="rtl"] .x-padding--left-03 {
189
+ padding-right: var(--x-size-base-03) !important;
190
190
  }
191
- [dir="rtl"] .x-margin--left-02 {
192
- margin-right: var(--x-size-base-02) !important;
191
+ .x-padding--top-04 {
192
+ padding-top: var(--x-size-base-04) !important;
193
193
  }
194
- .x-margin--top-03 {
195
- margin-top: var(--x-size-base-03) !important;
194
+ .x-padding--bottom-04 {
195
+ padding-bottom: var(--x-size-base-04) !important;
196
196
  }
197
- .x-margin--bottom-03 {
198
- margin-bottom: var(--x-size-base-03) !important;
197
+ [dir="ltr"] .x-padding--right-04 {
198
+ padding-right: var(--x-size-base-04) !important;
199
199
  }
200
- [dir="ltr"] .x-margin--right-03 {
201
- margin-right: var(--x-size-base-03) !important;
200
+ [dir="rtl"] .x-padding--right-04 {
201
+ padding-left: var(--x-size-base-04) !important;
202
202
  }
203
- [dir="rtl"] .x-margin--right-03 {
204
- margin-left: var(--x-size-base-03) !important;
203
+ [dir="ltr"] .x-padding--left-04 {
204
+ padding-left: var(--x-size-base-04) !important;
205
205
  }
206
- [dir="ltr"] .x-margin--left-03 {
207
- margin-left: var(--x-size-base-03) !important;
206
+ [dir="rtl"] .x-padding--left-04 {
207
+ padding-right: var(--x-size-base-04) !important;
208
208
  }
209
- [dir="rtl"] .x-margin--left-03 {
210
- margin-right: var(--x-size-base-03) !important;
209
+ .x-padding--top-05 {
210
+ padding-top: var(--x-size-base-05) !important;
211
211
  }
212
- .x-margin--top-04 {
213
- margin-top: var(--x-size-base-04) !important;
212
+ .x-padding--bottom-05 {
213
+ padding-bottom: var(--x-size-base-05) !important;
214
214
  }
215
- .x-margin--bottom-04 {
216
- margin-bottom: var(--x-size-base-04) !important;
215
+ [dir="ltr"] .x-padding--right-05 {
216
+ padding-right: var(--x-size-base-05) !important;
217
217
  }
218
- [dir="ltr"] .x-margin--right-04 {
219
- margin-right: var(--x-size-base-04) !important;
218
+ [dir="rtl"] .x-padding--right-05 {
219
+ padding-left: var(--x-size-base-05) !important;
220
220
  }
221
- [dir="rtl"] .x-margin--right-04 {
222
- margin-left: var(--x-size-base-04) !important;
221
+ [dir="ltr"] .x-padding--left-05 {
222
+ padding-left: var(--x-size-base-05) !important;
223
223
  }
224
- [dir="ltr"] .x-margin--left-04 {
225
- margin-left: var(--x-size-base-04) !important;
224
+ [dir="rtl"] .x-padding--left-05 {
225
+ padding-right: var(--x-size-base-05) !important;
226
226
  }
227
- [dir="rtl"] .x-margin--left-04 {
228
- margin-right: var(--x-size-base-04) !important;
227
+ .x-padding--top-06 {
228
+ padding-top: var(--x-size-base-06) !important;
229
229
  }
230
- .x-margin--top-05 {
231
- margin-top: var(--x-size-base-05) !important;
230
+ .x-padding--bottom-06 {
231
+ padding-bottom: var(--x-size-base-06) !important;
232
232
  }
233
- .x-margin--bottom-05 {
234
- margin-bottom: var(--x-size-base-05) !important;
233
+ [dir="ltr"] .x-padding--right-06 {
234
+ padding-right: var(--x-size-base-06) !important;
235
235
  }
236
- [dir="ltr"] .x-margin--right-05 {
237
- margin-right: var(--x-size-base-05) !important;
236
+ [dir="rtl"] .x-padding--right-06 {
237
+ padding-left: var(--x-size-base-06) !important;
238
238
  }
239
- [dir="rtl"] .x-margin--right-05 {
240
- margin-left: var(--x-size-base-05) !important;
239
+ [dir="ltr"] .x-padding--left-06 {
240
+ padding-left: var(--x-size-base-06) !important;
241
241
  }
242
- [dir="ltr"] .x-margin--left-05 {
243
- margin-left: var(--x-size-base-05) !important;
242
+ [dir="rtl"] .x-padding--left-06 {
243
+ padding-right: var(--x-size-base-06) !important;
244
244
  }
245
- [dir="rtl"] .x-margin--left-05 {
246
- margin-right: var(--x-size-base-05) !important;
245
+ .x-padding--top-07 {
246
+ padding-top: var(--x-size-base-07) !important;
247
247
  }
248
- .x-margin--top-06 {
249
- margin-top: var(--x-size-base-06) !important;
248
+ .x-padding--bottom-07 {
249
+ padding-bottom: var(--x-size-base-07) !important;
250
250
  }
251
- .x-margin--bottom-06 {
252
- margin-bottom: var(--x-size-base-06) !important;
251
+ [dir="ltr"] .x-padding--right-07 {
252
+ padding-right: var(--x-size-base-07) !important;
253
253
  }
254
- [dir="ltr"] .x-margin--right-06 {
255
- margin-right: var(--x-size-base-06) !important;
254
+ [dir="rtl"] .x-padding--right-07 {
255
+ padding-left: var(--x-size-base-07) !important;
256
256
  }
257
- [dir="rtl"] .x-margin--right-06 {
258
- margin-left: var(--x-size-base-06) !important;
257
+ [dir="ltr"] .x-padding--left-07 {
258
+ padding-left: var(--x-size-base-07) !important;
259
259
  }
260
- [dir="ltr"] .x-margin--left-06 {
261
- margin-left: var(--x-size-base-06) !important;
260
+ [dir="rtl"] .x-padding--left-07 {
261
+ padding-right: var(--x-size-base-07) !important;
262
262
  }
263
- [dir="rtl"] .x-margin--left-06 {
264
- margin-right: var(--x-size-base-06) !important;
263
+ .x-padding--top-08 {
264
+ padding-top: var(--x-size-base-08) !important;
265
265
  }
266
- .x-margin--top-07 {
267
- margin-top: var(--x-size-base-07) !important;
266
+ .x-padding--bottom-08 {
267
+ padding-bottom: var(--x-size-base-08) !important;
268
268
  }
269
- .x-margin--bottom-07 {
270
- margin-bottom: var(--x-size-base-07) !important;
269
+ [dir="ltr"] .x-padding--right-08 {
270
+ padding-right: var(--x-size-base-08) !important;
271
271
  }
272
- [dir="ltr"] .x-margin--right-07 {
273
- margin-right: var(--x-size-base-07) !important;
272
+ [dir="rtl"] .x-padding--right-08 {
273
+ padding-left: var(--x-size-base-08) !important;
274
274
  }
275
- [dir="rtl"] .x-margin--right-07 {
276
- margin-left: var(--x-size-base-07) !important;
275
+ [dir="ltr"] .x-padding--left-08 {
276
+ padding-left: var(--x-size-base-08) !important;
277
277
  }
278
- [dir="ltr"] .x-margin--left-07 {
279
- margin-left: var(--x-size-base-07) !important;
278
+ [dir="rtl"] .x-padding--left-08 {
279
+ padding-right: var(--x-size-base-08) !important;
280
280
  }
281
- [dir="rtl"] .x-margin--left-07 {
282
- margin-right: var(--x-size-base-07) !important;
281
+ .x-padding--top-09 {
282
+ padding-top: var(--x-size-base-09) !important;
283
283
  }
284
- .x-margin--top-08 {
285
- margin-top: var(--x-size-base-08) !important;
284
+ .x-padding--bottom-09 {
285
+ padding-bottom: var(--x-size-base-09) !important;
286
286
  }
287
- .x-margin--bottom-08 {
288
- margin-bottom: var(--x-size-base-08) !important;
287
+ [dir="ltr"] .x-padding--right-09 {
288
+ padding-right: var(--x-size-base-09) !important;
289
289
  }
290
- [dir="ltr"] .x-margin--right-08 {
291
- margin-right: var(--x-size-base-08) !important;
290
+ [dir="rtl"] .x-padding--right-09 {
291
+ padding-left: var(--x-size-base-09) !important;
292
292
  }
293
- [dir="rtl"] .x-margin--right-08 {
294
- margin-left: var(--x-size-base-08) !important;
293
+ [dir="ltr"] .x-padding--left-09 {
294
+ padding-left: var(--x-size-base-09) !important;
295
295
  }
296
- [dir="ltr"] .x-margin--left-08 {
297
- margin-left: var(--x-size-base-08) !important;
296
+ [dir="rtl"] .x-padding--left-09 {
297
+ padding-right: var(--x-size-base-09) !important;
298
298
  }
299
- [dir="rtl"] .x-margin--left-08 {
300
- margin-right: var(--x-size-base-08) !important;
299
+ .x-padding--top-10 {
300
+ padding-top: var(--x-size-base-10) !important;
301
301
  }
302
- .x-margin--top-09 {
303
- margin-top: var(--x-size-base-09) !important;
302
+ .x-padding--bottom-10 {
303
+ padding-bottom: var(--x-size-base-10) !important;
304
304
  }
305
- .x-margin--bottom-09 {
306
- margin-bottom: var(--x-size-base-09) !important;
305
+ [dir="ltr"] .x-padding--right-10 {
306
+ padding-right: var(--x-size-base-10) !important;
307
307
  }
308
- [dir="ltr"] .x-margin--right-09 {
309
- margin-right: var(--x-size-base-09) !important;
308
+ [dir="rtl"] .x-padding--right-10 {
309
+ padding-left: var(--x-size-base-10) !important;
310
310
  }
311
- [dir="rtl"] .x-margin--right-09 {
312
- margin-left: var(--x-size-base-09) !important;
311
+ [dir="ltr"] .x-padding--left-10 {
312
+ padding-left: var(--x-size-base-10) !important;
313
313
  }
314
- [dir="ltr"] .x-margin--left-09 {
315
- margin-left: var(--x-size-base-09) !important;
314
+ [dir="rtl"] .x-padding--left-10 {
315
+ padding-right: var(--x-size-base-10) !important;
316
316
  }
317
- [dir="rtl"] .x-margin--left-09 {
318
- margin-right: var(--x-size-base-09) !important;
317
+ .x-padding--top-11 {
318
+ padding-top: var(--x-size-base-11) !important;
319
319
  }
320
- .x-margin--top-10 {
321
- margin-top: var(--x-size-base-10) !important;
320
+ .x-padding--bottom-11 {
321
+ padding-bottom: var(--x-size-base-11) !important;
322
322
  }
323
- .x-margin--bottom-10 {
324
- margin-bottom: var(--x-size-base-10) !important;
323
+ [dir="ltr"] .x-padding--right-11 {
324
+ padding-right: var(--x-size-base-11) !important;
325
325
  }
326
- [dir="ltr"] .x-margin--right-10 {
327
- margin-right: var(--x-size-base-10) !important;
326
+ [dir="rtl"] .x-padding--right-11 {
327
+ padding-left: var(--x-size-base-11) !important;
328
328
  }
329
- [dir="rtl"] .x-margin--right-10 {
330
- margin-left: var(--x-size-base-10) !important;
329
+ [dir="ltr"] .x-padding--left-11 {
330
+ padding-left: var(--x-size-base-11) !important;
331
331
  }
332
- [dir="ltr"] .x-margin--left-10 {
333
- margin-left: var(--x-size-base-10) !important;
332
+ [dir="rtl"] .x-padding--left-11 {
333
+ padding-right: var(--x-size-base-11) !important;
334
334
  }
335
- [dir="rtl"] .x-margin--left-10 {
336
- margin-right: var(--x-size-base-10) !important;
335
+ .x-padding--top-12 {
336
+ padding-top: var(--x-size-base-12) !important;
337
337
  }
338
- .x-margin--top-11 {
339
- margin-top: var(--x-size-base-11) !important;
338
+ .x-padding--bottom-12 {
339
+ padding-bottom: var(--x-size-base-12) !important;
340
340
  }
341
- .x-margin--bottom-11 {
342
- margin-bottom: var(--x-size-base-11) !important;
341
+ [dir="ltr"] .x-padding--right-12 {
342
+ padding-right: var(--x-size-base-12) !important;
343
343
  }
344
- [dir="ltr"] .x-margin--right-11 {
345
- margin-right: var(--x-size-base-11) !important;
344
+ [dir="rtl"] .x-padding--right-12 {
345
+ padding-left: var(--x-size-base-12) !important;
346
346
  }
347
- [dir="rtl"] .x-margin--right-11 {
348
- margin-left: var(--x-size-base-11) !important;
347
+ [dir="ltr"] .x-padding--left-12 {
348
+ padding-left: var(--x-size-base-12) !important;
349
349
  }
350
- [dir="ltr"] .x-margin--left-11 {
351
- margin-left: var(--x-size-base-11) !important;
350
+ [dir="rtl"] .x-padding--left-12 {
351
+ padding-right: var(--x-size-base-12) !important;
352
352
  }
353
- [dir="rtl"] .x-margin--left-11 {
354
- margin-right: var(--x-size-base-11) !important;
353
+ .x-padding--top-13 {
354
+ padding-top: var(--x-size-base-13) !important;
355
355
  }
356
- .x-margin--top-12 {
357
- margin-top: var(--x-size-base-12) !important;
356
+ .x-padding--bottom-13 {
357
+ padding-bottom: var(--x-size-base-13) !important;
358
358
  }
359
- .x-margin--bottom-12 {
360
- margin-bottom: var(--x-size-base-12) !important;
359
+ [dir="ltr"] .x-padding--right-13 {
360
+ padding-right: var(--x-size-base-13) !important;
361
361
  }
362
- [dir="ltr"] .x-margin--right-12 {
363
- margin-right: var(--x-size-base-12) !important;
362
+ [dir="rtl"] .x-padding--right-13 {
363
+ padding-left: var(--x-size-base-13) !important;
364
364
  }
365
- [dir="rtl"] .x-margin--right-12 {
366
- margin-left: var(--x-size-base-12) !important;
365
+ [dir="ltr"] .x-padding--left-13 {
366
+ padding-left: var(--x-size-base-13) !important;
367
367
  }
368
- [dir="ltr"] .x-margin--left-12 {
369
- margin-left: var(--x-size-base-12) !important;
368
+ [dir="rtl"] .x-padding--left-13 {
369
+ padding-right: var(--x-size-base-13) !important;
370
370
  }
371
- [dir="rtl"] .x-margin--left-12 {
372
- margin-right: var(--x-size-base-12) !important;
371
+ .x-padding--top-14 {
372
+ padding-top: var(--x-size-base-14) !important;
373
373
  }
374
- .x-margin--top-13 {
375
- margin-top: var(--x-size-base-13) !important;
374
+ .x-padding--bottom-14 {
375
+ padding-bottom: var(--x-size-base-14) !important;
376
376
  }
377
- .x-margin--bottom-13 {
378
- margin-bottom: var(--x-size-base-13) !important;
377
+ [dir="ltr"] .x-padding--right-14 {
378
+ padding-right: var(--x-size-base-14) !important;
379
379
  }
380
- [dir="ltr"] .x-margin--right-13 {
381
- margin-right: var(--x-size-base-13) !important;
380
+ [dir="rtl"] .x-padding--right-14 {
381
+ padding-left: var(--x-size-base-14) !important;
382
382
  }
383
- [dir="rtl"] .x-margin--right-13 {
384
- margin-left: var(--x-size-base-13) !important;
383
+ [dir="ltr"] .x-padding--left-14 {
384
+ padding-left: var(--x-size-base-14) !important;
385
385
  }
386
- [dir="ltr"] .x-margin--left-13 {
387
- margin-left: var(--x-size-base-13) !important;
386
+ [dir="rtl"] .x-padding--left-14 {
387
+ padding-right: var(--x-size-base-14) !important;
388
388
  }
389
- [dir="rtl"] .x-margin--left-13 {
390
- margin-right: var(--x-size-base-13) !important;
389
+ .x-padding--top-15 {
390
+ padding-top: var(--x-size-base-15) !important;
391
391
  }
392
- .x-margin--top-14 {
393
- margin-top: var(--x-size-base-14) !important;
392
+ .x-padding--bottom-15 {
393
+ padding-bottom: var(--x-size-base-15) !important;
394
394
  }
395
- .x-margin--bottom-14 {
396
- margin-bottom: var(--x-size-base-14) !important;
395
+ [dir="ltr"] .x-padding--right-15 {
396
+ padding-right: var(--x-size-base-15) !important;
397
397
  }
398
- [dir="ltr"] .x-margin--right-14 {
399
- margin-right: var(--x-size-base-14) !important;
398
+ [dir="rtl"] .x-padding--right-15 {
399
+ padding-left: var(--x-size-base-15) !important;
400
400
  }
401
- [dir="rtl"] .x-margin--right-14 {
402
- margin-left: var(--x-size-base-14) !important;
401
+ [dir="ltr"] .x-padding--left-15 {
402
+ padding-left: var(--x-size-base-15) !important;
403
403
  }
404
- [dir="ltr"] .x-margin--left-14 {
405
- margin-left: var(--x-size-base-14) !important;
404
+ [dir="rtl"] .x-padding--left-15 {
405
+ padding-right: var(--x-size-base-15) !important;
406
406
  }
407
- [dir="rtl"] .x-margin--left-14 {
408
- margin-right: var(--x-size-base-14) !important;
407
+ .x-padding--top-16 {
408
+ padding-top: var(--x-size-base-16) !important;
409
409
  }
410
- .x-margin--top-15 {
411
- margin-top: var(--x-size-base-15) !important;
410
+ .x-padding--bottom-16 {
411
+ padding-bottom: var(--x-size-base-16) !important;
412
412
  }
413
- .x-margin--bottom-15 {
414
- margin-bottom: var(--x-size-base-15) !important;
413
+ [dir="ltr"] .x-padding--right-16 {
414
+ padding-right: var(--x-size-base-16) !important;
415
415
  }
416
- [dir="ltr"] .x-margin--right-15 {
417
- margin-right: var(--x-size-base-15) !important;
416
+ [dir="rtl"] .x-padding--right-16 {
417
+ padding-left: var(--x-size-base-16) !important;
418
418
  }
419
- [dir="rtl"] .x-margin--right-15 {
420
- margin-left: var(--x-size-base-15) !important;
419
+ [dir="ltr"] .x-padding--left-16 {
420
+ padding-left: var(--x-size-base-16) !important;
421
421
  }
422
- [dir="ltr"] .x-margin--left-15 {
423
- margin-left: var(--x-size-base-15) !important;
422
+ [dir="rtl"] .x-padding--left-16 {
423
+ padding-right: var(--x-size-base-16) !important;
424
424
  }
425
- [dir="rtl"] .x-margin--left-15 {
426
- margin-right: var(--x-size-base-15) !important;
425
+ .x-padding--top-17 {
426
+ padding-top: var(--x-size-base-17) !important;
427
427
  }
428
- .x-margin--top-16 {
429
- margin-top: var(--x-size-base-16) !important;
428
+ .x-padding--bottom-17 {
429
+ padding-bottom: var(--x-size-base-17) !important;
430
430
  }
431
- .x-margin--bottom-16 {
432
- margin-bottom: var(--x-size-base-16) !important;
431
+ [dir="ltr"] .x-padding--right-17 {
432
+ padding-right: var(--x-size-base-17) !important;
433
433
  }
434
- [dir="ltr"] .x-margin--right-16 {
435
- margin-right: var(--x-size-base-16) !important;
434
+ [dir="rtl"] .x-padding--right-17 {
435
+ padding-left: var(--x-size-base-17) !important;
436
436
  }
437
- [dir="rtl"] .x-margin--right-16 {
438
- margin-left: var(--x-size-base-16) !important;
439
- }
440
- [dir="ltr"] .x-margin--left-16 {
441
- margin-left: var(--x-size-base-16) !important;
442
- }
443
- [dir="rtl"] .x-margin--left-16 {
444
- margin-right: var(--x-size-base-16) !important;
445
- }
446
- .x-margin--top-17 {
447
- margin-top: var(--x-size-base-17) !important;
448
- }
449
- .x-margin--bottom-17 {
450
- margin-bottom: var(--x-size-base-17) !important;
451
- }
452
- [dir="ltr"] .x-margin--right-17 {
453
- margin-right: var(--x-size-base-17) !important;
454
- }
455
- [dir="rtl"] .x-margin--right-17 {
456
- margin-left: var(--x-size-base-17) !important;
437
+ [dir="ltr"] .x-padding--left-17 {
438
+ padding-left: var(--x-size-base-17) !important;
457
439
  }
458
- [dir="ltr"] .x-margin--left-17 {
459
- margin-left: var(--x-size-base-17) !important;
440
+ [dir="rtl"] .x-padding--left-17 {
441
+ padding-right: var(--x-size-base-17) !important;
460
442
  }
461
- [dir="rtl"] .x-margin--left-17 {
462
- margin-right: var(--x-size-base-17) !important;
443
+ .x-padding--top-18 {
444
+ padding-top: var(--x-size-base-18) !important;
463
445
  }
464
- .x-margin--top-18 {
465
- margin-top: var(--x-size-base-18) !important;
446
+ .x-padding--bottom-18 {
447
+ padding-bottom: var(--x-size-base-18) !important;
466
448
  }
467
- .x-margin--bottom-18 {
468
- margin-bottom: var(--x-size-base-18) !important;
449
+ [dir="ltr"] .x-padding--right-18 {
450
+ padding-right: var(--x-size-base-18) !important;
469
451
  }
470
- [dir="ltr"] .x-margin--right-18 {
471
- margin-right: var(--x-size-base-18) !important;
452
+ [dir="rtl"] .x-padding--right-18 {
453
+ padding-left: var(--x-size-base-18) !important;
472
454
  }
473
- [dir="rtl"] .x-margin--right-18 {
474
- margin-left: var(--x-size-base-18) !important;
455
+ [dir="ltr"] .x-padding--left-18 {
456
+ padding-left: var(--x-size-base-18) !important;
475
457
  }
476
- [dir="ltr"] .x-margin--left-18 {
477
- margin-left: var(--x-size-base-18) !important;
458
+ [dir="rtl"] .x-padding--left-18 {
459
+ padding-right: var(--x-size-base-18) !important;
478
460
  }
479
- [dir="rtl"] .x-margin--left-18 {
480
- margin-right: var(--x-size-base-18) !important;
461
+ .x-padding--top-19 {
462
+ padding-top: var(--x-size-base-19) !important;
481
463
  }
482
- .x-margin--top-19 {
483
- margin-top: var(--x-size-base-19) !important;
464
+ .x-padding--bottom-19 {
465
+ padding-bottom: var(--x-size-base-19) !important;
484
466
  }
485
- .x-margin--bottom-19 {
486
- margin-bottom: var(--x-size-base-19) !important;
467
+ [dir="ltr"] .x-padding--right-19 {
468
+ padding-right: var(--x-size-base-19) !important;
487
469
  }
488
- [dir="ltr"] .x-margin--right-19 {
489
- margin-right: var(--x-size-base-19) !important;
470
+ [dir="rtl"] .x-padding--right-19 {
471
+ padding-left: var(--x-size-base-19) !important;
490
472
  }
491
- [dir="rtl"] .x-margin--right-19 {
492
- margin-left: var(--x-size-base-19) !important;
473
+ [dir="ltr"] .x-padding--left-19 {
474
+ padding-left: var(--x-size-base-19) !important;
493
475
  }
494
- [dir="ltr"] .x-margin--left-19 {
495
- margin-left: var(--x-size-base-19) !important;
476
+ [dir="rtl"] .x-padding--left-19 {
477
+ padding-right: var(--x-size-base-19) !important;
496
478
  }
497
- [dir="rtl"] .x-margin--left-19 {
498
- margin-right: var(--x-size-base-19) !important;
479
+ .x-padding--top-20 {
480
+ padding-top: var(--x-size-base-20) !important;
499
481
  }
500
- .x-margin--top-20 {
501
- margin-top: var(--x-size-base-20) !important;
482
+ .x-padding--bottom-20 {
483
+ padding-bottom: var(--x-size-base-20) !important;
502
484
  }
503
- .x-margin--bottom-20 {
504
- margin-bottom: var(--x-size-base-20) !important;
485
+ [dir="ltr"] .x-padding--right-20 {
486
+ padding-right: var(--x-size-base-20) !important;
505
487
  }
506
- [dir="ltr"] .x-margin--right-20 {
507
- margin-right: var(--x-size-base-20) !important;
488
+ [dir="rtl"] .x-padding--right-20 {
489
+ padding-left: var(--x-size-base-20) !important;
508
490
  }
509
- [dir="rtl"] .x-margin--right-20 {
510
- margin-left: var(--x-size-base-20) !important;
491
+ [dir="ltr"] .x-padding--left-20 {
492
+ padding-left: var(--x-size-base-20) !important;
511
493
  }
512
- [dir="ltr"] .x-margin--left-20 {
513
- margin-left: var(--x-size-base-20) !important;
494
+ [dir="rtl"] .x-padding--left-20 {
495
+ padding-right: var(--x-size-base-20) !important;
514
496
  }
515
- [dir="rtl"] .x-margin--left-20 {
516
- margin-right: var(--x-size-base-20) !important;
497
+ .x-margin--auto {
498
+ margin: auto !important;
517
499
  }
518
- .x-line-height--none {
519
- line-height: 1 !important;
500
+ .x-margin--00 {
501
+ margin: 0 !important;
520
502
  }
521
-
522
- .x-line-height--tight {
523
- line-height: 1.25 !important;
503
+ .x-margin--01 {
504
+ margin: var(--x-size-base-01) !important;
524
505
  }
525
-
526
- .x-line-height--snug {
527
- line-height: 1.375 !important;
506
+ .x-margin--02 {
507
+ margin: var(--x-size-base-02) !important;
528
508
  }
529
-
530
- .x-line-height--normal {
531
- line-height: 1.5 !important;
509
+ .x-margin--03 {
510
+ margin: var(--x-size-base-03) !important;
532
511
  }
533
-
534
- .x-line-height--relaxed {
535
- line-height: 1.625 !important;
512
+ .x-margin--04 {
513
+ margin: var(--x-size-base-04) !important;
536
514
  }
537
-
538
- .x-line-height--loose {
539
- line-height: 2 !important;
515
+ .x-margin--05 {
516
+ margin: var(--x-size-base-05) !important;
540
517
  }
541
- .x-padding--00 {
542
- padding: 0 !important;
518
+ .x-margin--06 {
519
+ margin: var(--x-size-base-06) !important;
543
520
  }
544
- .x-padding--01 {
545
- padding: var(--x-size-base-01) !important;
521
+ .x-margin--07 {
522
+ margin: var(--x-size-base-07) !important;
546
523
  }
547
- .x-padding--02 {
548
- padding: var(--x-size-base-02) !important;
524
+ .x-margin--08 {
525
+ margin: var(--x-size-base-08) !important;
549
526
  }
550
- .x-padding--03 {
551
- padding: var(--x-size-base-03) !important;
527
+ .x-margin--09 {
528
+ margin: var(--x-size-base-09) !important;
552
529
  }
553
- .x-padding--04 {
554
- padding: var(--x-size-base-04) !important;
530
+ .x-margin--10 {
531
+ margin: var(--x-size-base-10) !important;
555
532
  }
556
- .x-padding--05 {
557
- padding: var(--x-size-base-05) !important;
533
+ .x-margin--11 {
534
+ margin: var(--x-size-base-11) !important;
558
535
  }
559
- .x-padding--06 {
560
- padding: var(--x-size-base-06) !important;
536
+ .x-margin--12 {
537
+ margin: var(--x-size-base-12) !important;
561
538
  }
562
- .x-padding--07 {
563
- padding: var(--x-size-base-07) !important;
539
+ .x-margin--13 {
540
+ margin: var(--x-size-base-13) !important;
564
541
  }
565
- .x-padding--08 {
566
- padding: var(--x-size-base-08) !important;
542
+ .x-margin--14 {
543
+ margin: var(--x-size-base-14) !important;
567
544
  }
568
- .x-padding--09 {
569
- padding: var(--x-size-base-09) !important;
545
+ .x-margin--15 {
546
+ margin: var(--x-size-base-15) !important;
570
547
  }
571
- .x-padding--10 {
572
- padding: var(--x-size-base-10) !important;
548
+ .x-margin--16 {
549
+ margin: var(--x-size-base-16) !important;
573
550
  }
574
- .x-padding--11 {
575
- padding: var(--x-size-base-11) !important;
551
+ .x-margin--17 {
552
+ margin: var(--x-size-base-17) !important;
576
553
  }
577
- .x-padding--12 {
578
- padding: var(--x-size-base-12) !important;
554
+ .x-margin--18 {
555
+ margin: var(--x-size-base-18) !important;
579
556
  }
580
- .x-padding--13 {
581
- padding: var(--x-size-base-13) !important;
557
+ .x-margin--19 {
558
+ margin: var(--x-size-base-19) !important;
582
559
  }
583
- .x-padding--14 {
584
- padding: var(--x-size-base-14) !important;
560
+ .x-margin--20 {
561
+ margin: var(--x-size-base-20) !important;
585
562
  }
586
- .x-padding--15 {
587
- padding: var(--x-size-base-15) !important;
563
+ .x-margin--top-auto {
564
+ margin-top: auto !important;
588
565
  }
589
- .x-padding--16 {
590
- padding: var(--x-size-base-16) !important;
566
+ .x-margin--bottom-auto {
567
+ margin-bottom: auto !important;
591
568
  }
592
- .x-padding--17 {
593
- padding: var(--x-size-base-17) !important;
569
+ [dir="ltr"] .x-margin--right-auto {
570
+ margin-right: auto !important;
594
571
  }
595
- .x-padding--18 {
596
- padding: var(--x-size-base-18) !important;
572
+ [dir="rtl"] .x-margin--right-auto {
573
+ margin-left: auto !important;
597
574
  }
598
- .x-padding--19 {
599
- padding: var(--x-size-base-19) !important;
575
+ [dir="ltr"] .x-margin--left-auto {
576
+ margin-left: auto !important;
600
577
  }
601
- .x-padding--20 {
602
- padding: var(--x-size-base-20) !important;
578
+ [dir="rtl"] .x-margin--left-auto {
579
+ margin-right: auto !important;
603
580
  }
604
- .x-padding--top-00 {
605
- padding-top: 0 !important;
581
+ .x-margin--top-00 {
582
+ margin-top: 0 !important;
606
583
  }
607
- .x-padding--bottom-00 {
608
- padding-bottom: 0 !important;
584
+ .x-margin--bottom-00 {
585
+ margin-bottom: 0 !important;
609
586
  }
610
- [dir="ltr"] .x-padding--right-00 {
611
- padding-right: 0 !important;
587
+ [dir="ltr"] .x-margin--right-00 {
588
+ margin-right: 0 !important;
612
589
  }
613
- [dir="rtl"] .x-padding--right-00 {
614
- padding-left: 0 !important;
590
+ [dir="rtl"] .x-margin--right-00 {
591
+ margin-left: 0 !important;
615
592
  }
616
- [dir="ltr"] .x-padding--left-00 {
617
- padding-left: 0 !important;
593
+ [dir="ltr"] .x-margin--left-00 {
594
+ margin-left: 0 !important;
618
595
  }
619
- [dir="rtl"] .x-padding--left-00 {
620
- padding-right: 0 !important;
596
+ [dir="rtl"] .x-margin--left-00 {
597
+ margin-right: 0 !important;
621
598
  }
622
- .x-padding--top-01 {
623
- padding-top: var(--x-size-base-01) !important;
599
+ .x-margin--top-01 {
600
+ margin-top: var(--x-size-base-01) !important;
624
601
  }
625
- .x-padding--bottom-01 {
626
- padding-bottom: var(--x-size-base-01) !important;
602
+ .x-margin--bottom-01 {
603
+ margin-bottom: var(--x-size-base-01) !important;
627
604
  }
628
- [dir="ltr"] .x-padding--right-01 {
629
- padding-right: var(--x-size-base-01) !important;
605
+ [dir="ltr"] .x-margin--right-01 {
606
+ margin-right: var(--x-size-base-01) !important;
630
607
  }
631
- [dir="rtl"] .x-padding--right-01 {
632
- padding-left: var(--x-size-base-01) !important;
608
+ [dir="rtl"] .x-margin--right-01 {
609
+ margin-left: var(--x-size-base-01) !important;
633
610
  }
634
- [dir="ltr"] .x-padding--left-01 {
635
- padding-left: var(--x-size-base-01) !important;
611
+ [dir="ltr"] .x-margin--left-01 {
612
+ margin-left: var(--x-size-base-01) !important;
636
613
  }
637
- [dir="rtl"] .x-padding--left-01 {
638
- padding-right: var(--x-size-base-01) !important;
614
+ [dir="rtl"] .x-margin--left-01 {
615
+ margin-right: var(--x-size-base-01) !important;
639
616
  }
640
- .x-padding--top-02 {
641
- padding-top: var(--x-size-base-02) !important;
617
+ .x-margin--top-02 {
618
+ margin-top: var(--x-size-base-02) !important;
642
619
  }
643
- .x-padding--bottom-02 {
644
- padding-bottom: var(--x-size-base-02) !important;
620
+ .x-margin--bottom-02 {
621
+ margin-bottom: var(--x-size-base-02) !important;
645
622
  }
646
- [dir="ltr"] .x-padding--right-02 {
647
- padding-right: var(--x-size-base-02) !important;
623
+ [dir="ltr"] .x-margin--right-02 {
624
+ margin-right: var(--x-size-base-02) !important;
648
625
  }
649
- [dir="rtl"] .x-padding--right-02 {
650
- padding-left: var(--x-size-base-02) !important;
626
+ [dir="rtl"] .x-margin--right-02 {
627
+ margin-left: var(--x-size-base-02) !important;
651
628
  }
652
- [dir="ltr"] .x-padding--left-02 {
653
- padding-left: var(--x-size-base-02) !important;
629
+ [dir="ltr"] .x-margin--left-02 {
630
+ margin-left: var(--x-size-base-02) !important;
654
631
  }
655
- [dir="rtl"] .x-padding--left-02 {
656
- padding-right: var(--x-size-base-02) !important;
632
+ [dir="rtl"] .x-margin--left-02 {
633
+ margin-right: var(--x-size-base-02) !important;
657
634
  }
658
- .x-padding--top-03 {
659
- padding-top: var(--x-size-base-03) !important;
635
+ .x-margin--top-03 {
636
+ margin-top: var(--x-size-base-03) !important;
660
637
  }
661
- .x-padding--bottom-03 {
662
- padding-bottom: var(--x-size-base-03) !important;
638
+ .x-margin--bottom-03 {
639
+ margin-bottom: var(--x-size-base-03) !important;
663
640
  }
664
- [dir="ltr"] .x-padding--right-03 {
665
- padding-right: var(--x-size-base-03) !important;
641
+ [dir="ltr"] .x-margin--right-03 {
642
+ margin-right: var(--x-size-base-03) !important;
666
643
  }
667
- [dir="rtl"] .x-padding--right-03 {
668
- padding-left: var(--x-size-base-03) !important;
644
+ [dir="rtl"] .x-margin--right-03 {
645
+ margin-left: var(--x-size-base-03) !important;
669
646
  }
670
- [dir="ltr"] .x-padding--left-03 {
671
- padding-left: var(--x-size-base-03) !important;
647
+ [dir="ltr"] .x-margin--left-03 {
648
+ margin-left: var(--x-size-base-03) !important;
672
649
  }
673
- [dir="rtl"] .x-padding--left-03 {
674
- padding-right: var(--x-size-base-03) !important;
650
+ [dir="rtl"] .x-margin--left-03 {
651
+ margin-right: var(--x-size-base-03) !important;
675
652
  }
676
- .x-padding--top-04 {
677
- padding-top: var(--x-size-base-04) !important;
653
+ .x-margin--top-04 {
654
+ margin-top: var(--x-size-base-04) !important;
678
655
  }
679
- .x-padding--bottom-04 {
680
- padding-bottom: var(--x-size-base-04) !important;
656
+ .x-margin--bottom-04 {
657
+ margin-bottom: var(--x-size-base-04) !important;
681
658
  }
682
- [dir="ltr"] .x-padding--right-04 {
683
- padding-right: var(--x-size-base-04) !important;
659
+ [dir="ltr"] .x-margin--right-04 {
660
+ margin-right: var(--x-size-base-04) !important;
684
661
  }
685
- [dir="rtl"] .x-padding--right-04 {
686
- padding-left: var(--x-size-base-04) !important;
662
+ [dir="rtl"] .x-margin--right-04 {
663
+ margin-left: var(--x-size-base-04) !important;
687
664
  }
688
- [dir="ltr"] .x-padding--left-04 {
689
- padding-left: var(--x-size-base-04) !important;
665
+ [dir="ltr"] .x-margin--left-04 {
666
+ margin-left: var(--x-size-base-04) !important;
690
667
  }
691
- [dir="rtl"] .x-padding--left-04 {
692
- padding-right: var(--x-size-base-04) !important;
668
+ [dir="rtl"] .x-margin--left-04 {
669
+ margin-right: var(--x-size-base-04) !important;
693
670
  }
694
- .x-padding--top-05 {
695
- padding-top: var(--x-size-base-05) !important;
671
+ .x-margin--top-05 {
672
+ margin-top: var(--x-size-base-05) !important;
696
673
  }
697
- .x-padding--bottom-05 {
698
- padding-bottom: var(--x-size-base-05) !important;
674
+ .x-margin--bottom-05 {
675
+ margin-bottom: var(--x-size-base-05) !important;
699
676
  }
700
- [dir="ltr"] .x-padding--right-05 {
701
- padding-right: var(--x-size-base-05) !important;
677
+ [dir="ltr"] .x-margin--right-05 {
678
+ margin-right: var(--x-size-base-05) !important;
702
679
  }
703
- [dir="rtl"] .x-padding--right-05 {
704
- padding-left: var(--x-size-base-05) !important;
680
+ [dir="rtl"] .x-margin--right-05 {
681
+ margin-left: var(--x-size-base-05) !important;
705
682
  }
706
- [dir="ltr"] .x-padding--left-05 {
707
- padding-left: var(--x-size-base-05) !important;
683
+ [dir="ltr"] .x-margin--left-05 {
684
+ margin-left: var(--x-size-base-05) !important;
708
685
  }
709
- [dir="rtl"] .x-padding--left-05 {
710
- padding-right: var(--x-size-base-05) !important;
686
+ [dir="rtl"] .x-margin--left-05 {
687
+ margin-right: var(--x-size-base-05) !important;
711
688
  }
712
- .x-padding--top-06 {
713
- padding-top: var(--x-size-base-06) !important;
689
+ .x-margin--top-06 {
690
+ margin-top: var(--x-size-base-06) !important;
714
691
  }
715
- .x-padding--bottom-06 {
716
- padding-bottom: var(--x-size-base-06) !important;
692
+ .x-margin--bottom-06 {
693
+ margin-bottom: var(--x-size-base-06) !important;
717
694
  }
718
- [dir="ltr"] .x-padding--right-06 {
719
- padding-right: var(--x-size-base-06) !important;
695
+ [dir="ltr"] .x-margin--right-06 {
696
+ margin-right: var(--x-size-base-06) !important;
720
697
  }
721
- [dir="rtl"] .x-padding--right-06 {
722
- padding-left: var(--x-size-base-06) !important;
698
+ [dir="rtl"] .x-margin--right-06 {
699
+ margin-left: var(--x-size-base-06) !important;
723
700
  }
724
- [dir="ltr"] .x-padding--left-06 {
725
- padding-left: var(--x-size-base-06) !important;
701
+ [dir="ltr"] .x-margin--left-06 {
702
+ margin-left: var(--x-size-base-06) !important;
726
703
  }
727
- [dir="rtl"] .x-padding--left-06 {
728
- padding-right: var(--x-size-base-06) !important;
704
+ [dir="rtl"] .x-margin--left-06 {
705
+ margin-right: var(--x-size-base-06) !important;
729
706
  }
730
- .x-padding--top-07 {
731
- padding-top: var(--x-size-base-07) !important;
707
+ .x-margin--top-07 {
708
+ margin-top: var(--x-size-base-07) !important;
732
709
  }
733
- .x-padding--bottom-07 {
734
- padding-bottom: var(--x-size-base-07) !important;
710
+ .x-margin--bottom-07 {
711
+ margin-bottom: var(--x-size-base-07) !important;
735
712
  }
736
- [dir="ltr"] .x-padding--right-07 {
737
- padding-right: var(--x-size-base-07) !important;
713
+ [dir="ltr"] .x-margin--right-07 {
714
+ margin-right: var(--x-size-base-07) !important;
738
715
  }
739
- [dir="rtl"] .x-padding--right-07 {
740
- padding-left: var(--x-size-base-07) !important;
716
+ [dir="rtl"] .x-margin--right-07 {
717
+ margin-left: var(--x-size-base-07) !important;
741
718
  }
742
- [dir="ltr"] .x-padding--left-07 {
743
- padding-left: var(--x-size-base-07) !important;
719
+ [dir="ltr"] .x-margin--left-07 {
720
+ margin-left: var(--x-size-base-07) !important;
744
721
  }
745
- [dir="rtl"] .x-padding--left-07 {
746
- padding-right: var(--x-size-base-07) !important;
722
+ [dir="rtl"] .x-margin--left-07 {
723
+ margin-right: var(--x-size-base-07) !important;
747
724
  }
748
- .x-padding--top-08 {
749
- padding-top: var(--x-size-base-08) !important;
725
+ .x-margin--top-08 {
726
+ margin-top: var(--x-size-base-08) !important;
750
727
  }
751
- .x-padding--bottom-08 {
752
- padding-bottom: var(--x-size-base-08) !important;
728
+ .x-margin--bottom-08 {
729
+ margin-bottom: var(--x-size-base-08) !important;
753
730
  }
754
- [dir="ltr"] .x-padding--right-08 {
755
- padding-right: var(--x-size-base-08) !important;
731
+ [dir="ltr"] .x-margin--right-08 {
732
+ margin-right: var(--x-size-base-08) !important;
756
733
  }
757
- [dir="rtl"] .x-padding--right-08 {
758
- padding-left: var(--x-size-base-08) !important;
734
+ [dir="rtl"] .x-margin--right-08 {
735
+ margin-left: var(--x-size-base-08) !important;
759
736
  }
760
- [dir="ltr"] .x-padding--left-08 {
761
- padding-left: var(--x-size-base-08) !important;
737
+ [dir="ltr"] .x-margin--left-08 {
738
+ margin-left: var(--x-size-base-08) !important;
762
739
  }
763
- [dir="rtl"] .x-padding--left-08 {
764
- padding-right: var(--x-size-base-08) !important;
740
+ [dir="rtl"] .x-margin--left-08 {
741
+ margin-right: var(--x-size-base-08) !important;
765
742
  }
766
- .x-padding--top-09 {
767
- padding-top: var(--x-size-base-09) !important;
743
+ .x-margin--top-09 {
744
+ margin-top: var(--x-size-base-09) !important;
768
745
  }
769
- .x-padding--bottom-09 {
770
- padding-bottom: var(--x-size-base-09) !important;
746
+ .x-margin--bottom-09 {
747
+ margin-bottom: var(--x-size-base-09) !important;
771
748
  }
772
- [dir="ltr"] .x-padding--right-09 {
773
- padding-right: var(--x-size-base-09) !important;
749
+ [dir="ltr"] .x-margin--right-09 {
750
+ margin-right: var(--x-size-base-09) !important;
774
751
  }
775
- [dir="rtl"] .x-padding--right-09 {
776
- padding-left: var(--x-size-base-09) !important;
752
+ [dir="rtl"] .x-margin--right-09 {
753
+ margin-left: var(--x-size-base-09) !important;
777
754
  }
778
- [dir="ltr"] .x-padding--left-09 {
779
- padding-left: var(--x-size-base-09) !important;
755
+ [dir="ltr"] .x-margin--left-09 {
756
+ margin-left: var(--x-size-base-09) !important;
780
757
  }
781
- [dir="rtl"] .x-padding--left-09 {
782
- padding-right: var(--x-size-base-09) !important;
758
+ [dir="rtl"] .x-margin--left-09 {
759
+ margin-right: var(--x-size-base-09) !important;
783
760
  }
784
- .x-padding--top-10 {
785
- padding-top: var(--x-size-base-10) !important;
761
+ .x-margin--top-10 {
762
+ margin-top: var(--x-size-base-10) !important;
786
763
  }
787
- .x-padding--bottom-10 {
788
- padding-bottom: var(--x-size-base-10) !important;
764
+ .x-margin--bottom-10 {
765
+ margin-bottom: var(--x-size-base-10) !important;
789
766
  }
790
- [dir="ltr"] .x-padding--right-10 {
791
- padding-right: var(--x-size-base-10) !important;
767
+ [dir="ltr"] .x-margin--right-10 {
768
+ margin-right: var(--x-size-base-10) !important;
792
769
  }
793
- [dir="rtl"] .x-padding--right-10 {
794
- padding-left: var(--x-size-base-10) !important;
770
+ [dir="rtl"] .x-margin--right-10 {
771
+ margin-left: var(--x-size-base-10) !important;
795
772
  }
796
- [dir="ltr"] .x-padding--left-10 {
797
- padding-left: var(--x-size-base-10) !important;
773
+ [dir="ltr"] .x-margin--left-10 {
774
+ margin-left: var(--x-size-base-10) !important;
798
775
  }
799
- [dir="rtl"] .x-padding--left-10 {
800
- padding-right: var(--x-size-base-10) !important;
776
+ [dir="rtl"] .x-margin--left-10 {
777
+ margin-right: var(--x-size-base-10) !important;
801
778
  }
802
- .x-padding--top-11 {
803
- padding-top: var(--x-size-base-11) !important;
779
+ .x-margin--top-11 {
780
+ margin-top: var(--x-size-base-11) !important;
804
781
  }
805
- .x-padding--bottom-11 {
806
- padding-bottom: var(--x-size-base-11) !important;
782
+ .x-margin--bottom-11 {
783
+ margin-bottom: var(--x-size-base-11) !important;
807
784
  }
808
- [dir="ltr"] .x-padding--right-11 {
809
- padding-right: var(--x-size-base-11) !important;
785
+ [dir="ltr"] .x-margin--right-11 {
786
+ margin-right: var(--x-size-base-11) !important;
810
787
  }
811
- [dir="rtl"] .x-padding--right-11 {
812
- padding-left: var(--x-size-base-11) !important;
788
+ [dir="rtl"] .x-margin--right-11 {
789
+ margin-left: var(--x-size-base-11) !important;
813
790
  }
814
- [dir="ltr"] .x-padding--left-11 {
815
- padding-left: var(--x-size-base-11) !important;
791
+ [dir="ltr"] .x-margin--left-11 {
792
+ margin-left: var(--x-size-base-11) !important;
816
793
  }
817
- [dir="rtl"] .x-padding--left-11 {
818
- padding-right: var(--x-size-base-11) !important;
794
+ [dir="rtl"] .x-margin--left-11 {
795
+ margin-right: var(--x-size-base-11) !important;
819
796
  }
820
- .x-padding--top-12 {
821
- padding-top: var(--x-size-base-12) !important;
797
+ .x-margin--top-12 {
798
+ margin-top: var(--x-size-base-12) !important;
822
799
  }
823
- .x-padding--bottom-12 {
824
- padding-bottom: var(--x-size-base-12) !important;
800
+ .x-margin--bottom-12 {
801
+ margin-bottom: var(--x-size-base-12) !important;
825
802
  }
826
- [dir="ltr"] .x-padding--right-12 {
827
- padding-right: var(--x-size-base-12) !important;
803
+ [dir="ltr"] .x-margin--right-12 {
804
+ margin-right: var(--x-size-base-12) !important;
828
805
  }
829
- [dir="rtl"] .x-padding--right-12 {
830
- padding-left: var(--x-size-base-12) !important;
806
+ [dir="rtl"] .x-margin--right-12 {
807
+ margin-left: var(--x-size-base-12) !important;
831
808
  }
832
- [dir="ltr"] .x-padding--left-12 {
833
- padding-left: var(--x-size-base-12) !important;
809
+ [dir="ltr"] .x-margin--left-12 {
810
+ margin-left: var(--x-size-base-12) !important;
834
811
  }
835
- [dir="rtl"] .x-padding--left-12 {
836
- padding-right: var(--x-size-base-12) !important;
812
+ [dir="rtl"] .x-margin--left-12 {
813
+ margin-right: var(--x-size-base-12) !important;
837
814
  }
838
- .x-padding--top-13 {
839
- padding-top: var(--x-size-base-13) !important;
815
+ .x-margin--top-13 {
816
+ margin-top: var(--x-size-base-13) !important;
840
817
  }
841
- .x-padding--bottom-13 {
842
- padding-bottom: var(--x-size-base-13) !important;
818
+ .x-margin--bottom-13 {
819
+ margin-bottom: var(--x-size-base-13) !important;
843
820
  }
844
- [dir="ltr"] .x-padding--right-13 {
845
- padding-right: var(--x-size-base-13) !important;
821
+ [dir="ltr"] .x-margin--right-13 {
822
+ margin-right: var(--x-size-base-13) !important;
846
823
  }
847
- [dir="rtl"] .x-padding--right-13 {
848
- padding-left: var(--x-size-base-13) !important;
824
+ [dir="rtl"] .x-margin--right-13 {
825
+ margin-left: var(--x-size-base-13) !important;
849
826
  }
850
- [dir="ltr"] .x-padding--left-13 {
851
- padding-left: var(--x-size-base-13) !important;
827
+ [dir="ltr"] .x-margin--left-13 {
828
+ margin-left: var(--x-size-base-13) !important;
852
829
  }
853
- [dir="rtl"] .x-padding--left-13 {
854
- padding-right: var(--x-size-base-13) !important;
830
+ [dir="rtl"] .x-margin--left-13 {
831
+ margin-right: var(--x-size-base-13) !important;
855
832
  }
856
- .x-padding--top-14 {
857
- padding-top: var(--x-size-base-14) !important;
833
+ .x-margin--top-14 {
834
+ margin-top: var(--x-size-base-14) !important;
858
835
  }
859
- .x-padding--bottom-14 {
860
- padding-bottom: var(--x-size-base-14) !important;
836
+ .x-margin--bottom-14 {
837
+ margin-bottom: var(--x-size-base-14) !important;
861
838
  }
862
- [dir="ltr"] .x-padding--right-14 {
863
- padding-right: var(--x-size-base-14) !important;
839
+ [dir="ltr"] .x-margin--right-14 {
840
+ margin-right: var(--x-size-base-14) !important;
864
841
  }
865
- [dir="rtl"] .x-padding--right-14 {
866
- padding-left: var(--x-size-base-14) !important;
842
+ [dir="rtl"] .x-margin--right-14 {
843
+ margin-left: var(--x-size-base-14) !important;
867
844
  }
868
- [dir="ltr"] .x-padding--left-14 {
869
- padding-left: var(--x-size-base-14) !important;
845
+ [dir="ltr"] .x-margin--left-14 {
846
+ margin-left: var(--x-size-base-14) !important;
870
847
  }
871
- [dir="rtl"] .x-padding--left-14 {
872
- padding-right: var(--x-size-base-14) !important;
848
+ [dir="rtl"] .x-margin--left-14 {
849
+ margin-right: var(--x-size-base-14) !important;
873
850
  }
874
- .x-padding--top-15 {
875
- padding-top: var(--x-size-base-15) !important;
851
+ .x-margin--top-15 {
852
+ margin-top: var(--x-size-base-15) !important;
876
853
  }
877
- .x-padding--bottom-15 {
878
- padding-bottom: var(--x-size-base-15) !important;
854
+ .x-margin--bottom-15 {
855
+ margin-bottom: var(--x-size-base-15) !important;
879
856
  }
880
- [dir="ltr"] .x-padding--right-15 {
881
- padding-right: var(--x-size-base-15) !important;
857
+ [dir="ltr"] .x-margin--right-15 {
858
+ margin-right: var(--x-size-base-15) !important;
882
859
  }
883
- [dir="rtl"] .x-padding--right-15 {
884
- padding-left: var(--x-size-base-15) !important;
860
+ [dir="rtl"] .x-margin--right-15 {
861
+ margin-left: var(--x-size-base-15) !important;
885
862
  }
886
- [dir="ltr"] .x-padding--left-15 {
887
- padding-left: var(--x-size-base-15) !important;
863
+ [dir="ltr"] .x-margin--left-15 {
864
+ margin-left: var(--x-size-base-15) !important;
888
865
  }
889
- [dir="rtl"] .x-padding--left-15 {
890
- padding-right: var(--x-size-base-15) !important;
866
+ [dir="rtl"] .x-margin--left-15 {
867
+ margin-right: var(--x-size-base-15) !important;
891
868
  }
892
- .x-padding--top-16 {
893
- padding-top: var(--x-size-base-16) !important;
869
+ .x-margin--top-16 {
870
+ margin-top: var(--x-size-base-16) !important;
894
871
  }
895
- .x-padding--bottom-16 {
896
- padding-bottom: var(--x-size-base-16) !important;
872
+ .x-margin--bottom-16 {
873
+ margin-bottom: var(--x-size-base-16) !important;
897
874
  }
898
- [dir="ltr"] .x-padding--right-16 {
899
- padding-right: var(--x-size-base-16) !important;
875
+ [dir="ltr"] .x-margin--right-16 {
876
+ margin-right: var(--x-size-base-16) !important;
900
877
  }
901
- [dir="rtl"] .x-padding--right-16 {
902
- padding-left: var(--x-size-base-16) !important;
878
+ [dir="rtl"] .x-margin--right-16 {
879
+ margin-left: var(--x-size-base-16) !important;
903
880
  }
904
- [dir="ltr"] .x-padding--left-16 {
905
- padding-left: var(--x-size-base-16) !important;
881
+ [dir="ltr"] .x-margin--left-16 {
882
+ margin-left: var(--x-size-base-16) !important;
906
883
  }
907
- [dir="rtl"] .x-padding--left-16 {
908
- padding-right: var(--x-size-base-16) !important;
884
+ [dir="rtl"] .x-margin--left-16 {
885
+ margin-right: var(--x-size-base-16) !important;
909
886
  }
910
- .x-padding--top-17 {
911
- padding-top: var(--x-size-base-17) !important;
887
+ .x-margin--top-17 {
888
+ margin-top: var(--x-size-base-17) !important;
912
889
  }
913
- .x-padding--bottom-17 {
914
- padding-bottom: var(--x-size-base-17) !important;
890
+ .x-margin--bottom-17 {
891
+ margin-bottom: var(--x-size-base-17) !important;
915
892
  }
916
- [dir="ltr"] .x-padding--right-17 {
917
- padding-right: var(--x-size-base-17) !important;
893
+ [dir="ltr"] .x-margin--right-17 {
894
+ margin-right: var(--x-size-base-17) !important;
918
895
  }
919
- [dir="rtl"] .x-padding--right-17 {
920
- padding-left: var(--x-size-base-17) !important;
896
+ [dir="rtl"] .x-margin--right-17 {
897
+ margin-left: var(--x-size-base-17) !important;
921
898
  }
922
- [dir="ltr"] .x-padding--left-17 {
923
- padding-left: var(--x-size-base-17) !important;
899
+ [dir="ltr"] .x-margin--left-17 {
900
+ margin-left: var(--x-size-base-17) !important;
924
901
  }
925
- [dir="rtl"] .x-padding--left-17 {
926
- padding-right: var(--x-size-base-17) !important;
902
+ [dir="rtl"] .x-margin--left-17 {
903
+ margin-right: var(--x-size-base-17) !important;
927
904
  }
928
- .x-padding--top-18 {
929
- padding-top: var(--x-size-base-18) !important;
905
+ .x-margin--top-18 {
906
+ margin-top: var(--x-size-base-18) !important;
930
907
  }
931
- .x-padding--bottom-18 {
932
- padding-bottom: var(--x-size-base-18) !important;
908
+ .x-margin--bottom-18 {
909
+ margin-bottom: var(--x-size-base-18) !important;
933
910
  }
934
- [dir="ltr"] .x-padding--right-18 {
935
- padding-right: var(--x-size-base-18) !important;
911
+ [dir="ltr"] .x-margin--right-18 {
912
+ margin-right: var(--x-size-base-18) !important;
936
913
  }
937
- [dir="rtl"] .x-padding--right-18 {
938
- padding-left: var(--x-size-base-18) !important;
914
+ [dir="rtl"] .x-margin--right-18 {
915
+ margin-left: var(--x-size-base-18) !important;
939
916
  }
940
- [dir="ltr"] .x-padding--left-18 {
941
- padding-left: var(--x-size-base-18) !important;
917
+ [dir="ltr"] .x-margin--left-18 {
918
+ margin-left: var(--x-size-base-18) !important;
942
919
  }
943
- [dir="rtl"] .x-padding--left-18 {
944
- padding-right: var(--x-size-base-18) !important;
920
+ [dir="rtl"] .x-margin--left-18 {
921
+ margin-right: var(--x-size-base-18) !important;
945
922
  }
946
- .x-padding--top-19 {
947
- padding-top: var(--x-size-base-19) !important;
923
+ .x-margin--top-19 {
924
+ margin-top: var(--x-size-base-19) !important;
948
925
  }
949
- .x-padding--bottom-19 {
950
- padding-bottom: var(--x-size-base-19) !important;
926
+ .x-margin--bottom-19 {
927
+ margin-bottom: var(--x-size-base-19) !important;
951
928
  }
952
- [dir="ltr"] .x-padding--right-19 {
953
- padding-right: var(--x-size-base-19) !important;
929
+ [dir="ltr"] .x-margin--right-19 {
930
+ margin-right: var(--x-size-base-19) !important;
954
931
  }
955
- [dir="rtl"] .x-padding--right-19 {
956
- padding-left: var(--x-size-base-19) !important;
932
+ [dir="rtl"] .x-margin--right-19 {
933
+ margin-left: var(--x-size-base-19) !important;
957
934
  }
958
- [dir="ltr"] .x-padding--left-19 {
959
- padding-left: var(--x-size-base-19) !important;
935
+ [dir="ltr"] .x-margin--left-19 {
936
+ margin-left: var(--x-size-base-19) !important;
960
937
  }
961
- [dir="rtl"] .x-padding--left-19 {
962
- padding-right: var(--x-size-base-19) !important;
938
+ [dir="rtl"] .x-margin--left-19 {
939
+ margin-right: var(--x-size-base-19) !important;
963
940
  }
964
- .x-padding--top-20 {
965
- padding-top: var(--x-size-base-20) !important;
941
+ .x-margin--top-20 {
942
+ margin-top: var(--x-size-base-20) !important;
966
943
  }
967
- .x-padding--bottom-20 {
968
- padding-bottom: var(--x-size-base-20) !important;
944
+ .x-margin--bottom-20 {
945
+ margin-bottom: var(--x-size-base-20) !important;
969
946
  }
970
- [dir="ltr"] .x-padding--right-20 {
971
- padding-right: var(--x-size-base-20) !important;
947
+ [dir="ltr"] .x-margin--right-20 {
948
+ margin-right: var(--x-size-base-20) !important;
972
949
  }
973
- [dir="rtl"] .x-padding--right-20 {
974
- padding-left: var(--x-size-base-20) !important;
950
+ [dir="rtl"] .x-margin--right-20 {
951
+ margin-left: var(--x-size-base-20) !important;
975
952
  }
976
- [dir="ltr"] .x-padding--left-20 {
977
- padding-left: var(--x-size-base-20) !important;
953
+ [dir="ltr"] .x-margin--left-20 {
954
+ margin-left: var(--x-size-base-20) !important;
978
955
  }
979
- [dir="rtl"] .x-padding--left-20 {
980
- padding-right: var(--x-size-base-20) !important;
956
+ [dir="rtl"] .x-margin--left-20 {
957
+ margin-right: var(--x-size-base-20) !important;
981
958
  }
982
959
  .x-line-clamp--2 {
983
960
  overflow: hidden !important;
@@ -1013,6 +990,38 @@
1013
990
  -webkit-box-orient: vertical !important;
1014
991
  -webkit-line-clamp: 6 !important;
1015
992
  }
993
+ .x-line-height--none {
994
+ line-height: 1 !important;
995
+ }
996
+
997
+ .x-line-height--tight {
998
+ line-height: 1.25 !important;
999
+ }
1000
+
1001
+ .x-line-height--snug {
1002
+ line-height: 1.375 !important;
1003
+ }
1004
+
1005
+ .x-line-height--normal {
1006
+ line-height: 1.5 !important;
1007
+ }
1008
+
1009
+ .x-line-height--relaxed {
1010
+ line-height: 1.625 !important;
1011
+ }
1012
+
1013
+ .x-line-height--loose {
1014
+ line-height: 2 !important;
1015
+ }
1016
+ .x-font-weight--light {
1017
+ font-weight: var(--x-number-font-weight-base-light) !important;
1018
+ }
1019
+ .x-font-weight--regular {
1020
+ font-weight: var(--x-number-font-weight-base-regular) !important;
1021
+ }
1022
+ .x-font-weight--bold {
1023
+ font-weight: var(--x-number-font-weight-base-bold) !important;
1024
+ }
1016
1025
  .x-font-size--01 {
1017
1026
  font-size: var(--x-size-base-01) !important;
1018
1027
  line-height: 1.5;
@@ -1093,15 +1102,6 @@
1093
1102
  font-size: var(--x-size-base-20) !important;
1094
1103
  line-height: 1.5;
1095
1104
  }
1096
- .x-font-weight--light {
1097
- font-weight: var(--x-number-font-weight-base-light) !important;
1098
- }
1099
- .x-font-weight--regular {
1100
- font-weight: var(--x-number-font-weight-base-regular) !important;
1101
- }
1102
- .x-font-weight--bold {
1103
- font-weight: var(--x-number-font-weight-base-bold) !important;
1104
- }
1105
1105
  .x-font-color--lead {
1106
1106
  color: var(--x-color-base-lead) !important;
1107
1107
  }
@@ -3372,11 +3372,29 @@
3372
3372
  .x-text--stroke.x-title3 {
3373
3373
  --x-string-text-decoration-title3: line-through;
3374
3374
  }
3375
- .x-text--stroke.x-small {
3376
- --x-string-text-decoration-small: line-through;
3375
+ .x-text--stroke.x-small {
3376
+ --x-string-text-decoration-small: line-through;
3377
+ }
3378
+ :root {
3379
+ --x-color-text-secondary: var(--x-color-base-neutral-35);
3380
+ }
3381
+ .x-text--secondary {
3382
+ --x-color-text-default: var(--x-color-text-secondary);
3383
+ }
3384
+ .x-text--light.x-text {
3385
+ --x-number-font-weight-text: var(--x-number-font-weight-base-light);
3386
+ }
3387
+ .x-text--light.x-title1 {
3388
+ --x-number-font-weight-title1: var(--x-number-font-weight-base-light);
3389
+ }
3390
+ .x-text--light.x-title2 {
3391
+ --x-number-font-weight-title2: var(--x-number-font-weight-base-light);
3392
+ }
3393
+ .x-text--light.x-title3 {
3394
+ --x-number-font-weight-title3: var(--x-number-font-weight-base-light);
3377
3395
  }
3378
- :root {
3379
- --x-color-text-secondary: var(--x-color-base-neutral-35);
3396
+ .x-text--light.x-small {
3397
+ --x-number-font-weight-small: var(--x-number-font-weight-base-light);
3380
3398
  }
3381
3399
  :root {
3382
3400
  --x-font-family-base: "Montserrat", sans-serif;
@@ -3418,24 +3436,6 @@
3418
3436
  --x-size-line-height-small: var(--x-size-line-height-base-s);
3419
3437
  --x-string-text-decoration-small: none;
3420
3438
  }
3421
- .x-text--light.x-text {
3422
- --x-number-font-weight-text: var(--x-number-font-weight-base-light);
3423
- }
3424
- .x-text--light.x-title1 {
3425
- --x-number-font-weight-title1: var(--x-number-font-weight-base-light);
3426
- }
3427
- .x-text--light.x-title2 {
3428
- --x-number-font-weight-title2: var(--x-number-font-weight-base-light);
3429
- }
3430
- .x-text--light.x-title3 {
3431
- --x-number-font-weight-title3: var(--x-number-font-weight-base-light);
3432
- }
3433
- .x-text--light.x-small {
3434
- --x-number-font-weight-small: var(--x-number-font-weight-base-light);
3435
- }
3436
- .x-text--secondary {
3437
- --x-color-text-default: var(--x-color-text-secondary);
3438
- }
3439
3439
  :root {
3440
3440
  --x-font-family-base: "Montserrat", sans-serif;
3441
3441
  --x-size-font-base-xs: 12px;
@@ -3538,9 +3538,6 @@
3538
3538
  overflow: hidden;
3539
3539
  white-space: nowrap;
3540
3540
  }
3541
- :root {
3542
- --x-color-text-accent: var(--x-color-base-accent);
3543
- }
3544
3541
  .x-text--bold.x-text {
3545
3542
  --x-number-font-weight-text: var(--x-number-font-weight-base-bold);
3546
3543
  }
@@ -3556,6 +3553,9 @@
3556
3553
  .x-text--bold.x-small {
3557
3554
  --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
3558
3555
  }
3556
+ :root {
3557
+ --x-color-text-accent: var(--x-color-base-accent);
3558
+ }
3559
3559
  .x-text--accent {
3560
3560
  --x-color-text-default: var(--x-color-text-accent);
3561
3561
  }
@@ -3566,13 +3566,6 @@
3566
3566
  --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3567
3567
  --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3568
3568
  }
3569
- :root {
3570
- --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3571
- --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
3572
- --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
3573
- --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3574
- --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3575
- }
3576
3569
 
3577
3570
  .x-tag--pill.x-tag,
3578
3571
  .x-tag--pill .x-tag {
@@ -3584,6 +3577,13 @@
3584
3577
  );
3585
3578
  --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-pill);
3586
3579
  }
3580
+ :root {
3581
+ --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3582
+ --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
3583
+ --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
3584
+ --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3585
+ --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3586
+ }
3587
3587
  :root {
3588
3588
  --x-color-background-tag-ghost: transparent;
3589
3589
  --x-color-border-tag-ghost: transparent;
@@ -3959,6 +3959,47 @@
3959
3959
  --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
3960
3960
  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
3961
3961
  }
3962
+ :root {
3963
+ --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3964
+ --x-color-text-suggestion-group-matching-part-default: var(
3965
+ --x-color-text-suggestion-matching-part-default
3966
+ );
3967
+ --x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
3968
+ --x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
3969
+ --x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
3970
+ --x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
3971
+ --x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
3972
+ --x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
3973
+ --x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
3974
+ --x-size-border-width-suggestion-group-default: 0;
3975
+ --x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
3976
+ --x-size-border-width-right-suggestion-group-default: var(
3977
+ --x-size-border-width-suggestion-default
3978
+ );
3979
+ --x-size-border-width-bottom-suggestion-group-default: var(
3980
+ --x-size-border-width-suggestion-default
3981
+ );
3982
+ --x-size-border-width-left-suggestion-group-default: var(
3983
+ --x-size-border-width-suggestion-default
3984
+ );
3985
+ --x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
3986
+ --x-size-border-radius-top-left-suggestion-group-default: var(
3987
+ --x-size-border-radius-suggestion-default
3988
+ );
3989
+ --x-size-border-radius-top-right-suggestion-group-default: var(
3990
+ --x-size-border-radius-suggestion-default
3991
+ );
3992
+ --x-size-border-radius-bottom-right-suggestion-group-default: var(
3993
+ --x-size-border-radius-suggestion-default
3994
+ );
3995
+ --x-size-border-radius-bottom-left-suggestion-group-default: var(
3996
+ --x-size-border-radius-suggestion-default
3997
+ );
3998
+ --x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
3999
+ --x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
4000
+ --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
4001
+ --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
4002
+ }
3962
4003
 
3963
4004
  [dir="ltr"] .x-suggestion-group {
3964
4005
  padding-left: var(--x-size-padding-left-suggestion-group-default);
@@ -4034,47 +4075,6 @@
4034
4075
  --x-size-padding-left-button-default: 0;
4035
4076
  border: none;
4036
4077
  }
4037
- :root {
4038
- --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
4039
- --x-color-text-suggestion-group-matching-part-default: var(
4040
- --x-color-text-suggestion-matching-part-default
4041
- );
4042
- --x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
4043
- --x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
4044
- --x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
4045
- --x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
4046
- --x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
4047
- --x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
4048
- --x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
4049
- --x-size-border-width-suggestion-group-default: 0;
4050
- --x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
4051
- --x-size-border-width-right-suggestion-group-default: var(
4052
- --x-size-border-width-suggestion-default
4053
- );
4054
- --x-size-border-width-bottom-suggestion-group-default: var(
4055
- --x-size-border-width-suggestion-default
4056
- );
4057
- --x-size-border-width-left-suggestion-group-default: var(
4058
- --x-size-border-width-suggestion-default
4059
- );
4060
- --x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
4061
- --x-size-border-radius-top-left-suggestion-group-default: var(
4062
- --x-size-border-radius-suggestion-default
4063
- );
4064
- --x-size-border-radius-top-right-suggestion-group-default: var(
4065
- --x-size-border-radius-suggestion-default
4066
- );
4067
- --x-size-border-radius-bottom-right-suggestion-group-default: var(
4068
- --x-size-border-radius-suggestion-default
4069
- );
4070
- --x-size-border-radius-bottom-left-suggestion-group-default: var(
4071
- --x-size-border-radius-suggestion-default
4072
- );
4073
- --x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
4074
- --x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
4075
- --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
4076
- --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
4077
- }
4078
4078
  :root {
4079
4079
  --x-string-align-items-suggestion-default: center;
4080
4080
  --x-color-text-suggestion-default: var(--x-color-text-default);
@@ -4393,51 +4393,6 @@
4393
4393
  --x-size-padding-sliding-panel-button: var(--x-size-base-03);
4394
4394
  --x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
4395
4395
  }
4396
- :root {
4397
- --x-string-overflow-scroll: auto;
4398
- --x-color-background-scroll-bar: transparent;
4399
- --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4400
- --x-color-background-scroll-bar-hover: transparent;
4401
- --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4402
- }
4403
-
4404
- .x-scroll {
4405
- overflow-y: var(--x-string-overflow-scroll);
4406
- }
4407
- @media (hover: hover) {
4408
- .x-scroll {
4409
- scrollbar-width: auto;
4410
- scrollbar-color: var(--x-color-thumb-scroll-bar) var(--x-color-background-scroll-bar);
4411
- }
4412
- .x-scroll::-webkit-scrollbar {
4413
- width: 17px;
4414
- }
4415
- .x-scroll::-webkit-scrollbar-track {
4416
- background: var(--x-color-background-scroll-bar);
4417
- }
4418
- .x-scroll::-webkit-scrollbar-thumb {
4419
- width: 5px;
4420
- border-radius: 15px;
4421
- background: var(--x-color-thumb-scroll-bar);
4422
- background-clip: content-box;
4423
- border: solid 4px rgba(0, 0, 0, 0.00001);
4424
- }
4425
- .x-scroll:hover {
4426
- --x-color-background-scroll-bar: var(--x-color-background-scroll-bar-hover);
4427
- --x-color-thumb-scroll-bar: var(--x-color-thumb-scroll-bar-hover);
4428
- }
4429
- }
4430
-
4431
- .x-base-scroll {
4432
- overflow-y: var(--x-string-overflow-scroll, auto);
4433
- }
4434
- :root {
4435
- --x-string-overflow-scroll: auto;
4436
- --x-color-background-scroll-bar: transparent;
4437
- --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4438
- --x-color-background-scroll-bar-hover: transparent;
4439
- --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4440
- }
4441
4396
  .x-sliding-panel {
4442
4397
  z-index: 0;
4443
4398
  background-color: var(--x-color-background-sliding-panel);
@@ -4492,6 +4447,59 @@
4492
4447
  opacity: 1;
4493
4448
  pointer-events: all;
4494
4449
  }
4450
+ :root {
4451
+ --x-string-overflow-scroll: auto;
4452
+ --x-color-background-scroll-bar: transparent;
4453
+ --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4454
+ --x-color-background-scroll-bar-hover: transparent;
4455
+ --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4456
+ }
4457
+ :root {
4458
+ --x-string-overflow-scroll: auto;
4459
+ --x-color-background-scroll-bar: transparent;
4460
+ --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4461
+ --x-color-background-scroll-bar-hover: transparent;
4462
+ --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4463
+ }
4464
+
4465
+ .x-scroll {
4466
+ overflow-y: var(--x-string-overflow-scroll);
4467
+ }
4468
+ @media (hover: hover) {
4469
+ .x-scroll {
4470
+ scrollbar-width: auto;
4471
+ scrollbar-color: var(--x-color-thumb-scroll-bar) var(--x-color-background-scroll-bar);
4472
+ }
4473
+ .x-scroll::-webkit-scrollbar {
4474
+ width: 17px;
4475
+ }
4476
+ .x-scroll::-webkit-scrollbar-track {
4477
+ background: var(--x-color-background-scroll-bar);
4478
+ }
4479
+ .x-scroll::-webkit-scrollbar-thumb {
4480
+ width: 5px;
4481
+ border-radius: 15px;
4482
+ background: var(--x-color-thumb-scroll-bar);
4483
+ background-clip: content-box;
4484
+ border: solid 4px rgba(0, 0, 0, 0.00001);
4485
+ }
4486
+ .x-scroll:hover {
4487
+ --x-color-background-scroll-bar: var(--x-color-background-scroll-bar-hover);
4488
+ --x-color-thumb-scroll-bar: var(--x-color-thumb-scroll-bar-hover);
4489
+ }
4490
+ }
4491
+
4492
+ .x-base-scroll {
4493
+ overflow-y: var(--x-string-overflow-scroll, auto);
4494
+ }
4495
+ /* @deprecated */
4496
+ :root {
4497
+ --x-size-padding-row-02: var(--x-size-base-02);
4498
+ --x-size-padding-row-03: var(--x-size-base-03);
4499
+ --x-size-padding-row-04: var(--x-size-base-04);
4500
+ --x-size-padding-row-05: var(--x-size-base-05);
4501
+ --x-size-padding-row-06: var(--x-size-base-06);
4502
+ }
4495
4503
  /* @deprecated */
4496
4504
  :root {
4497
4505
  --x-size-padding-row-02: var(--x-size-base-02);
@@ -4521,14 +4529,6 @@
4521
4529
  .x-row--padding-06 {
4522
4530
  --x-size-padding-row: var(--x-size-padding-row-06);
4523
4531
  }
4524
- /* @deprecated */
4525
- :root {
4526
- --x-size-padding-row-02: var(--x-size-base-02);
4527
- --x-size-padding-row-03: var(--x-size-base-03);
4528
- --x-size-padding-row-04: var(--x-size-base-04);
4529
- --x-size-padding-row-05: var(--x-size-base-05);
4530
- --x-size-padding-row-06: var(--x-size-base-06);
4531
- }
4532
4532
  :root {
4533
4533
  --x-size-gap-row-01: var(--x-size-base-01);
4534
4534
  --x-size-gap-row-02: var(--x-size-base-02);
@@ -4551,14 +4551,6 @@
4551
4551
  --x-size-gap-row-19: var(--x-size-base-19);
4552
4552
  --x-size-gap-row-20: var(--x-size-base-20);
4553
4553
  }
4554
- :root {
4555
- --x-size-gap-row: 0;
4556
- --x-size-padding-row: 0;
4557
- --x-size-justify-row: stretch;
4558
- --x-size-align-row: center;
4559
- --x-size-span-row-item: 1;
4560
- --x-size-start-row-item: 0;
4561
- }
4562
4554
  :root {
4563
4555
  --x-size-gap-row-01: var(--x-size-base-01);
4564
4556
  --x-size-gap-row-02: var(--x-size-base-02);
@@ -4669,6 +4661,14 @@
4669
4661
  --x-size-span-row-item: 1;
4670
4662
  --x-size-start-row-item: 0;
4671
4663
  }
4664
+ :root {
4665
+ --x-size-gap-row: 0;
4666
+ --x-size-padding-row: 0;
4667
+ --x-size-justify-row: stretch;
4668
+ --x-size-align-row: center;
4669
+ --x-size-span-row-item: 1;
4670
+ --x-size-start-row-item: 0;
4671
+ }
4672
4672
 
4673
4673
  .x-row {
4674
4674
  display: grid;
@@ -4806,6 +4806,9 @@
4806
4806
  --x-size-border-width-result-description-default: 0;
4807
4807
  --x-size-border-width-result-picture-default: 0;
4808
4808
  }
4809
+ :root {
4810
+ --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4811
+ }
4809
4812
  :root {
4810
4813
  --x-color-border-result-default: var(--x-color-base-lead);
4811
4814
  --x-color-border-result-overlay-default: var(--x-color-border-result-default);
@@ -4879,6 +4882,11 @@
4879
4882
  :root {
4880
4883
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4881
4884
  }
4885
+
4886
+ .x-result.x-result--card {
4887
+ overflow: hidden;
4888
+ --x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
4889
+ }
4882
4890
  :root {
4883
4891
  --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4884
4892
  --x-size-width-progress-bar-line-default: var(--x-size-base-20);
@@ -4888,14 +4896,6 @@
4888
4896
  --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4889
4897
  --x-size-border-width-progress-bar-default: 0;
4890
4898
  }
4891
- :root {
4892
- --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4893
- }
4894
-
4895
- .x-result.x-result--card {
4896
- overflow: hidden;
4897
- --x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
4898
- }
4899
4899
  :root {
4900
4900
  --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4901
4901
  --x-size-width-progress-bar-line-default: var(--x-size-base-20);
@@ -5021,12 +5021,6 @@
5021
5021
  .x-picture-image--placeholder > path {
5022
5022
  fill: var(--x-color-fill-picture-placeholder-path-default) !important;
5023
5023
  }
5024
- :root {
5025
- --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5026
- --x-mix-blend-mode-picture-colored: multiply;
5027
- --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5028
- --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5029
- }
5030
5024
  :root {
5031
5025
  --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5032
5026
  --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
@@ -5057,6 +5051,12 @@
5057
5051
  --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5058
5052
  --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5059
5053
  }
5054
+ :root {
5055
+ --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5056
+ --x-mix-blend-mode-picture-colored: multiply;
5057
+ --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5058
+ --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5059
+ }
5060
5060
 
5061
5061
  .x-picture--colored.x-picture {
5062
5062
  --x-color-background-picture-default: var(--x-color-background-picture-colored);
@@ -5077,6 +5077,21 @@
5077
5077
  --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5078
5078
  --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5079
5079
  }
5080
+ :root {
5081
+ --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5082
+ --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5083
+ --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5084
+ --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5085
+ --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5086
+ }
5087
+
5088
+ .x-picture--card.x-picture {
5089
+ --x-size-border-radius-picture-default: var(--x-size-border-radius-picture-card);
5090
+ --x-size-border-radius-top-picture-default: var(--x-size-border-radius-top-picture-card);
5091
+ --x-size-border-radius-right-picture-default: var(--x-size-border-radius-right-picture-card);
5092
+ --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-bottom-picture-card);
5093
+ --x-size-border-radius-left-picture-default: var(--x-size-border-radius-left-picture-card);
5094
+ }
5080
5095
  :root {
5081
5096
  --x-color-background-option-list-button-default: transparent;
5082
5097
  --x-color-border-option-list-button-default: transparent;
@@ -5157,21 +5172,6 @@
5157
5172
  --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5158
5173
  --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5159
5174
  }
5160
- :root {
5161
- --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5162
- --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5163
- --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5164
- --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5165
- --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5166
- }
5167
-
5168
- .x-picture--card.x-picture {
5169
- --x-size-border-radius-picture-default: var(--x-size-border-radius-picture-card);
5170
- --x-size-border-radius-top-picture-default: var(--x-size-border-radius-top-picture-card);
5171
- --x-size-border-radius-right-picture-default: var(--x-size-border-radius-right-picture-card);
5172
- --x-size-border-radius-bottom-picture-default: var(--x-size-border-radius-bottom-picture-card);
5173
- --x-size-border-radius-left-picture-default: var(--x-size-border-radius-left-picture-card);
5174
- }
5175
5175
  :root {
5176
5176
  --x-color-background-option-list-button-default: transparent;
5177
5177
  --x-color-border-option-list-button-default: transparent;
@@ -5409,51 +5409,6 @@
5409
5409
  --x-number-font-weight-base-regular
5410
5410
  );
5411
5411
  }
5412
- :root {
5413
- --x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
5414
- --x-color-text-option-list-button-bottom-selected-hover: var(
5415
- --x-color-text-option-list-button-bottom-selected
5416
- );
5417
- --x-color-text-option-list-button-bottom: var(--x-color-base-neutral-35);
5418
- --x-color-text-option-list-button-bottom-selected: var(--x-color-text-default);
5419
- --x-color-border-option-list-item-bottom: transparent;
5420
- --x-color-border-top-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5421
- --x-color-border-right-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5422
- --x-color-border-bottom-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5423
- --x-color-border-left-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5424
- --x-color-border-option-list-item-bottom-selected: var(--x-color-base-neutral-10);
5425
- --x-color-border-top-option-list-item-bottom-selected: var(
5426
- --x-color-border-option-list-item-bottom
5427
- );
5428
- --x-color-border-right-option-list-item-bottom-selected: var(
5429
- --x-color-border-option-list-item-bottom
5430
- );
5431
- --x-color-border-bottom-option-list-item-bottom-selected: var(
5432
- --x-color-border-option-list-item-bottom-selected
5433
- );
5434
- --x-color-border-left-option-list-item-bottom-selected: var(
5435
- --x-color-border-option-list-item-bottom
5436
- );
5437
- --x-size-border-width-option-list-item-bottom: var(--x-size-border-width-base);
5438
- --x-size-border-width-top-option-list-item-bottom: 0;
5439
- --x-size-border-width-right-option-list-item-bottom: 0;
5440
- --x-size-border-width-bottom-option-list-item-bottom: var(
5441
- --x-size-border-width-option-list-item-bottom
5442
- );
5443
- --x-size-border-width-left-option-list-item-bottom: 0;
5444
- --x-size-border-width-top-option-list-item-bottom-selected: 0;
5445
- --x-size-border-width-right-option-list-item-bottom-selected: 0;
5446
- --x-size-border-width-bottom-option-list-item-bottom-selected: var(
5447
- --x-size-border-width-option-list-item-bottom
5448
- );
5449
- --x-size-border-width-left-option-list-item-bottom-selected: 0;
5450
- --x-size-font-option-list-button-bottom: var(--x-size-font-text);
5451
- --x-font-decoration-option-list-button-bottom-hover: none;
5452
- --x-number-font-weight-option-list-button-bottom: var(--x-number-font-weight-base-regular);
5453
- --x-number-font-weight-option-list-button-bottom-selected: var(
5454
- --x-number-font-weight-base-regular
5455
- );
5456
- }
5457
5412
 
5458
5413
  .x-option-list--bottom.x-option-list,
5459
5414
  .x-option-list--bottom .x-option-list {
@@ -5540,6 +5495,55 @@
5540
5495
  --x-size-border-width-bottom-option-list-item-default: inherit;
5541
5496
  --x-size-border-width-left-option-list-item-default: inherit;
5542
5497
  }
5498
+ :root {
5499
+ --x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
5500
+ --x-color-text-option-list-button-bottom-selected-hover: var(
5501
+ --x-color-text-option-list-button-bottom-selected
5502
+ );
5503
+ --x-color-text-option-list-button-bottom: var(--x-color-base-neutral-35);
5504
+ --x-color-text-option-list-button-bottom-selected: var(--x-color-text-default);
5505
+ --x-color-border-option-list-item-bottom: transparent;
5506
+ --x-color-border-top-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5507
+ --x-color-border-right-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5508
+ --x-color-border-bottom-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5509
+ --x-color-border-left-option-list-item-bottom: var(--x-color-border-option-list-item-bottom);
5510
+ --x-color-border-option-list-item-bottom-selected: var(--x-color-base-neutral-10);
5511
+ --x-color-border-top-option-list-item-bottom-selected: var(
5512
+ --x-color-border-option-list-item-bottom
5513
+ );
5514
+ --x-color-border-right-option-list-item-bottom-selected: var(
5515
+ --x-color-border-option-list-item-bottom
5516
+ );
5517
+ --x-color-border-bottom-option-list-item-bottom-selected: var(
5518
+ --x-color-border-option-list-item-bottom-selected
5519
+ );
5520
+ --x-color-border-left-option-list-item-bottom-selected: var(
5521
+ --x-color-border-option-list-item-bottom
5522
+ );
5523
+ --x-size-border-width-option-list-item-bottom: var(--x-size-border-width-base);
5524
+ --x-size-border-width-top-option-list-item-bottom: 0;
5525
+ --x-size-border-width-right-option-list-item-bottom: 0;
5526
+ --x-size-border-width-bottom-option-list-item-bottom: var(
5527
+ --x-size-border-width-option-list-item-bottom
5528
+ );
5529
+ --x-size-border-width-left-option-list-item-bottom: 0;
5530
+ --x-size-border-width-top-option-list-item-bottom-selected: 0;
5531
+ --x-size-border-width-right-option-list-item-bottom-selected: 0;
5532
+ --x-size-border-width-bottom-option-list-item-bottom-selected: var(
5533
+ --x-size-border-width-option-list-item-bottom
5534
+ );
5535
+ --x-size-border-width-left-option-list-item-bottom-selected: 0;
5536
+ --x-size-font-option-list-button-bottom: var(--x-size-font-text);
5537
+ --x-font-decoration-option-list-button-bottom-hover: none;
5538
+ --x-number-font-weight-option-list-button-bottom: var(--x-number-font-weight-base-regular);
5539
+ --x-number-font-weight-option-list-button-bottom-selected: var(
5540
+ --x-number-font-weight-base-regular
5541
+ );
5542
+ }
5543
+ :root {
5544
+ --x-modal-overlay-color: rgb(0, 0, 0);
5545
+ --x-modal-overlay-opacity: 0.7;
5546
+ }
5543
5547
  :root {
5544
5548
  --x-modal-overlay-color: rgb(0, 0, 0);
5545
5549
  --x-modal-overlay-opacity: 0.7;
@@ -5549,10 +5553,6 @@
5549
5553
  background-color: var(--x-modal-overlay-color) !important;
5550
5554
  opacity: var(--x-modal-overlay-opacity) !important;
5551
5555
  }
5552
- :root {
5553
- --x-modal-overlay-color: rgb(0, 0, 0);
5554
- --x-modal-overlay-opacity: 0.7;
5555
- }
5556
5556
  :root {
5557
5557
  --x-string-justify-message-default: center;
5558
5558
  --x-size-gap-message-default: var(--x-size-base-03);
@@ -6553,6 +6553,14 @@
6553
6553
  --x-size-align-list: stretch;
6554
6554
  --x-size-align-list-stretch: stretch;
6555
6555
  }
6556
+ :root {
6557
+ --x-string-flow-list: column nowrap;
6558
+ --x-size-padding-list: 0;
6559
+ --x-size-gap-list: 0;
6560
+ --x-size-justify-list: stretch;
6561
+ --x-size-align-list: stretch;
6562
+ --x-size-align-list-stretch: stretch;
6563
+ }
6556
6564
 
6557
6565
  .x-list {
6558
6566
  display: flex;
@@ -6693,14 +6701,6 @@
6693
6701
  .x-list > .x-list__item--12 {
6694
6702
  flex: 12 1 auto;
6695
6703
  }
6696
- :root {
6697
- --x-string-flow-list: column nowrap;
6698
- --x-size-padding-list: 0;
6699
- --x-size-gap-list: 0;
6700
- --x-size-justify-list: stretch;
6701
- --x-size-align-list: stretch;
6702
- --x-size-align-list-stretch: stretch;
6703
- }
6704
6704
  :root {
6705
6705
  --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6706
6706
  --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
@@ -6835,6 +6835,49 @@
6835
6835
  );
6836
6836
  --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
6837
6837
  }
6838
+ :root {
6839
+ --x-color-background-input-group-default: var(--x-color-background-input-default);
6840
+ --x-color-border-input-group-default: var(--x-color-border-input-default);
6841
+ --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
6842
+ --x-color-text-input-group-default: var(--x-color-text-input-default);
6843
+ --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
6844
+ --x-size-height-input-group-default: var(--x-size-height-input-default);
6845
+ --x-size-gap-input-group-default: var(--x-size-base-03);
6846
+ --x-size-padding-left-input-group-default: var(--x-size-base-06);
6847
+ --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
6848
+ --x-size-padding-input-group-default-action: var(--x-size-base-03);
6849
+ --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
6850
+ --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
6851
+ --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
6852
+ --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
6853
+ --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
6854
+ --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
6855
+ --x-size-border-radius-top-left-input-group-default: var(
6856
+ --x-size-border-radius-input-group-default
6857
+ );
6858
+ --x-size-border-radius-top-right-input-group-default: var(
6859
+ --x-size-border-radius-input-group-default
6860
+ );
6861
+ --x-size-border-radius-bottom-right-input-group-default: var(
6862
+ --x-size-border-radius-input-group-default
6863
+ );
6864
+ --x-size-border-radius-bottom-left-input-group-default: var(
6865
+ --x-size-border-radius-input-group-default
6866
+ );
6867
+ --x-font-family-input-group-default: var(--x-font-family-input-default);
6868
+ --x-size-font-input-group-default: var(--x-size-font-input-default);
6869
+ --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
6870
+ --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
6871
+ --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
6872
+ --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
6873
+ --x-size-line-height-input-group-placeholder-default: var(
6874
+ --x-size-line-height-input-group-default
6875
+ );
6876
+ --x-number-font-weight-input-group-placeholder-default: var(
6877
+ --x-number-font-weight-input-group-default
6878
+ );
6879
+ --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
6880
+ }
6838
6881
 
6839
6882
  [dir="ltr"] .x-input-group {
6840
6883
  border-right-width: var(--x-size-border-width-right-input-group-default);
@@ -6978,6 +7021,15 @@
6978
7021
  );
6979
7022
  --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
6980
7023
  }
7024
+ :root {
7025
+ --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
7026
+ --x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
7027
+ --x-size-border-radius-top-right-input-group-card: var(--x-size-border-radius-input-group-card);
7028
+ --x-size-border-radius-bottom-right-input-group-card: var(
7029
+ --x-size-border-radius-input-group-card
7030
+ );
7031
+ --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
7032
+ }
6981
7033
 
6982
7034
  .x-input-group--card.x-input-group,
6983
7035
  .x-input-group--card .x-input-group {
@@ -7005,15 +7057,6 @@
7005
7057
  --x-size-border-radius-top-left-input-group-default: 0;
7006
7058
  --x-size-border-radius-bottom-left-input-group-default: 0;
7007
7059
  }
7008
- :root {
7009
- --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
7010
- --x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
7011
- --x-size-border-radius-top-right-input-group-card: var(--x-size-border-radius-input-group-card);
7012
- --x-size-border-radius-bottom-right-input-group-card: var(
7013
- --x-size-border-radius-input-group-card
7014
- );
7015
- --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
7016
- }
7017
7060
  :root {
7018
7061
  --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7019
7062
  --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
@@ -7249,6 +7292,10 @@
7249
7292
  --x-size-width-icon-s: var(--x-size-base-03);
7250
7293
  --x-size-height-icon-s: var(--x-size-base-03);
7251
7294
  }
7295
+ :root {
7296
+ --x-size-width-icon-m: var(--x-size-base-05);
7297
+ --x-size-height-icon-m: var(--x-size-base-05);
7298
+ }
7252
7299
  :root {
7253
7300
  --x-size-width-icon-s: var(--x-size-base-03);
7254
7301
  --x-size-height-icon-s: var(--x-size-base-03);
@@ -7262,10 +7309,6 @@
7262
7309
  --x-size-width-icon-m: var(--x-size-base-05);
7263
7310
  --x-size-height-icon-m: var(--x-size-base-05);
7264
7311
  }
7265
- :root {
7266
- --x-size-width-icon-m: var(--x-size-base-05);
7267
- --x-size-height-icon-m: var(--x-size-base-05);
7268
- }
7269
7312
 
7270
7313
  .x-icon--m {
7271
7314
  --x-size-width-icon-default: var(--x-size-width-icon-m);
@@ -7293,6 +7336,15 @@
7293
7336
  --x-string-stroke-linejoin-icon-default: mitter;
7294
7337
  --x-size-stroke-width-icon-default: 1px;
7295
7338
  }
7339
+ :root {
7340
+ --x-color-stroke-icon-default: currentColor;
7341
+ --x-color-fill-icon-default: none;
7342
+ --x-size-width-icon-default: var(--x-size-width-icon-m);
7343
+ --x-size-height-icon-default: var(--x-size-height-icon-m);
7344
+ --x-string-stroke-linecap-icon-default: butt;
7345
+ --x-string-stroke-linejoin-icon-default: mitter;
7346
+ --x-size-stroke-width-icon-default: 1px;
7347
+ }
7296
7348
 
7297
7349
  .x-icon {
7298
7350
  stroke: var(--x-color-stroke-icon-default);
@@ -7310,18 +7362,9 @@
7310
7362
  stroke-linejoin: var(--x-string-stroke-linejoin-icon-default);
7311
7363
  stroke-width: var(--x-size-stroke-width-icon-default);
7312
7364
  }
7313
- .x-icon.x-filled {
7314
- stroke: none;
7315
- fill: var(--x-color-stroke-icon-default);
7316
- }
7317
- :root {
7318
- --x-color-stroke-icon-default: currentColor;
7319
- --x-color-fill-icon-default: none;
7320
- --x-size-width-icon-default: var(--x-size-width-icon-m);
7321
- --x-size-height-icon-default: var(--x-size-height-icon-m);
7322
- --x-string-stroke-linecap-icon-default: butt;
7323
- --x-string-stroke-linejoin-icon-default: mitter;
7324
- --x-size-stroke-width-icon-default: 1px;
7365
+ .x-icon.x-filled {
7366
+ stroke: none;
7367
+ fill: var(--x-color-stroke-icon-default);
7325
7368
  }
7326
7369
  :root {
7327
7370
  --x-size-padding-grid: 0;
@@ -7367,38 +7410,6 @@
7367
7410
  --x-size-padding-bottom-filter-children: 0;
7368
7411
  --x-size-padding-left-filter-children: var(--x-size-base-05);
7369
7412
  }
7370
- :root {
7371
- --x-size-margin-filter-children: 0;
7372
- --x-size-padding-top-filter-children: 0;
7373
- --x-size-padding-right-filter-children: 0;
7374
- --x-size-padding-bottom-filter-children: 0;
7375
- --x-size-padding-left-filter-children: var(--x-size-base-05);
7376
- }
7377
-
7378
- .x-hierarchical-filter-container {
7379
- list-style: none;
7380
- }
7381
- [dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7382
- padding-left: var(--x-size-padding-left-filter-children);
7383
- }
7384
- [dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7385
- padding-right: var(--x-size-padding-left-filter-children);
7386
- }
7387
- [dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7388
- padding-right: var(--x-size-padding-right-filter-children);
7389
- }
7390
- [dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7391
- padding-left: var(--x-size-padding-right-filter-children);
7392
- }
7393
- .x-hierarchical-filter-container .x-hierarchical-filter__children, .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7394
- margin: var(--x-size-margin-filter-children);
7395
- padding-top: var(--x-size-padding-top-filter-children);
7396
- padding-bottom: var(--x-size-padding-bottom-filter-children);
7397
- }
7398
- .x-hierarchical-filter-container .x-hierarchical-filter-container,
7399
- .x-hierarchical-filter-container .x-filter, .x-hierarchical-filter-container .x-facet-filter {
7400
- width: 100%;
7401
- }
7402
7413
  :root {
7403
7414
  --x-color-background-filter-default: transparent;
7404
7415
  --x-color-border-filter-default: var(--x-color-background-filter-default);
@@ -7431,6 +7442,38 @@
7431
7442
  );
7432
7443
  --x-size-line-height-filter-default: var(--x-size-line-height-text);
7433
7444
  }
7445
+ :root {
7446
+ --x-size-margin-filter-children: 0;
7447
+ --x-size-padding-top-filter-children: 0;
7448
+ --x-size-padding-right-filter-children: 0;
7449
+ --x-size-padding-bottom-filter-children: 0;
7450
+ --x-size-padding-left-filter-children: var(--x-size-base-05);
7451
+ }
7452
+
7453
+ .x-hierarchical-filter-container {
7454
+ list-style: none;
7455
+ }
7456
+ [dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7457
+ padding-left: var(--x-size-padding-left-filter-children);
7458
+ }
7459
+ [dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7460
+ padding-right: var(--x-size-padding-left-filter-children);
7461
+ }
7462
+ [dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="ltr"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7463
+ padding-right: var(--x-size-padding-right-filter-children);
7464
+ }
7465
+ [dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children,[dir="rtl"] .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7466
+ padding-left: var(--x-size-padding-right-filter-children);
7467
+ }
7468
+ .x-hierarchical-filter-container .x-hierarchical-filter__children, .x-hierarchical-filter-container .x-hierarchical-filter__children.x-list {
7469
+ margin: var(--x-size-margin-filter-children);
7470
+ padding-top: var(--x-size-padding-top-filter-children);
7471
+ padding-bottom: var(--x-size-padding-bottom-filter-children);
7472
+ }
7473
+ .x-hierarchical-filter-container .x-hierarchical-filter-container,
7474
+ .x-hierarchical-filter-container .x-filter, .x-hierarchical-filter-container .x-facet-filter {
7475
+ width: 100%;
7476
+ }
7434
7477
  :root {
7435
7478
  --x-color-background-filter-default: transparent;
7436
7479
  --x-color-border-filter-default: var(--x-color-background-filter-default);
@@ -7650,6 +7693,39 @@
7650
7693
  --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7651
7694
  --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7652
7695
  }
7696
+ :root {
7697
+ --x-color-background-facet-default: transparent;
7698
+ --x-color-border-facet-default: var(--x-color-background-facet-default);
7699
+ --x-color-text-facet-default: var(--x-color-text-default);
7700
+ --x-color-background-facet-header-default: var(--x-color-background-facet-default);
7701
+ --x-color-border-facet-header-default: var(--x-color-background-facet-default);
7702
+ --x-size-border-width-facet-default: var(--x-size-border-width-base);
7703
+ --x-size-border-width-top-facet-default: var(--x-size-border-width-facet-default);
7704
+ --x-size-border-width-right-facet-default: var(--x-size-border-width-facet-default);
7705
+ --x-size-border-width-bottom-facet-default: var(--x-size-border-width-facet-default);
7706
+ --x-size-border-width-left-facet-default: var(--x-size-border-width-facet-default);
7707
+ --x-size-border-width-facet-header-default: var(--x-size-border-width-base);
7708
+ --x-size-border-width-top-facet-header-default: var(--x-size-border-width-facet-header-default);
7709
+ --x-size-border-width-right-facet-header-default: var(--x-size-border-width-facet-header-default);
7710
+ --x-size-border-width-bottom-facet-header-default: var(
7711
+ --x-size-border-width-facet-header-default
7712
+ );
7713
+ --x-size-border-width-left-facet-header-default: var(--x-size-border-width-facet-header-default);
7714
+ --x-size-border-radius-facet-default: var(--x-size-border-radius-base-none);
7715
+ --x-size-border-radius-top-left-facet-default: var(--x-size-border-radius-facet-default);
7716
+ --x-size-border-radius-top-right-facet-default: var(--x-size-border-radius-facet-default);
7717
+ --x-size-border-radius-bottom-right-facet-default: var(--x-size-border-radius-facet-default);
7718
+ --x-size-border-radius-bottom-left-facet-default: var(--x-size-border-radius-facet-default);
7719
+ --x-size-padding-top-facet-header-default: var(--x-size-base-03);
7720
+ --x-size-padding-right-facet-header-default: 0;
7721
+ --x-size-padding-bottom-facet-header-default: var(--x-size-base-03);
7722
+ --x-size-padding-left-facet-header-default: 0;
7723
+ --x-size-gap-facet-header-default: var(--x-size-base-03);
7724
+ --x-font-family-facet-default: var(--x-font-family-title3);
7725
+ --x-size-font-facet-default: var(--x-size-font-title3);
7726
+ --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7727
+ --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7728
+ }
7653
7729
 
7654
7730
  [dir="ltr"] .x-facet {
7655
7731
  border-right-width: var(--x-size-border-width-right-facet-default);
@@ -7744,39 +7820,6 @@
7744
7820
  .x-facet > *:first-child .x-icon:last-child:not(:first-child), .x-facet__header .x-icon:last-child:not(:first-child) {
7745
7821
  margin-left: auto;
7746
7822
  }
7747
- :root {
7748
- --x-color-background-facet-default: transparent;
7749
- --x-color-border-facet-default: var(--x-color-background-facet-default);
7750
- --x-color-text-facet-default: var(--x-color-text-default);
7751
- --x-color-background-facet-header-default: var(--x-color-background-facet-default);
7752
- --x-color-border-facet-header-default: var(--x-color-background-facet-default);
7753
- --x-size-border-width-facet-default: var(--x-size-border-width-base);
7754
- --x-size-border-width-top-facet-default: var(--x-size-border-width-facet-default);
7755
- --x-size-border-width-right-facet-default: var(--x-size-border-width-facet-default);
7756
- --x-size-border-width-bottom-facet-default: var(--x-size-border-width-facet-default);
7757
- --x-size-border-width-left-facet-default: var(--x-size-border-width-facet-default);
7758
- --x-size-border-width-facet-header-default: var(--x-size-border-width-base);
7759
- --x-size-border-width-top-facet-header-default: var(--x-size-border-width-facet-header-default);
7760
- --x-size-border-width-right-facet-header-default: var(--x-size-border-width-facet-header-default);
7761
- --x-size-border-width-bottom-facet-header-default: var(
7762
- --x-size-border-width-facet-header-default
7763
- );
7764
- --x-size-border-width-left-facet-header-default: var(--x-size-border-width-facet-header-default);
7765
- --x-size-border-radius-facet-default: var(--x-size-border-radius-base-none);
7766
- --x-size-border-radius-top-left-facet-default: var(--x-size-border-radius-facet-default);
7767
- --x-size-border-radius-top-right-facet-default: var(--x-size-border-radius-facet-default);
7768
- --x-size-border-radius-bottom-right-facet-default: var(--x-size-border-radius-facet-default);
7769
- --x-size-border-radius-bottom-left-facet-default: var(--x-size-border-radius-facet-default);
7770
- --x-size-padding-top-facet-header-default: var(--x-size-base-03);
7771
- --x-size-padding-right-facet-header-default: 0;
7772
- --x-size-padding-bottom-facet-header-default: var(--x-size-base-03);
7773
- --x-size-padding-left-facet-header-default: 0;
7774
- --x-size-gap-facet-header-default: var(--x-size-base-03);
7775
- --x-font-family-facet-default: var(--x-font-family-title3);
7776
- --x-size-font-facet-default: var(--x-size-font-title3);
7777
- --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7778
- --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7779
- }
7780
7823
  :root {
7781
7824
  --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7782
7825
  --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
@@ -7843,14 +7886,6 @@
7843
7886
  --x-size-border-width-bottom-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7844
7887
  --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7845
7888
  }
7846
- :root {
7847
- --x-size-gap-dropdown-pill: var(--x-size-base-03);
7848
- --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
7849
- --x-size-border-width-top-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7850
- --x-size-border-width-right-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7851
- --x-size-border-width-bottom-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7852
- --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7853
- }
7854
7889
 
7855
7890
  .x-dropdown--pill {
7856
7891
  --x-size-gap-dropdown-default: var(--x-size-gap-dropdown-pill);
@@ -7886,6 +7921,14 @@
7886
7921
  --x-size-border-width-left-dropdown-list-pill
7887
7922
  );
7888
7923
  }
7924
+ :root {
7925
+ --x-size-gap-dropdown-pill: var(--x-size-base-03);
7926
+ --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
7927
+ --x-size-border-width-top-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7928
+ --x-size-border-width-right-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7929
+ --x-size-border-width-bottom-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7930
+ --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7931
+ }
7889
7932
  :root {
7890
7933
  --x-size-width-dropdown-m: 130px;
7891
7934
  }
@@ -7920,30 +7963,6 @@
7920
7963
  --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7921
7964
  --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7922
7965
  }
7923
- :root {
7924
- --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
7925
- --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
7926
- --x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
7927
- --x-size-padding-right-dropdown-item-line: 0;
7928
- --x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
7929
- --x-size-padding-left-dropdown-item-line: 0;
7930
- --x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
7931
- --x-size-padding-right-dropdown-toggle-line: 0;
7932
- --x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
7933
- --x-size-padding-left-dropdown-toggle-line: 0;
7934
- --x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
7935
- --x-size-border-width-top-dropdown-toggle-line: 0;
7936
- --x-size-border-width-right-dropdown-toggle-line: 0;
7937
- --x-size-border-width-bottom-dropdown-toggle-line: var(
7938
- --x-size-border-width-dropdown-toggle-line
7939
- );
7940
- --x-size-border-width-left-dropdown-toggle-line: 0;
7941
- --x-size-border-width-dropdown-list-line: 0;
7942
- --x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7943
- --x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7944
- --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7945
- --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7946
- }
7947
7966
 
7948
7967
  .x-dropdown--line {
7949
7968
  --x-size-padding-top-dropdown-item-default: var(--x-size-padding-top-dropdown-item-line);
@@ -7984,7 +8003,28 @@
7984
8003
  );
7985
8004
  }
7986
8005
  :root {
7987
- --x-size-width-dropdown-l: 202px;
8006
+ --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
8007
+ --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
8008
+ --x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
8009
+ --x-size-padding-right-dropdown-item-line: 0;
8010
+ --x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
8011
+ --x-size-padding-left-dropdown-item-line: 0;
8012
+ --x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
8013
+ --x-size-padding-right-dropdown-toggle-line: 0;
8014
+ --x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
8015
+ --x-size-padding-left-dropdown-toggle-line: 0;
8016
+ --x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
8017
+ --x-size-border-width-top-dropdown-toggle-line: 0;
8018
+ --x-size-border-width-right-dropdown-toggle-line: 0;
8019
+ --x-size-border-width-bottom-dropdown-toggle-line: var(
8020
+ --x-size-border-width-dropdown-toggle-line
8021
+ );
8022
+ --x-size-border-width-left-dropdown-toggle-line: 0;
8023
+ --x-size-border-width-dropdown-list-line: 0;
8024
+ --x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8025
+ --x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8026
+ --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8027
+ --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7988
8028
  }
7989
8029
  :root {
7990
8030
  --x-size-width-dropdown-l: 202px;
@@ -7993,6 +8033,9 @@
7993
8033
  .x-dropdown.x-dropdown--l {
7994
8034
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-l);
7995
8035
  }
8036
+ :root {
8037
+ --x-size-width-dropdown-l: 202px;
8038
+ }
7996
8039
  :root {
7997
8040
  --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
7998
8041
  --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
@@ -8568,6 +8611,13 @@
8568
8611
  --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8569
8612
  --x-size-line-height-button-default: var(--x-size-line-height-text);
8570
8613
  }
8614
+ :root {
8615
+ --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8616
+ --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8617
+ --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8618
+ --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8619
+ --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8620
+ }
8571
8621
  :root {
8572
8622
  --x-color-background-button-default: var(--x-color-base-lead);
8573
8623
  --x-color-border-button-default: var(--x-color-background-button-default);
@@ -8653,13 +8703,6 @@
8653
8703
  margin-right: var(--x-size-gap-button-default);
8654
8704
  }
8655
8705
  }
8656
- :root {
8657
- --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8658
- --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8659
- --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8660
- --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8661
- --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8662
- }
8663
8706
  :root {
8664
8707
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
8665
8708
  --x-color-text-badge-default: var(--x-color-base-neutral-100);
@@ -8782,47 +8825,4 @@
8782
8825
  --x-size-border-radius-base-m: var(--x-size-base-06);
8783
8826
  --x-size-border-radius-base-pill: 99999px;
8784
8827
  --x-size-border-width-base: 1px;
8785
- }
8786
- :root {
8787
- --x-color-background-input-group-default: var(--x-color-background-input-default);
8788
- --x-color-border-input-group-default: var(--x-color-border-input-default);
8789
- --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
8790
- --x-color-text-input-group-default: var(--x-color-text-input-default);
8791
- --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
8792
- --x-size-height-input-group-default: var(--x-size-height-input-default);
8793
- --x-size-gap-input-group-default: var(--x-size-base-03);
8794
- --x-size-padding-left-input-group-default: var(--x-size-base-06);
8795
- --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
8796
- --x-size-padding-input-group-default-action: var(--x-size-base-03);
8797
- --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
8798
- --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
8799
- --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
8800
- --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
8801
- --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
8802
- --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
8803
- --x-size-border-radius-top-left-input-group-default: var(
8804
- --x-size-border-radius-input-group-default
8805
- );
8806
- --x-size-border-radius-top-right-input-group-default: var(
8807
- --x-size-border-radius-input-group-default
8808
- );
8809
- --x-size-border-radius-bottom-right-input-group-default: var(
8810
- --x-size-border-radius-input-group-default
8811
- );
8812
- --x-size-border-radius-bottom-left-input-group-default: var(
8813
- --x-size-border-radius-input-group-default
8814
- );
8815
- --x-font-family-input-group-default: var(--x-font-family-input-default);
8816
- --x-size-font-input-group-default: var(--x-size-font-input-default);
8817
- --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
8818
- --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
8819
- --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
8820
- --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
8821
- --x-size-line-height-input-group-placeholder-default: var(
8822
- --x-size-line-height-input-group-default
8823
- );
8824
- --x-number-font-weight-input-group-placeholder-default: var(
8825
- --x-number-font-weight-input-group-default
8826
- );
8827
- --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
8828
8828
  }