@stackoverflow/stacks 1.3.6 → 1.4.1
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/dist/css/stacks.css +1347 -997
- package/dist/css/stacks.min.css +1 -1
- package/lib/css/atomic/gap.less +44 -0
- package/lib/css/atomic/grid.less +0 -35
- package/lib/css/components/_styles-template.less +75 -0
- package/lib/css/components/activity-indicator.less +23 -33
- package/lib/css/components/avatars.less +71 -82
- package/lib/css/components/award-bling.less +29 -0
- package/lib/css/components/badges.less +199 -230
- package/lib/css/components/breadcrumbs.less +23 -30
- package/lib/css/components/buttons.less +4 -2
- package/lib/css/components/cards.less +18 -36
- package/lib/css/components/labels.less +66 -66
- package/lib/css/components/links.less +4 -4
- package/lib/css/components/menu.less +27 -38
- package/lib/css/components/navigation.less +114 -117
- package/lib/css/components/notices.less +77 -77
- package/lib/css/components/page-titles.less +39 -36
- package/lib/css/components/pagination.less +44 -47
- package/lib/css/components/post-summary.less +29 -32
- package/lib/css/components/tags.less +182 -211
- package/lib/css/components/topbar.less +10 -4
- package/lib/css/components/uploader.less +43 -53
- package/lib/css/components/user-cards.less +5 -1
- package/lib/css/stacks-static.less +2 -0
- package/package.json +12 -12
package/dist/css/stacks.css
CHANGED
|
@@ -400,98 +400,139 @@ template {
|
|
|
400
400
|
fill: currentColor;
|
|
401
401
|
}
|
|
402
402
|
.s-activity-indicator {
|
|
403
|
-
--
|
|
404
|
-
--
|
|
403
|
+
--_ai-focus-ring: var(--focus-ring);
|
|
404
|
+
--_ai-bg: var(--theme-secondary-400);
|
|
405
|
+
--_ai-fc: hsl(0, 0%, 100%);
|
|
406
|
+
background-color: var(--_ai-bg);
|
|
407
|
+
box-shadow: 0 0 0 var(--su-static4) var(--_ai-focus-ring);
|
|
408
|
+
color: var(--_ai-fc);
|
|
409
|
+
border-radius: 1000px;
|
|
405
410
|
display: inline-block;
|
|
411
|
+
font-size: var(--fs-fine);
|
|
412
|
+
font-weight: 600;
|
|
413
|
+
line-height: 1.1;
|
|
406
414
|
min-width: var(--su-static12);
|
|
407
415
|
min-height: var(--su-static12);
|
|
408
416
|
padding: var(--su2) var(--su4);
|
|
409
|
-
line-height: 1.1;
|
|
410
|
-
background-color: var(--_bg-color);
|
|
411
|
-
box-shadow: 0 0 0 var(--su-static4) var(--_focus-ring);
|
|
412
|
-
border-radius: 1000px;
|
|
413
|
-
font-size: var(--fs-fine);
|
|
414
|
-
font-weight: 600;
|
|
415
|
-
color: hsl(0, 0%, 100%);
|
|
416
417
|
text-transform: uppercase;
|
|
417
418
|
}
|
|
419
|
+
body.theme-highcontrast .s-activity-indicator {
|
|
420
|
+
--_ai-fc: var(--white);
|
|
421
|
+
}
|
|
418
422
|
.s-activity-indicator.s-activity-indicator__success {
|
|
419
|
-
--
|
|
420
|
-
--
|
|
423
|
+
--_ai-bg-color: var(--green-500);
|
|
424
|
+
--_ai-focus-ring: var(--focus-ring-success);
|
|
421
425
|
}
|
|
422
426
|
.s-activity-indicator.s-activity-indicator__warning {
|
|
423
|
-
--
|
|
424
|
-
--
|
|
427
|
+
--_ai-bg-color: var(--yellow-600);
|
|
428
|
+
--_ai-focus-ring: var(--focus-ring-warning);
|
|
425
429
|
}
|
|
426
430
|
.s-activity-indicator.s-activity-indicator__danger {
|
|
427
|
-
--
|
|
428
|
-
--
|
|
431
|
+
--_ai-bg-color: var(--red-500);
|
|
432
|
+
--_ai-focus-ring: var(--focus-ring-error);
|
|
429
433
|
}
|
|
430
|
-
|
|
431
|
-
|
|
434
|
+
.s-award-bling {
|
|
435
|
+
--_ab-before-bg: unset;
|
|
436
|
+
align-items: center;
|
|
437
|
+
color: inherit;
|
|
438
|
+
display: flex;
|
|
439
|
+
}
|
|
440
|
+
.s-award-bling.s-award-bling__gold {
|
|
441
|
+
--_ab-before-bg: var(--gold);
|
|
442
|
+
}
|
|
443
|
+
.s-award-bling.s-award-bling__silver {
|
|
444
|
+
--_ab-before-bg: var(--silver);
|
|
445
|
+
}
|
|
446
|
+
.s-award-bling.s-award-bling__bronze {
|
|
447
|
+
--_ab-before-bg: var(--bronze);
|
|
448
|
+
}
|
|
449
|
+
.s-award-bling:before {
|
|
450
|
+
background-color: var(--_ab-before-bg);
|
|
451
|
+
border-radius: 100%;
|
|
452
|
+
content: "";
|
|
453
|
+
margin-right: var(--su4);
|
|
454
|
+
height: var(--su8);
|
|
455
|
+
width: var(--su8);
|
|
432
456
|
}
|
|
433
457
|
.s-avatar {
|
|
434
|
-
--
|
|
435
|
-
--
|
|
436
|
-
--
|
|
437
|
-
--
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
height: var(--
|
|
442
|
-
|
|
443
|
-
background-color: hsl(0, 0%, 100%);
|
|
458
|
+
--_av-size: var(--su-static16);
|
|
459
|
+
--_av-bg: hsl(0, 0%, 100%);
|
|
460
|
+
--_av-br: var(--br-sm);
|
|
461
|
+
--_av-fs-letter: calc(var(--su-static12) - var(--su-static1));
|
|
462
|
+
--_av-scale-badge: 1;
|
|
463
|
+
background-color: var(--_av-bg);
|
|
464
|
+
border-radius: var(--_av-br);
|
|
465
|
+
height: var(--_av-size);
|
|
466
|
+
width: var(--_av-size);
|
|
444
467
|
background-repeat: no-repeat;
|
|
445
468
|
background-size: 100%;
|
|
469
|
+
display: inline-block;
|
|
470
|
+
position: relative;
|
|
446
471
|
vertical-align: bottom;
|
|
447
472
|
}
|
|
473
|
+
body.theme-highcontrast .s-avatar {
|
|
474
|
+
background-color: var(--black);
|
|
475
|
+
box-shadow: 0 0 0 1px var(--black);
|
|
476
|
+
color: var(--white);
|
|
477
|
+
}
|
|
478
|
+
body.theme-highcontrast .s-avatar .s-avatar--letter {
|
|
479
|
+
color: var(--white);
|
|
480
|
+
}
|
|
481
|
+
.s-avatar.s-avatar__32,
|
|
482
|
+
.s-avatar.s-avatar__48 {
|
|
483
|
+
--_av-br: var(--br-md);
|
|
484
|
+
}
|
|
485
|
+
.s-avatar.s-avatar__96,
|
|
486
|
+
.s-avatar.s-avatar__128 {
|
|
487
|
+
--_av-br: calc(var(--br-lg) + var(--br-sm));
|
|
488
|
+
--_av-scale-badge: 3;
|
|
489
|
+
}
|
|
448
490
|
.s-avatar.s-avatar__24 {
|
|
449
|
-
--
|
|
450
|
-
--
|
|
451
|
-
--
|
|
491
|
+
--_av-size: var(--su-static24);
|
|
492
|
+
--_av-fs-letter: var(--su-static16);
|
|
493
|
+
--_av-scale-badge: 1.1;
|
|
452
494
|
}
|
|
453
495
|
.s-avatar.s-avatar__32 {
|
|
454
|
-
--
|
|
455
|
-
--
|
|
456
|
-
--
|
|
457
|
-
--_scale-badge: 1.3;
|
|
496
|
+
--_av-size: var(--su-static32);
|
|
497
|
+
--_av-fs-letter: calc(var(--su-static24) - var(--su-static2));
|
|
498
|
+
--_av-scale-badge: 1.3;
|
|
458
499
|
}
|
|
459
500
|
.s-avatar.s-avatar__48 {
|
|
460
|
-
--
|
|
461
|
-
--
|
|
462
|
-
--
|
|
463
|
-
--_scale-badge: 1.6;
|
|
501
|
+
--_av-size: var(--su-static48);
|
|
502
|
+
--_av-fs-letter: calc(var(--su-static32) + var(--su-static2));
|
|
503
|
+
--_av-scale-badge: 1.6;
|
|
464
504
|
}
|
|
465
505
|
.s-avatar.s-avatar__64 {
|
|
466
|
-
--
|
|
467
|
-
--
|
|
468
|
-
--
|
|
469
|
-
--
|
|
506
|
+
--_av-size: var(--su-static64);
|
|
507
|
+
--_av-br: var(--br-lg);
|
|
508
|
+
--_av-fs-letter: calc(var(--su-static48) - var(--su-static4));
|
|
509
|
+
--_av-scale-badge: 2.4;
|
|
470
510
|
}
|
|
471
511
|
.s-avatar.s-avatar__96 {
|
|
472
|
-
--
|
|
473
|
-
--
|
|
474
|
-
--_fs-letter: calc(var(--su-static64) + var(--su-static2));
|
|
475
|
-
--_scale-badge: 3;
|
|
512
|
+
--_av-size: var(--su-static96);
|
|
513
|
+
--_av-fs-letter: calc(var(--su-static64) + var(--su-static2));
|
|
476
514
|
}
|
|
477
515
|
.s-avatar.s-avatar__128 {
|
|
478
|
-
--
|
|
479
|
-
--
|
|
480
|
-
--_fs-letter: calc(var(--su-static96) - var(--su-static8));
|
|
481
|
-
--_scale-badge: 3;
|
|
516
|
+
--_av-size: var(--su-static128);
|
|
517
|
+
--_av-fs-letter: calc(var(--su-static96) - var(--su-static8));
|
|
482
518
|
}
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
519
|
+
.s-avatar .s-avatar--badge {
|
|
520
|
+
bottom: calc(var(--su-static4) * -1);
|
|
521
|
+
position: absolute;
|
|
522
|
+
right: calc(var(--su-static4) * -1);
|
|
523
|
+
-webkit-transform: scale(var(--_av-scale-badge));
|
|
524
|
+
transform: scale(var(--_av-scale-badge));
|
|
487
525
|
}
|
|
488
|
-
|
|
489
|
-
|
|
526
|
+
.s-avatar .s-avatar--image {
|
|
527
|
+
border-radius: var(--_av-br);
|
|
528
|
+
display: block;
|
|
529
|
+
height: var(--_av-size);
|
|
530
|
+
width: var(--_av-size);
|
|
490
531
|
}
|
|
491
532
|
.s-avatar .s-avatar--letter {
|
|
492
533
|
display: block;
|
|
493
534
|
color: hsl(0, 0%, 100%);
|
|
494
|
-
font-size: var(--
|
|
535
|
+
font-size: var(--_av-fs-letter);
|
|
495
536
|
font-weight: bold;
|
|
496
537
|
line-height: 1.4;
|
|
497
538
|
text-align: center;
|
|
@@ -501,230 +542,204 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
|
|
|
501
542
|
-ms-user-select: none;
|
|
502
543
|
user-select: none;
|
|
503
544
|
}
|
|
504
|
-
.s-avatar .s-avatar--badge {
|
|
505
|
-
position: absolute;
|
|
506
|
-
right: -4px;
|
|
507
|
-
bottom: -4px;
|
|
508
|
-
-webkit-transform: scale(var(--_scale-badge));
|
|
509
|
-
transform: scale(var(--_scale-badge));
|
|
510
|
-
}
|
|
511
|
-
.s-avatar .s-avatar--image {
|
|
512
|
-
width: var(--_size);
|
|
513
|
-
height: var(--_size);
|
|
514
|
-
border-radius: var(--_br);
|
|
515
|
-
display: block;
|
|
516
|
-
}
|
|
517
545
|
.s-badge,
|
|
518
546
|
.s-topbar--notice {
|
|
519
|
-
|
|
547
|
+
--_ba-as: unset;
|
|
548
|
+
--_ba-bc: var(--bc-medium);
|
|
549
|
+
--_ba-bg: var(--black-050);
|
|
550
|
+
--_ba-fc: var(--black-700);
|
|
551
|
+
--_ba-fs: var(--fs-caption);
|
|
552
|
+
--_ba-g: 0.3em;
|
|
553
|
+
--_ba-lh: 2;
|
|
554
|
+
--_ba-px: var(--su6);
|
|
555
|
+
--_ba-py: 0;
|
|
556
|
+
--_ba-wmn: 0;
|
|
557
|
+
align-self: var(--_ba-as);
|
|
558
|
+
background-color: var(--_ba-bg);
|
|
559
|
+
border: var(--su-static1) solid var(--_ba-bc);
|
|
560
|
+
color: var(--_ba-fc);
|
|
561
|
+
font-size: var(--_ba-fs);
|
|
562
|
+
gap: var(--_ba-g);
|
|
563
|
+
line-height: var(--_ba-lh);
|
|
564
|
+
min-width: var(--_ba-wmn);
|
|
565
|
+
padding: var(--_ba-py) var(--_ba-px);
|
|
520
566
|
align-items: center;
|
|
521
|
-
justify-content: center;
|
|
522
|
-
min-width: 0;
|
|
523
|
-
padding: 0 var(--su6);
|
|
524
|
-
border-width: 1px;
|
|
525
|
-
border-style: solid;
|
|
526
567
|
border-radius: var(--br-sm);
|
|
527
|
-
|
|
568
|
+
display: inline-flex;
|
|
528
569
|
font-weight: normal;
|
|
529
|
-
|
|
570
|
+
justify-content: center;
|
|
530
571
|
text-decoration: none;
|
|
531
572
|
vertical-align: middle;
|
|
532
573
|
white-space: nowrap;
|
|
533
|
-
border-color: var(--bc-medium);
|
|
534
|
-
background-color: var(--black-050);
|
|
535
|
-
color: var(--black-700);
|
|
536
|
-
}
|
|
537
|
-
a.s-badge:hover {
|
|
538
|
-
text-decoration: none;
|
|
539
|
-
}
|
|
540
|
-
.s-badge--image {
|
|
541
|
-
display: inline-flex;
|
|
542
|
-
align-self: center;
|
|
543
|
-
margin-right: var(--su1);
|
|
544
|
-
margin-left: calc((var(--su4) + var(--su1)) * -1);
|
|
545
|
-
}
|
|
546
|
-
.s-badge__icon {
|
|
547
|
-
gap: 0.3em;
|
|
548
|
-
}
|
|
549
|
-
.s-badge__sm {
|
|
550
|
-
min-width: 18px;
|
|
551
|
-
align-self: flex-start;
|
|
552
|
-
padding-right: var(--su4);
|
|
553
|
-
padding-left: var(--su4);
|
|
554
|
-
font-size: var(--fs-fine);
|
|
555
|
-
line-height: 1.8;
|
|
556
|
-
}
|
|
557
|
-
.s-badge__xs {
|
|
558
|
-
align-self: flex-start;
|
|
559
|
-
padding-right: var(--su2);
|
|
560
|
-
padding-left: var(--su2);
|
|
561
|
-
font-size: var(--fs-fine);
|
|
562
|
-
line-height: 1.5;
|
|
563
|
-
}
|
|
564
|
-
.s-badge__gold {
|
|
565
|
-
border-color: var(--gold-darker);
|
|
566
|
-
background-color: var(--gold-lighter);
|
|
567
|
-
color: var(--black-700);
|
|
568
|
-
}
|
|
569
|
-
.s-badge__silver {
|
|
570
|
-
border-color: var(--silver-darker);
|
|
571
|
-
background-color: var(--silver-lighter);
|
|
572
|
-
color: var(--black-700);
|
|
573
|
-
}
|
|
574
|
-
.s-badge__bronze {
|
|
575
|
-
border-color: var(--bronze-darker);
|
|
576
|
-
background-color: var(--bronze-lighter);
|
|
577
|
-
color: var(--black-700);
|
|
578
574
|
}
|
|
579
575
|
body.theme-highcontrast .s-badge__gold,
|
|
580
576
|
body.theme-highcontrast .s-badge__silver,
|
|
581
|
-
body.theme-highcontrast .s-badge__bronze
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
.s-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
}
|
|
590
|
-
.s-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
}
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
.s-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
}
|
|
619
|
-
.s-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
577
|
+
body.theme-highcontrast .s-badge__bronze,
|
|
578
|
+
body.theme-highcontrast .s-badge__rep,
|
|
579
|
+
body.theme-highcontrast .s-badge__rep-down,
|
|
580
|
+
body.theme-highcontrast .s-badge__votes,
|
|
581
|
+
body.theme-highcontrast .s-badge__admin,
|
|
582
|
+
body.theme-highcontrast .s-badge__moderator,
|
|
583
|
+
body.theme-highcontrast .s-badge__staff {
|
|
584
|
+
--_ba-bc: currentColor;
|
|
585
|
+
}
|
|
586
|
+
.s-badge.s-badge__xs,
|
|
587
|
+
.s-badge.s-badge__sm {
|
|
588
|
+
--_ba-as: flex-start;
|
|
589
|
+
--_ba-fs: var(--fs-fine);
|
|
590
|
+
}
|
|
591
|
+
.s-badge.s-badge__xs {
|
|
592
|
+
--_ba-lh: 1.5;
|
|
593
|
+
--_ba-px: var(--su2);
|
|
594
|
+
--_ba-wmn: calc(var(--su-static16) + var(--su-static2));
|
|
595
|
+
}
|
|
596
|
+
.s-badge.s-badge__sm {
|
|
597
|
+
--_ba-lh: 1.8;
|
|
598
|
+
--_ba-px: var(--su4);
|
|
599
|
+
--_ba-wmn: calc(var(--su-static16) + var(--su-static2));
|
|
600
|
+
}
|
|
601
|
+
.s-badge.s-badge__gold,
|
|
602
|
+
.s-badge.s-badge__silver,
|
|
603
|
+
.s-badge.s-badge__bronze {
|
|
604
|
+
--_ba-fc: var(--black-700);
|
|
605
|
+
}
|
|
606
|
+
body.theme-highcontrast .s-badge.s-badge__gold,
|
|
607
|
+
body.theme-highcontrast .s-badge.s-badge__silver,
|
|
608
|
+
body.theme-highcontrast .s-badge.s-badge__bronze {
|
|
609
|
+
--_ba-fc: var(--black-900);
|
|
610
|
+
}
|
|
611
|
+
.s-badge.s-badge__gold {
|
|
612
|
+
--_ba-bc: var(--gold-darker);
|
|
613
|
+
--_ba-bg: var(--gold-lighter);
|
|
614
|
+
}
|
|
615
|
+
.s-badge.s-badge__silver {
|
|
616
|
+
--_ba-bc: var(--silver-darker);
|
|
617
|
+
--_ba-bg: var(--silver-lighter);
|
|
618
|
+
}
|
|
619
|
+
.s-badge.s-badge__bronze {
|
|
620
|
+
--_ba-bc: var(--bronze-darker);
|
|
621
|
+
--_ba-bg: var(--bronze-lighter);
|
|
622
|
+
}
|
|
623
|
+
.s-badge.s-badge__answered,
|
|
624
|
+
.s-badge.s-badge__bounty,
|
|
625
|
+
.s-badge.s-badge__important {
|
|
626
|
+
--_ba-bc: transparent;
|
|
627
|
+
--_ba-fc: var(--white);
|
|
628
|
+
}
|
|
629
|
+
.s-badge.s-badge__rep,
|
|
630
|
+
.s-badge.s-badge__rep-down,
|
|
631
|
+
.s-badge.s-badge__votes {
|
|
632
|
+
--_ba-bg: var(--white);
|
|
633
|
+
}
|
|
634
|
+
.s-badge.s-badge__answered {
|
|
635
|
+
--_ba-bg: var(--green-400);
|
|
636
|
+
}
|
|
637
|
+
.s-badge.s-badge__bounty {
|
|
638
|
+
--_ba-bg: var(--blue-600);
|
|
639
|
+
}
|
|
640
|
+
.s-badge.s-badge__important {
|
|
641
|
+
--_ba-bg: var(--red-600);
|
|
642
|
+
}
|
|
643
|
+
.s-badge.s-badge__rep {
|
|
644
|
+
--_ba-bc: var(--green-400);
|
|
645
|
+
--_ba-fc: var(--green-500);
|
|
646
|
+
}
|
|
647
|
+
.s-badge.s-badge__rep-down {
|
|
648
|
+
--_ba-bc: var(--red-400);
|
|
649
|
+
--_ba-fc: var(--red-500);
|
|
650
|
+
}
|
|
651
|
+
.s-badge.s-badge__votes {
|
|
652
|
+
--_ba-bc: var(--black-150);
|
|
653
|
+
--_ba-fc: var(--black-700);
|
|
654
|
+
}
|
|
655
|
+
.s-badge.s-badge__admin {
|
|
656
|
+
--_ba-bc: var(--theme-primary-200);
|
|
657
|
+
--_ba-bg: var(--theme-primary-075);
|
|
658
|
+
--_ba-fc: var(--theme-primary-800);
|
|
659
|
+
}
|
|
660
|
+
.s-badge.s-badge__moderator {
|
|
661
|
+
--_ba-bc: var(--theme-secondary-200);
|
|
662
|
+
--_ba-bg: var(--theme-secondary-075);
|
|
663
|
+
--_ba-fc: var(--theme-secondary-800);
|
|
664
|
+
--_ba-g: calc(var(--su-static4) - var(--su-static1));
|
|
665
|
+
--_ba-before-h: calc(var(--su-static16) - var(--su-static2));
|
|
666
|
+
--_ba-before-icon: url("data:image/svg+xml,%3Csvg width='12' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.528.746c.257-.329.675-.327.93 0l4.42 5.66c.258.329.257.864 0 1.192l-4.42 5.66c-.256.328-.674.327-.93 0l-4.42-5.66c-.257-.329-.256-.865 0-1.192l4.42-5.66z' fill='%23fff'/%3E%3C/svg%3E");
|
|
667
|
+
--_ba-before-mt: calc(var(--su-static1) * -1);
|
|
668
|
+
--_ba-before-w: var(--su-static12);
|
|
669
|
+
}
|
|
670
|
+
.s-badge.s-badge__moderator.s-badge__xs {
|
|
671
|
+
--_ba-before-h: calc(var(--su-static8) + var(--su-static1));
|
|
672
|
+
--_ba-before-icon: url("data:image/svg+xml,%3Csvg width='7' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 .246c.3-.329.701-.327 1 0L6.776 4c.3.329.298.672 0 1L4 8.75c-.299.329-.702.327-1 0L.224 5c-.284-.324-.285-.675 0-1L3 .246z' fill='%23fff'/%3E%3C/svg%3E");
|
|
673
|
+
--_ba-before-mt: 0;
|
|
674
|
+
--_ba-before-w: calc(var(--su-static8) - var(--su-static1));
|
|
675
|
+
}
|
|
676
|
+
.s-badge.s-badge__moderator.s-badge__sm {
|
|
677
|
+
--_ba-g: var(--su-static2);
|
|
678
|
+
--_ba-before-h: calc(var(--su-static12) - var(--su-static1));
|
|
679
|
+
--_ba-before-icon: url("data:image/svg+xml,%3Csvg width='9' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.55.246c.257-.329.647-.327.903 0l3.36 4.66c.256.329.256.864 0 1.192L4.45 10.75c-.257.329-.644.327-.9 0L.192 6.098c-.256-.329-.256-.865 0-1.192L3.55.246z' fill='%23fff'/%3E%3C/svg%3E");
|
|
680
|
+
--_ba-before-mt: 0;
|
|
681
|
+
--_ba-before-w: calc(var(--su-static8) + var(--su-static1));
|
|
682
|
+
}
|
|
683
|
+
.s-badge.s-badge__moderator:before {
|
|
684
|
+
height: var(--_ba-before-h);
|
|
685
|
+
margin-top: var(--_ba-before-mt);
|
|
686
|
+
width: var(--_ba-before-w);
|
|
642
687
|
content: "";
|
|
643
688
|
display: inline-block;
|
|
644
689
|
background-color: currentColor;
|
|
645
|
-
-webkit-mask: var(--
|
|
646
|
-
mask: var(--
|
|
690
|
+
-webkit-mask: var(--_ba-before-icon) no-repeat center;
|
|
691
|
+
mask: var(--_ba-before-icon) no-repeat center;
|
|
647
692
|
-webkit-mask-size: contain;
|
|
648
693
|
mask-size: contain;
|
|
649
|
-
width: 12px;
|
|
650
|
-
height: 14px;
|
|
651
|
-
margin-top: -1px;
|
|
652
|
-
margin-right: 3px;
|
|
653
694
|
}
|
|
654
|
-
.s-
|
|
655
|
-
--
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
margin-top: 0;
|
|
659
|
-
margin-right: 2px;
|
|
695
|
+
.s-badge.s-badge__staff {
|
|
696
|
+
--_ba-bc: var(--orange-300);
|
|
697
|
+
--_ba-bg: var(--orange-100);
|
|
698
|
+
--_ba-fc: var(--orange-900);
|
|
660
699
|
}
|
|
661
|
-
.s-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
height: 9px;
|
|
665
|
-
margin-top: 0;
|
|
700
|
+
.s-badge.s-badge__danger.s-badge__filled,
|
|
701
|
+
.s-badge.s-badge__muted.s-badge__filled {
|
|
702
|
+
--_ba-bc: transparent;
|
|
666
703
|
}
|
|
667
|
-
.s-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
704
|
+
.s-badge.s-badge__danger {
|
|
705
|
+
--_ba-bc: var(--red-600);
|
|
706
|
+
--_ba-bg: var(--red-100);
|
|
707
|
+
--_ba-fc: var(--red-900);
|
|
671
708
|
}
|
|
672
|
-
|
|
673
|
-
|
|
709
|
+
.s-badge.s-badge__danger.s-badge__filled {
|
|
710
|
+
--_ba-bg: var(--red-500);
|
|
711
|
+
--_ba-fc: hsl(0, 0%, 100%);
|
|
674
712
|
}
|
|
675
|
-
.s-badge__danger {
|
|
676
|
-
|
|
677
|
-
background-color: var(--red-100);
|
|
678
|
-
border-color: var(--red-600);
|
|
713
|
+
body.theme-highcontrast .s-badge.s-badge__danger.s-badge__filled {
|
|
714
|
+
--_ba-fc: var(--white);
|
|
679
715
|
}
|
|
680
|
-
.s-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
716
|
+
.s-badge.s-badge__info {
|
|
717
|
+
--_ba-bc: var(--blue-600);
|
|
718
|
+
--_ba-bg: var(--blue-100);
|
|
719
|
+
--_ba-fc: var(--blue-900);
|
|
684
720
|
}
|
|
685
|
-
|
|
686
|
-
|
|
721
|
+
.s-badge.s-badge__warning {
|
|
722
|
+
--_ba-bc: var(--yellow-600);
|
|
723
|
+
--_ba-bg: var(--yellow-100);
|
|
724
|
+
--_ba-fc: var(--yellow-900);
|
|
687
725
|
}
|
|
688
|
-
.s-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
726
|
+
.s-badge.s-badge__muted {
|
|
727
|
+
--_ba-bc: var(--black-600);
|
|
728
|
+
--_ba-bg: var(--black-100);
|
|
729
|
+
--_ba-fc: var(--black-900);
|
|
692
730
|
}
|
|
693
|
-
.s-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
border-color: var(--yellow-600);
|
|
697
|
-
}
|
|
698
|
-
.s-badge__muted {
|
|
699
|
-
color: var(--black-900);
|
|
700
|
-
background-color: var(--black-100);
|
|
701
|
-
border-color: var(--black-600);
|
|
702
|
-
}
|
|
703
|
-
.s-badge__muted.s-badge__filled {
|
|
704
|
-
color: var(--white);
|
|
705
|
-
background-color: var(--black-700);
|
|
706
|
-
border-color: transparent;
|
|
707
|
-
}
|
|
708
|
-
.s-award-bling {
|
|
709
|
-
display: flex;
|
|
710
|
-
align-items: center;
|
|
711
|
-
color: inherit;
|
|
731
|
+
.s-badge.s-badge__muted.s-badge__filled {
|
|
732
|
+
--_ba-bg: var(--black-700);
|
|
733
|
+
--_ba-fc: var(--white);
|
|
712
734
|
}
|
|
713
|
-
.s-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
border-radius: 100%;
|
|
719
|
-
}
|
|
720
|
-
.s-award-bling.s-award-bling__gold:before {
|
|
721
|
-
background-color: var(--gold);
|
|
722
|
-
}
|
|
723
|
-
.s-award-bling.s-award-bling__silver:before {
|
|
724
|
-
background-color: var(--silver);
|
|
735
|
+
.s-badge .s-badge--image {
|
|
736
|
+
display: inline-flex;
|
|
737
|
+
align-self: center;
|
|
738
|
+
margin-right: var(--su1);
|
|
739
|
+
margin-left: calc((var(--su4) + var(--su1)) * -1);
|
|
725
740
|
}
|
|
726
|
-
.s-
|
|
727
|
-
|
|
741
|
+
a.s-badge:hover {
|
|
742
|
+
text-decoration: none;
|
|
728
743
|
}
|
|
729
744
|
.s-empty-state {
|
|
730
745
|
color: var(--fc-light);
|
|
@@ -740,37 +755,38 @@ body.theme-highcontrast .s-badge__danger.s-badge__filled {
|
|
|
740
755
|
color: var(--fc-dark);
|
|
741
756
|
}
|
|
742
757
|
.s-breadcrumbs {
|
|
758
|
+
--_br-divider-px: var(--su4);
|
|
759
|
+
--_br-link-fc: var(--fc-light);
|
|
760
|
+
align-items: flex-start;
|
|
761
|
+
color: var(--black-200);
|
|
743
762
|
display: flex;
|
|
744
763
|
flex-wrap: wrap;
|
|
745
|
-
align-items: start;
|
|
746
|
-
color: var(--black-200);
|
|
747
764
|
font-size: var(--fs-caption);
|
|
748
765
|
}
|
|
766
|
+
@media (max-width: 640px) {
|
|
767
|
+
.s-breadcrumbs {
|
|
768
|
+
--_br-divider-px: var(--su2);
|
|
769
|
+
}
|
|
770
|
+
}
|
|
749
771
|
.s-breadcrumbs .s-breadcrumbs--item {
|
|
772
|
+
align-items: center;
|
|
750
773
|
display: flex;
|
|
751
774
|
flex-wrap: nowrap;
|
|
752
|
-
align-items: center;
|
|
753
|
-
margin-top: var(--su2);
|
|
754
775
|
margin-bottom: var(--su2);
|
|
776
|
+
margin-top: var(--su2);
|
|
755
777
|
}
|
|
756
778
|
.s-breadcrumbs .s-breadcrumbs--divider {
|
|
757
|
-
margin-
|
|
758
|
-
margin-
|
|
779
|
+
margin-left: var(--_br-divider-px);
|
|
780
|
+
margin-right: var(--_br-divider-px);
|
|
759
781
|
}
|
|
760
782
|
body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
|
|
761
783
|
color: var(--fc-light);
|
|
762
784
|
}
|
|
763
|
-
@media (max-width: 640px) {
|
|
764
|
-
.s-breadcrumbs .s-breadcrumbs--divider {
|
|
765
|
-
margin-right: var(--su2);
|
|
766
|
-
margin-left: var(--su2);
|
|
767
|
-
}
|
|
768
|
-
}
|
|
769
785
|
.s-breadcrumbs .s-breadcrumbs--link {
|
|
770
|
-
color: var(--fc
|
|
786
|
+
color: var(--_br-link-fc);
|
|
771
787
|
}
|
|
772
788
|
.s-breadcrumbs .s-breadcrumbs--link:hover {
|
|
773
|
-
|
|
789
|
+
--_br-link-fc: var(--fc-medium);
|
|
774
790
|
}
|
|
775
791
|
.s-btn-group {
|
|
776
792
|
display: flex;
|
|
@@ -841,22 +857,23 @@ body.theme-highcontrast .s-btn-group .s-btn.is-selected .s-btn--number {
|
|
|
841
857
|
border-bottom-left-radius: 0;
|
|
842
858
|
}
|
|
843
859
|
.s-card {
|
|
844
|
-
|
|
845
|
-
border: 1px solid var(--bc
|
|
846
|
-
border-radius: var(--br-sm);
|
|
860
|
+
--_ca-bc: var(--bc-medium);
|
|
861
|
+
border: 1px solid var(--_ca-bc);
|
|
847
862
|
background-color: var(--white);
|
|
863
|
+
border-radius: var(--br-sm);
|
|
864
|
+
padding: var(--su12);
|
|
848
865
|
}
|
|
849
|
-
.s-card
|
|
850
|
-
|
|
866
|
+
a.s-card {
|
|
867
|
+
text-decoration: none !important;
|
|
851
868
|
}
|
|
852
|
-
.s-card__muted {
|
|
853
|
-
|
|
869
|
+
.s-card.s-card__muted {
|
|
870
|
+
--_ca-bc: var(--bc-light);
|
|
854
871
|
}
|
|
855
|
-
.s-card__muted > * {
|
|
872
|
+
.s-card.s-card__muted > * {
|
|
856
873
|
opacity: 0.65;
|
|
857
874
|
}
|
|
858
|
-
|
|
859
|
-
|
|
875
|
+
.s-card p:last-of-type {
|
|
876
|
+
margin-bottom: 0;
|
|
860
877
|
}
|
|
861
878
|
pre.s-code-block {
|
|
862
879
|
font-size: var(--fs-body1);
|
|
@@ -1619,10 +1636,10 @@ body.theme-highcontrast .is-readonly .s-input-icon {
|
|
|
1619
1636
|
}
|
|
1620
1637
|
}
|
|
1621
1638
|
.s-label {
|
|
1622
|
-
--
|
|
1639
|
+
--_la-fs: var(--fs-body2);
|
|
1640
|
+
font-size: var(--_la-fs);
|
|
1623
1641
|
color: var(--fc-dark);
|
|
1624
1642
|
font-family: inherit;
|
|
1625
|
-
font-size: var(--_fs);
|
|
1626
1643
|
font-weight: 600;
|
|
1627
1644
|
padding: 0 var(--su2);
|
|
1628
1645
|
}
|
|
@@ -1641,124 +1658,119 @@ fieldset[disabled] .s-label .s-description,
|
|
|
1641
1658
|
.is-readonly .s-label {
|
|
1642
1659
|
cursor: not-allowed;
|
|
1643
1660
|
}
|
|
1644
|
-
.s-label .s-description,
|
|
1645
|
-
.s-label .s-input-message {
|
|
1646
|
-
font-weight: normal;
|
|
1647
|
-
margin-bottom: 0;
|
|
1648
|
-
margin-top: var(--su4);
|
|
1649
|
-
padding: 0;
|
|
1650
|
-
}
|
|
1651
1661
|
.s-label.s-label__sm {
|
|
1652
|
-
--
|
|
1662
|
+
--_la-fs: var(--fs-caption);
|
|
1653
1663
|
}
|
|
1654
1664
|
.s-label.s-label__md {
|
|
1655
|
-
--
|
|
1665
|
+
--_la-fs: var(--fs-body3);
|
|
1656
1666
|
}
|
|
1657
1667
|
.s-label.s-label__lg {
|
|
1658
|
-
--
|
|
1668
|
+
--_la-fs: var(--fs-title);
|
|
1659
1669
|
}
|
|
1660
1670
|
.s-label.s-label__xl {
|
|
1661
|
-
--
|
|
1662
|
-
}
|
|
1663
|
-
.s-label--status {
|
|
1664
|
-
--
|
|
1665
|
-
--
|
|
1666
|
-
--
|
|
1667
|
-
background-color: var(--
|
|
1668
|
-
border: var(--
|
|
1671
|
+
--_la-fs: var(--fs-headline1);
|
|
1672
|
+
}
|
|
1673
|
+
.s-label .s-label--status {
|
|
1674
|
+
--_la-status-b: none;
|
|
1675
|
+
--_la-status-bg: var(--black-050);
|
|
1676
|
+
--_la-status-fc: var(--fc-medium);
|
|
1677
|
+
background-color: var(--_la-status-bg);
|
|
1678
|
+
border: var(--_la-status-b);
|
|
1679
|
+
color: var(--_la-status-fc);
|
|
1669
1680
|
border-radius: 1000px;
|
|
1670
|
-
color: var(--_fc);
|
|
1671
1681
|
font-size: var(--fs-caption);
|
|
1672
1682
|
font-weight: 400;
|
|
1673
1683
|
margin-left: var(--su4);
|
|
1674
1684
|
padding: var(--su2) var(--su8);
|
|
1675
1685
|
vertical-align: text-bottom;
|
|
1676
1686
|
}
|
|
1677
|
-
body.theme-highcontrast .s-label--status {
|
|
1678
|
-
--
|
|
1687
|
+
body.theme-highcontrast .s-label .s-label--status {
|
|
1688
|
+
--_la-status-b: var(--su-static1) solid currentColor;
|
|
1689
|
+
}
|
|
1690
|
+
.s-label .s-label--status__beta {
|
|
1691
|
+
--_la-status-bg: var(--blue-100);
|
|
1692
|
+
--_la-status-fc: var(--blue-700);
|
|
1679
1693
|
}
|
|
1680
|
-
.s-label
|
|
1681
|
-
--
|
|
1682
|
-
--
|
|
1694
|
+
.s-label .s-label--status__new {
|
|
1695
|
+
--_la-status-bg: var(--green-100);
|
|
1696
|
+
--_la-status-fc: var(--green-700);
|
|
1683
1697
|
}
|
|
1684
1698
|
@media (prefers-color-scheme: dark) {
|
|
1685
|
-
body.theme-system .s-label
|
|
1686
|
-
--
|
|
1687
|
-
--
|
|
1699
|
+
body.theme-system .s-label .s-label--status__new {
|
|
1700
|
+
--_la-status-bg: var(--green-050);
|
|
1701
|
+
--_la-status-fc: var(--green-800);
|
|
1688
1702
|
}
|
|
1689
1703
|
}
|
|
1690
|
-
body.theme-dark .s-label
|
|
1691
|
-
.theme-dark__forced .s-label
|
|
1692
|
-
body.theme-system .theme-dark__forced .s-label
|
|
1693
|
-
--
|
|
1694
|
-
--
|
|
1704
|
+
body.theme-dark .s-label .s-label--status__new,
|
|
1705
|
+
.theme-dark__forced .s-label .s-label--status__new,
|
|
1706
|
+
body.theme-system .theme-dark__forced .s-label .s-label--status__new {
|
|
1707
|
+
--_la-status-bg: var(--green-050);
|
|
1708
|
+
--_la-status-fc: var(--green-800);
|
|
1695
1709
|
}
|
|
1696
|
-
.s-label
|
|
1697
|
-
--
|
|
1698
|
-
--
|
|
1710
|
+
.s-label .s-label--status__required {
|
|
1711
|
+
--_la-status-bg: var(--red-100);
|
|
1712
|
+
--_la-status-fc: var(--red-700);
|
|
1699
1713
|
}
|
|
1700
1714
|
@media (prefers-color-scheme: dark) {
|
|
1701
|
-
body.theme-system .s-label
|
|
1702
|
-
--
|
|
1703
|
-
--
|
|
1715
|
+
body.theme-system .s-label .s-label--status__required {
|
|
1716
|
+
--_la-status-bg: var(--red-050);
|
|
1717
|
+
--_la-status-fc: var(--red-800);
|
|
1704
1718
|
}
|
|
1705
1719
|
}
|
|
1706
|
-
body.theme-dark .s-label
|
|
1707
|
-
.theme-dark__forced .s-label
|
|
1708
|
-
body.theme-system .theme-dark__forced .s-label
|
|
1709
|
-
--
|
|
1710
|
-
--
|
|
1720
|
+
body.theme-dark .s-label .s-label--status__required,
|
|
1721
|
+
.theme-dark__forced .s-label .s-label--status__required,
|
|
1722
|
+
body.theme-system .theme-dark__forced .s-label .s-label--status__required {
|
|
1723
|
+
--_la-status-bg: var(--red-050);
|
|
1724
|
+
--_la-status-fc: var(--red-800);
|
|
1711
1725
|
}
|
|
1712
|
-
.s-label
|
|
1713
|
-
|
|
1714
|
-
|
|
1726
|
+
.s-label .s-description,
|
|
1727
|
+
.s-label .s-input-message {
|
|
1728
|
+
font-weight: normal;
|
|
1729
|
+
margin-bottom: 0;
|
|
1730
|
+
margin-top: var(--su4);
|
|
1731
|
+
padding: 0;
|
|
1715
1732
|
}
|
|
1716
1733
|
.s-menu {
|
|
1734
|
+
--_me-divider-bg: var(--bc-light);
|
|
1735
|
+
--_me-label-btc: var(--bc-light);
|
|
1736
|
+
--_me-label-cursor: pointer;
|
|
1717
1737
|
list-style: none;
|
|
1718
1738
|
margin: 0;
|
|
1719
1739
|
padding: 0;
|
|
1720
1740
|
}
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1741
|
+
@media (prefers-color-scheme: dark) {
|
|
1742
|
+
body.theme-system .s-menu {
|
|
1743
|
+
--_me-divider-bg: var(--bc-lightest);
|
|
1744
|
+
--_me-label-btc: var(--bc-lightest);
|
|
1745
|
+
}
|
|
1726
1746
|
}
|
|
1727
|
-
.
|
|
1728
|
-
|
|
1747
|
+
body.theme-dark .s-menu,
|
|
1748
|
+
.theme-dark__forced .s-menu,
|
|
1749
|
+
body.theme-system .theme-dark__forced .s-menu {
|
|
1750
|
+
--_me-divider-bg: var(--bc-lightest);
|
|
1751
|
+
--_me-label-btc: var(--bc-lightest);
|
|
1729
1752
|
}
|
|
1730
1753
|
.s-menu .s-menu--divider {
|
|
1754
|
+
background-color: var(--_me-divider-bg);
|
|
1755
|
+
height: var(--su-static1);
|
|
1731
1756
|
margin: var(--su8) 0;
|
|
1732
|
-
height: 1px;
|
|
1733
|
-
background-color: var(--bc-light);
|
|
1734
|
-
}
|
|
1735
|
-
@media (prefers-color-scheme: dark) {
|
|
1736
|
-
body.theme-system .s-menu .s-menu--divider {
|
|
1737
|
-
background-color: var(--bc-lightest);
|
|
1738
|
-
}
|
|
1739
|
-
}
|
|
1740
|
-
body.theme-dark .s-menu .s-menu--divider,
|
|
1741
|
-
.theme-dark__forced .s-menu .s-menu--divider,
|
|
1742
|
-
body.theme-system .theme-dark__forced .s-menu .s-menu--divider {
|
|
1743
|
-
background-color: var(--bc-lightest);
|
|
1744
1757
|
}
|
|
1745
1758
|
.s-menu .s-menu--label {
|
|
1746
|
-
cursor:
|
|
1759
|
+
cursor: var(--_me-label-cursor);
|
|
1760
|
+
border-top: 1px solid var(--_me-label-btc);
|
|
1747
1761
|
padding: var(--su12);
|
|
1748
|
-
border-top: 1px solid var(--bc-light);
|
|
1749
1762
|
}
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
border-top-color: var(--bc-lightest);
|
|
1753
|
-
}
|
|
1763
|
+
.s-menu .s-menu--label.is-disabled {
|
|
1764
|
+
--_me-label-cursor: not-allowed;
|
|
1754
1765
|
}
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1766
|
+
.s-menu .s-menu--title {
|
|
1767
|
+
color: var(--black-600);
|
|
1768
|
+
font-size: var(--fs-fine);
|
|
1769
|
+
padding: var(--su8) var(--su12);
|
|
1770
|
+
text-transform: uppercase;
|
|
1759
1771
|
}
|
|
1760
|
-
.s-menu .s-menu--
|
|
1761
|
-
|
|
1772
|
+
.s-menu li + .s-menu--title {
|
|
1773
|
+
margin-top: var(--su12);
|
|
1762
1774
|
}
|
|
1763
1775
|
.s-modal {
|
|
1764
1776
|
display: flex;
|
|
@@ -1882,77 +1894,21 @@ body.theme-system .theme-dark__forced .s-modal--dialog {
|
|
|
1882
1894
|
max-height: calc(100% - var(--su48));
|
|
1883
1895
|
}
|
|
1884
1896
|
.s-navigation {
|
|
1897
|
+
--_na-fd: row;
|
|
1898
|
+
--_na-fw: wrap;
|
|
1899
|
+
--_na-p: var(--su2) 0;
|
|
1900
|
+
--_na-gap: var(--su4);
|
|
1901
|
+
flex-direction: var(--_na-fd);
|
|
1902
|
+
flex-wrap: var(--_na-fw);
|
|
1903
|
+
gap: var(--_na-gap);
|
|
1904
|
+
padding: var(--_na-p);
|
|
1885
1905
|
display: flex;
|
|
1886
|
-
margin: calc(var(--su2) * -1);
|
|
1887
|
-
padding: var(--su2) 0;
|
|
1888
|
-
flex-wrap: wrap;
|
|
1889
1906
|
list-style: none;
|
|
1890
|
-
|
|
1891
|
-
.s-navigation .s-navigation--item {
|
|
1892
|
-
display: flex;
|
|
1893
|
-
align-items: center;
|
|
1894
|
-
padding: var(--su6) var(--su12);
|
|
1895
|
-
position: relative;
|
|
1896
|
-
border: none;
|
|
1897
|
-
font: unset;
|
|
1898
|
-
background: none;
|
|
1899
|
-
box-shadow: none;
|
|
1900
|
-
cursor: pointer;
|
|
1901
|
-
user-select: auto;
|
|
1902
|
-
border-radius: 1000px;
|
|
1903
|
-
margin: var(--su2);
|
|
1904
|
-
white-space: nowrap;
|
|
1905
|
-
color: var(--black-600);
|
|
1906
|
-
}
|
|
1907
|
-
.s-navigation .s-navigation--item:hover,
|
|
1908
|
-
.s-navigation .s-navigation--item:active {
|
|
1909
|
-
background: var(--black-075);
|
|
1910
|
-
color: var(--black-600);
|
|
1911
|
-
}
|
|
1912
|
-
body.theme-highcontrast .s-navigation .s-navigation--item:hover,
|
|
1913
|
-
body.theme-highcontrast .s-navigation .s-navigation--item:active {
|
|
1914
|
-
background: var(--black-600);
|
|
1915
|
-
color: var(--black-100);
|
|
1916
|
-
}
|
|
1917
|
-
.s-navigation .s-navigation--item:focus:not(:focus-visible) {
|
|
1918
|
-
outline: none;
|
|
1919
|
-
box-shadow: none;
|
|
1920
|
-
}
|
|
1921
|
-
.s-navigation .s-navigation--item:focus-visible {
|
|
1922
|
-
outline: none;
|
|
1923
|
-
box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-muted);
|
|
1924
|
-
}
|
|
1925
|
-
.s-navigation .s-navigation--item.is-selected {
|
|
1926
|
-
background: var(--theme-primary-color);
|
|
1927
|
-
color: var(--white);
|
|
1928
|
-
}
|
|
1929
|
-
.s-navigation .s-navigation--item.is-selected:hover,
|
|
1930
|
-
.s-navigation .s-navigation--item.is-selected:active {
|
|
1931
|
-
background: var(--theme-primary-600);
|
|
1932
|
-
color: var(--white);
|
|
1933
|
-
}
|
|
1934
|
-
body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
|
|
1935
|
-
text-decoration: none;
|
|
1936
|
-
}
|
|
1937
|
-
.s-navigation .s-navigation--item.s-navigation--item__dropdown {
|
|
1938
|
-
padding-right: 2em;
|
|
1939
|
-
}
|
|
1940
|
-
.s-navigation .s-navigation--item.s-navigation--item__dropdown:after {
|
|
1941
|
-
content: "";
|
|
1942
|
-
position: absolute;
|
|
1943
|
-
z-index: var(--zi-active);
|
|
1944
|
-
top: calc(50% - 2px);
|
|
1945
|
-
right: 0.9em;
|
|
1946
|
-
border-style: solid;
|
|
1947
|
-
border-width: var(--su-static4);
|
|
1948
|
-
border-top-width: var(--su-static4);
|
|
1949
|
-
border-bottom-width: 0;
|
|
1950
|
-
border-color: currentColor transparent;
|
|
1951
|
-
pointer-events: none;
|
|
1907
|
+
margin: 0;
|
|
1952
1908
|
}
|
|
1953
1909
|
.s-navigation.s-navigation__scroll {
|
|
1910
|
+
--_na-fw: nowrap;
|
|
1954
1911
|
overflow-x: auto;
|
|
1955
|
-
flex-wrap: nowrap;
|
|
1956
1912
|
scrollbar-color: var(--scrollbar) transparent;
|
|
1957
1913
|
}
|
|
1958
1914
|
.s-navigation.s-navigation__scroll::-webkit-scrollbar {
|
|
@@ -1972,86 +1928,150 @@ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
|
|
|
1972
1928
|
background-color: transparent;
|
|
1973
1929
|
border-color: transparent;
|
|
1974
1930
|
}
|
|
1931
|
+
.s-navigation.s-navigation__sm .s-navigation--item {
|
|
1932
|
+
--_na-item-fs: var(--fs-caption);
|
|
1933
|
+
--_na-item-p: var(--su4) var(--su12);
|
|
1934
|
+
}
|
|
1975
1935
|
.s-navigation.s-navigation__vertical {
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1936
|
+
--_na-fd: column;
|
|
1937
|
+
--_na-gap: 0;
|
|
1938
|
+
--_na-p: 0;
|
|
1979
1939
|
}
|
|
1980
1940
|
.s-navigation.s-navigation__vertical .s-navigation--item {
|
|
1981
|
-
|
|
1982
|
-
|
|
1941
|
+
--_na-item-ws: normal;
|
|
1942
|
+
}
|
|
1943
|
+
.s-navigation.s-navigation__muted .s-navigation--item.is-selected {
|
|
1944
|
+
--_na-item-bg: var(--black-050);
|
|
1945
|
+
--_na-item-fc: var(--black-800);
|
|
1946
|
+
--_na-item-bg-hover: var(--_na-item-bg);
|
|
1947
|
+
--_na-item-fc-hover: var(--_na-item-fc);
|
|
1948
|
+
}
|
|
1949
|
+
body.theme-highcontrast .s-navigation.s-navigation__muted .s-navigation--item.is-selected {
|
|
1950
|
+
--_na-item-bg: var(--black-800);
|
|
1951
|
+
--_na-item-fc: var(--black-050);
|
|
1952
|
+
}
|
|
1953
|
+
.s-navigation .s-navigation--item {
|
|
1954
|
+
--_na-item-bg: none;
|
|
1955
|
+
--_na-item-fc: var(--black-600);
|
|
1956
|
+
--_na-item-fs: unset;
|
|
1957
|
+
--_na-item-p: var(--su6) var(--su12);
|
|
1958
|
+
--_na-item-py: var(--su12);
|
|
1959
|
+
--_na-item-ws: nowrap;
|
|
1960
|
+
--_na-item-bg-hover: var(--black-075);
|
|
1961
|
+
--_na-item-fc-hover: var(--_na-item-fc);
|
|
1962
|
+
background-color: var(--_na-item-bg);
|
|
1963
|
+
color: var(--_na-item-fc);
|
|
1964
|
+
font: unset;
|
|
1965
|
+
font-size: var(--_na-item-fs);
|
|
1966
|
+
padding: var(--_na-item-p);
|
|
1967
|
+
white-space: var(--_na-item-ws);
|
|
1968
|
+
align-items: center;
|
|
1969
|
+
border: none;
|
|
1970
|
+
border-radius: 1000px;
|
|
1971
|
+
box-shadow: none;
|
|
1972
|
+
cursor: pointer;
|
|
1973
|
+
display: flex;
|
|
1974
|
+
position: relative;
|
|
1975
|
+
user-select: auto;
|
|
1976
|
+
}
|
|
1977
|
+
body.theme-highcontrast .s-navigation .s-navigation--item {
|
|
1978
|
+
--_na-item-bg-hover: var(--black-600);
|
|
1979
|
+
--_na-item-fc-hover: var(--black-100);
|
|
1980
|
+
}
|
|
1981
|
+
.s-navigation .s-navigation--item.is-selected {
|
|
1982
|
+
--_na-item-bg: var(--theme-primary-color);
|
|
1983
|
+
--_na-item-fc: var(--white);
|
|
1984
|
+
--_na-item-bg-hover: var(--theme-primary-600);
|
|
1985
|
+
}
|
|
1986
|
+
body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
|
|
1987
|
+
text-decoration: none;
|
|
1988
|
+
}
|
|
1989
|
+
.s-navigation .s-navigation--item__dropdown {
|
|
1990
|
+
padding-right: 2em;
|
|
1991
|
+
}
|
|
1992
|
+
.s-navigation .s-navigation--item__dropdown:after {
|
|
1993
|
+
border-style: solid;
|
|
1994
|
+
border-width: var(--su-static4) var(--su-static4) 0 var(--su-static4);
|
|
1995
|
+
border-color: currentColor transparent;
|
|
1996
|
+
content: "";
|
|
1997
|
+
pointer-events: none;
|
|
1998
|
+
position: absolute;
|
|
1999
|
+
right: 0.9em;
|
|
2000
|
+
top: calc(50% - 2px);
|
|
2001
|
+
z-index: var(--zi-active);
|
|
2002
|
+
}
|
|
2003
|
+
.s-navigation .s-navigation--item:hover,
|
|
2004
|
+
.s-navigation .s-navigation--item:active {
|
|
2005
|
+
background-color: var(--_na-item-bg-hover);
|
|
2006
|
+
color: var(--_na-item-fc-hover);
|
|
2007
|
+
}
|
|
2008
|
+
.s-navigation .s-navigation--item:focus:not(:focus-visible) {
|
|
2009
|
+
outline: none;
|
|
2010
|
+
box-shadow: none;
|
|
2011
|
+
}
|
|
2012
|
+
.s-navigation .s-navigation--item:focus-visible {
|
|
2013
|
+
outline: none;
|
|
2014
|
+
box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-muted);
|
|
1983
2015
|
}
|
|
1984
2016
|
.s-navigation .s-navigation--title {
|
|
2017
|
+
--_na-title-mt: var(--su16);
|
|
2018
|
+
margin-top: var(--_na-title-mt);
|
|
1985
2019
|
font-size: var(--fs-fine);
|
|
1986
2020
|
font-weight: bold;
|
|
1987
|
-
margin-top: var(--su16);
|
|
1988
2021
|
padding: var(--su6) var(--su12);
|
|
1989
2022
|
text-transform: uppercase;
|
|
1990
2023
|
}
|
|
1991
2024
|
.s-navigation .s-navigation--title:first-child {
|
|
1992
|
-
|
|
1993
|
-
}
|
|
1994
|
-
.s-navigation.s-navigation__muted .s-navigation--item.is-selected {
|
|
1995
|
-
background: var(--black-050);
|
|
1996
|
-
color: var(--black-800);
|
|
1997
|
-
}
|
|
1998
|
-
body.theme-highcontrast .s-navigation.s-navigation__muted .s-navigation--item.is-selected {
|
|
1999
|
-
background: var(--black-800);
|
|
2000
|
-
color: var(--black-050);
|
|
2001
|
-
}
|
|
2002
|
-
.s-navigation.s-navigation__sm .s-navigation--item {
|
|
2003
|
-
padding: var(--su4) var(--su12);
|
|
2004
|
-
font-size: var(--fs-caption);
|
|
2005
|
-
}
|
|
2006
|
-
.s-navigation.s-navigation__sm .s-navigation--item.s-navigation--item__dropdown {
|
|
2007
|
-
padding-right: 2em;
|
|
2025
|
+
--_na-title-mt: 0;
|
|
2008
2026
|
}
|
|
2009
2027
|
.s-page-title {
|
|
2028
|
+
--_pt-ai: flex-end;
|
|
2029
|
+
--_pt-fd: row;
|
|
2030
|
+
--_pt-actions-ml: var(--su8);
|
|
2031
|
+
--_pt-actions-mt: unset;
|
|
2032
|
+
--_pt-breadcrums-mb: var(--su8);
|
|
2033
|
+
align-items: var(--_pt-ai);
|
|
2034
|
+
flex-direction: var(--_pt-fd);
|
|
2035
|
+
border-bottom: 1px solid var(--bc-medium);
|
|
2010
2036
|
display: flex;
|
|
2011
|
-
flex-direction: row;
|
|
2012
2037
|
justify-content: space-between;
|
|
2013
|
-
align-items: flex-end;
|
|
2014
|
-
width: 100%;
|
|
2015
2038
|
padding-bottom: var(--su16);
|
|
2016
|
-
|
|
2039
|
+
width: 100%;
|
|
2040
|
+
}
|
|
2041
|
+
@media (max-width: 640px) {
|
|
2042
|
+
.s-page-title {
|
|
2043
|
+
--_pt-breadcrums-mb: var(--su2);
|
|
2044
|
+
}
|
|
2017
2045
|
}
|
|
2018
2046
|
@media (max-width: 980px) {
|
|
2019
2047
|
.s-page-title {
|
|
2020
|
-
|
|
2021
|
-
|
|
2048
|
+
--_pt-ai: flex-start;
|
|
2049
|
+
--_pt-fd: column;
|
|
2050
|
+
--_pt-actions-ml: 0;
|
|
2051
|
+
--_pt-actions-mt: var(--su8);
|
|
2022
2052
|
}
|
|
2023
2053
|
}
|
|
2024
|
-
.s-page-title .s-page-title--
|
|
2025
|
-
margin:
|
|
2026
|
-
margin-
|
|
2027
|
-
|
|
2028
|
-
color: var(--fc-dark);
|
|
2029
|
-
line-height: var(--lh-sm);
|
|
2030
|
-
font-weight: normal;
|
|
2054
|
+
.s-page-title .s-page-title--actions {
|
|
2055
|
+
margin-left: var(--_pt-actions-ml);
|
|
2056
|
+
margin-top: var(--_pt-actions-mt);
|
|
2057
|
+
flex-shrink: 0;
|
|
2031
2058
|
}
|
|
2032
2059
|
.s-page-title .s-page-title--description {
|
|
2033
2060
|
color: var(--fc-light);
|
|
2034
|
-
margin-top: var(--su4);
|
|
2035
|
-
margin-bottom: 0;
|
|
2036
2061
|
font-size: var(--fs-body2);
|
|
2062
|
+
margin-bottom: 0;
|
|
2063
|
+
margin-top: var(--su4);
|
|
2037
2064
|
}
|
|
2038
|
-
.s-page-title .s-page-title--
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
margin-left: 0;
|
|
2046
|
-
}
|
|
2065
|
+
.s-page-title .s-page-title--header {
|
|
2066
|
+
color: var(--fc-dark);
|
|
2067
|
+
font-size: var(--fs-headline1);
|
|
2068
|
+
font-weight: normal;
|
|
2069
|
+
line-height: var(--lh-sm);
|
|
2070
|
+
margin: 0;
|
|
2071
|
+
margin-bottom: 0;
|
|
2047
2072
|
}
|
|
2048
2073
|
.s-page-title .s-breadcrumbs {
|
|
2049
|
-
margin-bottom: var(--
|
|
2050
|
-
}
|
|
2051
|
-
@media (max-width: 640px) {
|
|
2052
|
-
.s-page-title .s-breadcrumbs {
|
|
2053
|
-
margin-bottom: var(--su2);
|
|
2054
|
-
}
|
|
2074
|
+
margin-bottom: var(--_pt-breadcrums-mb);
|
|
2055
2075
|
}
|
|
2056
2076
|
.s-popover {
|
|
2057
2077
|
display: none;
|
|
@@ -2539,27 +2559,6 @@ body.theme-system .theme-dark__forced .s-post-summary__deleted .s-badge__filled
|
|
|
2539
2559
|
.s-post-summary__deleted .s-post-summary--meta-tags .s-tag:focus {
|
|
2540
2560
|
background-color: var(--black-075);
|
|
2541
2561
|
}
|
|
2542
|
-
.s-post-summary__ignored .s-post-summary--stats {
|
|
2543
|
-
color: var(--black-500);
|
|
2544
|
-
}
|
|
2545
|
-
.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.is-warm,
|
|
2546
|
-
.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.is-hot,
|
|
2547
|
-
.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.is-supernova {
|
|
2548
|
-
color: var(--black-500);
|
|
2549
|
-
}
|
|
2550
|
-
.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.has-answers {
|
|
2551
|
-
color: var(--black-600);
|
|
2552
|
-
border: 1px solid var(--black-075);
|
|
2553
|
-
background-color: var(--black-075);
|
|
2554
|
-
}
|
|
2555
|
-
.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.has-answers .has-accepted-answer {
|
|
2556
|
-
color: var(--black-600);
|
|
2557
|
-
background-color: var(--black-075);
|
|
2558
|
-
border-color: var(--black-075);
|
|
2559
|
-
}
|
|
2560
|
-
.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item__emphasized {
|
|
2561
|
-
color: var(--black-500);
|
|
2562
|
-
}
|
|
2563
2562
|
.s-post-summary__ignored .s-post-summary--meta-tags a,
|
|
2564
2563
|
.s-post-summary__ignored .s-post-summary--meta-tags .post-tag,
|
|
2565
2564
|
.s-post-summary__ignored .s-post-summary--meta-tags .s-tag,
|
|
@@ -2621,6 +2620,34 @@ body.theme-system .theme-dark__forced .s-post-summary__deleted .s-badge__filled
|
|
|
2621
2620
|
border-color: transparent;
|
|
2622
2621
|
color: var(--black-600);
|
|
2623
2622
|
}
|
|
2623
|
+
.s-post-summary__ignored .s-post-summary--stats,
|
|
2624
|
+
.s-post-summary__deleted .s-post-summary--stats {
|
|
2625
|
+
color: var(--black-500);
|
|
2626
|
+
}
|
|
2627
|
+
.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.is-warm,
|
|
2628
|
+
.s-post-summary__deleted .s-post-summary--stats .s-post-summary--stats-item.is-warm,
|
|
2629
|
+
.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.is-hot,
|
|
2630
|
+
.s-post-summary__deleted .s-post-summary--stats .s-post-summary--stats-item.is-hot,
|
|
2631
|
+
.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.is-supernova,
|
|
2632
|
+
.s-post-summary__deleted .s-post-summary--stats .s-post-summary--stats-item.is-supernova {
|
|
2633
|
+
color: var(--black-500);
|
|
2634
|
+
}
|
|
2635
|
+
.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.has-answers,
|
|
2636
|
+
.s-post-summary__deleted .s-post-summary--stats .s-post-summary--stats-item.has-answers {
|
|
2637
|
+
color: var(--black-500);
|
|
2638
|
+
background-color: transparent;
|
|
2639
|
+
border-color: var(--black-300);
|
|
2640
|
+
}
|
|
2641
|
+
.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer,
|
|
2642
|
+
.s-post-summary__deleted .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
|
|
2643
|
+
color: var(--black-600);
|
|
2644
|
+
background-color: var(--black-075);
|
|
2645
|
+
border-color: transparent;
|
|
2646
|
+
}
|
|
2647
|
+
.s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item__emphasized,
|
|
2648
|
+
.s-post-summary__deleted .s-post-summary--stats .s-post-summary--stats-item__emphasized {
|
|
2649
|
+
color: var(--black-500);
|
|
2650
|
+
}
|
|
2624
2651
|
.s-post-summary__ignored .s-user-card .s-badge,
|
|
2625
2652
|
.s-post-summary__deleted .s-user-card .s-badge {
|
|
2626
2653
|
filter: grayscale(100%);
|
|
@@ -4131,58 +4158,58 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
|
|
|
4131
4158
|
}
|
|
4132
4159
|
}
|
|
4133
4160
|
.s-uploader {
|
|
4134
|
-
--
|
|
4135
|
-
--
|
|
4136
|
-
--
|
|
4137
|
-
--
|
|
4138
|
-
--
|
|
4161
|
+
--_up-bg: var(--black-025);
|
|
4162
|
+
--_up-bg-focus: var(--black-050);
|
|
4163
|
+
--_up-bg-bc: var(--black-150);
|
|
4164
|
+
--_up-focus-ring-color: var(--focus-ring);
|
|
4165
|
+
--_up-bg-b-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23000000' stroke-width='8' stroke-dasharray='7%2c 22' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|
4139
4166
|
position: relative;
|
|
4140
4167
|
}
|
|
4141
4168
|
body.theme-highcontrast .s-uploader {
|
|
4142
|
-
--
|
|
4169
|
+
--_up-bg-bc-hc: var(--black-400);
|
|
4143
4170
|
}
|
|
4144
4171
|
.s-uploader.is-active {
|
|
4145
|
-
--
|
|
4146
|
-
--
|
|
4172
|
+
--_up-bg: var(--black-050);
|
|
4173
|
+
--_up-bg-bc: var(--black-200);
|
|
4147
4174
|
}
|
|
4148
4175
|
.s-uploader.is-disabled {
|
|
4149
4176
|
opacity: var(--_o-disabled-static);
|
|
4150
4177
|
}
|
|
4151
4178
|
.s-uploader.has-error {
|
|
4152
|
-
--
|
|
4153
|
-
--
|
|
4154
|
-
--
|
|
4155
|
-
--
|
|
4156
|
-
--
|
|
4157
|
-
--
|
|
4179
|
+
--_up-bg: var(--red-050);
|
|
4180
|
+
--_up-bg-focus: var(--red-100);
|
|
4181
|
+
--_up-bg-bc: var(--red-400);
|
|
4182
|
+
--_up-bg-bc-hc-state: var(--red-400);
|
|
4183
|
+
--_up-focus-ring-color: var(--focus-ring-error);
|
|
4184
|
+
--_up-link-fc: var(--red-900);
|
|
4158
4185
|
}
|
|
4159
4186
|
.s-uploader.has-success {
|
|
4160
|
-
--
|
|
4161
|
-
--
|
|
4162
|
-
--
|
|
4163
|
-
--
|
|
4164
|
-
--
|
|
4165
|
-
--
|
|
4187
|
+
--_up-bg: var(--green-025);
|
|
4188
|
+
--_up-bg-focus: var(--green-050);
|
|
4189
|
+
--_up-bg-bc: var(--green-400);
|
|
4190
|
+
--_up-bg-bc-hc-state: var(--green-400);
|
|
4191
|
+
--_up-focus-ring-color: var(--focus-ring-success);
|
|
4192
|
+
--_up-link-fc: var(--green-900);
|
|
4166
4193
|
}
|
|
4167
4194
|
.s-uploader.has-warning {
|
|
4168
|
-
--
|
|
4169
|
-
--
|
|
4170
|
-
--
|
|
4171
|
-
--
|
|
4172
|
-
--
|
|
4173
|
-
--
|
|
4195
|
+
--_up-bg: var(--yellow-050);
|
|
4196
|
+
--_up-bg-focus: var(--yellow-100);
|
|
4197
|
+
--_up-bg-bc: var(--yellow-400);
|
|
4198
|
+
--_up-bg-bc-hc-state: var(--yellow-400);
|
|
4199
|
+
--_up-focus-ring-color: var(--focus-ring-warning);
|
|
4200
|
+
--_up-link-fc: var(--yellow-900);
|
|
4174
4201
|
}
|
|
4175
4202
|
.s-uploader.has-error .s-link,
|
|
4176
4203
|
.s-uploader.has-success .s-link,
|
|
4177
4204
|
.s-uploader.has-warning .s-link {
|
|
4178
|
-
color: var(--
|
|
4205
|
+
color: var(--_up-link-fc);
|
|
4179
4206
|
}
|
|
4180
4207
|
.s-uploader input[type="file"]::file-selector-button {
|
|
4181
4208
|
cursor: pointer;
|
|
4182
4209
|
}
|
|
4183
4210
|
.s-uploader .s-uploader--container {
|
|
4184
4211
|
align-items: center;
|
|
4185
|
-
background-color: var(--
|
|
4212
|
+
background-color: var(--_up-bg);
|
|
4186
4213
|
border-radius: var(--br-lg);
|
|
4187
4214
|
display: flex;
|
|
4188
4215
|
flex-direction: column;
|
|
@@ -4193,9 +4220,9 @@ body.theme-highcontrast .s-uploader {
|
|
|
4193
4220
|
text-align: center;
|
|
4194
4221
|
}
|
|
4195
4222
|
.s-uploader .s-uploader--container:before {
|
|
4196
|
-
-webkit-mask-image: var(--
|
|
4197
|
-
mask-image: var(--
|
|
4198
|
-
background-color: var(--
|
|
4223
|
+
-webkit-mask-image: var(--_up-bg-b-image);
|
|
4224
|
+
mask-image: var(--_up-bg-b-image);
|
|
4225
|
+
background-color: var(--_up-bg-bc-hc-state, var(--_up-bg-bc-hc, var(--_up-bg-bc)));
|
|
4199
4226
|
content: '';
|
|
4200
4227
|
border-radius: var(--br-lg);
|
|
4201
4228
|
display: block;
|
|
@@ -4212,8 +4239,8 @@ body.theme-highcontrast .s-uploader {
|
|
|
4212
4239
|
z-index: var(--zi-selected);
|
|
4213
4240
|
}
|
|
4214
4241
|
.s-uploader .s-uploader--input:focus:focus-visible + .s-uploader--container {
|
|
4215
|
-
background-color: var(--
|
|
4216
|
-
box-shadow: 0 0 0 var(--su-static4) var(--
|
|
4242
|
+
background-color: var(--_up-bg-focus);
|
|
4243
|
+
box-shadow: 0 0 0 var(--su-static4) var(--_up-focus-ring-color);
|
|
4217
4244
|
}
|
|
4218
4245
|
.s-uploader .s-uploader--preview {
|
|
4219
4246
|
max-width: 100%;
|
|
@@ -4303,11 +4330,14 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
|
|
|
4303
4330
|
background-color: var(--theme-secondary-050);
|
|
4304
4331
|
border-radius: var(--br-md);
|
|
4305
4332
|
}
|
|
4333
|
+
.s-user-card.s-user-card__highlighted .s-user-card--time {
|
|
4334
|
+
color: var(--black-600);
|
|
4335
|
+
}
|
|
4306
4336
|
.s-user-card.s-user-card__highlighted .s-user-card--type {
|
|
4307
4337
|
color: var(--black-700);
|
|
4308
4338
|
}
|
|
4309
4339
|
.s-user-card.s-user-card__full {
|
|
4310
|
-
align-items: start;
|
|
4340
|
+
align-items: flex-start;
|
|
4311
4341
|
}
|
|
4312
4342
|
.s-user-card.s-user-card__full .s-user-card--link {
|
|
4313
4343
|
font-size: var(--fs-body2);
|
|
@@ -11318,40 +11348,162 @@ body.theme-system .theme-dark__forced .d\:bg-theme-secondary-025 {
|
|
|
11318
11348
|
flex-grow: 5;
|
|
11319
11349
|
}
|
|
11320
11350
|
.g0 {
|
|
11321
|
-
|
|
11351
|
+
--_gap-x: 0;
|
|
11352
|
+
--_gap-y: 0;
|
|
11322
11353
|
}
|
|
11323
11354
|
.g1 {
|
|
11324
|
-
|
|
11355
|
+
--_gap-x: var(--su1);
|
|
11356
|
+
--_gap-y: var(--su1);
|
|
11325
11357
|
}
|
|
11326
11358
|
.g2 {
|
|
11327
|
-
|
|
11359
|
+
--_gap-x: var(--su2);
|
|
11360
|
+
--_gap-y: var(--su2);
|
|
11328
11361
|
}
|
|
11329
11362
|
.g4 {
|
|
11330
|
-
|
|
11363
|
+
--_gap-x: var(--su4);
|
|
11364
|
+
--_gap-y: var(--su4);
|
|
11331
11365
|
}
|
|
11332
11366
|
.g6 {
|
|
11333
|
-
|
|
11367
|
+
--_gap-x: var(--su6);
|
|
11368
|
+
--_gap-y: var(--su6);
|
|
11334
11369
|
}
|
|
11335
11370
|
.g8 {
|
|
11336
|
-
|
|
11371
|
+
--_gap-x: var(--su8);
|
|
11372
|
+
--_gap-y: var(--su8);
|
|
11337
11373
|
}
|
|
11338
11374
|
.g12 {
|
|
11339
|
-
|
|
11375
|
+
--_gap-x: var(--su12);
|
|
11376
|
+
--_gap-y: var(--su12);
|
|
11340
11377
|
}
|
|
11341
11378
|
.g16 {
|
|
11342
|
-
|
|
11379
|
+
--_gap-x: var(--su16);
|
|
11380
|
+
--_gap-y: var(--su16);
|
|
11343
11381
|
}
|
|
11344
11382
|
.g24 {
|
|
11345
|
-
|
|
11383
|
+
--_gap-x: var(--su24);
|
|
11384
|
+
--_gap-y: var(--su24);
|
|
11346
11385
|
}
|
|
11347
11386
|
.g32 {
|
|
11348
|
-
|
|
11387
|
+
--_gap-x: var(--su32);
|
|
11388
|
+
--_gap-y: var(--su32);
|
|
11349
11389
|
}
|
|
11350
11390
|
.g48 {
|
|
11351
|
-
|
|
11391
|
+
--_gap-x: var(--su48);
|
|
11392
|
+
--_gap-y: var(--su48);
|
|
11393
|
+
}
|
|
11394
|
+
.g64 {
|
|
11395
|
+
--_gap-x: var(--su64);
|
|
11396
|
+
--_gap-y: var(--su64);
|
|
11352
11397
|
}
|
|
11398
|
+
.gx0 {
|
|
11399
|
+
--_gap-x: 0;
|
|
11400
|
+
}
|
|
11401
|
+
.gx1 {
|
|
11402
|
+
--_gap-x: var(--su1);
|
|
11403
|
+
}
|
|
11404
|
+
.gx2 {
|
|
11405
|
+
--_gap-x: var(--su2);
|
|
11406
|
+
}
|
|
11407
|
+
.gx4 {
|
|
11408
|
+
--_gap-x: var(--su4);
|
|
11409
|
+
}
|
|
11410
|
+
.gx6 {
|
|
11411
|
+
--_gap-x: var(--su6);
|
|
11412
|
+
}
|
|
11413
|
+
.gx8 {
|
|
11414
|
+
--_gap-x: var(--su8);
|
|
11415
|
+
}
|
|
11416
|
+
.gx12 {
|
|
11417
|
+
--_gap-x: var(--su12);
|
|
11418
|
+
}
|
|
11419
|
+
.gx16 {
|
|
11420
|
+
--_gap-x: var(--su16);
|
|
11421
|
+
}
|
|
11422
|
+
.gx24 {
|
|
11423
|
+
--_gap-x: var(--su24);
|
|
11424
|
+
}
|
|
11425
|
+
.gx32 {
|
|
11426
|
+
--_gap-x: var(--su32);
|
|
11427
|
+
}
|
|
11428
|
+
.gx48 {
|
|
11429
|
+
--_gap-x: var(--su48);
|
|
11430
|
+
}
|
|
11431
|
+
.gx64 {
|
|
11432
|
+
--_gap-x: var(--su64);
|
|
11433
|
+
}
|
|
11434
|
+
.gy0 {
|
|
11435
|
+
--_gap-y: 0;
|
|
11436
|
+
}
|
|
11437
|
+
.gy1 {
|
|
11438
|
+
--_gap-y: var(--su1);
|
|
11439
|
+
}
|
|
11440
|
+
.gy2 {
|
|
11441
|
+
--_gap-y: var(--su2);
|
|
11442
|
+
}
|
|
11443
|
+
.gy4 {
|
|
11444
|
+
--_gap-y: var(--su4);
|
|
11445
|
+
}
|
|
11446
|
+
.gy6 {
|
|
11447
|
+
--_gap-y: var(--su6);
|
|
11448
|
+
}
|
|
11449
|
+
.gy8 {
|
|
11450
|
+
--_gap-y: var(--su8);
|
|
11451
|
+
}
|
|
11452
|
+
.gy12 {
|
|
11453
|
+
--_gap-y: var(--su12);
|
|
11454
|
+
}
|
|
11455
|
+
.gy16 {
|
|
11456
|
+
--_gap-y: var(--su16);
|
|
11457
|
+
}
|
|
11458
|
+
.gy24 {
|
|
11459
|
+
--_gap-y: var(--su24);
|
|
11460
|
+
}
|
|
11461
|
+
.gy32 {
|
|
11462
|
+
--_gap-y: var(--su32);
|
|
11463
|
+
}
|
|
11464
|
+
.gy48 {
|
|
11465
|
+
--_gap-y: var(--su48);
|
|
11466
|
+
}
|
|
11467
|
+
.gy64 {
|
|
11468
|
+
--_gap-y: var(--su64);
|
|
11469
|
+
}
|
|
11470
|
+
.gx0,
|
|
11471
|
+
.gx1,
|
|
11472
|
+
.gx2,
|
|
11473
|
+
.gx4,
|
|
11474
|
+
.gx6,
|
|
11475
|
+
.gx8,
|
|
11476
|
+
.gx12,
|
|
11477
|
+
.gx16,
|
|
11478
|
+
.gx24,
|
|
11479
|
+
.gx32,
|
|
11480
|
+
.gx48,
|
|
11481
|
+
.gx64,
|
|
11482
|
+
.gy0,
|
|
11483
|
+
.gy1,
|
|
11484
|
+
.gy2,
|
|
11485
|
+
.gy4,
|
|
11486
|
+
.gy6,
|
|
11487
|
+
.gy8,
|
|
11488
|
+
.gy12,
|
|
11489
|
+
.gy16,
|
|
11490
|
+
.gy24,
|
|
11491
|
+
.gy32,
|
|
11492
|
+
.gy48,
|
|
11493
|
+
.gy64,
|
|
11494
|
+
.g0,
|
|
11495
|
+
.g1,
|
|
11496
|
+
.g2,
|
|
11497
|
+
.g4,
|
|
11498
|
+
.g6,
|
|
11499
|
+
.g8,
|
|
11500
|
+
.g12,
|
|
11501
|
+
.g16,
|
|
11502
|
+
.g24,
|
|
11503
|
+
.g32,
|
|
11504
|
+
.g48,
|
|
11353
11505
|
.g64 {
|
|
11354
|
-
gap: var(--
|
|
11506
|
+
gap: var(--_gap-x, 0) var(--_gap-y, 0);
|
|
11355
11507
|
}
|
|
11356
11508
|
.g-af-dense {
|
|
11357
11509
|
grid-auto-flow: dense;
|
|
@@ -14677,40 +14829,124 @@ ol {
|
|
|
14677
14829
|
flex: 1 auto !important;
|
|
14678
14830
|
}
|
|
14679
14831
|
.lg\:g0 {
|
|
14680
|
-
|
|
14832
|
+
--_gap-x: 0;
|
|
14833
|
+
--_gap-y: 0;
|
|
14681
14834
|
}
|
|
14682
14835
|
.lg\:g1 {
|
|
14683
|
-
|
|
14836
|
+
--_gap-x: var(--su1);
|
|
14837
|
+
--_gap-y: var(--su1);
|
|
14684
14838
|
}
|
|
14685
14839
|
.lg\:g2 {
|
|
14686
|
-
|
|
14840
|
+
--_gap-x: var(--su2);
|
|
14841
|
+
--_gap-y: var(--su2);
|
|
14687
14842
|
}
|
|
14688
14843
|
.lg\:g4 {
|
|
14689
|
-
|
|
14844
|
+
--_gap-x: var(--su4);
|
|
14845
|
+
--_gap-y: var(--su4);
|
|
14690
14846
|
}
|
|
14691
14847
|
.lg\:g6 {
|
|
14692
|
-
|
|
14848
|
+
--_gap-x: var(--su6);
|
|
14849
|
+
--_gap-y: var(--su6);
|
|
14693
14850
|
}
|
|
14694
14851
|
.lg\:g8 {
|
|
14695
|
-
|
|
14852
|
+
--_gap-x: var(--su8);
|
|
14853
|
+
--_gap-y: var(--su8);
|
|
14696
14854
|
}
|
|
14697
14855
|
.lg\:g12 {
|
|
14698
|
-
|
|
14856
|
+
--_gap-x: var(--su12);
|
|
14857
|
+
--_gap-y: var(--su12);
|
|
14699
14858
|
}
|
|
14700
14859
|
.lg\:g16 {
|
|
14701
|
-
|
|
14860
|
+
--_gap-x: var(--su16);
|
|
14861
|
+
--_gap-y: var(--su16);
|
|
14702
14862
|
}
|
|
14703
14863
|
.lg\:g24 {
|
|
14704
|
-
|
|
14864
|
+
--_gap-x: var(--su24);
|
|
14865
|
+
--_gap-y: var(--su24);
|
|
14705
14866
|
}
|
|
14706
14867
|
.lg\:g32 {
|
|
14707
|
-
|
|
14868
|
+
--_gap-x: var(--su32);
|
|
14869
|
+
--_gap-y: var(--su32);
|
|
14708
14870
|
}
|
|
14709
14871
|
.lg\:g48 {
|
|
14710
|
-
|
|
14872
|
+
--_gap-x: var(--su48);
|
|
14873
|
+
--_gap-y: var(--su48);
|
|
14711
14874
|
}
|
|
14712
14875
|
.lg\:g64 {
|
|
14713
|
-
|
|
14876
|
+
--_gap-x: var(--su64);
|
|
14877
|
+
--_gap-y: var(--su64);
|
|
14878
|
+
}
|
|
14879
|
+
.lg\:gx0 {
|
|
14880
|
+
--_gap-x: 0;
|
|
14881
|
+
}
|
|
14882
|
+
.lg\:gx1 {
|
|
14883
|
+
--_gap-x: var(--su1);
|
|
14884
|
+
}
|
|
14885
|
+
.lg\:gx2 {
|
|
14886
|
+
--_gap-x: var(--su2);
|
|
14887
|
+
}
|
|
14888
|
+
.lg\:gx4 {
|
|
14889
|
+
--_gap-x: var(--su4);
|
|
14890
|
+
}
|
|
14891
|
+
.lg\:gx6 {
|
|
14892
|
+
--_gap-x: var(--su6);
|
|
14893
|
+
}
|
|
14894
|
+
.lg\:gx8 {
|
|
14895
|
+
--_gap-x: var(--su8);
|
|
14896
|
+
}
|
|
14897
|
+
.lg\:gx12 {
|
|
14898
|
+
--_gap-x: var(--su12);
|
|
14899
|
+
}
|
|
14900
|
+
.lg\:gx16 {
|
|
14901
|
+
--_gap-x: var(--su16);
|
|
14902
|
+
}
|
|
14903
|
+
.lg\:gx24 {
|
|
14904
|
+
--_gap-x: var(--su24);
|
|
14905
|
+
}
|
|
14906
|
+
.lg\:gx32 {
|
|
14907
|
+
--_gap-x: var(--su32);
|
|
14908
|
+
}
|
|
14909
|
+
.lg\:gx48 {
|
|
14910
|
+
--_gap-x: var(--su48);
|
|
14911
|
+
}
|
|
14912
|
+
.lg\:gx64 {
|
|
14913
|
+
--_gap-x: var(--su64);
|
|
14914
|
+
}
|
|
14915
|
+
.lg\:gy0 {
|
|
14916
|
+
--_gap-y: 0;
|
|
14917
|
+
}
|
|
14918
|
+
.lg\:gy1 {
|
|
14919
|
+
--_gap-y: var(--su1);
|
|
14920
|
+
}
|
|
14921
|
+
.lg\:gy2 {
|
|
14922
|
+
--_gap-y: var(--su2);
|
|
14923
|
+
}
|
|
14924
|
+
.lg\:gy4 {
|
|
14925
|
+
--_gap-y: var(--su4);
|
|
14926
|
+
}
|
|
14927
|
+
.lg\:gy6 {
|
|
14928
|
+
--_gap-y: var(--su6);
|
|
14929
|
+
}
|
|
14930
|
+
.lg\:gy8 {
|
|
14931
|
+
--_gap-y: var(--su8);
|
|
14932
|
+
}
|
|
14933
|
+
.lg\:gy12 {
|
|
14934
|
+
--_gap-y: var(--su12);
|
|
14935
|
+
}
|
|
14936
|
+
.lg\:gy16 {
|
|
14937
|
+
--_gap-y: var(--su16);
|
|
14938
|
+
}
|
|
14939
|
+
.lg\:gy24 {
|
|
14940
|
+
--_gap-y: var(--su24);
|
|
14941
|
+
}
|
|
14942
|
+
.lg\:gy32 {
|
|
14943
|
+
--_gap-y: var(--su32);
|
|
14944
|
+
}
|
|
14945
|
+
.lg\:gy48 {
|
|
14946
|
+
--_gap-y: var(--su48);
|
|
14947
|
+
}
|
|
14948
|
+
.lg\:gy64 {
|
|
14949
|
+
--_gap-y: var(--su64);
|
|
14714
14950
|
}
|
|
14715
14951
|
.lg\:g-af-dense {
|
|
14716
14952
|
grid-auto-flow: dense;
|
|
@@ -16247,40 +16483,124 @@ ol {
|
|
|
16247
16483
|
flex: 1 auto !important;
|
|
16248
16484
|
}
|
|
16249
16485
|
.md\:g0 {
|
|
16250
|
-
|
|
16486
|
+
--_gap-x: 0;
|
|
16487
|
+
--_gap-y: 0;
|
|
16251
16488
|
}
|
|
16252
16489
|
.md\:g1 {
|
|
16253
|
-
|
|
16490
|
+
--_gap-x: var(--su1);
|
|
16491
|
+
--_gap-y: var(--su1);
|
|
16254
16492
|
}
|
|
16255
16493
|
.md\:g2 {
|
|
16256
|
-
|
|
16494
|
+
--_gap-x: var(--su2);
|
|
16495
|
+
--_gap-y: var(--su2);
|
|
16257
16496
|
}
|
|
16258
16497
|
.md\:g4 {
|
|
16259
|
-
|
|
16498
|
+
--_gap-x: var(--su4);
|
|
16499
|
+
--_gap-y: var(--su4);
|
|
16260
16500
|
}
|
|
16261
16501
|
.md\:g6 {
|
|
16262
|
-
|
|
16502
|
+
--_gap-x: var(--su6);
|
|
16503
|
+
--_gap-y: var(--su6);
|
|
16263
16504
|
}
|
|
16264
16505
|
.md\:g8 {
|
|
16265
|
-
|
|
16506
|
+
--_gap-x: var(--su8);
|
|
16507
|
+
--_gap-y: var(--su8);
|
|
16266
16508
|
}
|
|
16267
16509
|
.md\:g12 {
|
|
16268
|
-
|
|
16510
|
+
--_gap-x: var(--su12);
|
|
16511
|
+
--_gap-y: var(--su12);
|
|
16269
16512
|
}
|
|
16270
16513
|
.md\:g16 {
|
|
16271
|
-
|
|
16514
|
+
--_gap-x: var(--su16);
|
|
16515
|
+
--_gap-y: var(--su16);
|
|
16272
16516
|
}
|
|
16273
16517
|
.md\:g24 {
|
|
16274
|
-
|
|
16518
|
+
--_gap-x: var(--su24);
|
|
16519
|
+
--_gap-y: var(--su24);
|
|
16275
16520
|
}
|
|
16276
16521
|
.md\:g32 {
|
|
16277
|
-
|
|
16522
|
+
--_gap-x: var(--su32);
|
|
16523
|
+
--_gap-y: var(--su32);
|
|
16278
16524
|
}
|
|
16279
16525
|
.md\:g48 {
|
|
16280
|
-
|
|
16526
|
+
--_gap-x: var(--su48);
|
|
16527
|
+
--_gap-y: var(--su48);
|
|
16281
16528
|
}
|
|
16282
16529
|
.md\:g64 {
|
|
16283
|
-
|
|
16530
|
+
--_gap-x: var(--su64);
|
|
16531
|
+
--_gap-y: var(--su64);
|
|
16532
|
+
}
|
|
16533
|
+
.md\:gx0 {
|
|
16534
|
+
--_gap-x: 0;
|
|
16535
|
+
}
|
|
16536
|
+
.md\:gx1 {
|
|
16537
|
+
--_gap-x: var(--su1);
|
|
16538
|
+
}
|
|
16539
|
+
.md\:gx2 {
|
|
16540
|
+
--_gap-x: var(--su2);
|
|
16541
|
+
}
|
|
16542
|
+
.md\:gx4 {
|
|
16543
|
+
--_gap-x: var(--su4);
|
|
16544
|
+
}
|
|
16545
|
+
.md\:gx6 {
|
|
16546
|
+
--_gap-x: var(--su6);
|
|
16547
|
+
}
|
|
16548
|
+
.md\:gx8 {
|
|
16549
|
+
--_gap-x: var(--su8);
|
|
16550
|
+
}
|
|
16551
|
+
.md\:gx12 {
|
|
16552
|
+
--_gap-x: var(--su12);
|
|
16553
|
+
}
|
|
16554
|
+
.md\:gx16 {
|
|
16555
|
+
--_gap-x: var(--su16);
|
|
16556
|
+
}
|
|
16557
|
+
.md\:gx24 {
|
|
16558
|
+
--_gap-x: var(--su24);
|
|
16559
|
+
}
|
|
16560
|
+
.md\:gx32 {
|
|
16561
|
+
--_gap-x: var(--su32);
|
|
16562
|
+
}
|
|
16563
|
+
.md\:gx48 {
|
|
16564
|
+
--_gap-x: var(--su48);
|
|
16565
|
+
}
|
|
16566
|
+
.md\:gx64 {
|
|
16567
|
+
--_gap-x: var(--su64);
|
|
16568
|
+
}
|
|
16569
|
+
.md\:gy0 {
|
|
16570
|
+
--_gap-y: 0;
|
|
16571
|
+
}
|
|
16572
|
+
.md\:gy1 {
|
|
16573
|
+
--_gap-y: var(--su1);
|
|
16574
|
+
}
|
|
16575
|
+
.md\:gy2 {
|
|
16576
|
+
--_gap-y: var(--su2);
|
|
16577
|
+
}
|
|
16578
|
+
.md\:gy4 {
|
|
16579
|
+
--_gap-y: var(--su4);
|
|
16580
|
+
}
|
|
16581
|
+
.md\:gy6 {
|
|
16582
|
+
--_gap-y: var(--su6);
|
|
16583
|
+
}
|
|
16584
|
+
.md\:gy8 {
|
|
16585
|
+
--_gap-y: var(--su8);
|
|
16586
|
+
}
|
|
16587
|
+
.md\:gy12 {
|
|
16588
|
+
--_gap-y: var(--su12);
|
|
16589
|
+
}
|
|
16590
|
+
.md\:gy16 {
|
|
16591
|
+
--_gap-y: var(--su16);
|
|
16592
|
+
}
|
|
16593
|
+
.md\:gy24 {
|
|
16594
|
+
--_gap-y: var(--su24);
|
|
16595
|
+
}
|
|
16596
|
+
.md\:gy32 {
|
|
16597
|
+
--_gap-y: var(--su32);
|
|
16598
|
+
}
|
|
16599
|
+
.md\:gy48 {
|
|
16600
|
+
--_gap-y: var(--su48);
|
|
16601
|
+
}
|
|
16602
|
+
.md\:gy64 {
|
|
16603
|
+
--_gap-y: var(--su64);
|
|
16284
16604
|
}
|
|
16285
16605
|
.md\:g-af-dense {
|
|
16286
16606
|
grid-auto-flow: dense;
|
|
@@ -17817,40 +18137,124 @@ ol {
|
|
|
17817
18137
|
flex: 1 auto !important;
|
|
17818
18138
|
}
|
|
17819
18139
|
.sm\:g0 {
|
|
17820
|
-
|
|
18140
|
+
--_gap-x: 0;
|
|
18141
|
+
--_gap-y: 0;
|
|
17821
18142
|
}
|
|
17822
18143
|
.sm\:g1 {
|
|
17823
|
-
|
|
18144
|
+
--_gap-x: var(--su1);
|
|
18145
|
+
--_gap-y: var(--su1);
|
|
17824
18146
|
}
|
|
17825
18147
|
.sm\:g2 {
|
|
17826
|
-
|
|
18148
|
+
--_gap-x: var(--su2);
|
|
18149
|
+
--_gap-y: var(--su2);
|
|
17827
18150
|
}
|
|
17828
18151
|
.sm\:g4 {
|
|
17829
|
-
|
|
18152
|
+
--_gap-x: var(--su4);
|
|
18153
|
+
--_gap-y: var(--su4);
|
|
17830
18154
|
}
|
|
17831
18155
|
.sm\:g6 {
|
|
17832
|
-
|
|
18156
|
+
--_gap-x: var(--su6);
|
|
18157
|
+
--_gap-y: var(--su6);
|
|
17833
18158
|
}
|
|
17834
18159
|
.sm\:g8 {
|
|
17835
|
-
|
|
18160
|
+
--_gap-x: var(--su8);
|
|
18161
|
+
--_gap-y: var(--su8);
|
|
17836
18162
|
}
|
|
17837
18163
|
.sm\:g12 {
|
|
17838
|
-
|
|
18164
|
+
--_gap-x: var(--su12);
|
|
18165
|
+
--_gap-y: var(--su12);
|
|
17839
18166
|
}
|
|
17840
18167
|
.sm\:g16 {
|
|
17841
|
-
|
|
18168
|
+
--_gap-x: var(--su16);
|
|
18169
|
+
--_gap-y: var(--su16);
|
|
17842
18170
|
}
|
|
17843
18171
|
.sm\:g24 {
|
|
17844
|
-
|
|
18172
|
+
--_gap-x: var(--su24);
|
|
18173
|
+
--_gap-y: var(--su24);
|
|
17845
18174
|
}
|
|
17846
18175
|
.sm\:g32 {
|
|
17847
|
-
|
|
18176
|
+
--_gap-x: var(--su32);
|
|
18177
|
+
--_gap-y: var(--su32);
|
|
17848
18178
|
}
|
|
17849
18179
|
.sm\:g48 {
|
|
17850
|
-
|
|
18180
|
+
--_gap-x: var(--su48);
|
|
18181
|
+
--_gap-y: var(--su48);
|
|
17851
18182
|
}
|
|
17852
18183
|
.sm\:g64 {
|
|
17853
|
-
|
|
18184
|
+
--_gap-x: var(--su64);
|
|
18185
|
+
--_gap-y: var(--su64);
|
|
18186
|
+
}
|
|
18187
|
+
.sm\:gx0 {
|
|
18188
|
+
--_gap-x: 0;
|
|
18189
|
+
}
|
|
18190
|
+
.sm\:gx1 {
|
|
18191
|
+
--_gap-x: var(--su1);
|
|
18192
|
+
}
|
|
18193
|
+
.sm\:gx2 {
|
|
18194
|
+
--_gap-x: var(--su2);
|
|
18195
|
+
}
|
|
18196
|
+
.sm\:gx4 {
|
|
18197
|
+
--_gap-x: var(--su4);
|
|
18198
|
+
}
|
|
18199
|
+
.sm\:gx6 {
|
|
18200
|
+
--_gap-x: var(--su6);
|
|
18201
|
+
}
|
|
18202
|
+
.sm\:gx8 {
|
|
18203
|
+
--_gap-x: var(--su8);
|
|
18204
|
+
}
|
|
18205
|
+
.sm\:gx12 {
|
|
18206
|
+
--_gap-x: var(--su12);
|
|
18207
|
+
}
|
|
18208
|
+
.sm\:gx16 {
|
|
18209
|
+
--_gap-x: var(--su16);
|
|
18210
|
+
}
|
|
18211
|
+
.sm\:gx24 {
|
|
18212
|
+
--_gap-x: var(--su24);
|
|
18213
|
+
}
|
|
18214
|
+
.sm\:gx32 {
|
|
18215
|
+
--_gap-x: var(--su32);
|
|
18216
|
+
}
|
|
18217
|
+
.sm\:gx48 {
|
|
18218
|
+
--_gap-x: var(--su48);
|
|
18219
|
+
}
|
|
18220
|
+
.sm\:gx64 {
|
|
18221
|
+
--_gap-x: var(--su64);
|
|
18222
|
+
}
|
|
18223
|
+
.sm\:gy0 {
|
|
18224
|
+
--_gap-y: 0;
|
|
18225
|
+
}
|
|
18226
|
+
.sm\:gy1 {
|
|
18227
|
+
--_gap-y: var(--su1);
|
|
18228
|
+
}
|
|
18229
|
+
.sm\:gy2 {
|
|
18230
|
+
--_gap-y: var(--su2);
|
|
18231
|
+
}
|
|
18232
|
+
.sm\:gy4 {
|
|
18233
|
+
--_gap-y: var(--su4);
|
|
18234
|
+
}
|
|
18235
|
+
.sm\:gy6 {
|
|
18236
|
+
--_gap-y: var(--su6);
|
|
18237
|
+
}
|
|
18238
|
+
.sm\:gy8 {
|
|
18239
|
+
--_gap-y: var(--su8);
|
|
18240
|
+
}
|
|
18241
|
+
.sm\:gy12 {
|
|
18242
|
+
--_gap-y: var(--su12);
|
|
18243
|
+
}
|
|
18244
|
+
.sm\:gy16 {
|
|
18245
|
+
--_gap-y: var(--su16);
|
|
18246
|
+
}
|
|
18247
|
+
.sm\:gy24 {
|
|
18248
|
+
--_gap-y: var(--su24);
|
|
18249
|
+
}
|
|
18250
|
+
.sm\:gy32 {
|
|
18251
|
+
--_gap-y: var(--su32);
|
|
18252
|
+
}
|
|
18253
|
+
.sm\:gy48 {
|
|
18254
|
+
--_gap-y: var(--su48);
|
|
18255
|
+
}
|
|
18256
|
+
.sm\:gy64 {
|
|
18257
|
+
--_gap-y: var(--su64);
|
|
17854
18258
|
}
|
|
17855
18259
|
.sm\:g-af-dense {
|
|
17856
18260
|
grid-auto-flow: dense;
|
|
@@ -19320,7 +19724,8 @@ button[type="reset"] .s-btn {
|
|
|
19320
19724
|
outline: none;
|
|
19321
19725
|
box-shadow: 0 0 0 var(--su-static4) var(--focus-ring);
|
|
19322
19726
|
}
|
|
19323
|
-
.s-btn[disabled]
|
|
19727
|
+
.s-btn[disabled],
|
|
19728
|
+
.s-btn[aria-disabled="true"] {
|
|
19324
19729
|
opacity: var(--_o-disabled-static);
|
|
19325
19730
|
pointer-events: none;
|
|
19326
19731
|
box-shadow: none !important;
|
|
@@ -19850,7 +20255,7 @@ body.theme-highcontrast .s-btn__link {
|
|
|
19850
20255
|
.s-btn__link:hover,
|
|
19851
20256
|
.s-btn__link:active,
|
|
19852
20257
|
.s-btn__link:focus,
|
|
19853
|
-
.s-btn__link[disabled] {
|
|
20258
|
+
.s-btn__link[disabled] .s-btn__link[aria-disabled="true"] {
|
|
19854
20259
|
background: none;
|
|
19855
20260
|
box-shadow: none;
|
|
19856
20261
|
}
|
|
@@ -20193,7 +20598,7 @@ button.s-link:focus {
|
|
|
20193
20598
|
box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-muted);
|
|
20194
20599
|
}
|
|
20195
20600
|
.s-block-link.is-selected {
|
|
20196
|
-
--
|
|
20601
|
+
--_li-block-bs: inset var(--_li-block-bs-offset-x, 3px) 0 0 var(--theme-primary-color);
|
|
20197
20602
|
color: var(--black-800);
|
|
20198
20603
|
font-weight: bold;
|
|
20199
20604
|
background-color: var(--black-050);
|
|
@@ -20209,11 +20614,11 @@ body.theme-system .theme-dark__forced .s-block-link.is-selected {
|
|
|
20209
20614
|
background-color: var(--black-025);
|
|
20210
20615
|
}
|
|
20211
20616
|
.s-block-link.is-selected.s-block-link__right {
|
|
20212
|
-
--
|
|
20617
|
+
--_li-block-bs-offset-x: -3px;
|
|
20213
20618
|
}
|
|
20214
20619
|
.s-block-link.is-selected.s-block-link__left,
|
|
20215
20620
|
.s-block-link.is-selected.s-block-link__right {
|
|
20216
|
-
box-shadow: var(--
|
|
20621
|
+
box-shadow: var(--_li-block-bs);
|
|
20217
20622
|
}
|
|
20218
20623
|
.s-block-link.is-selected.s-block-link__left:focus:not(:focus-visible),
|
|
20219
20624
|
.s-block-link.is-selected.s-block-link__right:focus:not(:focus-visible),
|
|
@@ -20223,7 +20628,7 @@ body.theme-system .theme-dark__forced .s-block-link.is-selected {
|
|
|
20223
20628
|
}
|
|
20224
20629
|
.s-block-link.is-selected.s-block-link__left:focus-visible,
|
|
20225
20630
|
.s-block-link.is-selected.s-block-link__right:focus-visible {
|
|
20226
|
-
box-shadow: var(--
|
|
20631
|
+
box-shadow: var(--_li-block-bs), 0 0 0 var(--su-static4) var(--focus-ring-muted);
|
|
20227
20632
|
}
|
|
20228
20633
|
.s-block-link.s-block-link__danger {
|
|
20229
20634
|
color: var(--red-500);
|
|
@@ -20352,23 +20757,23 @@ body.theme-highcontrast a.s-link-preview--title.s-link__visited:active {
|
|
|
20352
20757
|
color: var(--black-600);
|
|
20353
20758
|
}
|
|
20354
20759
|
.s-banner {
|
|
20355
|
-
background: var(--
|
|
20356
|
-
border-color: var(--
|
|
20760
|
+
background: var(--_no-bg, var(--black-050));
|
|
20761
|
+
border-color: var(--_no-bc, var(--bc-medium));
|
|
20357
20762
|
border-style: solid;
|
|
20358
|
-
color: var(--
|
|
20763
|
+
color: var(--_no-fc, var(--fc-medium));
|
|
20359
20764
|
font-size: var(--fs-body1);
|
|
20360
|
-
--
|
|
20765
|
+
--_no-x-offset: 0;
|
|
20361
20766
|
border-width: var(--su-static1) 0;
|
|
20362
20767
|
inset: 0 0 auto 0;
|
|
20363
20768
|
padding: var(--su12);
|
|
20364
20769
|
position: fixed;
|
|
20365
20770
|
width: 100%;
|
|
20366
20771
|
z-index: calc(var(--zi-navigation-fixed) - 1);
|
|
20367
|
-
-webkit-transform: translate3d(0, var(--
|
|
20368
|
-
transform: translate3d(0, var(--
|
|
20772
|
+
-webkit-transform: translate3d(0, var(--_no-x-offset), 0);
|
|
20773
|
+
transform: translate3d(0, var(--_no-x-offset), 0);
|
|
20369
20774
|
}
|
|
20370
20775
|
.s-banner code {
|
|
20371
|
-
background: var(--
|
|
20776
|
+
background: var(--_no-code-bg, transparent);
|
|
20372
20777
|
}
|
|
20373
20778
|
.s-banner .s-banner--btn {
|
|
20374
20779
|
color: inherit;
|
|
@@ -20376,189 +20781,189 @@ body.theme-highcontrast a.s-link-preview--title.s-link__visited:active {
|
|
|
20376
20781
|
}
|
|
20377
20782
|
.s-banner .s-banner--btn:focus,
|
|
20378
20783
|
.s-banner .s-banner--btn:hover {
|
|
20379
|
-
background: var(--
|
|
20784
|
+
background: var(--_no-btn-focus-bg, var(--black-100));
|
|
20380
20785
|
}
|
|
20381
20786
|
.s-banner .s-banner--btn:active {
|
|
20382
|
-
background: var(--
|
|
20787
|
+
background: var(--_no-btn-active-bg, var(--black-150));
|
|
20383
20788
|
}
|
|
20384
20789
|
@media (prefers-color-scheme: dark) {
|
|
20385
20790
|
body.theme-system .s-banner:not(.s-banner__important) {
|
|
20386
|
-
--
|
|
20791
|
+
--_no-bc: var(--_no-bg);
|
|
20387
20792
|
}
|
|
20388
20793
|
}
|
|
20389
20794
|
body.theme-dark .s-banner:not(.s-banner__important),
|
|
20390
20795
|
.theme-dark__forced .s-banner:not(.s-banner__important),
|
|
20391
20796
|
body.theme-system .theme-dark__forced .s-banner:not(.s-banner__important) {
|
|
20392
|
-
--
|
|
20797
|
+
--_no-bc: var(--_no-bg);
|
|
20393
20798
|
}
|
|
20394
20799
|
body.theme-highcontrast .s-banner:not(.s-banner__important) {
|
|
20395
|
-
--
|
|
20800
|
+
--_no-bc: currentColor;
|
|
20396
20801
|
}
|
|
20397
20802
|
@media (prefers-color-scheme: dark) {
|
|
20398
20803
|
body.theme-highcontrast.theme-system .s-banner:not(.s-banner__important) {
|
|
20399
|
-
--
|
|
20804
|
+
--_no-bc: currentColor;
|
|
20400
20805
|
}
|
|
20401
20806
|
}
|
|
20402
20807
|
body.theme-highcontrast.theme-dark .s-banner:not(.s-banner__important) {
|
|
20403
|
-
--
|
|
20808
|
+
--_no-bc: currentColor;
|
|
20404
20809
|
}
|
|
20405
20810
|
.s-banner__important {
|
|
20406
|
-
--
|
|
20407
|
-
--
|
|
20408
|
-
--
|
|
20409
|
-
--
|
|
20410
|
-
--
|
|
20811
|
+
--_no-bc: var(--_no-bg);
|
|
20812
|
+
--_no-bg: var(--black-700);
|
|
20813
|
+
--_no-fc: var(--white);
|
|
20814
|
+
--_no-btn-focus-bg: var(--black-800);
|
|
20815
|
+
--_no-btn-active-bg: var(--black-900);
|
|
20411
20816
|
}
|
|
20412
20817
|
body.theme-highcontrast .s-banner__important {
|
|
20413
|
-
--
|
|
20818
|
+
--_no-bc: var(--_no-bg);
|
|
20414
20819
|
}
|
|
20415
20820
|
.s-banner__danger {
|
|
20416
|
-
--
|
|
20417
|
-
--
|
|
20418
|
-
--
|
|
20419
|
-
--
|
|
20821
|
+
--_no-bc: var(--red-200);
|
|
20822
|
+
--_no-bg: var(--red-050);
|
|
20823
|
+
--_no-btn-focus-bg: var(--red-100);
|
|
20824
|
+
--_no-btn-active-bg: var(--red-200);
|
|
20420
20825
|
}
|
|
20421
20826
|
body.theme-highcontrast .s-banner__danger:not(.s-banner__important) {
|
|
20422
|
-
--
|
|
20827
|
+
--_no-bg: var(--red-200);
|
|
20423
20828
|
}
|
|
20424
20829
|
.s-banner__danger.s-banner__important {
|
|
20425
|
-
--
|
|
20426
|
-
--
|
|
20427
|
-
--
|
|
20428
|
-
--
|
|
20830
|
+
--_no-bc: var(--_no-bg);
|
|
20831
|
+
--_no-bg: var(--red-500);
|
|
20832
|
+
--_no-btn-focus-bg: var(--red-600);
|
|
20833
|
+
--_no-btn-active-bg: var(--red-700);
|
|
20429
20834
|
}
|
|
20430
20835
|
@media (prefers-color-scheme: dark) {
|
|
20431
20836
|
body.theme-system .s-banner__danger.s-banner__important {
|
|
20432
|
-
--
|
|
20433
|
-
--
|
|
20837
|
+
--_no-bg: var(--red-400);
|
|
20838
|
+
--_no-fc: var(--black-900);
|
|
20434
20839
|
}
|
|
20435
20840
|
}
|
|
20436
20841
|
body.theme-dark .s-banner__danger.s-banner__important,
|
|
20437
20842
|
.theme-dark__forced .s-banner__danger.s-banner__important,
|
|
20438
20843
|
body.theme-system .theme-dark__forced .s-banner__danger.s-banner__important {
|
|
20439
|
-
--
|
|
20440
|
-
--
|
|
20844
|
+
--_no-bg: var(--red-400);
|
|
20845
|
+
--_no-fc: var(--black-900);
|
|
20441
20846
|
}
|
|
20442
20847
|
@media (prefers-color-scheme: dark) {
|
|
20443
20848
|
body.theme-highcontrast.theme-system .s-banner__danger.s-banner__important {
|
|
20444
|
-
--
|
|
20445
|
-
--
|
|
20849
|
+
--_no-bg: var(--red-500);
|
|
20850
|
+
--_no-fc: var(--white);
|
|
20446
20851
|
}
|
|
20447
20852
|
}
|
|
20448
20853
|
body.theme-highcontrast.theme-dark .s-banner__danger.s-banner__important {
|
|
20449
|
-
--
|
|
20450
|
-
--
|
|
20854
|
+
--_no-bg: var(--red-500);
|
|
20855
|
+
--_no-fc: var(--white);
|
|
20451
20856
|
}
|
|
20452
20857
|
.s-banner__info {
|
|
20453
|
-
--
|
|
20454
|
-
--
|
|
20455
|
-
--
|
|
20456
|
-
--
|
|
20457
|
-
--
|
|
20858
|
+
--_no-bc: var(--theme-secondary-150);
|
|
20859
|
+
--_no-bg: var(--theme-secondary-050);
|
|
20860
|
+
--_no-btn-focus-bg: var(--theme-secondary-100);
|
|
20861
|
+
--_no-btn-active-bg: var(--theme-secondary-150);
|
|
20862
|
+
--_no-code-bg: var(--theme-secondary-150);
|
|
20458
20863
|
}
|
|
20459
20864
|
body.theme-highcontrast .s-banner__info:not(.s-banner__important) {
|
|
20460
|
-
--
|
|
20865
|
+
--_no-bg: var(--theme-secondary-100);
|
|
20461
20866
|
}
|
|
20462
20867
|
@media (prefers-color-scheme: dark) {
|
|
20463
20868
|
body.theme-highcontrast.theme-system .s-banner__info:not(.s-banner__important) {
|
|
20464
|
-
--
|
|
20869
|
+
--_no-bg: var(--theme-secondary-100);
|
|
20465
20870
|
}
|
|
20466
20871
|
}
|
|
20467
20872
|
body.theme-highcontrast.theme-dark .s-banner__info:not(.s-banner__important) {
|
|
20468
|
-
--
|
|
20873
|
+
--_no-bg: var(--theme-secondary-100);
|
|
20469
20874
|
}
|
|
20470
20875
|
.s-banner__info.s-banner__important {
|
|
20471
|
-
--
|
|
20472
|
-
--
|
|
20473
|
-
--
|
|
20474
|
-
--
|
|
20876
|
+
--_no-bc: var(--_no-bg);
|
|
20877
|
+
--_no-bg: var(--theme-secondary-400);
|
|
20878
|
+
--_no-btn-focus-bg: var(--theme-secondary-500);
|
|
20879
|
+
--_no-btn-active-bg: var(--theme-secondary-600);
|
|
20475
20880
|
}
|
|
20476
20881
|
@media (prefers-color-scheme: dark) {
|
|
20477
20882
|
body.theme-system .s-banner__info.s-banner__important {
|
|
20478
|
-
--
|
|
20479
|
-
--
|
|
20883
|
+
--_no-bg: var(--theme-secondary-300);
|
|
20884
|
+
--_no-fc: var(--black-900);
|
|
20480
20885
|
}
|
|
20481
20886
|
}
|
|
20482
20887
|
body.theme-dark .s-banner__info.s-banner__important,
|
|
20483
20888
|
.theme-dark__forced .s-banner__info.s-banner__important,
|
|
20484
20889
|
body.theme-system .theme-dark__forced .s-banner__info.s-banner__important {
|
|
20485
|
-
--
|
|
20486
|
-
--
|
|
20890
|
+
--_no-bg: var(--theme-secondary-300);
|
|
20891
|
+
--_no-fc: var(--black-900);
|
|
20487
20892
|
}
|
|
20488
20893
|
@media (prefers-color-scheme: dark) {
|
|
20489
20894
|
body.theme-highcontrast.theme-system .s-banner__info.s-banner__important {
|
|
20490
|
-
--
|
|
20491
|
-
--
|
|
20895
|
+
--_no-bg: var(--theme-secondary-400);
|
|
20896
|
+
--_no-fc: var(--white);
|
|
20492
20897
|
}
|
|
20493
20898
|
}
|
|
20494
20899
|
body.theme-highcontrast.theme-dark .s-banner__info.s-banner__important {
|
|
20495
|
-
--
|
|
20496
|
-
--
|
|
20900
|
+
--_no-bg: var(--theme-secondary-400);
|
|
20901
|
+
--_no-fc: var(--white);
|
|
20497
20902
|
}
|
|
20498
20903
|
.s-banner__success {
|
|
20499
|
-
--
|
|
20500
|
-
--
|
|
20501
|
-
--
|
|
20502
|
-
--
|
|
20904
|
+
--_no-bc: var(--green-200);
|
|
20905
|
+
--_no-bg: var(--green-050);
|
|
20906
|
+
--_no-btn-focus-bg: var(--green-100);
|
|
20907
|
+
--_no-btn-active-bg: var(--green-200);
|
|
20503
20908
|
}
|
|
20504
20909
|
body.theme-highcontrast .s-banner__success:not(.s-banner__important) {
|
|
20505
|
-
--
|
|
20910
|
+
--_no-bg: var(--green-200);
|
|
20506
20911
|
}
|
|
20507
20912
|
.s-banner__success.s-banner__important {
|
|
20508
|
-
--
|
|
20509
|
-
--
|
|
20510
|
-
--
|
|
20511
|
-
--
|
|
20512
|
-
--
|
|
20913
|
+
--_no-bc: var(--_no-bg);
|
|
20914
|
+
--_no-bg: var(--green-400);
|
|
20915
|
+
--_no-fc: var(--black-900);
|
|
20916
|
+
--_no-btn-focus-bg: var(--green-500);
|
|
20917
|
+
--_no-btn-active-bg: var(--green-600);
|
|
20513
20918
|
}
|
|
20514
20919
|
@media (prefers-color-scheme: dark) {
|
|
20515
20920
|
body.theme-system .s-banner__success.s-banner__important {
|
|
20516
|
-
--
|
|
20517
|
-
--
|
|
20921
|
+
--_no-bg: var(--green-500);
|
|
20922
|
+
--_no-fc: var(--white);
|
|
20518
20923
|
}
|
|
20519
20924
|
}
|
|
20520
20925
|
body.theme-dark .s-banner__success.s-banner__important,
|
|
20521
20926
|
.theme-dark__forced .s-banner__success.s-banner__important,
|
|
20522
20927
|
body.theme-system .theme-dark__forced .s-banner__success.s-banner__important {
|
|
20523
|
-
--
|
|
20524
|
-
--
|
|
20928
|
+
--_no-bg: var(--green-500);
|
|
20929
|
+
--_no-fc: var(--white);
|
|
20525
20930
|
}
|
|
20526
20931
|
body.theme-highcontrast .s-banner__success.s-banner__important {
|
|
20527
|
-
--
|
|
20528
|
-
--
|
|
20932
|
+
--_no-bg: var(--green-500);
|
|
20933
|
+
--_no-fc: var(--white);
|
|
20529
20934
|
}
|
|
20530
20935
|
.s-banner__warning {
|
|
20531
|
-
--
|
|
20532
|
-
--
|
|
20533
|
-
--
|
|
20534
|
-
--
|
|
20535
|
-
--
|
|
20936
|
+
--_no-bc: var(--yellow-300);
|
|
20937
|
+
--_no-bg: var(--yellow-050);
|
|
20938
|
+
--_no-btn-focus-bg: var(--yellow-200);
|
|
20939
|
+
--_no-btn-active-bg: var(--yellow-300);
|
|
20940
|
+
--_no-code-bg: var(--yellow-200);
|
|
20536
20941
|
}
|
|
20537
20942
|
body.theme-highcontrast .s-banner__warning:not(.s-banner__important) {
|
|
20538
|
-
--
|
|
20943
|
+
--_no-bg: var(--yellow-200);
|
|
20539
20944
|
}
|
|
20540
20945
|
.s-banner__warning.s-banner__important {
|
|
20541
|
-
--
|
|
20542
|
-
--
|
|
20543
|
-
--
|
|
20544
|
-
--
|
|
20545
|
-
--
|
|
20946
|
+
--_no-bc: var(--_no-bg);
|
|
20947
|
+
--_no-bg: var(--yellow-400);
|
|
20948
|
+
--_no-btn-focus-bg: var(--yellow-500);
|
|
20949
|
+
--_no-btn-active-bg: var(--yellow-600);
|
|
20950
|
+
--_no-fc: var(--black-900);
|
|
20546
20951
|
}
|
|
20547
20952
|
@media (prefers-color-scheme: dark) {
|
|
20548
20953
|
body.theme-system .s-banner__warning.s-banner__important {
|
|
20549
|
-
--
|
|
20550
|
-
--
|
|
20954
|
+
--_no-bg: var(--yellow-600);
|
|
20955
|
+
--_no-fc: var(--white);
|
|
20551
20956
|
}
|
|
20552
20957
|
}
|
|
20553
20958
|
body.theme-dark .s-banner__warning.s-banner__important,
|
|
20554
20959
|
.theme-dark__forced .s-banner__warning.s-banner__important,
|
|
20555
20960
|
body.theme-system .theme-dark__forced .s-banner__warning.s-banner__important {
|
|
20556
|
-
--
|
|
20557
|
-
--
|
|
20961
|
+
--_no-bg: var(--yellow-600);
|
|
20962
|
+
--_no-fc: var(--white);
|
|
20558
20963
|
}
|
|
20559
20964
|
body.theme-highcontrast .s-banner__warning.s-banner__important {
|
|
20560
|
-
--
|
|
20561
|
-
--
|
|
20965
|
+
--_no-bg: var(--yellow-700);
|
|
20966
|
+
--_no-fc: var(--white);
|
|
20562
20967
|
}
|
|
20563
20968
|
.s-banner__body-pt {
|
|
20564
20969
|
padding-top: 93px;
|
|
@@ -20567,12 +20972,12 @@ body.theme-highcontrast .s-banner__warning.s-banner__important {
|
|
|
20567
20972
|
z-index: calc(var(--zi-navigation-fixed) + 1);
|
|
20568
20973
|
}
|
|
20569
20974
|
.s-banner[aria-hidden="true"] {
|
|
20570
|
-
--
|
|
20975
|
+
--_no-x-offset: -50px;
|
|
20571
20976
|
visibility: hidden;
|
|
20572
20977
|
opacity: 0;
|
|
20573
20978
|
}
|
|
20574
20979
|
.s-banner[aria-hidden="false"] {
|
|
20575
|
-
--
|
|
20980
|
+
--_no-x-offset: 49px;
|
|
20576
20981
|
visibility: visible;
|
|
20577
20982
|
opacity: 1;
|
|
20578
20983
|
}
|
|
@@ -20583,17 +20988,17 @@ body.theme-highcontrast .s-banner__warning.s-banner__important {
|
|
|
20583
20988
|
margin: 0 auto;
|
|
20584
20989
|
}
|
|
20585
20990
|
.s-notice {
|
|
20586
|
-
background: var(--
|
|
20587
|
-
border-color: var(--
|
|
20991
|
+
background: var(--_no-bg, var(--black-050));
|
|
20992
|
+
border-color: var(--_no-bc, var(--bc-medium));
|
|
20588
20993
|
border-style: solid;
|
|
20589
|
-
color: var(--
|
|
20994
|
+
color: var(--_no-fc, var(--fc-medium));
|
|
20590
20995
|
font-size: var(--fs-body1);
|
|
20591
20996
|
border-radius: var(--br-sm);
|
|
20592
20997
|
border-width: var(--su-static1);
|
|
20593
20998
|
padding: var(--su16);
|
|
20594
20999
|
}
|
|
20595
21000
|
.s-notice code {
|
|
20596
|
-
background: var(--
|
|
21001
|
+
background: var(--_no-code-bg, transparent);
|
|
20597
21002
|
}
|
|
20598
21003
|
.s-notice .s-notice--btn {
|
|
20599
21004
|
color: inherit;
|
|
@@ -20601,189 +21006,189 @@ body.theme-highcontrast .s-banner__warning.s-banner__important {
|
|
|
20601
21006
|
}
|
|
20602
21007
|
.s-notice .s-notice--btn:focus,
|
|
20603
21008
|
.s-notice .s-notice--btn:hover {
|
|
20604
|
-
background: var(--
|
|
21009
|
+
background: var(--_no-btn-focus-bg, var(--black-100));
|
|
20605
21010
|
}
|
|
20606
21011
|
.s-notice .s-notice--btn:active {
|
|
20607
|
-
background: var(--
|
|
21012
|
+
background: var(--_no-btn-active-bg, var(--black-150));
|
|
20608
21013
|
}
|
|
20609
21014
|
@media (prefers-color-scheme: dark) {
|
|
20610
21015
|
body.theme-system .s-notice:not(.s-notice__important) {
|
|
20611
|
-
--
|
|
21016
|
+
--_no-bc: var(--_no-bg);
|
|
20612
21017
|
}
|
|
20613
21018
|
}
|
|
20614
21019
|
body.theme-dark .s-notice:not(.s-notice__important),
|
|
20615
21020
|
.theme-dark__forced .s-notice:not(.s-notice__important),
|
|
20616
21021
|
body.theme-system .theme-dark__forced .s-notice:not(.s-notice__important) {
|
|
20617
|
-
--
|
|
21022
|
+
--_no-bc: var(--_no-bg);
|
|
20618
21023
|
}
|
|
20619
21024
|
body.theme-highcontrast .s-notice:not(.s-notice__important) {
|
|
20620
|
-
--
|
|
21025
|
+
--_no-bc: currentColor;
|
|
20621
21026
|
}
|
|
20622
21027
|
@media (prefers-color-scheme: dark) {
|
|
20623
21028
|
body.theme-highcontrast.theme-system .s-notice:not(.s-notice__important) {
|
|
20624
|
-
--
|
|
21029
|
+
--_no-bc: currentColor;
|
|
20625
21030
|
}
|
|
20626
21031
|
}
|
|
20627
21032
|
body.theme-highcontrast.theme-dark .s-notice:not(.s-notice__important) {
|
|
20628
|
-
--
|
|
21033
|
+
--_no-bc: currentColor;
|
|
20629
21034
|
}
|
|
20630
21035
|
.s-notice__important {
|
|
20631
|
-
--
|
|
20632
|
-
--
|
|
20633
|
-
--
|
|
20634
|
-
--
|
|
20635
|
-
--
|
|
21036
|
+
--_no-bc: var(--_no-bg);
|
|
21037
|
+
--_no-bg: var(--black-700);
|
|
21038
|
+
--_no-fc: var(--white);
|
|
21039
|
+
--_no-btn-focus-bg: var(--black-800);
|
|
21040
|
+
--_no-btn-active-bg: var(--black-900);
|
|
20636
21041
|
}
|
|
20637
21042
|
body.theme-highcontrast .s-notice__important {
|
|
20638
|
-
--
|
|
21043
|
+
--_no-bc: var(--_no-bg);
|
|
20639
21044
|
}
|
|
20640
21045
|
.s-notice__danger {
|
|
20641
|
-
--
|
|
20642
|
-
--
|
|
20643
|
-
--
|
|
20644
|
-
--
|
|
21046
|
+
--_no-bc: var(--red-200);
|
|
21047
|
+
--_no-bg: var(--red-050);
|
|
21048
|
+
--_no-btn-focus-bg: var(--red-100);
|
|
21049
|
+
--_no-btn-active-bg: var(--red-200);
|
|
20645
21050
|
}
|
|
20646
21051
|
body.theme-highcontrast .s-notice__danger:not(.s-notice__important) {
|
|
20647
|
-
--
|
|
21052
|
+
--_no-bg: var(--red-200);
|
|
20648
21053
|
}
|
|
20649
21054
|
.s-notice__danger.s-notice__important {
|
|
20650
|
-
--
|
|
20651
|
-
--
|
|
20652
|
-
--
|
|
20653
|
-
--
|
|
21055
|
+
--_no-bc: var(--_no-bg);
|
|
21056
|
+
--_no-bg: var(--red-500);
|
|
21057
|
+
--_no-btn-focus-bg: var(--red-600);
|
|
21058
|
+
--_no-btn-active-bg: var(--red-700);
|
|
20654
21059
|
}
|
|
20655
21060
|
@media (prefers-color-scheme: dark) {
|
|
20656
21061
|
body.theme-system .s-notice__danger.s-notice__important {
|
|
20657
|
-
--
|
|
20658
|
-
--
|
|
21062
|
+
--_no-bg: var(--red-400);
|
|
21063
|
+
--_no-fc: var(--black-900);
|
|
20659
21064
|
}
|
|
20660
21065
|
}
|
|
20661
21066
|
body.theme-dark .s-notice__danger.s-notice__important,
|
|
20662
21067
|
.theme-dark__forced .s-notice__danger.s-notice__important,
|
|
20663
21068
|
body.theme-system .theme-dark__forced .s-notice__danger.s-notice__important {
|
|
20664
|
-
--
|
|
20665
|
-
--
|
|
21069
|
+
--_no-bg: var(--red-400);
|
|
21070
|
+
--_no-fc: var(--black-900);
|
|
20666
21071
|
}
|
|
20667
21072
|
@media (prefers-color-scheme: dark) {
|
|
20668
21073
|
body.theme-highcontrast.theme-system .s-notice__danger.s-notice__important {
|
|
20669
|
-
--
|
|
20670
|
-
--
|
|
21074
|
+
--_no-bg: var(--red-500);
|
|
21075
|
+
--_no-fc: var(--white);
|
|
20671
21076
|
}
|
|
20672
21077
|
}
|
|
20673
21078
|
body.theme-highcontrast.theme-dark .s-notice__danger.s-notice__important {
|
|
20674
|
-
--
|
|
20675
|
-
--
|
|
21079
|
+
--_no-bg: var(--red-500);
|
|
21080
|
+
--_no-fc: var(--white);
|
|
20676
21081
|
}
|
|
20677
21082
|
.s-notice__info {
|
|
20678
|
-
--
|
|
20679
|
-
--
|
|
20680
|
-
--
|
|
20681
|
-
--
|
|
20682
|
-
--
|
|
21083
|
+
--_no-bc: var(--theme-secondary-150);
|
|
21084
|
+
--_no-bg: var(--theme-secondary-050);
|
|
21085
|
+
--_no-btn-focus-bg: var(--theme-secondary-100);
|
|
21086
|
+
--_no-btn-active-bg: var(--theme-secondary-150);
|
|
21087
|
+
--_no-code-bg: var(--theme-secondary-150);
|
|
20683
21088
|
}
|
|
20684
21089
|
body.theme-highcontrast .s-notice__info:not(.s-notice__important) {
|
|
20685
|
-
--
|
|
21090
|
+
--_no-bg: var(--theme-secondary-100);
|
|
20686
21091
|
}
|
|
20687
21092
|
@media (prefers-color-scheme: dark) {
|
|
20688
21093
|
body.theme-highcontrast.theme-system .s-notice__info:not(.s-notice__important) {
|
|
20689
|
-
--
|
|
21094
|
+
--_no-bg: var(--theme-secondary-100);
|
|
20690
21095
|
}
|
|
20691
21096
|
}
|
|
20692
21097
|
body.theme-highcontrast.theme-dark .s-notice__info:not(.s-notice__important) {
|
|
20693
|
-
--
|
|
21098
|
+
--_no-bg: var(--theme-secondary-100);
|
|
20694
21099
|
}
|
|
20695
21100
|
.s-notice__info.s-notice__important {
|
|
20696
|
-
--
|
|
20697
|
-
--
|
|
20698
|
-
--
|
|
20699
|
-
--
|
|
21101
|
+
--_no-bc: var(--_no-bg);
|
|
21102
|
+
--_no-bg: var(--theme-secondary-400);
|
|
21103
|
+
--_no-btn-focus-bg: var(--theme-secondary-500);
|
|
21104
|
+
--_no-btn-active-bg: var(--theme-secondary-600);
|
|
20700
21105
|
}
|
|
20701
21106
|
@media (prefers-color-scheme: dark) {
|
|
20702
21107
|
body.theme-system .s-notice__info.s-notice__important {
|
|
20703
|
-
--
|
|
20704
|
-
--
|
|
21108
|
+
--_no-bg: var(--theme-secondary-300);
|
|
21109
|
+
--_no-fc: var(--black-900);
|
|
20705
21110
|
}
|
|
20706
21111
|
}
|
|
20707
21112
|
body.theme-dark .s-notice__info.s-notice__important,
|
|
20708
21113
|
.theme-dark__forced .s-notice__info.s-notice__important,
|
|
20709
21114
|
body.theme-system .theme-dark__forced .s-notice__info.s-notice__important {
|
|
20710
|
-
--
|
|
20711
|
-
--
|
|
21115
|
+
--_no-bg: var(--theme-secondary-300);
|
|
21116
|
+
--_no-fc: var(--black-900);
|
|
20712
21117
|
}
|
|
20713
21118
|
@media (prefers-color-scheme: dark) {
|
|
20714
21119
|
body.theme-highcontrast.theme-system .s-notice__info.s-notice__important {
|
|
20715
|
-
--
|
|
20716
|
-
--
|
|
21120
|
+
--_no-bg: var(--theme-secondary-400);
|
|
21121
|
+
--_no-fc: var(--white);
|
|
20717
21122
|
}
|
|
20718
21123
|
}
|
|
20719
21124
|
body.theme-highcontrast.theme-dark .s-notice__info.s-notice__important {
|
|
20720
|
-
--
|
|
20721
|
-
--
|
|
21125
|
+
--_no-bg: var(--theme-secondary-400);
|
|
21126
|
+
--_no-fc: var(--white);
|
|
20722
21127
|
}
|
|
20723
21128
|
.s-notice__success {
|
|
20724
|
-
--
|
|
20725
|
-
--
|
|
20726
|
-
--
|
|
20727
|
-
--
|
|
21129
|
+
--_no-bc: var(--green-200);
|
|
21130
|
+
--_no-bg: var(--green-050);
|
|
21131
|
+
--_no-btn-focus-bg: var(--green-100);
|
|
21132
|
+
--_no-btn-active-bg: var(--green-200);
|
|
20728
21133
|
}
|
|
20729
21134
|
body.theme-highcontrast .s-notice__success:not(.s-notice__important) {
|
|
20730
|
-
--
|
|
21135
|
+
--_no-bg: var(--green-200);
|
|
20731
21136
|
}
|
|
20732
21137
|
.s-notice__success.s-notice__important {
|
|
20733
|
-
--
|
|
20734
|
-
--
|
|
20735
|
-
--
|
|
20736
|
-
--
|
|
20737
|
-
--
|
|
21138
|
+
--_no-bc: var(--_no-bg);
|
|
21139
|
+
--_no-bg: var(--green-400);
|
|
21140
|
+
--_no-fc: var(--black-900);
|
|
21141
|
+
--_no-btn-focus-bg: var(--green-500);
|
|
21142
|
+
--_no-btn-active-bg: var(--green-600);
|
|
20738
21143
|
}
|
|
20739
21144
|
@media (prefers-color-scheme: dark) {
|
|
20740
21145
|
body.theme-system .s-notice__success.s-notice__important {
|
|
20741
|
-
--
|
|
20742
|
-
--
|
|
21146
|
+
--_no-bg: var(--green-500);
|
|
21147
|
+
--_no-fc: var(--white);
|
|
20743
21148
|
}
|
|
20744
21149
|
}
|
|
20745
21150
|
body.theme-dark .s-notice__success.s-notice__important,
|
|
20746
21151
|
.theme-dark__forced .s-notice__success.s-notice__important,
|
|
20747
21152
|
body.theme-system .theme-dark__forced .s-notice__success.s-notice__important {
|
|
20748
|
-
--
|
|
20749
|
-
--
|
|
21153
|
+
--_no-bg: var(--green-500);
|
|
21154
|
+
--_no-fc: var(--white);
|
|
20750
21155
|
}
|
|
20751
21156
|
body.theme-highcontrast .s-notice__success.s-notice__important {
|
|
20752
|
-
--
|
|
20753
|
-
--
|
|
21157
|
+
--_no-bg: var(--green-500);
|
|
21158
|
+
--_no-fc: var(--white);
|
|
20754
21159
|
}
|
|
20755
21160
|
.s-notice__warning {
|
|
20756
|
-
--
|
|
20757
|
-
--
|
|
20758
|
-
--
|
|
20759
|
-
--
|
|
20760
|
-
--
|
|
21161
|
+
--_no-bc: var(--yellow-300);
|
|
21162
|
+
--_no-bg: var(--yellow-050);
|
|
21163
|
+
--_no-btn-focus-bg: var(--yellow-200);
|
|
21164
|
+
--_no-btn-active-bg: var(--yellow-300);
|
|
21165
|
+
--_no-code-bg: var(--yellow-200);
|
|
20761
21166
|
}
|
|
20762
21167
|
body.theme-highcontrast .s-notice__warning:not(.s-notice__important) {
|
|
20763
|
-
--
|
|
21168
|
+
--_no-bg: var(--yellow-200);
|
|
20764
21169
|
}
|
|
20765
21170
|
.s-notice__warning.s-notice__important {
|
|
20766
|
-
--
|
|
20767
|
-
--
|
|
20768
|
-
--
|
|
20769
|
-
--
|
|
20770
|
-
--
|
|
21171
|
+
--_no-bc: var(--_no-bg);
|
|
21172
|
+
--_no-bg: var(--yellow-400);
|
|
21173
|
+
--_no-btn-focus-bg: var(--yellow-500);
|
|
21174
|
+
--_no-btn-active-bg: var(--yellow-600);
|
|
21175
|
+
--_no-fc: var(--black-900);
|
|
20771
21176
|
}
|
|
20772
21177
|
@media (prefers-color-scheme: dark) {
|
|
20773
21178
|
body.theme-system .s-notice__warning.s-notice__important {
|
|
20774
|
-
--
|
|
20775
|
-
--
|
|
21179
|
+
--_no-bg: var(--yellow-600);
|
|
21180
|
+
--_no-fc: var(--white);
|
|
20776
21181
|
}
|
|
20777
21182
|
}
|
|
20778
21183
|
body.theme-dark .s-notice__warning.s-notice__important,
|
|
20779
21184
|
.theme-dark__forced .s-notice__warning.s-notice__important,
|
|
20780
21185
|
body.theme-system .theme-dark__forced .s-notice__warning.s-notice__important {
|
|
20781
|
-
--
|
|
20782
|
-
--
|
|
21186
|
+
--_no-bg: var(--yellow-600);
|
|
21187
|
+
--_no-fc: var(--white);
|
|
20783
21188
|
}
|
|
20784
21189
|
body.theme-highcontrast .s-notice__warning.s-notice__important {
|
|
20785
|
-
--
|
|
20786
|
-
--
|
|
21190
|
+
--_no-bg: var(--yellow-700);
|
|
21191
|
+
--_no-fc: var(--white);
|
|
20787
21192
|
}
|
|
20788
21193
|
.s-toast {
|
|
20789
21194
|
visibility: hidden;
|
|
@@ -20819,290 +21224,235 @@ body.theme-highcontrast .s-notice__warning.s-notice__important {
|
|
|
20819
21224
|
pointer-events: all;
|
|
20820
21225
|
}
|
|
20821
21226
|
.s-tag {
|
|
20822
|
-
|
|
21227
|
+
--_ta-bc: var(--theme-tag-border-color);
|
|
21228
|
+
--_ta-bg: var(--theme-tag-background-color);
|
|
21229
|
+
--_ta-br: var(--br-sm);
|
|
21230
|
+
--_ta-fc: var(--theme-tag-color);
|
|
21231
|
+
--_ta-fs: var(--fs-caption);
|
|
21232
|
+
--_ta-lh: 1.84615385;
|
|
21233
|
+
--_ta-pl: var(--_ta-px);
|
|
21234
|
+
--_ta-pr: var(--_ta-px);
|
|
21235
|
+
--_ta-px: var(--su4);
|
|
21236
|
+
--_ta-bc-hover: var(--theme-tag-hover-border-color);
|
|
21237
|
+
--_ta-bg-hover: var(--theme-tag-hover-background-color);
|
|
21238
|
+
--_ta-fc-hover: var(--theme-tag-hover-color);
|
|
21239
|
+
--_ta-bc-selected: transparent;
|
|
21240
|
+
--_ta-bg-selected: var(--theme-secondary-200);
|
|
21241
|
+
--_ta-fc-selected: var(--theme-secondary-900);
|
|
21242
|
+
background-color: var(--_ta-bg);
|
|
21243
|
+
border: var(--su-static1) solid var(--_ta-bc);
|
|
21244
|
+
border-radius: var(--_ta-br);
|
|
21245
|
+
color: var(--_ta-fc);
|
|
21246
|
+
font-size: var(--_ta-fs);
|
|
21247
|
+
line-height: var(--_ta-lh);
|
|
21248
|
+
padding-left: var(--_ta-pl);
|
|
21249
|
+
padding-right: var(--_ta-pr);
|
|
20823
21250
|
align-items: center;
|
|
21251
|
+
display: inline-flex;
|
|
20824
21252
|
justify-content: center;
|
|
20825
21253
|
min-width: 0;
|
|
20826
|
-
padding-left: var(--su4);
|
|
20827
|
-
padding-right: var(--su4);
|
|
20828
|
-
border-style: solid;
|
|
20829
|
-
border-width: 1px;
|
|
20830
|
-
border-radius: var(--br-sm);
|
|
20831
|
-
font-size: var(--fs-caption);
|
|
20832
|
-
line-height: 1.84615385;
|
|
20833
21254
|
text-decoration: none;
|
|
20834
21255
|
vertical-align: middle;
|
|
20835
21256
|
white-space: nowrap;
|
|
20836
|
-
border-color: var(--theme-tag-border-color);
|
|
20837
|
-
background-color: var(--theme-tag-background-color);
|
|
20838
|
-
color: var(--theme-tag-color);
|
|
20839
|
-
}
|
|
20840
|
-
body.theme-highcontrast .s-tag {
|
|
20841
|
-
border-color: currentColor;
|
|
20842
|
-
}
|
|
20843
|
-
.s-tag .s-tag--dismiss {
|
|
20844
|
-
color: inherit;
|
|
20845
|
-
background-color: transparent;
|
|
20846
|
-
}
|
|
20847
|
-
.s-tag .s-tag--dismiss:hover {
|
|
20848
|
-
color: var(--theme-tag-background-color);
|
|
20849
|
-
background-color: var(--theme-tag-color);
|
|
20850
|
-
}
|
|
20851
|
-
body.theme-highcontrast .s-tag .s-tag--dismiss:hover {
|
|
20852
|
-
color: var(--white);
|
|
20853
21257
|
}
|
|
20854
21258
|
body.theme-highcontrast .s-tag {
|
|
21259
|
+
--_ta-bc: currentColor;
|
|
20855
21260
|
text-decoration: none;
|
|
20856
21261
|
}
|
|
20857
|
-
.s-tag.is-selected {
|
|
20858
|
-
border-color: transparent;
|
|
20859
|
-
background-color: var(--theme-secondary-200);
|
|
20860
|
-
color: var(--theme-secondary-900);
|
|
20861
|
-
}
|
|
20862
|
-
body.theme-highcontrast .s-tag.is-selected {
|
|
20863
|
-
border-color: currentColor;
|
|
20864
|
-
}
|
|
20865
21262
|
.s-tag.s-tag__xs {
|
|
20866
|
-
|
|
20867
|
-
|
|
20868
|
-
|
|
20869
|
-
padding-right: var(--su2);
|
|
21263
|
+
--_ta-fs: var(--fs-fine);
|
|
21264
|
+
--_ta-lh: 1.4;
|
|
21265
|
+
--_ta-px: var(--su2);
|
|
20870
21266
|
}
|
|
20871
21267
|
.s-tag.s-tag__sm {
|
|
20872
|
-
|
|
20873
|
-
|
|
21268
|
+
--_ta-fs: var(--fs-caption);
|
|
21269
|
+
--_ta-lh: 1.5;
|
|
20874
21270
|
}
|
|
20875
21271
|
.s-tag.s-tag__md {
|
|
20876
|
-
|
|
20877
|
-
|
|
20878
|
-
|
|
20879
|
-
line-height: 1.73333333;
|
|
21272
|
+
--_ta-px: var(--su6);
|
|
21273
|
+
--_ta-fs: var(--fs-body2);
|
|
21274
|
+
--_ta-lh: 1.73333333;
|
|
20880
21275
|
}
|
|
20881
21276
|
.s-tag.s-tag__lg {
|
|
20882
|
-
|
|
20883
|
-
|
|
20884
|
-
|
|
20885
|
-
|
|
20886
|
-
line-height: 1.68421053;
|
|
21277
|
+
--_ta-br: calc(var(--br-sm) + 1px);
|
|
21278
|
+
--_ta-fs: var(--fs-subheading);
|
|
21279
|
+
--_ta-lh: 1.68421053;
|
|
21280
|
+
--_ta-px: var(--su6);
|
|
20887
21281
|
}
|
|
20888
|
-
|
|
20889
|
-
|
|
20890
|
-
|
|
20891
|
-
|
|
20892
|
-
|
|
20893
|
-
|
|
21282
|
+
.s-tag__ignored,
|
|
21283
|
+
.s-tag.s-tag__ignored,
|
|
21284
|
+
.s-tag__watched,
|
|
21285
|
+
.s-tag.s-tag__watched {
|
|
21286
|
+
--_ta-pl: calc(var(--su-static24) - var(--su-static2));
|
|
21287
|
+
--_ta-before-size: calc(var(--su-static16) - var(--su-static2));
|
|
21288
|
+
position: relative;
|
|
20894
21289
|
}
|
|
20895
|
-
|
|
20896
|
-
|
|
20897
|
-
|
|
20898
|
-
|
|
21290
|
+
.s-tag__ignored:before,
|
|
21291
|
+
.s-tag.s-tag__ignored:before,
|
|
21292
|
+
.s-tag__watched:before,
|
|
21293
|
+
.s-tag.s-tag__watched:before {
|
|
21294
|
+
height: var(--_ta-before-size);
|
|
21295
|
+
width: var(--_ta-before-size);
|
|
21296
|
+
-webkit-mask: var(--_ta-before-icon) no-repeat center;
|
|
21297
|
+
mask: var(--_ta-before-icon) no-repeat center;
|
|
21298
|
+
background-color: currentColor;
|
|
21299
|
+
content: "";
|
|
21300
|
+
display: block;
|
|
21301
|
+
left: var(--su-static4);
|
|
21302
|
+
margin-right: var(--su2);
|
|
21303
|
+
position: absolute;
|
|
21304
|
+
top: calc(50% - calc(var(--su-static8) - var(--su-static1)));
|
|
21305
|
+
-webkit-mask-size: contain;
|
|
21306
|
+
mask-size: contain;
|
|
20899
21307
|
}
|
|
20900
|
-
.s-
|
|
20901
|
-
|
|
21308
|
+
.s-tag__ignored,
|
|
21309
|
+
.s-tag.s-tag__ignored {
|
|
21310
|
+
--_ta-before-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
|
|
21311
|
+
}
|
|
21312
|
+
.s-tag.s-tag__moderator {
|
|
21313
|
+
--_ta-bc: var(--red-200);
|
|
21314
|
+
--_ta-bg: var(--red-050);
|
|
21315
|
+
--_ta-fc: var(--red-800);
|
|
21316
|
+
--_ta-bc-hover: var(--red-300);
|
|
21317
|
+
--_ta-bg-hover: var(--red-100);
|
|
21318
|
+
--_ta-fc-hover: var(--red-900);
|
|
21319
|
+
--_ta-bc-selected: var(--red-400);
|
|
21320
|
+
--_ta-bg-selected: var(--red-200);
|
|
21321
|
+
--_ta-fc-selected: var(--red-800);
|
|
21322
|
+
}
|
|
21323
|
+
.s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__required) {
|
|
21324
|
+
--_ta-bc: transparent;
|
|
21325
|
+
--_ta-bg: var(--black-075);
|
|
21326
|
+
--_ta-fc: var(--black-700);
|
|
21327
|
+
--_ta-bc-hover: transparent;
|
|
21328
|
+
--_ta-bg-hover: var(--black-100);
|
|
21329
|
+
--_ta-fc-hover: var(--black-800);
|
|
21330
|
+
--_ta-bc-selected: transparent;
|
|
21331
|
+
--_ta-bg-selected: var(--black-200);
|
|
21332
|
+
--_ta-fc-selected: var(--black-900);
|
|
21333
|
+
}
|
|
21334
|
+
body.theme-highcontrast .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__required) {
|
|
21335
|
+
--_ta-bc: currentColor;
|
|
21336
|
+
}
|
|
21337
|
+
.s-tag.s-tag__required:not(.s-tag__moderator) {
|
|
21338
|
+
--_ta-bc: var(--bc-darker);
|
|
21339
|
+
--_ta-bg: var(--black-075);
|
|
21340
|
+
--_ta-fc: var(--black-700);
|
|
21341
|
+
--_ta-bc-hover: var(--black-300);
|
|
21342
|
+
--_ta-bg-hover: var(--black-100);
|
|
21343
|
+
--_ta-fc-hover: var(--black-800);
|
|
21344
|
+
--_ta-bc-selected: var(--black-500);
|
|
21345
|
+
--_ta-bg-selected: var(--black-200);
|
|
21346
|
+
--_ta-fc-selected: var(--black-900);
|
|
21347
|
+
}
|
|
21348
|
+
.s-tag__watched,
|
|
21349
|
+
.s-tag.s-tag__watched {
|
|
21350
|
+
--_ta-before-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E");
|
|
21351
|
+
}
|
|
21352
|
+
.s-tag .s-tag--dismiss {
|
|
20902
21353
|
align-content: center;
|
|
20903
21354
|
align-self: center;
|
|
20904
|
-
|
|
20905
|
-
|
|
21355
|
+
background-color: transparent;
|
|
21356
|
+
border-radius: var(--br-sm);
|
|
21357
|
+
color: inherit;
|
|
21358
|
+
cursor: pointer;
|
|
21359
|
+
display: flex;
|
|
20906
21360
|
height: var(--su-static16);
|
|
21361
|
+
justify-content: center;
|
|
20907
21362
|
margin-left: var(--su4);
|
|
20908
21363
|
padding: var(--su1);
|
|
20909
|
-
|
|
20910
|
-
|
|
21364
|
+
width: var(--su-static16);
|
|
21365
|
+
}
|
|
21366
|
+
.s-tag .s-tag--dismiss:hover {
|
|
21367
|
+
background-color: var(--_ta-fc);
|
|
21368
|
+
color: var(--_ta-bg);
|
|
20911
21369
|
}
|
|
20912
|
-
.s-tag--dismiss:hover {
|
|
21370
|
+
body.theme-highcontrast .s-tag .s-tag--dismiss:hover {
|
|
20913
21371
|
color: var(--white);
|
|
20914
21372
|
}
|
|
20915
|
-
.s-tag--sponsor {
|
|
20916
|
-
display: inline-flex;
|
|
21373
|
+
.s-tag .s-tag--sponsor {
|
|
20917
21374
|
align-self: center;
|
|
21375
|
+
border-radius: calc(var(--br-sm) - var(--su-static1));
|
|
21376
|
+
display: inline-flex;
|
|
20918
21377
|
margin: calc(var(--su1) * -1) var(--su4) calc(var(--su2) * -1) calc(var(--su2) * -1);
|
|
20919
21378
|
max-width: calc(var(--su-static16) + var(--su-static2));
|
|
20920
|
-
border-radius: calc(var(--br-sm) - 1px);
|
|
20921
21379
|
}
|
|
20922
|
-
.s-tag--sponsor
|
|
20923
|
-
.s-tag--sponsor
|
|
21380
|
+
.s-tag .s-tag--sponsor img,
|
|
21381
|
+
.s-tag .s-tag--sponsor .svg-icon {
|
|
20924
21382
|
width: 100%;
|
|
20925
21383
|
height: 100%;
|
|
20926
21384
|
}
|
|
20927
|
-
.s-
|
|
20928
|
-
|
|
20929
|
-
|
|
20930
|
-
color: var(--
|
|
20931
|
-
|
|
20932
|
-
|
|
20933
|
-
border-color: currentColor;
|
|
20934
|
-
}
|
|
20935
|
-
.s-tag__required .s-tag--dismiss {
|
|
20936
|
-
color: inherit;
|
|
20937
|
-
background-color: transparent;
|
|
20938
|
-
}
|
|
20939
|
-
.s-tag__required .s-tag--dismiss:hover {
|
|
20940
|
-
color: var(--black-075);
|
|
20941
|
-
background-color: var(--black-700);
|
|
20942
|
-
}
|
|
20943
|
-
body.theme-highcontrast .s-tag__required .s-tag--dismiss:hover {
|
|
20944
|
-
color: var(--white);
|
|
20945
|
-
}
|
|
20946
|
-
.s-tag__required.is-selected {
|
|
20947
|
-
border-color: var(--black-500);
|
|
20948
|
-
background-color: var(--black-200);
|
|
20949
|
-
color: var(--black-900);
|
|
20950
|
-
}
|
|
20951
|
-
body.theme-highcontrast .s-tag__required.is-selected {
|
|
20952
|
-
border-color: currentColor;
|
|
20953
|
-
}
|
|
20954
|
-
a.s-tag__required:not(.is-selected):hover,
|
|
20955
|
-
a.s-tag__required:not(.is-selected):focus,
|
|
20956
|
-
a.s-tag__required:not(.is-selected):active {
|
|
20957
|
-
border-color: var(--black-300);
|
|
20958
|
-
background-color: var(--black-100);
|
|
20959
|
-
color: var(--black-800);
|
|
20960
|
-
}
|
|
20961
|
-
body.theme-highcontrast a.s-tag__required:not(.is-selected):hover,
|
|
20962
|
-
body.theme-highcontrast a.s-tag__required:not(.is-selected):focus,
|
|
20963
|
-
body.theme-highcontrast a.s-tag__required:not(.is-selected):active {
|
|
20964
|
-
border-color: currentColor;
|
|
20965
|
-
}
|
|
20966
|
-
.s-tag__moderator {
|
|
20967
|
-
border-color: var(--red-200);
|
|
20968
|
-
background-color: var(--red-050);
|
|
20969
|
-
color: var(--red-800);
|
|
20970
|
-
}
|
|
20971
|
-
body.theme-highcontrast .s-tag__moderator {
|
|
20972
|
-
border-color: currentColor;
|
|
20973
|
-
}
|
|
20974
|
-
.s-tag__moderator .s-tag--dismiss {
|
|
20975
|
-
color: inherit;
|
|
20976
|
-
background-color: transparent;
|
|
20977
|
-
}
|
|
20978
|
-
.s-tag__moderator .s-tag--dismiss:hover {
|
|
20979
|
-
color: var(--red-050);
|
|
20980
|
-
background-color: var(--red-800);
|
|
20981
|
-
}
|
|
20982
|
-
body.theme-highcontrast .s-tag__moderator .s-tag--dismiss:hover {
|
|
20983
|
-
color: var(--white);
|
|
20984
|
-
}
|
|
20985
|
-
.s-tag__moderator.is-selected {
|
|
20986
|
-
border-color: var(--red-400);
|
|
20987
|
-
background-color: var(--red-200);
|
|
20988
|
-
color: var(--red-800);
|
|
20989
|
-
}
|
|
20990
|
-
body.theme-highcontrast .s-tag__moderator.is-selected {
|
|
20991
|
-
border-color: currentColor;
|
|
20992
|
-
}
|
|
20993
|
-
a.s-tag__moderator:not(.is-selected):hover,
|
|
20994
|
-
a.s-tag__moderator:not(.is-selected):focus,
|
|
20995
|
-
a.s-tag__moderator:not(.is-selected):active {
|
|
20996
|
-
border-color: var(--red-300);
|
|
20997
|
-
background-color: var(--red-100);
|
|
20998
|
-
color: var(--red-900);
|
|
20999
|
-
}
|
|
21000
|
-
body.theme-highcontrast a.s-tag__moderator:not(.is-selected):hover,
|
|
21001
|
-
body.theme-highcontrast a.s-tag__moderator:not(.is-selected):focus,
|
|
21002
|
-
body.theme-highcontrast a.s-tag__moderator:not(.is-selected):active {
|
|
21003
|
-
border-color: currentColor;
|
|
21004
|
-
}
|
|
21005
|
-
.s-tag__muted {
|
|
21006
|
-
border-color: transparent;
|
|
21007
|
-
background-color: var(--black-075);
|
|
21008
|
-
color: var(--black-700);
|
|
21009
|
-
}
|
|
21010
|
-
body.theme-highcontrast .s-tag__muted {
|
|
21011
|
-
border-color: currentColor;
|
|
21012
|
-
}
|
|
21013
|
-
.s-tag__muted .s-tag--dismiss {
|
|
21014
|
-
color: inherit;
|
|
21015
|
-
background-color: transparent;
|
|
21016
|
-
}
|
|
21017
|
-
.s-tag__muted .s-tag--dismiss:hover {
|
|
21018
|
-
color: var(--black-075);
|
|
21019
|
-
background-color: var(--black-700);
|
|
21020
|
-
}
|
|
21021
|
-
body.theme-highcontrast .s-tag__muted .s-tag--dismiss:hover {
|
|
21022
|
-
color: var(--white);
|
|
21023
|
-
}
|
|
21024
|
-
.s-tag__muted.is-selected {
|
|
21025
|
-
border-color: transparent;
|
|
21026
|
-
background-color: var(--black-200);
|
|
21027
|
-
color: var(--black-900);
|
|
21385
|
+
a.s-tag:not(.is-selected):hover,
|
|
21386
|
+
a.s-tag:not(.is-selected):focus,
|
|
21387
|
+
a.s-tag:not(.is-selected):active {
|
|
21388
|
+
background-color: var(--_ta-bg-hover);
|
|
21389
|
+
border-color: var(--_ta-bc-hover);
|
|
21390
|
+
color: var(--_ta-fc-hover);
|
|
21028
21391
|
}
|
|
21029
|
-
body.theme-highcontrast .s-
|
|
21392
|
+
body.theme-highcontrast a.s-tag:not(.is-selected):hover,
|
|
21393
|
+
body.theme-highcontrast a.s-tag:not(.is-selected):focus,
|
|
21394
|
+
body.theme-highcontrast a.s-tag:not(.is-selected):active {
|
|
21030
21395
|
border-color: currentColor;
|
|
21031
21396
|
}
|
|
21032
|
-
|
|
21033
|
-
a.s-
|
|
21034
|
-
a.s-
|
|
21035
|
-
|
|
21036
|
-
|
|
21037
|
-
color: var(--
|
|
21038
|
-
|
|
21039
|
-
|
|
21040
|
-
|
|
21041
|
-
body.theme-highcontrast
|
|
21397
|
+
.s-tag.is-selected,
|
|
21398
|
+
a.s-tag.is-selected,
|
|
21399
|
+
a.s-tag.is-selected:active,
|
|
21400
|
+
a.s-tag.is-selected:hover,
|
|
21401
|
+
a.s-tag.is-selected:focus {
|
|
21402
|
+
background-color: var(--_ta-bg-selected);
|
|
21403
|
+
border-color: var(--_ta-bc-selected);
|
|
21404
|
+
color: var(--_ta-fc-selected);
|
|
21405
|
+
}
|
|
21406
|
+
body.theme-highcontrast .s-tag.is-selected,
|
|
21407
|
+
body.theme-highcontrast a.s-tag.is-selected,
|
|
21408
|
+
body.theme-highcontrast a.s-tag.is-selected:active,
|
|
21409
|
+
body.theme-highcontrast a.s-tag.is-selected:hover,
|
|
21410
|
+
body.theme-highcontrast a.s-tag.is-selected:focus {
|
|
21042
21411
|
border-color: currentColor;
|
|
21043
21412
|
}
|
|
21044
|
-
.s-tag__watched,
|
|
21045
|
-
.s-tag__ignored {
|
|
21046
|
-
position: relative;
|
|
21047
|
-
padding-left: 22px;
|
|
21048
|
-
}
|
|
21049
|
-
.s-tag__watched:before,
|
|
21050
|
-
.s-tag__ignored:before {
|
|
21051
|
-
content: "";
|
|
21052
|
-
display: block;
|
|
21053
|
-
width: 14px;
|
|
21054
|
-
height: 14px;
|
|
21055
|
-
margin-right: var(--su2);
|
|
21056
|
-
background-color: currentColor;
|
|
21057
|
-
position: absolute;
|
|
21058
|
-
left: 4px;
|
|
21059
|
-
top: calc(50% - 7px);
|
|
21060
|
-
-webkit-mask: var(--s-tag-icon) no-repeat center;
|
|
21061
|
-
mask: var(--s-tag-icon) no-repeat center;
|
|
21062
|
-
-webkit-mask-size: contain;
|
|
21063
|
-
mask-size: contain;
|
|
21064
|
-
}
|
|
21065
|
-
.s-tag__watched {
|
|
21066
|
-
--s-tag-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E");
|
|
21067
|
-
}
|
|
21068
|
-
.s-tag__ignored {
|
|
21069
|
-
--s-tag-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
|
|
21070
|
-
}
|
|
21071
21413
|
.s-pagination {
|
|
21072
21414
|
display: flex;
|
|
21073
21415
|
flex-wrap: wrap;
|
|
21074
|
-
|
|
21075
|
-
margin-right: calc(var(--su2) * -1);
|
|
21416
|
+
gap: var(--su4);
|
|
21076
21417
|
}
|
|
21077
|
-
.s-pagination--item {
|
|
21078
|
-
|
|
21079
|
-
|
|
21080
|
-
|
|
21081
|
-
|
|
21418
|
+
.s-pagination .s-pagination--item {
|
|
21419
|
+
--_pa-item-bg: transparent;
|
|
21420
|
+
--_pa-item-bc: var(--bc-medium);
|
|
21421
|
+
--_pa-item-fc: var(--fc-medium);
|
|
21422
|
+
--_pa-item-bg-hover: var(--black-100);
|
|
21423
|
+
--_pa-item-bc-hover: var(--bc-darker);
|
|
21424
|
+
--_pa-item-fc-hover: var(--fc-dark);
|
|
21425
|
+
background-color: var(--_pa-item-bg);
|
|
21426
|
+
border: 1px solid var(--_pa-item-bc);
|
|
21427
|
+
color: var(--_pa-item-fc);
|
|
21082
21428
|
border-radius: var(--br-sm);
|
|
21083
|
-
border: 1px solid var(--bc-medium);
|
|
21084
21429
|
font-size: var(--fs-body1);
|
|
21085
21430
|
line-height: var(--lh-xl);
|
|
21086
|
-
|
|
21431
|
+
padding: 0 var(--su8);
|
|
21087
21432
|
}
|
|
21088
|
-
body.theme-highcontrast .s-pagination--item {
|
|
21433
|
+
body.theme-highcontrast .s-pagination .s-pagination--item {
|
|
21089
21434
|
text-decoration: none;
|
|
21090
21435
|
}
|
|
21091
|
-
.s-pagination--item
|
|
21092
|
-
|
|
21093
|
-
|
|
21094
|
-
|
|
21095
|
-
}
|
|
21096
|
-
.s-pagination--item.
|
|
21097
|
-
|
|
21098
|
-
|
|
21099
|
-
|
|
21100
|
-
}
|
|
21101
|
-
.s-pagination
|
|
21102
|
-
.s-pagination--item.s-pagination--item__clear
|
|
21103
|
-
|
|
21104
|
-
|
|
21105
|
-
|
|
21436
|
+
.s-pagination .s-pagination--item.is-selected {
|
|
21437
|
+
--_pa-item-bg: var(--theme-primary-color);
|
|
21438
|
+
--_pa-item-bc: transparent;
|
|
21439
|
+
--_pa-item-fc: var(--white);
|
|
21440
|
+
}
|
|
21441
|
+
.s-pagination .s-pagination--item.s-pagination .s-pagination--item__clear {
|
|
21442
|
+
--_pa-item-bg: transparent;
|
|
21443
|
+
--_pa-item-bc: transparent;
|
|
21444
|
+
--_pa-item-fc: inherit;
|
|
21445
|
+
}
|
|
21446
|
+
.s-pagination .s-pagination--item.is-selected,
|
|
21447
|
+
.s-pagination .s-pagination--item.s-pagination .s-pagination--item__clear {
|
|
21448
|
+
--_pa-item-bc-hover: var(--_pa-item-bc);
|
|
21449
|
+
--_pa-item-bg-hover: var(--_pa-item-bg);
|
|
21450
|
+
--_pa-item-fc-hover: var(--_pa-item-fc);
|
|
21451
|
+
}
|
|
21452
|
+
.s-pagination .s-pagination--item:hover {
|
|
21453
|
+
background-color: var(--_pa-item-bg-hover);
|
|
21454
|
+
border-color: var(--_pa-item-bc-hover);
|
|
21455
|
+
color: var(--_pa-item-fc-hover);
|
|
21106
21456
|
}
|
|
21107
21457
|
.s-sidebarwidget--item[aria-current="true"]:before,
|
|
21108
21458
|
.s-sidebarwidget--item > :first-child[aria-current="true"]:before,
|