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

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,18 +1,23 @@
1
1
 
2
- .x-uppercase {
3
- text-transform: uppercase;
2
+
3
+ .x-static {
4
+ position: static !important;
4
5
  }
5
6
 
6
- .x-lowercase {
7
- text-transform: lowercase;
7
+ .x-fixed {
8
+ position: fixed !important;
8
9
  }
9
10
 
10
- .x-capitalize {
11
- text-transform: capitalize;
11
+ .x-absolute {
12
+ position: absolute !important;
12
13
  }
13
14
 
14
- .x-normal-case {
15
- text-transform: none;
15
+ .x-relative {
16
+ position: relative !important;
17
+ }
18
+
19
+ .x-sticky {
20
+ position: sticky !important;
16
21
  }
17
22
  .x-underline {
18
23
  -webkit-text-decoration-line: underline;
@@ -33,951 +38,931 @@
33
38
  -webkit-text-decoration-line: none;
34
39
  text-decoration-line: none;
35
40
  }
36
-
37
- .x-static {
38
- position: static !important;
41
+ .x-padding--00 {
42
+ padding: 0 !important;
39
43
  }
40
-
41
- .x-fixed {
42
- position: fixed !important;
44
+ .x-padding--01 {
45
+ padding: var(--x-size-base-01) !important;
43
46
  }
44
-
45
- .x-absolute {
46
- position: absolute !important;
47
+ .x-padding--02 {
48
+ padding: var(--x-size-base-02) !important;
47
49
  }
48
-
49
- .x-relative {
50
- position: relative !important;
50
+ .x-padding--03 {
51
+ padding: var(--x-size-base-03) !important;
51
52
  }
52
-
53
- .x-sticky {
54
- position: sticky !important;
53
+ .x-padding--04 {
54
+ padding: var(--x-size-base-04) !important;
55
55
  }
56
- .x-margin--auto {
57
- margin: auto !important;
56
+ .x-padding--05 {
57
+ padding: var(--x-size-base-05) !important;
58
58
  }
59
- .x-margin--00 {
60
- margin: 0 !important;
59
+ .x-padding--06 {
60
+ padding: var(--x-size-base-06) !important;
61
61
  }
62
- .x-margin--01 {
63
- margin: var(--x-size-base-01) !important;
62
+ .x-padding--07 {
63
+ padding: var(--x-size-base-07) !important;
64
64
  }
65
- .x-margin--02 {
66
- margin: var(--x-size-base-02) !important;
65
+ .x-padding--08 {
66
+ padding: var(--x-size-base-08) !important;
67
67
  }
68
- .x-margin--03 {
69
- margin: var(--x-size-base-03) !important;
68
+ .x-padding--09 {
69
+ padding: var(--x-size-base-09) !important;
70
70
  }
71
- .x-margin--04 {
72
- margin: var(--x-size-base-04) !important;
71
+ .x-padding--10 {
72
+ padding: var(--x-size-base-10) !important;
73
73
  }
74
- .x-margin--05 {
75
- margin: var(--x-size-base-05) !important;
74
+ .x-padding--11 {
75
+ padding: var(--x-size-base-11) !important;
76
76
  }
77
- .x-margin--06 {
78
- margin: var(--x-size-base-06) !important;
77
+ .x-padding--12 {
78
+ padding: var(--x-size-base-12) !important;
79
79
  }
80
- .x-margin--07 {
81
- margin: var(--x-size-base-07) !important;
80
+ .x-padding--13 {
81
+ padding: var(--x-size-base-13) !important;
82
82
  }
83
- .x-margin--08 {
84
- margin: var(--x-size-base-08) !important;
83
+ .x-padding--14 {
84
+ padding: var(--x-size-base-14) !important;
85
85
  }
86
- .x-margin--09 {
87
- margin: var(--x-size-base-09) !important;
86
+ .x-padding--15 {
87
+ padding: var(--x-size-base-15) !important;
88
88
  }
89
- .x-margin--10 {
90
- margin: var(--x-size-base-10) !important;
89
+ .x-padding--16 {
90
+ padding: var(--x-size-base-16) !important;
91
91
  }
92
- .x-margin--11 {
93
- margin: var(--x-size-base-11) !important;
92
+ .x-padding--17 {
93
+ padding: var(--x-size-base-17) !important;
94
94
  }
95
- .x-margin--12 {
96
- margin: var(--x-size-base-12) !important;
95
+ .x-padding--18 {
96
+ padding: var(--x-size-base-18) !important;
97
97
  }
98
- .x-margin--13 {
99
- margin: var(--x-size-base-13) !important;
98
+ .x-padding--19 {
99
+ padding: var(--x-size-base-19) !important;
100
100
  }
101
- .x-margin--14 {
102
- margin: var(--x-size-base-14) !important;
101
+ .x-padding--20 {
102
+ padding: var(--x-size-base-20) !important;
103
103
  }
104
- .x-margin--15 {
105
- margin: var(--x-size-base-15) !important;
104
+ .x-padding--top-00 {
105
+ padding-top: 0 !important;
106
106
  }
107
- .x-margin--16 {
108
- margin: var(--x-size-base-16) !important;
107
+ .x-padding--bottom-00 {
108
+ padding-bottom: 0 !important;
109
109
  }
110
- .x-margin--17 {
111
- margin: var(--x-size-base-17) !important;
110
+ [dir="ltr"] .x-padding--right-00 {
111
+ padding-right: 0 !important;
112
112
  }
113
- .x-margin--18 {
114
- margin: var(--x-size-base-18) !important;
113
+ [dir="rtl"] .x-padding--right-00 {
114
+ padding-left: 0 !important;
115
115
  }
116
- .x-margin--19 {
117
- margin: var(--x-size-base-19) !important;
116
+ [dir="ltr"] .x-padding--left-00 {
117
+ padding-left: 0 !important;
118
118
  }
119
- .x-margin--20 {
120
- margin: var(--x-size-base-20) !important;
119
+ [dir="rtl"] .x-padding--left-00 {
120
+ padding-right: 0 !important;
121
121
  }
122
- .x-margin--top-auto {
123
- margin-top: auto !important;
122
+ .x-padding--top-01 {
123
+ padding-top: var(--x-size-base-01) !important;
124
124
  }
125
- .x-margin--bottom-auto {
126
- margin-bottom: auto !important;
125
+ .x-padding--bottom-01 {
126
+ padding-bottom: var(--x-size-base-01) !important;
127
127
  }
128
- [dir="ltr"] .x-margin--right-auto {
129
- margin-right: auto !important;
128
+ [dir="ltr"] .x-padding--right-01 {
129
+ padding-right: var(--x-size-base-01) !important;
130
130
  }
131
- [dir="rtl"] .x-margin--right-auto {
132
- margin-left: auto !important;
131
+ [dir="rtl"] .x-padding--right-01 {
132
+ padding-left: var(--x-size-base-01) !important;
133
133
  }
134
- [dir="ltr"] .x-margin--left-auto {
135
- margin-left: auto !important;
134
+ [dir="ltr"] .x-padding--left-01 {
135
+ padding-left: var(--x-size-base-01) !important;
136
136
  }
137
- [dir="rtl"] .x-margin--left-auto {
138
- margin-right: auto !important;
137
+ [dir="rtl"] .x-padding--left-01 {
138
+ padding-right: var(--x-size-base-01) !important;
139
139
  }
140
- .x-margin--top-00 {
141
- margin-top: 0 !important;
140
+ .x-padding--top-02 {
141
+ padding-top: var(--x-size-base-02) !important;
142
142
  }
143
- .x-margin--bottom-00 {
144
- margin-bottom: 0 !important;
143
+ .x-padding--bottom-02 {
144
+ padding-bottom: var(--x-size-base-02) !important;
145
145
  }
146
- [dir="ltr"] .x-margin--right-00 {
147
- margin-right: 0 !important;
146
+ [dir="ltr"] .x-padding--right-02 {
147
+ padding-right: var(--x-size-base-02) !important;
148
148
  }
149
- [dir="rtl"] .x-margin--right-00 {
150
- margin-left: 0 !important;
149
+ [dir="rtl"] .x-padding--right-02 {
150
+ padding-left: var(--x-size-base-02) !important;
151
151
  }
152
- [dir="ltr"] .x-margin--left-00 {
153
- margin-left: 0 !important;
152
+ [dir="ltr"] .x-padding--left-02 {
153
+ padding-left: var(--x-size-base-02) !important;
154
154
  }
155
- [dir="rtl"] .x-margin--left-00 {
156
- margin-right: 0 !important;
155
+ [dir="rtl"] .x-padding--left-02 {
156
+ padding-right: 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--top-03 {
159
+ padding-top: var(--x-size-base-03) !important;
160
160
  }
161
- .x-margin--bottom-01 {
162
- margin-bottom: var(--x-size-base-01) !important;
161
+ .x-padding--bottom-03 {
162
+ padding-bottom: var(--x-size-base-03) !important;
163
163
  }
164
- [dir="ltr"] .x-margin--right-01 {
165
- margin-right: var(--x-size-base-01) !important;
164
+ [dir="ltr"] .x-padding--right-03 {
165
+ padding-right: var(--x-size-base-03) !important;
166
166
  }
167
- [dir="rtl"] .x-margin--right-01 {
168
- margin-left: var(--x-size-base-01) !important;
167
+ [dir="rtl"] .x-padding--right-03 {
168
+ padding-left: var(--x-size-base-03) !important;
169
169
  }
170
- [dir="ltr"] .x-margin--left-01 {
171
- margin-left: var(--x-size-base-01) !important;
170
+ [dir="ltr"] .x-padding--left-03 {
171
+ padding-left: var(--x-size-base-03) !important;
172
172
  }
173
- [dir="rtl"] .x-margin--left-01 {
174
- margin-right: var(--x-size-base-01) !important;
173
+ [dir="rtl"] .x-padding--left-03 {
174
+ padding-right: 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--top-04 {
177
+ padding-top: var(--x-size-base-04) !important;
178
178
  }
179
- .x-margin--bottom-02 {
180
- margin-bottom: var(--x-size-base-02) !important;
179
+ .x-padding--bottom-04 {
180
+ padding-bottom: var(--x-size-base-04) !important;
181
181
  }
182
- [dir="ltr"] .x-margin--right-02 {
183
- margin-right: var(--x-size-base-02) !important;
182
+ [dir="ltr"] .x-padding--right-04 {
183
+ padding-right: var(--x-size-base-04) !important;
184
184
  }
185
- [dir="rtl"] .x-margin--right-02 {
186
- margin-left: var(--x-size-base-02) !important;
185
+ [dir="rtl"] .x-padding--right-04 {
186
+ padding-left: var(--x-size-base-04) !important;
187
187
  }
188
- [dir="ltr"] .x-margin--left-02 {
189
- margin-left: var(--x-size-base-02) !important;
188
+ [dir="ltr"] .x-padding--left-04 {
189
+ padding-left: var(--x-size-base-04) !important;
190
190
  }
191
- [dir="rtl"] .x-margin--left-02 {
192
- margin-right: var(--x-size-base-02) !important;
191
+ [dir="rtl"] .x-padding--left-04 {
192
+ padding-right: 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--top-05 {
195
+ padding-top: var(--x-size-base-05) !important;
196
196
  }
197
- .x-margin--bottom-03 {
198
- margin-bottom: var(--x-size-base-03) !important;
197
+ .x-padding--bottom-05 {
198
+ padding-bottom: var(--x-size-base-05) !important;
199
199
  }
200
- [dir="ltr"] .x-margin--right-03 {
201
- margin-right: var(--x-size-base-03) !important;
200
+ [dir="ltr"] .x-padding--right-05 {
201
+ padding-right: var(--x-size-base-05) !important;
202
202
  }
203
- [dir="rtl"] .x-margin--right-03 {
204
- margin-left: var(--x-size-base-03) !important;
203
+ [dir="rtl"] .x-padding--right-05 {
204
+ padding-left: var(--x-size-base-05) !important;
205
205
  }
206
- [dir="ltr"] .x-margin--left-03 {
207
- margin-left: var(--x-size-base-03) !important;
206
+ [dir="ltr"] .x-padding--left-05 {
207
+ padding-left: var(--x-size-base-05) !important;
208
208
  }
209
- [dir="rtl"] .x-margin--left-03 {
210
- margin-right: var(--x-size-base-03) !important;
209
+ [dir="rtl"] .x-padding--left-05 {
210
+ padding-right: 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--top-06 {
213
+ padding-top: var(--x-size-base-06) !important;
214
214
  }
215
- .x-margin--bottom-04 {
216
- margin-bottom: var(--x-size-base-04) !important;
215
+ .x-padding--bottom-06 {
216
+ padding-bottom: var(--x-size-base-06) !important;
217
217
  }
218
- [dir="ltr"] .x-margin--right-04 {
219
- margin-right: var(--x-size-base-04) !important;
218
+ [dir="ltr"] .x-padding--right-06 {
219
+ padding-right: var(--x-size-base-06) !important;
220
220
  }
221
- [dir="rtl"] .x-margin--right-04 {
222
- margin-left: var(--x-size-base-04) !important;
221
+ [dir="rtl"] .x-padding--right-06 {
222
+ padding-left: var(--x-size-base-06) !important;
223
223
  }
224
- [dir="ltr"] .x-margin--left-04 {
225
- margin-left: var(--x-size-base-04) !important;
224
+ [dir="ltr"] .x-padding--left-06 {
225
+ padding-left: var(--x-size-base-06) !important;
226
226
  }
227
- [dir="rtl"] .x-margin--left-04 {
228
- margin-right: var(--x-size-base-04) !important;
227
+ [dir="rtl"] .x-padding--left-06 {
228
+ padding-right: 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--top-07 {
231
+ padding-top: var(--x-size-base-07) !important;
232
232
  }
233
- .x-margin--bottom-05 {
234
- margin-bottom: var(--x-size-base-05) !important;
233
+ .x-padding--bottom-07 {
234
+ padding-bottom: var(--x-size-base-07) !important;
235
235
  }
236
- [dir="ltr"] .x-margin--right-05 {
237
- margin-right: var(--x-size-base-05) !important;
236
+ [dir="ltr"] .x-padding--right-07 {
237
+ padding-right: var(--x-size-base-07) !important;
238
238
  }
239
- [dir="rtl"] .x-margin--right-05 {
240
- margin-left: var(--x-size-base-05) !important;
239
+ [dir="rtl"] .x-padding--right-07 {
240
+ padding-left: var(--x-size-base-07) !important;
241
241
  }
242
- [dir="ltr"] .x-margin--left-05 {
243
- margin-left: var(--x-size-base-05) !important;
242
+ [dir="ltr"] .x-padding--left-07 {
243
+ padding-left: var(--x-size-base-07) !important;
244
244
  }
245
- [dir="rtl"] .x-margin--left-05 {
246
- margin-right: var(--x-size-base-05) !important;
245
+ [dir="rtl"] .x-padding--left-07 {
246
+ padding-right: 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--top-08 {
249
+ padding-top: var(--x-size-base-08) !important;
250
250
  }
251
- .x-margin--bottom-06 {
252
- margin-bottom: var(--x-size-base-06) !important;
251
+ .x-padding--bottom-08 {
252
+ padding-bottom: var(--x-size-base-08) !important;
253
253
  }
254
- [dir="ltr"] .x-margin--right-06 {
255
- margin-right: var(--x-size-base-06) !important;
254
+ [dir="ltr"] .x-padding--right-08 {
255
+ padding-right: var(--x-size-base-08) !important;
256
256
  }
257
- [dir="rtl"] .x-margin--right-06 {
258
- margin-left: var(--x-size-base-06) !important;
257
+ [dir="rtl"] .x-padding--right-08 {
258
+ padding-left: var(--x-size-base-08) !important;
259
259
  }
260
- [dir="ltr"] .x-margin--left-06 {
261
- margin-left: var(--x-size-base-06) !important;
260
+ [dir="ltr"] .x-padding--left-08 {
261
+ padding-left: var(--x-size-base-08) !important;
262
262
  }
263
- [dir="rtl"] .x-margin--left-06 {
264
- margin-right: var(--x-size-base-06) !important;
263
+ [dir="rtl"] .x-padding--left-08 {
264
+ padding-right: 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--top-09 {
267
+ padding-top: var(--x-size-base-09) !important;
268
268
  }
269
- .x-margin--bottom-07 {
270
- margin-bottom: var(--x-size-base-07) !important;
269
+ .x-padding--bottom-09 {
270
+ padding-bottom: var(--x-size-base-09) !important;
271
271
  }
272
- [dir="ltr"] .x-margin--right-07 {
273
- margin-right: var(--x-size-base-07) !important;
272
+ [dir="ltr"] .x-padding--right-09 {
273
+ padding-right: var(--x-size-base-09) !important;
274
274
  }
275
- [dir="rtl"] .x-margin--right-07 {
276
- margin-left: var(--x-size-base-07) !important;
275
+ [dir="rtl"] .x-padding--right-09 {
276
+ padding-left: var(--x-size-base-09) !important;
277
277
  }
278
- [dir="ltr"] .x-margin--left-07 {
279
- margin-left: var(--x-size-base-07) !important;
278
+ [dir="ltr"] .x-padding--left-09 {
279
+ padding-left: var(--x-size-base-09) !important;
280
280
  }
281
- [dir="rtl"] .x-margin--left-07 {
282
- margin-right: var(--x-size-base-07) !important;
281
+ [dir="rtl"] .x-padding--left-09 {
282
+ padding-right: 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--top-10 {
285
+ padding-top: var(--x-size-base-10) !important;
286
286
  }
287
- .x-margin--bottom-08 {
288
- margin-bottom: var(--x-size-base-08) !important;
287
+ .x-padding--bottom-10 {
288
+ padding-bottom: var(--x-size-base-10) !important;
289
289
  }
290
- [dir="ltr"] .x-margin--right-08 {
291
- margin-right: var(--x-size-base-08) !important;
290
+ [dir="ltr"] .x-padding--right-10 {
291
+ padding-right: var(--x-size-base-10) !important;
292
292
  }
293
- [dir="rtl"] .x-margin--right-08 {
294
- margin-left: var(--x-size-base-08) !important;
293
+ [dir="rtl"] .x-padding--right-10 {
294
+ padding-left: var(--x-size-base-10) !important;
295
295
  }
296
- [dir="ltr"] .x-margin--left-08 {
297
- margin-left: var(--x-size-base-08) !important;
296
+ [dir="ltr"] .x-padding--left-10 {
297
+ padding-left: var(--x-size-base-10) !important;
298
298
  }
299
- [dir="rtl"] .x-margin--left-08 {
300
- margin-right: var(--x-size-base-08) !important;
299
+ [dir="rtl"] .x-padding--left-10 {
300
+ padding-right: 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--top-11 {
303
+ padding-top: var(--x-size-base-11) !important;
304
304
  }
305
- .x-margin--bottom-09 {
306
- margin-bottom: var(--x-size-base-09) !important;
305
+ .x-padding--bottom-11 {
306
+ padding-bottom: var(--x-size-base-11) !important;
307
307
  }
308
- [dir="ltr"] .x-margin--right-09 {
309
- margin-right: var(--x-size-base-09) !important;
308
+ [dir="ltr"] .x-padding--right-11 {
309
+ padding-right: var(--x-size-base-11) !important;
310
310
  }
311
- [dir="rtl"] .x-margin--right-09 {
312
- margin-left: var(--x-size-base-09) !important;
311
+ [dir="rtl"] .x-padding--right-11 {
312
+ padding-left: var(--x-size-base-11) !important;
313
313
  }
314
- [dir="ltr"] .x-margin--left-09 {
315
- margin-left: var(--x-size-base-09) !important;
314
+ [dir="ltr"] .x-padding--left-11 {
315
+ padding-left: var(--x-size-base-11) !important;
316
316
  }
317
- [dir="rtl"] .x-margin--left-09 {
318
- margin-right: var(--x-size-base-09) !important;
317
+ [dir="rtl"] .x-padding--left-11 {
318
+ padding-right: 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--top-12 {
321
+ padding-top: var(--x-size-base-12) !important;
322
322
  }
323
- .x-margin--bottom-10 {
324
- margin-bottom: var(--x-size-base-10) !important;
323
+ .x-padding--bottom-12 {
324
+ padding-bottom: var(--x-size-base-12) !important;
325
325
  }
326
- [dir="ltr"] .x-margin--right-10 {
327
- margin-right: var(--x-size-base-10) !important;
326
+ [dir="ltr"] .x-padding--right-12 {
327
+ padding-right: var(--x-size-base-12) !important;
328
328
  }
329
- [dir="rtl"] .x-margin--right-10 {
330
- margin-left: var(--x-size-base-10) !important;
329
+ [dir="rtl"] .x-padding--right-12 {
330
+ padding-left: var(--x-size-base-12) !important;
331
331
  }
332
- [dir="ltr"] .x-margin--left-10 {
333
- margin-left: var(--x-size-base-10) !important;
332
+ [dir="ltr"] .x-padding--left-12 {
333
+ padding-left: var(--x-size-base-12) !important;
334
334
  }
335
- [dir="rtl"] .x-margin--left-10 {
336
- margin-right: var(--x-size-base-10) !important;
335
+ [dir="rtl"] .x-padding--left-12 {
336
+ padding-right: 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--top-13 {
339
+ padding-top: var(--x-size-base-13) !important;
340
340
  }
341
- .x-margin--bottom-11 {
342
- margin-bottom: var(--x-size-base-11) !important;
341
+ .x-padding--bottom-13 {
342
+ padding-bottom: var(--x-size-base-13) !important;
343
343
  }
344
- [dir="ltr"] .x-margin--right-11 {
345
- margin-right: var(--x-size-base-11) !important;
344
+ [dir="ltr"] .x-padding--right-13 {
345
+ padding-right: var(--x-size-base-13) !important;
346
346
  }
347
- [dir="rtl"] .x-margin--right-11 {
348
- margin-left: var(--x-size-base-11) !important;
347
+ [dir="rtl"] .x-padding--right-13 {
348
+ padding-left: var(--x-size-base-13) !important;
349
349
  }
350
- [dir="ltr"] .x-margin--left-11 {
351
- margin-left: var(--x-size-base-11) !important;
350
+ [dir="ltr"] .x-padding--left-13 {
351
+ padding-left: var(--x-size-base-13) !important;
352
352
  }
353
- [dir="rtl"] .x-margin--left-11 {
354
- margin-right: var(--x-size-base-11) !important;
353
+ [dir="rtl"] .x-padding--left-13 {
354
+ padding-right: 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--top-14 {
357
+ padding-top: var(--x-size-base-14) !important;
358
358
  }
359
- .x-margin--bottom-12 {
360
- margin-bottom: var(--x-size-base-12) !important;
359
+ .x-padding--bottom-14 {
360
+ padding-bottom: var(--x-size-base-14) !important;
361
361
  }
362
- [dir="ltr"] .x-margin--right-12 {
363
- margin-right: var(--x-size-base-12) !important;
362
+ [dir="ltr"] .x-padding--right-14 {
363
+ padding-right: var(--x-size-base-14) !important;
364
364
  }
365
- [dir="rtl"] .x-margin--right-12 {
366
- margin-left: var(--x-size-base-12) !important;
365
+ [dir="rtl"] .x-padding--right-14 {
366
+ padding-left: var(--x-size-base-14) !important;
367
367
  }
368
- [dir="ltr"] .x-margin--left-12 {
369
- margin-left: var(--x-size-base-12) !important;
368
+ [dir="ltr"] .x-padding--left-14 {
369
+ padding-left: var(--x-size-base-14) !important;
370
370
  }
371
- [dir="rtl"] .x-margin--left-12 {
372
- margin-right: var(--x-size-base-12) !important;
371
+ [dir="rtl"] .x-padding--left-14 {
372
+ padding-right: 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--top-15 {
375
+ padding-top: var(--x-size-base-15) !important;
376
376
  }
377
- .x-margin--bottom-13 {
378
- margin-bottom: var(--x-size-base-13) !important;
377
+ .x-padding--bottom-15 {
378
+ padding-bottom: var(--x-size-base-15) !important;
379
379
  }
380
- [dir="ltr"] .x-margin--right-13 {
381
- margin-right: var(--x-size-base-13) !important;
380
+ [dir="ltr"] .x-padding--right-15 {
381
+ padding-right: var(--x-size-base-15) !important;
382
382
  }
383
- [dir="rtl"] .x-margin--right-13 {
384
- margin-left: var(--x-size-base-13) !important;
383
+ [dir="rtl"] .x-padding--right-15 {
384
+ padding-left: var(--x-size-base-15) !important;
385
385
  }
386
- [dir="ltr"] .x-margin--left-13 {
387
- margin-left: var(--x-size-base-13) !important;
386
+ [dir="ltr"] .x-padding--left-15 {
387
+ padding-left: var(--x-size-base-15) !important;
388
388
  }
389
- [dir="rtl"] .x-margin--left-13 {
390
- margin-right: var(--x-size-base-13) !important;
389
+ [dir="rtl"] .x-padding--left-15 {
390
+ padding-right: 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--top-16 {
393
+ padding-top: var(--x-size-base-16) !important;
394
394
  }
395
- .x-margin--bottom-14 {
396
- margin-bottom: var(--x-size-base-14) !important;
395
+ .x-padding--bottom-16 {
396
+ padding-bottom: var(--x-size-base-16) !important;
397
397
  }
398
- [dir="ltr"] .x-margin--right-14 {
399
- margin-right: var(--x-size-base-14) !important;
398
+ [dir="ltr"] .x-padding--right-16 {
399
+ padding-right: var(--x-size-base-16) !important;
400
400
  }
401
- [dir="rtl"] .x-margin--right-14 {
402
- margin-left: var(--x-size-base-14) !important;
401
+ [dir="rtl"] .x-padding--right-16 {
402
+ padding-left: var(--x-size-base-16) !important;
403
403
  }
404
- [dir="ltr"] .x-margin--left-14 {
405
- margin-left: var(--x-size-base-14) !important;
406
- }
407
- [dir="rtl"] .x-margin--left-14 {
408
- margin-right: var(--x-size-base-14) !important;
409
- }
410
- .x-margin--top-15 {
411
- margin-top: var(--x-size-base-15) !important;
412
- }
413
- .x-margin--bottom-15 {
414
- margin-bottom: var(--x-size-base-15) !important;
415
- }
416
- [dir="ltr"] .x-margin--right-15 {
417
- margin-right: var(--x-size-base-15) !important;
418
- }
419
- [dir="rtl"] .x-margin--right-15 {
420
- margin-left: var(--x-size-base-15) !important;
404
+ [dir="ltr"] .x-padding--left-16 {
405
+ padding-left: var(--x-size-base-16) !important;
421
406
  }
422
- [dir="ltr"] .x-margin--left-15 {
423
- margin-left: var(--x-size-base-15) !important;
407
+ [dir="rtl"] .x-padding--left-16 {
408
+ padding-right: var(--x-size-base-16) !important;
424
409
  }
425
- [dir="rtl"] .x-margin--left-15 {
426
- margin-right: var(--x-size-base-15) !important;
410
+ .x-padding--top-17 {
411
+ padding-top: var(--x-size-base-17) !important;
427
412
  }
428
- .x-margin--top-16 {
429
- margin-top: var(--x-size-base-16) !important;
413
+ .x-padding--bottom-17 {
414
+ padding-bottom: var(--x-size-base-17) !important;
430
415
  }
431
- .x-margin--bottom-16 {
432
- margin-bottom: var(--x-size-base-16) !important;
416
+ [dir="ltr"] .x-padding--right-17 {
417
+ padding-right: var(--x-size-base-17) !important;
433
418
  }
434
- [dir="ltr"] .x-margin--right-16 {
435
- margin-right: var(--x-size-base-16) !important;
419
+ [dir="rtl"] .x-padding--right-17 {
420
+ padding-left: var(--x-size-base-17) !important;
436
421
  }
437
- [dir="rtl"] .x-margin--right-16 {
438
- margin-left: var(--x-size-base-16) !important;
422
+ [dir="ltr"] .x-padding--left-17 {
423
+ padding-left: var(--x-size-base-17) !important;
439
424
  }
440
- [dir="ltr"] .x-margin--left-16 {
441
- margin-left: var(--x-size-base-16) !important;
425
+ [dir="rtl"] .x-padding--left-17 {
426
+ padding-right: var(--x-size-base-17) !important;
442
427
  }
443
- [dir="rtl"] .x-margin--left-16 {
444
- margin-right: var(--x-size-base-16) !important;
428
+ .x-padding--top-18 {
429
+ padding-top: var(--x-size-base-18) !important;
445
430
  }
446
- .x-margin--top-17 {
447
- margin-top: var(--x-size-base-17) !important;
431
+ .x-padding--bottom-18 {
432
+ padding-bottom: var(--x-size-base-18) !important;
448
433
  }
449
- .x-margin--bottom-17 {
450
- margin-bottom: var(--x-size-base-17) !important;
434
+ [dir="ltr"] .x-padding--right-18 {
435
+ padding-right: var(--x-size-base-18) !important;
451
436
  }
452
- [dir="ltr"] .x-margin--right-17 {
453
- margin-right: var(--x-size-base-17) !important;
437
+ [dir="rtl"] .x-padding--right-18 {
438
+ padding-left: var(--x-size-base-18) !important;
454
439
  }
455
- [dir="rtl"] .x-margin--right-17 {
456
- margin-left: var(--x-size-base-17) !important;
440
+ [dir="ltr"] .x-padding--left-18 {
441
+ padding-left: var(--x-size-base-18) !important;
457
442
  }
458
- [dir="ltr"] .x-margin--left-17 {
459
- margin-left: var(--x-size-base-17) !important;
443
+ [dir="rtl"] .x-padding--left-18 {
444
+ padding-right: var(--x-size-base-18) !important;
460
445
  }
461
- [dir="rtl"] .x-margin--left-17 {
462
- margin-right: var(--x-size-base-17) !important;
446
+ .x-padding--top-19 {
447
+ padding-top: var(--x-size-base-19) !important;
463
448
  }
464
- .x-margin--top-18 {
465
- margin-top: var(--x-size-base-18) !important;
449
+ .x-padding--bottom-19 {
450
+ padding-bottom: var(--x-size-base-19) !important;
466
451
  }
467
- .x-margin--bottom-18 {
468
- margin-bottom: var(--x-size-base-18) !important;
452
+ [dir="ltr"] .x-padding--right-19 {
453
+ padding-right: var(--x-size-base-19) !important;
469
454
  }
470
- [dir="ltr"] .x-margin--right-18 {
471
- margin-right: var(--x-size-base-18) !important;
455
+ [dir="rtl"] .x-padding--right-19 {
456
+ padding-left: var(--x-size-base-19) !important;
472
457
  }
473
- [dir="rtl"] .x-margin--right-18 {
474
- margin-left: var(--x-size-base-18) !important;
458
+ [dir="ltr"] .x-padding--left-19 {
459
+ padding-left: var(--x-size-base-19) !important;
475
460
  }
476
- [dir="ltr"] .x-margin--left-18 {
477
- margin-left: var(--x-size-base-18) !important;
461
+ [dir="rtl"] .x-padding--left-19 {
462
+ padding-right: var(--x-size-base-19) !important;
478
463
  }
479
- [dir="rtl"] .x-margin--left-18 {
480
- margin-right: var(--x-size-base-18) !important;
464
+ .x-padding--top-20 {
465
+ padding-top: var(--x-size-base-20) !important;
481
466
  }
482
- .x-margin--top-19 {
483
- margin-top: var(--x-size-base-19) !important;
467
+ .x-padding--bottom-20 {
468
+ padding-bottom: var(--x-size-base-20) !important;
484
469
  }
485
- .x-margin--bottom-19 {
486
- margin-bottom: var(--x-size-base-19) !important;
470
+ [dir="ltr"] .x-padding--right-20 {
471
+ padding-right: var(--x-size-base-20) !important;
487
472
  }
488
- [dir="ltr"] .x-margin--right-19 {
489
- margin-right: var(--x-size-base-19) !important;
473
+ [dir="rtl"] .x-padding--right-20 {
474
+ padding-left: var(--x-size-base-20) !important;
490
475
  }
491
- [dir="rtl"] .x-margin--right-19 {
492
- margin-left: var(--x-size-base-19) !important;
476
+ [dir="ltr"] .x-padding--left-20 {
477
+ padding-left: var(--x-size-base-20) !important;
493
478
  }
494
- [dir="ltr"] .x-margin--left-19 {
495
- margin-left: var(--x-size-base-19) !important;
479
+ [dir="rtl"] .x-padding--left-20 {
480
+ padding-right: var(--x-size-base-20) !important;
496
481
  }
497
- [dir="rtl"] .x-margin--left-19 {
498
- margin-right: var(--x-size-base-19) !important;
482
+ .x-margin--auto {
483
+ margin: auto !important;
499
484
  }
500
- .x-margin--top-20 {
501
- margin-top: var(--x-size-base-20) !important;
485
+ .x-margin--00 {
486
+ margin: 0 !important;
502
487
  }
503
- .x-margin--bottom-20 {
504
- margin-bottom: var(--x-size-base-20) !important;
488
+ .x-margin--01 {
489
+ margin: var(--x-size-base-01) !important;
505
490
  }
506
- [dir="ltr"] .x-margin--right-20 {
507
- margin-right: var(--x-size-base-20) !important;
491
+ .x-margin--02 {
492
+ margin: var(--x-size-base-02) !important;
508
493
  }
509
- [dir="rtl"] .x-margin--right-20 {
510
- margin-left: var(--x-size-base-20) !important;
494
+ .x-margin--03 {
495
+ margin: var(--x-size-base-03) !important;
511
496
  }
512
- [dir="ltr"] .x-margin--left-20 {
513
- margin-left: var(--x-size-base-20) !important;
497
+ .x-margin--04 {
498
+ margin: var(--x-size-base-04) !important;
514
499
  }
515
- [dir="rtl"] .x-margin--left-20 {
516
- margin-right: var(--x-size-base-20) !important;
500
+ .x-margin--05 {
501
+ margin: var(--x-size-base-05) !important;
517
502
  }
518
- .x-line-height--none {
519
- line-height: 1 !important;
503
+ .x-margin--06 {
504
+ margin: var(--x-size-base-06) !important;
520
505
  }
521
-
522
- .x-line-height--tight {
523
- line-height: 1.25 !important;
506
+ .x-margin--07 {
507
+ margin: var(--x-size-base-07) !important;
524
508
  }
525
-
526
- .x-line-height--snug {
527
- line-height: 1.375 !important;
509
+ .x-margin--08 {
510
+ margin: var(--x-size-base-08) !important;
528
511
  }
529
-
530
- .x-line-height--normal {
531
- line-height: 1.5 !important;
512
+ .x-margin--09 {
513
+ margin: var(--x-size-base-09) !important;
532
514
  }
533
-
534
- .x-line-height--relaxed {
535
- line-height: 1.625 !important;
515
+ .x-margin--10 {
516
+ margin: var(--x-size-base-10) !important;
536
517
  }
537
-
538
- .x-line-height--loose {
539
- line-height: 2 !important;
518
+ .x-margin--11 {
519
+ margin: var(--x-size-base-11) !important;
540
520
  }
541
- .x-padding--00 {
542
- padding: 0 !important;
521
+ .x-margin--12 {
522
+ margin: var(--x-size-base-12) !important;
543
523
  }
544
- .x-padding--01 {
545
- padding: var(--x-size-base-01) !important;
524
+ .x-margin--13 {
525
+ margin: var(--x-size-base-13) !important;
546
526
  }
547
- .x-padding--02 {
548
- padding: var(--x-size-base-02) !important;
527
+ .x-margin--14 {
528
+ margin: var(--x-size-base-14) !important;
549
529
  }
550
- .x-padding--03 {
551
- padding: var(--x-size-base-03) !important;
530
+ .x-margin--15 {
531
+ margin: var(--x-size-base-15) !important;
552
532
  }
553
- .x-padding--04 {
554
- padding: var(--x-size-base-04) !important;
533
+ .x-margin--16 {
534
+ margin: var(--x-size-base-16) !important;
555
535
  }
556
- .x-padding--05 {
557
- padding: var(--x-size-base-05) !important;
536
+ .x-margin--17 {
537
+ margin: var(--x-size-base-17) !important;
558
538
  }
559
- .x-padding--06 {
560
- padding: var(--x-size-base-06) !important;
539
+ .x-margin--18 {
540
+ margin: var(--x-size-base-18) !important;
561
541
  }
562
- .x-padding--07 {
563
- padding: var(--x-size-base-07) !important;
542
+ .x-margin--19 {
543
+ margin: var(--x-size-base-19) !important;
564
544
  }
565
- .x-padding--08 {
566
- padding: var(--x-size-base-08) !important;
545
+ .x-margin--20 {
546
+ margin: var(--x-size-base-20) !important;
567
547
  }
568
- .x-padding--09 {
569
- padding: var(--x-size-base-09) !important;
548
+ .x-margin--top-auto {
549
+ margin-top: auto !important;
570
550
  }
571
- .x-padding--10 {
572
- padding: var(--x-size-base-10) !important;
551
+ .x-margin--bottom-auto {
552
+ margin-bottom: auto !important;
573
553
  }
574
- .x-padding--11 {
575
- padding: var(--x-size-base-11) !important;
554
+ [dir="ltr"] .x-margin--right-auto {
555
+ margin-right: auto !important;
576
556
  }
577
- .x-padding--12 {
578
- padding: var(--x-size-base-12) !important;
557
+ [dir="rtl"] .x-margin--right-auto {
558
+ margin-left: auto !important;
579
559
  }
580
- .x-padding--13 {
581
- padding: var(--x-size-base-13) !important;
560
+ [dir="ltr"] .x-margin--left-auto {
561
+ margin-left: auto !important;
582
562
  }
583
- .x-padding--14 {
584
- padding: var(--x-size-base-14) !important;
563
+ [dir="rtl"] .x-margin--left-auto {
564
+ margin-right: auto !important;
585
565
  }
586
- .x-padding--15 {
587
- padding: var(--x-size-base-15) !important;
566
+ .x-margin--top-00 {
567
+ margin-top: 0 !important;
588
568
  }
589
- .x-padding--16 {
590
- padding: var(--x-size-base-16) !important;
569
+ .x-margin--bottom-00 {
570
+ margin-bottom: 0 !important;
591
571
  }
592
- .x-padding--17 {
593
- padding: var(--x-size-base-17) !important;
572
+ [dir="ltr"] .x-margin--right-00 {
573
+ margin-right: 0 !important;
594
574
  }
595
- .x-padding--18 {
596
- padding: var(--x-size-base-18) !important;
575
+ [dir="rtl"] .x-margin--right-00 {
576
+ margin-left: 0 !important;
597
577
  }
598
- .x-padding--19 {
599
- padding: var(--x-size-base-19) !important;
578
+ [dir="ltr"] .x-margin--left-00 {
579
+ margin-left: 0 !important;
600
580
  }
601
- .x-padding--20 {
602
- padding: var(--x-size-base-20) !important;
581
+ [dir="rtl"] .x-margin--left-00 {
582
+ margin-right: 0 !important;
603
583
  }
604
- .x-padding--top-00 {
605
- padding-top: 0 !important;
584
+ .x-margin--top-01 {
585
+ margin-top: var(--x-size-base-01) !important;
606
586
  }
607
- .x-padding--bottom-00 {
608
- padding-bottom: 0 !important;
587
+ .x-margin--bottom-01 {
588
+ margin-bottom: var(--x-size-base-01) !important;
609
589
  }
610
- [dir="ltr"] .x-padding--right-00 {
611
- padding-right: 0 !important;
590
+ [dir="ltr"] .x-margin--right-01 {
591
+ margin-right: var(--x-size-base-01) !important;
612
592
  }
613
- [dir="rtl"] .x-padding--right-00 {
614
- padding-left: 0 !important;
593
+ [dir="rtl"] .x-margin--right-01 {
594
+ margin-left: var(--x-size-base-01) !important;
615
595
  }
616
- [dir="ltr"] .x-padding--left-00 {
617
- padding-left: 0 !important;
596
+ [dir="ltr"] .x-margin--left-01 {
597
+ margin-left: var(--x-size-base-01) !important;
618
598
  }
619
- [dir="rtl"] .x-padding--left-00 {
620
- padding-right: 0 !important;
599
+ [dir="rtl"] .x-margin--left-01 {
600
+ margin-right: var(--x-size-base-01) !important;
621
601
  }
622
- .x-padding--top-01 {
623
- padding-top: var(--x-size-base-01) !important;
602
+ .x-margin--top-02 {
603
+ margin-top: var(--x-size-base-02) !important;
624
604
  }
625
- .x-padding--bottom-01 {
626
- padding-bottom: var(--x-size-base-01) !important;
605
+ .x-margin--bottom-02 {
606
+ margin-bottom: var(--x-size-base-02) !important;
627
607
  }
628
- [dir="ltr"] .x-padding--right-01 {
629
- padding-right: var(--x-size-base-01) !important;
608
+ [dir="ltr"] .x-margin--right-02 {
609
+ margin-right: var(--x-size-base-02) !important;
630
610
  }
631
- [dir="rtl"] .x-padding--right-01 {
632
- padding-left: var(--x-size-base-01) !important;
611
+ [dir="rtl"] .x-margin--right-02 {
612
+ margin-left: var(--x-size-base-02) !important;
633
613
  }
634
- [dir="ltr"] .x-padding--left-01 {
635
- padding-left: var(--x-size-base-01) !important;
614
+ [dir="ltr"] .x-margin--left-02 {
615
+ margin-left: var(--x-size-base-02) !important;
636
616
  }
637
- [dir="rtl"] .x-padding--left-01 {
638
- padding-right: var(--x-size-base-01) !important;
617
+ [dir="rtl"] .x-margin--left-02 {
618
+ margin-right: var(--x-size-base-02) !important;
639
619
  }
640
- .x-padding--top-02 {
641
- padding-top: var(--x-size-base-02) !important;
620
+ .x-margin--top-03 {
621
+ margin-top: var(--x-size-base-03) !important;
642
622
  }
643
- .x-padding--bottom-02 {
644
- padding-bottom: var(--x-size-base-02) !important;
623
+ .x-margin--bottom-03 {
624
+ margin-bottom: var(--x-size-base-03) !important;
645
625
  }
646
- [dir="ltr"] .x-padding--right-02 {
647
- padding-right: var(--x-size-base-02) !important;
626
+ [dir="ltr"] .x-margin--right-03 {
627
+ margin-right: var(--x-size-base-03) !important;
648
628
  }
649
- [dir="rtl"] .x-padding--right-02 {
650
- padding-left: var(--x-size-base-02) !important;
629
+ [dir="rtl"] .x-margin--right-03 {
630
+ margin-left: var(--x-size-base-03) !important;
651
631
  }
652
- [dir="ltr"] .x-padding--left-02 {
653
- padding-left: var(--x-size-base-02) !important;
632
+ [dir="ltr"] .x-margin--left-03 {
633
+ margin-left: var(--x-size-base-03) !important;
654
634
  }
655
- [dir="rtl"] .x-padding--left-02 {
656
- padding-right: var(--x-size-base-02) !important;
635
+ [dir="rtl"] .x-margin--left-03 {
636
+ margin-right: var(--x-size-base-03) !important;
657
637
  }
658
- .x-padding--top-03 {
659
- padding-top: var(--x-size-base-03) !important;
638
+ .x-margin--top-04 {
639
+ margin-top: var(--x-size-base-04) !important;
660
640
  }
661
- .x-padding--bottom-03 {
662
- padding-bottom: var(--x-size-base-03) !important;
641
+ .x-margin--bottom-04 {
642
+ margin-bottom: var(--x-size-base-04) !important;
663
643
  }
664
- [dir="ltr"] .x-padding--right-03 {
665
- padding-right: var(--x-size-base-03) !important;
644
+ [dir="ltr"] .x-margin--right-04 {
645
+ margin-right: var(--x-size-base-04) !important;
666
646
  }
667
- [dir="rtl"] .x-padding--right-03 {
668
- padding-left: var(--x-size-base-03) !important;
647
+ [dir="rtl"] .x-margin--right-04 {
648
+ margin-left: var(--x-size-base-04) !important;
669
649
  }
670
- [dir="ltr"] .x-padding--left-03 {
671
- padding-left: var(--x-size-base-03) !important;
650
+ [dir="ltr"] .x-margin--left-04 {
651
+ margin-left: var(--x-size-base-04) !important;
672
652
  }
673
- [dir="rtl"] .x-padding--left-03 {
674
- padding-right: var(--x-size-base-03) !important;
653
+ [dir="rtl"] .x-margin--left-04 {
654
+ margin-right: var(--x-size-base-04) !important;
675
655
  }
676
- .x-padding--top-04 {
677
- padding-top: var(--x-size-base-04) !important;
656
+ .x-margin--top-05 {
657
+ margin-top: var(--x-size-base-05) !important;
678
658
  }
679
- .x-padding--bottom-04 {
680
- padding-bottom: var(--x-size-base-04) !important;
659
+ .x-margin--bottom-05 {
660
+ margin-bottom: var(--x-size-base-05) !important;
681
661
  }
682
- [dir="ltr"] .x-padding--right-04 {
683
- padding-right: var(--x-size-base-04) !important;
662
+ [dir="ltr"] .x-margin--right-05 {
663
+ margin-right: var(--x-size-base-05) !important;
684
664
  }
685
- [dir="rtl"] .x-padding--right-04 {
686
- padding-left: var(--x-size-base-04) !important;
665
+ [dir="rtl"] .x-margin--right-05 {
666
+ margin-left: var(--x-size-base-05) !important;
687
667
  }
688
- [dir="ltr"] .x-padding--left-04 {
689
- padding-left: var(--x-size-base-04) !important;
668
+ [dir="ltr"] .x-margin--left-05 {
669
+ margin-left: var(--x-size-base-05) !important;
690
670
  }
691
- [dir="rtl"] .x-padding--left-04 {
692
- padding-right: var(--x-size-base-04) !important;
671
+ [dir="rtl"] .x-margin--left-05 {
672
+ margin-right: var(--x-size-base-05) !important;
693
673
  }
694
- .x-padding--top-05 {
695
- padding-top: var(--x-size-base-05) !important;
674
+ .x-margin--top-06 {
675
+ margin-top: var(--x-size-base-06) !important;
696
676
  }
697
- .x-padding--bottom-05 {
698
- padding-bottom: var(--x-size-base-05) !important;
677
+ .x-margin--bottom-06 {
678
+ margin-bottom: var(--x-size-base-06) !important;
699
679
  }
700
- [dir="ltr"] .x-padding--right-05 {
701
- padding-right: var(--x-size-base-05) !important;
680
+ [dir="ltr"] .x-margin--right-06 {
681
+ margin-right: var(--x-size-base-06) !important;
702
682
  }
703
- [dir="rtl"] .x-padding--right-05 {
704
- padding-left: var(--x-size-base-05) !important;
683
+ [dir="rtl"] .x-margin--right-06 {
684
+ margin-left: var(--x-size-base-06) !important;
705
685
  }
706
- [dir="ltr"] .x-padding--left-05 {
707
- padding-left: var(--x-size-base-05) !important;
686
+ [dir="ltr"] .x-margin--left-06 {
687
+ margin-left: var(--x-size-base-06) !important;
708
688
  }
709
- [dir="rtl"] .x-padding--left-05 {
710
- padding-right: var(--x-size-base-05) !important;
689
+ [dir="rtl"] .x-margin--left-06 {
690
+ margin-right: var(--x-size-base-06) !important;
711
691
  }
712
- .x-padding--top-06 {
713
- padding-top: var(--x-size-base-06) !important;
692
+ .x-margin--top-07 {
693
+ margin-top: var(--x-size-base-07) !important;
714
694
  }
715
- .x-padding--bottom-06 {
716
- padding-bottom: var(--x-size-base-06) !important;
695
+ .x-margin--bottom-07 {
696
+ margin-bottom: var(--x-size-base-07) !important;
717
697
  }
718
- [dir="ltr"] .x-padding--right-06 {
719
- padding-right: var(--x-size-base-06) !important;
698
+ [dir="ltr"] .x-margin--right-07 {
699
+ margin-right: var(--x-size-base-07) !important;
720
700
  }
721
- [dir="rtl"] .x-padding--right-06 {
722
- padding-left: var(--x-size-base-06) !important;
701
+ [dir="rtl"] .x-margin--right-07 {
702
+ margin-left: var(--x-size-base-07) !important;
723
703
  }
724
- [dir="ltr"] .x-padding--left-06 {
725
- padding-left: var(--x-size-base-06) !important;
704
+ [dir="ltr"] .x-margin--left-07 {
705
+ margin-left: var(--x-size-base-07) !important;
726
706
  }
727
- [dir="rtl"] .x-padding--left-06 {
728
- padding-right: var(--x-size-base-06) !important;
707
+ [dir="rtl"] .x-margin--left-07 {
708
+ margin-right: var(--x-size-base-07) !important;
729
709
  }
730
- .x-padding--top-07 {
731
- padding-top: var(--x-size-base-07) !important;
710
+ .x-margin--top-08 {
711
+ margin-top: var(--x-size-base-08) !important;
732
712
  }
733
- .x-padding--bottom-07 {
734
- padding-bottom: var(--x-size-base-07) !important;
713
+ .x-margin--bottom-08 {
714
+ margin-bottom: var(--x-size-base-08) !important;
735
715
  }
736
- [dir="ltr"] .x-padding--right-07 {
737
- padding-right: var(--x-size-base-07) !important;
716
+ [dir="ltr"] .x-margin--right-08 {
717
+ margin-right: var(--x-size-base-08) !important;
738
718
  }
739
- [dir="rtl"] .x-padding--right-07 {
740
- padding-left: var(--x-size-base-07) !important;
719
+ [dir="rtl"] .x-margin--right-08 {
720
+ margin-left: var(--x-size-base-08) !important;
741
721
  }
742
- [dir="ltr"] .x-padding--left-07 {
743
- padding-left: var(--x-size-base-07) !important;
722
+ [dir="ltr"] .x-margin--left-08 {
723
+ margin-left: var(--x-size-base-08) !important;
744
724
  }
745
- [dir="rtl"] .x-padding--left-07 {
746
- padding-right: var(--x-size-base-07) !important;
725
+ [dir="rtl"] .x-margin--left-08 {
726
+ margin-right: var(--x-size-base-08) !important;
747
727
  }
748
- .x-padding--top-08 {
749
- padding-top: var(--x-size-base-08) !important;
728
+ .x-margin--top-09 {
729
+ margin-top: var(--x-size-base-09) !important;
750
730
  }
751
- .x-padding--bottom-08 {
752
- padding-bottom: var(--x-size-base-08) !important;
731
+ .x-margin--bottom-09 {
732
+ margin-bottom: var(--x-size-base-09) !important;
753
733
  }
754
- [dir="ltr"] .x-padding--right-08 {
755
- padding-right: var(--x-size-base-08) !important;
734
+ [dir="ltr"] .x-margin--right-09 {
735
+ margin-right: var(--x-size-base-09) !important;
756
736
  }
757
- [dir="rtl"] .x-padding--right-08 {
758
- padding-left: var(--x-size-base-08) !important;
737
+ [dir="rtl"] .x-margin--right-09 {
738
+ margin-left: var(--x-size-base-09) !important;
759
739
  }
760
- [dir="ltr"] .x-padding--left-08 {
761
- padding-left: var(--x-size-base-08) !important;
740
+ [dir="ltr"] .x-margin--left-09 {
741
+ margin-left: var(--x-size-base-09) !important;
762
742
  }
763
- [dir="rtl"] .x-padding--left-08 {
764
- padding-right: var(--x-size-base-08) !important;
743
+ [dir="rtl"] .x-margin--left-09 {
744
+ margin-right: var(--x-size-base-09) !important;
765
745
  }
766
- .x-padding--top-09 {
767
- padding-top: var(--x-size-base-09) !important;
746
+ .x-margin--top-10 {
747
+ margin-top: var(--x-size-base-10) !important;
768
748
  }
769
- .x-padding--bottom-09 {
770
- padding-bottom: var(--x-size-base-09) !important;
749
+ .x-margin--bottom-10 {
750
+ margin-bottom: var(--x-size-base-10) !important;
771
751
  }
772
- [dir="ltr"] .x-padding--right-09 {
773
- padding-right: var(--x-size-base-09) !important;
752
+ [dir="ltr"] .x-margin--right-10 {
753
+ margin-right: var(--x-size-base-10) !important;
774
754
  }
775
- [dir="rtl"] .x-padding--right-09 {
776
- padding-left: var(--x-size-base-09) !important;
755
+ [dir="rtl"] .x-margin--right-10 {
756
+ margin-left: var(--x-size-base-10) !important;
777
757
  }
778
- [dir="ltr"] .x-padding--left-09 {
779
- padding-left: var(--x-size-base-09) !important;
758
+ [dir="ltr"] .x-margin--left-10 {
759
+ margin-left: var(--x-size-base-10) !important;
780
760
  }
781
- [dir="rtl"] .x-padding--left-09 {
782
- padding-right: var(--x-size-base-09) !important;
761
+ [dir="rtl"] .x-margin--left-10 {
762
+ margin-right: var(--x-size-base-10) !important;
783
763
  }
784
- .x-padding--top-10 {
785
- padding-top: var(--x-size-base-10) !important;
764
+ .x-margin--top-11 {
765
+ margin-top: var(--x-size-base-11) !important;
786
766
  }
787
- .x-padding--bottom-10 {
788
- padding-bottom: var(--x-size-base-10) !important;
767
+ .x-margin--bottom-11 {
768
+ margin-bottom: var(--x-size-base-11) !important;
789
769
  }
790
- [dir="ltr"] .x-padding--right-10 {
791
- padding-right: var(--x-size-base-10) !important;
770
+ [dir="ltr"] .x-margin--right-11 {
771
+ margin-right: var(--x-size-base-11) !important;
792
772
  }
793
- [dir="rtl"] .x-padding--right-10 {
794
- padding-left: var(--x-size-base-10) !important;
773
+ [dir="rtl"] .x-margin--right-11 {
774
+ margin-left: var(--x-size-base-11) !important;
795
775
  }
796
- [dir="ltr"] .x-padding--left-10 {
797
- padding-left: var(--x-size-base-10) !important;
776
+ [dir="ltr"] .x-margin--left-11 {
777
+ margin-left: var(--x-size-base-11) !important;
798
778
  }
799
- [dir="rtl"] .x-padding--left-10 {
800
- padding-right: var(--x-size-base-10) !important;
779
+ [dir="rtl"] .x-margin--left-11 {
780
+ margin-right: var(--x-size-base-11) !important;
801
781
  }
802
- .x-padding--top-11 {
803
- padding-top: var(--x-size-base-11) !important;
782
+ .x-margin--top-12 {
783
+ margin-top: var(--x-size-base-12) !important;
804
784
  }
805
- .x-padding--bottom-11 {
806
- padding-bottom: var(--x-size-base-11) !important;
785
+ .x-margin--bottom-12 {
786
+ margin-bottom: var(--x-size-base-12) !important;
807
787
  }
808
- [dir="ltr"] .x-padding--right-11 {
809
- padding-right: var(--x-size-base-11) !important;
788
+ [dir="ltr"] .x-margin--right-12 {
789
+ margin-right: var(--x-size-base-12) !important;
810
790
  }
811
- [dir="rtl"] .x-padding--right-11 {
812
- padding-left: var(--x-size-base-11) !important;
791
+ [dir="rtl"] .x-margin--right-12 {
792
+ margin-left: var(--x-size-base-12) !important;
813
793
  }
814
- [dir="ltr"] .x-padding--left-11 {
815
- padding-left: var(--x-size-base-11) !important;
794
+ [dir="ltr"] .x-margin--left-12 {
795
+ margin-left: var(--x-size-base-12) !important;
816
796
  }
817
- [dir="rtl"] .x-padding--left-11 {
818
- padding-right: var(--x-size-base-11) !important;
797
+ [dir="rtl"] .x-margin--left-12 {
798
+ margin-right: var(--x-size-base-12) !important;
819
799
  }
820
- .x-padding--top-12 {
821
- padding-top: var(--x-size-base-12) !important;
800
+ .x-margin--top-13 {
801
+ margin-top: var(--x-size-base-13) !important;
822
802
  }
823
- .x-padding--bottom-12 {
824
- padding-bottom: var(--x-size-base-12) !important;
803
+ .x-margin--bottom-13 {
804
+ margin-bottom: var(--x-size-base-13) !important;
825
805
  }
826
- [dir="ltr"] .x-padding--right-12 {
827
- padding-right: var(--x-size-base-12) !important;
806
+ [dir="ltr"] .x-margin--right-13 {
807
+ margin-right: var(--x-size-base-13) !important;
828
808
  }
829
- [dir="rtl"] .x-padding--right-12 {
830
- padding-left: var(--x-size-base-12) !important;
809
+ [dir="rtl"] .x-margin--right-13 {
810
+ margin-left: var(--x-size-base-13) !important;
831
811
  }
832
- [dir="ltr"] .x-padding--left-12 {
833
- padding-left: var(--x-size-base-12) !important;
812
+ [dir="ltr"] .x-margin--left-13 {
813
+ margin-left: var(--x-size-base-13) !important;
834
814
  }
835
- [dir="rtl"] .x-padding--left-12 {
836
- padding-right: var(--x-size-base-12) !important;
815
+ [dir="rtl"] .x-margin--left-13 {
816
+ margin-right: var(--x-size-base-13) !important;
837
817
  }
838
- .x-padding--top-13 {
839
- padding-top: var(--x-size-base-13) !important;
818
+ .x-margin--top-14 {
819
+ margin-top: var(--x-size-base-14) !important;
840
820
  }
841
- .x-padding--bottom-13 {
842
- padding-bottom: var(--x-size-base-13) !important;
821
+ .x-margin--bottom-14 {
822
+ margin-bottom: var(--x-size-base-14) !important;
843
823
  }
844
- [dir="ltr"] .x-padding--right-13 {
845
- padding-right: var(--x-size-base-13) !important;
824
+ [dir="ltr"] .x-margin--right-14 {
825
+ margin-right: var(--x-size-base-14) !important;
846
826
  }
847
- [dir="rtl"] .x-padding--right-13 {
848
- padding-left: var(--x-size-base-13) !important;
827
+ [dir="rtl"] .x-margin--right-14 {
828
+ margin-left: var(--x-size-base-14) !important;
849
829
  }
850
- [dir="ltr"] .x-padding--left-13 {
851
- padding-left: var(--x-size-base-13) !important;
830
+ [dir="ltr"] .x-margin--left-14 {
831
+ margin-left: var(--x-size-base-14) !important;
852
832
  }
853
- [dir="rtl"] .x-padding--left-13 {
854
- padding-right: var(--x-size-base-13) !important;
833
+ [dir="rtl"] .x-margin--left-14 {
834
+ margin-right: var(--x-size-base-14) !important;
855
835
  }
856
- .x-padding--top-14 {
857
- padding-top: var(--x-size-base-14) !important;
836
+ .x-margin--top-15 {
837
+ margin-top: var(--x-size-base-15) !important;
858
838
  }
859
- .x-padding--bottom-14 {
860
- padding-bottom: var(--x-size-base-14) !important;
839
+ .x-margin--bottom-15 {
840
+ margin-bottom: var(--x-size-base-15) !important;
861
841
  }
862
- [dir="ltr"] .x-padding--right-14 {
863
- padding-right: var(--x-size-base-14) !important;
842
+ [dir="ltr"] .x-margin--right-15 {
843
+ margin-right: var(--x-size-base-15) !important;
864
844
  }
865
- [dir="rtl"] .x-padding--right-14 {
866
- padding-left: var(--x-size-base-14) !important;
845
+ [dir="rtl"] .x-margin--right-15 {
846
+ margin-left: var(--x-size-base-15) !important;
867
847
  }
868
- [dir="ltr"] .x-padding--left-14 {
869
- padding-left: var(--x-size-base-14) !important;
848
+ [dir="ltr"] .x-margin--left-15 {
849
+ margin-left: var(--x-size-base-15) !important;
870
850
  }
871
- [dir="rtl"] .x-padding--left-14 {
872
- padding-right: var(--x-size-base-14) !important;
851
+ [dir="rtl"] .x-margin--left-15 {
852
+ margin-right: var(--x-size-base-15) !important;
873
853
  }
874
- .x-padding--top-15 {
875
- padding-top: var(--x-size-base-15) !important;
854
+ .x-margin--top-16 {
855
+ margin-top: var(--x-size-base-16) !important;
876
856
  }
877
- .x-padding--bottom-15 {
878
- padding-bottom: var(--x-size-base-15) !important;
857
+ .x-margin--bottom-16 {
858
+ margin-bottom: var(--x-size-base-16) !important;
879
859
  }
880
- [dir="ltr"] .x-padding--right-15 {
881
- padding-right: var(--x-size-base-15) !important;
860
+ [dir="ltr"] .x-margin--right-16 {
861
+ margin-right: var(--x-size-base-16) !important;
882
862
  }
883
- [dir="rtl"] .x-padding--right-15 {
884
- padding-left: var(--x-size-base-15) !important;
863
+ [dir="rtl"] .x-margin--right-16 {
864
+ margin-left: var(--x-size-base-16) !important;
885
865
  }
886
- [dir="ltr"] .x-padding--left-15 {
887
- padding-left: var(--x-size-base-15) !important;
866
+ [dir="ltr"] .x-margin--left-16 {
867
+ margin-left: var(--x-size-base-16) !important;
888
868
  }
889
- [dir="rtl"] .x-padding--left-15 {
890
- padding-right: var(--x-size-base-15) !important;
869
+ [dir="rtl"] .x-margin--left-16 {
870
+ margin-right: var(--x-size-base-16) !important;
891
871
  }
892
- .x-padding--top-16 {
893
- padding-top: var(--x-size-base-16) !important;
872
+ .x-margin--top-17 {
873
+ margin-top: var(--x-size-base-17) !important;
894
874
  }
895
- .x-padding--bottom-16 {
896
- padding-bottom: var(--x-size-base-16) !important;
875
+ .x-margin--bottom-17 {
876
+ margin-bottom: var(--x-size-base-17) !important;
897
877
  }
898
- [dir="ltr"] .x-padding--right-16 {
899
- padding-right: var(--x-size-base-16) !important;
878
+ [dir="ltr"] .x-margin--right-17 {
879
+ margin-right: var(--x-size-base-17) !important;
900
880
  }
901
- [dir="rtl"] .x-padding--right-16 {
902
- padding-left: var(--x-size-base-16) !important;
881
+ [dir="rtl"] .x-margin--right-17 {
882
+ margin-left: var(--x-size-base-17) !important;
903
883
  }
904
- [dir="ltr"] .x-padding--left-16 {
905
- padding-left: var(--x-size-base-16) !important;
884
+ [dir="ltr"] .x-margin--left-17 {
885
+ margin-left: var(--x-size-base-17) !important;
906
886
  }
907
- [dir="rtl"] .x-padding--left-16 {
908
- padding-right: var(--x-size-base-16) !important;
887
+ [dir="rtl"] .x-margin--left-17 {
888
+ margin-right: var(--x-size-base-17) !important;
909
889
  }
910
- .x-padding--top-17 {
911
- padding-top: var(--x-size-base-17) !important;
890
+ .x-margin--top-18 {
891
+ margin-top: var(--x-size-base-18) !important;
912
892
  }
913
- .x-padding--bottom-17 {
914
- padding-bottom: var(--x-size-base-17) !important;
893
+ .x-margin--bottom-18 {
894
+ margin-bottom: var(--x-size-base-18) !important;
915
895
  }
916
- [dir="ltr"] .x-padding--right-17 {
917
- padding-right: var(--x-size-base-17) !important;
896
+ [dir="ltr"] .x-margin--right-18 {
897
+ margin-right: var(--x-size-base-18) !important;
918
898
  }
919
- [dir="rtl"] .x-padding--right-17 {
920
- padding-left: var(--x-size-base-17) !important;
899
+ [dir="rtl"] .x-margin--right-18 {
900
+ margin-left: var(--x-size-base-18) !important;
921
901
  }
922
- [dir="ltr"] .x-padding--left-17 {
923
- padding-left: var(--x-size-base-17) !important;
902
+ [dir="ltr"] .x-margin--left-18 {
903
+ margin-left: var(--x-size-base-18) !important;
924
904
  }
925
- [dir="rtl"] .x-padding--left-17 {
926
- padding-right: var(--x-size-base-17) !important;
905
+ [dir="rtl"] .x-margin--left-18 {
906
+ margin-right: var(--x-size-base-18) !important;
927
907
  }
928
- .x-padding--top-18 {
929
- padding-top: var(--x-size-base-18) !important;
908
+ .x-margin--top-19 {
909
+ margin-top: var(--x-size-base-19) !important;
930
910
  }
931
- .x-padding--bottom-18 {
932
- padding-bottom: var(--x-size-base-18) !important;
911
+ .x-margin--bottom-19 {
912
+ margin-bottom: var(--x-size-base-19) !important;
933
913
  }
934
- [dir="ltr"] .x-padding--right-18 {
935
- padding-right: var(--x-size-base-18) !important;
914
+ [dir="ltr"] .x-margin--right-19 {
915
+ margin-right: var(--x-size-base-19) !important;
936
916
  }
937
- [dir="rtl"] .x-padding--right-18 {
938
- padding-left: var(--x-size-base-18) !important;
917
+ [dir="rtl"] .x-margin--right-19 {
918
+ margin-left: var(--x-size-base-19) !important;
939
919
  }
940
- [dir="ltr"] .x-padding--left-18 {
941
- padding-left: var(--x-size-base-18) !important;
920
+ [dir="ltr"] .x-margin--left-19 {
921
+ margin-left: var(--x-size-base-19) !important;
942
922
  }
943
- [dir="rtl"] .x-padding--left-18 {
944
- padding-right: var(--x-size-base-18) !important;
923
+ [dir="rtl"] .x-margin--left-19 {
924
+ margin-right: var(--x-size-base-19) !important;
945
925
  }
946
- .x-padding--top-19 {
947
- padding-top: var(--x-size-base-19) !important;
926
+ .x-margin--top-20 {
927
+ margin-top: var(--x-size-base-20) !important;
948
928
  }
949
- .x-padding--bottom-19 {
950
- padding-bottom: var(--x-size-base-19) !important;
929
+ .x-margin--bottom-20 {
930
+ margin-bottom: var(--x-size-base-20) !important;
951
931
  }
952
- [dir="ltr"] .x-padding--right-19 {
953
- padding-right: var(--x-size-base-19) !important;
932
+ [dir="ltr"] .x-margin--right-20 {
933
+ margin-right: var(--x-size-base-20) !important;
954
934
  }
955
- [dir="rtl"] .x-padding--right-19 {
956
- padding-left: var(--x-size-base-19) !important;
935
+ [dir="rtl"] .x-margin--right-20 {
936
+ margin-left: var(--x-size-base-20) !important;
957
937
  }
958
- [dir="ltr"] .x-padding--left-19 {
959
- padding-left: var(--x-size-base-19) !important;
938
+ [dir="ltr"] .x-margin--left-20 {
939
+ margin-left: var(--x-size-base-20) !important;
960
940
  }
961
- [dir="rtl"] .x-padding--left-19 {
962
- padding-right: var(--x-size-base-19) !important;
941
+ [dir="rtl"] .x-margin--left-20 {
942
+ margin-right: var(--x-size-base-20) !important;
963
943
  }
964
- .x-padding--top-20 {
965
- padding-top: var(--x-size-base-20) !important;
944
+ .x-line-height--none {
945
+ line-height: 1 !important;
966
946
  }
967
- .x-padding--bottom-20 {
968
- padding-bottom: var(--x-size-base-20) !important;
947
+
948
+ .x-line-height--tight {
949
+ line-height: 1.25 !important;
969
950
  }
970
- [dir="ltr"] .x-padding--right-20 {
971
- padding-right: var(--x-size-base-20) !important;
951
+
952
+ .x-line-height--snug {
953
+ line-height: 1.375 !important;
972
954
  }
973
- [dir="rtl"] .x-padding--right-20 {
974
- padding-left: var(--x-size-base-20) !important;
955
+
956
+ .x-line-height--normal {
957
+ line-height: 1.5 !important;
975
958
  }
976
- [dir="ltr"] .x-padding--left-20 {
977
- padding-left: var(--x-size-base-20) !important;
959
+
960
+ .x-line-height--relaxed {
961
+ line-height: 1.625 !important;
978
962
  }
979
- [dir="rtl"] .x-padding--left-20 {
980
- padding-right: var(--x-size-base-20) !important;
963
+
964
+ .x-line-height--loose {
965
+ line-height: 2 !important;
981
966
  }
982
967
  .x-line-clamp--2 {
983
968
  overflow: hidden !important;
@@ -1013,6 +998,30 @@
1013
998
  -webkit-box-orient: vertical !important;
1014
999
  -webkit-line-clamp: 6 !important;
1015
1000
  }
1001
+ .x-font-weight--light {
1002
+ font-weight: var(--x-number-font-weight-base-light) !important;
1003
+ }
1004
+ .x-font-weight--regular {
1005
+ font-weight: var(--x-number-font-weight-base-regular) !important;
1006
+ }
1007
+ .x-font-weight--bold {
1008
+ font-weight: var(--x-number-font-weight-base-bold) !important;
1009
+ }
1010
+ .x-uppercase {
1011
+ text-transform: uppercase;
1012
+ }
1013
+
1014
+ .x-lowercase {
1015
+ text-transform: lowercase;
1016
+ }
1017
+
1018
+ .x-capitalize {
1019
+ text-transform: capitalize;
1020
+ }
1021
+
1022
+ .x-normal-case {
1023
+ text-transform: none;
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
  }
@@ -1188,49 +1188,6 @@
1188
1188
  .x-self-baseline {
1189
1189
  align-self: baseline !important;
1190
1190
  }
1191
- .x-fill--lead {
1192
- fill: var(--x-color-base-lead) !important;
1193
- }
1194
-
1195
- .x-fill--auxiliary {
1196
- fill: var(--x-color-base-auxiliary) !important;
1197
- }
1198
-
1199
- .x-fill--neutral-10 {
1200
- fill: var(--x-color-base-neutral-10) !important;
1201
- }
1202
-
1203
- .x-fill--neutral-35 {
1204
- fill: var(--x-color-base-neutral-35) !important;
1205
- }
1206
-
1207
- .x-fill--neutral-70 {
1208
- fill: var(--x-color-base-neutral-70) !important;
1209
- }
1210
-
1211
- .x-fill--neutral-95 {
1212
- fill: var(--x-color-base-neutral-95) !important;
1213
- }
1214
-
1215
- .x-fill--neutral-100 {
1216
- fill: var(--x-color-base-neutral-100) !important;
1217
- }
1218
-
1219
- .x-fill--accent {
1220
- fill: var(--x-color-base-accent) !important;
1221
- }
1222
-
1223
- .x-fill--enable {
1224
- fill: var(--x-color-base-enable) !important;
1225
- }
1226
-
1227
- .x-fill--disable {
1228
- fill: var(--x-color-base-disable) !important;
1229
- }
1230
-
1231
- .x-fill--transparent {
1232
- fill: var(--x-color-base-transparent) !important;
1233
- }
1234
1191
  /* Material Elevations extracted from:
1235
1192
  https://gist.github.com/serglo/f9f0be9a66fd6755a0bda85f9c64e85f
1236
1193
  */
@@ -1299,6 +1256,49 @@
1299
1256
  --x-string-box-shadow-bottom-10: 0 34px 38px -7px rgba(0, 0, 0, 0.14),
1300
1257
  0 29px 46px -12px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
1301
1258
  }
1259
+ .x-fill--lead {
1260
+ fill: var(--x-color-base-lead) !important;
1261
+ }
1262
+
1263
+ .x-fill--auxiliary {
1264
+ fill: var(--x-color-base-auxiliary) !important;
1265
+ }
1266
+
1267
+ .x-fill--neutral-10 {
1268
+ fill: var(--x-color-base-neutral-10) !important;
1269
+ }
1270
+
1271
+ .x-fill--neutral-35 {
1272
+ fill: var(--x-color-base-neutral-35) !important;
1273
+ }
1274
+
1275
+ .x-fill--neutral-70 {
1276
+ fill: var(--x-color-base-neutral-70) !important;
1277
+ }
1278
+
1279
+ .x-fill--neutral-95 {
1280
+ fill: var(--x-color-base-neutral-95) !important;
1281
+ }
1282
+
1283
+ .x-fill--neutral-100 {
1284
+ fill: var(--x-color-base-neutral-100) !important;
1285
+ }
1286
+
1287
+ .x-fill--accent {
1288
+ fill: var(--x-color-base-accent) !important;
1289
+ }
1290
+
1291
+ .x-fill--enable {
1292
+ fill: var(--x-color-base-enable) !important;
1293
+ }
1294
+
1295
+ .x-fill--disable {
1296
+ fill: var(--x-color-base-disable) !important;
1297
+ }
1298
+
1299
+ .x-fill--transparent {
1300
+ fill: var(--x-color-base-transparent) !important;
1301
+ }
1302
1302
  /* Material Elevations extracted from:
1303
1303
  https://gist.github.com/serglo/f9f0be9a66fd6755a0bda85f9c64e85f
1304
1304
  */
@@ -3360,6 +3360,9 @@
3360
3360
  .x-background--transparent {
3361
3361
  background-color: var(--x-color-base-transparent) !important;
3362
3362
  }
3363
+ :root {
3364
+ --x-color-text-secondary: var(--x-color-base-neutral-35);
3365
+ }
3363
3366
  .x-text--stroke.x-text {
3364
3367
  --x-string-text-decoration: line-through;
3365
3368
  }
@@ -3375,8 +3378,23 @@
3375
3378
  .x-text--stroke.x-small {
3376
3379
  --x-string-text-decoration-small: line-through;
3377
3380
  }
3378
- :root {
3379
- --x-color-text-secondary: var(--x-color-base-neutral-35);
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);
3395
+ }
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,23 +3436,20 @@
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);
3439
+ .x-text--bold.x-text {
3440
+ --x-number-font-weight-text: var(--x-number-font-weight-base-bold);
3426
3441
  }
3427
- .x-text--light.x-title2 {
3428
- --x-number-font-weight-title2: var(--x-number-font-weight-base-light);
3442
+ .x-text--bold.x-title1 {
3443
+ --x-number-font-weight-title1: var(--x-number-font-weight-base-bold);
3429
3444
  }
3430
- .x-text--light.x-title3 {
3431
- --x-number-font-weight-title3: var(--x-number-font-weight-base-light);
3445
+ .x-text--bold.x-title2 {
3446
+ --x-number-font-weight-title2: var(--x-number-font-weight-base-bold);
3432
3447
  }
3433
- .x-text--light.x-small {
3434
- --x-number-font-weight-small: var(--x-number-font-weight-base-light);
3448
+ .x-text--bold.x-title3 {
3449
+ --x-number-font-weight-title3: var(--x-number-font-weight-base-bold);
3435
3450
  }
3436
- .x-text--secondary {
3437
- --x-color-text-default: var(--x-color-text-secondary);
3451
+ .x-text--bold.x-small {
3452
+ --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
3438
3453
  }
3439
3454
  :root {
3440
3455
  --x-font-family-base: "Montserrat", sans-serif;
@@ -3538,33 +3553,11 @@
3538
3553
  overflow: hidden;
3539
3554
  white-space: nowrap;
3540
3555
  }
3541
- :root {
3542
- --x-color-text-accent: var(--x-color-base-accent);
3543
- }
3544
- .x-text--bold.x-text {
3545
- --x-number-font-weight-text: var(--x-number-font-weight-base-bold);
3546
- }
3547
- .x-text--bold.x-title1 {
3548
- --x-number-font-weight-title1: var(--x-number-font-weight-base-bold);
3549
- }
3550
- .x-text--bold.x-title2 {
3551
- --x-number-font-weight-title2: var(--x-number-font-weight-base-bold);
3552
- }
3553
- .x-text--bold.x-title3 {
3554
- --x-number-font-weight-title3: var(--x-number-font-weight-base-bold);
3555
- }
3556
- .x-text--bold.x-small {
3557
- --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
3558
- }
3559
3556
  .x-text--accent {
3560
3557
  --x-color-text-default: var(--x-color-text-accent);
3561
3558
  }
3562
3559
  :root {
3563
- --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3564
- --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
3565
- --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
3566
- --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3567
- --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3560
+ --x-color-text-accent: var(--x-color-base-accent);
3568
3561
  }
3569
3562
  :root {
3570
3563
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
@@ -3573,17 +3566,6 @@
3573
3566
  --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3574
3567
  --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3575
3568
  }
3576
-
3577
- .x-tag--pill.x-tag,
3578
- .x-tag--pill .x-tag {
3579
- --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-pill);
3580
- --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-pill);
3581
- --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-pill);
3582
- --x-size-border-radius-bottom-right-tag-default: var(
3583
- --x-size-border-radius-bottom-right-tag-pill
3584
- );
3585
- --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-pill);
3586
- }
3587
3569
  :root {
3588
3570
  --x-color-background-tag-ghost: transparent;
3589
3571
  --x-color-border-tag-ghost: transparent;
@@ -3894,11 +3876,22 @@
3894
3876
  --x-size-line-height-filter-default-selected: var(--x-size-line-height-tag-default-selected);
3895
3877
  }
3896
3878
  :root {
3897
- --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3898
- --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3899
- --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3900
- --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3901
- --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3879
+ --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3880
+ --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
3881
+ --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
3882
+ --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3883
+ --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3884
+ }
3885
+
3886
+ .x-tag--pill.x-tag,
3887
+ .x-tag--pill .x-tag {
3888
+ --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-pill);
3889
+ --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-pill);
3890
+ --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-pill);
3891
+ --x-size-border-radius-bottom-right-tag-default: var(
3892
+ --x-size-border-radius-bottom-right-tag-pill
3893
+ );
3894
+ --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-pill);
3902
3895
  }
3903
3896
  :root {
3904
3897
  --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
@@ -3907,17 +3900,6 @@
3907
3900
  --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3908
3901
  --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3909
3902
  }
3910
-
3911
- .x-tag--card.x-tag,
3912
- .x-tag--card .x-tag {
3913
- --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-card);
3914
- --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-card);
3915
- --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-card);
3916
- --x-size-border-radius-bottom-right-tag-default: var(
3917
- --x-size-border-radius-bottom-right-tag-card
3918
- );
3919
- --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3920
- }
3921
3903
  :root {
3922
3904
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3923
3905
  --x-color-text-suggestion-group-matching-part-default: var(
@@ -4075,6 +4057,24 @@
4075
4057
  --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
4076
4058
  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
4077
4059
  }
4060
+ :root {
4061
+ --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
4062
+ --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
4063
+ --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
4064
+ --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
4065
+ --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
4066
+ }
4067
+
4068
+ .x-tag--card.x-tag,
4069
+ .x-tag--card .x-tag {
4070
+ --x-size-border-radius-tag-default: var(--x-size-border-radius-tag-card);
4071
+ --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-top-left-tag-card);
4072
+ --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-top-right-tag-card);
4073
+ --x-size-border-radius-bottom-right-tag-default: var(
4074
+ --x-size-border-radius-bottom-right-tag-card
4075
+ );
4076
+ --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
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
+ /* @deprecated */
4458
+ :root {
4459
+ --x-size-padding-row-02: var(--x-size-base-02);
4460
+ --x-size-padding-row-03: var(--x-size-base-03);
4461
+ --x-size-padding-row-04: var(--x-size-base-04);
4462
+ --x-size-padding-row-05: var(--x-size-base-05);
4463
+ --x-size-padding-row-06: var(--x-size-base-06);
4464
+ }
4465
+ :root {
4466
+ --x-string-overflow-scroll: auto;
4467
+ --x-color-background-scroll-bar: transparent;
4468
+ --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4469
+ --x-color-background-scroll-bar-hover: transparent;
4470
+ --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4471
+ }
4472
+
4473
+ .x-scroll {
4474
+ overflow-y: var(--x-string-overflow-scroll);
4475
+ }
4476
+ @media (hover: hover) {
4477
+ .x-scroll {
4478
+ scrollbar-width: auto;
4479
+ scrollbar-color: var(--x-color-thumb-scroll-bar) var(--x-color-background-scroll-bar);
4480
+ }
4481
+ .x-scroll::-webkit-scrollbar {
4482
+ width: 17px;
4483
+ }
4484
+ .x-scroll::-webkit-scrollbar-track {
4485
+ background: var(--x-color-background-scroll-bar);
4486
+ }
4487
+ .x-scroll::-webkit-scrollbar-thumb {
4488
+ width: 5px;
4489
+ border-radius: 15px;
4490
+ background: var(--x-color-thumb-scroll-bar);
4491
+ background-clip: content-box;
4492
+ border: solid 4px rgba(0, 0, 0, 0.00001);
4493
+ }
4494
+ .x-scroll:hover {
4495
+ --x-color-background-scroll-bar: var(--x-color-background-scroll-bar-hover);
4496
+ --x-color-thumb-scroll-bar: var(--x-color-thumb-scroll-bar-hover);
4497
+ }
4498
+ }
4499
+
4500
+ .x-base-scroll {
4501
+ overflow-y: var(--x-string-overflow-scroll, auto);
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,23 +4806,6 @@
4806
4806
  --x-size-border-width-result-description-default: 0;
4807
4807
  --x-size-border-width-result-picture-default: 0;
4808
4808
  }
4809
- :root {
4810
- --x-color-border-result-default: var(--x-color-base-lead);
4811
- --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4812
- --x-color-border-result-description-default: var(--x-color-border-result-default);
4813
- --x-color-border-result-picture-default: var(--x-color-border-result-default);
4814
- --x-color-background-result-default: transparent;
4815
- --x-size-padding-result-default: 0;
4816
- --x-size-padding-result-overlay-default: 0;
4817
- --x-size-padding-result-description-default: 0;
4818
- --x-size-gap-result-default: var(--x-size-base-03);
4819
- --x-size-padding-result-picture-default: 0;
4820
- --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4821
- --x-size-border-width-result-default: 0;
4822
- --x-size-border-width-result-overlay-default: 0;
4823
- --x-size-border-width-result-description-default: 0;
4824
- --x-size-border-width-result-picture-default: 0;
4825
- }
4826
4809
 
4827
4810
  .x-result {
4828
4811
  display: grid;
@@ -4877,16 +4860,24 @@
4877
4860
  }
4878
4861
  }
4879
4862
  :root {
4880
- --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4863
+ --x-color-border-result-default: var(--x-color-base-lead);
4864
+ --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4865
+ --x-color-border-result-description-default: var(--x-color-border-result-default);
4866
+ --x-color-border-result-picture-default: var(--x-color-border-result-default);
4867
+ --x-color-background-result-default: transparent;
4868
+ --x-size-padding-result-default: 0;
4869
+ --x-size-padding-result-overlay-default: 0;
4870
+ --x-size-padding-result-description-default: 0;
4871
+ --x-size-gap-result-default: var(--x-size-base-03);
4872
+ --x-size-padding-result-picture-default: 0;
4873
+ --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4874
+ --x-size-border-width-result-default: 0;
4875
+ --x-size-border-width-result-overlay-default: 0;
4876
+ --x-size-border-width-result-description-default: 0;
4877
+ --x-size-border-width-result-picture-default: 0;
4881
4878
  }
4882
4879
  :root {
4883
- --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4884
- --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4885
- --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4886
- --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4887
- --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4888
- --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4889
- --x-size-border-width-progress-bar-default: 0;
4880
+ --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4890
4881
  }
4891
4882
  :root {
4892
4883
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
@@ -4905,6 +4896,15 @@
4905
4896
  --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4906
4897
  --x-size-border-width-progress-bar-default: 0;
4907
4898
  }
4899
+ :root {
4900
+ --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4901
+ --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4902
+ --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4903
+ --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4904
+ --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4905
+ --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4906
+ --x-size-border-width-progress-bar-default: 0;
4907
+ }
4908
4908
 
4909
4909
  .x-progress-bar {
4910
4910
  display: inline-block;
@@ -4965,6 +4965,10 @@
4965
4965
  --x-mix-blend-mode-picture-fallback-default: var(--x-mix-blend-mode-picture-default);
4966
4966
  --x-mix-blend-mode-picture-placeholder-default: var(--x-mix-blend-mode-picture-default);
4967
4967
  }
4968
+ :root {
4969
+ --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
4970
+ --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
4971
+ }
4968
4972
  :root {
4969
4973
  --x-size-border-radius-picture-default: 0;
4970
4974
  --x-size-border-radius-top-picture-default: var(--x-size-border-radius-picture-default);
@@ -5021,16 +5025,6 @@
5021
5025
  .x-picture-image--placeholder > path {
5022
5026
  fill: var(--x-color-fill-picture-placeholder-path-default) !important;
5023
5027
  }
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
- :root {
5031
- --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5032
- --x-color-background-picture-cover-hover-to: rgba(0, 0, 0, 0.5);
5033
- }
5034
5028
  :root {
5035
5029
  --x-color-background-picture-cover-hover-from: rgba(0, 0, 0, 0);
5036
5030
  --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;
@@ -5544,15 +5544,15 @@
5544
5544
  --x-modal-overlay-color: rgb(0, 0, 0);
5545
5545
  --x-modal-overlay-opacity: 0.7;
5546
5546
  }
5547
+ :root {
5548
+ --x-modal-overlay-color: rgb(0, 0, 0);
5549
+ --x-modal-overlay-opacity: 0.7;
5550
+ }
5547
5551
 
5548
5552
  .x-modal__overlay {
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);
@@ -6023,6 +6023,162 @@
6023
6023
  --x-size-gap-list-19: var(--x-size-base-19);
6024
6024
  --x-size-gap-list-20: var(--x-size-base-20);
6025
6025
  }
6026
+ :root {
6027
+ --x-string-flow-list: column nowrap;
6028
+ --x-size-padding-list: 0;
6029
+ --x-size-gap-list: 0;
6030
+ --x-size-justify-list: stretch;
6031
+ --x-size-align-list: stretch;
6032
+ --x-size-align-list-stretch: stretch;
6033
+ }
6034
+ :root {
6035
+ --x-string-flow-list: column nowrap;
6036
+ --x-size-padding-list: 0;
6037
+ --x-size-gap-list: 0;
6038
+ --x-size-justify-list: stretch;
6039
+ --x-size-align-list: stretch;
6040
+ --x-size-align-list-stretch: stretch;
6041
+ }
6042
+
6043
+ .x-list {
6044
+ display: flex;
6045
+ flex-flow: var(--x-string-flow-list);
6046
+ list-style: none;
6047
+ gap: var(--x-size-gap-list);
6048
+ margin: 0;
6049
+ padding: var(--x-size-padding-list);
6050
+ justify-content: var(--x-size-justify-list);
6051
+ align-items: var(--x-size-align-list);
6052
+ min-width: 0;
6053
+ }
6054
+ @media not all and (min-resolution: 0.001dpcm) {
6055
+ .x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
6056
+ gap: 0;
6057
+ }
6058
+ .x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list.x-list--vertical > *:not(:last-child) {
6059
+ margin-bottom: var(--x-size-gap-list);
6060
+ }
6061
+ .x-list.x-list--horizontal {
6062
+ gap: 0;
6063
+ }
6064
+ .x-list.x-list--horizontal > *:not(:last-child) {
6065
+ margin-right: var(--x-size-gap-list);
6066
+ }
6067
+ .x-list.x-list--wrap, .x-list.x-list--wrap-reverse {
6068
+ gap: 0;
6069
+ }
6070
+ .x-list.x-list--wrap > *:not(:last-child), .x-list.x-list--wrap-reverse > *:not(:last-child) {
6071
+ margin-right: var(--x-size-gap-list);
6072
+ margin-bottom: var(--x-size-gap-list);
6073
+ }
6074
+ }
6075
+
6076
+ .x-list--vertical.x-list {
6077
+ flex-flow: column nowrap;
6078
+ }
6079
+
6080
+ .x-list--horizontal.x-list {
6081
+ flex-flow: row nowrap;
6082
+ }
6083
+
6084
+ .x-list--wrap.x-list {
6085
+ flex-flow: row wrap;
6086
+ }
6087
+
6088
+ .x-list--wrap-reverse.x-list {
6089
+ flex-flow: row wrap-reverse;
6090
+ }
6091
+
6092
+ .x-list--justify-stretch.x-list {
6093
+ justify-content: stretch;
6094
+ }
6095
+
6096
+ .x-list--justify-center.x-list {
6097
+ justify-content: center;
6098
+ }
6099
+
6100
+ .x-list--justify-end.x-list {
6101
+ justify-content: flex-end;
6102
+ }
6103
+
6104
+ .x-list--justify-start.x-list {
6105
+ justify-content: flex-start;
6106
+ }
6107
+
6108
+ .x-list--align-stretch.x-list {
6109
+ align-items: stretch;
6110
+ }
6111
+
6112
+ .x-list--align-center.x-list {
6113
+ align-items: center;
6114
+ }
6115
+
6116
+ .x-list--align-baseline.x-list {
6117
+ align-items: baseline;
6118
+ }
6119
+
6120
+ .x-list--align-end.x-list {
6121
+ align-items: flex-end;
6122
+ }
6123
+
6124
+ .x-list--align-start.x-list {
6125
+ align-items: flex-start;
6126
+ }
6127
+
6128
+ .x-list > .x-list__item--expand {
6129
+ flex: 1 1 auto;
6130
+ }
6131
+ .x-list > .x-list__item--no-expand {
6132
+ flex: 0 0 auto;
6133
+ }
6134
+ .x-list.x-list--horizontal > .x-list__item--expand {
6135
+ min-width: 0;
6136
+ }
6137
+ .x-list:not(.x-list--horizontal) > .x-list__item--expand {
6138
+ min-height: 0;
6139
+ }
6140
+ .x-list > .x-list__item--stretch {
6141
+ align-self: stretch;
6142
+ }
6143
+ .x-list > .x-list__item--flex-none {
6144
+ flex: none;
6145
+ }
6146
+ .x-list > .x-list__item--01 {
6147
+ flex: 1 12 auto;
6148
+ }
6149
+ .x-list > .x-list__item--02 {
6150
+ flex: 2 11 auto;
6151
+ }
6152
+ .x-list > .x-list__item--03 {
6153
+ flex: 3 10 auto;
6154
+ }
6155
+ .x-list > .x-list__item--04 {
6156
+ flex: 4 9 auto;
6157
+ }
6158
+ .x-list > .x-list__item--05 {
6159
+ flex: 5 8 auto;
6160
+ }
6161
+ .x-list > .x-list__item--06 {
6162
+ flex: 6 7 auto;
6163
+ }
6164
+ .x-list > .x-list__item--07 {
6165
+ flex: 7 6 auto;
6166
+ }
6167
+ .x-list > .x-list__item--08 {
6168
+ flex: 8 5 auto;
6169
+ }
6170
+ .x-list > .x-list__item--09 {
6171
+ flex: 9 4 auto;
6172
+ }
6173
+ .x-list > .x-list__item--10 {
6174
+ flex: 10 3 auto;
6175
+ }
6176
+ .x-list > .x-list__item--11 {
6177
+ flex: 11 2 auto;
6178
+ }
6179
+ .x-list > .x-list__item--12 {
6180
+ flex: 12 1 auto;
6181
+ }
6026
6182
  :root {
6027
6183
  --x-size-gap-list-01: var(--x-size-base-01);
6028
6184
  --x-size-gap-list-02: var(--x-size-base-02);
@@ -6545,162 +6701,6 @@
6545
6701
  margin-bottom: var(--x-size-gap-list-20);
6546
6702
  }
6547
6703
  }
6548
- :root {
6549
- --x-string-flow-list: column nowrap;
6550
- --x-size-padding-list: 0;
6551
- --x-size-gap-list: 0;
6552
- --x-size-justify-list: stretch;
6553
- --x-size-align-list: stretch;
6554
- --x-size-align-list-stretch: stretch;
6555
- }
6556
-
6557
- .x-list {
6558
- display: flex;
6559
- flex-flow: var(--x-string-flow-list);
6560
- list-style: none;
6561
- gap: var(--x-size-gap-list);
6562
- margin: 0;
6563
- padding: var(--x-size-padding-list);
6564
- justify-content: var(--x-size-justify-list);
6565
- align-items: var(--x-size-align-list);
6566
- min-width: 0;
6567
- }
6568
- @media not all and (min-resolution: 0.001dpcm) {
6569
- .x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
6570
- gap: 0;
6571
- }
6572
- .x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list.x-list--vertical > *:not(:last-child) {
6573
- margin-bottom: var(--x-size-gap-list);
6574
- }
6575
- .x-list.x-list--horizontal {
6576
- gap: 0;
6577
- }
6578
- .x-list.x-list--horizontal > *:not(:last-child) {
6579
- margin-right: var(--x-size-gap-list);
6580
- }
6581
- .x-list.x-list--wrap, .x-list.x-list--wrap-reverse {
6582
- gap: 0;
6583
- }
6584
- .x-list.x-list--wrap > *:not(:last-child), .x-list.x-list--wrap-reverse > *:not(:last-child) {
6585
- margin-right: var(--x-size-gap-list);
6586
- margin-bottom: var(--x-size-gap-list);
6587
- }
6588
- }
6589
-
6590
- .x-list--vertical.x-list {
6591
- flex-flow: column nowrap;
6592
- }
6593
-
6594
- .x-list--horizontal.x-list {
6595
- flex-flow: row nowrap;
6596
- }
6597
-
6598
- .x-list--wrap.x-list {
6599
- flex-flow: row wrap;
6600
- }
6601
-
6602
- .x-list--wrap-reverse.x-list {
6603
- flex-flow: row wrap-reverse;
6604
- }
6605
-
6606
- .x-list--justify-stretch.x-list {
6607
- justify-content: stretch;
6608
- }
6609
-
6610
- .x-list--justify-center.x-list {
6611
- justify-content: center;
6612
- }
6613
-
6614
- .x-list--justify-end.x-list {
6615
- justify-content: flex-end;
6616
- }
6617
-
6618
- .x-list--justify-start.x-list {
6619
- justify-content: flex-start;
6620
- }
6621
-
6622
- .x-list--align-stretch.x-list {
6623
- align-items: stretch;
6624
- }
6625
-
6626
- .x-list--align-center.x-list {
6627
- align-items: center;
6628
- }
6629
-
6630
- .x-list--align-baseline.x-list {
6631
- align-items: baseline;
6632
- }
6633
-
6634
- .x-list--align-end.x-list {
6635
- align-items: flex-end;
6636
- }
6637
-
6638
- .x-list--align-start.x-list {
6639
- align-items: flex-start;
6640
- }
6641
-
6642
- .x-list > .x-list__item--expand {
6643
- flex: 1 1 auto;
6644
- }
6645
- .x-list > .x-list__item--no-expand {
6646
- flex: 0 0 auto;
6647
- }
6648
- .x-list.x-list--horizontal > .x-list__item--expand {
6649
- min-width: 0;
6650
- }
6651
- .x-list:not(.x-list--horizontal) > .x-list__item--expand {
6652
- min-height: 0;
6653
- }
6654
- .x-list > .x-list__item--stretch {
6655
- align-self: stretch;
6656
- }
6657
- .x-list > .x-list__item--flex-none {
6658
- flex: none;
6659
- }
6660
- .x-list > .x-list__item--01 {
6661
- flex: 1 12 auto;
6662
- }
6663
- .x-list > .x-list__item--02 {
6664
- flex: 2 11 auto;
6665
- }
6666
- .x-list > .x-list__item--03 {
6667
- flex: 3 10 auto;
6668
- }
6669
- .x-list > .x-list__item--04 {
6670
- flex: 4 9 auto;
6671
- }
6672
- .x-list > .x-list__item--05 {
6673
- flex: 5 8 auto;
6674
- }
6675
- .x-list > .x-list__item--06 {
6676
- flex: 6 7 auto;
6677
- }
6678
- .x-list > .x-list__item--07 {
6679
- flex: 7 6 auto;
6680
- }
6681
- .x-list > .x-list__item--08 {
6682
- flex: 8 5 auto;
6683
- }
6684
- .x-list > .x-list__item--09 {
6685
- flex: 9 4 auto;
6686
- }
6687
- .x-list > .x-list__item--10 {
6688
- flex: 10 3 auto;
6689
- }
6690
- .x-list > .x-list__item--11 {
6691
- flex: 11 2 auto;
6692
- }
6693
- .x-list > .x-list__item--12 {
6694
- flex: 12 1 auto;
6695
- }
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);
@@ -7039,35 +7082,13 @@
7039
7082
  }
7040
7083
  :root {
7041
7084
  --x-size-padding-top-input-line: var(--x-size-base-03);
7042
- --x-size-padding-right-input-line: 0;
7043
- --x-size-padding-bottom-input-line: var(--x-size-base-03);
7044
- --x-size-padding-left-input-line: 0;
7045
- --x-size-border-width-top-input-line: 0;
7046
- --x-size-border-width-right-input-line: 0;
7047
- --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7048
- --x-size-border-width-left-input-line: 0;
7049
- }
7050
- :root {
7051
- --x-size-padding-top-input-line: var(--x-size-base-03);
7052
- --x-size-padding-right-input-line: 0;
7053
- --x-size-padding-bottom-input-line: var(--x-size-base-03);
7054
- --x-size-padding-left-input-line: 0;
7055
- --x-size-border-width-top-input-line: 0;
7056
- --x-size-border-width-right-input-line: 0;
7057
- --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7058
- --x-size-border-width-left-input-line: 0;
7059
- }
7060
-
7061
- .x-input--line .x-input,
7062
- .x-input--line.x-input {
7063
- --x-size-padding-top-input-default: var(--x-size-padding-top-input-line);
7064
- --x-size-padding-right-input-default: var(--x-size-padding-right-input-line);
7065
- --x-size-padding-bottom-input-default: var(--x-size-padding-bottom-input-line);
7066
- --x-size-padding-left-input-default: var(--x-size-padding-left-input-line);
7067
- --x-size-border-width-top-input-default: var(--x-size-border-width-top-input-line);
7068
- --x-size-border-width-right-input-default: var(--x-size-border-width-right-input-line);
7069
- --x-size-border-width-bottom-input-default: var(--x-size-border-width-bottom-input-line);
7070
- --x-size-border-width-left-input-default: var(--x-size-border-width-left-input-line);
7085
+ --x-size-padding-right-input-line: 0;
7086
+ --x-size-padding-bottom-input-line: var(--x-size-base-03);
7087
+ --x-size-padding-left-input-line: 0;
7088
+ --x-size-border-width-top-input-line: 0;
7089
+ --x-size-border-width-right-input-line: 0;
7090
+ --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7091
+ --x-size-border-width-left-input-line: 0;
7071
7092
  }
7072
7093
  :root {
7073
7094
  --x-color-background-input-default: var(--x-color-base-neutral-100);
@@ -7097,6 +7118,28 @@
7097
7118
  --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
7098
7119
  --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
7099
7120
  }
7121
+ :root {
7122
+ --x-size-padding-top-input-line: var(--x-size-base-03);
7123
+ --x-size-padding-right-input-line: 0;
7124
+ --x-size-padding-bottom-input-line: var(--x-size-base-03);
7125
+ --x-size-padding-left-input-line: 0;
7126
+ --x-size-border-width-top-input-line: 0;
7127
+ --x-size-border-width-right-input-line: 0;
7128
+ --x-size-border-width-bottom-input-line: var(--x-size-border-width-base);
7129
+ --x-size-border-width-left-input-line: 0;
7130
+ }
7131
+
7132
+ .x-input--line .x-input,
7133
+ .x-input--line.x-input {
7134
+ --x-size-padding-top-input-default: var(--x-size-padding-top-input-line);
7135
+ --x-size-padding-right-input-default: var(--x-size-padding-right-input-line);
7136
+ --x-size-padding-bottom-input-default: var(--x-size-padding-bottom-input-line);
7137
+ --x-size-padding-left-input-default: var(--x-size-padding-left-input-line);
7138
+ --x-size-border-width-top-input-default: var(--x-size-border-width-top-input-line);
7139
+ --x-size-border-width-right-input-default: var(--x-size-border-width-right-input-line);
7140
+ --x-size-border-width-bottom-input-default: var(--x-size-border-width-bottom-input-line);
7141
+ --x-size-border-width-left-input-default: var(--x-size-border-width-left-input-line);
7142
+ }
7100
7143
  :root {
7101
7144
  --x-color-background-input-default: var(--x-color-base-neutral-100);
7102
7145
  --x-color-border-input-default: var(--x-color-base-neutral-70);
@@ -7236,15 +7279,15 @@
7236
7279
  --x-size-width-icon-xl: var(--x-size-base-07);
7237
7280
  --x-size-height-icon-xl: var(--x-size-base-07);
7238
7281
  }
7239
- :root {
7240
- --x-size-width-icon-xl: var(--x-size-base-07);
7241
- --x-size-height-icon-xl: var(--x-size-base-07);
7242
- }
7243
7282
 
7244
7283
  .x-icon--xl {
7245
7284
  --x-size-width-icon-default: var(--x-size-width-icon-xl);
7246
7285
  --x-size-height-icon-default: var(--x-size-height-icon-xl);
7247
7286
  }
7287
+ :root {
7288
+ --x-size-width-icon-xl: var(--x-size-base-07);
7289
+ --x-size-height-icon-xl: var(--x-size-base-07);
7290
+ }
7248
7291
  :root {
7249
7292
  --x-size-width-icon-s: var(--x-size-base-03);
7250
7293
  --x-size-height-icon-s: var(--x-size-base-03);
@@ -7262,10 +7305,6 @@
7262
7305
  --x-size-width-icon-m: var(--x-size-base-05);
7263
7306
  --x-size-height-icon-m: var(--x-size-base-05);
7264
7307
  }
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
7308
 
7270
7309
  .x-icon--m {
7271
7310
  --x-size-width-icon-default: var(--x-size-width-icon-m);
@@ -7284,6 +7323,24 @@
7284
7323
  --x-size-width-icon-default: var(--x-size-width-icon-l);
7285
7324
  --x-size-height-icon-default: var(--x-size-height-icon-l);
7286
7325
  }
7326
+ :root {
7327
+ --x-size-width-icon-m: var(--x-size-base-05);
7328
+ --x-size-height-icon-m: var(--x-size-base-05);
7329
+ }
7330
+ :root {
7331
+ --x-color-stroke-icon-default: currentColor;
7332
+ --x-color-fill-icon-default: none;
7333
+ --x-size-width-icon-default: var(--x-size-width-icon-m);
7334
+ --x-size-height-icon-default: var(--x-size-height-icon-m);
7335
+ --x-string-stroke-linecap-icon-default: butt;
7336
+ --x-string-stroke-linejoin-icon-default: mitter;
7337
+ --x-size-stroke-width-icon-default: 1px;
7338
+ }
7339
+ :root {
7340
+ --x-size-padding-grid: 0;
7341
+ --x-size-gap-grid: var(--x-size-base-03);
7342
+ --x-size-min-width-grid-item: 150px;
7343
+ }
7287
7344
  :root {
7288
7345
  --x-color-stroke-icon-default: currentColor;
7289
7346
  --x-color-fill-icon-default: none;
@@ -7314,20 +7371,6 @@
7314
7371
  stroke: none;
7315
7372
  fill: var(--x-color-stroke-icon-default);
7316
7373
  }
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;
7325
- }
7326
- :root {
7327
- --x-size-padding-grid: 0;
7328
- --x-size-gap-grid: var(--x-size-base-03);
7329
- --x-size-min-width-grid-item: 150px;
7330
- }
7331
7374
  :root {
7332
7375
  --x-size-padding-grid: 0;
7333
7376
  --x-size-gap-grid: var(--x-size-base-03);
@@ -7557,19 +7600,6 @@
7557
7600
  --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7558
7601
  --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7559
7602
  }
7560
- :root {
7561
- --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
7562
- --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
7563
- --x-size-border-width-top-facet-outlined: var(--x-size-border-width-facet-outlined);
7564
- --x-size-border-width-right-facet-outlined: var(--x-size-border-width-facet-outlined);
7565
- --x-size-border-width-bottom-facet-outlined: var(--x-size-border-width-facet-outlined);
7566
- --x-size-border-width-left-facet-outlined: var(--x-size-border-width-facet-outlined);
7567
- --x-size-padding-facet-header-outlined: var(--x-size-base-03);
7568
- --x-size-padding-top-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7569
- --x-size-padding-right-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7570
- --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7571
- --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7572
- }
7573
7603
 
7574
7604
  .x-facet--outlined.x-facet,
7575
7605
  .x-facet--outlined .x-facet {
@@ -7585,6 +7615,19 @@
7585
7615
  --x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-outlined);
7586
7616
  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-outlined);
7587
7617
  }
7618
+ :root {
7619
+ --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
7620
+ --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
7621
+ --x-size-border-width-top-facet-outlined: var(--x-size-border-width-facet-outlined);
7622
+ --x-size-border-width-right-facet-outlined: var(--x-size-border-width-facet-outlined);
7623
+ --x-size-border-width-bottom-facet-outlined: var(--x-size-border-width-facet-outlined);
7624
+ --x-size-border-width-left-facet-outlined: var(--x-size-border-width-facet-outlined);
7625
+ --x-size-padding-facet-header-outlined: var(--x-size-base-03);
7626
+ --x-size-padding-top-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7627
+ --x-size-padding-right-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7628
+ --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7629
+ --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
7630
+ }
7588
7631
  :root {
7589
7632
  --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7590
7633
  --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
@@ -7818,6 +7861,9 @@
7818
7861
  :root {
7819
7862
  --x-size-width-dropdown-xl: 282px;
7820
7863
  }
7864
+ :root {
7865
+ --x-size-width-dropdown-s: 74px;
7866
+ }
7821
7867
  :root {
7822
7868
  --x-size-width-dropdown-xl: 282px;
7823
7869
  }
@@ -7828,9 +7874,6 @@
7828
7874
  :root {
7829
7875
  --x-size-width-dropdown-s: 74px;
7830
7876
  }
7831
- :root {
7832
- --x-size-width-dropdown-s: 74px;
7833
- }
7834
7877
 
7835
7878
  .x-dropdown.x-dropdown--s {
7836
7879
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
@@ -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);
@@ -8405,6 +8448,13 @@
8405
8448
  --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8406
8449
  --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8407
8450
  }
8451
+ :root {
8452
+ --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8453
+ --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8454
+ --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8455
+ --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8456
+ --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8457
+ }
8408
8458
  :root {
8409
8459
  --x-color-background-button-secondary: transparent;
8410
8460
  --x-color-border-button-secondary: var(--x-color-border-button-default);
@@ -8433,13 +8483,6 @@
8433
8483
  --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8434
8484
  --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8435
8485
  }
8436
- :root {
8437
- --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8438
- --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
8439
- --x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
8440
- --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8441
- --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8442
- }
8443
8486
 
8444
8487
  .x-button--round.x-button,
8445
8488
  .x-button--round .x-button {
@@ -8468,6 +8511,13 @@
8468
8511
  --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8469
8512
  --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8470
8513
  }
8514
+ :root {
8515
+ --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8516
+ --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
8517
+ --x-size-border-radius-top-right-button-pill: var(--x-size-border-radius-button-pill);
8518
+ --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8519
+ --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8520
+ }
8471
8521
  :root {
8472
8522
  --x-color-background-button-primary: var(--x-color-background-button-default);
8473
8523
  --x-color-border-button-primary: var(--x-color-border-button-default);
@@ -8496,13 +8546,6 @@
8496
8546
  --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8497
8547
  --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8498
8548
  }
8499
- :root {
8500
- --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8501
- --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
8502
- --x-size-border-radius-top-right-button-pill: var(--x-size-border-radius-button-pill);
8503
- --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8504
- --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8505
- }
8506
8549
 
8507
8550
  .x-button--pill.x-button,
8508
8551
  .x-button--pill .x-button {
@@ -8660,6 +8703,21 @@
8660
8703
  --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8661
8704
  --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8662
8705
  }
8706
+
8707
+ .x-button--card.x-button,
8708
+ .x-button--card .x-button {
8709
+ --x-size-border-radius-button-default: var(--x-size-border-radius-button-card);
8710
+ --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-top-left-button-card);
8711
+ --x-size-border-radius-top-right-button-default: var(
8712
+ --x-size-border-radius-top-right-button-card
8713
+ );
8714
+ --x-size-border-radius-bottom-right-button-default: var(
8715
+ --x-size-border-radius-bottom-right-button-card
8716
+ );
8717
+ --x-size-border-radius-bottom-left-button-default: var(
8718
+ --x-size-border-radius-bottom-left-button-card
8719
+ );
8720
+ }
8663
8721
  :root {
8664
8722
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
8665
8723
  --x-color-text-badge-default: var(--x-color-base-neutral-100);
@@ -8677,21 +8735,6 @@
8677
8735
  --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8678
8736
  --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8679
8737
  }
8680
-
8681
- .x-button--card.x-button,
8682
- .x-button--card .x-button {
8683
- --x-size-border-radius-button-default: var(--x-size-border-radius-button-card);
8684
- --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-top-left-button-card);
8685
- --x-size-border-radius-top-right-button-default: var(
8686
- --x-size-border-radius-top-right-button-card
8687
- );
8688
- --x-size-border-radius-bottom-right-button-default: var(
8689
- --x-size-border-radius-bottom-right-button-card
8690
- );
8691
- --x-size-border-radius-bottom-left-button-default: var(
8692
- --x-size-border-radius-bottom-left-button-card
8693
- );
8694
- }
8695
8738
  :root {
8696
8739
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
8697
8740
  --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
  }