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