@umami/react-zen 0.20.0 → 0.22.0
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.
- package/README.md +8 -0
- package/dist/index.css +1213 -991
- package/dist/index.d.ts +838 -0
- package/dist/index.js +107 -22
- package/dist/index.mjs +29 -18
- package/dist/styles.css +1268 -1007
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
/*
|
|
2
|
-
.
|
|
1
|
+
/* src/components/Icon.module.css */
|
|
2
|
+
.Icon_icon {
|
|
3
3
|
display: inline-block;
|
|
4
4
|
fill: currentColor;
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
.Icon_xs {
|
|
7
7
|
width: 12px;
|
|
8
8
|
height: 12px;
|
|
9
9
|
}
|
|
10
|
-
.
|
|
10
|
+
.Icon_sm {
|
|
11
11
|
width: 16px;
|
|
12
12
|
height: 16px;
|
|
13
13
|
}
|
|
14
|
-
.
|
|
14
|
+
.Icon_md {
|
|
15
15
|
width: 24px;
|
|
16
16
|
height: 24px;
|
|
17
17
|
}
|
|
18
|
-
.
|
|
18
|
+
.Icon_lg {
|
|
19
19
|
width: 32px;
|
|
20
20
|
height: 32px;
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
.Icon_xl {
|
|
23
23
|
width: 48px;
|
|
24
24
|
height: 48px;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
/*
|
|
28
|
-
.
|
|
27
|
+
/* src/components/AlertBanner.module.css */
|
|
28
|
+
.AlertBanner_banner {
|
|
29
29
|
display: flex;
|
|
30
30
|
align-items: center;
|
|
31
31
|
padding: var(--padding);
|
|
@@ -38,1964 +38,2186 @@
|
|
|
38
38
|
color: var(--font-color);
|
|
39
39
|
gap: var(--spacing-3);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.AlertBanner_message {
|
|
42
42
|
display: flex;
|
|
43
43
|
flex-direction: column;
|
|
44
44
|
flex: 1;
|
|
45
45
|
}
|
|
46
|
-
.
|
|
46
|
+
.AlertBanner_title {
|
|
47
47
|
font-weight: 700;
|
|
48
48
|
}
|
|
49
|
-
.
|
|
49
|
+
.AlertBanner_close {
|
|
50
50
|
color: var(--font-muted-color);
|
|
51
51
|
}
|
|
52
|
-
.
|
|
52
|
+
.AlertBanner_close:hover {
|
|
53
53
|
color: var(--font-color);
|
|
54
54
|
cursor: pointer;
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
.AlertBanner_error {
|
|
57
57
|
color: var(--light-color);
|
|
58
58
|
background-color: var(--danger-color);
|
|
59
59
|
border: 0;
|
|
60
60
|
}
|
|
61
|
-
.
|
|
61
|
+
.AlertBanner_error .AlertBanner_close {
|
|
62
62
|
color: var(--light-color);
|
|
63
63
|
}
|
|
64
|
-
.
|
|
64
|
+
.AlertBanner_info {
|
|
65
65
|
color: var(--primary-font-color);
|
|
66
66
|
background-color: var(--primary-color);
|
|
67
67
|
border: 0;
|
|
68
68
|
}
|
|
69
|
-
.
|
|
69
|
+
.AlertBanner_info .AlertBanner_close {
|
|
70
70
|
color: var(--primary-font-color);
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
/*
|
|
74
|
-
.
|
|
73
|
+
/* src/components/styles/global.module.css */
|
|
74
|
+
.global_display {
|
|
75
75
|
display: block;
|
|
76
76
|
}
|
|
77
|
-
.
|
|
77
|
+
.global_display-none {
|
|
78
78
|
display: none;
|
|
79
79
|
}
|
|
80
|
-
.
|
|
80
|
+
.global_display-inline {
|
|
81
81
|
display: inline;
|
|
82
82
|
}
|
|
83
|
-
.
|
|
83
|
+
.global_display-inline-block {
|
|
84
84
|
display: inline-block;
|
|
85
85
|
}
|
|
86
|
-
.
|
|
86
|
+
.global_display-block {
|
|
87
87
|
display: block;
|
|
88
88
|
}
|
|
89
|
-
.
|
|
89
|
+
.global_display-flex {
|
|
90
90
|
display: flex;
|
|
91
91
|
}
|
|
92
|
-
.
|
|
92
|
+
.global_display-inline-flex {
|
|
93
93
|
display: inline-flex;
|
|
94
94
|
}
|
|
95
|
-
.
|
|
95
|
+
.global_display-grid {
|
|
96
96
|
display: grid;
|
|
97
97
|
}
|
|
98
|
-
.
|
|
98
|
+
.global_display-inline-grid {
|
|
99
99
|
display: inline-grid;
|
|
100
100
|
}
|
|
101
|
-
.
|
|
101
|
+
.global_position-absolute {
|
|
102
102
|
position: absolute;
|
|
103
103
|
}
|
|
104
|
-
.
|
|
104
|
+
.global_position-fixed {
|
|
105
105
|
position: fixed;
|
|
106
106
|
}
|
|
107
|
-
.
|
|
107
|
+
.global_position-stick {
|
|
108
108
|
position: sticky;
|
|
109
109
|
}
|
|
110
|
-
.
|
|
110
|
+
.global_position-static {
|
|
111
111
|
position: static;
|
|
112
112
|
}
|
|
113
|
-
.
|
|
113
|
+
.global_position-relative {
|
|
114
114
|
position: relative;
|
|
115
115
|
}
|
|
116
|
-
.
|
|
116
|
+
.global_font-size {
|
|
117
117
|
font-size: var(--font-size);
|
|
118
118
|
}
|
|
119
|
-
.
|
|
119
|
+
.global_font-size-1 {
|
|
120
120
|
font-size: var(--font-size-1);
|
|
121
121
|
}
|
|
122
|
-
.
|
|
122
|
+
.global_font-size-2 {
|
|
123
123
|
font-size: var(--font-size-2);
|
|
124
124
|
}
|
|
125
|
-
.
|
|
125
|
+
.global_font-size-3 {
|
|
126
126
|
font-size: var(--font-size-3);
|
|
127
127
|
}
|
|
128
|
-
.
|
|
128
|
+
.global_font-size-4 {
|
|
129
129
|
font-size: var(--font-size-4);
|
|
130
130
|
}
|
|
131
|
-
.
|
|
131
|
+
.global_font-size-5 {
|
|
132
132
|
font-size: var(--font-size-5);
|
|
133
133
|
}
|
|
134
|
-
.
|
|
134
|
+
.global_font-size-6 {
|
|
135
135
|
font-size: var(--font-size-6);
|
|
136
136
|
}
|
|
137
|
-
.
|
|
137
|
+
.global_font-size-7 {
|
|
138
138
|
font-size: var(--font-size-7);
|
|
139
139
|
}
|
|
140
|
-
.
|
|
140
|
+
.global_font-size-8 {
|
|
141
141
|
font-size: var(--font-size-8);
|
|
142
142
|
}
|
|
143
|
-
.
|
|
143
|
+
.global_font-size-9 {
|
|
144
144
|
font-size: var(--font-size-9);
|
|
145
145
|
}
|
|
146
|
-
.
|
|
146
|
+
.global_font-weight-light {
|
|
147
147
|
font-weight: var(--font-weight-light);
|
|
148
148
|
}
|
|
149
|
-
.
|
|
149
|
+
.global_font-weight-regular {
|
|
150
150
|
font-weight: var(--font-weight-regular);
|
|
151
151
|
}
|
|
152
|
-
.
|
|
152
|
+
.global_font-weight-medium {
|
|
153
153
|
font-weight: var(--font-weight-medium);
|
|
154
154
|
}
|
|
155
|
-
.
|
|
155
|
+
.global_font-weight-bold {
|
|
156
156
|
font-weight: var(--font-weight-bold);
|
|
157
157
|
}
|
|
158
|
-
.
|
|
158
|
+
.global_border-size-1 {
|
|
159
159
|
border: var(--border-size-1) solid var(--border-color);
|
|
160
160
|
}
|
|
161
|
-
.
|
|
161
|
+
.global_border-size-2 {
|
|
162
162
|
border: var(--border-size-2) solid var(--border-color);
|
|
163
163
|
}
|
|
164
|
-
.
|
|
164
|
+
.global_border-size-3 {
|
|
165
165
|
border: var(--border-size-3) solid var(--border-color);
|
|
166
166
|
}
|
|
167
|
-
.
|
|
167
|
+
.global_border-size-4 {
|
|
168
168
|
border: var(--border-size-4) solid var(--border-color);
|
|
169
169
|
}
|
|
170
|
-
.
|
|
170
|
+
.global_border-radius-1 {
|
|
171
171
|
border-radius: var(--border-radius-1);
|
|
172
172
|
}
|
|
173
|
-
.
|
|
173
|
+
.global_border-radius-2 {
|
|
174
174
|
border-radius: var(--border-radius-2);
|
|
175
175
|
}
|
|
176
|
-
.
|
|
176
|
+
.global_border-radius-3 {
|
|
177
177
|
border-radius: var(--border-radius-3);
|
|
178
178
|
}
|
|
179
|
-
.
|
|
179
|
+
.global_border-radius-4 {
|
|
180
180
|
border-radius: var(--border-radius-4);
|
|
181
181
|
}
|
|
182
|
-
.
|
|
182
|
+
.global_border-radius-5 {
|
|
183
183
|
border-radius: var(--border-radius-5);
|
|
184
184
|
}
|
|
185
|
-
.
|
|
185
|
+
.global_border-radius-6 {
|
|
186
186
|
border-radius: var(--border-radius-6);
|
|
187
187
|
}
|
|
188
|
-
.
|
|
188
|
+
.global_shadow-1 {
|
|
189
189
|
box-shadow: var(--box-shadow-1);
|
|
190
190
|
}
|
|
191
|
-
.
|
|
191
|
+
.global_shadow-2 {
|
|
192
192
|
box-shadow: var(--box-shadow-2);
|
|
193
193
|
}
|
|
194
|
-
.
|
|
194
|
+
.global_shadow-3 {
|
|
195
195
|
box-shadow: var(--box-shadow-3);
|
|
196
196
|
}
|
|
197
|
-
.
|
|
197
|
+
.global_shadow-4 {
|
|
198
198
|
box-shadow: var(--box-shadow-4);
|
|
199
199
|
}
|
|
200
|
-
.
|
|
200
|
+
.global_shadow-5 {
|
|
201
201
|
box-shadow: var(--box-shadow-5);
|
|
202
202
|
}
|
|
203
|
-
.
|
|
203
|
+
.global_shadow-6 {
|
|
204
204
|
box-shadow: var(--box-shadow-6);
|
|
205
205
|
}
|
|
206
|
-
.
|
|
206
|
+
.global_font-color-50 {
|
|
207
207
|
background-color: var(--base-color-50);
|
|
208
208
|
}
|
|
209
|
-
.
|
|
209
|
+
.global_font-color-100 {
|
|
210
210
|
background-color: var(--base-color-100);
|
|
211
211
|
}
|
|
212
|
-
.
|
|
212
|
+
.global_font-color-200 {
|
|
213
213
|
background-color: var(--base-color-200);
|
|
214
214
|
}
|
|
215
|
-
.
|
|
215
|
+
.global_font-color-300 {
|
|
216
216
|
background-color: var(--base-color-300);
|
|
217
217
|
}
|
|
218
|
-
.
|
|
218
|
+
.global_font-color-400 {
|
|
219
219
|
background-color: var(--base-color-400);
|
|
220
220
|
}
|
|
221
|
-
.
|
|
221
|
+
.global_font-color-500 {
|
|
222
222
|
background-color: var(--base-color-500);
|
|
223
223
|
}
|
|
224
|
-
.
|
|
224
|
+
.global_font-color-600 {
|
|
225
225
|
background-color: var(--base-color-600);
|
|
226
226
|
}
|
|
227
|
-
.
|
|
227
|
+
.global_font-color-700 {
|
|
228
228
|
background-color: var(--base-color-700);
|
|
229
229
|
}
|
|
230
|
-
.
|
|
230
|
+
.global_font-color-800 {
|
|
231
231
|
background-color: var(--base-color-800);
|
|
232
232
|
}
|
|
233
|
-
.
|
|
233
|
+
.global_font-color-900 {
|
|
234
234
|
background-color: var(--base-color-900);
|
|
235
235
|
}
|
|
236
|
-
.
|
|
236
|
+
.global_font-color-950 {
|
|
237
237
|
background-color: var(--base-color-950);
|
|
238
238
|
}
|
|
239
|
-
.
|
|
239
|
+
.global_font-color-gray {
|
|
240
|
+
background-color: var(--base-color-gray);
|
|
241
|
+
}
|
|
242
|
+
.global_font-color-mauve {
|
|
243
|
+
background-color: var(--base-color-mauve);
|
|
244
|
+
}
|
|
245
|
+
.global_font-color-slate {
|
|
246
|
+
background-color: var(--base-color-slate);
|
|
247
|
+
}
|
|
248
|
+
.global_font-color-sage {
|
|
249
|
+
background-color: var(--base-color-sage);
|
|
250
|
+
}
|
|
251
|
+
.global_font-color-olive {
|
|
252
|
+
background-color: var(--base-color-olive);
|
|
253
|
+
}
|
|
254
|
+
.global_font-color-sand {
|
|
255
|
+
background-color: var(--base-color-sand);
|
|
256
|
+
}
|
|
257
|
+
.global_font-color-gold {
|
|
258
|
+
background-color: var(--accent-color-gold);
|
|
259
|
+
}
|
|
260
|
+
.global_font-color-bronze {
|
|
261
|
+
background-color: var(--accent-color-bronze);
|
|
262
|
+
}
|
|
263
|
+
.global_font-color-brown {
|
|
264
|
+
background-color: var(--accent-color-brown);
|
|
265
|
+
}
|
|
266
|
+
.global_font-color-yellow {
|
|
267
|
+
background-color: var(--accent-color-yellow);
|
|
268
|
+
}
|
|
269
|
+
.global_font-color-amber {
|
|
270
|
+
background-color: var(--accent-color-amber);
|
|
271
|
+
}
|
|
272
|
+
.global_font-color-orange {
|
|
273
|
+
background-color: var(--accent-color-orange);
|
|
274
|
+
}
|
|
275
|
+
.global_font-color-tomato {
|
|
276
|
+
background-color: var(--accent-color-tomato);
|
|
277
|
+
}
|
|
278
|
+
.global_font-color-red {
|
|
279
|
+
background-color: var(--accent-color-red);
|
|
280
|
+
}
|
|
281
|
+
.global_font-color-ruby {
|
|
282
|
+
background-color: var(--accent-color-ruby);
|
|
283
|
+
}
|
|
284
|
+
.global_font-color-crimson {
|
|
285
|
+
background-color: var(--accent-color-crimson);
|
|
286
|
+
}
|
|
287
|
+
.global_font-color-pink {
|
|
288
|
+
background-color: var(--accent-color-pink);
|
|
289
|
+
}
|
|
290
|
+
.global_font-color-plum {
|
|
291
|
+
background-color: var(--accent-color-plum);
|
|
292
|
+
}
|
|
293
|
+
.global_font-color-purple {
|
|
294
|
+
background-color: var(--accent-color-purple);
|
|
295
|
+
}
|
|
296
|
+
.global_font-color-violet {
|
|
297
|
+
background-color: var(--accent-color-violet);
|
|
298
|
+
}
|
|
299
|
+
.global_font-color-iris {
|
|
300
|
+
background-color: var(--accent-color-iris);
|
|
301
|
+
}
|
|
302
|
+
.global_font-color-indigo {
|
|
303
|
+
background-color: var(--accent-color-indigo);
|
|
304
|
+
}
|
|
305
|
+
.global_font-color-blue {
|
|
306
|
+
background-color: var(--accent-color-blue);
|
|
307
|
+
}
|
|
308
|
+
.global_font-color-cyan {
|
|
309
|
+
background-color: var(--accent-color-cyan);
|
|
310
|
+
}
|
|
311
|
+
.global_font-color-teal {
|
|
312
|
+
background-color: var(--accent-color-teal);
|
|
313
|
+
}
|
|
314
|
+
.global_font-color-jade {
|
|
315
|
+
background-color: var(--accent-color-jade);
|
|
316
|
+
}
|
|
317
|
+
.global_font-color-green {
|
|
318
|
+
background-color: var(--accent-color-green);
|
|
319
|
+
}
|
|
320
|
+
.global_font-color-grass {
|
|
321
|
+
background-color: var(--accent-color-grass);
|
|
322
|
+
}
|
|
323
|
+
.global_font-color-lime {
|
|
324
|
+
background-color: var(--accent-color-lime);
|
|
325
|
+
}
|
|
326
|
+
.global_font-color-mint {
|
|
327
|
+
background-color: var(--accent-color-mint);
|
|
328
|
+
}
|
|
329
|
+
.global_font-color-sky {
|
|
330
|
+
background-color: var(--accent-color-sky);
|
|
331
|
+
}
|
|
332
|
+
.global_background-color-50 {
|
|
333
|
+
background-color: var(--base-color-50);
|
|
334
|
+
}
|
|
335
|
+
.global_background-color-100 {
|
|
336
|
+
background-color: var(--base-color-100);
|
|
337
|
+
}
|
|
338
|
+
.global_background-color-200 {
|
|
339
|
+
background-color: var(--base-color-200);
|
|
340
|
+
}
|
|
341
|
+
.global_background-color-300 {
|
|
342
|
+
background-color: var(--base-color-300);
|
|
343
|
+
}
|
|
344
|
+
.global_background-color-400 {
|
|
345
|
+
background-color: var(--base-color-400);
|
|
346
|
+
}
|
|
347
|
+
.global_background-color-500 {
|
|
348
|
+
background-color: var(--base-color-500);
|
|
349
|
+
}
|
|
350
|
+
.global_background-color-600 {
|
|
351
|
+
background-color: var(--base-color-600);
|
|
352
|
+
}
|
|
353
|
+
.global_background-color-700 {
|
|
354
|
+
background-color: var(--base-color-700);
|
|
355
|
+
}
|
|
356
|
+
.global_background-color-800 {
|
|
357
|
+
background-color: var(--base-color-800);
|
|
358
|
+
}
|
|
359
|
+
.global_background-color-900 {
|
|
360
|
+
background-color: var(--base-color-900);
|
|
361
|
+
}
|
|
362
|
+
.global_background-color-950 {
|
|
363
|
+
background-color: var(--base-color-950);
|
|
364
|
+
}
|
|
365
|
+
.global_background-color-gray {
|
|
366
|
+
background-color: var(--base-color-gray);
|
|
367
|
+
}
|
|
368
|
+
.global_background-color-mauve {
|
|
369
|
+
background-color: var(--base-color-mauve);
|
|
370
|
+
}
|
|
371
|
+
.global_background-color-slate {
|
|
372
|
+
background-color: var(--base-color-slate);
|
|
373
|
+
}
|
|
374
|
+
.global_background-color-sage {
|
|
375
|
+
background-color: var(--base-color-sage);
|
|
376
|
+
}
|
|
377
|
+
.global_background-color-olive {
|
|
378
|
+
background-color: var(--base-color-olive);
|
|
379
|
+
}
|
|
380
|
+
.global_background-color-sand {
|
|
381
|
+
background-color: var(--base-color-sand);
|
|
382
|
+
}
|
|
383
|
+
.global_background-color-gold {
|
|
384
|
+
background-color: var(--accent-color-gold);
|
|
385
|
+
}
|
|
386
|
+
.global_background-color-bronze {
|
|
387
|
+
background-color: var(--accent-color-bronze);
|
|
388
|
+
}
|
|
389
|
+
.global_background-color-brown {
|
|
390
|
+
background-color: var(--accent-color-brown);
|
|
391
|
+
}
|
|
392
|
+
.global_background-color-yellow {
|
|
393
|
+
background-color: var(--accent-color-yellow);
|
|
394
|
+
}
|
|
395
|
+
.global_background-color-amber {
|
|
396
|
+
background-color: var(--accent-color-amber);
|
|
397
|
+
}
|
|
398
|
+
.global_background-color-orange {
|
|
399
|
+
background-color: var(--accent-color-orange);
|
|
400
|
+
}
|
|
401
|
+
.global_background-color-tomato {
|
|
402
|
+
background-color: var(--accent-color-tomato);
|
|
403
|
+
}
|
|
404
|
+
.global_background-color-red {
|
|
405
|
+
background-color: var(--accent-color-red);
|
|
406
|
+
}
|
|
407
|
+
.global_background-color-ruby {
|
|
408
|
+
background-color: var(--accent-color-ruby);
|
|
409
|
+
}
|
|
410
|
+
.global_background-color-crimson {
|
|
411
|
+
background-color: var(--accent-color-crimson);
|
|
412
|
+
}
|
|
413
|
+
.global_background-color-pink {
|
|
414
|
+
background-color: var(--accent-color-pink);
|
|
415
|
+
}
|
|
416
|
+
.global_background-color-plum {
|
|
417
|
+
background-color: var(--accent-color-plum);
|
|
418
|
+
}
|
|
419
|
+
.global_background-color-purple {
|
|
420
|
+
background-color: var(--accent-color-purple);
|
|
421
|
+
}
|
|
422
|
+
.global_background-color-violet {
|
|
423
|
+
background-color: var(--accent-color-violet);
|
|
424
|
+
}
|
|
425
|
+
.global_background-color-iris {
|
|
426
|
+
background-color: var(--accent-color-iris);
|
|
427
|
+
}
|
|
428
|
+
.global_background-color-indigo {
|
|
429
|
+
background-color: var(--accent-color-indigo);
|
|
430
|
+
}
|
|
431
|
+
.global_background-color-blue {
|
|
432
|
+
background-color: var(--accent-color-blue);
|
|
433
|
+
}
|
|
434
|
+
.global_background-color-cyan {
|
|
435
|
+
background-color: var(--accent-color-cyan);
|
|
436
|
+
}
|
|
437
|
+
.global_background-color-teal {
|
|
438
|
+
background-color: var(--accent-color-teal);
|
|
439
|
+
}
|
|
440
|
+
.global_background-color-jade {
|
|
441
|
+
background-color: var(--accent-color-jade);
|
|
442
|
+
}
|
|
443
|
+
.global_background-color-green {
|
|
444
|
+
background-color: var(--accent-color-green);
|
|
445
|
+
}
|
|
446
|
+
.global_background-color-grass {
|
|
447
|
+
background-color: var(--accent-color-grass);
|
|
448
|
+
}
|
|
449
|
+
.global_background-color-lime {
|
|
450
|
+
background-color: var(--accent-color-lime);
|
|
451
|
+
}
|
|
452
|
+
.global_background-color-mint {
|
|
453
|
+
background-color: var(--accent-color-mint);
|
|
454
|
+
}
|
|
455
|
+
.global_background-color-sky {
|
|
456
|
+
background-color: var(--accent-color-sky);
|
|
457
|
+
}
|
|
458
|
+
.global_text-align-left {
|
|
240
459
|
text-align: left;
|
|
241
460
|
}
|
|
242
|
-
.
|
|
461
|
+
.global_text-align-center {
|
|
243
462
|
text-align: center;
|
|
244
463
|
}
|
|
245
|
-
.
|
|
464
|
+
.global_text-align-right {
|
|
246
465
|
text-align: right;
|
|
247
466
|
}
|
|
248
|
-
.
|
|
467
|
+
.global_text-wrap-wrap {
|
|
249
468
|
text-wrap: wrap;
|
|
250
469
|
}
|
|
251
|
-
.
|
|
470
|
+
.global_text-wrap-nowrap {
|
|
252
471
|
text-wrap: nowrap;
|
|
253
472
|
}
|
|
254
|
-
.
|
|
473
|
+
.global_text-wrap-balance {
|
|
255
474
|
text-wrap: balance;
|
|
256
475
|
}
|
|
257
|
-
.
|
|
476
|
+
.global_text-wrap-pretty {
|
|
258
477
|
text-wrap: pretty;
|
|
259
478
|
}
|
|
260
|
-
.
|
|
479
|
+
.global_text-wrap-stable {
|
|
261
480
|
text-wrap: stable;
|
|
262
481
|
}
|
|
263
|
-
.
|
|
264
|
-
letter-spacing: -
|
|
482
|
+
.global_letter-spacing-1 {
|
|
483
|
+
letter-spacing: var(--letter-spacing-1);
|
|
265
484
|
}
|
|
266
|
-
.
|
|
485
|
+
.global_letter-spacing-2 {
|
|
267
486
|
letter-spacing: -0.025em;
|
|
268
487
|
}
|
|
269
|
-
.
|
|
488
|
+
.global_letter-spacing-3 {
|
|
489
|
+
letter-spacing: 0;
|
|
490
|
+
}
|
|
491
|
+
.global_letter-spacing-4 {
|
|
270
492
|
letter-spacing: 0.025em;
|
|
271
493
|
}
|
|
272
|
-
.
|
|
494
|
+
.global_letter-spacing-5 {
|
|
273
495
|
letter-spacing: 0.05em;
|
|
274
496
|
}
|
|
275
|
-
.
|
|
497
|
+
.global_padding-1 {
|
|
276
498
|
padding: var(--spacing-1);
|
|
277
499
|
}
|
|
278
|
-
.
|
|
500
|
+
.global_padding-2 {
|
|
279
501
|
padding: var(--spacing-2);
|
|
280
502
|
}
|
|
281
|
-
.
|
|
503
|
+
.global_padding-3 {
|
|
282
504
|
padding: var(--spacing-3);
|
|
283
505
|
}
|
|
284
|
-
.
|
|
506
|
+
.global_padding-4 {
|
|
285
507
|
padding: var(--spacing-4);
|
|
286
508
|
}
|
|
287
|
-
.
|
|
509
|
+
.global_padding-5 {
|
|
288
510
|
padding: var(--spacing-5);
|
|
289
511
|
}
|
|
290
|
-
.
|
|
512
|
+
.global_padding-6 {
|
|
291
513
|
padding: var(--spacing-6);
|
|
292
514
|
}
|
|
293
|
-
.
|
|
515
|
+
.global_padding-7 {
|
|
294
516
|
padding: var(--spacing-7);
|
|
295
517
|
}
|
|
296
|
-
.
|
|
518
|
+
.global_padding-8 {
|
|
297
519
|
padding: var(--spacing-8);
|
|
298
520
|
}
|
|
299
|
-
.
|
|
521
|
+
.global_padding-9 {
|
|
300
522
|
padding: var(--spacing-9);
|
|
301
523
|
}
|
|
302
|
-
.
|
|
524
|
+
.global_padding-10 {
|
|
303
525
|
padding: var(--spacing-10);
|
|
304
526
|
}
|
|
305
|
-
.
|
|
527
|
+
.global_padding-11 {
|
|
306
528
|
padding: var(--spacing-11);
|
|
307
529
|
}
|
|
308
|
-
.
|
|
530
|
+
.global_padding-12 {
|
|
309
531
|
padding: var(--spacing-12);
|
|
310
532
|
}
|
|
311
|
-
.
|
|
533
|
+
.global_padding-x-1 {
|
|
312
534
|
padding-left: var(--spacing-1);
|
|
313
535
|
padding-right: var(--spacing-1);
|
|
314
536
|
}
|
|
315
|
-
.
|
|
537
|
+
.global_padding-x-2 {
|
|
316
538
|
padding-left: var(--spacing-2);
|
|
317
539
|
padding-right: var(--spacing-2);
|
|
318
540
|
}
|
|
319
|
-
.
|
|
541
|
+
.global_padding-x-3 {
|
|
320
542
|
padding-left: var(--spacing-3);
|
|
321
543
|
padding-right: var(--spacing-3);
|
|
322
544
|
}
|
|
323
|
-
.
|
|
545
|
+
.global_padding-x-4 {
|
|
324
546
|
padding-left: var(--spacing-4);
|
|
325
547
|
padding-right: var(--spacing-4);
|
|
326
548
|
}
|
|
327
|
-
.
|
|
549
|
+
.global_padding-x-5 {
|
|
328
550
|
padding-left: var(--spacing-5);
|
|
329
551
|
padding-right: var(--spacing-5);
|
|
330
552
|
}
|
|
331
|
-
.
|
|
553
|
+
.global_padding-x-6 {
|
|
332
554
|
padding-left: var(--spacing-6);
|
|
333
555
|
padding-right: var(--spacing-6);
|
|
334
556
|
}
|
|
335
|
-
.
|
|
557
|
+
.global_padding-x-7 {
|
|
336
558
|
padding-left: var(--spacing-7);
|
|
337
559
|
padding-right: var(--spacing-7);
|
|
338
560
|
}
|
|
339
|
-
.
|
|
561
|
+
.global_padding-x-8 {
|
|
340
562
|
padding-left: var(--spacing-8);
|
|
341
563
|
padding-right: var(--spacing-8);
|
|
342
564
|
}
|
|
343
|
-
.
|
|
565
|
+
.global_padding-x-9 {
|
|
344
566
|
padding-left: var(--spacing-9);
|
|
345
567
|
padding-right: var(--spacing-9);
|
|
346
568
|
}
|
|
347
|
-
.
|
|
569
|
+
.global_padding-x-10 {
|
|
348
570
|
padding-left: var(--spacing-10);
|
|
349
571
|
padding-right: var(--spacing-10);
|
|
350
572
|
}
|
|
351
|
-
.
|
|
573
|
+
.global_padding-x-11 {
|
|
352
574
|
padding-left: var(--spacing-11);
|
|
353
575
|
padding-right: var(--spacing-11);
|
|
354
576
|
}
|
|
355
|
-
.
|
|
577
|
+
.global_padding-x-12 {
|
|
356
578
|
padding-left: var(--spacing-12);
|
|
357
579
|
padding-right: var(--spacing-12);
|
|
358
580
|
}
|
|
359
|
-
.
|
|
581
|
+
.global_padding-y-1 {
|
|
360
582
|
padding-top: var(--spacing-1);
|
|
361
583
|
padding-bottom: var(--spacing-1);
|
|
362
584
|
}
|
|
363
|
-
.
|
|
585
|
+
.global_padding-y-2 {
|
|
364
586
|
padding-top: var(--spacing-2);
|
|
365
587
|
padding-bottom: var(--spacing-2);
|
|
366
588
|
}
|
|
367
|
-
.
|
|
589
|
+
.global_padding-y-3 {
|
|
368
590
|
padding-top: var(--spacing-3);
|
|
369
591
|
padding-bottom: var(--spacing-3);
|
|
370
592
|
}
|
|
371
|
-
.
|
|
593
|
+
.global_padding-y-4 {
|
|
372
594
|
padding-top: var(--spacing-4);
|
|
373
595
|
padding-bottom: var(--spacing-4);
|
|
374
596
|
}
|
|
375
|
-
.
|
|
597
|
+
.global_padding-y-5 {
|
|
376
598
|
padding-top: var(--spacing-5);
|
|
377
599
|
padding-bottom: var(--spacing-5);
|
|
378
600
|
}
|
|
379
|
-
.
|
|
601
|
+
.global_padding-y-6 {
|
|
380
602
|
padding-top: var(--spacing-6);
|
|
381
603
|
padding-bottom: var(--spacing-6);
|
|
382
604
|
}
|
|
383
|
-
.
|
|
605
|
+
.global_padding-y-7 {
|
|
384
606
|
padding-top: var(--spacing-7);
|
|
385
607
|
padding-bottom: var(--spacing-7);
|
|
386
608
|
}
|
|
387
|
-
.
|
|
609
|
+
.global_padding-y-8 {
|
|
388
610
|
padding-top: var(--spacing-8);
|
|
389
611
|
padding-bottom: var(--spacing-8);
|
|
390
612
|
}
|
|
391
|
-
.
|
|
613
|
+
.global_padding-y-9 {
|
|
392
614
|
padding-top: var(--spacing-9);
|
|
393
615
|
padding-bottom: var(--spacing-9);
|
|
394
616
|
}
|
|
395
|
-
.
|
|
617
|
+
.global_padding-y-10 {
|
|
396
618
|
padding-top: var(--spacing-10);
|
|
397
619
|
padding-bottom: var(--spacing-10);
|
|
398
620
|
}
|
|
399
|
-
.
|
|
621
|
+
.global_padding-y-11 {
|
|
400
622
|
padding-top: var(--spacing-11);
|
|
401
623
|
padding-bottom: var(--spacing-11);
|
|
402
624
|
}
|
|
403
|
-
.
|
|
625
|
+
.global_padding-y-12 {
|
|
404
626
|
padding-top: var(--spacing-12);
|
|
405
627
|
padding-bottom: var(--spacing-12);
|
|
406
628
|
}
|
|
407
|
-
.
|
|
629
|
+
.global_padding-top-1 {
|
|
408
630
|
padding-top: var(--spacing-1);
|
|
409
631
|
}
|
|
410
|
-
.
|
|
632
|
+
.global_padding-top-2 {
|
|
411
633
|
padding-top: var(--spacing-2);
|
|
412
634
|
}
|
|
413
|
-
.
|
|
635
|
+
.global_padding-top-3 {
|
|
414
636
|
padding-top: var(--spacing-3);
|
|
415
637
|
}
|
|
416
|
-
.
|
|
638
|
+
.global_padding-top-4 {
|
|
417
639
|
padding-top: var(--spacing-4);
|
|
418
640
|
}
|
|
419
|
-
.
|
|
641
|
+
.global_padding-top-5 {
|
|
420
642
|
padding-top: var(--spacing-5);
|
|
421
643
|
}
|
|
422
|
-
.
|
|
644
|
+
.global_padding-top-6 {
|
|
423
645
|
padding-top: var(--spacing-6);
|
|
424
646
|
}
|
|
425
|
-
.
|
|
647
|
+
.global_padding-top-7 {
|
|
426
648
|
padding-top: var(--spacing-7);
|
|
427
649
|
}
|
|
428
|
-
.
|
|
650
|
+
.global_padding-top-8 {
|
|
429
651
|
padding-top: var(--spacing-8);
|
|
430
652
|
}
|
|
431
|
-
.
|
|
653
|
+
.global_padding-top-9 {
|
|
432
654
|
padding-top: var(--spacing-9);
|
|
433
655
|
}
|
|
434
|
-
.
|
|
656
|
+
.global_padding-top-10 {
|
|
435
657
|
padding-top: var(--spacing-10);
|
|
436
658
|
}
|
|
437
|
-
.
|
|
659
|
+
.global_padding-top-11 {
|
|
438
660
|
padding-top: var(--spacing-11);
|
|
439
661
|
}
|
|
440
|
-
.
|
|
662
|
+
.global_padding-top-12 {
|
|
441
663
|
padding-top: var(--spacing-12);
|
|
442
664
|
}
|
|
443
|
-
.
|
|
665
|
+
.global_padding-bottom-1 {
|
|
444
666
|
padding-bottom: var(--spacing-1);
|
|
445
667
|
}
|
|
446
|
-
.
|
|
668
|
+
.global_padding-bottom-2 {
|
|
447
669
|
padding-bottom: var(--spacing-2);
|
|
448
670
|
}
|
|
449
|
-
.
|
|
671
|
+
.global_padding-bottom-3 {
|
|
450
672
|
padding-bottom: var(--spacing-3);
|
|
451
673
|
}
|
|
452
|
-
.
|
|
674
|
+
.global_padding-bottom-4 {
|
|
453
675
|
padding-bottom: var(--spacing-4);
|
|
454
676
|
}
|
|
455
|
-
.
|
|
677
|
+
.global_padding-bottom-5 {
|
|
456
678
|
padding-bottom: var(--spacing-5);
|
|
457
679
|
}
|
|
458
|
-
.
|
|
680
|
+
.global_padding-bottom-6 {
|
|
459
681
|
padding-bottom: var(--spacing-6);
|
|
460
682
|
}
|
|
461
|
-
.
|
|
683
|
+
.global_padding-bottom-7 {
|
|
462
684
|
padding-bottom: var(--spacing-7);
|
|
463
685
|
}
|
|
464
|
-
.
|
|
686
|
+
.global_padding-bottom-8 {
|
|
465
687
|
padding-bottom: var(--spacing-8);
|
|
466
688
|
}
|
|
467
|
-
.
|
|
689
|
+
.global_padding-bottom-9 {
|
|
468
690
|
padding-bottom: var(--spacing-9);
|
|
469
691
|
}
|
|
470
|
-
.
|
|
692
|
+
.global_padding-bottom-10 {
|
|
471
693
|
padding-bottom: var(--spacing-10);
|
|
472
694
|
}
|
|
473
|
-
.
|
|
695
|
+
.global_padding-bottom-11 {
|
|
474
696
|
padding-bottom: var(--spacing-11);
|
|
475
697
|
}
|
|
476
|
-
.
|
|
698
|
+
.global_padding-bottom-12 {
|
|
477
699
|
padding-bottom: var(--spacing-12);
|
|
478
700
|
}
|
|
479
|
-
.
|
|
701
|
+
.global_padding-left-1 {
|
|
480
702
|
padding-left: var(--spacing-1);
|
|
481
703
|
}
|
|
482
|
-
.
|
|
704
|
+
.global_padding-left-2 {
|
|
483
705
|
padding-left: var(--spacing-2);
|
|
484
706
|
}
|
|
485
|
-
.
|
|
707
|
+
.global_padding-left-3 {
|
|
486
708
|
padding-left: var(--spacing-3);
|
|
487
709
|
}
|
|
488
|
-
.
|
|
710
|
+
.global_padding-left-4 {
|
|
489
711
|
padding-left: var(--spacing-4);
|
|
490
712
|
}
|
|
491
|
-
.
|
|
713
|
+
.global_padding-left-5 {
|
|
492
714
|
padding-left: var(--spacing-5);
|
|
493
715
|
}
|
|
494
|
-
.
|
|
716
|
+
.global_padding-left-6 {
|
|
495
717
|
padding-left: var(--spacing-6);
|
|
496
718
|
}
|
|
497
|
-
.
|
|
719
|
+
.global_padding-left-7 {
|
|
498
720
|
padding-left: var(--spacing-7);
|
|
499
721
|
}
|
|
500
|
-
.
|
|
722
|
+
.global_padding-left-8 {
|
|
501
723
|
padding-left: var(--spacing-8);
|
|
502
724
|
}
|
|
503
|
-
.
|
|
725
|
+
.global_padding-left-9 {
|
|
504
726
|
padding-left: var(--spacing-9);
|
|
505
727
|
}
|
|
506
|
-
.
|
|
728
|
+
.global_padding-left-10 {
|
|
507
729
|
padding-left: var(--spacing-10);
|
|
508
730
|
}
|
|
509
|
-
.
|
|
731
|
+
.global_padding-left-11 {
|
|
510
732
|
padding-left: var(--spacing-11);
|
|
511
733
|
}
|
|
512
|
-
.
|
|
734
|
+
.global_padding-left-12 {
|
|
513
735
|
padding-left: var(--spacing-12);
|
|
514
736
|
}
|
|
515
|
-
.
|
|
737
|
+
.global_padding-right-1 {
|
|
516
738
|
padding-right: var(--spacing-1);
|
|
517
739
|
}
|
|
518
|
-
.
|
|
740
|
+
.global_padding-right-2 {
|
|
519
741
|
padding-right: var(--spacing-2);
|
|
520
742
|
}
|
|
521
|
-
.
|
|
743
|
+
.global_padding-right-3 {
|
|
522
744
|
padding-right: var(--spacing-3);
|
|
523
745
|
}
|
|
524
|
-
.
|
|
746
|
+
.global_padding-right-4 {
|
|
525
747
|
padding-right: var(--spacing-4);
|
|
526
748
|
}
|
|
527
|
-
.
|
|
749
|
+
.global_padding-right-5 {
|
|
528
750
|
padding-right: var(--spacing-5);
|
|
529
751
|
}
|
|
530
|
-
.
|
|
752
|
+
.global_padding-right-6 {
|
|
531
753
|
padding-right: var(--spacing-6);
|
|
532
754
|
}
|
|
533
|
-
.
|
|
755
|
+
.global_padding-right-7 {
|
|
534
756
|
padding-right: var(--spacing-7);
|
|
535
757
|
}
|
|
536
|
-
.
|
|
758
|
+
.global_padding-right-8 {
|
|
537
759
|
padding-right: var(--spacing-8);
|
|
538
760
|
}
|
|
539
|
-
.
|
|
761
|
+
.global_padding-right-9 {
|
|
540
762
|
padding-right: var(--spacing-9);
|
|
541
763
|
}
|
|
542
|
-
.
|
|
764
|
+
.global_padding-right-10 {
|
|
543
765
|
padding-right: var(--spacing-10);
|
|
544
766
|
}
|
|
545
|
-
.
|
|
767
|
+
.global_padding-right-11 {
|
|
546
768
|
padding-right: var(--spacing-11);
|
|
547
769
|
}
|
|
548
|
-
.
|
|
770
|
+
.global_padding-right-12 {
|
|
549
771
|
padding-right: var(--spacing-12);
|
|
550
772
|
}
|
|
551
|
-
.
|
|
773
|
+
.global_margin-1 {
|
|
552
774
|
margin: var(--spacing-1);
|
|
553
775
|
}
|
|
554
|
-
.
|
|
776
|
+
.global_margin-2 {
|
|
555
777
|
margin: var(--spacing-2);
|
|
556
778
|
}
|
|
557
|
-
.
|
|
779
|
+
.global_margin-3 {
|
|
558
780
|
margin: var(--spacing-3);
|
|
559
781
|
}
|
|
560
|
-
.
|
|
782
|
+
.global_margin-4 {
|
|
561
783
|
margin: var(--spacing-4);
|
|
562
784
|
}
|
|
563
|
-
.
|
|
785
|
+
.global_margin-5 {
|
|
564
786
|
margin: var(--spacing-5);
|
|
565
787
|
}
|
|
566
|
-
.
|
|
788
|
+
.global_margin-6 {
|
|
567
789
|
margin: var(--spacing-6);
|
|
568
790
|
}
|
|
569
|
-
.
|
|
791
|
+
.global_margin-7 {
|
|
570
792
|
margin: var(--spacing-7);
|
|
571
793
|
}
|
|
572
|
-
.
|
|
794
|
+
.global_margin-8 {
|
|
573
795
|
margin: var(--spacing-8);
|
|
574
796
|
}
|
|
575
|
-
.
|
|
797
|
+
.global_margin-9 {
|
|
576
798
|
margin: var(--spacing-9);
|
|
577
799
|
}
|
|
578
|
-
.
|
|
800
|
+
.global_margin-10 {
|
|
579
801
|
margin: var(--spacing-10);
|
|
580
802
|
}
|
|
581
|
-
.
|
|
803
|
+
.global_margin-11 {
|
|
582
804
|
margin: var(--spacing-11);
|
|
583
805
|
}
|
|
584
|
-
.
|
|
806
|
+
.global_margin-12 {
|
|
585
807
|
margin: var(--spacing-12);
|
|
586
808
|
}
|
|
587
|
-
.
|
|
809
|
+
.global_margin-x-1 {
|
|
588
810
|
margin-left: var(--spacing-1);
|
|
589
811
|
margin-right: var(--spacing-1);
|
|
590
812
|
}
|
|
591
|
-
.
|
|
813
|
+
.global_margin-x-2 {
|
|
592
814
|
margin-left: var(--spacing-2);
|
|
593
815
|
margin-right: var(--spacing-2);
|
|
594
816
|
}
|
|
595
|
-
.
|
|
817
|
+
.global_margin-x-3 {
|
|
596
818
|
margin-left: var(--spacing-3);
|
|
597
819
|
margin-right: var(--spacing-3);
|
|
598
820
|
}
|
|
599
|
-
.
|
|
821
|
+
.global_margin-x-4 {
|
|
600
822
|
margin-left: var(--spacing-4);
|
|
601
823
|
margin-right: var(--spacing-4);
|
|
602
824
|
}
|
|
603
|
-
.
|
|
825
|
+
.global_margin-x-5 {
|
|
604
826
|
margin-left: var(--spacing-5);
|
|
605
827
|
margin-right: var(--spacing-5);
|
|
606
828
|
}
|
|
607
|
-
.
|
|
829
|
+
.global_margin-x-6 {
|
|
608
830
|
margin-left: var(--spacing-6);
|
|
609
831
|
margin-right: var(--spacing-6);
|
|
610
832
|
}
|
|
611
|
-
.
|
|
833
|
+
.global_margin-x-7 {
|
|
612
834
|
margin-left: var(--spacing-7);
|
|
613
835
|
margin-right: var(--spacing-7);
|
|
614
836
|
}
|
|
615
|
-
.
|
|
837
|
+
.global_margin-x-8 {
|
|
616
838
|
margin-left: var(--spacing-8);
|
|
617
839
|
margin-right: var(--spacing-8);
|
|
618
840
|
}
|
|
619
|
-
.
|
|
841
|
+
.global_margin-x-9 {
|
|
620
842
|
margin-left: var(--spacing-9);
|
|
621
843
|
margin-right: var(--spacing-9);
|
|
622
844
|
}
|
|
623
|
-
.
|
|
845
|
+
.global_margin-x-10 {
|
|
624
846
|
margin-left: var(--spacing-10);
|
|
625
847
|
margin-right: var(--spacing-10);
|
|
626
848
|
}
|
|
627
|
-
.
|
|
849
|
+
.global_margin-x-11 {
|
|
628
850
|
margin-left: var(--spacing-11);
|
|
629
851
|
margin-right: var(--spacing-11);
|
|
630
852
|
}
|
|
631
|
-
.
|
|
853
|
+
.global_margin-x-12 {
|
|
632
854
|
margin-left: var(--spacing-12);
|
|
633
855
|
margin-right: var(--spacing-12);
|
|
634
856
|
}
|
|
635
|
-
.
|
|
857
|
+
.global_margin-y-1 {
|
|
636
858
|
margin-top: var(--spacing-1);
|
|
637
859
|
margin-bottom: var(--spacing-1);
|
|
638
860
|
}
|
|
639
|
-
.
|
|
861
|
+
.global_margin-y-2 {
|
|
640
862
|
margin-top: var(--spacing-2);
|
|
641
863
|
margin-bottom: var(--spacing-2);
|
|
642
864
|
}
|
|
643
|
-
.
|
|
865
|
+
.global_margin-y-3 {
|
|
644
866
|
margin-top: var(--spacing-3);
|
|
645
867
|
margin-bottom: var(--spacing-3);
|
|
646
868
|
}
|
|
647
|
-
.
|
|
869
|
+
.global_margin-y-4 {
|
|
648
870
|
margin-top: var(--spacing-4);
|
|
649
871
|
margin-bottom: var(--spacing-4);
|
|
650
872
|
}
|
|
651
|
-
.
|
|
873
|
+
.global_margin-y-5 {
|
|
652
874
|
margin-top: var(--spacing-5);
|
|
653
875
|
margin-bottom: var(--spacing-5);
|
|
654
876
|
}
|
|
655
|
-
.
|
|
877
|
+
.global_margin-y-6 {
|
|
656
878
|
margin-top: var(--spacing-6);
|
|
657
879
|
margin-bottom: var(--spacing-6);
|
|
658
880
|
}
|
|
659
|
-
.
|
|
881
|
+
.global_margin-y-7 {
|
|
660
882
|
margin-top: var(--spacing-7);
|
|
661
883
|
margin-bottom: var(--spacing-7);
|
|
662
884
|
}
|
|
663
|
-
.
|
|
885
|
+
.global_margin-y-8 {
|
|
664
886
|
margin-top: var(--spacing-8);
|
|
665
887
|
margin-bottom: var(--spacing-8);
|
|
666
888
|
}
|
|
667
|
-
.
|
|
889
|
+
.global_margin-y-9 {
|
|
668
890
|
margin-top: var(--spacing-9);
|
|
669
891
|
margin-bottom: var(--spacing-9);
|
|
670
892
|
}
|
|
671
|
-
.
|
|
893
|
+
.global_margin-y-10 {
|
|
672
894
|
margin-top: var(--spacing-10);
|
|
673
895
|
margin-bottom: var(--spacing-10);
|
|
674
896
|
}
|
|
675
|
-
.
|
|
897
|
+
.global_margin-y-11 {
|
|
676
898
|
margin-top: var(--spacing-11);
|
|
677
899
|
margin-bottom: var(--spacing-11);
|
|
678
900
|
}
|
|
679
|
-
.
|
|
901
|
+
.global_margin-y-12 {
|
|
680
902
|
margin-top: var(--spacing-12);
|
|
681
903
|
margin-bottom: var(--spacing-12);
|
|
682
904
|
}
|
|
683
|
-
.
|
|
905
|
+
.global_margin-top-1 {
|
|
684
906
|
margin-top: var(--spacing-1);
|
|
685
907
|
}
|
|
686
|
-
.
|
|
908
|
+
.global_margin-top-2 {
|
|
687
909
|
margin-top: var(--spacing-2);
|
|
688
910
|
}
|
|
689
|
-
.
|
|
911
|
+
.global_margin-top-3 {
|
|
690
912
|
margin-top: var(--spacing-3);
|
|
691
913
|
}
|
|
692
|
-
.
|
|
914
|
+
.global_margin-top-4 {
|
|
693
915
|
margin-top: var(--spacing-4);
|
|
694
916
|
}
|
|
695
|
-
.
|
|
917
|
+
.global_margin-top-5 {
|
|
696
918
|
margin-top: var(--spacing-5);
|
|
697
919
|
}
|
|
698
|
-
.
|
|
920
|
+
.global_margin-top-6 {
|
|
699
921
|
margin-top: var(--spacing-6);
|
|
700
922
|
}
|
|
701
|
-
.
|
|
923
|
+
.global_margin-top-7 {
|
|
702
924
|
margin-top: var(--spacing-7);
|
|
703
925
|
}
|
|
704
|
-
.
|
|
926
|
+
.global_margin-top-8 {
|
|
705
927
|
margin-top: var(--spacing-8);
|
|
706
928
|
}
|
|
707
|
-
.
|
|
929
|
+
.global_margin-top-9 {
|
|
708
930
|
margin-top: var(--spacing-9);
|
|
709
931
|
}
|
|
710
|
-
.
|
|
932
|
+
.global_margin-top-10 {
|
|
711
933
|
margin-top: var(--spacing-10);
|
|
712
934
|
}
|
|
713
|
-
.
|
|
935
|
+
.global_margin-top-11 {
|
|
714
936
|
margin-top: var(--spacing-11);
|
|
715
937
|
}
|
|
716
|
-
.
|
|
938
|
+
.global_margin-top-12 {
|
|
717
939
|
margin-top: var(--spacing-12);
|
|
718
940
|
}
|
|
719
|
-
.
|
|
941
|
+
.global_margin-bottom-1 {
|
|
720
942
|
margin-bottom: var(--spacing-1);
|
|
721
943
|
}
|
|
722
|
-
.
|
|
944
|
+
.global_margin-bottom-2 {
|
|
723
945
|
margin-bottom: var(--spacing-2);
|
|
724
946
|
}
|
|
725
|
-
.
|
|
947
|
+
.global_margin-bottom-3 {
|
|
726
948
|
margin-bottom: var(--spacing-3);
|
|
727
949
|
}
|
|
728
|
-
.
|
|
950
|
+
.global_margin-bottom-4 {
|
|
729
951
|
margin-bottom: var(--spacing-4);
|
|
730
952
|
}
|
|
731
|
-
.
|
|
953
|
+
.global_margin-bottom-5 {
|
|
732
954
|
margin-bottom: var(--spacing-5);
|
|
733
955
|
}
|
|
734
|
-
.
|
|
956
|
+
.global_margin-bottom-6 {
|
|
735
957
|
margin-bottom: var(--spacing-6);
|
|
736
958
|
}
|
|
737
|
-
.
|
|
959
|
+
.global_margin-bottom-7 {
|
|
738
960
|
margin-bottom: var(--spacing-7);
|
|
739
961
|
}
|
|
740
|
-
.
|
|
962
|
+
.global_margin-bottom-8 {
|
|
741
963
|
margin-bottom: var(--spacing-8);
|
|
742
964
|
}
|
|
743
|
-
.
|
|
965
|
+
.global_margin-bottom-9 {
|
|
744
966
|
margin-bottom: var(--spacing-9);
|
|
745
967
|
}
|
|
746
|
-
.
|
|
968
|
+
.global_margin-bottom-10 {
|
|
747
969
|
margin-bottom: var(--spacing-10);
|
|
748
970
|
}
|
|
749
|
-
.
|
|
971
|
+
.global_margin-bottom-11 {
|
|
750
972
|
margin-bottom: var(--spacing-11);
|
|
751
973
|
}
|
|
752
|
-
.
|
|
974
|
+
.global_margin-bottom-12 {
|
|
753
975
|
margin-bottom: var(--spacing-12);
|
|
754
976
|
}
|
|
755
|
-
.
|
|
977
|
+
.global_margin-left-1 {
|
|
756
978
|
margin-left: var(--spacing-1);
|
|
757
979
|
}
|
|
758
|
-
.
|
|
980
|
+
.global_margin-left-2 {
|
|
759
981
|
margin-left: var(--spacing-2);
|
|
760
982
|
}
|
|
761
|
-
.
|
|
983
|
+
.global_margin-left-3 {
|
|
762
984
|
margin-left: var(--spacing-3);
|
|
763
985
|
}
|
|
764
|
-
.
|
|
986
|
+
.global_margin-left-4 {
|
|
765
987
|
margin-left: var(--spacing-4);
|
|
766
988
|
}
|
|
767
|
-
.
|
|
989
|
+
.global_margin-left-5 {
|
|
768
990
|
margin-left: var(--spacing-5);
|
|
769
991
|
}
|
|
770
|
-
.
|
|
992
|
+
.global_margin-left-6 {
|
|
771
993
|
margin-left: var(--spacing-6);
|
|
772
994
|
}
|
|
773
|
-
.
|
|
995
|
+
.global_margin-left-7 {
|
|
774
996
|
margin-left: var(--spacing-7);
|
|
775
997
|
}
|
|
776
|
-
.
|
|
998
|
+
.global_margin-left-8 {
|
|
777
999
|
margin-left: var(--spacing-8);
|
|
778
1000
|
}
|
|
779
|
-
.
|
|
1001
|
+
.global_margin-left-9 {
|
|
780
1002
|
margin-left: var(--spacing-9);
|
|
781
1003
|
}
|
|
782
|
-
.
|
|
1004
|
+
.global_margin-left-10 {
|
|
783
1005
|
margin-left: var(--spacing-10);
|
|
784
1006
|
}
|
|
785
|
-
.
|
|
1007
|
+
.global_margin-left-11 {
|
|
786
1008
|
margin-left: var(--spacing-11);
|
|
787
1009
|
}
|
|
788
|
-
.
|
|
1010
|
+
.global_margin-left-12 {
|
|
789
1011
|
margin-left: var(--spacing-12);
|
|
790
1012
|
}
|
|
791
|
-
.
|
|
1013
|
+
.global_margin-right-1 {
|
|
792
1014
|
margin-right: var(--spacing-1);
|
|
793
1015
|
}
|
|
794
|
-
.
|
|
1016
|
+
.global_margin-right-2 {
|
|
795
1017
|
margin-right: var(--spacing-2);
|
|
796
1018
|
}
|
|
797
|
-
.
|
|
1019
|
+
.global_margin-right-3 {
|
|
798
1020
|
margin-right: var(--spacing-3);
|
|
799
1021
|
}
|
|
800
|
-
.
|
|
1022
|
+
.global_margin-right-4 {
|
|
801
1023
|
margin-right: var(--spacing-4);
|
|
802
1024
|
}
|
|
803
|
-
.
|
|
1025
|
+
.global_margin-right-5 {
|
|
804
1026
|
margin-right: var(--spacing-5);
|
|
805
1027
|
}
|
|
806
|
-
.
|
|
1028
|
+
.global_margin-right-6 {
|
|
807
1029
|
margin-right: var(--spacing-6);
|
|
808
1030
|
}
|
|
809
|
-
.
|
|
1031
|
+
.global_margin-right-7 {
|
|
810
1032
|
margin-right: var(--spacing-7);
|
|
811
1033
|
}
|
|
812
|
-
.
|
|
1034
|
+
.global_margin-right-8 {
|
|
813
1035
|
margin-right: var(--spacing-8);
|
|
814
1036
|
}
|
|
815
|
-
.
|
|
1037
|
+
.global_margin-right-9 {
|
|
816
1038
|
margin-right: var(--spacing-9);
|
|
817
1039
|
}
|
|
818
|
-
.
|
|
1040
|
+
.global_margin-right-10 {
|
|
819
1041
|
margin-right: var(--spacing-10);
|
|
820
1042
|
}
|
|
821
|
-
.
|
|
1043
|
+
.global_margin-right-11 {
|
|
822
1044
|
margin-right: var(--spacing-11);
|
|
823
1045
|
}
|
|
824
|
-
.
|
|
1046
|
+
.global_margin-right-12 {
|
|
825
1047
|
margin-right: var(--spacing-12);
|
|
826
1048
|
}
|
|
827
|
-
.
|
|
1049
|
+
.global_gap-1 {
|
|
828
1050
|
gap: var(--spacing-1);
|
|
829
1051
|
}
|
|
830
|
-
.
|
|
1052
|
+
.global_gap-2 {
|
|
831
1053
|
gap: var(--spacing-2);
|
|
832
1054
|
}
|
|
833
|
-
.
|
|
1055
|
+
.global_gap-3 {
|
|
834
1056
|
gap: var(--spacing-3);
|
|
835
1057
|
}
|
|
836
|
-
.
|
|
1058
|
+
.global_gap-4 {
|
|
837
1059
|
gap: var(--spacing-4);
|
|
838
1060
|
}
|
|
839
|
-
.
|
|
1061
|
+
.global_gap-5 {
|
|
840
1062
|
gap: var(--spacing-5);
|
|
841
1063
|
}
|
|
842
|
-
.
|
|
1064
|
+
.global_gap-6 {
|
|
843
1065
|
gap: var(--spacing-6);
|
|
844
1066
|
}
|
|
845
|
-
.
|
|
1067
|
+
.global_gap-7 {
|
|
846
1068
|
gap: var(--spacing-7);
|
|
847
1069
|
}
|
|
848
|
-
.
|
|
1070
|
+
.global_gap-8 {
|
|
849
1071
|
gap: var(--spacing-8);
|
|
850
1072
|
}
|
|
851
|
-
.
|
|
1073
|
+
.global_gap-9 {
|
|
852
1074
|
gap: var(--spacing-9);
|
|
853
1075
|
}
|
|
854
|
-
.
|
|
1076
|
+
.global_gap-10 {
|
|
855
1077
|
gap: var(--spacing-10);
|
|
856
1078
|
}
|
|
857
|
-
.
|
|
1079
|
+
.global_gap-11 {
|
|
858
1080
|
gap: var(--spacing-11);
|
|
859
1081
|
}
|
|
860
|
-
.
|
|
1082
|
+
.global_gap-12 {
|
|
861
1083
|
gap: var(--spacing-12);
|
|
862
1084
|
}
|
|
863
|
-
.
|
|
1085
|
+
.global_gap-x-1 {
|
|
864
1086
|
column-gap: var(--spacing-1);
|
|
865
1087
|
}
|
|
866
|
-
.
|
|
1088
|
+
.global_gap-x-2 {
|
|
867
1089
|
column-gap: var(--spacing-2);
|
|
868
1090
|
}
|
|
869
|
-
.
|
|
1091
|
+
.global_gap-x-3 {
|
|
870
1092
|
column-gap: var(--spacing-3);
|
|
871
1093
|
}
|
|
872
|
-
.
|
|
1094
|
+
.global_gap-x-4 {
|
|
873
1095
|
column-gap: var(--spacing-4);
|
|
874
1096
|
}
|
|
875
|
-
.
|
|
1097
|
+
.global_gap-x-5 {
|
|
876
1098
|
column-gap: var(--spacing-5);
|
|
877
1099
|
}
|
|
878
|
-
.
|
|
1100
|
+
.global_gap-x-6 {
|
|
879
1101
|
column-gap: var(--spacing-6);
|
|
880
1102
|
}
|
|
881
|
-
.
|
|
1103
|
+
.global_gap-x-7 {
|
|
882
1104
|
column-gap: var(--spacing-7);
|
|
883
1105
|
}
|
|
884
|
-
.
|
|
1106
|
+
.global_gap-x-8 {
|
|
885
1107
|
column-gap: var(--spacing-8);
|
|
886
1108
|
}
|
|
887
|
-
.
|
|
1109
|
+
.global_gap-x-9 {
|
|
888
1110
|
column-gap: var(--spacing-9);
|
|
889
1111
|
}
|
|
890
|
-
.
|
|
1112
|
+
.global_gap-x-10 {
|
|
891
1113
|
column-gap: var(--spacing-10);
|
|
892
1114
|
}
|
|
893
|
-
.
|
|
1115
|
+
.global_gap-x-11 {
|
|
894
1116
|
column-gap: var(--spacing-11);
|
|
895
1117
|
}
|
|
896
|
-
.
|
|
1118
|
+
.global_gap-x-12 {
|
|
897
1119
|
column-gap: var(--spacing-12);
|
|
898
1120
|
}
|
|
899
|
-
.
|
|
1121
|
+
.global_gap-y-1 {
|
|
900
1122
|
row-gap: var(--spacing-1);
|
|
901
1123
|
}
|
|
902
|
-
.
|
|
1124
|
+
.global_gap-y-2 {
|
|
903
1125
|
row-gap: var(--spacing-2);
|
|
904
1126
|
}
|
|
905
|
-
.
|
|
1127
|
+
.global_gap-y-3 {
|
|
906
1128
|
row-gap: var(--spacing-3);
|
|
907
1129
|
}
|
|
908
|
-
.
|
|
1130
|
+
.global_gap-y-4 {
|
|
909
1131
|
row-gap: var(--spacing-4);
|
|
910
1132
|
}
|
|
911
|
-
.
|
|
1133
|
+
.global_gap-y-5 {
|
|
912
1134
|
row-gap: var(--spacing-5);
|
|
913
1135
|
}
|
|
914
|
-
.
|
|
1136
|
+
.global_gap-y-6 {
|
|
915
1137
|
row-gap: var(--spacing-6);
|
|
916
1138
|
}
|
|
917
|
-
.
|
|
1139
|
+
.global_gap-y-7 {
|
|
918
1140
|
row-gap: var(--spacing-7);
|
|
919
1141
|
}
|
|
920
|
-
.
|
|
1142
|
+
.global_gap-y-8 {
|
|
921
1143
|
row-gap: var(--spacing-8);
|
|
922
1144
|
}
|
|
923
|
-
.
|
|
1145
|
+
.global_gap-y-9 {
|
|
924
1146
|
row-gap: var(--spacing-9);
|
|
925
1147
|
}
|
|
926
|
-
.
|
|
1148
|
+
.global_gap-y-10 {
|
|
927
1149
|
row-gap: var(--spacing-10);
|
|
928
1150
|
}
|
|
929
|
-
.
|
|
1151
|
+
.global_gap-y-11 {
|
|
930
1152
|
row-gap: var(--spacing-11);
|
|
931
1153
|
}
|
|
932
|
-
.
|
|
1154
|
+
.global_gap-y-12 {
|
|
933
1155
|
row-gap: var(--spacing-12);
|
|
934
1156
|
}
|
|
935
|
-
.
|
|
1157
|
+
.global_flex-direction-row {
|
|
936
1158
|
flex-direction: row;
|
|
937
1159
|
}
|
|
938
|
-
.
|
|
1160
|
+
.global_flex-direction-row-reverse {
|
|
939
1161
|
flex-direction: row-reverse;
|
|
940
1162
|
}
|
|
941
|
-
.
|
|
1163
|
+
.global_flex-direction-column {
|
|
942
1164
|
flex-direction: column;
|
|
943
1165
|
}
|
|
944
|
-
.
|
|
1166
|
+
.global_flex-direction-column-reverse {
|
|
945
1167
|
flex-direction: column-reverse;
|
|
946
1168
|
}
|
|
947
|
-
.
|
|
1169
|
+
.global_flex-wrap-wrap {
|
|
948
1170
|
flex-wrap: wrap;
|
|
949
1171
|
}
|
|
950
|
-
.
|
|
1172
|
+
.global_flex-wrap-nowrap {
|
|
951
1173
|
flex-wrap: nowrap;
|
|
952
1174
|
}
|
|
953
|
-
.
|
|
1175
|
+
.global_flex-wrap-wrap-reverse {
|
|
954
1176
|
flex-wrap: wrap-reverse;
|
|
955
1177
|
}
|
|
956
|
-
.
|
|
1178
|
+
.global_justify-content-center {
|
|
957
1179
|
justify-content: center;
|
|
958
1180
|
}
|
|
959
|
-
.
|
|
1181
|
+
.global_justify-content-start {
|
|
960
1182
|
justify-content: start;
|
|
961
1183
|
}
|
|
962
|
-
.
|
|
1184
|
+
.global_justify-content-end {
|
|
963
1185
|
justify-content: end;
|
|
964
1186
|
}
|
|
965
|
-
.
|
|
1187
|
+
.global_justify-content-flex-start {
|
|
966
1188
|
justify-content: flex-start;
|
|
967
1189
|
}
|
|
968
|
-
.
|
|
1190
|
+
.global_justify-content-flex-end {
|
|
969
1191
|
justify-content: flex-end;
|
|
970
1192
|
}
|
|
971
|
-
.
|
|
1193
|
+
.global_justify-content-left {
|
|
972
1194
|
justify-content: left;
|
|
973
1195
|
}
|
|
974
|
-
.
|
|
1196
|
+
.global_justify-content-right {
|
|
975
1197
|
justify-content: right;
|
|
976
1198
|
}
|
|
977
|
-
.
|
|
1199
|
+
.global_justify-content-space-between {
|
|
978
1200
|
justify-content: space-between;
|
|
979
1201
|
}
|
|
980
|
-
.
|
|
1202
|
+
.global_justify-content-space-around {
|
|
981
1203
|
justify-content: space-around;
|
|
982
1204
|
}
|
|
983
|
-
.
|
|
1205
|
+
.global_justify-content-space-evenly {
|
|
984
1206
|
justify-content: space-evenly;
|
|
985
1207
|
}
|
|
986
|
-
.
|
|
1208
|
+
.global_justify-content-stretch {
|
|
987
1209
|
justify-content: stretch;
|
|
988
1210
|
}
|
|
989
|
-
.
|
|
1211
|
+
.global_justify-items-stretch {
|
|
990
1212
|
justify-items: stretch;
|
|
991
1213
|
}
|
|
992
|
-
.
|
|
1214
|
+
.global_justify-items-center {
|
|
993
1215
|
justify-items: center;
|
|
994
1216
|
}
|
|
995
|
-
.
|
|
1217
|
+
.global_justify-items-start {
|
|
996
1218
|
justify-items: start;
|
|
997
1219
|
}
|
|
998
|
-
.
|
|
1220
|
+
.global_justify-items-end {
|
|
999
1221
|
justify-items: end;
|
|
1000
1222
|
}
|
|
1001
|
-
.
|
|
1223
|
+
.global_justify-items-flex-start {
|
|
1002
1224
|
justify-items: flex-start;
|
|
1003
1225
|
}
|
|
1004
|
-
.
|
|
1226
|
+
.global_justify-items-flex-end {
|
|
1005
1227
|
justify-items: flex-end;
|
|
1006
1228
|
}
|
|
1007
|
-
.
|
|
1229
|
+
.global_justify-items-self-start {
|
|
1008
1230
|
justify-items: self-start;
|
|
1009
1231
|
}
|
|
1010
|
-
.
|
|
1232
|
+
.global_justify-items-self-end {
|
|
1011
1233
|
justify-items: self-end;
|
|
1012
1234
|
}
|
|
1013
|
-
.
|
|
1235
|
+
.global_justify-items-left {
|
|
1014
1236
|
justify-items: left;
|
|
1015
1237
|
}
|
|
1016
|
-
.
|
|
1238
|
+
.global_justify-items-right {
|
|
1017
1239
|
justify-items: right;
|
|
1018
1240
|
}
|
|
1019
|
-
.
|
|
1241
|
+
.global_justify-items-baseline {
|
|
1020
1242
|
justify-items: baseline;
|
|
1021
1243
|
}
|
|
1022
|
-
.
|
|
1244
|
+
.global_align-content-center {
|
|
1023
1245
|
align-content: center;
|
|
1024
1246
|
}
|
|
1025
|
-
.
|
|
1247
|
+
.global_align-content-start {
|
|
1026
1248
|
align-content: start;
|
|
1027
1249
|
}
|
|
1028
|
-
.
|
|
1250
|
+
.global_align-content-end {
|
|
1029
1251
|
align-content: end;
|
|
1030
1252
|
}
|
|
1031
|
-
.
|
|
1253
|
+
.global_align-content-flex-start {
|
|
1032
1254
|
align-content: flex-start;
|
|
1033
1255
|
}
|
|
1034
|
-
.
|
|
1256
|
+
.global_align-content-flex-end {
|
|
1035
1257
|
align-content: flex-end;
|
|
1036
1258
|
}
|
|
1037
|
-
.
|
|
1259
|
+
.global_align-content-baseline {
|
|
1038
1260
|
align-content: baseline;
|
|
1039
1261
|
}
|
|
1040
|
-
.
|
|
1262
|
+
.global_align-content-space-between {
|
|
1041
1263
|
align-content: space-between;
|
|
1042
1264
|
}
|
|
1043
|
-
.
|
|
1265
|
+
.global_align-content-space-around {
|
|
1044
1266
|
align-content: space-around;
|
|
1045
1267
|
}
|
|
1046
|
-
.
|
|
1268
|
+
.global_align-content-space-evenly {
|
|
1047
1269
|
align-content: space-evenly;
|
|
1048
1270
|
}
|
|
1049
|
-
.
|
|
1271
|
+
.global_align-content-stretch {
|
|
1050
1272
|
align-content: stretch;
|
|
1051
1273
|
}
|
|
1052
|
-
.
|
|
1274
|
+
.global_align-items-center {
|
|
1053
1275
|
align-items: center;
|
|
1054
1276
|
}
|
|
1055
|
-
.
|
|
1277
|
+
.global_align-items-start {
|
|
1056
1278
|
align-items: start;
|
|
1057
1279
|
}
|
|
1058
|
-
.
|
|
1280
|
+
.global_align-items-end {
|
|
1059
1281
|
align-items: end;
|
|
1060
1282
|
}
|
|
1061
|
-
.
|
|
1283
|
+
.global_align-items-flex-start {
|
|
1062
1284
|
align-items: flex-start;
|
|
1063
1285
|
}
|
|
1064
|
-
.
|
|
1286
|
+
.global_align-items-flex-end {
|
|
1065
1287
|
align-items: flex-end;
|
|
1066
1288
|
}
|
|
1067
|
-
.
|
|
1289
|
+
.global_align-items-self-start {
|
|
1068
1290
|
align-items: self-start;
|
|
1069
1291
|
}
|
|
1070
|
-
.
|
|
1292
|
+
.global_align-items-self-end {
|
|
1071
1293
|
align-items: self-end;
|
|
1072
1294
|
}
|
|
1073
|
-
.
|
|
1295
|
+
.global_align-items-stretch {
|
|
1074
1296
|
align-items: stretch;
|
|
1075
1297
|
}
|
|
1076
|
-
.
|
|
1298
|
+
.global_align-items-baseline {
|
|
1077
1299
|
align-items: baseline;
|
|
1078
1300
|
}
|
|
1079
|
-
.
|
|
1301
|
+
.global_align-self-center {
|
|
1080
1302
|
align-self: center;
|
|
1081
1303
|
}
|
|
1082
|
-
.
|
|
1304
|
+
.global_align-self-start {
|
|
1083
1305
|
align-self: start;
|
|
1084
1306
|
}
|
|
1085
|
-
.
|
|
1307
|
+
.global_align-self-end {
|
|
1086
1308
|
align-self: end;
|
|
1087
1309
|
}
|
|
1088
|
-
.
|
|
1310
|
+
.global_align-self-self-start {
|
|
1089
1311
|
align-self: self-start;
|
|
1090
1312
|
}
|
|
1091
|
-
.
|
|
1313
|
+
.global_align-self-self-end {
|
|
1092
1314
|
align-self: self-end;
|
|
1093
1315
|
}
|
|
1094
|
-
.
|
|
1316
|
+
.global_align-self-flex-start {
|
|
1095
1317
|
align-self: flex-start;
|
|
1096
1318
|
}
|
|
1097
|
-
.
|
|
1319
|
+
.global_align-self-flex-end {
|
|
1098
1320
|
align-self: flex-end;
|
|
1099
1321
|
}
|
|
1100
|
-
.
|
|
1322
|
+
.global_align-self-baseline {
|
|
1101
1323
|
align-self: baseline;
|
|
1102
1324
|
}
|
|
1103
|
-
.
|
|
1325
|
+
.global_align-self-stretch {
|
|
1104
1326
|
align-self: stretch;
|
|
1105
1327
|
}
|
|
1106
|
-
.
|
|
1328
|
+
.global_justify-self-center {
|
|
1107
1329
|
justify-self: center;
|
|
1108
1330
|
}
|
|
1109
|
-
.
|
|
1331
|
+
.global_justify-self-start {
|
|
1110
1332
|
justify-self: start;
|
|
1111
1333
|
}
|
|
1112
|
-
.
|
|
1334
|
+
.global_justify-self-end {
|
|
1113
1335
|
justify-self: end;
|
|
1114
1336
|
}
|
|
1115
|
-
.
|
|
1337
|
+
.global_justify-self-self-start {
|
|
1116
1338
|
justify-self: self-start;
|
|
1117
1339
|
}
|
|
1118
|
-
.
|
|
1340
|
+
.global_justify-self-self-end {
|
|
1119
1341
|
justify-self: self-end;
|
|
1120
1342
|
}
|
|
1121
|
-
.
|
|
1343
|
+
.global_justify-self-baseline {
|
|
1122
1344
|
justify-self: baseline;
|
|
1123
1345
|
}
|
|
1124
|
-
.
|
|
1346
|
+
.global_justify-self-stretch {
|
|
1125
1347
|
justify-self: stretch;
|
|
1126
1348
|
}
|
|
1127
|
-
.
|
|
1349
|
+
.global_grid-auto-flow-row {
|
|
1128
1350
|
grid-auto-flow: row;
|
|
1129
1351
|
}
|
|
1130
|
-
.
|
|
1352
|
+
.global_grid-auto-flow-column {
|
|
1131
1353
|
grid-auto-flow: column;
|
|
1132
1354
|
}
|
|
1133
|
-
.
|
|
1355
|
+
.global_grid-auto-flow-row-dense {
|
|
1134
1356
|
grid-auto-flow: row dense;
|
|
1135
1357
|
}
|
|
1136
|
-
.
|
|
1358
|
+
.global_grid-auto-flow-column-dense {
|
|
1137
1359
|
grid-auto-flow: column dense;
|
|
1138
1360
|
}
|
|
1139
|
-
.
|
|
1361
|
+
.global_overflow-visible {
|
|
1140
1362
|
overflow: visible;
|
|
1141
1363
|
}
|
|
1142
|
-
.
|
|
1364
|
+
.global_overflow-hidden {
|
|
1143
1365
|
overflow: hidden;
|
|
1144
1366
|
}
|
|
1145
|
-
.
|
|
1367
|
+
.global_overflow-clip {
|
|
1146
1368
|
overflow: clip;
|
|
1147
1369
|
}
|
|
1148
|
-
.
|
|
1370
|
+
.global_overflow-scroll {
|
|
1149
1371
|
overflow: scroll;
|
|
1150
1372
|
}
|
|
1151
|
-
.
|
|
1373
|
+
.global_overflow-auto {
|
|
1152
1374
|
overflow: auto;
|
|
1153
1375
|
}
|
|
1154
|
-
.
|
|
1376
|
+
.global_overflow-x-visible {
|
|
1155
1377
|
overflow-x: visible;
|
|
1156
1378
|
}
|
|
1157
|
-
.
|
|
1379
|
+
.global_overflow-x-hidden {
|
|
1158
1380
|
overflow-x: hidden;
|
|
1159
1381
|
}
|
|
1160
|
-
.
|
|
1382
|
+
.global_overflow-x-clip {
|
|
1161
1383
|
overflow-x: clip;
|
|
1162
1384
|
}
|
|
1163
|
-
.
|
|
1385
|
+
.global_overflow-x-scroll {
|
|
1164
1386
|
overflow-x: scroll;
|
|
1165
1387
|
}
|
|
1166
|
-
.
|
|
1388
|
+
.global_overflow-x-auto {
|
|
1167
1389
|
overflow-x: auto;
|
|
1168
1390
|
}
|
|
1169
|
-
.
|
|
1391
|
+
.global_overflow-y-visible {
|
|
1170
1392
|
overflow-y: visible;
|
|
1171
1393
|
}
|
|
1172
|
-
.
|
|
1394
|
+
.global_overflow-y-hidden {
|
|
1173
1395
|
overflow-y: hidden;
|
|
1174
1396
|
}
|
|
1175
|
-
.
|
|
1397
|
+
.global_overflow-y-clip {
|
|
1176
1398
|
overflow-y: clip;
|
|
1177
1399
|
}
|
|
1178
|
-
.
|
|
1400
|
+
.global_overflow-y-scroll {
|
|
1179
1401
|
overflow-y: scroll;
|
|
1180
1402
|
}
|
|
1181
|
-
.
|
|
1403
|
+
.global_overflow-y-auto {
|
|
1182
1404
|
overflow-y: auto;
|
|
1183
1405
|
}
|
|
1184
1406
|
@media (min-width: 520px) {
|
|
1185
|
-
.
|
|
1407
|
+
.global_display-xs {
|
|
1186
1408
|
display: var(--display-xs);
|
|
1187
1409
|
}
|
|
1188
|
-
.
|
|
1410
|
+
.global_position-xs {
|
|
1189
1411
|
position: var(--position-xs);
|
|
1190
1412
|
}
|
|
1191
|
-
.
|
|
1413
|
+
.global_font-size-xs {
|
|
1192
1414
|
font-size: var(--font-size-xs);
|
|
1193
1415
|
}
|
|
1194
|
-
.
|
|
1416
|
+
.global_font-weight-xs {
|
|
1195
1417
|
font-weight: var(--font-weight-xs);
|
|
1196
1418
|
}
|
|
1197
|
-
.
|
|
1419
|
+
.global_border-size-xs {
|
|
1198
1420
|
border: var(--border-size-xs) solid var(--border-color);
|
|
1199
1421
|
}
|
|
1200
|
-
.
|
|
1422
|
+
.global_border-radius-xs {
|
|
1201
1423
|
border-radius: var(--border-radius-xs);
|
|
1202
1424
|
}
|
|
1203
|
-
.
|
|
1425
|
+
.global_shadow-xs {
|
|
1204
1426
|
box-shadow: var(--shadow-xs);
|
|
1205
1427
|
}
|
|
1206
|
-
.
|
|
1428
|
+
.global_background-color-xs {
|
|
1207
1429
|
background-color: var(--background-color-xs);
|
|
1208
1430
|
}
|
|
1209
|
-
.
|
|
1431
|
+
.global_align-xs {
|
|
1210
1432
|
text-align: var(--align-xs);
|
|
1211
1433
|
}
|
|
1212
|
-
.
|
|
1434
|
+
.global_letter-spacing-xs {
|
|
1213
1435
|
letter-spacing: var(--letter-spacing-xs);
|
|
1214
1436
|
}
|
|
1215
|
-
.
|
|
1437
|
+
.global_padding-xs {
|
|
1216
1438
|
padding: var(--padding-xs);
|
|
1217
1439
|
}
|
|
1218
|
-
.
|
|
1440
|
+
.global_padding-x-xs {
|
|
1219
1441
|
padding-left: var(--padding-x-xs);
|
|
1220
1442
|
padding-right: var(--padding-x-xs);
|
|
1221
1443
|
}
|
|
1222
|
-
.
|
|
1444
|
+
.global_padding-y-xs {
|
|
1223
1445
|
padding-top: var(--padding-y-xs);
|
|
1224
1446
|
padding-bottom: var(--padding-y-xs);
|
|
1225
1447
|
}
|
|
1226
|
-
.
|
|
1448
|
+
.global_padding-top-xs {
|
|
1227
1449
|
padding-top: var(--padding-top-xs);
|
|
1228
1450
|
}
|
|
1229
|
-
.
|
|
1451
|
+
.global_padding-right-xs {
|
|
1230
1452
|
padding-right: var(--padding-right-xs);
|
|
1231
1453
|
}
|
|
1232
|
-
.
|
|
1454
|
+
.global_padding-bottom-xs {
|
|
1233
1455
|
padding-bottom: var(--padding-bottom-xs);
|
|
1234
1456
|
}
|
|
1235
|
-
.
|
|
1457
|
+
.global_padding-left-xs {
|
|
1236
1458
|
padding-left: var(--padding-left-xs);
|
|
1237
1459
|
}
|
|
1238
|
-
.
|
|
1460
|
+
.global_margin-xs {
|
|
1239
1461
|
margin: var(--margin-xs);
|
|
1240
1462
|
}
|
|
1241
|
-
.
|
|
1463
|
+
.global_margin-x-xs {
|
|
1242
1464
|
margin-left: var(--margin-x-xs);
|
|
1243
1465
|
margin-right: var(--margin-x-xs);
|
|
1244
1466
|
}
|
|
1245
|
-
.
|
|
1467
|
+
.global_margin-y-xs {
|
|
1246
1468
|
margin-top: var(--margin-y-xs);
|
|
1247
1469
|
margin-bottom: var(--margin-y-xs);
|
|
1248
1470
|
}
|
|
1249
|
-
.
|
|
1471
|
+
.global_margin-top-xs {
|
|
1250
1472
|
margin-top: var(--margin-top-xs);
|
|
1251
1473
|
}
|
|
1252
|
-
.
|
|
1474
|
+
.global_margin-right-xs {
|
|
1253
1475
|
margin-right: var(--margin-right-xs);
|
|
1254
1476
|
}
|
|
1255
|
-
.
|
|
1477
|
+
.global_margin-bottom-xs {
|
|
1256
1478
|
margin-bottom: var(--margin-bottom-xs);
|
|
1257
1479
|
}
|
|
1258
|
-
.
|
|
1480
|
+
.global_margin-left-xs {
|
|
1259
1481
|
margin-left: var(--margin-left-xs);
|
|
1260
1482
|
}
|
|
1261
|
-
.
|
|
1483
|
+
.global_gap-xs {
|
|
1262
1484
|
gap: var(--gap-xs);
|
|
1263
1485
|
}
|
|
1264
|
-
.
|
|
1486
|
+
.global_gap-x-xs {
|
|
1265
1487
|
column-gap: var(--gap-x-xs);
|
|
1266
1488
|
}
|
|
1267
|
-
.
|
|
1489
|
+
.global_gap-y-xs {
|
|
1268
1490
|
row-gap: var(--gap-y-xs);
|
|
1269
1491
|
}
|
|
1270
|
-
.
|
|
1492
|
+
.global_height-xs {
|
|
1271
1493
|
height: var(--height-xs);
|
|
1272
1494
|
}
|
|
1273
|
-
.
|
|
1495
|
+
.global_width-xs {
|
|
1274
1496
|
min-width: var(--width-xs);
|
|
1275
1497
|
}
|
|
1276
|
-
.
|
|
1498
|
+
.global_min-height-xs {
|
|
1277
1499
|
min-height: var(--min-height-xs);
|
|
1278
1500
|
}
|
|
1279
|
-
.
|
|
1501
|
+
.global_min-width-xs {
|
|
1280
1502
|
max-width: var(--min-width-xs);
|
|
1281
1503
|
}
|
|
1282
|
-
.
|
|
1504
|
+
.global_max-height-xs {
|
|
1283
1505
|
max-height: var(--max-height-xs);
|
|
1284
1506
|
}
|
|
1285
|
-
.
|
|
1507
|
+
.global_flex-direction-xs {
|
|
1286
1508
|
flex-direction: var(--flex-direction-xs);
|
|
1287
1509
|
}
|
|
1288
|
-
.
|
|
1510
|
+
.global_flex-wrap-xs {
|
|
1289
1511
|
flex-wrap: var(--flex-wrap-xs);
|
|
1290
1512
|
}
|
|
1291
|
-
.
|
|
1513
|
+
.global_justify-content-xs {
|
|
1292
1514
|
justify-content: var(--justify-content-xs);
|
|
1293
1515
|
}
|
|
1294
|
-
.
|
|
1516
|
+
.global_justify-items-xs {
|
|
1295
1517
|
justify-items: var(--justify-items-xs);
|
|
1296
1518
|
}
|
|
1297
|
-
.
|
|
1519
|
+
.global_justify-self-xs {
|
|
1298
1520
|
justify-self: var(--justify-self-xs);
|
|
1299
1521
|
}
|
|
1300
|
-
.
|
|
1522
|
+
.global_align-content-xs {
|
|
1301
1523
|
align-content: var(--align-content-xs);
|
|
1302
1524
|
}
|
|
1303
|
-
.
|
|
1525
|
+
.global_align-items-xs {
|
|
1304
1526
|
align-items: var(--align-items-xs);
|
|
1305
1527
|
}
|
|
1306
|
-
.
|
|
1528
|
+
.global_align-self-xs {
|
|
1307
1529
|
align-self: var(--align-self-xs);
|
|
1308
1530
|
}
|
|
1309
|
-
.
|
|
1531
|
+
.global_grid-template-rows-xs {
|
|
1310
1532
|
grid-template-rows: var(--grid-template-rows-xs);
|
|
1311
1533
|
}
|
|
1312
|
-
.
|
|
1534
|
+
.global_grid-template-columns-xs {
|
|
1313
1535
|
grid-template-columns: var(--grid-template-columns-xs);
|
|
1314
1536
|
}
|
|
1315
|
-
.
|
|
1537
|
+
.global_flex-basis-xs {
|
|
1316
1538
|
flex-basis: var(--flex-basis-xs);
|
|
1317
1539
|
}
|
|
1318
|
-
.
|
|
1540
|
+
.global_flex-grow-xs {
|
|
1319
1541
|
flex-basis: var(--flex-grow-xs);
|
|
1320
1542
|
}
|
|
1321
|
-
.
|
|
1543
|
+
.global_flex-shrink-xs {
|
|
1322
1544
|
flex-basis: var(--flex-shrink-xs);
|
|
1323
1545
|
}
|
|
1324
|
-
.
|
|
1546
|
+
.global_overflow-xs {
|
|
1325
1547
|
overflow: var(--overflow-xs);
|
|
1326
1548
|
}
|
|
1327
|
-
.
|
|
1549
|
+
.global_overflow-x-xs {
|
|
1328
1550
|
overflow: var(--overflow-x-xs);
|
|
1329
1551
|
}
|
|
1330
|
-
.
|
|
1552
|
+
.global_overflow-y-xs {
|
|
1331
1553
|
overflow: var(--overflow-y-xs);
|
|
1332
1554
|
}
|
|
1333
|
-
.
|
|
1555
|
+
.global_order-xs {
|
|
1334
1556
|
order: var(--order-xs);
|
|
1335
1557
|
}
|
|
1336
1558
|
}
|
|
1337
1559
|
@media (min-width: 768px) {
|
|
1338
|
-
.
|
|
1560
|
+
.global_display-sm {
|
|
1339
1561
|
display: var(--display-sm);
|
|
1340
1562
|
}
|
|
1341
|
-
.
|
|
1563
|
+
.global_position-sm {
|
|
1342
1564
|
position: var(--position-sm);
|
|
1343
1565
|
}
|
|
1344
|
-
.
|
|
1566
|
+
.global_font-size-sm {
|
|
1345
1567
|
font-size: var(--font-size-sm);
|
|
1346
1568
|
}
|
|
1347
|
-
.
|
|
1569
|
+
.global_font-weight-sm {
|
|
1348
1570
|
font-weight: var(--font-weight-sm);
|
|
1349
1571
|
}
|
|
1350
|
-
.
|
|
1572
|
+
.global_border-size-sm {
|
|
1351
1573
|
border: var(--border-size-sm) solid var(--border-color);
|
|
1352
1574
|
}
|
|
1353
|
-
.
|
|
1575
|
+
.global_border-radius-sm {
|
|
1354
1576
|
border-radius: var(--border-radius-sm);
|
|
1355
1577
|
}
|
|
1356
|
-
.
|
|
1578
|
+
.global_shadow-sm {
|
|
1357
1579
|
box-shadow: var(--shadow-sm);
|
|
1358
1580
|
}
|
|
1359
|
-
.
|
|
1581
|
+
.global_background-color-sm {
|
|
1360
1582
|
background-color: var(--background-color-sm);
|
|
1361
1583
|
}
|
|
1362
|
-
.
|
|
1584
|
+
.global_align-sm {
|
|
1363
1585
|
text-align: var(--align-sm);
|
|
1364
1586
|
}
|
|
1365
|
-
.
|
|
1587
|
+
.global_letter-spacing-sm {
|
|
1366
1588
|
letter-spacing: var(--letter-spacing-sm);
|
|
1367
1589
|
}
|
|
1368
|
-
.
|
|
1590
|
+
.global_padding-sm {
|
|
1369
1591
|
padding: var(--padding-sm);
|
|
1370
1592
|
}
|
|
1371
|
-
.
|
|
1593
|
+
.global_padding-x-sm {
|
|
1372
1594
|
padding-left: var(--padding-x-sm);
|
|
1373
1595
|
padding-right: var(--padding-x-sm);
|
|
1374
1596
|
}
|
|
1375
|
-
.
|
|
1597
|
+
.global_padding-y-sm {
|
|
1376
1598
|
padding-top: var(--padding-y-sm);
|
|
1377
1599
|
padding-bottom: var(--padding-y-sm);
|
|
1378
1600
|
}
|
|
1379
|
-
.
|
|
1601
|
+
.global_padding-top-sm {
|
|
1380
1602
|
padding-top: var(--padding-top-sm);
|
|
1381
1603
|
}
|
|
1382
|
-
.
|
|
1604
|
+
.global_padding-right-sm {
|
|
1383
1605
|
padding-right: var(--padding-right-sm);
|
|
1384
1606
|
}
|
|
1385
|
-
.
|
|
1607
|
+
.global_padding-bottom-sm {
|
|
1386
1608
|
padding-bottom: var(--padding-bottom-sm);
|
|
1387
1609
|
}
|
|
1388
|
-
.
|
|
1610
|
+
.global_padding-left-sm {
|
|
1389
1611
|
padding-left: var(--padding-left-sm);
|
|
1390
1612
|
}
|
|
1391
|
-
.
|
|
1613
|
+
.global_margin-sm {
|
|
1392
1614
|
margin: var(--margin-sm);
|
|
1393
1615
|
}
|
|
1394
|
-
.
|
|
1616
|
+
.global_margin-x-sm {
|
|
1395
1617
|
margin-left: var(--margin-x-sm);
|
|
1396
1618
|
margin-right: var(--margin-x-sm);
|
|
1397
1619
|
}
|
|
1398
|
-
.
|
|
1620
|
+
.global_margin-y-sm {
|
|
1399
1621
|
margin-top: var(--margin-y-sm);
|
|
1400
1622
|
margin-bottom: var(--margin-y-sm);
|
|
1401
1623
|
}
|
|
1402
|
-
.
|
|
1624
|
+
.global_margin-top-sm {
|
|
1403
1625
|
margin-top: var(--margin-top-sm);
|
|
1404
1626
|
}
|
|
1405
|
-
.
|
|
1627
|
+
.global_margin-right-sm {
|
|
1406
1628
|
margin-right: var(--margin-right-sm);
|
|
1407
1629
|
}
|
|
1408
|
-
.
|
|
1630
|
+
.global_margin-bottom-sm {
|
|
1409
1631
|
margin-bottom: var(--margin-bottom-sm);
|
|
1410
1632
|
}
|
|
1411
|
-
.
|
|
1633
|
+
.global_margin-left-sm {
|
|
1412
1634
|
margin-left: var(--margin-left-sm);
|
|
1413
1635
|
}
|
|
1414
|
-
.
|
|
1636
|
+
.global_gap-sm {
|
|
1415
1637
|
gap: var(--gap-sm);
|
|
1416
1638
|
}
|
|
1417
|
-
.
|
|
1639
|
+
.global_gap-x-sm {
|
|
1418
1640
|
column-gap: var(--gap-x-sm);
|
|
1419
1641
|
}
|
|
1420
|
-
.
|
|
1642
|
+
.global_gap-y-sm {
|
|
1421
1643
|
row-gap: var(--gap-y-sm);
|
|
1422
1644
|
}
|
|
1423
|
-
.
|
|
1645
|
+
.global_height-sm {
|
|
1424
1646
|
height: var(--height-sm);
|
|
1425
1647
|
}
|
|
1426
|
-
.
|
|
1648
|
+
.global_width-sm {
|
|
1427
1649
|
width: var(--width-sm);
|
|
1428
1650
|
}
|
|
1429
|
-
.
|
|
1651
|
+
.global_min-height-sm {
|
|
1430
1652
|
min-height: var(--min-height-sm);
|
|
1431
1653
|
}
|
|
1432
|
-
.
|
|
1654
|
+
.global_min-width-sm {
|
|
1433
1655
|
max-width: var(--min-width-sm);
|
|
1434
1656
|
}
|
|
1435
|
-
.
|
|
1657
|
+
.global_max-height-sm {
|
|
1436
1658
|
max-height: var(--max-height-sm);
|
|
1437
1659
|
}
|
|
1438
|
-
.
|
|
1660
|
+
.global_flex-direction-sm {
|
|
1439
1661
|
flex-direction: var(--flex-direction-sm);
|
|
1440
1662
|
}
|
|
1441
|
-
.
|
|
1663
|
+
.global_flex-wrap-sm {
|
|
1442
1664
|
flex-wrap: var(--flex-wrap-sm);
|
|
1443
1665
|
}
|
|
1444
|
-
.
|
|
1666
|
+
.global_justify-content-sm {
|
|
1445
1667
|
justify-content: var(--justify-content-sm);
|
|
1446
1668
|
}
|
|
1447
|
-
.
|
|
1669
|
+
.global_justify-items-sm {
|
|
1448
1670
|
justify-items: var(--justify-items-sm);
|
|
1449
1671
|
}
|
|
1450
|
-
.
|
|
1672
|
+
.global_justify-self-sm {
|
|
1451
1673
|
justify-self: var(--justify-self-sm);
|
|
1452
1674
|
}
|
|
1453
|
-
.
|
|
1675
|
+
.global_align-content-sm {
|
|
1454
1676
|
align-content: var(--align-content-sm);
|
|
1455
1677
|
}
|
|
1456
|
-
.
|
|
1678
|
+
.global_align-items-sm {
|
|
1457
1679
|
align-items: var(--align-items-sm);
|
|
1458
1680
|
}
|
|
1459
|
-
.
|
|
1681
|
+
.global_align-self-sm {
|
|
1460
1682
|
align-self: var(--align-self-sm);
|
|
1461
1683
|
}
|
|
1462
|
-
.
|
|
1684
|
+
.global_grid-template-rows-sm {
|
|
1463
1685
|
grid-template-rows: var(--grid-template-rows-sm);
|
|
1464
1686
|
}
|
|
1465
|
-
.
|
|
1687
|
+
.global_grid-template-columns-sm {
|
|
1466
1688
|
grid-template-columns: var(--grid-template-columns-sm);
|
|
1467
1689
|
}
|
|
1468
|
-
.
|
|
1690
|
+
.global_flex-basis-sm {
|
|
1469
1691
|
flex-basis: var(--flex-basis-sm);
|
|
1470
1692
|
}
|
|
1471
|
-
.
|
|
1693
|
+
.global_flex-grow-sm {
|
|
1472
1694
|
flex-basis: var(--flex-grow-sm);
|
|
1473
1695
|
}
|
|
1474
|
-
.
|
|
1696
|
+
.global_flex-shrink-sm {
|
|
1475
1697
|
flex-basis: var(--flex-shrink-sm);
|
|
1476
1698
|
}
|
|
1477
|
-
.
|
|
1699
|
+
.global_overflow-sm {
|
|
1478
1700
|
overflow: var(--overflow-sm);
|
|
1479
1701
|
}
|
|
1480
|
-
.
|
|
1702
|
+
.global_overflow-x-sm {
|
|
1481
1703
|
overflow: var(--overflow-x-sm);
|
|
1482
1704
|
}
|
|
1483
|
-
.
|
|
1705
|
+
.global_overflow-y-sm {
|
|
1484
1706
|
overflow: var(--overflow-y-sm);
|
|
1485
1707
|
}
|
|
1486
|
-
.
|
|
1708
|
+
.global_order-sm {
|
|
1487
1709
|
order: var(--order-sm);
|
|
1488
1710
|
}
|
|
1489
1711
|
}
|
|
1490
1712
|
@media (min-width: 1024px) {
|
|
1491
|
-
.
|
|
1713
|
+
.global_display-md {
|
|
1492
1714
|
display: var(--display-md);
|
|
1493
1715
|
}
|
|
1494
|
-
.
|
|
1716
|
+
.global_position-md {
|
|
1495
1717
|
position: var(--position-md);
|
|
1496
1718
|
}
|
|
1497
|
-
.
|
|
1719
|
+
.global_font-size-md {
|
|
1498
1720
|
font-size: var(--font-size-md);
|
|
1499
1721
|
}
|
|
1500
|
-
.
|
|
1722
|
+
.global_font-weight-md {
|
|
1501
1723
|
font-weight: var(--font-weight-md);
|
|
1502
1724
|
}
|
|
1503
|
-
.
|
|
1725
|
+
.global_border-size-md {
|
|
1504
1726
|
border: var(--border-size-md) solid var(--border-color);
|
|
1505
1727
|
}
|
|
1506
|
-
.
|
|
1728
|
+
.global_border-radius-md {
|
|
1507
1729
|
border-radius: var(--border-radius-md);
|
|
1508
1730
|
}
|
|
1509
|
-
.
|
|
1731
|
+
.global_shadow-md {
|
|
1510
1732
|
box-shadow: var(--shadow-md);
|
|
1511
1733
|
}
|
|
1512
|
-
.
|
|
1734
|
+
.global_background-color-md {
|
|
1513
1735
|
background-color: var(--background-color-md);
|
|
1514
1736
|
}
|
|
1515
|
-
.
|
|
1737
|
+
.global_align-md {
|
|
1516
1738
|
text-align: var(--align-md);
|
|
1517
1739
|
}
|
|
1518
|
-
.
|
|
1740
|
+
.global_letter-spacing-md {
|
|
1519
1741
|
letter-spacing: var(--letter-spacing-md);
|
|
1520
1742
|
}
|
|
1521
|
-
.
|
|
1743
|
+
.global_padding-md {
|
|
1522
1744
|
padding: var(--padding-md);
|
|
1523
1745
|
}
|
|
1524
|
-
.
|
|
1746
|
+
.global_padding-x-md {
|
|
1525
1747
|
padding-left: var(--padding-x-md);
|
|
1526
1748
|
padding-right: var(--padding-x-md);
|
|
1527
1749
|
}
|
|
1528
|
-
.
|
|
1750
|
+
.global_padding-y-md {
|
|
1529
1751
|
padding-top: var(--padding-y-md);
|
|
1530
1752
|
padding-bottom: var(--padding-y-md);
|
|
1531
1753
|
}
|
|
1532
|
-
.
|
|
1754
|
+
.global_padding-top-md {
|
|
1533
1755
|
padding-top: var(--padding-top-md);
|
|
1534
1756
|
}
|
|
1535
|
-
.
|
|
1757
|
+
.global_padding-right-md {
|
|
1536
1758
|
padding-right: var(--padding-right-md);
|
|
1537
1759
|
}
|
|
1538
|
-
.
|
|
1760
|
+
.global_padding-bottom-md {
|
|
1539
1761
|
padding-bottom: var(--padding-bottom-md);
|
|
1540
1762
|
}
|
|
1541
|
-
.
|
|
1763
|
+
.global_padding-left-md {
|
|
1542
1764
|
padding-left: var(--padding-left-md);
|
|
1543
1765
|
}
|
|
1544
|
-
.
|
|
1766
|
+
.global_margin-md {
|
|
1545
1767
|
margin: var(--margin-md);
|
|
1546
1768
|
}
|
|
1547
|
-
.
|
|
1769
|
+
.global_margin-x-md {
|
|
1548
1770
|
margin-left: var(--margin-x-md);
|
|
1549
1771
|
margin-right: var(--margin-x-md);
|
|
1550
1772
|
}
|
|
1551
|
-
.
|
|
1773
|
+
.global_margin-y-md {
|
|
1552
1774
|
margin-top: var(--margin-y-md);
|
|
1553
1775
|
margin-bottom: var(--margin-y-md);
|
|
1554
1776
|
}
|
|
1555
|
-
.
|
|
1777
|
+
.global_margin-top-md {
|
|
1556
1778
|
margin-top: var(--margin-top-md);
|
|
1557
1779
|
}
|
|
1558
|
-
.
|
|
1780
|
+
.global_margin-right-md {
|
|
1559
1781
|
margin-right: var(--margin-right-md);
|
|
1560
1782
|
}
|
|
1561
|
-
.
|
|
1783
|
+
.global_margin-bottom-md {
|
|
1562
1784
|
margin-bottom: var(--margin-bottom-md);
|
|
1563
1785
|
}
|
|
1564
|
-
.
|
|
1786
|
+
.global_margin-left-md {
|
|
1565
1787
|
margin-left: var(--margin-left-md);
|
|
1566
1788
|
}
|
|
1567
|
-
.
|
|
1789
|
+
.global_gap-md {
|
|
1568
1790
|
gap: var(--gap-md);
|
|
1569
1791
|
}
|
|
1570
|
-
.
|
|
1792
|
+
.global_gap-x-md {
|
|
1571
1793
|
column-gap: var(--gap-x-md);
|
|
1572
1794
|
}
|
|
1573
|
-
.
|
|
1795
|
+
.global_gap-y-md {
|
|
1574
1796
|
row-gap: var(--gap-y-md);
|
|
1575
1797
|
}
|
|
1576
|
-
.
|
|
1798
|
+
.global_height-md {
|
|
1577
1799
|
height: var(--height-md);
|
|
1578
1800
|
}
|
|
1579
|
-
.
|
|
1801
|
+
.global_width-md {
|
|
1580
1802
|
width: var(--width-md);
|
|
1581
1803
|
}
|
|
1582
|
-
.
|
|
1804
|
+
.global_min-height-md {
|
|
1583
1805
|
min-height: var(--min-height-md);
|
|
1584
1806
|
}
|
|
1585
|
-
.
|
|
1807
|
+
.global_min-width-md {
|
|
1586
1808
|
max-width: var(--min-width-md);
|
|
1587
1809
|
}
|
|
1588
|
-
.
|
|
1810
|
+
.global_max-height-md {
|
|
1589
1811
|
max-height: var(--max-height-md);
|
|
1590
1812
|
}
|
|
1591
|
-
.
|
|
1813
|
+
.global_flex-direction-md {
|
|
1592
1814
|
flex-direction: var(--flex-direction-md);
|
|
1593
1815
|
}
|
|
1594
|
-
.
|
|
1816
|
+
.global_flex-wrap-md {
|
|
1595
1817
|
flex-wrap: var(--flex-wrap-md);
|
|
1596
1818
|
}
|
|
1597
|
-
.
|
|
1819
|
+
.global_justify-content-md {
|
|
1598
1820
|
justify-content: var(--justify-content-md);
|
|
1599
1821
|
}
|
|
1600
|
-
.
|
|
1822
|
+
.global_justify-items-md {
|
|
1601
1823
|
justify-items: var(--justify-items-md);
|
|
1602
1824
|
}
|
|
1603
|
-
.
|
|
1825
|
+
.global_justify-self-md {
|
|
1604
1826
|
justify-self: var(--justify-self-md);
|
|
1605
1827
|
}
|
|
1606
|
-
.
|
|
1828
|
+
.global_align-content-md {
|
|
1607
1829
|
align-content: var(--align-content-md);
|
|
1608
1830
|
}
|
|
1609
|
-
.
|
|
1831
|
+
.global_align-items-md {
|
|
1610
1832
|
align-items: var(--align-items-md);
|
|
1611
1833
|
}
|
|
1612
|
-
.
|
|
1834
|
+
.global_align-self-md {
|
|
1613
1835
|
align-self: var(--align-self-md);
|
|
1614
1836
|
}
|
|
1615
|
-
.
|
|
1837
|
+
.global_grid-template-rows-md {
|
|
1616
1838
|
grid-template-rows: var(--grid-template-rows-md);
|
|
1617
1839
|
}
|
|
1618
|
-
.
|
|
1840
|
+
.global_grid-template-columns-md {
|
|
1619
1841
|
grid-template-columns: var(--grid-template-columns-md);
|
|
1620
1842
|
}
|
|
1621
|
-
.
|
|
1843
|
+
.global_flex-basis-md {
|
|
1622
1844
|
flex-basis: var(--flex-basis-md);
|
|
1623
1845
|
}
|
|
1624
|
-
.
|
|
1846
|
+
.global_flex-grow-md {
|
|
1625
1847
|
flex-basis: var(--flex-grow-md);
|
|
1626
1848
|
}
|
|
1627
|
-
.
|
|
1849
|
+
.global_flex-shrink-md {
|
|
1628
1850
|
flex-basis: var(--flex-shrink-md);
|
|
1629
1851
|
}
|
|
1630
|
-
.
|
|
1852
|
+
.global_overflow-md {
|
|
1631
1853
|
overflow: var(--overflow-md);
|
|
1632
1854
|
}
|
|
1633
|
-
.
|
|
1855
|
+
.global_overflow-x-md {
|
|
1634
1856
|
overflow: var(--overflow-x-md);
|
|
1635
1857
|
}
|
|
1636
|
-
.
|
|
1858
|
+
.global_overflow-y-md {
|
|
1637
1859
|
overflow: var(--overflow-y-md);
|
|
1638
1860
|
}
|
|
1639
|
-
.
|
|
1861
|
+
.global_order-md {
|
|
1640
1862
|
order: var(--order-md);
|
|
1641
1863
|
}
|
|
1642
1864
|
}
|
|
1643
1865
|
@media (min-width: 1280px) {
|
|
1644
|
-
.
|
|
1866
|
+
.global_display-lg {
|
|
1645
1867
|
display: var(--display-lg);
|
|
1646
1868
|
}
|
|
1647
|
-
.
|
|
1869
|
+
.global_position-lg {
|
|
1648
1870
|
position: var(--position-lg);
|
|
1649
1871
|
}
|
|
1650
|
-
.
|
|
1872
|
+
.global_font-size-lg {
|
|
1651
1873
|
font-size: var(--font-size-lg);
|
|
1652
1874
|
}
|
|
1653
|
-
.
|
|
1875
|
+
.global_font-weight-lg {
|
|
1654
1876
|
font-weight: var(--font-weight-lg);
|
|
1655
1877
|
}
|
|
1656
|
-
.
|
|
1878
|
+
.global_border-size-lg {
|
|
1657
1879
|
border: var(--border-size-lg) solid var(--border-color);
|
|
1658
1880
|
}
|
|
1659
|
-
.
|
|
1881
|
+
.global_border-radius-lg {
|
|
1660
1882
|
border-radius: var(--border-radius-lg);
|
|
1661
1883
|
}
|
|
1662
|
-
.
|
|
1884
|
+
.global_shadow-lg {
|
|
1663
1885
|
box-shadow: var(--shadow-lg);
|
|
1664
1886
|
}
|
|
1665
|
-
.
|
|
1887
|
+
.global_background-color-lg {
|
|
1666
1888
|
background-color: var(--background-color-lg);
|
|
1667
1889
|
}
|
|
1668
|
-
.
|
|
1890
|
+
.global_align-lg {
|
|
1669
1891
|
text-align: var(--align-lg);
|
|
1670
1892
|
}
|
|
1671
|
-
.
|
|
1893
|
+
.global_letter-spacing-lg {
|
|
1672
1894
|
letter-spacing: var(--letter-spacing-lg);
|
|
1673
1895
|
}
|
|
1674
|
-
.
|
|
1896
|
+
.global_padding-lg {
|
|
1675
1897
|
padding: var(--padding-lg);
|
|
1676
1898
|
}
|
|
1677
|
-
.
|
|
1899
|
+
.global_padding-x-lg {
|
|
1678
1900
|
padding-left: var(--padding-x-lg);
|
|
1679
1901
|
padding-right: var(--padding-x-lg);
|
|
1680
1902
|
}
|
|
1681
|
-
.
|
|
1903
|
+
.global_padding-y-lg {
|
|
1682
1904
|
padding-top: var(--padding-y-lg);
|
|
1683
1905
|
padding-bottom: var(--padding-y-lg);
|
|
1684
1906
|
}
|
|
1685
|
-
.
|
|
1907
|
+
.global_padding-top-lg {
|
|
1686
1908
|
padding-top: var(--padding-top-lg);
|
|
1687
1909
|
}
|
|
1688
|
-
.
|
|
1910
|
+
.global_padding-right-lg {
|
|
1689
1911
|
padding-right: var(--padding-right-lg);
|
|
1690
1912
|
}
|
|
1691
|
-
.
|
|
1913
|
+
.global_padding-bottom-lg {
|
|
1692
1914
|
padding-bottom: var(--padding-bottom-lg);
|
|
1693
1915
|
}
|
|
1694
|
-
.
|
|
1916
|
+
.global_padding-left-lg {
|
|
1695
1917
|
padding-left: var(--padding-left-lg);
|
|
1696
1918
|
}
|
|
1697
|
-
.
|
|
1919
|
+
.global_margin-lg {
|
|
1698
1920
|
margin: var(--margin-lg);
|
|
1699
1921
|
}
|
|
1700
|
-
.
|
|
1922
|
+
.global_margin-x-lg {
|
|
1701
1923
|
margin-left: var(--margin-x-lg);
|
|
1702
1924
|
margin-right: var(--margin-x-lg);
|
|
1703
1925
|
}
|
|
1704
|
-
.
|
|
1926
|
+
.global_margin-y-lg {
|
|
1705
1927
|
margin-top: var(--margin-y-lg);
|
|
1706
1928
|
margin-bottom: var(--margin-y-lg);
|
|
1707
1929
|
}
|
|
1708
|
-
.
|
|
1930
|
+
.global_margin-top-lg {
|
|
1709
1931
|
margin-top: var(--margin-top-lg);
|
|
1710
1932
|
}
|
|
1711
|
-
.
|
|
1933
|
+
.global_margin-right-lg {
|
|
1712
1934
|
margin-right: var(--margin-right-lg);
|
|
1713
1935
|
}
|
|
1714
|
-
.
|
|
1936
|
+
.global_margin-bottom-lg {
|
|
1715
1937
|
margin-bottom: var(--margin-bottom-lg);
|
|
1716
1938
|
}
|
|
1717
|
-
.
|
|
1939
|
+
.global_margin-left-lg {
|
|
1718
1940
|
margin-left: var(--margin-left-lg);
|
|
1719
1941
|
}
|
|
1720
|
-
.
|
|
1942
|
+
.global_gap-lg {
|
|
1721
1943
|
gap: var(--gap-lg);
|
|
1722
1944
|
}
|
|
1723
|
-
.
|
|
1945
|
+
.global_gap-x-lg {
|
|
1724
1946
|
column-gap: var(--gap-x-lg);
|
|
1725
1947
|
}
|
|
1726
|
-
.
|
|
1948
|
+
.global_gap-y-lg {
|
|
1727
1949
|
row-gap: var(--gap-y-lg);
|
|
1728
1950
|
}
|
|
1729
|
-
.
|
|
1951
|
+
.global_height-lg {
|
|
1730
1952
|
height: var(--height-lg);
|
|
1731
1953
|
}
|
|
1732
|
-
.
|
|
1954
|
+
.global_width-lg {
|
|
1733
1955
|
width: var(--width-lg);
|
|
1734
1956
|
}
|
|
1735
|
-
.
|
|
1957
|
+
.global_min-height-lg {
|
|
1736
1958
|
min-height: var(--min-height-lg);
|
|
1737
1959
|
}
|
|
1738
|
-
.
|
|
1960
|
+
.global_min-width-lg {
|
|
1739
1961
|
max-width: var(--min-width-lg);
|
|
1740
1962
|
}
|
|
1741
|
-
.
|
|
1963
|
+
.global_max-height-lg {
|
|
1742
1964
|
max-height: var(--max-height-lg);
|
|
1743
1965
|
}
|
|
1744
|
-
.
|
|
1966
|
+
.global_flex-direction-lg {
|
|
1745
1967
|
flex-direction: var(--flex-direction-lg);
|
|
1746
1968
|
}
|
|
1747
|
-
.
|
|
1969
|
+
.global_flex-wrap-lg {
|
|
1748
1970
|
flex-wrap: var(--flex-wrap-lg);
|
|
1749
1971
|
}
|
|
1750
|
-
.
|
|
1972
|
+
.global_justify-content-lg {
|
|
1751
1973
|
justify-content: var(--justify-content-lg);
|
|
1752
1974
|
}
|
|
1753
|
-
.
|
|
1975
|
+
.global_justify-items-lg {
|
|
1754
1976
|
justify-items: var(--justify-items-lg);
|
|
1755
1977
|
}
|
|
1756
|
-
.
|
|
1978
|
+
.global_justify-self-lg {
|
|
1757
1979
|
justify-self: var(--justify-self-lg);
|
|
1758
1980
|
}
|
|
1759
|
-
.
|
|
1981
|
+
.global_align-content-lg {
|
|
1760
1982
|
align-content: var(--align-content-lg);
|
|
1761
1983
|
}
|
|
1762
|
-
.
|
|
1984
|
+
.global_align-items-lg {
|
|
1763
1985
|
align-items: var(--align-items-lg);
|
|
1764
1986
|
}
|
|
1765
|
-
.
|
|
1987
|
+
.global_align-self-lg {
|
|
1766
1988
|
align-self: var(--align-self-lg);
|
|
1767
1989
|
}
|
|
1768
|
-
.
|
|
1990
|
+
.global_grid-template-rows-lg {
|
|
1769
1991
|
grid-template-rows: var(--grid-template-rows-lg);
|
|
1770
1992
|
}
|
|
1771
|
-
.
|
|
1993
|
+
.global_grid-template-columns-lg {
|
|
1772
1994
|
grid-template-columns: var(--grid-template-columns-lg);
|
|
1773
1995
|
}
|
|
1774
|
-
.
|
|
1996
|
+
.global_flex-basis-lg {
|
|
1775
1997
|
flex-basis: var(--flex-basis-lg);
|
|
1776
1998
|
}
|
|
1777
|
-
.
|
|
1999
|
+
.global_flex-grow-lg {
|
|
1778
2000
|
flex-basis: var(--flex-grow-lg);
|
|
1779
2001
|
}
|
|
1780
|
-
.
|
|
2002
|
+
.global_flex-shrink-lg {
|
|
1781
2003
|
flex-basis: var(--flex-shrink-lg);
|
|
1782
2004
|
}
|
|
1783
|
-
.
|
|
2005
|
+
.global_overflow-lg {
|
|
1784
2006
|
overflow: var(--overflow-lg);
|
|
1785
2007
|
}
|
|
1786
|
-
.
|
|
2008
|
+
.global_overflow-x-lg {
|
|
1787
2009
|
overflow: var(--overflow-x-lg);
|
|
1788
2010
|
}
|
|
1789
|
-
.
|
|
2011
|
+
.global_overflow-y-lg {
|
|
1790
2012
|
overflow: var(--overflow-y-lg);
|
|
1791
2013
|
}
|
|
1792
|
-
.
|
|
2014
|
+
.global_order-lg {
|
|
1793
2015
|
order: var(--order-lg);
|
|
1794
2016
|
}
|
|
1795
2017
|
}
|
|
1796
2018
|
@media (min-width: 1640px) {
|
|
1797
|
-
.
|
|
2019
|
+
.global_display-xl {
|
|
1798
2020
|
display: var(--display-xl);
|
|
1799
2021
|
}
|
|
1800
|
-
.
|
|
2022
|
+
.global_position-xl {
|
|
1801
2023
|
position: var(--position-xl);
|
|
1802
2024
|
}
|
|
1803
|
-
.
|
|
2025
|
+
.global_font-size-xl {
|
|
1804
2026
|
font-size: var(--font-size-xl);
|
|
1805
2027
|
}
|
|
1806
|
-
.
|
|
2028
|
+
.global_font-weight-xl {
|
|
1807
2029
|
font-weight: var(--font-weight-xl);
|
|
1808
2030
|
}
|
|
1809
|
-
.
|
|
2031
|
+
.global_border-size-xl {
|
|
1810
2032
|
border: var(--border-size-xl) solid var(--border-color);
|
|
1811
2033
|
}
|
|
1812
|
-
.
|
|
2034
|
+
.global_border-radius-xl {
|
|
1813
2035
|
border-radius: var(--border-radius-xl);
|
|
1814
2036
|
}
|
|
1815
|
-
.
|
|
2037
|
+
.global_shadow-xl {
|
|
1816
2038
|
box-shadow: var(--shadow-xl);
|
|
1817
2039
|
}
|
|
1818
|
-
.
|
|
2040
|
+
.global_background-color-xl {
|
|
1819
2041
|
background-color: var(--background-color-xl);
|
|
1820
2042
|
}
|
|
1821
|
-
.
|
|
2043
|
+
.global_align-xl {
|
|
1822
2044
|
text-align: var(--align-xl);
|
|
1823
2045
|
}
|
|
1824
|
-
.
|
|
2046
|
+
.global_letter-spacing-xl {
|
|
1825
2047
|
letter-spacing: var(--letter-spacing-xl);
|
|
1826
2048
|
}
|
|
1827
|
-
.
|
|
2049
|
+
.global_padding-xl {
|
|
1828
2050
|
padding: var(--padding-xl);
|
|
1829
2051
|
}
|
|
1830
|
-
.
|
|
2052
|
+
.global_padding-x-xl {
|
|
1831
2053
|
padding-left: var(--padding-x-xl);
|
|
1832
2054
|
padding-right: var(--padding-x-xl);
|
|
1833
2055
|
}
|
|
1834
|
-
.
|
|
2056
|
+
.global_padding-y-xl {
|
|
1835
2057
|
padding-top: var(--padding-y-xl);
|
|
1836
2058
|
padding-bottom: var(--padding-y-xl);
|
|
1837
2059
|
}
|
|
1838
|
-
.
|
|
2060
|
+
.global_padding-top-xl {
|
|
1839
2061
|
padding-top: var(--padding-top-xl);
|
|
1840
2062
|
}
|
|
1841
|
-
.
|
|
2063
|
+
.global_padding-right-xl {
|
|
1842
2064
|
padding-right: var(--padding-right-xl);
|
|
1843
2065
|
}
|
|
1844
|
-
.
|
|
2066
|
+
.global_padding-bottom-xl {
|
|
1845
2067
|
padding-bottom: var(--padding-bottom-xl);
|
|
1846
2068
|
}
|
|
1847
|
-
.
|
|
2069
|
+
.global_padding-left-xl {
|
|
1848
2070
|
padding-left: var(--padding-left-xl);
|
|
1849
2071
|
}
|
|
1850
|
-
.
|
|
2072
|
+
.global_margin-xl {
|
|
1851
2073
|
margin: var(--margin-xl);
|
|
1852
2074
|
}
|
|
1853
|
-
.
|
|
2075
|
+
.global_margin-x-xl {
|
|
1854
2076
|
margin-left: var(--margin-x-xl);
|
|
1855
2077
|
margin-right: var(--margin-x-xl);
|
|
1856
2078
|
}
|
|
1857
|
-
.
|
|
2079
|
+
.global_margin-y-xl {
|
|
1858
2080
|
margin-top: var(--margin-y-xl);
|
|
1859
2081
|
margin-bottom: var(--margin-y-xl);
|
|
1860
2082
|
}
|
|
1861
|
-
.
|
|
2083
|
+
.global_margin-top-xl {
|
|
1862
2084
|
margin-top: var(--margin-top-xl);
|
|
1863
2085
|
}
|
|
1864
|
-
.
|
|
2086
|
+
.global_margin-right-xl {
|
|
1865
2087
|
margin-right: var(--margin-right-xl);
|
|
1866
2088
|
}
|
|
1867
|
-
.
|
|
2089
|
+
.global_margin-bottom-xl {
|
|
1868
2090
|
margin-bottom: var(--margin-bottom-xl);
|
|
1869
2091
|
}
|
|
1870
|
-
.
|
|
2092
|
+
.global_margin-left-xl {
|
|
1871
2093
|
margin-left: var(--margin-left-xl);
|
|
1872
2094
|
}
|
|
1873
|
-
.
|
|
2095
|
+
.global_gap-xl {
|
|
1874
2096
|
gap: var(--gap-xl);
|
|
1875
2097
|
}
|
|
1876
|
-
.
|
|
2098
|
+
.global_gap-x-xl {
|
|
1877
2099
|
column-gap: var(--gap-x-xl);
|
|
1878
2100
|
}
|
|
1879
|
-
.
|
|
2101
|
+
.global_gap-y-xl {
|
|
1880
2102
|
row-gap: var(--gap-y-xl);
|
|
1881
2103
|
}
|
|
1882
|
-
.
|
|
2104
|
+
.global_height-xl {
|
|
1883
2105
|
height: var(--height-xl);
|
|
1884
2106
|
}
|
|
1885
|
-
.
|
|
2107
|
+
.global_width-xl {
|
|
1886
2108
|
width: var(--width-xl);
|
|
1887
2109
|
}
|
|
1888
|
-
.
|
|
2110
|
+
.global_min-height-xl {
|
|
1889
2111
|
min-height: var(--min-height-xl);
|
|
1890
2112
|
}
|
|
1891
|
-
.
|
|
2113
|
+
.global_min-width-xl {
|
|
1892
2114
|
max-width: var(--min-width-xl);
|
|
1893
2115
|
}
|
|
1894
|
-
.
|
|
2116
|
+
.global_max-height-xl {
|
|
1895
2117
|
max-height: var(--max-height-xl);
|
|
1896
2118
|
}
|
|
1897
|
-
.
|
|
2119
|
+
.global_flex-direction-xl {
|
|
1898
2120
|
flex-direction: var(--flex-direction-xl);
|
|
1899
2121
|
}
|
|
1900
|
-
.
|
|
2122
|
+
.global_flex-wrap-xl {
|
|
1901
2123
|
flex-wrap: var(--flex-wrap-xl);
|
|
1902
2124
|
}
|
|
1903
|
-
.
|
|
2125
|
+
.global_justify-content-xl {
|
|
1904
2126
|
justify-content: var(--justify-content-xl);
|
|
1905
2127
|
}
|
|
1906
|
-
.
|
|
2128
|
+
.global_justify-items-xl {
|
|
1907
2129
|
justify-items: var(--justify-items-xl);
|
|
1908
2130
|
}
|
|
1909
|
-
.
|
|
2131
|
+
.global_justify-self-xl {
|
|
1910
2132
|
justify-self: var(--justify-self-xl);
|
|
1911
2133
|
}
|
|
1912
|
-
.
|
|
2134
|
+
.global_align-content-xl {
|
|
1913
2135
|
align-content: var(--align-content-xl);
|
|
1914
2136
|
}
|
|
1915
|
-
.
|
|
2137
|
+
.global_align-items-xl {
|
|
1916
2138
|
align-items: var(--align-items-xl);
|
|
1917
2139
|
}
|
|
1918
|
-
.
|
|
2140
|
+
.global_align-self-xl {
|
|
1919
2141
|
align-self: var(--align-self-xl);
|
|
1920
2142
|
}
|
|
1921
|
-
.
|
|
2143
|
+
.global_grid-template-rows-xl {
|
|
1922
2144
|
grid-template-rows: var(--grid-template-rows-xl);
|
|
1923
2145
|
}
|
|
1924
|
-
.
|
|
2146
|
+
.global_grid-template-columns-xl {
|
|
1925
2147
|
grid-template-columns: var(--grid-template-columns-xl);
|
|
1926
2148
|
}
|
|
1927
|
-
.
|
|
2149
|
+
.global_flex-basis-xl {
|
|
1928
2150
|
flex-basis: var(--flex-basis-xl);
|
|
1929
2151
|
}
|
|
1930
|
-
.
|
|
2152
|
+
.global_flex-grow-xl {
|
|
1931
2153
|
flex-basis: var(--flex-grow-xl);
|
|
1932
2154
|
}
|
|
1933
|
-
.
|
|
2155
|
+
.global_flex-shrink-xl {
|
|
1934
2156
|
flex-basis: var(--flex-shrink-xl);
|
|
1935
2157
|
}
|
|
1936
|
-
.
|
|
2158
|
+
.global_overflow-xl {
|
|
1937
2159
|
overflow: var(--overflow-xl);
|
|
1938
2160
|
}
|
|
1939
|
-
.
|
|
2161
|
+
.global_overflow-x-xl {
|
|
1940
2162
|
overflow: var(--overflow-x-xl);
|
|
1941
2163
|
}
|
|
1942
|
-
.
|
|
2164
|
+
.global_overflow-y-xl {
|
|
1943
2165
|
overflow: var(--overflow-y-xl);
|
|
1944
2166
|
}
|
|
1945
|
-
.
|
|
2167
|
+
.global_order-xl {
|
|
1946
2168
|
order: var(--order-xl);
|
|
1947
2169
|
}
|
|
1948
2170
|
}
|
|
1949
2171
|
|
|
1950
|
-
/*
|
|
1951
|
-
.
|
|
2172
|
+
/* src/components/Text.module.css */
|
|
2173
|
+
.Text_text {
|
|
1952
2174
|
color: var(--font-color);
|
|
1953
2175
|
line-height: 1.2em;
|
|
1954
2176
|
}
|
|
1955
|
-
:where(.
|
|
2177
|
+
:where(.Text_text) {
|
|
1956
2178
|
font-size: var(--font-size);
|
|
1957
2179
|
}
|
|
1958
|
-
.
|
|
2180
|
+
.Text_muted {
|
|
1959
2181
|
color: var(--font-muted-color);
|
|
1960
2182
|
}
|
|
1961
|
-
.
|
|
2183
|
+
.Text_faded {
|
|
1962
2184
|
color: var(--font-faded-color);
|
|
1963
2185
|
}
|
|
1964
2186
|
|
|
1965
|
-
/*
|
|
1966
|
-
.
|
|
2187
|
+
/* src/components/forms/Form.module.css */
|
|
2188
|
+
.Form_form {
|
|
1967
2189
|
position: relative;
|
|
1968
2190
|
font-size: var(--font-size);
|
|
1969
2191
|
}
|
|
1970
|
-
.
|
|
2192
|
+
.Form_text {
|
|
1971
2193
|
text-align: center;
|
|
1972
2194
|
margin: auto;
|
|
1973
2195
|
}
|
|
1974
|
-
.
|
|
2196
|
+
.Form_icon {
|
|
1975
2197
|
align-self: flex-start;
|
|
1976
2198
|
}
|
|
1977
|
-
.
|
|
2199
|
+
.Form_error {
|
|
1978
2200
|
margin: 0 auto;
|
|
1979
2201
|
overflow: auto;
|
|
1980
2202
|
}
|
|
1981
2203
|
|
|
1982
|
-
/*
|
|
1983
|
-
.
|
|
2204
|
+
/* src/components/forms/FormField.module.css */
|
|
2205
|
+
.FormField_field {
|
|
1984
2206
|
display: flex;
|
|
1985
2207
|
flex-direction: column;
|
|
1986
2208
|
}
|
|
1987
|
-
.
|
|
2209
|
+
.FormField_description {
|
|
1988
2210
|
line-height: 1.8rem;
|
|
1989
2211
|
font-size: var(--font-size);
|
|
1990
2212
|
}
|
|
1991
|
-
.
|
|
2213
|
+
.FormField_error {
|
|
1992
2214
|
color: var(--danger-color);
|
|
1993
2215
|
line-height: 1.8rem;
|
|
1994
2216
|
font-weight: 600;
|
|
1995
2217
|
}
|
|
1996
2218
|
|
|
1997
|
-
/*
|
|
1998
|
-
.
|
|
2219
|
+
/* src/components/Button.module.css */
|
|
2220
|
+
.Button_button {
|
|
1999
2221
|
display: flex;
|
|
2000
2222
|
align-items: center;
|
|
2001
2223
|
justify-content: center;
|
|
@@ -2013,140 +2235,140 @@
|
|
|
2013
2235
|
cursor: pointer;
|
|
2014
2236
|
line-height: 1;
|
|
2015
2237
|
}
|
|
2016
|
-
.
|
|
2238
|
+
.Button_button:disabled {
|
|
2017
2239
|
color: var(--font-muted-color);
|
|
2018
2240
|
pointer-events: none;
|
|
2019
2241
|
}
|
|
2020
|
-
.
|
|
2242
|
+
.Button_button.Button_primary {
|
|
2021
2243
|
color: var(--primary-font-color);
|
|
2022
2244
|
background: var(--primary-color);
|
|
2023
2245
|
}
|
|
2024
|
-
.
|
|
2246
|
+
.Button_button.Button_primary:hover {
|
|
2025
2247
|
background: color-mix(in srgb, var(--primary-color), 10% var(--background-color));
|
|
2026
2248
|
}
|
|
2027
|
-
.
|
|
2249
|
+
.Button_button.Button_primary:active {
|
|
2028
2250
|
background: color-mix(in srgb, var(--primary-color), 20% var(--background-color));
|
|
2029
2251
|
}
|
|
2030
|
-
.
|
|
2252
|
+
.Button_button.Button_primary:disabled {
|
|
2031
2253
|
color: var(--primary-font-color);
|
|
2032
2254
|
background: var(--base-color-500);
|
|
2033
2255
|
}
|
|
2034
|
-
.
|
|
2256
|
+
.Button_button.Button_secondary {
|
|
2035
2257
|
color: var(--secondary-font-color);
|
|
2036
2258
|
background: var(--secondary-color);
|
|
2037
2259
|
}
|
|
2038
|
-
.
|
|
2260
|
+
.Button_button.Button_secondary:hover {
|
|
2039
2261
|
background: color-mix(in srgb, var(--secondary-color), 5% var(--font-color));
|
|
2040
2262
|
}
|
|
2041
|
-
.
|
|
2263
|
+
.Button_button.Button_secondary:active {
|
|
2042
2264
|
background: color-mix(in srgb, var(--secondary-color), 10% var(--font-color));
|
|
2043
2265
|
}
|
|
2044
|
-
.
|
|
2266
|
+
.Button_button.Button_secondary:disabled {
|
|
2045
2267
|
color: var(--font-faded-color);
|
|
2046
2268
|
}
|
|
2047
|
-
.
|
|
2269
|
+
.Button_button.Button_outline {
|
|
2048
2270
|
background: transparent;
|
|
2049
2271
|
border: var(--border);
|
|
2050
2272
|
box-shadow: var(--box-shadow-1);
|
|
2051
2273
|
}
|
|
2052
|
-
.
|
|
2274
|
+
.Button_button.Button_outline:hover {
|
|
2053
2275
|
background: var(--secondary-color);
|
|
2054
2276
|
}
|
|
2055
|
-
.
|
|
2277
|
+
.Button_button.Button_outline:active {
|
|
2056
2278
|
background: color-mix(in srgb, var(--secondary-color), 5% var(--font-color));
|
|
2057
2279
|
}
|
|
2058
|
-
.
|
|
2280
|
+
.Button_button.Button_quiet {
|
|
2059
2281
|
background: transparent;
|
|
2060
2282
|
}
|
|
2061
|
-
.
|
|
2283
|
+
.Button_button.Button_quiet:hover {
|
|
2062
2284
|
background: var(--secondary-color);
|
|
2063
2285
|
}
|
|
2064
|
-
.
|
|
2286
|
+
.Button_button.Button_quiet:active {
|
|
2065
2287
|
background: color-mix(in srgb, var(--secondary-color), 5% var(--font-color));
|
|
2066
2288
|
}
|
|
2067
|
-
.
|
|
2289
|
+
.Button_button.Button_danger {
|
|
2068
2290
|
color: var(--light-color);
|
|
2069
2291
|
background: var(--danger-color);
|
|
2070
2292
|
}
|
|
2071
|
-
.
|
|
2293
|
+
.Button_button.Button_danger:hover {
|
|
2072
2294
|
background: color-mix(in srgb, var(--danger-color), 6% black);
|
|
2073
2295
|
}
|
|
2074
|
-
.
|
|
2296
|
+
.Button_button.Button_danger:active {
|
|
2075
2297
|
background: color-mix(in srgb, var(--danger-color), 12% black);
|
|
2076
2298
|
}
|
|
2077
|
-
.
|
|
2299
|
+
.Button_button.Button_danger:disabled {
|
|
2078
2300
|
color: var(--primary-font-color);
|
|
2079
2301
|
background: var(--base-color-500);
|
|
2080
2302
|
}
|
|
2081
|
-
.
|
|
2303
|
+
.Button_button.Button_xs {
|
|
2082
2304
|
font-size: .8rem;
|
|
2083
2305
|
padding: 0.5rem 0.75rem;
|
|
2084
2306
|
}
|
|
2085
|
-
.
|
|
2307
|
+
.Button_button.Button_sm {
|
|
2086
2308
|
font-size: .9rem;
|
|
2087
2309
|
padding: 0.5rem 0.75rem;
|
|
2088
2310
|
}
|
|
2089
|
-
.
|
|
2311
|
+
.Button_button.Button_md {
|
|
2090
2312
|
font-size: 1rem;
|
|
2091
2313
|
padding: 0.75rem 1rem;
|
|
2092
2314
|
}
|
|
2093
|
-
.
|
|
2315
|
+
.Button_button.Button_lg {
|
|
2094
2316
|
font-size: 1.1rem;
|
|
2095
2317
|
padding: 1rem 1.25rem;
|
|
2096
2318
|
}
|
|
2097
|
-
.
|
|
2319
|
+
.Button_button.Button_xl {
|
|
2098
2320
|
font-size: 1.3rem;
|
|
2099
2321
|
padding: 1.25rem 1.5rem;
|
|
2100
2322
|
}
|
|
2101
|
-
body a.
|
|
2323
|
+
body a.Button_button {
|
|
2102
2324
|
color: inherit;
|
|
2103
2325
|
text-decoration: none;
|
|
2104
2326
|
}
|
|
2105
2327
|
|
|
2106
|
-
/*
|
|
2107
|
-
.
|
|
2328
|
+
/* src/components/Spinner.module.css */
|
|
2329
|
+
.Spinner_spinner {
|
|
2108
2330
|
position: relative;
|
|
2109
2331
|
display: inline-flex;
|
|
2110
2332
|
justify-content: center;
|
|
2111
2333
|
align-items: center;
|
|
2112
2334
|
}
|
|
2113
|
-
.
|
|
2335
|
+
.Spinner_spinner svg {
|
|
2114
2336
|
fill: none;
|
|
2115
2337
|
font-size: 16px;
|
|
2116
2338
|
stroke-width: 0.15em;
|
|
2117
2339
|
transform-origin: center center;
|
|
2118
|
-
animation:
|
|
2340
|
+
animation: Spinner_spinner-rotate 1.6s linear infinite;
|
|
2119
2341
|
}
|
|
2120
|
-
.
|
|
2342
|
+
.Spinner_track {
|
|
2121
2343
|
stroke: var(--input-background-color);
|
|
2122
2344
|
}
|
|
2123
|
-
.
|
|
2345
|
+
.Spinner_fill {
|
|
2124
2346
|
stroke: var(--primary-color);
|
|
2125
2347
|
stroke-linecap: square;
|
|
2126
2348
|
stroke-dasharray: 1, 200;
|
|
2127
2349
|
stroke-dashoffset: 0;
|
|
2128
|
-
animation:
|
|
2350
|
+
animation: Spinner_spinner-dash 1.2s ease-in-out infinite;
|
|
2129
2351
|
}
|
|
2130
|
-
.
|
|
2352
|
+
.Spinner_size-sm svg {
|
|
2131
2353
|
width: 16px;
|
|
2132
2354
|
height: 16px;
|
|
2133
2355
|
}
|
|
2134
|
-
.
|
|
2356
|
+
.Spinner_size-md svg {
|
|
2135
2357
|
width: 24px;
|
|
2136
2358
|
height: 24px;
|
|
2137
2359
|
}
|
|
2138
|
-
.
|
|
2360
|
+
.Spinner_size-lg svg {
|
|
2139
2361
|
width: 32px;
|
|
2140
2362
|
height: 32px;
|
|
2141
2363
|
}
|
|
2142
|
-
.
|
|
2364
|
+
.Spinner_size-xl svg {
|
|
2143
2365
|
width: 64px;
|
|
2144
2366
|
height: 64px;
|
|
2145
2367
|
}
|
|
2146
|
-
.
|
|
2368
|
+
.Spinner_quiet .Spinner_track {
|
|
2147
2369
|
display: none;
|
|
2148
2370
|
}
|
|
2149
|
-
@keyframes
|
|
2371
|
+
@keyframes Spinner_spinner-rotate {
|
|
2150
2372
|
0% {
|
|
2151
2373
|
transform: rotate(0deg);
|
|
2152
2374
|
}
|
|
@@ -2154,7 +2376,7 @@ body a.Button-module_button__BiD3F {
|
|
|
2154
2376
|
transform: rotate(360deg);
|
|
2155
2377
|
}
|
|
2156
2378
|
}
|
|
2157
|
-
@keyframes
|
|
2379
|
+
@keyframes Spinner_spinner-dash {
|
|
2158
2380
|
0% {
|
|
2159
2381
|
stroke-dasharray: 1, 200;
|
|
2160
2382
|
stroke-dashoffset: 0;
|
|
@@ -2169,8 +2391,8 @@ body a.Button-module_button__BiD3F {
|
|
|
2169
2391
|
}
|
|
2170
2392
|
}
|
|
2171
2393
|
|
|
2172
|
-
/*
|
|
2173
|
-
.
|
|
2394
|
+
/* src/components/Accordion.module.css */
|
|
2395
|
+
.Accordion_accordion {
|
|
2174
2396
|
display: flex;
|
|
2175
2397
|
flex-direction: column;
|
|
2176
2398
|
align-items: flex-start;
|
|
@@ -2179,40 +2401,40 @@ body a.Button-module_button__BiD3F {
|
|
|
2179
2401
|
font-size: var(--font-size);
|
|
2180
2402
|
color: var(--font-color);
|
|
2181
2403
|
}
|
|
2182
|
-
.
|
|
2404
|
+
.Accordion_item {
|
|
2183
2405
|
width: 100%;
|
|
2184
2406
|
cursor: pointer;
|
|
2185
2407
|
}
|
|
2186
|
-
.
|
|
2408
|
+
.Accordion_button {
|
|
2187
2409
|
width: 100%;
|
|
2188
2410
|
display: flex;
|
|
2189
2411
|
align-items: center;
|
|
2190
2412
|
justify-content: space-between;
|
|
2191
2413
|
font-weight: 700;
|
|
2192
2414
|
}
|
|
2193
|
-
.
|
|
2194
|
-
.
|
|
2415
|
+
.Accordion_accordion .Accordion_button,
|
|
2416
|
+
.Accordion_accordion .Accordion_button:hover {
|
|
2195
2417
|
background-color: transparent;
|
|
2196
2418
|
padding: var(--spacing-2) 0;
|
|
2197
2419
|
}
|
|
2198
|
-
.
|
|
2420
|
+
.Accordion_icon {
|
|
2199
2421
|
transition: transform 200ms;
|
|
2200
2422
|
}
|
|
2201
|
-
.
|
|
2423
|
+
.Accordion_item[data-expanded] .Accordion_icon {
|
|
2202
2424
|
transform: rotate(90deg);
|
|
2203
2425
|
}
|
|
2204
|
-
.
|
|
2426
|
+
.Accordion_panel {
|
|
2205
2427
|
overflow: hidden;
|
|
2206
2428
|
max-height: 0;
|
|
2207
2429
|
transition: max-height 0.5s ease-out;
|
|
2208
2430
|
}
|
|
2209
|
-
.
|
|
2431
|
+
.Accordion_panel.Accordion_expanded {
|
|
2210
2432
|
max-height: 500px;
|
|
2211
2433
|
transition: max-height 0.5s ease-out;
|
|
2212
2434
|
}
|
|
2213
2435
|
|
|
2214
|
-
/*
|
|
2215
|
-
.
|
|
2436
|
+
/* src/components/Dialog.module.css */
|
|
2437
|
+
.Dialog_dialog {
|
|
2216
2438
|
position: relative;
|
|
2217
2439
|
padding: var(--spacing-6);
|
|
2218
2440
|
box-shadow: var(--box-shadow-4);
|
|
@@ -2221,87 +2443,87 @@ body a.Button-module_button__BiD3F {
|
|
|
2221
2443
|
border-radius: var(--border-radius);
|
|
2222
2444
|
outline: none;
|
|
2223
2445
|
}
|
|
2224
|
-
.
|
|
2446
|
+
.Dialog_title {
|
|
2225
2447
|
font-size: var(--font-size-lg);
|
|
2226
2448
|
font-weight: 700;
|
|
2227
2449
|
margin-bottom: var(--spacing-3);
|
|
2228
2450
|
}
|
|
2229
2451
|
|
|
2230
|
-
/*
|
|
2231
|
-
.
|
|
2452
|
+
/* src/components/AlertDialog.module.css */
|
|
2453
|
+
.AlertDialog_dialog {
|
|
2232
2454
|
display: grid;
|
|
2233
2455
|
}
|
|
2234
|
-
.
|
|
2456
|
+
.AlertDialog_title {
|
|
2235
2457
|
font-weight: 700;
|
|
2236
2458
|
}
|
|
2237
2459
|
|
|
2238
|
-
/*
|
|
2239
|
-
.
|
|
2460
|
+
/* src/components/Blockquote.module.css */
|
|
2461
|
+
.Blockquote_blockquote {
|
|
2240
2462
|
font-size: var(--font-size);
|
|
2241
2463
|
border-left: 2px solid var(--primary-color);
|
|
2242
2464
|
padding-left: var(--spacing-5);
|
|
2243
2465
|
}
|
|
2244
2466
|
|
|
2245
|
-
/*
|
|
2246
|
-
.
|
|
2467
|
+
/* src/components/Breadcrumbs.module.css */
|
|
2468
|
+
.Breadcrumbs_breadcrumbs {
|
|
2247
2469
|
display: flex;
|
|
2248
2470
|
align-items: center;
|
|
2249
2471
|
gap: var(--gap);
|
|
2250
2472
|
}
|
|
2251
|
-
.
|
|
2473
|
+
.Breadcrumbs_breadcrumb {
|
|
2252
2474
|
display: flex;
|
|
2253
2475
|
align-items: center;
|
|
2254
2476
|
font-size: var(--font-size);
|
|
2255
2477
|
gap: var(--gap);
|
|
2256
2478
|
list-style: none;
|
|
2257
2479
|
}
|
|
2258
|
-
.
|
|
2480
|
+
.Breadcrumbs_breadcrumbs .Breadcrumbs_breadcrumb a {
|
|
2259
2481
|
color: var(--font-muted-color);
|
|
2260
2482
|
text-decoration: none;
|
|
2261
2483
|
font-weight: 400;
|
|
2262
2484
|
padding: var(--padding);
|
|
2263
2485
|
}
|
|
2264
|
-
.
|
|
2486
|
+
.Breadcrumbs_breadcrumbs .Breadcrumbs_breadcrumb a:hover {
|
|
2265
2487
|
color: var(--font-color);
|
|
2266
2488
|
text-decoration: none;
|
|
2267
2489
|
}
|
|
2268
|
-
.
|
|
2490
|
+
.Breadcrumbs_icon {
|
|
2269
2491
|
color: var(--font-muted-color);
|
|
2270
2492
|
}
|
|
2271
|
-
.
|
|
2493
|
+
.Breadcrumbs_breadcrumb:last-child .Breadcrumbs_icon {
|
|
2272
2494
|
display: none;
|
|
2273
2495
|
}
|
|
2274
2496
|
|
|
2275
|
-
/*
|
|
2276
|
-
.
|
|
2497
|
+
/* src/components/Calendar.module.css */
|
|
2498
|
+
.Calendar_calendar {
|
|
2277
2499
|
width: fit-content;
|
|
2278
2500
|
max-width: 100%;
|
|
2279
2501
|
font-size: var(--font-size);
|
|
2280
2502
|
color: var(--font-color);
|
|
2281
2503
|
}
|
|
2282
|
-
.
|
|
2504
|
+
.Calendar_header {
|
|
2283
2505
|
display: flex;
|
|
2284
2506
|
align-items: center;
|
|
2285
2507
|
margin-bottom: var(--spacing-4);
|
|
2286
2508
|
}
|
|
2287
|
-
.
|
|
2509
|
+
.Calendar_calendar .Calendar_heading {
|
|
2288
2510
|
flex: 1;
|
|
2289
2511
|
margin: 0;
|
|
2290
2512
|
text-align: center;
|
|
2291
2513
|
font-size: var(--font-size);
|
|
2292
2514
|
font-weight: 700;
|
|
2293
2515
|
}
|
|
2294
|
-
.
|
|
2516
|
+
.Calendar_button {
|
|
2295
2517
|
display: flex;
|
|
2296
2518
|
align-items: center;
|
|
2297
2519
|
justify-content: center;
|
|
2298
2520
|
border: 0;
|
|
2299
2521
|
background: transparent;
|
|
2300
2522
|
}
|
|
2301
|
-
.
|
|
2523
|
+
.Calendar_headerCell {
|
|
2302
2524
|
font-weight: 700;
|
|
2303
2525
|
}
|
|
2304
|
-
.
|
|
2526
|
+
.Calendar_cell {
|
|
2305
2527
|
width: 3rem;
|
|
2306
2528
|
line-height: 3rem;
|
|
2307
2529
|
text-align: center;
|
|
@@ -2311,25 +2533,25 @@ body a.Button-module_button__BiD3F {
|
|
|
2311
2533
|
margin: var(--gap-xs);
|
|
2312
2534
|
forced-color-adjust: none;
|
|
2313
2535
|
}
|
|
2314
|
-
.
|
|
2536
|
+
.Calendar_cell:hover {
|
|
2315
2537
|
color: var(--highlight-font-color);
|
|
2316
2538
|
background: var(--highlight-color);
|
|
2317
2539
|
}
|
|
2318
|
-
.
|
|
2540
|
+
.Calendar_cell[data-outside-month] {
|
|
2319
2541
|
display: none;
|
|
2320
2542
|
}
|
|
2321
|
-
.
|
|
2543
|
+
.Calendar_cell[data-focus-visible] {
|
|
2322
2544
|
outline: 2px solid var(--font-color);
|
|
2323
2545
|
outline-offset: 2px;
|
|
2324
2546
|
}
|
|
2325
|
-
.
|
|
2547
|
+
.Calendar_cell[data-selected] {
|
|
2326
2548
|
color: var(--primary-font-color);
|
|
2327
2549
|
border-color: var(--primary-color);
|
|
2328
2550
|
background: var(--primary-color);
|
|
2329
2551
|
}
|
|
2330
2552
|
|
|
2331
|
-
/*
|
|
2332
|
-
.
|
|
2553
|
+
/* src/components/Checkbox.module.css */
|
|
2554
|
+
.Checkbox_checkbox {
|
|
2333
2555
|
display: flex;
|
|
2334
2556
|
flex-direction: row;
|
|
2335
2557
|
align-items: center;
|
|
@@ -2337,7 +2559,7 @@ body a.Button-module_button__BiD3F {
|
|
|
2337
2559
|
font-size: var(--font-size);
|
|
2338
2560
|
color: var(--font-color);
|
|
2339
2561
|
}
|
|
2340
|
-
.
|
|
2562
|
+
.Checkbox_box {
|
|
2341
2563
|
display: flex;
|
|
2342
2564
|
align-items: center;
|
|
2343
2565
|
justify-content: center;
|
|
@@ -2350,37 +2572,37 @@ body a.Button-module_button__BiD3F {
|
|
|
2350
2572
|
cursor: pointer;
|
|
2351
2573
|
box-shadow: var(--box-shadow);
|
|
2352
2574
|
}
|
|
2353
|
-
.
|
|
2575
|
+
.Checkbox_icon {
|
|
2354
2576
|
display: none;
|
|
2355
2577
|
}
|
|
2356
|
-
.
|
|
2578
|
+
.Checkbox_checkbox[data-selected] .Checkbox_box {
|
|
2357
2579
|
color: var(--primary-font-color);
|
|
2358
2580
|
background: var(--primary-color);
|
|
2359
2581
|
border-color: var(--primary-color);
|
|
2360
2582
|
}
|
|
2361
|
-
.
|
|
2362
|
-
.
|
|
2583
|
+
.Checkbox_checkbox[data-selected] .Checkbox_icon,
|
|
2584
|
+
.Checkbox_checkbox[data-indeterminate] .Checkbox_icon {
|
|
2363
2585
|
display: block;
|
|
2364
2586
|
}
|
|
2365
|
-
.
|
|
2587
|
+
.Checkbox_checkbox[data-indeterminate] .Checkbox_box {
|
|
2366
2588
|
color: var(--font-color);
|
|
2367
2589
|
background: var(--background-color);
|
|
2368
2590
|
}
|
|
2369
|
-
.
|
|
2591
|
+
.Checkbox_checkbox[data-disabled] {
|
|
2370
2592
|
color: var(--font-muted-color);
|
|
2371
2593
|
}
|
|
2372
|
-
.
|
|
2594
|
+
.Checkbox_checkbox[data-disabled] .Checkbox_box {
|
|
2373
2595
|
background: var(--input-disabled-color);
|
|
2374
2596
|
pointer-events: none;
|
|
2375
2597
|
}
|
|
2376
|
-
.
|
|
2377
|
-
.
|
|
2598
|
+
.Checkbox_checkbox[data-focused] .Checkbox_box,
|
|
2599
|
+
.Checkbox_checkbox[data-focused-visible] .Checkbox_box {
|
|
2378
2600
|
border-color: transparent;
|
|
2379
2601
|
outline: var(--outline);
|
|
2380
2602
|
}
|
|
2381
2603
|
|
|
2382
|
-
/*
|
|
2383
|
-
.
|
|
2604
|
+
/* src/components/Code.module.css */
|
|
2605
|
+
.Code_code {
|
|
2384
2606
|
font-family: var(--font-family-code);
|
|
2385
2607
|
font-size: var(--font-size-2);
|
|
2386
2608
|
font-weight: var(--font-weight-medium);
|
|
@@ -2390,8 +2612,8 @@ body a.Button-module_button__BiD3F {
|
|
|
2390
2612
|
padding: var(--spacing-1);
|
|
2391
2613
|
}
|
|
2392
2614
|
|
|
2393
|
-
/*
|
|
2394
|
-
.
|
|
2615
|
+
/* src/components/ListItem.module.css */
|
|
2616
|
+
.ListItem_item {
|
|
2395
2617
|
display: flex;
|
|
2396
2618
|
align-items: center;
|
|
2397
2619
|
justify-content: space-between;
|
|
@@ -2404,25 +2626,25 @@ body a.Button-module_button__BiD3F {
|
|
|
2404
2626
|
cursor: pointer;
|
|
2405
2627
|
outline: none;
|
|
2406
2628
|
}
|
|
2407
|
-
.
|
|
2408
|
-
.
|
|
2629
|
+
.ListItem_item[data-focus],
|
|
2630
|
+
.ListItem_item[data-focus-visible] {
|
|
2409
2631
|
background: var(--highlight-color);
|
|
2410
2632
|
}
|
|
2411
|
-
.
|
|
2633
|
+
.ListItem_item:hover {
|
|
2412
2634
|
background: var(--highlight-color);
|
|
2413
2635
|
}
|
|
2414
|
-
.
|
|
2636
|
+
.ListItem_item[data-selected] {
|
|
2415
2637
|
font-weight: bold;
|
|
2416
2638
|
}
|
|
2417
|
-
.
|
|
2639
|
+
.ListItem_item[data-selected] .ListItem_check {
|
|
2418
2640
|
display: block;
|
|
2419
2641
|
}
|
|
2420
|
-
.
|
|
2642
|
+
.ListItem_check {
|
|
2421
2643
|
display: none;
|
|
2422
2644
|
}
|
|
2423
2645
|
|
|
2424
|
-
/*
|
|
2425
|
-
.
|
|
2646
|
+
/* src/components/List.module.css */
|
|
2647
|
+
.List_list {
|
|
2426
2648
|
overflow: hidden;
|
|
2427
2649
|
min-width: 100px;
|
|
2428
2650
|
border: var(--border);
|
|
@@ -2430,30 +2652,30 @@ body a.Button-module_button__BiD3F {
|
|
|
2430
2652
|
box-shadow: var(--box-shadow);
|
|
2431
2653
|
outline: none;
|
|
2432
2654
|
}
|
|
2433
|
-
.
|
|
2655
|
+
.List_separator {
|
|
2434
2656
|
border-bottom: var(--border);
|
|
2435
2657
|
}
|
|
2436
2658
|
|
|
2437
|
-
/*
|
|
2438
|
-
.
|
|
2659
|
+
/* src/components/Popover.module.css */
|
|
2660
|
+
.Popover_popover[data-placement=top] {
|
|
2439
2661
|
--origin: translateY(8px);
|
|
2440
2662
|
}
|
|
2441
|
-
.
|
|
2663
|
+
.Popover_popover[data-placement=bottom] {
|
|
2442
2664
|
--origin: translateY(-8px);
|
|
2443
2665
|
}
|
|
2444
|
-
.
|
|
2666
|
+
.Popover_popover[data-placement=right] {
|
|
2445
2667
|
--origin: translateX(-8px);
|
|
2446
2668
|
}
|
|
2447
|
-
.
|
|
2669
|
+
.Popover_popover[data-placement=left] {
|
|
2448
2670
|
--origin: translateX(8px);
|
|
2449
2671
|
}
|
|
2450
|
-
.
|
|
2451
|
-
animation:
|
|
2672
|
+
.Popover_popover[data-entering] {
|
|
2673
|
+
animation: Popover_popover-slide 200ms;
|
|
2452
2674
|
}
|
|
2453
|
-
.
|
|
2454
|
-
animation:
|
|
2675
|
+
.Popover_popover[data-exiting] {
|
|
2676
|
+
animation: Popover_popover-slide 200ms reverse ease-in;
|
|
2455
2677
|
}
|
|
2456
|
-
@keyframes
|
|
2678
|
+
@keyframes Popover_popover-slide {
|
|
2457
2679
|
from {
|
|
2458
2680
|
transform: var(--origin);
|
|
2459
2681
|
opacity: 0;
|
|
@@ -2464,13 +2686,13 @@ body a.Button-module_button__BiD3F {
|
|
|
2464
2686
|
}
|
|
2465
2687
|
}
|
|
2466
2688
|
|
|
2467
|
-
/*
|
|
2468
|
-
.
|
|
2689
|
+
/* src/components/Combobox.module.css */
|
|
2690
|
+
.Combobox_combobox {
|
|
2469
2691
|
display: flex;
|
|
2470
2692
|
align-items: center;
|
|
2471
2693
|
flex-wrap: nowrap;
|
|
2472
2694
|
}
|
|
2473
|
-
.
|
|
2695
|
+
.Combobox_field {
|
|
2474
2696
|
display: flex;
|
|
2475
2697
|
align-items: center;
|
|
2476
2698
|
flex-wrap: nowrap;
|
|
@@ -2479,13 +2701,13 @@ body a.Button-module_button__BiD3F {
|
|
|
2479
2701
|
border-radius: var(--border-radius);
|
|
2480
2702
|
box-shadow: var(--box-shadow);
|
|
2481
2703
|
}
|
|
2482
|
-
.
|
|
2704
|
+
.Combobox_input {
|
|
2483
2705
|
background: none;
|
|
2484
2706
|
border: none;
|
|
2485
2707
|
color: var(--font-color);
|
|
2486
2708
|
padding: var(--padding);
|
|
2487
2709
|
}
|
|
2488
|
-
.
|
|
2710
|
+
.Combobox_button {
|
|
2489
2711
|
display: flex;
|
|
2490
2712
|
align-items: center;
|
|
2491
2713
|
justify-content: center;
|
|
@@ -2493,69 +2715,69 @@ body a.Button-module_button__BiD3F {
|
|
|
2493
2715
|
background: transparent;
|
|
2494
2716
|
color: var(--font-faded-color);
|
|
2495
2717
|
}
|
|
2496
|
-
.
|
|
2718
|
+
.Combobox_list {
|
|
2497
2719
|
box-shadow: var(--box-shadow-3);
|
|
2498
2720
|
}
|
|
2499
|
-
.
|
|
2721
|
+
.Combobox_icon {
|
|
2500
2722
|
color: var(--font-muted-color);
|
|
2501
2723
|
margin-right: var(--spacing-2);
|
|
2502
2724
|
}
|
|
2503
|
-
.
|
|
2725
|
+
.Combobox_icon:hover {
|
|
2504
2726
|
color: var(--font-color);
|
|
2505
2727
|
cursor: pointer;
|
|
2506
2728
|
}
|
|
2507
2729
|
|
|
2508
|
-
/*
|
|
2509
|
-
.
|
|
2730
|
+
/* src/components/Container.module.css */
|
|
2731
|
+
.Container_container {
|
|
2510
2732
|
width: 100%;
|
|
2511
2733
|
padding: 0 1rem;
|
|
2512
2734
|
}
|
|
2513
|
-
.
|
|
2735
|
+
.Container_container.Container_centered {
|
|
2514
2736
|
margin: 0 auto;
|
|
2515
2737
|
}
|
|
2516
|
-
.
|
|
2738
|
+
.Container_container.Container_fluid {
|
|
2517
2739
|
max-width: 100%;
|
|
2518
2740
|
padding: 0;
|
|
2519
2741
|
}
|
|
2520
2742
|
@media (min-width: 520px) {
|
|
2521
|
-
.
|
|
2743
|
+
.Container_container {
|
|
2522
2744
|
max-width: 500px;
|
|
2523
2745
|
}
|
|
2524
2746
|
}
|
|
2525
2747
|
@media (min-width: 768px) {
|
|
2526
|
-
.
|
|
2748
|
+
.Container_container {
|
|
2527
2749
|
max-width: 740px;
|
|
2528
2750
|
}
|
|
2529
2751
|
}
|
|
2530
2752
|
@media (min-width: 1024px) {
|
|
2531
|
-
.
|
|
2753
|
+
.Container_container {
|
|
2532
2754
|
max-width: 1000px;
|
|
2533
2755
|
}
|
|
2534
2756
|
}
|
|
2535
2757
|
@media (min-width: 1280px) {
|
|
2536
|
-
.
|
|
2758
|
+
.Container_container {
|
|
2537
2759
|
max-width: 1240px;
|
|
2538
2760
|
}
|
|
2539
2761
|
}
|
|
2540
2762
|
@media (min-width: 1640px) {
|
|
2541
|
-
.
|
|
2763
|
+
.Container_container {
|
|
2542
2764
|
max-width: 1600px;
|
|
2543
2765
|
}
|
|
2544
2766
|
}
|
|
2545
2767
|
|
|
2546
|
-
/*
|
|
2547
|
-
.
|
|
2768
|
+
/* src/components/Label.module.css */
|
|
2769
|
+
.Label_label {
|
|
2548
2770
|
font-size: var(--font-size);
|
|
2549
2771
|
color: var(--font-color);
|
|
2550
2772
|
font-weight: 700;
|
|
2551
2773
|
line-height: 2;
|
|
2552
2774
|
}
|
|
2553
2775
|
|
|
2554
|
-
/*
|
|
2555
|
-
.
|
|
2556
|
-
animation:
|
|
2776
|
+
/* src/components/CopyButton.module.css */
|
|
2777
|
+
.CopyButton_icon {
|
|
2778
|
+
animation: CopyButton_copy-button 200ms;
|
|
2557
2779
|
}
|
|
2558
|
-
@keyframes
|
|
2780
|
+
@keyframes CopyButton_copy-button {
|
|
2559
2781
|
from {
|
|
2560
2782
|
scale: 0.5;
|
|
2561
2783
|
opacity: 0;
|
|
@@ -2566,19 +2788,19 @@ body a.Button-module_button__BiD3F {
|
|
|
2566
2788
|
}
|
|
2567
2789
|
}
|
|
2568
2790
|
|
|
2569
|
-
/*
|
|
2570
|
-
.
|
|
2791
|
+
/* src/components/styles/input.module.css */
|
|
2792
|
+
.input_field {
|
|
2571
2793
|
min-width: 240px;
|
|
2572
2794
|
}
|
|
2573
|
-
.
|
|
2574
|
-
.
|
|
2795
|
+
.input_field,
|
|
2796
|
+
.input_row {
|
|
2575
2797
|
position: relative;
|
|
2576
2798
|
}
|
|
2577
|
-
.
|
|
2578
|
-
.
|
|
2799
|
+
.input_field[data-readonly] .input_input,
|
|
2800
|
+
.input_field[data-disabled] .input_input {
|
|
2579
2801
|
background: var(--input-disabled-color);
|
|
2580
2802
|
}
|
|
2581
|
-
.
|
|
2803
|
+
.input_input {
|
|
2582
2804
|
font-size: var(--font-size);
|
|
2583
2805
|
color: var(--font-color);
|
|
2584
2806
|
border: var(--border);
|
|
@@ -2589,114 +2811,114 @@ body a.Button-module_button__BiD3F {
|
|
|
2589
2811
|
line-height: 1.5rem;
|
|
2590
2812
|
width: 100%;
|
|
2591
2813
|
}
|
|
2592
|
-
.
|
|
2814
|
+
.input_input:focus {
|
|
2593
2815
|
border-color: transparent;
|
|
2594
2816
|
outline: var(--outline);
|
|
2595
2817
|
}
|
|
2596
|
-
.
|
|
2818
|
+
.input_input::placeholder {
|
|
2597
2819
|
color: var(--font-muted-color);
|
|
2598
2820
|
}
|
|
2599
|
-
.
|
|
2821
|
+
.input_input:disabled {
|
|
2600
2822
|
color: var(--font-muted-color);
|
|
2601
2823
|
}
|
|
2602
|
-
.
|
|
2603
|
-
.
|
|
2824
|
+
.input_input::-webkit-search-cancel-button,
|
|
2825
|
+
.input_input::-webkit-search-decoration {
|
|
2604
2826
|
-webkit-appearance: none;
|
|
2605
2827
|
}
|
|
2606
|
-
.
|
|
2828
|
+
.input_icon {
|
|
2607
2829
|
color: var(--font-muted-color);
|
|
2608
2830
|
background: var(--background-color);
|
|
2609
2831
|
}
|
|
2610
|
-
.
|
|
2832
|
+
.input_icon:hover {
|
|
2611
2833
|
color: var(--font-color);
|
|
2612
2834
|
cursor: pointer;
|
|
2613
2835
|
}
|
|
2614
2836
|
|
|
2615
|
-
/*
|
|
2616
|
-
.
|
|
2837
|
+
/* src/components/TextField.module.css */
|
|
2838
|
+
.TextField_allowCopy {
|
|
2617
2839
|
padding-right: 32px;
|
|
2618
2840
|
}
|
|
2619
|
-
.
|
|
2841
|
+
.TextField_icon {
|
|
2620
2842
|
position: absolute;
|
|
2621
2843
|
top: var(--padding-y);
|
|
2622
2844
|
right: var(--padding-x);
|
|
2623
2845
|
}
|
|
2624
2846
|
|
|
2625
|
-
/*
|
|
2626
|
-
.
|
|
2847
|
+
/* src/components/ConfirmationDialog.module.css */
|
|
2848
|
+
.ConfirmationDialog_dialog {
|
|
2627
2849
|
position: relative;
|
|
2628
2850
|
}
|
|
2629
|
-
.
|
|
2851
|
+
.ConfirmationDialog_value {
|
|
2630
2852
|
font-size: var(--font-size-lg);
|
|
2631
2853
|
font-weight: 700;
|
|
2632
2854
|
}
|
|
2633
2855
|
|
|
2634
|
-
/*
|
|
2635
|
-
.
|
|
2856
|
+
/* src/components/Table.module.css */
|
|
2857
|
+
.Table_table {
|
|
2636
2858
|
font-size: var(--font-size);
|
|
2637
2859
|
color: var(--font-color);
|
|
2638
2860
|
border-collapse: collapse;
|
|
2639
2861
|
width: 100%;
|
|
2640
2862
|
position: relative;
|
|
2641
2863
|
}
|
|
2642
|
-
.
|
|
2643
|
-
.
|
|
2864
|
+
.Table_table th,
|
|
2865
|
+
.Table_table td {
|
|
2644
2866
|
min-width: 0;
|
|
2645
2867
|
}
|
|
2646
|
-
.
|
|
2647
|
-
.
|
|
2868
|
+
.Table_header,
|
|
2869
|
+
.Table_body {
|
|
2648
2870
|
display: contents;
|
|
2649
2871
|
}
|
|
2650
|
-
.
|
|
2872
|
+
.Table_header tr {
|
|
2651
2873
|
display: flex;
|
|
2652
2874
|
border-bottom: 1px solid var(--border-color);
|
|
2653
2875
|
}
|
|
2654
|
-
.
|
|
2876
|
+
.Table_row {
|
|
2655
2877
|
display: flex;
|
|
2656
2878
|
border-bottom: 1px solid color-mix(in srgb, var(--border-color), 50% transparent);
|
|
2657
2879
|
}
|
|
2658
|
-
.
|
|
2659
|
-
.
|
|
2880
|
+
.Table_header .Table_column:first-child,
|
|
2881
|
+
.Table_row .Table_cell:first-child {
|
|
2660
2882
|
padding-left: 0;
|
|
2661
2883
|
}
|
|
2662
|
-
.
|
|
2663
|
-
.
|
|
2884
|
+
.Table_header .Table_column:last-child,
|
|
2885
|
+
.Table_row .Table_cell:last-child {
|
|
2664
2886
|
padding-right: 0;
|
|
2665
2887
|
}
|
|
2666
|
-
.
|
|
2888
|
+
.Table_column {
|
|
2667
2889
|
display: flex;
|
|
2668
2890
|
padding: var(--padding);
|
|
2669
2891
|
text-align: left;
|
|
2670
2892
|
font-weight: 700;
|
|
2671
2893
|
flex: 1;
|
|
2672
2894
|
}
|
|
2673
|
-
.
|
|
2895
|
+
.Table_cell {
|
|
2674
2896
|
display: flex;
|
|
2675
2897
|
padding: var(--padding);
|
|
2676
2898
|
flex: 1;
|
|
2677
2899
|
}
|
|
2678
|
-
.
|
|
2900
|
+
.Table_start {
|
|
2679
2901
|
justify-content: flex-start;
|
|
2680
2902
|
}
|
|
2681
|
-
.
|
|
2903
|
+
.Table_center {
|
|
2682
2904
|
justify-content: center;
|
|
2683
2905
|
}
|
|
2684
|
-
.
|
|
2906
|
+
.Table_end {
|
|
2685
2907
|
justify-content: flex-end;
|
|
2686
2908
|
}
|
|
2687
2909
|
|
|
2688
|
-
/*
|
|
2689
|
-
.
|
|
2910
|
+
/* src/components/DataTable.module.css */
|
|
2911
|
+
.DataTable_datatable {
|
|
2690
2912
|
position: relative;
|
|
2691
2913
|
font-size: var(--font-size);
|
|
2692
2914
|
color: var(--font-color);
|
|
2693
2915
|
}
|
|
2694
|
-
.
|
|
2916
|
+
.DataTable_cell {
|
|
2695
2917
|
align-items: center;
|
|
2696
2918
|
}
|
|
2697
2919
|
|
|
2698
|
-
/*
|
|
2699
|
-
.
|
|
2920
|
+
/* src/components/Dots.module.css */
|
|
2921
|
+
.Dots_dots {
|
|
2700
2922
|
position: relative;
|
|
2701
2923
|
display: inline-flex;
|
|
2702
2924
|
justify-content: center;
|
|
@@ -2704,21 +2926,21 @@ body a.Button-module_button__BiD3F {
|
|
|
2704
2926
|
min-height: 50px;
|
|
2705
2927
|
gap: 8px;
|
|
2706
2928
|
}
|
|
2707
|
-
.
|
|
2929
|
+
.Dots_dot {
|
|
2708
2930
|
width: 10px;
|
|
2709
2931
|
height: 10px;
|
|
2710
2932
|
border-radius: 100%;
|
|
2711
2933
|
background: color-mix(in srgb, var(--font-color), 50% transparent);
|
|
2712
|
-
animation:
|
|
2934
|
+
animation: Dots_dots-blink 1.2s infinite;
|
|
2713
2935
|
animation-fill-mode: both;
|
|
2714
2936
|
}
|
|
2715
|
-
.
|
|
2937
|
+
.Dots_dot:nth-child(2) {
|
|
2716
2938
|
animation-delay: 0.2s;
|
|
2717
2939
|
}
|
|
2718
|
-
.
|
|
2940
|
+
.Dots_dot:nth-child(3) {
|
|
2719
2941
|
animation-delay: 0.4s;
|
|
2720
2942
|
}
|
|
2721
|
-
@keyframes
|
|
2943
|
+
@keyframes Dots_dots-blink {
|
|
2722
2944
|
0% {
|
|
2723
2945
|
opacity: 0.2;
|
|
2724
2946
|
}
|
|
@@ -2730,20 +2952,20 @@ body a.Button-module_button__BiD3F {
|
|
|
2730
2952
|
}
|
|
2731
2953
|
}
|
|
2732
2954
|
|
|
2733
|
-
/*
|
|
2734
|
-
.
|
|
2955
|
+
/* src/components/Heading.module.css */
|
|
2956
|
+
.Heading_heading {
|
|
2735
2957
|
color: var(--font-color);
|
|
2736
2958
|
font-weight: var(--font-weight-bold);
|
|
2737
2959
|
}
|
|
2738
2960
|
|
|
2739
|
-
/*
|
|
2740
|
-
.
|
|
2961
|
+
/* src/components/HoverTrigger.module.css */
|
|
2962
|
+
.HoverTrigger_wrapper {
|
|
2741
2963
|
transform: translateY(-10px);
|
|
2742
2964
|
border-top: 10px solid transparent;
|
|
2743
2965
|
}
|
|
2744
2966
|
|
|
2745
|
-
/*
|
|
2746
|
-
.
|
|
2967
|
+
/* src/components/InlineEditField.module.css */
|
|
2968
|
+
.InlineEditField_edit {
|
|
2747
2969
|
font-size: var(--font-size);
|
|
2748
2970
|
color: var(--font-color);
|
|
2749
2971
|
display: flex;
|
|
@@ -2751,17 +2973,17 @@ body a.Button-module_button__BiD3F {
|
|
|
2751
2973
|
position: relative;
|
|
2752
2974
|
cursor: pointer;
|
|
2753
2975
|
}
|
|
2754
|
-
.
|
|
2976
|
+
.InlineEditField_edit:hover .InlineEditField_icon {
|
|
2755
2977
|
display: block;
|
|
2756
2978
|
}
|
|
2757
|
-
.
|
|
2979
|
+
.InlineEditField_icon {
|
|
2758
2980
|
display: none;
|
|
2759
2981
|
right: calc(-1 * var(--spacing-5));
|
|
2760
2982
|
position: absolute;
|
|
2761
2983
|
}
|
|
2762
2984
|
|
|
2763
|
-
/*
|
|
2764
|
-
.
|
|
2985
|
+
/* src/components/Loading.module.css */
|
|
2986
|
+
.Loading_loading {
|
|
2765
2987
|
position: relative;
|
|
2766
2988
|
display: flex;
|
|
2767
2989
|
justify-content: center;
|
|
@@ -2769,7 +2991,7 @@ body a.Button-module_button__BiD3F {
|
|
|
2769
2991
|
flex: 1;
|
|
2770
2992
|
pointer-events: none;
|
|
2771
2993
|
}
|
|
2772
|
-
.
|
|
2994
|
+
.Loading_page {
|
|
2773
2995
|
position: absolute;
|
|
2774
2996
|
top: 0;
|
|
2775
2997
|
left: 0;
|
|
@@ -2777,15 +2999,15 @@ body a.Button-module_button__BiD3F {
|
|
|
2777
2999
|
bottom: 0;
|
|
2778
3000
|
margin: auto;
|
|
2779
3001
|
}
|
|
2780
|
-
.
|
|
3002
|
+
.Loading_center {
|
|
2781
3003
|
margin: auto;
|
|
2782
3004
|
}
|
|
2783
|
-
.
|
|
3005
|
+
.Loading_inline {
|
|
2784
3006
|
display: inline-flex;
|
|
2785
3007
|
}
|
|
2786
3008
|
|
|
2787
|
-
/*
|
|
2788
|
-
.
|
|
3009
|
+
/* src/components/MenuItem.module.css */
|
|
3010
|
+
.MenuItem_item {
|
|
2789
3011
|
display: flex;
|
|
2790
3012
|
align-items: center;
|
|
2791
3013
|
justify-content: space-between;
|
|
@@ -2798,21 +3020,21 @@ body a.Button-module_button__BiD3F {
|
|
|
2798
3020
|
cursor: pointer;
|
|
2799
3021
|
outline: none;
|
|
2800
3022
|
}
|
|
2801
|
-
.
|
|
3023
|
+
.MenuItem_item:hover {
|
|
2802
3024
|
background: var(--highlight-color);
|
|
2803
3025
|
}
|
|
2804
|
-
.
|
|
3026
|
+
.MenuItem_item[data-selected] {
|
|
2805
3027
|
font-weight: bold;
|
|
2806
3028
|
}
|
|
2807
|
-
.
|
|
3029
|
+
.MenuItem_item[data-selected] .MenuItem_check {
|
|
2808
3030
|
display: block;
|
|
2809
3031
|
}
|
|
2810
|
-
.
|
|
3032
|
+
.MenuItem_check {
|
|
2811
3033
|
display: none;
|
|
2812
3034
|
}
|
|
2813
3035
|
|
|
2814
|
-
/*
|
|
2815
|
-
.
|
|
3036
|
+
/* src/components/Menu.module.css */
|
|
3037
|
+
.Menu_menu {
|
|
2816
3038
|
overflow: hidden;
|
|
2817
3039
|
min-width: 200px;
|
|
2818
3040
|
border: var(--border);
|
|
@@ -2821,12 +3043,12 @@ body a.Button-module_button__BiD3F {
|
|
|
2821
3043
|
box-shadow: var(--box-shadow);
|
|
2822
3044
|
background: var(--background-color);
|
|
2823
3045
|
}
|
|
2824
|
-
.
|
|
3046
|
+
.Menu_separator {
|
|
2825
3047
|
border-bottom: var(--border);
|
|
2826
3048
|
}
|
|
2827
3049
|
|
|
2828
|
-
/*
|
|
2829
|
-
.
|
|
3050
|
+
/* src/components/Modal.module.css */
|
|
3051
|
+
.Modal_overlay {
|
|
2830
3052
|
position: fixed;
|
|
2831
3053
|
top: 0;
|
|
2832
3054
|
left: 0;
|
|
@@ -2837,19 +3059,19 @@ body a.Button-module_button__BiD3F {
|
|
|
2837
3059
|
align-items: center;
|
|
2838
3060
|
justify-content: center;
|
|
2839
3061
|
}
|
|
2840
|
-
.
|
|
2841
|
-
animation:
|
|
3062
|
+
.Modal_overlay[data-entering] {
|
|
3063
|
+
animation: Modal_modal-fade 200ms;
|
|
2842
3064
|
}
|
|
2843
|
-
.
|
|
2844
|
-
animation:
|
|
3065
|
+
.Modal_overlay[data-exiting] {
|
|
3066
|
+
animation: Modal_modal-fade 150ms reverse ease-in;
|
|
2845
3067
|
}
|
|
2846
|
-
.
|
|
3068
|
+
.Modal_modal {
|
|
2847
3069
|
position: relative;
|
|
2848
3070
|
}
|
|
2849
|
-
.
|
|
2850
|
-
animation:
|
|
3071
|
+
.Modal_modal[data-entering] {
|
|
3072
|
+
animation: Modal_modal-zoom 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
|
2851
3073
|
}
|
|
2852
|
-
@keyframes
|
|
3074
|
+
@keyframes Modal_modal-fade {
|
|
2853
3075
|
from {
|
|
2854
3076
|
opacity: 0;
|
|
2855
3077
|
}
|
|
@@ -2857,7 +3079,7 @@ body a.Button-module_button__BiD3F {
|
|
|
2857
3079
|
opacity: 1;
|
|
2858
3080
|
}
|
|
2859
3081
|
}
|
|
2860
|
-
@keyframes
|
|
3082
|
+
@keyframes Modal_modal-zoom {
|
|
2861
3083
|
from {
|
|
2862
3084
|
transform: scale(0.8);
|
|
2863
3085
|
}
|
|
@@ -2866,15 +3088,15 @@ body a.Button-module_button__BiD3F {
|
|
|
2866
3088
|
}
|
|
2867
3089
|
}
|
|
2868
3090
|
|
|
2869
|
-
/*
|
|
2870
|
-
.
|
|
3091
|
+
/* src/components/NavigationMenu.module.css */
|
|
3092
|
+
.NavigationMenu_nav {
|
|
2871
3093
|
display: flex;
|
|
2872
3094
|
align-items: center;
|
|
2873
3095
|
font-size: var(--font-size);
|
|
2874
3096
|
color: var(--font-color);
|
|
2875
3097
|
gap: var(--gap-lg);
|
|
2876
3098
|
}
|
|
2877
|
-
.
|
|
3099
|
+
.NavigationMenu_item {
|
|
2878
3100
|
display: flex;
|
|
2879
3101
|
align-items: center;
|
|
2880
3102
|
gap: var(--gap);
|
|
@@ -2883,33 +3105,33 @@ body a.Button-module_button__BiD3F {
|
|
|
2883
3105
|
font-weight: 700;
|
|
2884
3106
|
cursor: default;
|
|
2885
3107
|
}
|
|
2886
|
-
.
|
|
3108
|
+
.NavigationMenu_item:hover {
|
|
2887
3109
|
background: var(--highlight-color);
|
|
2888
3110
|
}
|
|
2889
|
-
.
|
|
2890
|
-
.
|
|
3111
|
+
.NavigationMenu_nav .NavigationMenu_item > a,
|
|
3112
|
+
.NavigationMenu_nav .NavigationMenu_item > a:hover {
|
|
2891
3113
|
color: var(--font-color);
|
|
2892
3114
|
text-decoration: none;
|
|
2893
3115
|
}
|
|
2894
|
-
.
|
|
3116
|
+
.NavigationMenu_icon {
|
|
2895
3117
|
color: var(--font-muted-color);
|
|
2896
3118
|
}
|
|
2897
3119
|
|
|
2898
|
-
/*
|
|
2899
|
-
.
|
|
3120
|
+
/* src/components/PasswordField.module.css */
|
|
3121
|
+
.PasswordField_icon {
|
|
2900
3122
|
position: absolute;
|
|
2901
3123
|
top: 12px;
|
|
2902
3124
|
right: 9px;
|
|
2903
3125
|
}
|
|
2904
3126
|
|
|
2905
|
-
/*
|
|
2906
|
-
.
|
|
3127
|
+
/* src/components/ProgressBar.module.css */
|
|
3128
|
+
.ProgressBar_progressbar {
|
|
2907
3129
|
display: flex;
|
|
2908
3130
|
align-items: center;
|
|
2909
3131
|
justify-content: space-between;
|
|
2910
3132
|
gap: var(--spacing-3);
|
|
2911
3133
|
}
|
|
2912
|
-
.
|
|
3134
|
+
.ProgressBar_track {
|
|
2913
3135
|
height: 10px;
|
|
2914
3136
|
background: var(--input-background-color);
|
|
2915
3137
|
flex-basis: 100%;
|
|
@@ -2918,35 +3140,35 @@ body a.Button-module_button__BiD3F {
|
|
|
2918
3140
|
overflow: hidden;
|
|
2919
3141
|
min-width: 100px;
|
|
2920
3142
|
}
|
|
2921
|
-
.
|
|
3143
|
+
.ProgressBar_fill {
|
|
2922
3144
|
background: var(--primary-color);
|
|
2923
3145
|
height: 10px;
|
|
2924
3146
|
}
|
|
2925
|
-
.
|
|
3147
|
+
.ProgressBar_value {
|
|
2926
3148
|
font-weight: 700;
|
|
2927
3149
|
}
|
|
2928
3150
|
|
|
2929
|
-
/*
|
|
2930
|
-
.
|
|
3151
|
+
/* src/components/ProgressCircle.module.css */
|
|
3152
|
+
.ProgressCircle_progresscircle {
|
|
2931
3153
|
position: relative;
|
|
2932
3154
|
display: flex;
|
|
2933
3155
|
justify-content: center;
|
|
2934
3156
|
align-items: center;
|
|
2935
3157
|
}
|
|
2936
|
-
.
|
|
3158
|
+
.ProgressCircle_progresscircle svg {
|
|
2937
3159
|
fill: none;
|
|
2938
3160
|
stroke-width: 8px;
|
|
2939
3161
|
transform: rotate(-90deg);
|
|
2940
3162
|
width: 96px;
|
|
2941
3163
|
height: 96px;
|
|
2942
3164
|
}
|
|
2943
|
-
.
|
|
3165
|
+
.ProgressCircle_track {
|
|
2944
3166
|
stroke: var(--input-background-color);
|
|
2945
3167
|
}
|
|
2946
|
-
.
|
|
3168
|
+
.ProgressCircle_fill {
|
|
2947
3169
|
stroke: var(--primary-color);
|
|
2948
3170
|
}
|
|
2949
|
-
.
|
|
3171
|
+
.ProgressCircle_value {
|
|
2950
3172
|
font-size: var(--font-size);
|
|
2951
3173
|
color: var(--font-color);
|
|
2952
3174
|
font-weight: 700;
|
|
@@ -2956,27 +3178,27 @@ body a.Button-module_button__BiD3F {
|
|
|
2956
3178
|
transform: translate(-50%, -50%);
|
|
2957
3179
|
}
|
|
2958
3180
|
|
|
2959
|
-
/*
|
|
2960
|
-
.
|
|
3181
|
+
/* src/components/RadioGroup.module.css */
|
|
3182
|
+
.RadioGroup_radiogroup {
|
|
2961
3183
|
display: flex;
|
|
2962
3184
|
flex-direction: column;
|
|
2963
3185
|
gap: var(--spacing-4);
|
|
2964
3186
|
font-size: var(--font-size);
|
|
2965
3187
|
color: var(--font-color);
|
|
2966
3188
|
}
|
|
2967
|
-
.
|
|
3189
|
+
.RadioGroup_radiogroup[data-orientation=vertical] {
|
|
2968
3190
|
flex-direction: column;
|
|
2969
3191
|
}
|
|
2970
|
-
.
|
|
3192
|
+
.RadioGroup_radiogroup[data-orientation=horizontal] {
|
|
2971
3193
|
flex-direction: row;
|
|
2972
3194
|
}
|
|
2973
|
-
.
|
|
3195
|
+
.RadioGroup_radio {
|
|
2974
3196
|
display: flex;
|
|
2975
3197
|
align-items: center;
|
|
2976
3198
|
gap: var(--spacing-3);
|
|
2977
3199
|
forced-color-adjust: none;
|
|
2978
3200
|
}
|
|
2979
|
-
.
|
|
3201
|
+
.RadioGroup_radio:before {
|
|
2980
3202
|
content: "";
|
|
2981
3203
|
display: block;
|
|
2982
3204
|
width: 20px;
|
|
@@ -2988,34 +3210,34 @@ body a.Button-module_button__BiD3F {
|
|
|
2988
3210
|
transition: all 200ms;
|
|
2989
3211
|
box-shadow: var(--box-shadow);
|
|
2990
3212
|
}
|
|
2991
|
-
.
|
|
3213
|
+
.RadioGroup_radio[data-pressed]:before {
|
|
2992
3214
|
border-color: var(--border-color);
|
|
2993
3215
|
}
|
|
2994
|
-
.
|
|
3216
|
+
.RadioGroup_radio[data-selected]:before {
|
|
2995
3217
|
border-color: var(--primary-color);
|
|
2996
3218
|
border-width: 7px;
|
|
2997
3219
|
}
|
|
2998
|
-
.
|
|
3220
|
+
.RadioGroup_radio[data-selected][data-pressed]:before {
|
|
2999
3221
|
border-color: var(--primary-color);
|
|
3000
3222
|
}
|
|
3001
|
-
.
|
|
3223
|
+
.RadioGroup_radio[data-disabled] {
|
|
3002
3224
|
color: var(--font-muted-color);
|
|
3003
3225
|
}
|
|
3004
|
-
.
|
|
3226
|
+
.RadioGroup_radio[data-disabled]:before {
|
|
3005
3227
|
background-color: var(--input-disabled-color);
|
|
3006
3228
|
}
|
|
3007
3229
|
|
|
3008
|
-
/*
|
|
3009
|
-
.
|
|
3230
|
+
/* src/components/SearchField.module.css */
|
|
3231
|
+
.SearchField_search {
|
|
3010
3232
|
position: absolute;
|
|
3011
3233
|
top: 12px;
|
|
3012
3234
|
left: 9px;
|
|
3013
3235
|
}
|
|
3014
|
-
.
|
|
3236
|
+
.SearchField_input {
|
|
3015
3237
|
padding-left: 28px;
|
|
3016
3238
|
padding-right: 24px;
|
|
3017
3239
|
}
|
|
3018
|
-
.
|
|
3240
|
+
.SearchField_close {
|
|
3019
3241
|
position: absolute;
|
|
3020
3242
|
top: 9px;
|
|
3021
3243
|
right: 0;
|
|
@@ -3026,8 +3248,8 @@ body a.Button-module_button__BiD3F {
|
|
|
3026
3248
|
margin: 0 var(--spacing-2);
|
|
3027
3249
|
}
|
|
3028
3250
|
|
|
3029
|
-
/*
|
|
3030
|
-
.
|
|
3251
|
+
/* src/components/Select.module.css */
|
|
3252
|
+
.Select_button {
|
|
3031
3253
|
display: flex;
|
|
3032
3254
|
align-items: center;
|
|
3033
3255
|
font-size: var(--font-size);
|
|
@@ -3039,38 +3261,38 @@ body a.Button-module_button__BiD3F {
|
|
|
3039
3261
|
background: var(--background-color);
|
|
3040
3262
|
cursor: pointer;
|
|
3041
3263
|
}
|
|
3042
|
-
.
|
|
3264
|
+
.Select_list {
|
|
3043
3265
|
min-width: 200px;
|
|
3044
3266
|
box-shadow: var(--box-shadow-3);
|
|
3045
3267
|
}
|
|
3046
|
-
.
|
|
3268
|
+
.Select_icon {
|
|
3047
3269
|
color: var(--font-faded-color);
|
|
3048
3270
|
}
|
|
3049
|
-
.
|
|
3271
|
+
.Select_icon:hover {
|
|
3050
3272
|
color: var(--font-color);
|
|
3051
3273
|
cursor: pointer;
|
|
3052
3274
|
}
|
|
3053
3275
|
|
|
3054
|
-
/*
|
|
3055
|
-
.
|
|
3276
|
+
/* src/components/Slider.module.css */
|
|
3277
|
+
.Slider_slider {
|
|
3056
3278
|
font-size: var(--font-size);
|
|
3057
3279
|
color: var(--font-color);
|
|
3058
3280
|
}
|
|
3059
|
-
.
|
|
3281
|
+
.Slider_header {
|
|
3060
3282
|
display: flex;
|
|
3061
3283
|
align-items: center;
|
|
3062
3284
|
justify-content: space-between;
|
|
3063
3285
|
}
|
|
3064
|
-
.
|
|
3286
|
+
.Slider_track {
|
|
3065
3287
|
position: relative;
|
|
3066
3288
|
}
|
|
3067
|
-
.
|
|
3289
|
+
.Slider_track:before {
|
|
3068
3290
|
content: "";
|
|
3069
3291
|
display: block;
|
|
3070
3292
|
position: absolute;
|
|
3071
3293
|
background: var(--border-color);
|
|
3072
3294
|
}
|
|
3073
|
-
.
|
|
3295
|
+
.Slider_fill {
|
|
3074
3296
|
content: "";
|
|
3075
3297
|
display: block;
|
|
3076
3298
|
position: absolute;
|
|
@@ -3079,7 +3301,7 @@ body a.Button-module_button__BiD3F {
|
|
|
3079
3301
|
top: 50%;
|
|
3080
3302
|
transform: translateY(-50%);
|
|
3081
3303
|
}
|
|
3082
|
-
.
|
|
3304
|
+
.Slider_thumb {
|
|
3083
3305
|
width: 20px;
|
|
3084
3306
|
height: 20px;
|
|
3085
3307
|
border-radius: 100%;
|
|
@@ -3087,34 +3309,34 @@ body a.Button-module_button__BiD3F {
|
|
|
3087
3309
|
border: 2px solid var(--primary-color);
|
|
3088
3310
|
forced-color-adjust: none;
|
|
3089
3311
|
}
|
|
3090
|
-
.
|
|
3312
|
+
.Slider_thumb[data-dragging] {
|
|
3091
3313
|
background: var(--highlight-color);
|
|
3092
3314
|
}
|
|
3093
|
-
.
|
|
3315
|
+
.Slider_thumb[data-focus-visible] {
|
|
3094
3316
|
outline: 2px solid var(--font-color);
|
|
3095
3317
|
}
|
|
3096
|
-
.
|
|
3318
|
+
.Slider_slider[data-orientation=horizontal] {
|
|
3097
3319
|
flex-direction: column;
|
|
3098
3320
|
width: 100%;
|
|
3099
3321
|
}
|
|
3100
|
-
.
|
|
3322
|
+
.Slider_slider[data-orientation=horizontal] .Slider_track {
|
|
3101
3323
|
height: 30px;
|
|
3102
3324
|
margin: 0 10px;
|
|
3103
3325
|
}
|
|
3104
|
-
.
|
|
3326
|
+
.Slider_slider[data-orientation=horizontal] .Slider_track:before {
|
|
3105
3327
|
height: 3px;
|
|
3106
3328
|
width: 100%;
|
|
3107
3329
|
top: 50%;
|
|
3108
3330
|
transform: translateY(-50%);
|
|
3109
3331
|
}
|
|
3110
|
-
.
|
|
3332
|
+
.Slider_slider[data-orientation=horizontal] .Slider_thumb {
|
|
3111
3333
|
top: 50%;
|
|
3112
3334
|
}
|
|
3113
|
-
.
|
|
3335
|
+
.Slider_slider[data-orientation=vertical] {
|
|
3114
3336
|
height: 150px;
|
|
3115
3337
|
display: block;
|
|
3116
3338
|
}
|
|
3117
|
-
.
|
|
3339
|
+
.Slider_slider[data-orientation=vertical] .Slider_fill {
|
|
3118
3340
|
content: "";
|
|
3119
3341
|
display: block;
|
|
3120
3342
|
position: absolute;
|
|
@@ -3124,58 +3346,58 @@ body a.Button-module_button__BiD3F {
|
|
|
3124
3346
|
transform: translateX(-50%);
|
|
3125
3347
|
top: 0;
|
|
3126
3348
|
}
|
|
3127
|
-
.
|
|
3349
|
+
.Slider_slider[data-orientation=vertical] .Slider_header {
|
|
3128
3350
|
display: none;
|
|
3129
3351
|
}
|
|
3130
|
-
.
|
|
3352
|
+
.Slider_slider[data-orientation=vertical] .Slider_track {
|
|
3131
3353
|
width: 30px;
|
|
3132
3354
|
height: 100%;
|
|
3133
3355
|
}
|
|
3134
|
-
.
|
|
3356
|
+
.Slider_slider[data-orientation=vertical] .Slider_track:before {
|
|
3135
3357
|
width: 3px;
|
|
3136
3358
|
height: 100%;
|
|
3137
3359
|
background-color: var(--primary-color);
|
|
3138
3360
|
left: 50%;
|
|
3139
3361
|
transform: translateX(-50%);
|
|
3140
3362
|
}
|
|
3141
|
-
.
|
|
3363
|
+
.Slider_slider[data-orientation=vertical] .Slider_thumb {
|
|
3142
3364
|
left: 50%;
|
|
3143
3365
|
}
|
|
3144
3366
|
|
|
3145
|
-
/*
|
|
3146
|
-
.
|
|
3367
|
+
/* src/components/StatusLight.module.css */
|
|
3368
|
+
.StatusLight_statuslight {
|
|
3147
3369
|
font-size: var(--font-size);
|
|
3148
3370
|
color: var(--font-color);
|
|
3149
3371
|
display: inline-flex;
|
|
3150
3372
|
align-items: center;
|
|
3151
3373
|
gap: 12px;
|
|
3152
3374
|
}
|
|
3153
|
-
.
|
|
3154
|
-
.
|
|
3375
|
+
.StatusLight_status,
|
|
3376
|
+
.StatusLight_bg {
|
|
3155
3377
|
width: 10px;
|
|
3156
3378
|
height: 10px;
|
|
3157
3379
|
border-radius: 100%;
|
|
3158
3380
|
background: #fff;
|
|
3159
3381
|
position: relative;
|
|
3160
3382
|
}
|
|
3161
|
-
.
|
|
3383
|
+
.StatusLight_status.StatusLight_success {
|
|
3162
3384
|
background: var(--success-color);
|
|
3163
3385
|
}
|
|
3164
|
-
.
|
|
3386
|
+
.StatusLight_status.StatusLight_warning {
|
|
3165
3387
|
background: var(--warning-color);
|
|
3166
3388
|
}
|
|
3167
|
-
.
|
|
3389
|
+
.StatusLight_status.StatusLight_error {
|
|
3168
3390
|
background: var(--danger-color);
|
|
3169
3391
|
}
|
|
3170
|
-
.
|
|
3392
|
+
.StatusLight_status.StatusLight_active {
|
|
3171
3393
|
background: var(--active-color);
|
|
3172
3394
|
}
|
|
3173
|
-
.
|
|
3395
|
+
.StatusLight_status.StatusLight_inactive {
|
|
3174
3396
|
background: var(--inactive-color);
|
|
3175
3397
|
}
|
|
3176
3398
|
|
|
3177
|
-
/*
|
|
3178
|
-
.
|
|
3399
|
+
/* src/components/Switch.module.css */
|
|
3400
|
+
.Switch_switch {
|
|
3179
3401
|
position: relative;
|
|
3180
3402
|
display: flex;
|
|
3181
3403
|
align-items: center;
|
|
@@ -3185,7 +3407,7 @@ body a.Button-module_button__BiD3F {
|
|
|
3185
3407
|
--knob-size: 16px;
|
|
3186
3408
|
--knob-border-size: 3px;
|
|
3187
3409
|
}
|
|
3188
|
-
.
|
|
3410
|
+
.Switch_track {
|
|
3189
3411
|
position: relative;
|
|
3190
3412
|
display: flex;
|
|
3191
3413
|
align-items: center;
|
|
@@ -3197,7 +3419,7 @@ body a.Button-module_button__BiD3F {
|
|
|
3197
3419
|
transition: background-color 0.2s;
|
|
3198
3420
|
cursor: pointer;
|
|
3199
3421
|
}
|
|
3200
|
-
.
|
|
3422
|
+
.Switch_knob {
|
|
3201
3423
|
width: var(--knob-size);
|
|
3202
3424
|
height: var(--knob-size);
|
|
3203
3425
|
border-radius: 100%;
|
|
@@ -3205,44 +3427,44 @@ body a.Button-module_button__BiD3F {
|
|
|
3205
3427
|
transition: all 0.2s;
|
|
3206
3428
|
box-shadow: var(--box-shadow-2);
|
|
3207
3429
|
}
|
|
3208
|
-
.
|
|
3430
|
+
.Switch_switch[data-selected] .Switch_track {
|
|
3209
3431
|
border-color: var(--primary-color);
|
|
3210
3432
|
background: var(--primary-color);
|
|
3211
3433
|
}
|
|
3212
|
-
.
|
|
3434
|
+
.Switch_switch[data-selected] .Switch_knob {
|
|
3213
3435
|
margin-left: var(--knob-size);
|
|
3214
3436
|
border-color: var(--primary-color);
|
|
3215
3437
|
}
|
|
3216
|
-
.
|
|
3438
|
+
.Switch_switch[data-disabled] {
|
|
3217
3439
|
color: var(--font-faded-color);
|
|
3218
3440
|
pointer-events: none;
|
|
3219
3441
|
}
|
|
3220
|
-
.
|
|
3442
|
+
.Switch_switch[data-disabled] .Switch_track {
|
|
3221
3443
|
border-color: var(--input-disabled-color);
|
|
3222
3444
|
background: var(--input-disabled-color);
|
|
3223
3445
|
}
|
|
3224
|
-
.
|
|
3446
|
+
.Switch_switch[data-disabled] .Switch_knob {
|
|
3225
3447
|
border-color: var(--input-disabled-color);
|
|
3226
3448
|
}
|
|
3227
3449
|
|
|
3228
|
-
/*
|
|
3229
|
-
.
|
|
3450
|
+
/* src/components/Tabs.module.css */
|
|
3451
|
+
.Tabs_tabs {
|
|
3230
3452
|
font-size: var(--font-size);
|
|
3231
3453
|
color: var(--font-color);
|
|
3232
3454
|
position: relative;
|
|
3233
3455
|
width: 100%;
|
|
3234
3456
|
}
|
|
3235
|
-
.
|
|
3457
|
+
.Tabs_list {
|
|
3236
3458
|
display: flex;
|
|
3237
3459
|
align-items: center;
|
|
3238
3460
|
border-bottom: 2px solid var(--border-color);
|
|
3239
3461
|
gap: var(--gap);
|
|
3240
3462
|
margin-bottom: var(--spacing-6);
|
|
3241
3463
|
}
|
|
3242
|
-
.
|
|
3464
|
+
.Tabs_list.Tabs_quiet {
|
|
3243
3465
|
border: 0;
|
|
3244
3466
|
}
|
|
3245
|
-
.
|
|
3467
|
+
.Tabs_tab {
|
|
3246
3468
|
display: flex;
|
|
3247
3469
|
align-items: center;
|
|
3248
3470
|
justify-content: center;
|
|
@@ -3253,46 +3475,46 @@ body a.Button-module_button__BiD3F {
|
|
|
3253
3475
|
margin: 0 0 -2px 0;
|
|
3254
3476
|
cursor: pointer;
|
|
3255
3477
|
}
|
|
3256
|
-
.
|
|
3478
|
+
.Tabs_tab:hover {
|
|
3257
3479
|
color: var(--font-color);
|
|
3258
3480
|
}
|
|
3259
|
-
.
|
|
3481
|
+
.Tabs_tab[data-selected] {
|
|
3260
3482
|
color: var(--font-color);
|
|
3261
3483
|
border-bottom: 2px solid var(--primary-color);
|
|
3262
3484
|
}
|
|
3263
|
-
.
|
|
3485
|
+
.Tabs_tab[data-disabled] {
|
|
3264
3486
|
color: var(--font-faded-color);
|
|
3265
3487
|
cursor: default;
|
|
3266
3488
|
}
|
|
3267
3489
|
|
|
3268
|
-
/*
|
|
3269
|
-
.
|
|
3490
|
+
/* src/components/TextOverflow.module.css */
|
|
3491
|
+
.TextOverflow_wrapper {
|
|
3270
3492
|
flex-basis: 100%;
|
|
3271
3493
|
min-width: 0;
|
|
3272
3494
|
}
|
|
3273
|
-
.
|
|
3495
|
+
.TextOverflow_overflow {
|
|
3274
3496
|
display: block;
|
|
3275
3497
|
text-overflow: ellipsis;
|
|
3276
3498
|
overflow: hidden;
|
|
3277
3499
|
white-space: nowrap;
|
|
3278
3500
|
}
|
|
3279
3501
|
|
|
3280
|
-
/*
|
|
3281
|
-
.
|
|
3502
|
+
/* src/components/TextArea.module.css */
|
|
3503
|
+
.TextArea_textarea {
|
|
3282
3504
|
font-family: inherit;
|
|
3283
3505
|
}
|
|
3284
|
-
.
|
|
3506
|
+
.TextArea_resize-none textarea {
|
|
3285
3507
|
resize: none;
|
|
3286
3508
|
}
|
|
3287
|
-
.
|
|
3509
|
+
.TextArea_resize-horizontal textarea {
|
|
3288
3510
|
resize: horizontal;
|
|
3289
3511
|
}
|
|
3290
|
-
.
|
|
3512
|
+
.TextArea_resize-vertical textarea {
|
|
3291
3513
|
resize: vertical;
|
|
3292
3514
|
}
|
|
3293
3515
|
|
|
3294
|
-
/*
|
|
3295
|
-
.
|
|
3516
|
+
/* src/components/Toast.module.css */
|
|
3517
|
+
.Toast_viewport {
|
|
3296
3518
|
--viewport-padding: 25px;
|
|
3297
3519
|
position: fixed;
|
|
3298
3520
|
bottom: 0;
|
|
@@ -3308,7 +3530,7 @@ body a.Button-module_button__BiD3F {
|
|
|
3308
3530
|
z-index: 2147483647;
|
|
3309
3531
|
outline: none;
|
|
3310
3532
|
}
|
|
3311
|
-
.
|
|
3533
|
+
.Toast_toast {
|
|
3312
3534
|
display: grid;
|
|
3313
3535
|
grid-template-areas: "icon title action" "icon description action";
|
|
3314
3536
|
grid-template-columns: auto 1fr auto;
|
|
@@ -3321,46 +3543,46 @@ body a.Button-module_button__BiD3F {
|
|
|
3321
3543
|
border: var(--border);
|
|
3322
3544
|
position: relative;
|
|
3323
3545
|
}
|
|
3324
|
-
.
|
|
3325
|
-
animation:
|
|
3546
|
+
.Toast_toast[data-state=open] {
|
|
3547
|
+
animation: Toast_slide-in 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
3326
3548
|
}
|
|
3327
|
-
.
|
|
3328
|
-
animation:
|
|
3549
|
+
.Toast_toast[data-state=closed] {
|
|
3550
|
+
animation: Toast_hide 100ms ease-in;
|
|
3329
3551
|
}
|
|
3330
|
-
.
|
|
3552
|
+
.Toast_toast[data-swipe=move] {
|
|
3331
3553
|
transform: translateX(0);
|
|
3332
3554
|
}
|
|
3333
|
-
.
|
|
3555
|
+
.Toast_toast[data-swipe=cancel] {
|
|
3334
3556
|
transform: translateX(0);
|
|
3335
3557
|
transition: transform 200ms ease-out;
|
|
3336
3558
|
}
|
|
3337
|
-
.
|
|
3338
|
-
animation:
|
|
3559
|
+
.Toast_toast[data-swipe=end] {
|
|
3560
|
+
animation: Toast_swipe-out 100ms ease-out;
|
|
3339
3561
|
}
|
|
3340
|
-
.
|
|
3562
|
+
.Toast_toast:has(.Toast_icon) {
|
|
3341
3563
|
grid-template-columns: auto 1fr auto;
|
|
3342
3564
|
column-gap: var(--gap);
|
|
3343
3565
|
}
|
|
3344
|
-
.
|
|
3566
|
+
.Toast_icon {
|
|
3345
3567
|
grid-area: icon;
|
|
3346
3568
|
}
|
|
3347
|
-
.
|
|
3569
|
+
.Toast_icon:empty {
|
|
3348
3570
|
display: none;
|
|
3349
3571
|
}
|
|
3350
|
-
.
|
|
3572
|
+
.Toast_title {
|
|
3351
3573
|
grid-area: title;
|
|
3352
3574
|
color: var(--font-color);
|
|
3353
3575
|
font-weight: 700;
|
|
3354
3576
|
}
|
|
3355
|
-
.
|
|
3577
|
+
.Toast_description {
|
|
3356
3578
|
grid-area: description;
|
|
3357
3579
|
}
|
|
3358
|
-
.
|
|
3580
|
+
.Toast_action {
|
|
3359
3581
|
grid-area: action;
|
|
3360
3582
|
border: 0;
|
|
3361
3583
|
background: transparent;
|
|
3362
3584
|
}
|
|
3363
|
-
.
|
|
3585
|
+
.Toast_close {
|
|
3364
3586
|
color: currentColor;
|
|
3365
3587
|
position: absolute;
|
|
3366
3588
|
right: 10px;
|
|
@@ -3369,21 +3591,21 @@ body a.Button-module_button__BiD3F {
|
|
|
3369
3591
|
border: 0;
|
|
3370
3592
|
background: transparent;
|
|
3371
3593
|
}
|
|
3372
|
-
.
|
|
3594
|
+
.Toast_toast:hover .Toast_close {
|
|
3373
3595
|
display: block;
|
|
3374
3596
|
cursor: pointer;
|
|
3375
3597
|
}
|
|
3376
|
-
.
|
|
3598
|
+
.Toast_toast.Toast_info {
|
|
3377
3599
|
color: var(--primary-font-color);
|
|
3378
3600
|
background: var(--primary-color);
|
|
3379
3601
|
border: 0;
|
|
3380
3602
|
}
|
|
3381
|
-
.
|
|
3603
|
+
.Toast_toast.Toast_error {
|
|
3382
3604
|
color: var(--danger-font-color);
|
|
3383
3605
|
background: var(--danger-color);
|
|
3384
3606
|
border: 0;
|
|
3385
3607
|
}
|
|
3386
|
-
@keyframes
|
|
3608
|
+
@keyframes Toast_hide {
|
|
3387
3609
|
from {
|
|
3388
3610
|
opacity: 1;
|
|
3389
3611
|
transform: translateY(0);
|
|
@@ -3393,7 +3615,7 @@ body a.Button-module_button__BiD3F {
|
|
|
3393
3615
|
transform: translateY(50px);
|
|
3394
3616
|
}
|
|
3395
3617
|
}
|
|
3396
|
-
@keyframes
|
|
3618
|
+
@keyframes Toast_slide-in {
|
|
3397
3619
|
from {
|
|
3398
3620
|
transform: translateX(calc(100% + var(--viewport-padding)));
|
|
3399
3621
|
}
|
|
@@ -3401,7 +3623,7 @@ body a.Button-module_button__BiD3F {
|
|
|
3401
3623
|
transform: translateX(0);
|
|
3402
3624
|
}
|
|
3403
3625
|
}
|
|
3404
|
-
@keyframes
|
|
3626
|
+
@keyframes Toast_swipe-out {
|
|
3405
3627
|
from {
|
|
3406
3628
|
transform: translateX(0);
|
|
3407
3629
|
}
|
|
@@ -3410,8 +3632,8 @@ body a.Button-module_button__BiD3F {
|
|
|
3410
3632
|
}
|
|
3411
3633
|
}
|
|
3412
3634
|
|
|
3413
|
-
/*
|
|
3414
|
-
.
|
|
3635
|
+
/* src/components/Toggle.module.css */
|
|
3636
|
+
.Toggle_toggle {
|
|
3415
3637
|
font-size: var(--font-size);
|
|
3416
3638
|
color: var(--font-color);
|
|
3417
3639
|
display: flex;
|
|
@@ -3427,20 +3649,20 @@ body a.Button-module_button__BiD3F {
|
|
|
3427
3649
|
position: relative;
|
|
3428
3650
|
cursor: pointer;
|
|
3429
3651
|
}
|
|
3430
|
-
.
|
|
3652
|
+
.Toggle_toggle:hover {
|
|
3431
3653
|
background: var(--highlight-color);
|
|
3432
3654
|
}
|
|
3433
|
-
.
|
|
3655
|
+
.Toggle_toggle[data-selected] {
|
|
3434
3656
|
color: var(--primary-font-color);
|
|
3435
3657
|
background: var(--primary-color);
|
|
3436
3658
|
}
|
|
3437
|
-
.
|
|
3659
|
+
.Toggle_toggle:focus {
|
|
3438
3660
|
border-color: transparent;
|
|
3439
3661
|
outline: var(--outline);
|
|
3440
3662
|
}
|
|
3441
3663
|
|
|
3442
|
-
/*
|
|
3443
|
-
.
|
|
3664
|
+
/* src/components/ToggleGroup.module.css */
|
|
3665
|
+
.ToggleGroup_group {
|
|
3444
3666
|
font-size: var(--font-size);
|
|
3445
3667
|
color: var(--font-color);
|
|
3446
3668
|
background-color: var(--background-color);
|
|
@@ -3449,12 +3671,12 @@ body a.Button-module_button__BiD3F {
|
|
|
3449
3671
|
border-radius: var(--border-radius);
|
|
3450
3672
|
overflow: hidden;
|
|
3451
3673
|
}
|
|
3452
|
-
.
|
|
3674
|
+
.ToggleGroup_list {
|
|
3453
3675
|
display: flex;
|
|
3454
3676
|
flex-direction: row;
|
|
3455
3677
|
align-items: center;
|
|
3456
3678
|
}
|
|
3457
|
-
.
|
|
3679
|
+
.ToggleGroup_item {
|
|
3458
3680
|
background-color: var(--background-color);
|
|
3459
3681
|
display: flex;
|
|
3460
3682
|
align-items: center;
|
|
@@ -3463,20 +3685,20 @@ body a.Button-module_button__BiD3F {
|
|
|
3463
3685
|
cursor: pointer;
|
|
3464
3686
|
outline: none;
|
|
3465
3687
|
}
|
|
3466
|
-
.
|
|
3688
|
+
.ToggleGroup_item:not(:first-child) {
|
|
3467
3689
|
border-left: var(--border);
|
|
3468
3690
|
}
|
|
3469
|
-
.
|
|
3691
|
+
.ToggleGroup_item:hover {
|
|
3470
3692
|
background-color: var(--highlight-color);
|
|
3471
3693
|
}
|
|
3472
|
-
.
|
|
3694
|
+
.ToggleGroup_item[data-selected] {
|
|
3473
3695
|
font-weight: 700;
|
|
3474
3696
|
background-color: var(--highlight-color);
|
|
3475
3697
|
font-size-adjust: 0.5;
|
|
3476
3698
|
}
|
|
3477
3699
|
|
|
3478
|
-
/*
|
|
3479
|
-
.
|
|
3700
|
+
/* src/components/Tooltip.module.css */
|
|
3701
|
+
.Tooltip_tooltip {
|
|
3480
3702
|
font-size: var(--font-size);
|
|
3481
3703
|
color: var(--light-color);
|
|
3482
3704
|
background: rgba(0, 0, 0, 0.8);
|
|
@@ -3487,42 +3709,42 @@ body a.Button-module_button__BiD3F {
|
|
|
3487
3709
|
max-width: 150px;
|
|
3488
3710
|
transform: translate3d(0, 0, 0);
|
|
3489
3711
|
}
|
|
3490
|
-
.
|
|
3712
|
+
.Tooltip_tooltip[data-placement=top] {
|
|
3491
3713
|
margin-bottom: 8px;
|
|
3492
3714
|
--origin: translateY(4px);
|
|
3493
3715
|
}
|
|
3494
|
-
.
|
|
3716
|
+
.Tooltip_tooltip[data-placement=bottom] {
|
|
3495
3717
|
margin-top: 8px;
|
|
3496
3718
|
--origin: translateY(-4px);
|
|
3497
3719
|
}
|
|
3498
|
-
.
|
|
3720
|
+
.Tooltip_tooltip[data-placement=bottom] .Tooltip_arrow svg {
|
|
3499
3721
|
transform: rotate(180deg);
|
|
3500
3722
|
}
|
|
3501
|
-
.
|
|
3723
|
+
.Tooltip_tooltip[data-placement=right] {
|
|
3502
3724
|
margin-left: 8px;
|
|
3503
3725
|
--origin: translateX(-4px);
|
|
3504
3726
|
}
|
|
3505
|
-
.
|
|
3727
|
+
.Tooltip_tooltip[data-placement=right] .Tooltip_arrow svg {
|
|
3506
3728
|
transform: rotate(90deg);
|
|
3507
3729
|
}
|
|
3508
|
-
.
|
|
3730
|
+
.Tooltip_tooltip[data-placement=left] {
|
|
3509
3731
|
margin-right: 8px;
|
|
3510
3732
|
--origin: translateX(4px);
|
|
3511
3733
|
}
|
|
3512
|
-
.
|
|
3734
|
+
.Tooltip_tooltip[data-placement=left] .Tooltip_arrow svg {
|
|
3513
3735
|
transform: rotate(-90deg);
|
|
3514
3736
|
}
|
|
3515
|
-
.
|
|
3737
|
+
.Tooltip_tooltip .Tooltip_arrow svg {
|
|
3516
3738
|
display: block;
|
|
3517
3739
|
fill: rgba(0, 0, 0, 0.8);
|
|
3518
3740
|
}
|
|
3519
|
-
.
|
|
3520
|
-
animation:
|
|
3741
|
+
.Tooltip_tooltip[data-entering] {
|
|
3742
|
+
animation: Tooltip_slide 200ms;
|
|
3521
3743
|
}
|
|
3522
|
-
.
|
|
3523
|
-
animation:
|
|
3744
|
+
.Tooltip_tooltip[data-exiting] {
|
|
3745
|
+
animation: Tooltip_slide 200ms reverse ease-in;
|
|
3524
3746
|
}
|
|
3525
|
-
@keyframes
|
|
3747
|
+
@keyframes Tooltip_slide {
|
|
3526
3748
|
from {
|
|
3527
3749
|
transform: var(--origin);
|
|
3528
3750
|
opacity: 0;
|