@stackoverflow/stacks 3.0.0-beta.0 → 3.0.0-beta.2
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 +781 -729
- package/dist/css/stacks.min.css +1 -1
- package/dist/js/stacks.js +0 -14
- package/dist/js/stacks.min.js +1 -1
- package/lib/atomic/border.less +2 -20
- package/lib/atomic/misc.less +1 -1
- package/lib/atomic/typography.less +13 -26
- package/lib/base/body.less +2 -7
- package/lib/components/activity-indicator/activity-indicator.less +17 -13
- package/lib/components/anchor/anchor.less +1 -1
- package/lib/components/avatar/avatar.less +9 -11
- package/lib/components/award-bling/award-bling.less +4 -3
- package/lib/components/badge/badge.less +7 -7
- package/lib/components/block-link/block-link.less +1 -1
- package/lib/components/button/button.less +1 -1
- package/lib/components/button-group/button-group.less +1 -1
- package/lib/components/card/card.less +1 -1
- package/lib/components/checkbox_radio/checkbox_radio.less +13 -11
- package/lib/components/link/link.less +1 -1
- package/lib/components/link-preview/link-preview.less +6 -6
- package/lib/components/modal/modal.less +1 -1
- package/lib/components/notice/notice.less +1 -1
- package/lib/components/pagination/pagination.less +1 -1
- package/lib/components/popover/popover.less +0 -98
- package/lib/components/popover/popover.ts +0 -6
- package/lib/components/popover/tooltip.ts +0 -12
- package/lib/components/post-summary/post-summary.less +3 -3
- package/lib/components/progress-bar/progress-bar.less +13 -12
- package/lib/components/prose/prose.less +2 -2
- package/lib/components/skeleton/skeleton.less +1 -1
- package/lib/components/tag/tag.less +4 -4
- package/lib/components/toggle-switch/toggle-switch.less +4 -2
- package/lib/components/topbar/topbar.less +3 -3
- package/lib/components/uploader/uploader.less +3 -3
- package/lib/exports/color-mixins.less +13 -3
- package/lib/exports/color-sets.less +255 -216
- package/lib/exports/constants-helpers.less +5 -3
- package/lib/exports/constants-type.less +25 -25
- package/lib/exports/mixins.less +2 -2
- package/package.json +1 -1
package/dist/css/stacks.css
CHANGED
|
@@ -411,20 +411,23 @@ fieldset {
|
|
|
411
411
|
position: relative;
|
|
412
412
|
}
|
|
413
413
|
.s-activity-indicator {
|
|
414
|
-
--_ai-
|
|
415
|
-
--_ai-bg: var(--theme-secondary-400);
|
|
414
|
+
--_ai-bg: var(--pink-400);
|
|
416
415
|
--_ai-fc: var(--white);
|
|
416
|
+
--_ai-min-size: var(--su-static16);
|
|
417
|
+
--_ai-p: 0 calc(var(--su-static4) - var(--su-static1));
|
|
417
418
|
background-color: var(--_ai-bg);
|
|
418
|
-
box-shadow: 0 0 0 var(--su-static4) var(--_ai-translucent);
|
|
419
419
|
color: var(--_ai-fc);
|
|
420
|
+
min-width: var(--_ai-min-size);
|
|
421
|
+
min-height: var(--_ai-min-size);
|
|
422
|
+
padding: var(--_ai-p);
|
|
420
423
|
border-radius: 1000px;
|
|
421
|
-
display: inline-
|
|
424
|
+
display: inline-flex;
|
|
422
425
|
font-size: var(--fs-fine);
|
|
423
|
-
font-weight:
|
|
426
|
+
font-weight: 600;
|
|
424
427
|
line-height: 1.1;
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
+
text-align: center;
|
|
429
|
+
align-items: center;
|
|
430
|
+
justify-content: center;
|
|
428
431
|
text-transform: uppercase;
|
|
429
432
|
}
|
|
430
433
|
body.theme-highcontrast .s-activity-indicator {
|
|
@@ -432,27 +435,27 @@ body.theme-highcontrast .s-activity-indicator {
|
|
|
432
435
|
}
|
|
433
436
|
.s-activity-indicator.s-activity-indicator__danger {
|
|
434
437
|
--_ai-bg: var(--red-400);
|
|
435
|
-
--_ai-translucent: var(--translucent-error);
|
|
436
438
|
}
|
|
437
439
|
body.theme-highcontrast .s-activity-indicator.s-activity-indicator__danger {
|
|
438
440
|
--_ai-bg: var(--red-500);
|
|
439
441
|
}
|
|
440
442
|
.s-activity-indicator.s-activity-indicator__success {
|
|
441
443
|
--_ai-bg: var(--green-400);
|
|
442
|
-
--_ai-translucent: var(--translucent-success);
|
|
443
444
|
}
|
|
444
445
|
body.theme-highcontrast .s-activity-indicator.s-activity-indicator__success {
|
|
445
446
|
--_ai-bg: var(--green-500);
|
|
446
447
|
}
|
|
447
448
|
.s-activity-indicator.s-activity-indicator__warning {
|
|
448
449
|
--_ai-bg: var(--yellow-400);
|
|
449
|
-
--_ai-fc: var(--_black-static);
|
|
450
|
-
--_ai-translucent: var(--translucent-warning);
|
|
451
450
|
}
|
|
452
451
|
body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
|
|
453
452
|
--_ai-bg: var(--yellow-500);
|
|
454
453
|
--_ai-fc: var(--white);
|
|
455
454
|
}
|
|
455
|
+
.s-activity-indicator.s-activity-indicator__sm {
|
|
456
|
+
--_ai-min-size: calc(var(--su-static8) + var(--su-static2));
|
|
457
|
+
--_ai-p: 0;
|
|
458
|
+
}
|
|
456
459
|
.s-anchors.s-anchors__underlined a:not(.s-link),
|
|
457
460
|
.s-anchors.s-anchors__underlined .s-btn.s-btn__link {
|
|
458
461
|
text-decoration: underline;
|
|
@@ -469,7 +472,7 @@ body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
|
|
|
469
472
|
--_an-a-fc-visited: var(--red-600);
|
|
470
473
|
}
|
|
471
474
|
.s-anchors.s-anchors__default {
|
|
472
|
-
--_an-a-fc: var(--theme-link-color, var(--theme-secondary
|
|
475
|
+
--_an-a-fc: var(--theme-link-color, var(--theme-secondary));
|
|
473
476
|
--_an-a-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
|
|
474
477
|
--_an-a-fc-visited: var(--theme-link-color-visited, var(--purple-500));
|
|
475
478
|
--_an-a-fc-hover-visited: var(--theme-link-color-hover, var(--purple-600));
|
|
@@ -544,11 +547,9 @@ body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
|
|
|
544
547
|
.s-avatar {
|
|
545
548
|
--_av-size: var(--su-static16);
|
|
546
549
|
--_av-bg: var(--_white-static);
|
|
547
|
-
--_av-br: var(--br-sm);
|
|
548
550
|
--_av-fs-letter: calc(var(--su-static12) - var(--su-static1));
|
|
549
551
|
--_av-scale-badge: 1;
|
|
550
552
|
background-color: var(--_av-bg);
|
|
551
|
-
border-radius: var(--_av-br);
|
|
552
553
|
height: var(--_av-size);
|
|
553
554
|
width: var(--_av-size);
|
|
554
555
|
background-repeat: no-repeat;
|
|
@@ -565,13 +566,8 @@ body.theme-highcontrast .s-avatar {
|
|
|
565
566
|
body.theme-highcontrast .s-avatar .s-avatar--letter {
|
|
566
567
|
color: var(--white);
|
|
567
568
|
}
|
|
568
|
-
.s-avatar.s-avatar__32,
|
|
569
|
-
.s-avatar.s-avatar__48 {
|
|
570
|
-
--_av-br: var(--br-md);
|
|
571
|
-
}
|
|
572
569
|
.s-avatar.s-avatar__96,
|
|
573
570
|
.s-avatar.s-avatar__128 {
|
|
574
|
-
--_av-br: calc(var(--br-lg) + var(--br-sm));
|
|
575
571
|
--_av-scale-badge: 3;
|
|
576
572
|
}
|
|
577
573
|
.s-avatar.s-avatar__24 {
|
|
@@ -591,7 +587,6 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
|
|
|
591
587
|
}
|
|
592
588
|
.s-avatar.s-avatar__64 {
|
|
593
589
|
--_av-size: var(--su-static64);
|
|
594
|
-
--_av-br: var(--br-lg);
|
|
595
590
|
--_av-fs-letter: calc(var(--su-static48) - var(--su-static4));
|
|
596
591
|
--_av-scale-badge: 2.4;
|
|
597
592
|
}
|
|
@@ -611,7 +606,6 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
|
|
|
611
606
|
transform: scale(var(--_av-scale-badge));
|
|
612
607
|
}
|
|
613
608
|
.s-avatar .s-avatar--image {
|
|
614
|
-
border-radius: var(--_av-br);
|
|
615
609
|
display: block;
|
|
616
610
|
height: var(--_av-size);
|
|
617
611
|
width: var(--_av-size);
|
|
@@ -629,6 +623,13 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
|
|
|
629
623
|
-ms-user-select: none;
|
|
630
624
|
user-select: none;
|
|
631
625
|
}
|
|
626
|
+
.s-avatar .s-avatar--indicator {
|
|
627
|
+
box-shadow: 0 0 0 var(--su-static2) var(--white);
|
|
628
|
+
bottom: 100%;
|
|
629
|
+
left: 100%;
|
|
630
|
+
position: absolute;
|
|
631
|
+
transform: translate(-50%, 60%);
|
|
632
|
+
}
|
|
632
633
|
.s-award-bling {
|
|
633
634
|
--_ab-before-bg: unset;
|
|
634
635
|
align-items: center;
|
|
@@ -636,13 +637,13 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
|
|
|
636
637
|
display: flex;
|
|
637
638
|
}
|
|
638
639
|
.s-award-bling.s-award-bling__gold {
|
|
639
|
-
--_ab-before-bg: var(--
|
|
640
|
+
--_ab-before-bg: var(--yellow-300);
|
|
640
641
|
}
|
|
641
642
|
.s-award-bling.s-award-bling__silver {
|
|
642
|
-
--_ab-before-bg: var(--
|
|
643
|
+
--_ab-before-bg: var(--blue-300);
|
|
643
644
|
}
|
|
644
645
|
.s-award-bling.s-award-bling__bronze {
|
|
645
|
-
--_ab-before-bg: var(--
|
|
646
|
+
--_ab-before-bg: var(--orange-300);
|
|
646
647
|
}
|
|
647
648
|
.s-award-bling:before {
|
|
648
649
|
background-color: var(--_ab-before-bg);
|
|
@@ -677,7 +678,7 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
|
|
|
677
678
|
padding: var(--_ba-py) var(--_ba-px);
|
|
678
679
|
text-transform: var(--_ba-tt);
|
|
679
680
|
align-items: center;
|
|
680
|
-
border-radius: var(--br-
|
|
681
|
+
border-radius: var(--br-md);
|
|
681
682
|
display: inline-flex;
|
|
682
683
|
justify-content: center;
|
|
683
684
|
text-decoration: none;
|
|
@@ -719,16 +720,16 @@ body.theme-highcontrast .s-badge__new {
|
|
|
719
720
|
--_ba-fc: var(--black-500);
|
|
720
721
|
}
|
|
721
722
|
.s-badge.s-badge__gold {
|
|
722
|
-
--_ba-bc: var(--
|
|
723
|
-
--_ba-bg: var(--
|
|
723
|
+
--_ba-bc: var(--yellow-300);
|
|
724
|
+
--_ba-bg: var(--yellow-100);
|
|
724
725
|
}
|
|
725
726
|
.s-badge.s-badge__silver {
|
|
726
|
-
--_ba-bc: var(--
|
|
727
|
-
--_ba-bg: var(--
|
|
727
|
+
--_ba-bc: var(--blue-300);
|
|
728
|
+
--_ba-bg: var(--blue-100);
|
|
728
729
|
}
|
|
729
730
|
.s-badge.s-badge__bronze {
|
|
730
|
-
--_ba-bc: var(--
|
|
731
|
-
--_ba-bg: var(--
|
|
731
|
+
--_ba-bc: var(--orange-300);
|
|
732
|
+
--_ba-bg: var(--orange-100);
|
|
732
733
|
}
|
|
733
734
|
.s-badge.s-badge__answered,
|
|
734
735
|
.s-badge.s-badge__bounty,
|
|
@@ -1043,7 +1044,7 @@ body.theme-highcontrast .s-banner__warning.s-banner__important {
|
|
|
1043
1044
|
background-color: var(--_no-code-bg);
|
|
1044
1045
|
color: var(--_no-code-fc);
|
|
1045
1046
|
outline: var(--su-static1) solid var(--_no-code-bc);
|
|
1046
|
-
border-radius: var(--br-
|
|
1047
|
+
border-radius: var(--br-md);
|
|
1047
1048
|
padding-left: var(--su2);
|
|
1048
1049
|
padding-right: var(--su2);
|
|
1049
1050
|
}
|
|
@@ -1168,7 +1169,7 @@ a.s-block-link:focus-visible,
|
|
|
1168
1169
|
.s-block-link:focus-visible,
|
|
1169
1170
|
a.s-block-link.focus-inset,
|
|
1170
1171
|
.s-block-link.focus-inset {
|
|
1171
|
-
border-radius: var(--br-
|
|
1172
|
+
border-radius: var(--br-md);
|
|
1172
1173
|
}
|
|
1173
1174
|
.s-breadcrumbs {
|
|
1174
1175
|
--_br-divider-px: var(--su4);
|
|
@@ -1344,7 +1345,7 @@ body.theme-highcontrast .s-btn--radio:checked + .s-btn.s-btn__outlined.s-btn__mu
|
|
|
1344
1345
|
outline-style: auto;
|
|
1345
1346
|
}
|
|
1346
1347
|
.s-btn.s-btn__link {
|
|
1347
|
-
--_li-fc: var(--theme-link-color, var(--theme-secondary
|
|
1348
|
+
--_li-fc: var(--theme-link-color, var(--theme-secondary));
|
|
1348
1349
|
--_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
|
|
1349
1350
|
--_li-fc-visited: var(--theme-link-color-visited, var(--purple-500));
|
|
1350
1351
|
--_li-fc-hover-visited: var(--theme-link-color-visited, var(--purple-600));
|
|
@@ -1497,7 +1498,7 @@ p .s-btn.s-btn__link {
|
|
|
1497
1498
|
}
|
|
1498
1499
|
.s-btn.s-btn__md {
|
|
1499
1500
|
--_bu-fs: var(--fs-body3);
|
|
1500
|
-
--_bu-br: calc(var(--br-
|
|
1501
|
+
--_bu-br: calc(var(--br-md) + var(--su-static1));
|
|
1501
1502
|
--_bu-p: 0.7em;
|
|
1502
1503
|
}
|
|
1503
1504
|
body.theme-highcontrast .s-btn.s-btn__danger,
|
|
@@ -1634,7 +1635,7 @@ body.theme-highcontrast .s-btn.s-btn__github {
|
|
|
1634
1635
|
.s-btn .s-btn--badge {
|
|
1635
1636
|
opacity: var(--_bu-badge-o);
|
|
1636
1637
|
display: inline-block;
|
|
1637
|
-
border-radius: var(--br-
|
|
1638
|
+
border-radius: var(--br-md);
|
|
1638
1639
|
padding: var(--su2) calc(var(--su4) - var(--su1));
|
|
1639
1640
|
font-size: var(--fs-caption);
|
|
1640
1641
|
line-height: var(--lh-xs);
|
|
@@ -1725,7 +1726,7 @@ body.theme-highcontrast .s-btn.s-btn__github {
|
|
|
1725
1726
|
margin-right: calc(var(--su-static1) * -1);
|
|
1726
1727
|
}
|
|
1727
1728
|
.s-btn-group .s-btn {
|
|
1728
|
-
--_bu-br: var(--br-
|
|
1729
|
+
--_bu-br: var(--br-md);
|
|
1729
1730
|
--_bu-bc-hover: transparent;
|
|
1730
1731
|
--_bu-px: calc(var(--su12) - var(--su1));
|
|
1731
1732
|
--_bu-py: calc(var(--su6) + 0.65px);
|
|
@@ -1768,7 +1769,7 @@ body.theme-highcontrast .s-btn.s-btn__github {
|
|
|
1768
1769
|
--_ca-bc: var(--bc-medium);
|
|
1769
1770
|
border: var(--su-static1) solid var(--_ca-bc);
|
|
1770
1771
|
background-color: var(--white);
|
|
1771
|
-
border-radius: var(--br-
|
|
1772
|
+
border-radius: var(--br-md);
|
|
1772
1773
|
padding: var(--su12);
|
|
1773
1774
|
}
|
|
1774
1775
|
a.s-card {
|
|
@@ -1862,37 +1863,37 @@ input.s-radio {
|
|
|
1862
1863
|
background-position: center center;
|
|
1863
1864
|
background-repeat: no-repeat;
|
|
1864
1865
|
background-size: contain;
|
|
1865
|
-
border-radius: var(--br-
|
|
1866
|
+
border-radius: var(--br-md);
|
|
1866
1867
|
}
|
|
1867
1868
|
@media (prefers-color-scheme: dark) {
|
|
1868
1869
|
body.theme-system .s-checkbox:checked {
|
|
1869
|
-
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='
|
|
1870
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23141414'/%3E%3C/svg%3E");
|
|
1870
1871
|
}
|
|
1871
1872
|
body.theme-system .s-checkbox:indeterminate {
|
|
1872
|
-
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='
|
|
1873
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='%23141414'/%3E%3C/svg%3E");
|
|
1873
1874
|
}
|
|
1874
1875
|
}
|
|
1875
1876
|
body.theme-dark .s-checkbox:checked,
|
|
1876
1877
|
.theme-dark__forced .s-checkbox:checked,
|
|
1877
1878
|
body.theme-system .theme-dark__forced .s-checkbox:checked {
|
|
1878
|
-
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='
|
|
1879
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23141414'/%3E%3C/svg%3E");
|
|
1879
1880
|
}
|
|
1880
1881
|
body.theme-dark .s-checkbox:indeterminate,
|
|
1881
1882
|
.theme-dark__forced .s-checkbox:indeterminate,
|
|
1882
1883
|
body.theme-system .theme-dark__forced .s-checkbox:indeterminate {
|
|
1883
|
-
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='
|
|
1884
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='%23141414'/%3E%3C/svg%3E");
|
|
1884
1885
|
}
|
|
1885
1886
|
@media (prefers-color-scheme: dark) {
|
|
1886
1887
|
body.theme-highcontrast.theme-system .s-checkbox:checked,
|
|
1887
1888
|
body.theme-highcontrast.theme-system .s-checkbox:indeterminate {
|
|
1888
|
-
--_ch-bc: var(--
|
|
1889
|
-
--_ch-bg: var(--
|
|
1889
|
+
--_ch-bc: var(--black) !important;
|
|
1890
|
+
--_ch-bg: var(--black);
|
|
1890
1891
|
}
|
|
1891
1892
|
}
|
|
1892
1893
|
body.theme-highcontrast.theme-dark .s-checkbox:checked,
|
|
1893
1894
|
body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
|
|
1894
|
-
--_ch-bc: var(--
|
|
1895
|
-
--_ch-bg: var(--
|
|
1895
|
+
--_ch-bc: var(--black) !important;
|
|
1896
|
+
--_ch-bg: var(--black);
|
|
1896
1897
|
}
|
|
1897
1898
|
@media (forced-colors: active) {
|
|
1898
1899
|
.s-checkbox:checked,
|
|
@@ -1902,31 +1903,31 @@ body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
|
|
|
1902
1903
|
}
|
|
1903
1904
|
.s-checkbox:checked,
|
|
1904
1905
|
.s-checkbox:indeterminate {
|
|
1905
|
-
--_ch-bc: var(--theme-secondary
|
|
1906
|
-
--_ch-bg: var(--theme-secondary
|
|
1906
|
+
--_ch-bc: var(--theme-secondary) !important;
|
|
1907
|
+
--_ch-bg: var(--theme-secondary);
|
|
1907
1908
|
}
|
|
1908
1909
|
.s-checkbox:checked {
|
|
1909
|
-
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='
|
|
1910
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23ffffff'/%3E%3C/svg%3E");
|
|
1910
1911
|
}
|
|
1911
1912
|
.s-checkbox:indeterminate {
|
|
1912
|
-
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='
|
|
1913
|
+
--_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='%23ffffff'/%3E%3C/svg%3E");
|
|
1913
1914
|
}
|
|
1914
1915
|
.s-radio {
|
|
1915
1916
|
border-radius: var(--br-circle);
|
|
1916
1917
|
}
|
|
1917
1918
|
@media (prefers-color-scheme: dark) {
|
|
1918
1919
|
body.theme-highcontrast.theme-system .s-radio:checked {
|
|
1919
|
-
--_ch-bc: var(--
|
|
1920
|
+
--_ch-bc: var(--black);
|
|
1920
1921
|
outline: var(--su-static1) solid var(--black);
|
|
1921
1922
|
}
|
|
1922
1923
|
}
|
|
1923
1924
|
body.theme-highcontrast.theme-dark .s-radio:checked {
|
|
1924
|
-
--_ch-bc: var(--
|
|
1925
|
+
--_ch-bc: var(--black);
|
|
1925
1926
|
outline: var(--su-static1) solid var(--black);
|
|
1926
1927
|
}
|
|
1927
1928
|
.s-radio:checked {
|
|
1928
1929
|
--_ch-baw: 0.30769231em;
|
|
1929
|
-
--_ch-bc: var(--theme-secondary
|
|
1930
|
+
--_ch-bc: var(--theme-secondary);
|
|
1930
1931
|
--_ch-bg: var(--white);
|
|
1931
1932
|
}
|
|
1932
1933
|
.has-error .s-checkbox,
|
|
@@ -2315,7 +2316,7 @@ body.theme-highcontrast .has-warning .s-textarea {
|
|
|
2315
2316
|
.s-textarea.s-input__md,
|
|
2316
2317
|
.s-textarea.s-textarea__md {
|
|
2317
2318
|
--_in-fs: var(--fs-body3);
|
|
2318
|
-
--_in-br: calc(var(--br-
|
|
2319
|
+
--_in-br: calc(var(--br-md) + var(--su-static1));
|
|
2319
2320
|
}
|
|
2320
2321
|
@supports (-webkit-overflow-scrolling: touch) {
|
|
2321
2322
|
.s-input.s-input__md,
|
|
@@ -2331,7 +2332,7 @@ body.theme-highcontrast .has-warning .s-textarea {
|
|
|
2331
2332
|
.s-textarea.s-input__lg,
|
|
2332
2333
|
.s-textarea.s-textarea__lg {
|
|
2333
2334
|
--_in-fs: var(--fs-title);
|
|
2334
|
-
--_in-br: calc(var(--br-
|
|
2335
|
+
--_in-br: calc(var(--br-md) + var(--su-static1));
|
|
2335
2336
|
--_in-px: 0.6em;
|
|
2336
2337
|
--_in-py: 0.45em;
|
|
2337
2338
|
}
|
|
@@ -2645,7 +2646,7 @@ a.s-user-card--link:hover:visited {
|
|
|
2645
2646
|
}
|
|
2646
2647
|
a,
|
|
2647
2648
|
.s-link {
|
|
2648
|
-
--_li-fc: var(--theme-link-color, var(--theme-secondary
|
|
2649
|
+
--_li-fc: var(--theme-link-color, var(--theme-secondary));
|
|
2649
2650
|
--_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
|
|
2650
2651
|
--_li-fc-visited: var(--theme-link-color-visited, var(--purple-500));
|
|
2651
2652
|
--_li-fc-hover-visited: var(--theme-link-color-visited, var(--purple-600));
|
|
@@ -2762,7 +2763,7 @@ p .s-link {
|
|
|
2762
2763
|
--_lp-misc-pl: var(--su4);
|
|
2763
2764
|
--_lp-misc-pt: unset;
|
|
2764
2765
|
border: var(--su-static1) solid var(--bc-medium);
|
|
2765
|
-
border-radius: var(--br-
|
|
2766
|
+
border-radius: var(--br-md);
|
|
2766
2767
|
box-shadow: var(--bs-sm);
|
|
2767
2768
|
text-align: left;
|
|
2768
2769
|
}
|
|
@@ -2815,8 +2816,8 @@ body.theme-highcontrast .s-link-preview {
|
|
|
2815
2816
|
.s-link-preview .s-link-preview--footer {
|
|
2816
2817
|
background: var(--_lp-footer-bg);
|
|
2817
2818
|
flex-direction: var(--_lp-footer-fd);
|
|
2818
|
-
border-bottom-left-radius: var(--br-
|
|
2819
|
-
border-bottom-right-radius: var(--br-
|
|
2819
|
+
border-bottom-left-radius: var(--br-md);
|
|
2820
|
+
border-bottom-right-radius: var(--br-md);
|
|
2820
2821
|
border-top: var(--su-static1) solid var(--bc-medium);
|
|
2821
2822
|
display: flex;
|
|
2822
2823
|
font-size: var(--fs-caption);
|
|
@@ -2826,8 +2827,8 @@ body.theme-highcontrast .s-link-preview {
|
|
|
2826
2827
|
.s-link-preview .s-link-preview--header {
|
|
2827
2828
|
background: var(--_lp-header-bg);
|
|
2828
2829
|
border-bottom: var(--su-static1) solid var(--bc-medium);
|
|
2829
|
-
border-top-left-radius: var(--br-
|
|
2830
|
-
border-top-right-radius: var(--br-
|
|
2830
|
+
border-top-left-radius: var(--br-md);
|
|
2831
|
+
border-top-right-radius: var(--br-md);
|
|
2831
2832
|
display: flex;
|
|
2832
2833
|
padding: var(--su12) var(--su8);
|
|
2833
2834
|
}
|
|
@@ -2846,7 +2847,7 @@ body.theme-highcontrast .s-link-preview {
|
|
|
2846
2847
|
font-weight: bold;
|
|
2847
2848
|
}
|
|
2848
2849
|
.s-link-preview a.s-link-preview--title {
|
|
2849
|
-
color: var(--theme-link-color, var(--theme-secondary
|
|
2850
|
+
color: var(--theme-link-color, var(--theme-secondary));
|
|
2850
2851
|
cursor: pointer;
|
|
2851
2852
|
text-decoration: none;
|
|
2852
2853
|
}
|
|
@@ -2925,7 +2926,7 @@ body.theme-system .theme-dark__forced .s-menu {
|
|
|
2925
2926
|
margin-top: var(--su12);
|
|
2926
2927
|
}
|
|
2927
2928
|
.s-modal {
|
|
2928
|
-
--_mo-bg:
|
|
2929
|
+
--_mo-bg: rgba(33, 29, 30, 0.5);
|
|
2929
2930
|
--_mo-hmx: unset;
|
|
2930
2931
|
--_mo-wmx: unset;
|
|
2931
2932
|
--_mo-close-t: var(--su8);
|
|
@@ -2991,7 +2992,7 @@ body.theme-highcontrast.theme-dark .s-modal {
|
|
|
2991
2992
|
}
|
|
2992
2993
|
.s-modal.has-danger,
|
|
2993
2994
|
.s-modal.s-modal__danger {
|
|
2994
|
-
--_mo-bg:
|
|
2995
|
+
--_mo-bg: rgba(2, 0, 0, 0.5);
|
|
2995
2996
|
--_mo-header-fc: var(--red-500);
|
|
2996
2997
|
}
|
|
2997
2998
|
.s-modal .s-modal--body {
|
|
@@ -3012,7 +3013,7 @@ body.theme-highcontrast.theme-dark .s-modal {
|
|
|
3012
3013
|
scrollbar-color: var(--scrollbar) transparent;
|
|
3013
3014
|
backface-visibility: hidden;
|
|
3014
3015
|
background-color: var(--_mo-dialog-bg);
|
|
3015
|
-
border-radius: var(--br-
|
|
3016
|
+
border-radius: var(--br-md);
|
|
3016
3017
|
box-shadow: var(--bs-lg);
|
|
3017
3018
|
max-height: 100%;
|
|
3018
3019
|
max-width: 600px;
|
|
@@ -3385,7 +3386,7 @@ body.theme-highcontrast .s-notice__warning.s-notice__important {
|
|
|
3385
3386
|
background-color: var(--_no-code-bg);
|
|
3386
3387
|
color: var(--_no-code-fc);
|
|
3387
3388
|
outline: var(--su-static1) solid var(--_no-code-bc);
|
|
3388
|
-
border-radius: var(--br-
|
|
3389
|
+
border-radius: var(--br-md);
|
|
3389
3390
|
padding-left: var(--su2);
|
|
3390
3391
|
padding-right: var(--su2);
|
|
3391
3392
|
}
|
|
@@ -3468,7 +3469,7 @@ ul.s-pagination {
|
|
|
3468
3469
|
background-color: var(--_pa-item-bg);
|
|
3469
3470
|
border: 1px solid var(--_pa-item-bc);
|
|
3470
3471
|
color: var(--_pa-item-fc);
|
|
3471
|
-
border-radius: var(--br-
|
|
3472
|
+
border-radius: var(--br-md);
|
|
3472
3473
|
display: inline-block;
|
|
3473
3474
|
font-size: var(--fs-body1);
|
|
3474
3475
|
line-height: var(--lh-xl);
|
|
@@ -3522,17 +3523,6 @@ body.theme-highcontrast .s-pagination .s-pagination--item {
|
|
|
3522
3523
|
--_po-d: none;
|
|
3523
3524
|
--_po-wmn: 12rem;
|
|
3524
3525
|
--_po-w: 100%;
|
|
3525
|
-
--_po-arrow-fc: var(--white);
|
|
3526
|
-
--_po-arrow-b: unset;
|
|
3527
|
-
--_po-arrow-l: unset;
|
|
3528
|
-
--_po-arrow-r: unset;
|
|
3529
|
-
--_po-arrow-t: unset;
|
|
3530
|
-
--_po-arrow-ps: calc(var(--su6) * -1);
|
|
3531
|
-
--_po-arrow-after-b: unset;
|
|
3532
|
-
--_po-arrow-after-l: unset;
|
|
3533
|
-
--_po-arrow-after-r: unset;
|
|
3534
|
-
--_po-arrow-after-t: unset;
|
|
3535
|
-
--_po-arrow-after-bs: unset;
|
|
3536
3526
|
--_po-topbar-height: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
|
|
3537
3527
|
--_po-content-mxh: calc(100vh - var(--_po-topbar-height) - var(--su48));
|
|
3538
3528
|
background-color: var(--_po-bg);
|
|
@@ -3555,7 +3545,6 @@ body.theme-highcontrast .s-pagination .s-pagination--item {
|
|
|
3555
3545
|
--_po-bg: var(--black-200);
|
|
3556
3546
|
--_po-bc: var(--bc-light);
|
|
3557
3547
|
--_po-bs: var(--bs-lg);
|
|
3558
|
-
--_po-arrow-fc: var(--black-200);
|
|
3559
3548
|
}
|
|
3560
3549
|
}
|
|
3561
3550
|
body.theme-dark .s-popover,
|
|
@@ -3564,7 +3553,6 @@ body.theme-system .theme-dark__forced .s-popover {
|
|
|
3564
3553
|
--_po-bg: var(--black-200);
|
|
3565
3554
|
--_po-bc: var(--bc-light);
|
|
3566
3555
|
--_po-bs: var(--bs-lg);
|
|
3567
|
-
--_po-arrow-fc: var(--black-200);
|
|
3568
3556
|
}
|
|
3569
3557
|
.s-popover.is-visible {
|
|
3570
3558
|
--_po-d: block;
|
|
@@ -3573,108 +3561,6 @@ body.theme-system .theme-dark__forced .s-popover {
|
|
|
3573
3561
|
--_po-wmn: unset;
|
|
3574
3562
|
--_po-w: auto;
|
|
3575
3563
|
}
|
|
3576
|
-
.s-popover[data-popper-placement^="top"] > .s-popover--arrow,
|
|
3577
|
-
.s-popover .s-popover--arrow__bc,
|
|
3578
|
-
.s-popover .s-popover--arrow__bl,
|
|
3579
|
-
.s-popover .s-popover--arrow__br {
|
|
3580
|
-
--_po-arrow-b: var(--_po-arrow-ps);
|
|
3581
|
-
--_po-arrow-after-b: var(--su-static1);
|
|
3582
|
-
--_po-arrow-after-bs: 2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
|
|
3583
|
-
}
|
|
3584
|
-
body.theme-highcontrast .s-popover[data-popper-placement^="top"] > .s-popover--arrow,
|
|
3585
|
-
body.theme-highcontrast .s-popover .s-popover--arrow__bc,
|
|
3586
|
-
body.theme-highcontrast .s-popover .s-popover--arrow__bl,
|
|
3587
|
-
body.theme-highcontrast .s-popover .s-popover--arrow__br {
|
|
3588
|
-
--_po-arrow-after-bs: 1px 1px 0 0 var(--bc-medium);
|
|
3589
|
-
}
|
|
3590
|
-
.s-popover[data-popper-placement^="bottom"] > .s-popover--arrow,
|
|
3591
|
-
.s-popover .s-popover--arrow__tc,
|
|
3592
|
-
.s-popover .s-popover--arrow__tl,
|
|
3593
|
-
.s-popover .s-popover--arrow__tr {
|
|
3594
|
-
--_po-arrow-t: var(--_po-arrow-ps);
|
|
3595
|
-
--_po-arrow-after-t: var(--su-static1);
|
|
3596
|
-
--_po-arrow-after-bs: -1px -1px 1px 0 hsla(0, 0%, 0%, 0.12);
|
|
3597
|
-
}
|
|
3598
|
-
body.theme-highcontrast .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow,
|
|
3599
|
-
body.theme-highcontrast .s-popover .s-popover--arrow__tc,
|
|
3600
|
-
body.theme-highcontrast .s-popover .s-popover--arrow__tl,
|
|
3601
|
-
body.theme-highcontrast .s-popover .s-popover--arrow__tr {
|
|
3602
|
-
--_po-arrow-after-bs: -1px -1px 0 0 var(--bc-medium);
|
|
3603
|
-
}
|
|
3604
|
-
.s-popover[data-popper-placement^="left"] > .s-popover--arrow,
|
|
3605
|
-
.s-popover .s-popover--arrow__rc,
|
|
3606
|
-
.s-popover .s-popover--arrow__rt,
|
|
3607
|
-
.s-popover .s-popover--arrow__rb {
|
|
3608
|
-
--_po-arrow-r: var(--_po-arrow-ps);
|
|
3609
|
-
--_po-arrow-after-r: var(--su-static1);
|
|
3610
|
-
--_po-arrow-after-bs: 2px -2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px -2px 2px -1px hsla(0, 0%, 0%, 0.1);
|
|
3611
|
-
}
|
|
3612
|
-
body.theme-highcontrast .s-popover[data-popper-placement^="left"] > .s-popover--arrow,
|
|
3613
|
-
body.theme-highcontrast .s-popover .s-popover--arrow__rc,
|
|
3614
|
-
body.theme-highcontrast .s-popover .s-popover--arrow__rt,
|
|
3615
|
-
body.theme-highcontrast .s-popover .s-popover--arrow__rb {
|
|
3616
|
-
--_po-arrow-after-bs: 1px -1px 0 0 var(--bc-medium);
|
|
3617
|
-
}
|
|
3618
|
-
.s-popover[data-popper-placement^="right"] > .s-popover--arrow,
|
|
3619
|
-
.s-popover .s-popover--arrow__lc,
|
|
3620
|
-
.s-popover .s-popover--arrow__lt,
|
|
3621
|
-
.s-popover .s-popover--arrow__lb {
|
|
3622
|
-
--_po-arrow-l: var(--_po-arrow-ps);
|
|
3623
|
-
--_po-arrow-after-l: var(--su-static1);
|
|
3624
|
-
--_po-arrow-after-bs: -2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), -2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
|
|
3625
|
-
}
|
|
3626
|
-
body.theme-highcontrast .s-popover[data-popper-placement^="right"] > .s-popover--arrow,
|
|
3627
|
-
body.theme-highcontrast .s-popover .s-popover--arrow__lc,
|
|
3628
|
-
body.theme-highcontrast .s-popover .s-popover--arrow__lt,
|
|
3629
|
-
body.theme-highcontrast .s-popover .s-popover--arrow__lb {
|
|
3630
|
-
--_po-arrow-after-bs: -1px 1px 0 0 var(--bc-medium);
|
|
3631
|
-
}
|
|
3632
|
-
.s-popover .s-popover--arrow__tc,
|
|
3633
|
-
.s-popover .s-popover--arrow__bc {
|
|
3634
|
-
--_po-arrow-l: calc(50% - var(--su6));
|
|
3635
|
-
}
|
|
3636
|
-
.s-popover .s-popover--arrow__lc,
|
|
3637
|
-
.s-popover .s-popover--arrow__rc {
|
|
3638
|
-
--_po-arrow-t: calc(50% - var(--su6));
|
|
3639
|
-
}
|
|
3640
|
-
.s-popover .s-popover--arrow__tr,
|
|
3641
|
-
.s-popover .s-popover--arrow__br {
|
|
3642
|
-
--_po-arrow-r: var(--su12);
|
|
3643
|
-
}
|
|
3644
|
-
.s-popover .s-popover--arrow__rb,
|
|
3645
|
-
.s-popover .s-popover--arrow__lb {
|
|
3646
|
-
--_po-arrow-b: var(--su12);
|
|
3647
|
-
}
|
|
3648
|
-
.s-popover .s-popover--arrow {
|
|
3649
|
-
bottom: var(--_po-arrow-b);
|
|
3650
|
-
color: var(--_po-arrow-fc);
|
|
3651
|
-
left: var(--_po-arrow-l);
|
|
3652
|
-
right: var(--_po-arrow-r);
|
|
3653
|
-
top: var(--_po-arrow-t);
|
|
3654
|
-
}
|
|
3655
|
-
.s-popover .s-popover--arrow,
|
|
3656
|
-
.s-popover .s-popover--arrow:before,
|
|
3657
|
-
.s-popover .s-popover--arrow:after {
|
|
3658
|
-
display: block;
|
|
3659
|
-
height: var(--su12);
|
|
3660
|
-
position: absolute;
|
|
3661
|
-
width: var(--su12);
|
|
3662
|
-
z-index: -1;
|
|
3663
|
-
}
|
|
3664
|
-
.s-popover .s-popover--arrow:before,
|
|
3665
|
-
.s-popover .s-popover--arrow:after {
|
|
3666
|
-
content: '';
|
|
3667
|
-
transform: rotate(45deg);
|
|
3668
|
-
}
|
|
3669
|
-
.s-popover .s-popover--arrow:after {
|
|
3670
|
-
bottom: var(--_po-arrow-after-b);
|
|
3671
|
-
box-shadow: var(--_po-arrow-after-bs);
|
|
3672
|
-
left: var(--_po-arrow-after-l);
|
|
3673
|
-
right: var(--_po-arrow-after-r);
|
|
3674
|
-
top: var(--_po-arrow-after-t);
|
|
3675
|
-
background: currentColor;
|
|
3676
|
-
border-radius: calc(var(--su-static1) * 1.5);
|
|
3677
|
-
}
|
|
3678
3564
|
.s-popover .s-popover--close {
|
|
3679
3565
|
float: right;
|
|
3680
3566
|
top: calc(var(--su8) * -1);
|
|
@@ -3692,7 +3578,7 @@ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
|
|
|
3692
3578
|
--_ps-bg: unset;
|
|
3693
3579
|
--_ps-o: unset;
|
|
3694
3580
|
--_ps-content-excerpt-fc: var(--_ps-state-fc, var(--fc-medium));
|
|
3695
|
-
--_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary
|
|
3581
|
+
--_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary))));
|
|
3696
3582
|
--_ps-content-title-a-fc-hover: var(--_ps-state-fc, var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500))));
|
|
3697
3583
|
--_ps-content-title-a-fc-visited: var(--_ps-state-fc, var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--purple-500))));
|
|
3698
3584
|
--_ps-content-title-a-fc-hover-visited: var(--_ps-state-fc, var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--purple-600))));
|
|
@@ -3858,7 +3744,7 @@ body.theme-system .theme-dark__forced .s-post-summary.s-post-summary__deleted .s
|
|
|
3858
3744
|
.s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) {
|
|
3859
3745
|
--_ps-bg: var(--yellow-100);
|
|
3860
3746
|
--_ps-stats-fc: var(--black-400);
|
|
3861
|
-
--_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary
|
|
3747
|
+
--_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary)));
|
|
3862
3748
|
--_ps-content-title-a-fc-hover: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500)));
|
|
3863
3749
|
--_ps-content-title-a-fc-visited: var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--purple-500)));
|
|
3864
3750
|
--_ps-content-title-a-fc-hover-visited: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--purple-600)));
|
|
@@ -4091,7 +3977,7 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
|
|
|
4091
3977
|
.s-post-summary .s-post-summary--stats-item.is-pinned,
|
|
4092
3978
|
.s-post-summary .s-post-summary--stats-item.is-published,
|
|
4093
3979
|
.s-post-summary .s-post-summary--stats-item.is-review {
|
|
4094
|
-
border-radius: var(--br-
|
|
3980
|
+
border-radius: var(--br-md);
|
|
4095
3981
|
padding: var(--su2) var(--su4);
|
|
4096
3982
|
}
|
|
4097
3983
|
.s-post-summary .s-post-summary--stats-item.has-answers {
|
|
@@ -4152,13 +4038,13 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
|
|
|
4152
4038
|
font-weight: 500;
|
|
4153
4039
|
}
|
|
4154
4040
|
.s-progress {
|
|
4155
|
-
--_pr-bar: var(--br-
|
|
4041
|
+
--_pr-bar: var(--br-md);
|
|
4156
4042
|
--_pr-bg: var(--black-300);
|
|
4157
4043
|
--_pr-h: unset;
|
|
4158
4044
|
--_pr-size: unset;
|
|
4159
4045
|
--_pr-w: 100%;
|
|
4160
4046
|
--_pr-hmn: var(--su-static4);
|
|
4161
|
-
--_pr-bar-bar: var(--br-
|
|
4047
|
+
--_pr-bar-bar: var(--br-md);
|
|
4162
4048
|
--_pr-bar-bg: var(--green-400);
|
|
4163
4049
|
--_pr-bar-hmn: var(--su-static4);
|
|
4164
4050
|
--_pr-label-ai: unset;
|
|
@@ -4179,19 +4065,19 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
|
|
|
4179
4065
|
--_pr-bar-bg: var(--orange-400);
|
|
4180
4066
|
}
|
|
4181
4067
|
.s-progress.s-progress__bronze {
|
|
4182
|
-
--_pr-bar-bg: var(--
|
|
4183
|
-
--_pr-label-bc: var(--
|
|
4068
|
+
--_pr-bar-bg: var(--orange-100);
|
|
4069
|
+
--_pr-label-bc: var(--orange-400);
|
|
4184
4070
|
}
|
|
4185
4071
|
.s-progress.s-progress__gold {
|
|
4186
|
-
--_pr-bar-bg: var(--
|
|
4187
|
-
--_pr-label-bc: var(--
|
|
4072
|
+
--_pr-bar-bg: var(--yellow-100);
|
|
4073
|
+
--_pr-label-bc: var(--yellow-400);
|
|
4188
4074
|
}
|
|
4189
4075
|
.s-progress.s-progress__info {
|
|
4190
4076
|
--_pr-bar-bg: var(--blue-400);
|
|
4191
4077
|
}
|
|
4192
4078
|
.s-progress.s-progress__silver {
|
|
4193
|
-
--_pr-bar-bg: var(--
|
|
4194
|
-
--_pr-label-bc: var(--
|
|
4079
|
+
--_pr-bar-bg: var(--blue-100);
|
|
4080
|
+
--_pr-label-bc: var(--blue-400);
|
|
4195
4081
|
}
|
|
4196
4082
|
.s-progress.s-progress__badge,
|
|
4197
4083
|
.s-progress.s-progress__privilege {
|
|
@@ -4294,18 +4180,18 @@ body.theme-highcontrast .s-progress.s-progress__privilege {
|
|
|
4294
4180
|
position: relative;
|
|
4295
4181
|
}
|
|
4296
4182
|
.s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--bar.s-progress--bar__left {
|
|
4297
|
-
background: var(--theme-secondary
|
|
4183
|
+
background: var(--theme-secondary);
|
|
4298
4184
|
}
|
|
4299
4185
|
.s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--label {
|
|
4300
4186
|
color: var(--fc-dark);
|
|
4301
4187
|
}
|
|
4302
4188
|
.s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--stop {
|
|
4303
|
-
background: var(--theme-secondary
|
|
4189
|
+
background: var(--theme-secondary);
|
|
4304
4190
|
box-shadow: 0 0 0 var(--su-static6) var(--translucent-secondary);
|
|
4305
4191
|
}
|
|
4306
4192
|
.s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--bar,
|
|
4307
4193
|
.s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--stop {
|
|
4308
|
-
background: var(--theme-secondary
|
|
4194
|
+
background: var(--theme-secondary);
|
|
4309
4195
|
}
|
|
4310
4196
|
.s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--label {
|
|
4311
4197
|
color: var(--fc-dark);
|
|
@@ -4456,7 +4342,7 @@ body.theme-highcontrast .s-prose {
|
|
|
4456
4342
|
padding: var(--su2) var(--su4);
|
|
4457
4343
|
color: var(--black-600);
|
|
4458
4344
|
background-color: var(--black-200);
|
|
4459
|
-
border-radius: var(--br-
|
|
4345
|
+
border-radius: var(--br-md);
|
|
4460
4346
|
}
|
|
4461
4347
|
.s-prose blockquote:last-child,
|
|
4462
4348
|
.s-prose dl:last-child,
|
|
@@ -4741,7 +4627,7 @@ body.theme-highcontrast .s-prose {
|
|
|
4741
4627
|
border-top-color: var(--_pr-kbd-btc, var(--_pr-kbd-bc));
|
|
4742
4628
|
box-shadow: var(--_pr-kbd-bs);
|
|
4743
4629
|
background-color: var(--black-200);
|
|
4744
|
-
border-radius: var(--br-
|
|
4630
|
+
border-radius: var(--br-md);
|
|
4745
4631
|
color: var(--black-600);
|
|
4746
4632
|
display: inline-block;
|
|
4747
4633
|
font-family: var(--ff-sans);
|
|
@@ -4906,12 +4792,12 @@ body.theme-highcontrast .s-prose {
|
|
|
4906
4792
|
}
|
|
4907
4793
|
.s-select.s-select__md {
|
|
4908
4794
|
--_se-select-fs: var(--fs-body3);
|
|
4909
|
-
--_se-select-br: calc(var(--br-
|
|
4795
|
+
--_se-select-br: calc(var(--br-md) + var(--su-static1));
|
|
4910
4796
|
--_se-select-py: 0.5em;
|
|
4911
4797
|
}
|
|
4912
4798
|
.s-select.s-select__lg {
|
|
4913
4799
|
--_se-select-fs: var(--fs-title);
|
|
4914
|
-
--_se-select-br: calc(var(--br-
|
|
4800
|
+
--_se-select-br: calc(var(--br-md) + var(--su-static1));
|
|
4915
4801
|
--_se-select-px: 0.6em;
|
|
4916
4802
|
--_se-select-py: 0.45em;
|
|
4917
4803
|
}
|
|
@@ -5231,7 +5117,7 @@ body.theme-highcontrast .s-skeleton {
|
|
|
5231
5117
|
.s-skeleton:before {
|
|
5232
5118
|
background-image: linear-gradient(to right, var(--_sk-bg-1) 8%, var(--_sk-bg-2) 16%, var(--_sk-bg-3) 25%, var(--_sk-bg-1) 42%, var(--_sk-bg-2) 58%, var(--_sk-bg-3) 75%, var(--_sk-bg-1) 83%);
|
|
5233
5119
|
background-size: 400% 100%;
|
|
5234
|
-
border-radius: var(--br-
|
|
5120
|
+
border-radius: var(--br-md);
|
|
5235
5121
|
display: block;
|
|
5236
5122
|
height: var(--su16);
|
|
5237
5123
|
position: relative;
|
|
@@ -5635,7 +5521,7 @@ body.theme-highcontrast .s-skeleton {
|
|
|
5635
5521
|
--_ta-bc-hover: var(--theme-tag-hover-border-color, var(--_ta-bg-hover));
|
|
5636
5522
|
--_ta-bg-hover: var(--theme-tag-hover-background-color, var(--black-200));
|
|
5637
5523
|
--_ta-fc-hover: var(--theme-tag-hover-color, var(--black-600));
|
|
5638
|
-
--_ta-br: var(--br-
|
|
5524
|
+
--_ta-br: var(--br-md);
|
|
5639
5525
|
--_ta-fs: var(--fs-caption);
|
|
5640
5526
|
--_ta-lh: 1.84615385;
|
|
5641
5527
|
--_ta-pl: var(--_ta-px);
|
|
@@ -5678,7 +5564,7 @@ body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):no
|
|
|
5678
5564
|
--_ta-lh: 1.73333333;
|
|
5679
5565
|
}
|
|
5680
5566
|
.s-tag.s-tag__lg {
|
|
5681
|
-
--_ta-br: calc(var(--br-
|
|
5567
|
+
--_ta-br: calc(var(--br-md) + var(--su-static1));
|
|
5682
5568
|
--_ta-fs: var(--fs-subheading);
|
|
5683
5569
|
--_ta-lh: 1.68421053;
|
|
5684
5570
|
--_ta-px: var(--su6);
|
|
@@ -5741,7 +5627,7 @@ body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):no
|
|
|
5741
5627
|
align-items: center;
|
|
5742
5628
|
align-self: stretch;
|
|
5743
5629
|
background-color: transparent;
|
|
5744
|
-
border-radius: var(--br-
|
|
5630
|
+
border-radius: var(--br-md);
|
|
5745
5631
|
color: inherit;
|
|
5746
5632
|
cursor: pointer;
|
|
5747
5633
|
display: flex;
|
|
@@ -5765,7 +5651,7 @@ body.theme-highcontrast .s-tag button.s-tag--dismiss:not(.s-btn):hover {
|
|
|
5765
5651
|
}
|
|
5766
5652
|
.s-tag .s-tag--sponsor {
|
|
5767
5653
|
align-self: center;
|
|
5768
|
-
border-radius: calc(var(--br-
|
|
5654
|
+
border-radius: calc(var(--br-md) - var(--su-static1));
|
|
5769
5655
|
display: inline-flex;
|
|
5770
5656
|
margin: calc(var(--su1) * -1) var(--su4) calc(var(--su2) * -1) calc(var(--su2) * -1);
|
|
5771
5657
|
max-width: calc(var(--su-static16) + var(--su-static2));
|
|
@@ -5821,20 +5707,20 @@ a.s-tag:active {
|
|
|
5821
5707
|
}
|
|
5822
5708
|
.s-toggle-switch {
|
|
5823
5709
|
--_ts-bg: var(--black-350);
|
|
5824
|
-
--_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='
|
|
5710
|
+
--_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
|
|
5825
5711
|
--_ts-bg-ps: left center;
|
|
5826
5712
|
--_ts-multiple-bg: unset;
|
|
5827
5713
|
--_ts-multiple-fc: var(--black-400);
|
|
5828
5714
|
}
|
|
5829
5715
|
@media (prefers-color-scheme: dark) {
|
|
5830
5716
|
body.theme-system .s-toggle-switch {
|
|
5831
|
-
--_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='
|
|
5717
|
+
--_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23141414'/%3e%3c/svg%3e");
|
|
5832
5718
|
}
|
|
5833
5719
|
}
|
|
5834
5720
|
body.theme-dark .s-toggle-switch,
|
|
5835
5721
|
.theme-dark__forced .s-toggle-switch,
|
|
5836
5722
|
body.theme-system .theme-dark__forced .s-toggle-switch {
|
|
5837
|
-
--_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='
|
|
5723
|
+
--_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23141414'/%3e%3c/svg%3e");
|
|
5838
5724
|
}
|
|
5839
5725
|
fieldset[disabled] .s-toggle-switch,
|
|
5840
5726
|
.s-toggle-switch[disabled],
|
|
@@ -5954,13 +5840,13 @@ input[type="checkbox"].s-toggle-switch[disabled] {
|
|
|
5954
5840
|
}
|
|
5955
5841
|
@media (prefers-color-scheme: dark) {
|
|
5956
5842
|
body.theme-system .s-topbar.s-topbar__light {
|
|
5957
|
-
--focus-theme: var(--theme-dark-secondary-custom-200, var(--
|
|
5843
|
+
--focus-theme: var(--theme-dark-secondary-custom-200, var(--black-200));
|
|
5958
5844
|
}
|
|
5959
5845
|
}
|
|
5960
5846
|
body.theme-dark .s-topbar.s-topbar__light,
|
|
5961
5847
|
.theme-dark__forced .s-topbar.s-topbar__light,
|
|
5962
5848
|
body.theme-system .theme-dark__forced .s-topbar.s-topbar__light {
|
|
5963
|
-
--focus-theme: var(--theme-dark-secondary-custom-200, var(--
|
|
5849
|
+
--focus-theme: var(--theme-dark-secondary-custom-200, var(--black-200));
|
|
5964
5850
|
}
|
|
5965
5851
|
body.theme-highcontrast .s-topbar {
|
|
5966
5852
|
--_tb-notice-td: underline;
|
|
@@ -5977,30 +5863,30 @@ body.theme-highcontrast .s-topbar {
|
|
|
5977
5863
|
border-bottom: var(--su-static1) solid currentColor;
|
|
5978
5864
|
}
|
|
5979
5865
|
body.theme-highcontrast .s-topbar.s-topbar__dark {
|
|
5980
|
-
--focus-theme:
|
|
5866
|
+
--focus-theme: #ffffff;
|
|
5981
5867
|
}
|
|
5982
5868
|
body.theme-highcontrast .s-topbar__dark {
|
|
5983
5869
|
--theme-topbar-item-color: var(--_white-static);
|
|
5984
5870
|
--theme-topbar-item-color-hover: var(--_white-static);
|
|
5985
|
-
--theme-topbar-item-background-hover:
|
|
5871
|
+
--theme-topbar-item-background-hover: #46484d;
|
|
5986
5872
|
--theme-topbar-item-color-current: var(--_white-static);
|
|
5987
5873
|
}
|
|
5988
5874
|
body.theme-highcontrast .s-topbar__dark .s-badge {
|
|
5989
5875
|
border-color: currentColor;
|
|
5990
5876
|
}
|
|
5991
5877
|
body.theme-highcontrast .s-topbar__light {
|
|
5992
|
-
--theme-topbar-item-color:
|
|
5993
|
-
--theme-topbar-item-color-hover:
|
|
5994
|
-
--theme-topbar-item-background-hover:
|
|
5878
|
+
--theme-topbar-item-color: #211d1e;
|
|
5879
|
+
--theme-topbar-item-color-hover: #211d1e;
|
|
5880
|
+
--theme-topbar-item-background-hover: #dee0e3;
|
|
5995
5881
|
--theme-topbar-item-color-current: var(--_black-static);
|
|
5996
5882
|
}
|
|
5997
5883
|
@media (prefers-color-scheme: dark) {
|
|
5998
5884
|
body.theme-highcontrast.theme-system .s-topbar.s-topbar__light {
|
|
5999
|
-
--focus-theme: var(--
|
|
5885
|
+
--focus-theme: var(--black-200);
|
|
6000
5886
|
}
|
|
6001
5887
|
}
|
|
6002
5888
|
body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
|
|
6003
|
-
--focus-theme: var(--
|
|
5889
|
+
--focus-theme: var(--black-200);
|
|
6004
5890
|
}
|
|
6005
5891
|
@media (max-width: 640px) {
|
|
6006
5892
|
.s-topbar {
|
|
@@ -6014,11 +5900,11 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
|
|
|
6014
5900
|
}
|
|
6015
5901
|
}
|
|
6016
5902
|
.s-topbar.s-topbar__light {
|
|
6017
|
-
--focus-neutral:
|
|
5903
|
+
--focus-neutral: #ffffff;
|
|
6018
5904
|
}
|
|
6019
5905
|
.s-topbar.s-topbar__dark {
|
|
6020
|
-
--focus-neutral:
|
|
6021
|
-
--focus-theme: var(--theme-dark-secondary-custom-400,
|
|
5906
|
+
--focus-neutral: #211d1e;
|
|
5907
|
+
--focus-theme: var(--theme-dark-secondary-custom-400, #ffffff);
|
|
6022
5908
|
}
|
|
6023
5909
|
.s-topbar:has( > .s-topbar--skip-link:focus) {
|
|
6024
5910
|
border-top: none;
|
|
@@ -6081,7 +5967,7 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
|
|
|
6081
5967
|
background-color: var(--_tb-item-bg);
|
|
6082
5968
|
color: var(--_tb-item-fc);
|
|
6083
5969
|
align-items: center;
|
|
6084
|
-
border-radius: var(--br-
|
|
5970
|
+
border-radius: var(--br-md);
|
|
6085
5971
|
display: inline-flex;
|
|
6086
5972
|
padding: 0 calc(var(--su12) - var(--su2));
|
|
6087
5973
|
position: relative;
|
|
@@ -6119,7 +6005,7 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
|
|
|
6119
6005
|
.s-topbar .s-topbar--logo {
|
|
6120
6006
|
background-color: var(--_tb-logo-bg);
|
|
6121
6007
|
align-items: center;
|
|
6122
|
-
border-radius: var(--br-
|
|
6008
|
+
border-radius: var(--br-md);
|
|
6123
6009
|
display: flex;
|
|
6124
6010
|
height: 100%;
|
|
6125
6011
|
padding: 0 var(--su8);
|
|
@@ -6210,7 +6096,7 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
|
|
|
6210
6096
|
border: var(--su-static1) solid var(--_tb-notice-bg);
|
|
6211
6097
|
color: var(--_tb-notice-fc);
|
|
6212
6098
|
text-decoration: var(--_tb-notice-td);
|
|
6213
|
-
border-radius: var(--br-
|
|
6099
|
+
border-radius: var(--br-md);
|
|
6214
6100
|
display: inline-flex;
|
|
6215
6101
|
flex-shrink: 0;
|
|
6216
6102
|
font-size: var(--fs-fine);
|
|
@@ -6344,33 +6230,33 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
|
|
|
6344
6230
|
color: var(--black-600);
|
|
6345
6231
|
}
|
|
6346
6232
|
.s-topbar__dark {
|
|
6347
|
-
--theme-topbar-background-color:
|
|
6348
|
-
--theme-topbar-bottom-border: var(--su-static1) solid
|
|
6349
|
-
--theme-topbar-search-color:
|
|
6350
|
-
--theme-topbar-search-background:
|
|
6351
|
-
--theme-topbar-search-placeholder:
|
|
6352
|
-
--theme-topbar-search-border:
|
|
6353
|
-
--theme-topbar-select-color:
|
|
6354
|
-
--theme-topbar-select-background:
|
|
6355
|
-
--theme-topbar-item-color:
|
|
6233
|
+
--theme-topbar-background-color: #211d1e;
|
|
6234
|
+
--theme-topbar-bottom-border: var(--su-static1) solid #211d1e;
|
|
6235
|
+
--theme-topbar-search-color: #ffffff;
|
|
6236
|
+
--theme-topbar-search-background: #584c4f;
|
|
6237
|
+
--theme-topbar-search-placeholder: #eceaea;
|
|
6238
|
+
--theme-topbar-search-border: #8d7d81;
|
|
6239
|
+
--theme-topbar-select-color: #eceaea;
|
|
6240
|
+
--theme-topbar-select-background: #736468;
|
|
6241
|
+
--theme-topbar-item-color: #d7d8db;
|
|
6356
6242
|
--theme-topbar-item-color-hover: var(--_white-static);
|
|
6357
|
-
--theme-topbar-item-background-hover:
|
|
6243
|
+
--theme-topbar-item-background-hover: #46484d;
|
|
6358
6244
|
--theme-topbar-item-color-current: var(--_white-static);
|
|
6359
6245
|
--theme-topbar-accent-border: none;
|
|
6360
6246
|
--scrollbar: hsla(0, 0%, 100%, 0.2);
|
|
6361
6247
|
}
|
|
6362
6248
|
.s-topbar__light {
|
|
6363
6249
|
--theme-topbar-background-color: var(--_white-static);
|
|
6364
|
-
--theme-topbar-bottom-border: var(--su-static1) solid
|
|
6365
|
-
--theme-topbar-search-color:
|
|
6250
|
+
--theme-topbar-bottom-border: var(--su-static1) solid #d7d8db;
|
|
6251
|
+
--theme-topbar-search-color: #46484d;
|
|
6366
6252
|
--theme-topbar-search-background: var(--_white-static);
|
|
6367
|
-
--theme-topbar-search-placeholder:
|
|
6368
|
-
--theme-topbar-search-border:
|
|
6369
|
-
--theme-topbar-select-color:
|
|
6370
|
-
--theme-topbar-select-background:
|
|
6371
|
-
--theme-topbar-item-color:
|
|
6372
|
-
--theme-topbar-item-color-hover:
|
|
6373
|
-
--theme-topbar-item-background-hover:
|
|
6253
|
+
--theme-topbar-search-placeholder: #6b6d73;
|
|
6254
|
+
--theme-topbar-search-border: #a7aab0;
|
|
6255
|
+
--theme-topbar-select-color: #46484d;
|
|
6256
|
+
--theme-topbar-select-background: #dee0e3;
|
|
6257
|
+
--theme-topbar-item-color: #6b6d73;
|
|
6258
|
+
--theme-topbar-item-color-hover: #46484d;
|
|
6259
|
+
--theme-topbar-item-background-hover: #dee0e3;
|
|
6374
6260
|
--theme-topbar-item-color-current: var(--_black-static);
|
|
6375
6261
|
--scrollbar: hsla(0, 0%, 0%, 0.2);
|
|
6376
6262
|
}
|
|
@@ -6430,7 +6316,7 @@ body.theme-highcontrast .s-uploader.has-warning {
|
|
|
6430
6316
|
.s-uploader .s-uploader--container {
|
|
6431
6317
|
align-items: center;
|
|
6432
6318
|
background-color: var(--_up-bg);
|
|
6433
|
-
border-radius: var(--br-
|
|
6319
|
+
border-radius: var(--br-md);
|
|
6434
6320
|
display: flex;
|
|
6435
6321
|
flex-direction: column;
|
|
6436
6322
|
justify-content: center;
|
|
@@ -6443,7 +6329,7 @@ body.theme-highcontrast .s-uploader.has-warning {
|
|
|
6443
6329
|
-webkit-mask-image: var(--_up-bg-b-image);
|
|
6444
6330
|
mask-image: var(--_up-bg-b-image);
|
|
6445
6331
|
background-color: var(--_up-bg-bc-hc-state, var(--_up-bg-bc-hc, var(--_up-bg-bc)));
|
|
6446
|
-
border-radius: var(--br-
|
|
6332
|
+
border-radius: var(--br-md);
|
|
6447
6333
|
content: '';
|
|
6448
6334
|
display: block;
|
|
6449
6335
|
inset: 0;
|
|
@@ -6472,7 +6358,7 @@ body.theme-highcontrast .s-uploader.has-warning {
|
|
|
6472
6358
|
}
|
|
6473
6359
|
.s-uploader .s-uploader--preview-thumbnail {
|
|
6474
6360
|
background-color: var(--white);
|
|
6475
|
-
border-radius: var(--br-
|
|
6361
|
+
border-radius: var(--br-md);
|
|
6476
6362
|
box-shadow: var(--bs-md);
|
|
6477
6363
|
max-height: var(--su-static128);
|
|
6478
6364
|
max-width: 100%;
|
|
@@ -6706,31 +6592,31 @@ body {
|
|
|
6706
6592
|
--ff-serif: Georgia, Cambria, "Times New Roman", Times, serif;
|
|
6707
6593
|
--ff-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
|
|
6708
6594
|
--theme-body-font-family: var(--ff-sans);
|
|
6709
|
-
--fs-fine:
|
|
6710
|
-
--fs-caption:
|
|
6711
|
-
--fs-body1:
|
|
6712
|
-
--fs-body2: 1.
|
|
6713
|
-
--fs-body3: 1.
|
|
6714
|
-
--fs-subheading: 1.
|
|
6715
|
-
--fs-title: 1.
|
|
6716
|
-
--fs-headline1:
|
|
6717
|
-
--fs-headline2: 2.
|
|
6718
|
-
--fs-display1: 3.
|
|
6719
|
-
--fs-display2: 4.
|
|
6720
|
-
--fs-display3: 5.
|
|
6721
|
-
--fs-display4: 7.
|
|
6722
|
-
--fs-body2-relative: 1.
|
|
6723
|
-
--fs-body3-relative: 1.
|
|
6724
|
-
--fs-subheading-relative: 1.
|
|
6725
|
-
--fs-title-relative: 1.
|
|
6726
|
-
--fs-headline1-relative:
|
|
6727
|
-
--fs-headline2-relative: 2.
|
|
6728
|
-
--fs-display1-relative: 3.
|
|
6729
|
-
--fs-display2-relative: 4.
|
|
6730
|
-
--fs-display3-relative: 5.
|
|
6731
|
-
--fs-display4-relative: 7.
|
|
6732
|
-
--fs-base:
|
|
6733
|
-
--stacks-internals-lh-unit:
|
|
6595
|
+
--fs-fine: 12px;
|
|
6596
|
+
--fs-caption: 13px;
|
|
6597
|
+
--fs-body1: 14px;
|
|
6598
|
+
--fs-body2: 1.143rem;
|
|
6599
|
+
--fs-body3: 1.286rem;
|
|
6600
|
+
--fs-subheading: 1.429rem;
|
|
6601
|
+
--fs-title: 1.571rem;
|
|
6602
|
+
--fs-headline1: 2rem;
|
|
6603
|
+
--fs-headline2: 2.571rem;
|
|
6604
|
+
--fs-display1: 3.286rem;
|
|
6605
|
+
--fs-display2: 4.143rem;
|
|
6606
|
+
--fs-display3: 5.143rem;
|
|
6607
|
+
--fs-display4: 7.143rem;
|
|
6608
|
+
--fs-body2-relative: 1.143rem;
|
|
6609
|
+
--fs-body3-relative: 1.286rem;
|
|
6610
|
+
--fs-subheading-relative: 1.429rem;
|
|
6611
|
+
--fs-title-relative: 1.571rem;
|
|
6612
|
+
--fs-headline1-relative: 2rem;
|
|
6613
|
+
--fs-headline2-relative: 2.571rem;
|
|
6614
|
+
--fs-display1-relative: 3.286rem;
|
|
6615
|
+
--fs-display2-relative: 4.143rem;
|
|
6616
|
+
--fs-display3-relative: 5.143rem;
|
|
6617
|
+
--fs-display4-relative: 7.143rem;
|
|
6618
|
+
--fs-base: 14px;
|
|
6619
|
+
--stacks-internals-lh-unit: 14;
|
|
6734
6620
|
--lh-xs: 1;
|
|
6735
6621
|
--lh-sm: calc((var(--stacks-internals-lh-unit) + 2) / var(--stacks-internals-lh-unit));
|
|
6736
6622
|
--lh-md: calc((var(--stacks-internals-lh-unit) + 4) / var(--stacks-internals-lh-unit));
|
|
@@ -6753,10 +6639,11 @@ body {
|
|
|
6753
6639
|
--zi-navigation-fixed: 5050;
|
|
6754
6640
|
--zi-modals-background: 8050;
|
|
6755
6641
|
--zi-modals: 9000;
|
|
6756
|
-
--br-
|
|
6757
|
-
--br-md: calc(var(--su-static6));
|
|
6758
|
-
--br-lg: calc(var(--su-static8));
|
|
6642
|
+
--br-md: calc(var(--su-static4) + var(--su-static6));
|
|
6759
6643
|
--br-circle: 50%;
|
|
6644
|
+
--br-pill: 1000px;
|
|
6645
|
+
--br-sm: var(--br-md);
|
|
6646
|
+
--br-lg: var(--br-md);
|
|
6760
6647
|
--te-smooth-slow: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
6761
6648
|
--te-smooth: cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
6762
6649
|
--te-smooth-quick: cubic-bezier(0.19, 1, 0.22, 1);
|
|
@@ -6773,8 +6660,8 @@ body {
|
|
|
6773
6660
|
body {
|
|
6774
6661
|
--_o-disabled: 0.55;
|
|
6775
6662
|
--_o-disabled-static: 0.55;
|
|
6776
|
-
--_black-static:
|
|
6777
|
-
--_white-static:
|
|
6663
|
+
--_black-static: #000000;
|
|
6664
|
+
--_white-static: #ffffff;
|
|
6778
6665
|
}
|
|
6779
6666
|
body:not(.theme-dark),
|
|
6780
6667
|
body.theme-highcontrast:not(.theme-dark),
|
|
@@ -6837,55 +6724,61 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced.themed,
|
|
|
6837
6724
|
body:not(.theme-highcontrast):not(.theme-dark) .themed,
|
|
6838
6725
|
body:not(.theme-highcontrast).theme-dark .theme-light__forced .themed,
|
|
6839
6726
|
body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
|
|
6840
|
-
--white:
|
|
6841
|
-
--black-050:
|
|
6842
|
-
--black-100:
|
|
6843
|
-
--black-150:
|
|
6844
|
-
--black-200:
|
|
6845
|
-
--black-225:
|
|
6846
|
-
--black-250:
|
|
6847
|
-
--black-300:
|
|
6848
|
-
--black-350:
|
|
6849
|
-
--black-400:
|
|
6850
|
-
--black-500:
|
|
6851
|
-
--black-600:
|
|
6852
|
-
--black:
|
|
6853
|
-
--orange-100:
|
|
6854
|
-
--orange-200:
|
|
6855
|
-
--orange-300:
|
|
6856
|
-
--orange-400:
|
|
6857
|
-
--orange-500:
|
|
6858
|
-
--orange-600:
|
|
6859
|
-
--blue-100:
|
|
6860
|
-
--blue-200:
|
|
6861
|
-
--blue-300:
|
|
6862
|
-
--blue-400:
|
|
6863
|
-
--blue-500:
|
|
6864
|
-
--blue-600:
|
|
6865
|
-
--green-100:
|
|
6866
|
-
--green-200:
|
|
6867
|
-
--green-300:
|
|
6868
|
-
--green-400:
|
|
6869
|
-
--green-500:
|
|
6870
|
-
--green-600:
|
|
6871
|
-
--red-100:
|
|
6872
|
-
--red-200:
|
|
6873
|
-
--red-300:
|
|
6874
|
-
--red-400:
|
|
6875
|
-
--red-500:
|
|
6876
|
-
--red-600:
|
|
6877
|
-
--yellow-100:
|
|
6878
|
-
--yellow-200:
|
|
6879
|
-
--yellow-300:
|
|
6880
|
-
--yellow-400:
|
|
6881
|
-
--yellow-500:
|
|
6882
|
-
--yellow-600:
|
|
6883
|
-
--purple-100:
|
|
6884
|
-
--purple-200:
|
|
6885
|
-
--purple-300:
|
|
6886
|
-
--purple-400:
|
|
6887
|
-
--purple-500:
|
|
6888
|
-
--purple-600:
|
|
6727
|
+
--white: #ffffff;
|
|
6728
|
+
--black-050: #ffffff;
|
|
6729
|
+
--black-100: #f7f6f5;
|
|
6730
|
+
--black-150: #f0efed;
|
|
6731
|
+
--black-200: #dee0e3;
|
|
6732
|
+
--black-225: #d7d8db;
|
|
6733
|
+
--black-250: #c9ccd1;
|
|
6734
|
+
--black-300: #a7aab0;
|
|
6735
|
+
--black-350: #84878c;
|
|
6736
|
+
--black-400: #6b6d73;
|
|
6737
|
+
--black-500: #46484d;
|
|
6738
|
+
--black-600: #211d1e;
|
|
6739
|
+
--black: #000000;
|
|
6740
|
+
--orange-100: #fff7f2;
|
|
6741
|
+
--orange-200: #ffd5bd;
|
|
6742
|
+
--orange-300: #f59056;
|
|
6743
|
+
--orange-400: #e86113;
|
|
6744
|
+
--orange-500: #bf4904;
|
|
6745
|
+
--orange-600: #702d06;
|
|
6746
|
+
--blue-100: #f0f3ff;
|
|
6747
|
+
--blue-200: #c8d4fa;
|
|
6748
|
+
--blue-300: #88a2f7;
|
|
6749
|
+
--blue-400: #5076f2;
|
|
6750
|
+
--blue-500: #2445b3;
|
|
6751
|
+
--blue-600: #0f2466;
|
|
6752
|
+
--green-100: #f4faeb;
|
|
6753
|
+
--green-200: #d8f2aa;
|
|
6754
|
+
--green-300: #a7cc66;
|
|
6755
|
+
--green-400: #6c991f;
|
|
6756
|
+
--green-500: #4d730b;
|
|
6757
|
+
--green-600: #324d04;
|
|
6758
|
+
--red-100: #fceded;
|
|
6759
|
+
--red-200: #f5b9b8;
|
|
6760
|
+
--red-300: #e67373;
|
|
6761
|
+
--red-400: #bf3030;
|
|
6762
|
+
--red-500: #8c0e0e;
|
|
6763
|
+
--red-600: #590404;
|
|
6764
|
+
--yellow-100: #fcf8e8;
|
|
6765
|
+
--yellow-200: #f5ebc4;
|
|
6766
|
+
--yellow-300: #edc10e;
|
|
6767
|
+
--yellow-400: #ab8900;
|
|
6768
|
+
--yellow-500: #806600;
|
|
6769
|
+
--yellow-600: #4d3d00;
|
|
6770
|
+
--purple-100: #f0edfc;
|
|
6771
|
+
--purple-200: #d0c6f7;
|
|
6772
|
+
--purple-300: #a591f2;
|
|
6773
|
+
--purple-400: #6e50e6;
|
|
6774
|
+
--purple-500: #4526bf;
|
|
6775
|
+
--purple-600: #200b73;
|
|
6776
|
+
--pink-100: #fbedfc;
|
|
6777
|
+
--pink-200: #ebb6f2;
|
|
6778
|
+
--pink-300: #e685f2;
|
|
6779
|
+
--pink-400: #d64ae8;
|
|
6780
|
+
--pink-500: #a224b3;
|
|
6781
|
+
--pink-600: #670b73;
|
|
6889
6782
|
--gold-100: hsl(46, 100%, 91%);
|
|
6890
6783
|
--gold-200: hsl(46, 100%, 74%);
|
|
6891
6784
|
--gold-300: hsl(45, 100%, 42%);
|
|
@@ -6908,14 +6801,14 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
|
|
|
6908
6801
|
--bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.06), 0 2px 6px hsla(0, 0%, 0%, 0.06), 0 3px 8px hsla(0, 0%, 0%, 0.09);
|
|
6909
6802
|
--bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.09), 0 3px 8px hsla(0, 0%, 0%, 0.09), 0 4px 13px hsla(0, 0%, 0%, 0.13);
|
|
6910
6803
|
--bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.05), 0 20px 48px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.1);
|
|
6911
|
-
--translucent-secondary: var(--theme-secondary-custom-translucent,
|
|
6804
|
+
--translucent-secondary: var(--theme-secondary-custom-translucent, rgba(115, 115, 115, 0.15));
|
|
6912
6805
|
--translucent-success: hsla(140, 40%, 75%, 0.4);
|
|
6913
6806
|
--translucent-warning: hsla(47, 79%, 58%, 0.4);
|
|
6914
6807
|
--translucent-error: hsla(358, 62%, 47%, 0.15);
|
|
6915
6808
|
--translucent-muted: hsla(210, 8%, 15%, 0.1);
|
|
6916
6809
|
--focus-neutral: var(--white);
|
|
6917
|
-
--focus-theme: var(--theme-secondary
|
|
6918
|
-
--focus-ring: var(--theme-secondary-custom-focus-ring,
|
|
6810
|
+
--focus-theme: var(--theme-secondary);
|
|
6811
|
+
--focus-ring: var(--theme-secondary-custom-focus-ring, rgba(115, 115, 115, 0.15));
|
|
6919
6812
|
--focus-ring-success: hsla(140, 40%, 75%, 0.4);
|
|
6920
6813
|
--focus-ring-warning: hsla(47, 79%, 58%, 0.4);
|
|
6921
6814
|
--focus-ring-error: hsla(358, 62%, 47%, 0.15);
|
|
@@ -6940,13 +6833,13 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
|
|
|
6940
6833
|
--theme-primary-400: var(--theme-primary-custom-400, var(--orange-400));
|
|
6941
6834
|
--theme-primary-500: var(--theme-primary-custom-500, var(--orange-500));
|
|
6942
6835
|
--theme-primary-600: var(--theme-primary-custom-600, var(--orange-600));
|
|
6943
|
-
--theme-secondary: var(--theme-secondary-custom, var(--
|
|
6944
|
-
--theme-secondary-100: var(--theme-secondary-custom-100, var(--
|
|
6945
|
-
--theme-secondary-200: var(--theme-secondary-custom-200, var(--
|
|
6946
|
-
--theme-secondary-300: var(--theme-secondary-custom-300, var(--
|
|
6947
|
-
--theme-secondary-400: var(--theme-secondary-custom-400, var(--
|
|
6948
|
-
--theme-secondary-500: var(--theme-secondary-custom-500, var(--
|
|
6949
|
-
--theme-secondary-600: var(--theme-secondary-custom-600, var(--
|
|
6836
|
+
--theme-secondary: var(--theme-secondary-custom, var(--black));
|
|
6837
|
+
--theme-secondary-100: var(--theme-secondary-custom-100, var(--black-100));
|
|
6838
|
+
--theme-secondary-200: var(--theme-secondary-custom-200, var(--black-200));
|
|
6839
|
+
--theme-secondary-300: var(--theme-secondary-custom-300, var(--black-300));
|
|
6840
|
+
--theme-secondary-400: var(--theme-secondary-custom-400, var(--black-400));
|
|
6841
|
+
--theme-secondary-500: var(--theme-secondary-custom-500, var(--black-500));
|
|
6842
|
+
--theme-secondary-600: var(--theme-secondary-custom-600, var(--black-600));
|
|
6950
6843
|
--theme-primary-custom-100: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .9)));
|
|
6951
6844
|
--theme-primary-custom-200: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .75)));
|
|
6952
6845
|
--theme-primary-custom-300: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .5)));
|
|
@@ -6971,55 +6864,61 @@ body:not(.theme-highcontrast).theme-dark.themed,
|
|
|
6971
6864
|
body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced.themed,
|
|
6972
6865
|
body:not(.theme-highcontrast).theme-dark .themed,
|
|
6973
6866
|
body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
6974
|
-
--white:
|
|
6975
|
-
--black-050:
|
|
6976
|
-
--black-100:
|
|
6977
|
-
--black-150:
|
|
6978
|
-
--black-200:
|
|
6979
|
-
--black-225:
|
|
6980
|
-
--black-250:
|
|
6981
|
-
--black-300:
|
|
6982
|
-
--black-350:
|
|
6983
|
-
--black-400:
|
|
6984
|
-
--black-500:
|
|
6985
|
-
--black-600:
|
|
6986
|
-
--black:
|
|
6987
|
-
--orange-100: hsl(
|
|
6988
|
-
--orange-200: hsl(
|
|
6989
|
-
--orange-300: hsl(
|
|
6990
|
-
--orange-400: hsl(
|
|
6991
|
-
--orange-500: hsl(
|
|
6992
|
-
--orange-600: hsl(
|
|
6993
|
-
--blue-100:
|
|
6994
|
-
--blue-200:
|
|
6995
|
-
--blue-300:
|
|
6996
|
-
--blue-400:
|
|
6997
|
-
--blue-500:
|
|
6998
|
-
--blue-600:
|
|
6999
|
-
--green-100:
|
|
7000
|
-
--green-200:
|
|
7001
|
-
--green-300:
|
|
7002
|
-
--green-400:
|
|
7003
|
-
--green-500:
|
|
7004
|
-
--green-600:
|
|
7005
|
-
--red-100:
|
|
7006
|
-
--red-200:
|
|
7007
|
-
--red-300:
|
|
7008
|
-
--red-400:
|
|
7009
|
-
--red-500:
|
|
7010
|
-
--red-600:
|
|
7011
|
-
--yellow-100:
|
|
7012
|
-
--yellow-200:
|
|
7013
|
-
--yellow-300:
|
|
7014
|
-
--yellow-400:
|
|
7015
|
-
--yellow-500:
|
|
7016
|
-
--yellow-600:
|
|
7017
|
-
--purple-100:
|
|
7018
|
-
--purple-200:
|
|
7019
|
-
--purple-300:
|
|
7020
|
-
--purple-400:
|
|
7021
|
-
--purple-500:
|
|
7022
|
-
--purple-600:
|
|
6867
|
+
--white: #141414;
|
|
6868
|
+
--black-050: #141414;
|
|
6869
|
+
--black-100: #262626;
|
|
6870
|
+
--black-150: #333333;
|
|
6871
|
+
--black-200: #575757;
|
|
6872
|
+
--black-225: #666666;
|
|
6873
|
+
--black-250: #737373;
|
|
6874
|
+
--black-300: #8c8c8c;
|
|
6875
|
+
--black-350: #a6a6a6;
|
|
6876
|
+
--black-400: #d9d3ce;
|
|
6877
|
+
--black-500: #f2ede9;
|
|
6878
|
+
--black-600: #ffffff;
|
|
6879
|
+
--black: #ffffff;
|
|
6880
|
+
--orange-100: hsl(22, 80%, 25%);
|
|
6881
|
+
--orange-200: hsl(22, 75%, 45%);
|
|
6882
|
+
--orange-300: hsl(22, 47%, 78%);
|
|
6883
|
+
--orange-400: hsl(22, 40%, 90%);
|
|
6884
|
+
--orange-500: hsl(22, 30%, 99%);
|
|
6885
|
+
--orange-600: hsl(22, 20%, 98%);
|
|
6886
|
+
--blue-100: #22304d;
|
|
6887
|
+
--blue-200: #4d6699;
|
|
6888
|
+
--blue-300: #7b93e0;
|
|
6889
|
+
--blue-400: #a6bbff;
|
|
6890
|
+
--blue-500: #ccddff;
|
|
6891
|
+
--blue-600: #e6eeff;
|
|
6892
|
+
--green-100: #28380b;
|
|
6893
|
+
--green-200: #5c7334;
|
|
6894
|
+
--green-300: #96b364;
|
|
6895
|
+
--green-400: #c4e68a;
|
|
6896
|
+
--green-500: #cce6a1;
|
|
6897
|
+
--green-600: #ecffcc;
|
|
6898
|
+
--red-100: #330f0f;
|
|
6899
|
+
--red-200: #662e2e;
|
|
6900
|
+
--red-300: #b35d5d;
|
|
6901
|
+
--red-400: #faafaf;
|
|
6902
|
+
--red-500: #fccaca;
|
|
6903
|
+
--red-600: #ffe6e6;
|
|
6904
|
+
--yellow-100: #332b0a;
|
|
6905
|
+
--yellow-200: #594c16;
|
|
6906
|
+
--yellow-300: #a6944b;
|
|
6907
|
+
--yellow-400: #e6d17e;
|
|
6908
|
+
--yellow-500: #fcedb1;
|
|
6909
|
+
--yellow-600: #fffae6;
|
|
6910
|
+
--purple-100: #22174d;
|
|
6911
|
+
--purple-200: #3d2d80;
|
|
6912
|
+
--purple-300: #7262b3;
|
|
6913
|
+
--purple-400: #b6a6f7;
|
|
6914
|
+
--purple-500: #d2c8fa;
|
|
6915
|
+
--purple-600: #e8e3fc;
|
|
6916
|
+
--pink-100: #2e0a33;
|
|
6917
|
+
--pink-200: #5e2466;
|
|
6918
|
+
--pink-300: #bf81c7;
|
|
6919
|
+
--pink-400: #f3bbfa;
|
|
6920
|
+
--pink-500: #f7cffc;
|
|
6921
|
+
--pink-600: #fae3fc;
|
|
7023
6922
|
--gold-100: hsl(45, 29%, 24%);
|
|
7024
6923
|
--gold-200: hsl(45, 47%, 37%);
|
|
7025
6924
|
--gold-300: hsl(45, 92%, 62%);
|
|
@@ -7042,14 +6941,14 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7042
6941
|
--bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
|
|
7043
6942
|
--bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
|
|
7044
6943
|
--bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
|
|
7045
|
-
--translucent-secondary: var(--theme-dark-secondary-custom-translucent,
|
|
6944
|
+
--translucent-secondary: var(--theme-dark-secondary-custom-translucent, rgba(217, 211, 206, 0.25));
|
|
7046
6945
|
--translucent-success: hsla(140, 40%, 75%, 0.4);
|
|
7047
6946
|
--translucent-warning: hsla(47, 79%, 58%, 0.4);
|
|
7048
6947
|
--translucent-error: hsla(358, 62%, 47%, 0.15);
|
|
7049
6948
|
--translucent-muted: hsla(210, 8%, 15%, 0.1);
|
|
7050
6949
|
--focus-neutral: var(--white);
|
|
7051
|
-
--focus-theme: var(--theme-secondary
|
|
7052
|
-
--focus-ring: var(--theme-dark-secondary-custom-focus-ring,
|
|
6950
|
+
--focus-theme: var(--theme-secondary);
|
|
6951
|
+
--focus-ring: var(--theme-dark-secondary-custom-focus-ring, rgba(217, 211, 206, 0.25));
|
|
7053
6952
|
--focus-ring-success: hsla(140, 40%, 75%, 0.4);
|
|
7054
6953
|
--focus-ring-warning: hsla(47, 79%, 58%, 0.4);
|
|
7055
6954
|
--focus-ring-error: hsla(358, 62%, 47%, 0.15);
|
|
@@ -7074,13 +6973,13 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7074
6973
|
--theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400));
|
|
7075
6974
|
--theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500));
|
|
7076
6975
|
--theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600));
|
|
7077
|
-
--theme-secondary: var(--theme-dark-secondary-custom, var(--
|
|
7078
|
-
--theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--
|
|
7079
|
-
--theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--
|
|
7080
|
-
--theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--
|
|
7081
|
-
--theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--
|
|
7082
|
-
--theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--
|
|
7083
|
-
--theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--
|
|
6976
|
+
--theme-secondary: var(--theme-dark-secondary-custom, var(--black));
|
|
6977
|
+
--theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--black-100));
|
|
6978
|
+
--theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--black-200));
|
|
6979
|
+
--theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--black-300));
|
|
6980
|
+
--theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--black-400));
|
|
6981
|
+
--theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--black-500));
|
|
6982
|
+
--theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--black-600));
|
|
7084
6983
|
--theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7)));
|
|
7085
6984
|
--theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5)));
|
|
7086
6985
|
--theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2)));
|
|
@@ -7103,55 +7002,61 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7103
7002
|
body:not(.theme-highcontrast).theme-system,
|
|
7104
7003
|
body:not(.theme-highcontrast).theme-system.themed,
|
|
7105
7004
|
body:not(.theme-highcontrast).theme-system .themed {
|
|
7106
|
-
--white:
|
|
7107
|
-
--black-050:
|
|
7108
|
-
--black-100:
|
|
7109
|
-
--black-150:
|
|
7110
|
-
--black-200:
|
|
7111
|
-
--black-225:
|
|
7112
|
-
--black-250:
|
|
7113
|
-
--black-300:
|
|
7114
|
-
--black-350:
|
|
7115
|
-
--black-400:
|
|
7116
|
-
--black-500:
|
|
7117
|
-
--black-600:
|
|
7118
|
-
--black:
|
|
7119
|
-
--orange-100: hsl(
|
|
7120
|
-
--orange-200: hsl(
|
|
7121
|
-
--orange-300: hsl(
|
|
7122
|
-
--orange-400: hsl(
|
|
7123
|
-
--orange-500: hsl(
|
|
7124
|
-
--orange-600: hsl(
|
|
7125
|
-
--blue-100:
|
|
7126
|
-
--blue-200:
|
|
7127
|
-
--blue-300:
|
|
7128
|
-
--blue-400:
|
|
7129
|
-
--blue-500:
|
|
7130
|
-
--blue-600:
|
|
7131
|
-
--green-100:
|
|
7132
|
-
--green-200:
|
|
7133
|
-
--green-300:
|
|
7134
|
-
--green-400:
|
|
7135
|
-
--green-500:
|
|
7136
|
-
--green-600:
|
|
7137
|
-
--red-100:
|
|
7138
|
-
--red-200:
|
|
7139
|
-
--red-300:
|
|
7140
|
-
--red-400:
|
|
7141
|
-
--red-500:
|
|
7142
|
-
--red-600:
|
|
7143
|
-
--yellow-100:
|
|
7144
|
-
--yellow-200:
|
|
7145
|
-
--yellow-300:
|
|
7146
|
-
--yellow-400:
|
|
7147
|
-
--yellow-500:
|
|
7148
|
-
--yellow-600:
|
|
7149
|
-
--purple-100:
|
|
7150
|
-
--purple-200:
|
|
7151
|
-
--purple-300:
|
|
7152
|
-
--purple-400:
|
|
7153
|
-
--purple-500:
|
|
7154
|
-
--purple-600:
|
|
7005
|
+
--white: #141414;
|
|
7006
|
+
--black-050: #141414;
|
|
7007
|
+
--black-100: #262626;
|
|
7008
|
+
--black-150: #333333;
|
|
7009
|
+
--black-200: #575757;
|
|
7010
|
+
--black-225: #666666;
|
|
7011
|
+
--black-250: #737373;
|
|
7012
|
+
--black-300: #8c8c8c;
|
|
7013
|
+
--black-350: #a6a6a6;
|
|
7014
|
+
--black-400: #d9d3ce;
|
|
7015
|
+
--black-500: #f2ede9;
|
|
7016
|
+
--black-600: #ffffff;
|
|
7017
|
+
--black: #ffffff;
|
|
7018
|
+
--orange-100: hsl(22, 80%, 25%);
|
|
7019
|
+
--orange-200: hsl(22, 75%, 45%);
|
|
7020
|
+
--orange-300: hsl(22, 47%, 78%);
|
|
7021
|
+
--orange-400: hsl(22, 40%, 90%);
|
|
7022
|
+
--orange-500: hsl(22, 30%, 99%);
|
|
7023
|
+
--orange-600: hsl(22, 20%, 98%);
|
|
7024
|
+
--blue-100: #22304d;
|
|
7025
|
+
--blue-200: #4d6699;
|
|
7026
|
+
--blue-300: #7b93e0;
|
|
7027
|
+
--blue-400: #a6bbff;
|
|
7028
|
+
--blue-500: #ccddff;
|
|
7029
|
+
--blue-600: #e6eeff;
|
|
7030
|
+
--green-100: #28380b;
|
|
7031
|
+
--green-200: #5c7334;
|
|
7032
|
+
--green-300: #96b364;
|
|
7033
|
+
--green-400: #c4e68a;
|
|
7034
|
+
--green-500: #cce6a1;
|
|
7035
|
+
--green-600: #ecffcc;
|
|
7036
|
+
--red-100: #330f0f;
|
|
7037
|
+
--red-200: #662e2e;
|
|
7038
|
+
--red-300: #b35d5d;
|
|
7039
|
+
--red-400: #faafaf;
|
|
7040
|
+
--red-500: #fccaca;
|
|
7041
|
+
--red-600: #ffe6e6;
|
|
7042
|
+
--yellow-100: #332b0a;
|
|
7043
|
+
--yellow-200: #594c16;
|
|
7044
|
+
--yellow-300: #a6944b;
|
|
7045
|
+
--yellow-400: #e6d17e;
|
|
7046
|
+
--yellow-500: #fcedb1;
|
|
7047
|
+
--yellow-600: #fffae6;
|
|
7048
|
+
--purple-100: #22174d;
|
|
7049
|
+
--purple-200: #3d2d80;
|
|
7050
|
+
--purple-300: #7262b3;
|
|
7051
|
+
--purple-400: #b6a6f7;
|
|
7052
|
+
--purple-500: #d2c8fa;
|
|
7053
|
+
--purple-600: #e8e3fc;
|
|
7054
|
+
--pink-100: #2e0a33;
|
|
7055
|
+
--pink-200: #5e2466;
|
|
7056
|
+
--pink-300: #bf81c7;
|
|
7057
|
+
--pink-400: #f3bbfa;
|
|
7058
|
+
--pink-500: #f7cffc;
|
|
7059
|
+
--pink-600: #fae3fc;
|
|
7155
7060
|
--gold-100: hsl(45, 29%, 24%);
|
|
7156
7061
|
--gold-200: hsl(45, 47%, 37%);
|
|
7157
7062
|
--gold-300: hsl(45, 92%, 62%);
|
|
@@ -7174,14 +7079,14 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7174
7079
|
--bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
|
|
7175
7080
|
--bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
|
|
7176
7081
|
--bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
|
|
7177
|
-
--translucent-secondary: var(--theme-dark-secondary-custom-translucent,
|
|
7082
|
+
--translucent-secondary: var(--theme-dark-secondary-custom-translucent, rgba(217, 211, 206, 0.25));
|
|
7178
7083
|
--translucent-success: hsla(140, 40%, 75%, 0.4);
|
|
7179
7084
|
--translucent-warning: hsla(47, 79%, 58%, 0.4);
|
|
7180
7085
|
--translucent-error: hsla(358, 62%, 47%, 0.15);
|
|
7181
7086
|
--translucent-muted: hsla(210, 8%, 15%, 0.1);
|
|
7182
7087
|
--focus-neutral: var(--white);
|
|
7183
|
-
--focus-theme: var(--theme-secondary
|
|
7184
|
-
--focus-ring: var(--theme-dark-secondary-custom-focus-ring,
|
|
7088
|
+
--focus-theme: var(--theme-secondary);
|
|
7089
|
+
--focus-ring: var(--theme-dark-secondary-custom-focus-ring, rgba(217, 211, 206, 0.25));
|
|
7185
7090
|
--focus-ring-success: hsla(140, 40%, 75%, 0.4);
|
|
7186
7091
|
--focus-ring-warning: hsla(47, 79%, 58%, 0.4);
|
|
7187
7092
|
--focus-ring-error: hsla(358, 62%, 47%, 0.15);
|
|
@@ -7206,13 +7111,13 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7206
7111
|
--theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400));
|
|
7207
7112
|
--theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500));
|
|
7208
7113
|
--theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600));
|
|
7209
|
-
--theme-secondary: var(--theme-dark-secondary-custom, var(--
|
|
7210
|
-
--theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--
|
|
7211
|
-
--theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--
|
|
7212
|
-
--theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--
|
|
7213
|
-
--theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--
|
|
7214
|
-
--theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--
|
|
7215
|
-
--theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--
|
|
7114
|
+
--theme-secondary: var(--theme-dark-secondary-custom, var(--black));
|
|
7115
|
+
--theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--black-100));
|
|
7116
|
+
--theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--black-200));
|
|
7117
|
+
--theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--black-300));
|
|
7118
|
+
--theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--black-400));
|
|
7119
|
+
--theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--black-500));
|
|
7120
|
+
--theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--black-600));
|
|
7216
7121
|
--theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7)));
|
|
7217
7122
|
--theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5)));
|
|
7218
7123
|
--theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2)));
|
|
@@ -7235,55 +7140,61 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7235
7140
|
body.theme-highcontrast:not(.theme-dark),
|
|
7236
7141
|
body.theme-highcontrast.theme-dark .theme-light__forced,
|
|
7237
7142
|
body.theme-highcontrast.theme-system .theme-light__forced {
|
|
7238
|
-
--white:
|
|
7239
|
-
--black-050:
|
|
7240
|
-
--black-100:
|
|
7241
|
-
--black-150:
|
|
7242
|
-
--black-200:
|
|
7243
|
-
--black-225:
|
|
7244
|
-
--black-250:
|
|
7245
|
-
--black-300:
|
|
7246
|
-
--black-350:
|
|
7247
|
-
--black-400:
|
|
7248
|
-
--black-500:
|
|
7249
|
-
--black-600:
|
|
7250
|
-
--black:
|
|
7251
|
-
--orange-100:
|
|
7252
|
-
--orange-200:
|
|
7253
|
-
--orange-300:
|
|
7254
|
-
--orange-400:
|
|
7255
|
-
--orange-500:
|
|
7256
|
-
--orange-600:
|
|
7257
|
-
--blue-100:
|
|
7258
|
-
--blue-200:
|
|
7259
|
-
--blue-300:
|
|
7260
|
-
--blue-400:
|
|
7261
|
-
--blue-500:
|
|
7262
|
-
--blue-600:
|
|
7263
|
-
--green-100:
|
|
7264
|
-
--green-200:
|
|
7265
|
-
--green-300:
|
|
7266
|
-
--green-400:
|
|
7267
|
-
--green-500:
|
|
7268
|
-
--green-600:
|
|
7269
|
-
--red-100:
|
|
7270
|
-
--red-200:
|
|
7271
|
-
--red-300:
|
|
7272
|
-
--red-400:
|
|
7273
|
-
--red-500:
|
|
7274
|
-
--red-600:
|
|
7275
|
-
--yellow-100:
|
|
7276
|
-
--yellow-200:
|
|
7277
|
-
--yellow-300:
|
|
7278
|
-
--yellow-400:
|
|
7279
|
-
--yellow-500:
|
|
7280
|
-
--yellow-600:
|
|
7281
|
-
--purple-100:
|
|
7282
|
-
--purple-200:
|
|
7283
|
-
--purple-300:
|
|
7284
|
-
--purple-400:
|
|
7285
|
-
--purple-500:
|
|
7286
|
-
--purple-600:
|
|
7143
|
+
--white: #ffffff;
|
|
7144
|
+
--black-050: #ffffff;
|
|
7145
|
+
--black-100: #f7f6f5;
|
|
7146
|
+
--black-150: #f0efed;
|
|
7147
|
+
--black-200: #dee1e3;
|
|
7148
|
+
--black-225: #d7d8db;
|
|
7149
|
+
--black-250: #c9ccd1;
|
|
7150
|
+
--black-300: #91939c;
|
|
7151
|
+
--black-350: #55585c;
|
|
7152
|
+
--black-400: #545759;
|
|
7153
|
+
--black-500: #46484d;
|
|
7154
|
+
--black-600: #211d1e;
|
|
7155
|
+
--black: #000000;
|
|
7156
|
+
--orange-100: #fff7f2;
|
|
7157
|
+
--orange-200: #fff7f2;
|
|
7158
|
+
--orange-300: #e86113;
|
|
7159
|
+
--orange-400: #963903;
|
|
7160
|
+
--orange-500: #702d06;
|
|
7161
|
+
--orange-600: #702d06;
|
|
7162
|
+
--blue-100: #f0f3ff;
|
|
7163
|
+
--blue-200: #f0f3ff;
|
|
7164
|
+
--blue-300: #5076f2;
|
|
7165
|
+
--blue-400: #2445b3;
|
|
7166
|
+
--blue-500: #0f2466;
|
|
7167
|
+
--blue-600: #0f2466;
|
|
7168
|
+
--green-100: #f4faeb;
|
|
7169
|
+
--green-200: #f4faeb;
|
|
7170
|
+
--green-300: #72a120;
|
|
7171
|
+
--green-400: #406107;
|
|
7172
|
+
--green-500: #324d04;
|
|
7173
|
+
--green-600: #324d04;
|
|
7174
|
+
--red-100: #fceded;
|
|
7175
|
+
--red-200: #fceded;
|
|
7176
|
+
--red-300: #bf3030;
|
|
7177
|
+
--red-400: #8c0e0e;
|
|
7178
|
+
--red-500: #590404;
|
|
7179
|
+
--red-600: #590404;
|
|
7180
|
+
--yellow-100: #fcf8e8;
|
|
7181
|
+
--yellow-200: #fcf8e8;
|
|
7182
|
+
--yellow-300: #ccab29;
|
|
7183
|
+
--yellow-400: #6b5600;
|
|
7184
|
+
--yellow-500: #4d3d00;
|
|
7185
|
+
--yellow-600: #4d3d00;
|
|
7186
|
+
--purple-100: #f0edfc;
|
|
7187
|
+
--purple-200: #f0edfc;
|
|
7188
|
+
--purple-300: #6e50e6;
|
|
7189
|
+
--purple-400: #4526bf;
|
|
7190
|
+
--purple-500: #200b73;
|
|
7191
|
+
--purple-600: #200b73;
|
|
7192
|
+
--pink-100: #fbedfc;
|
|
7193
|
+
--pink-200: #fbedfc;
|
|
7194
|
+
--pink-300: #d017e8;
|
|
7195
|
+
--pink-400: #8b1f99;
|
|
7196
|
+
--pink-500: #670b73;
|
|
7197
|
+
--pink-600: #670b73;
|
|
7287
7198
|
--gold-100: hsl(46, 100%, 91%);
|
|
7288
7199
|
--gold-200: hsl(46, 100%, 91%);
|
|
7289
7200
|
--gold-300: hsl(45, 100%, 42%);
|
|
@@ -7306,14 +7217,14 @@ body.theme-highcontrast.theme-system .theme-light__forced {
|
|
|
7306
7217
|
--bs-md: none;
|
|
7307
7218
|
--bs-lg: none;
|
|
7308
7219
|
--bs-xl: none;
|
|
7309
|
-
--translucent-secondary: hsla(
|
|
7220
|
+
--translucent-secondary: hsla(204, 6%, 35%, 0.9);
|
|
7310
7221
|
--translucent-success: hsla(140, 40%, 40%, 0.9);
|
|
7311
7222
|
--translucent-warning: hsla(47, 76%, 46%, 0.9);
|
|
7312
7223
|
--translucent-error: hsla(358, 62%, 47%, 0.9);
|
|
7313
7224
|
--translucent-muted: hsla(210, 8%, 55%, 0.95);
|
|
7314
7225
|
--focus-neutral: var(--white);
|
|
7315
|
-
--focus-theme: var(--theme-secondary
|
|
7316
|
-
--focus-ring:
|
|
7226
|
+
--focus-theme: var(--theme-secondary);
|
|
7227
|
+
--focus-ring: rgba(115, 115, 115, 0.9);
|
|
7317
7228
|
--focus-ring-success: hsla(140, 40%, 40%, 0.9);
|
|
7318
7229
|
--focus-ring-warning: hsla(47, 76%, 46%, 0.9);
|
|
7319
7230
|
--focus-ring-error: hsla(358, 62%, 47%, 0.9);
|
|
@@ -7338,66 +7249,72 @@ body.theme-highcontrast.theme-system .theme-light__forced {
|
|
|
7338
7249
|
--theme-primary-400: var(--orange-400);
|
|
7339
7250
|
--theme-primary-500: var(--orange-500);
|
|
7340
7251
|
--theme-primary-600: var(--orange-600);
|
|
7341
|
-
--theme-secondary: var(--
|
|
7342
|
-
--theme-secondary-100: var(--
|
|
7343
|
-
--theme-secondary-200: var(--
|
|
7344
|
-
--theme-secondary-300: var(--
|
|
7345
|
-
--theme-secondary-400: var(--
|
|
7346
|
-
--theme-secondary-500: var(--
|
|
7347
|
-
--theme-secondary-600: var(--
|
|
7252
|
+
--theme-secondary: var(--black);
|
|
7253
|
+
--theme-secondary-100: var(--black-100);
|
|
7254
|
+
--theme-secondary-200: var(--black-200);
|
|
7255
|
+
--theme-secondary-300: var(--black-300);
|
|
7256
|
+
--theme-secondary-400: var(--black-400);
|
|
7257
|
+
--theme-secondary-500: var(--black-500);
|
|
7258
|
+
--theme-secondary-600: var(--black-600);
|
|
7348
7259
|
--_o-disabled: 0.8;
|
|
7349
7260
|
}
|
|
7350
7261
|
body.theme-highcontrast.theme-dark,
|
|
7351
7262
|
body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
|
|
7352
|
-
--white:
|
|
7353
|
-
--black-050:
|
|
7354
|
-
--black-100:
|
|
7355
|
-
--black-150:
|
|
7356
|
-
--black-200:
|
|
7357
|
-
--black-225:
|
|
7358
|
-
--black-250:
|
|
7359
|
-
--black-300:
|
|
7360
|
-
--black-350:
|
|
7361
|
-
--black-400:
|
|
7362
|
-
--black-500:
|
|
7363
|
-
--black-600:
|
|
7364
|
-
--black:
|
|
7365
|
-
--orange-100:
|
|
7366
|
-
--orange-200:
|
|
7367
|
-
--orange-300:
|
|
7368
|
-
--orange-400:
|
|
7369
|
-
--orange-500:
|
|
7370
|
-
--orange-600:
|
|
7371
|
-
--blue-100:
|
|
7372
|
-
--blue-200:
|
|
7373
|
-
--blue-300:
|
|
7374
|
-
--blue-400:
|
|
7375
|
-
--blue-500:
|
|
7376
|
-
--blue-600:
|
|
7377
|
-
--green-100:
|
|
7378
|
-
--green-200:
|
|
7379
|
-
--green-300:
|
|
7380
|
-
--green-400:
|
|
7381
|
-
--green-500:
|
|
7382
|
-
--green-600:
|
|
7383
|
-
--red-100:
|
|
7384
|
-
--red-200:
|
|
7385
|
-
--red-300:
|
|
7386
|
-
--red-400:
|
|
7387
|
-
--red-500:
|
|
7388
|
-
--red-600:
|
|
7389
|
-
--yellow-100:
|
|
7390
|
-
--yellow-200:
|
|
7391
|
-
--yellow-300:
|
|
7392
|
-
--yellow-400:
|
|
7393
|
-
--yellow-500:
|
|
7394
|
-
--yellow-600:
|
|
7395
|
-
--purple-100:
|
|
7396
|
-
--purple-200:
|
|
7397
|
-
--purple-300:
|
|
7398
|
-
--purple-400:
|
|
7399
|
-
--purple-500:
|
|
7400
|
-
--purple-600:
|
|
7263
|
+
--white: #000000;
|
|
7264
|
+
--black-050: #141414;
|
|
7265
|
+
--black-100: #262626;
|
|
7266
|
+
--black-150: #333333;
|
|
7267
|
+
--black-200: #575757;
|
|
7268
|
+
--black-225: #666666;
|
|
7269
|
+
--black-250: #737373;
|
|
7270
|
+
--black-300: #8c8c8c;
|
|
7271
|
+
--black-350: #a6a6a6;
|
|
7272
|
+
--black-400: #d9d3ce;
|
|
7273
|
+
--black-500: #f2ede9;
|
|
7274
|
+
--black-600: #ffffff;
|
|
7275
|
+
--black: #ffffff;
|
|
7276
|
+
--orange-100: #401f0d;
|
|
7277
|
+
--orange-200: #401f0d;
|
|
7278
|
+
--orange-300: #994f25;
|
|
7279
|
+
--orange-400: #e6ab8a;
|
|
7280
|
+
--orange-500: #fadac8;
|
|
7281
|
+
--orange-600: #fadac8;
|
|
7282
|
+
--blue-100: #22304d;
|
|
7283
|
+
--blue-200: #22304d;
|
|
7284
|
+
--blue-300: #4d6699;
|
|
7285
|
+
--blue-400: #a6c3ff;
|
|
7286
|
+
--blue-500: #e6eeff;
|
|
7287
|
+
--blue-600: #e6eeff;
|
|
7288
|
+
--green-100: #28380b;
|
|
7289
|
+
--green-200: #28380b;
|
|
7290
|
+
--green-300: #5c7334;
|
|
7291
|
+
--green-400: #96b364;
|
|
7292
|
+
--green-500: #ecffcc;
|
|
7293
|
+
--green-600: #ecffcc;
|
|
7294
|
+
--red-100: #330f0f;
|
|
7295
|
+
--red-200: #330f0f;
|
|
7296
|
+
--red-300: #faafaf;
|
|
7297
|
+
--red-400: #fccaca;
|
|
7298
|
+
--red-500: #ffe6e6;
|
|
7299
|
+
--red-600: #ffe6e6;
|
|
7300
|
+
--yellow-100: #332b0a;
|
|
7301
|
+
--yellow-200: #332b0a;
|
|
7302
|
+
--yellow-300: #594c16;
|
|
7303
|
+
--yellow-400: #e6d17e;
|
|
7304
|
+
--yellow-500: #fffae6;
|
|
7305
|
+
--yellow-600: #fffae6;
|
|
7306
|
+
--purple-100: #22174d;
|
|
7307
|
+
--purple-200: #22174d;
|
|
7308
|
+
--purple-300: #3d2d80;
|
|
7309
|
+
--purple-400: #7262b3;
|
|
7310
|
+
--purple-500: #e8e3fc;
|
|
7311
|
+
--purple-600: #e8e3fc;
|
|
7312
|
+
--pink-100: #2e0a33;
|
|
7313
|
+
--pink-200: #2e0a33;
|
|
7314
|
+
--pink-300: #5e2466;
|
|
7315
|
+
--pink-400: #c58fcc;
|
|
7316
|
+
--pink-500: #fae3fc;
|
|
7317
|
+
--pink-600: #fae3fc;
|
|
7401
7318
|
--gold-100: hsl(45, 22%, 25%);
|
|
7402
7319
|
--gold-200: hsl(45, 22%, 25%);
|
|
7403
7320
|
--gold-300: hsl(45, 92%, 62%);
|
|
@@ -7420,14 +7337,14 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
|
|
|
7420
7337
|
--bs-md: none;
|
|
7421
7338
|
--bs-lg: none;
|
|
7422
7339
|
--bs-xl: none;
|
|
7423
|
-
--translucent-secondary: hsla(
|
|
7340
|
+
--translucent-secondary: hsla(204, 6%, 35%, 0.9);
|
|
7424
7341
|
--translucent-success: hsla(140, 40%, 40%, 0.9);
|
|
7425
7342
|
--translucent-warning: hsla(47, 76%, 46%, 0.9);
|
|
7426
7343
|
--translucent-error: hsla(358, 62%, 47%, 0.9);
|
|
7427
7344
|
--translucent-muted: hsla(210, 8%, 55%, 0.95);
|
|
7428
7345
|
--focus-neutral: var(--white);
|
|
7429
|
-
--focus-theme: var(--theme-secondary
|
|
7430
|
-
--focus-ring:
|
|
7346
|
+
--focus-theme: var(--theme-secondary);
|
|
7347
|
+
--focus-ring: rgba(115, 115, 115, 0.9);
|
|
7431
7348
|
--focus-ring-success: hsla(140, 40%, 40%, 0.9);
|
|
7432
7349
|
--focus-ring-warning: hsla(47, 76%, 46%, 0.9);
|
|
7433
7350
|
--focus-ring-error: hsla(358, 62%, 47%, 0.9);
|
|
@@ -7452,66 +7369,72 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
|
|
|
7452
7369
|
--theme-primary-400: var(--orange-400);
|
|
7453
7370
|
--theme-primary-500: var(--orange-500);
|
|
7454
7371
|
--theme-primary-600: var(--orange-600);
|
|
7455
|
-
--theme-secondary: var(--
|
|
7456
|
-
--theme-secondary-100: var(--
|
|
7457
|
-
--theme-secondary-200: var(--
|
|
7458
|
-
--theme-secondary-300: var(--
|
|
7459
|
-
--theme-secondary-400: var(--
|
|
7460
|
-
--theme-secondary-500: var(--
|
|
7461
|
-
--theme-secondary-600: var(--
|
|
7372
|
+
--theme-secondary: var(--black);
|
|
7373
|
+
--theme-secondary-100: var(--black-100);
|
|
7374
|
+
--theme-secondary-200: var(--black-200);
|
|
7375
|
+
--theme-secondary-300: var(--black-300);
|
|
7376
|
+
--theme-secondary-400: var(--black-400);
|
|
7377
|
+
--theme-secondary-500: var(--black-500);
|
|
7378
|
+
--theme-secondary-600: var(--black-600);
|
|
7462
7379
|
--_o-disabled: 0.8;
|
|
7463
7380
|
}
|
|
7464
7381
|
@media (prefers-color-scheme: dark) {
|
|
7465
7382
|
body.theme-highcontrast.theme-system {
|
|
7466
|
-
--white:
|
|
7467
|
-
--black-050:
|
|
7468
|
-
--black-100:
|
|
7469
|
-
--black-150:
|
|
7470
|
-
--black-200:
|
|
7471
|
-
--black-225:
|
|
7472
|
-
--black-250:
|
|
7473
|
-
--black-300:
|
|
7474
|
-
--black-350:
|
|
7475
|
-
--black-400:
|
|
7476
|
-
--black-500:
|
|
7477
|
-
--black-600:
|
|
7478
|
-
--black:
|
|
7479
|
-
--orange-100:
|
|
7480
|
-
--orange-200:
|
|
7481
|
-
--orange-300:
|
|
7482
|
-
--orange-400:
|
|
7483
|
-
--orange-500:
|
|
7484
|
-
--orange-600:
|
|
7485
|
-
--blue-100:
|
|
7486
|
-
--blue-200:
|
|
7487
|
-
--blue-300:
|
|
7488
|
-
--blue-400:
|
|
7489
|
-
--blue-500:
|
|
7490
|
-
--blue-600:
|
|
7491
|
-
--green-100:
|
|
7492
|
-
--green-200:
|
|
7493
|
-
--green-300:
|
|
7494
|
-
--green-400:
|
|
7495
|
-
--green-500:
|
|
7496
|
-
--green-600:
|
|
7497
|
-
--red-100:
|
|
7498
|
-
--red-200:
|
|
7499
|
-
--red-300:
|
|
7500
|
-
--red-400:
|
|
7501
|
-
--red-500:
|
|
7502
|
-
--red-600:
|
|
7503
|
-
--yellow-100:
|
|
7504
|
-
--yellow-200:
|
|
7505
|
-
--yellow-300:
|
|
7506
|
-
--yellow-400:
|
|
7507
|
-
--yellow-500:
|
|
7508
|
-
--yellow-600:
|
|
7509
|
-
--purple-100:
|
|
7510
|
-
--purple-200:
|
|
7511
|
-
--purple-300:
|
|
7512
|
-
--purple-400:
|
|
7513
|
-
--purple-500:
|
|
7514
|
-
--purple-600:
|
|
7383
|
+
--white: #000000;
|
|
7384
|
+
--black-050: #141414;
|
|
7385
|
+
--black-100: #262626;
|
|
7386
|
+
--black-150: #333333;
|
|
7387
|
+
--black-200: #575757;
|
|
7388
|
+
--black-225: #666666;
|
|
7389
|
+
--black-250: #737373;
|
|
7390
|
+
--black-300: #8c8c8c;
|
|
7391
|
+
--black-350: #a6a6a6;
|
|
7392
|
+
--black-400: #d9d3ce;
|
|
7393
|
+
--black-500: #f2ede9;
|
|
7394
|
+
--black-600: #ffffff;
|
|
7395
|
+
--black: #ffffff;
|
|
7396
|
+
--orange-100: #401f0d;
|
|
7397
|
+
--orange-200: #401f0d;
|
|
7398
|
+
--orange-300: #994f25;
|
|
7399
|
+
--orange-400: #e6ab8a;
|
|
7400
|
+
--orange-500: #fadac8;
|
|
7401
|
+
--orange-600: #fadac8;
|
|
7402
|
+
--blue-100: #22304d;
|
|
7403
|
+
--blue-200: #22304d;
|
|
7404
|
+
--blue-300: #4d6699;
|
|
7405
|
+
--blue-400: #a6c3ff;
|
|
7406
|
+
--blue-500: #e6eeff;
|
|
7407
|
+
--blue-600: #e6eeff;
|
|
7408
|
+
--green-100: #28380b;
|
|
7409
|
+
--green-200: #28380b;
|
|
7410
|
+
--green-300: #5c7334;
|
|
7411
|
+
--green-400: #96b364;
|
|
7412
|
+
--green-500: #ecffcc;
|
|
7413
|
+
--green-600: #ecffcc;
|
|
7414
|
+
--red-100: #330f0f;
|
|
7415
|
+
--red-200: #330f0f;
|
|
7416
|
+
--red-300: #faafaf;
|
|
7417
|
+
--red-400: #fccaca;
|
|
7418
|
+
--red-500: #ffe6e6;
|
|
7419
|
+
--red-600: #ffe6e6;
|
|
7420
|
+
--yellow-100: #332b0a;
|
|
7421
|
+
--yellow-200: #332b0a;
|
|
7422
|
+
--yellow-300: #594c16;
|
|
7423
|
+
--yellow-400: #e6d17e;
|
|
7424
|
+
--yellow-500: #fffae6;
|
|
7425
|
+
--yellow-600: #fffae6;
|
|
7426
|
+
--purple-100: #22174d;
|
|
7427
|
+
--purple-200: #22174d;
|
|
7428
|
+
--purple-300: #3d2d80;
|
|
7429
|
+
--purple-400: #7262b3;
|
|
7430
|
+
--purple-500: #e8e3fc;
|
|
7431
|
+
--purple-600: #e8e3fc;
|
|
7432
|
+
--pink-100: #2e0a33;
|
|
7433
|
+
--pink-200: #2e0a33;
|
|
7434
|
+
--pink-300: #5e2466;
|
|
7435
|
+
--pink-400: #c58fcc;
|
|
7436
|
+
--pink-500: #fae3fc;
|
|
7437
|
+
--pink-600: #fae3fc;
|
|
7515
7438
|
--gold-100: hsl(45, 22%, 25%);
|
|
7516
7439
|
--gold-200: hsl(45, 22%, 25%);
|
|
7517
7440
|
--gold-300: hsl(45, 92%, 62%);
|
|
@@ -7534,14 +7457,14 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
|
|
|
7534
7457
|
--bs-md: none;
|
|
7535
7458
|
--bs-lg: none;
|
|
7536
7459
|
--bs-xl: none;
|
|
7537
|
-
--translucent-secondary: hsla(
|
|
7460
|
+
--translucent-secondary: hsla(204, 6%, 35%, 0.9);
|
|
7538
7461
|
--translucent-success: hsla(140, 40%, 40%, 0.9);
|
|
7539
7462
|
--translucent-warning: hsla(47, 76%, 46%, 0.9);
|
|
7540
7463
|
--translucent-error: hsla(358, 62%, 47%, 0.9);
|
|
7541
7464
|
--translucent-muted: hsla(210, 8%, 55%, 0.95);
|
|
7542
7465
|
--focus-neutral: var(--white);
|
|
7543
|
-
--focus-theme: var(--theme-secondary
|
|
7544
|
-
--focus-ring:
|
|
7466
|
+
--focus-theme: var(--theme-secondary);
|
|
7467
|
+
--focus-ring: rgba(115, 115, 115, 0.9);
|
|
7545
7468
|
--focus-ring-success: hsla(140, 40%, 40%, 0.9);
|
|
7546
7469
|
--focus-ring-warning: hsla(47, 76%, 46%, 0.9);
|
|
7547
7470
|
--focus-ring-error: hsla(358, 62%, 47%, 0.9);
|
|
@@ -7566,13 +7489,13 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
|
|
|
7566
7489
|
--theme-primary-400: var(--orange-400);
|
|
7567
7490
|
--theme-primary-500: var(--orange-500);
|
|
7568
7491
|
--theme-primary-600: var(--orange-600);
|
|
7569
|
-
--theme-secondary: var(--
|
|
7570
|
-
--theme-secondary-100: var(--
|
|
7571
|
-
--theme-secondary-200: var(--
|
|
7572
|
-
--theme-secondary-300: var(--
|
|
7573
|
-
--theme-secondary-400: var(--
|
|
7574
|
-
--theme-secondary-500: var(--
|
|
7575
|
-
--theme-secondary-600: var(--
|
|
7492
|
+
--theme-secondary: var(--black);
|
|
7493
|
+
--theme-secondary-100: var(--black-100);
|
|
7494
|
+
--theme-secondary-200: var(--black-200);
|
|
7495
|
+
--theme-secondary-300: var(--black-300);
|
|
7496
|
+
--theme-secondary-400: var(--black-400);
|
|
7497
|
+
--theme-secondary-500: var(--black-500);
|
|
7498
|
+
--theme-secondary-600: var(--black-600);
|
|
7576
7499
|
--_o-disabled: 0.8;
|
|
7577
7500
|
}
|
|
7578
7501
|
}
|
|
@@ -7745,133 +7668,71 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
|
|
|
7745
7668
|
.bls-dashed {
|
|
7746
7669
|
border-left-style: dashed !important;
|
|
7747
7670
|
}
|
|
7748
|
-
.bar-sm {
|
|
7749
|
-
border-radius: var(--br-sm) !important;
|
|
7750
|
-
}
|
|
7751
7671
|
.bar-md {
|
|
7752
7672
|
border-radius: var(--br-md) !important;
|
|
7753
7673
|
}
|
|
7754
|
-
.bar-lg {
|
|
7755
|
-
border-radius: var(--br-lg) !important;
|
|
7756
|
-
}
|
|
7757
7674
|
.bar-circle {
|
|
7758
|
-
border-radius:
|
|
7675
|
+
border-radius: var(--br-circle) !important;
|
|
7759
7676
|
}
|
|
7760
7677
|
.bar-pill {
|
|
7761
|
-
border-radius:
|
|
7678
|
+
border-radius: var(--br-pill) !important;
|
|
7762
7679
|
}
|
|
7763
7680
|
.btlr0 {
|
|
7764
7681
|
border-top-left-radius: 0 !important;
|
|
7765
7682
|
}
|
|
7766
|
-
.btlr-sm {
|
|
7767
|
-
border-top-left-radius: var(--br-sm) !important;
|
|
7768
|
-
}
|
|
7769
7683
|
.btlr-md {
|
|
7770
7684
|
border-top-left-radius: var(--br-md) !important;
|
|
7771
7685
|
}
|
|
7772
|
-
.btlr-lg {
|
|
7773
|
-
border-top-left-radius: var(--br-lg) !important;
|
|
7774
|
-
}
|
|
7775
7686
|
.btrr0 {
|
|
7776
7687
|
border-top-right-radius: 0 !important;
|
|
7777
7688
|
}
|
|
7778
|
-
.btrr-sm {
|
|
7779
|
-
border-top-right-radius: var(--br-sm) !important;
|
|
7780
|
-
}
|
|
7781
7689
|
.btrr-md {
|
|
7782
7690
|
border-top-right-radius: var(--br-md) !important;
|
|
7783
7691
|
}
|
|
7784
|
-
.btrr-lg {
|
|
7785
|
-
border-top-right-radius: var(--br-lg) !important;
|
|
7786
|
-
}
|
|
7787
7692
|
.bblr0 {
|
|
7788
7693
|
border-bottom-left-radius: 0 !important;
|
|
7789
7694
|
}
|
|
7790
|
-
.bblr-sm {
|
|
7791
|
-
border-bottom-left-radius: var(--br-sm) !important;
|
|
7792
|
-
}
|
|
7793
7695
|
.bblr-md {
|
|
7794
7696
|
border-bottom-left-radius: var(--br-md) !important;
|
|
7795
7697
|
}
|
|
7796
|
-
.bblr-lg {
|
|
7797
|
-
border-bottom-left-radius: var(--br-lg) !important;
|
|
7798
|
-
}
|
|
7799
7698
|
.bbrr0 {
|
|
7800
7699
|
border-bottom-right-radius: 0 !important;
|
|
7801
7700
|
}
|
|
7802
|
-
.bbrr-sm {
|
|
7803
|
-
border-bottom-right-radius: var(--br-sm) !important;
|
|
7804
|
-
}
|
|
7805
7701
|
.bbrr-md {
|
|
7806
7702
|
border-bottom-right-radius: var(--br-md) !important;
|
|
7807
7703
|
}
|
|
7808
|
-
.bbrr-lg {
|
|
7809
|
-
border-bottom-right-radius: var(--br-lg) !important;
|
|
7810
|
-
}
|
|
7811
7704
|
.btr0 {
|
|
7812
7705
|
border-top-left-radius: 0 !important;
|
|
7813
7706
|
border-top-right-radius: 0 !important;
|
|
7814
7707
|
}
|
|
7815
|
-
.btr-sm {
|
|
7816
|
-
border-top-left-radius: var(--br-sm) !important;
|
|
7817
|
-
border-top-right-radius: var(--br-sm) !important;
|
|
7818
|
-
}
|
|
7819
7708
|
.btr-md {
|
|
7820
7709
|
border-top-left-radius: var(--br-md) !important;
|
|
7821
7710
|
border-top-right-radius: var(--br-md) !important;
|
|
7822
7711
|
}
|
|
7823
|
-
.btr-lg {
|
|
7824
|
-
border-top-left-radius: var(--br-lg) !important;
|
|
7825
|
-
border-top-right-radius: var(--br-lg) !important;
|
|
7826
|
-
}
|
|
7827
7712
|
.brr0 {
|
|
7828
7713
|
border-top-right-radius: 0 !important;
|
|
7829
7714
|
border-bottom-right-radius: 0 !important;
|
|
7830
7715
|
}
|
|
7831
|
-
.brr-sm {
|
|
7832
|
-
border-top-right-radius: var(--br-sm) !important;
|
|
7833
|
-
border-bottom-right-radius: var(--br-sm) !important;
|
|
7834
|
-
}
|
|
7835
7716
|
.brr-md {
|
|
7836
7717
|
border-top-right-radius: var(--br-md) !important;
|
|
7837
7718
|
border-bottom-right-radius: var(--br-md) !important;
|
|
7838
7719
|
}
|
|
7839
|
-
.brr-lg {
|
|
7840
|
-
border-top-right-radius: var(--br-lg) !important;
|
|
7841
|
-
border-bottom-right-radius: var(--br-lg) !important;
|
|
7842
|
-
}
|
|
7843
7720
|
.bbr0 {
|
|
7844
7721
|
border-bottom-left-radius: 0 !important;
|
|
7845
7722
|
border-bottom-right-radius: 0 !important;
|
|
7846
7723
|
}
|
|
7847
|
-
.bbr-sm {
|
|
7848
|
-
border-bottom-left-radius: var(--br-sm) !important;
|
|
7849
|
-
border-bottom-right-radius: var(--br-sm) !important;
|
|
7850
|
-
}
|
|
7851
7724
|
.bbr-md {
|
|
7852
7725
|
border-bottom-left-radius: var(--br-md) !important;
|
|
7853
7726
|
border-bottom-right-radius: var(--br-md) !important;
|
|
7854
7727
|
}
|
|
7855
|
-
.bbr-lg {
|
|
7856
|
-
border-bottom-left-radius: var(--br-lg) !important;
|
|
7857
|
-
border-bottom-right-radius: var(--br-lg) !important;
|
|
7858
|
-
}
|
|
7859
7728
|
.blr0 {
|
|
7860
7729
|
border-top-left-radius: 0 !important;
|
|
7861
7730
|
border-bottom-left-radius: 0 !important;
|
|
7862
7731
|
}
|
|
7863
|
-
.blr-sm {
|
|
7864
|
-
border-top-left-radius: var(--br-sm) !important;
|
|
7865
|
-
border-bottom-left-radius: var(--br-sm) !important;
|
|
7866
|
-
}
|
|
7867
7732
|
.blr-md {
|
|
7868
7733
|
border-top-left-radius: var(--br-md) !important;
|
|
7869
7734
|
border-bottom-left-radius: var(--br-md) !important;
|
|
7870
7735
|
}
|
|
7871
|
-
.blr-lg {
|
|
7872
|
-
border-top-left-radius: var(--br-lg) !important;
|
|
7873
|
-
border-bottom-left-radius: var(--br-lg) !important;
|
|
7874
|
-
}
|
|
7875
7736
|
.bar0 {
|
|
7876
7737
|
border-radius: 0 !important;
|
|
7877
7738
|
}
|
|
@@ -8757,6 +8618,114 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
|
|
|
8757
8618
|
.f\:fc-purple-600:focus-within {
|
|
8758
8619
|
color: var(--purple-600) !important;
|
|
8759
8620
|
}
|
|
8621
|
+
.bg-pink-100,
|
|
8622
|
+
.h\:bg-pink-100:hover,
|
|
8623
|
+
.f\:bg-pink-100:focus,
|
|
8624
|
+
.f\:bg-pink-100:focus-within {
|
|
8625
|
+
background-color: var(--pink-100) !important;
|
|
8626
|
+
}
|
|
8627
|
+
.bc-pink-100,
|
|
8628
|
+
.h\:bc-pink-100:hover,
|
|
8629
|
+
.f\:bc-pink-100:focus,
|
|
8630
|
+
.f\:bc-pink-100:focus-within {
|
|
8631
|
+
border-color: var(--pink-100) !important;
|
|
8632
|
+
}
|
|
8633
|
+
.fc-pink-100,
|
|
8634
|
+
.h\:fc-pink-100:hover,
|
|
8635
|
+
.f\:fc-pink-100:focus,
|
|
8636
|
+
.f\:fc-pink-100:focus-within {
|
|
8637
|
+
color: var(--pink-100) !important;
|
|
8638
|
+
}
|
|
8639
|
+
.bg-pink-200,
|
|
8640
|
+
.h\:bg-pink-200:hover,
|
|
8641
|
+
.f\:bg-pink-200:focus,
|
|
8642
|
+
.f\:bg-pink-200:focus-within {
|
|
8643
|
+
background-color: var(--pink-200) !important;
|
|
8644
|
+
}
|
|
8645
|
+
.bc-pink-200,
|
|
8646
|
+
.h\:bc-pink-200:hover,
|
|
8647
|
+
.f\:bc-pink-200:focus,
|
|
8648
|
+
.f\:bc-pink-200:focus-within {
|
|
8649
|
+
border-color: var(--pink-200) !important;
|
|
8650
|
+
}
|
|
8651
|
+
.fc-pink-200,
|
|
8652
|
+
.h\:fc-pink-200:hover,
|
|
8653
|
+
.f\:fc-pink-200:focus,
|
|
8654
|
+
.f\:fc-pink-200:focus-within {
|
|
8655
|
+
color: var(--pink-200) !important;
|
|
8656
|
+
}
|
|
8657
|
+
.bg-pink-300,
|
|
8658
|
+
.h\:bg-pink-300:hover,
|
|
8659
|
+
.f\:bg-pink-300:focus,
|
|
8660
|
+
.f\:bg-pink-300:focus-within {
|
|
8661
|
+
background-color: var(--pink-300) !important;
|
|
8662
|
+
}
|
|
8663
|
+
.bc-pink-300,
|
|
8664
|
+
.h\:bc-pink-300:hover,
|
|
8665
|
+
.f\:bc-pink-300:focus,
|
|
8666
|
+
.f\:bc-pink-300:focus-within {
|
|
8667
|
+
border-color: var(--pink-300) !important;
|
|
8668
|
+
}
|
|
8669
|
+
.fc-pink-300,
|
|
8670
|
+
.h\:fc-pink-300:hover,
|
|
8671
|
+
.f\:fc-pink-300:focus,
|
|
8672
|
+
.f\:fc-pink-300:focus-within {
|
|
8673
|
+
color: var(--pink-300) !important;
|
|
8674
|
+
}
|
|
8675
|
+
.bg-pink-400,
|
|
8676
|
+
.h\:bg-pink-400:hover,
|
|
8677
|
+
.f\:bg-pink-400:focus,
|
|
8678
|
+
.f\:bg-pink-400:focus-within {
|
|
8679
|
+
background-color: var(--pink-400) !important;
|
|
8680
|
+
}
|
|
8681
|
+
.bc-pink-400,
|
|
8682
|
+
.h\:bc-pink-400:hover,
|
|
8683
|
+
.f\:bc-pink-400:focus,
|
|
8684
|
+
.f\:bc-pink-400:focus-within {
|
|
8685
|
+
border-color: var(--pink-400) !important;
|
|
8686
|
+
}
|
|
8687
|
+
.fc-pink-400,
|
|
8688
|
+
.h\:fc-pink-400:hover,
|
|
8689
|
+
.f\:fc-pink-400:focus,
|
|
8690
|
+
.f\:fc-pink-400:focus-within {
|
|
8691
|
+
color: var(--pink-400) !important;
|
|
8692
|
+
}
|
|
8693
|
+
.bg-pink-500,
|
|
8694
|
+
.h\:bg-pink-500:hover,
|
|
8695
|
+
.f\:bg-pink-500:focus,
|
|
8696
|
+
.f\:bg-pink-500:focus-within {
|
|
8697
|
+
background-color: var(--pink-500) !important;
|
|
8698
|
+
}
|
|
8699
|
+
.bc-pink-500,
|
|
8700
|
+
.h\:bc-pink-500:hover,
|
|
8701
|
+
.f\:bc-pink-500:focus,
|
|
8702
|
+
.f\:bc-pink-500:focus-within {
|
|
8703
|
+
border-color: var(--pink-500) !important;
|
|
8704
|
+
}
|
|
8705
|
+
.fc-pink-500,
|
|
8706
|
+
.h\:fc-pink-500:hover,
|
|
8707
|
+
.f\:fc-pink-500:focus,
|
|
8708
|
+
.f\:fc-pink-500:focus-within {
|
|
8709
|
+
color: var(--pink-500) !important;
|
|
8710
|
+
}
|
|
8711
|
+
.bg-pink-600,
|
|
8712
|
+
.h\:bg-pink-600:hover,
|
|
8713
|
+
.f\:bg-pink-600:focus,
|
|
8714
|
+
.f\:bg-pink-600:focus-within {
|
|
8715
|
+
background-color: var(--pink-600) !important;
|
|
8716
|
+
}
|
|
8717
|
+
.bc-pink-600,
|
|
8718
|
+
.h\:bc-pink-600:hover,
|
|
8719
|
+
.f\:bc-pink-600:focus,
|
|
8720
|
+
.f\:bc-pink-600:focus-within {
|
|
8721
|
+
border-color: var(--pink-600) !important;
|
|
8722
|
+
}
|
|
8723
|
+
.fc-pink-600,
|
|
8724
|
+
.h\:fc-pink-600:hover,
|
|
8725
|
+
.f\:fc-pink-600:focus,
|
|
8726
|
+
.f\:fc-pink-600:focus-within {
|
|
8727
|
+
color: var(--pink-600) !important;
|
|
8728
|
+
}
|
|
8760
8729
|
.bg-gold-100,
|
|
8761
8730
|
.h\:bg-gold-100:hover,
|
|
8762
8731
|
.f\:bg-gold-100:focus,
|
|
@@ -9634,6 +9603,42 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
|
|
|
9634
9603
|
body.theme-system .d\:fc-purple-600 {
|
|
9635
9604
|
color: var(--purple-600) !important;
|
|
9636
9605
|
}
|
|
9606
|
+
body.theme-system .d\:bg-pink-100 {
|
|
9607
|
+
background-color: var(--pink-100) !important;
|
|
9608
|
+
}
|
|
9609
|
+
body.theme-system .d\:fc-pink-100 {
|
|
9610
|
+
color: var(--pink-100) !important;
|
|
9611
|
+
}
|
|
9612
|
+
body.theme-system .d\:bg-pink-200 {
|
|
9613
|
+
background-color: var(--pink-200) !important;
|
|
9614
|
+
}
|
|
9615
|
+
body.theme-system .d\:fc-pink-200 {
|
|
9616
|
+
color: var(--pink-200) !important;
|
|
9617
|
+
}
|
|
9618
|
+
body.theme-system .d\:bg-pink-300 {
|
|
9619
|
+
background-color: var(--pink-300) !important;
|
|
9620
|
+
}
|
|
9621
|
+
body.theme-system .d\:fc-pink-300 {
|
|
9622
|
+
color: var(--pink-300) !important;
|
|
9623
|
+
}
|
|
9624
|
+
body.theme-system .d\:bg-pink-400 {
|
|
9625
|
+
background-color: var(--pink-400) !important;
|
|
9626
|
+
}
|
|
9627
|
+
body.theme-system .d\:fc-pink-400 {
|
|
9628
|
+
color: var(--pink-400) !important;
|
|
9629
|
+
}
|
|
9630
|
+
body.theme-system .d\:bg-pink-500 {
|
|
9631
|
+
background-color: var(--pink-500) !important;
|
|
9632
|
+
}
|
|
9633
|
+
body.theme-system .d\:fc-pink-500 {
|
|
9634
|
+
color: var(--pink-500) !important;
|
|
9635
|
+
}
|
|
9636
|
+
body.theme-system .d\:bg-pink-600 {
|
|
9637
|
+
background-color: var(--pink-600) !important;
|
|
9638
|
+
}
|
|
9639
|
+
body.theme-system .d\:fc-pink-600 {
|
|
9640
|
+
color: var(--pink-600) !important;
|
|
9641
|
+
}
|
|
9637
9642
|
body.theme-system .d\:bg-gold-100 {
|
|
9638
9643
|
background-color: var(--gold-100) !important;
|
|
9639
9644
|
}
|
|
@@ -10254,6 +10259,66 @@ body.theme-dark .d\:fc-purple-600,
|
|
|
10254
10259
|
body.theme-system .theme-dark__forced .d\:fc-purple-600 {
|
|
10255
10260
|
color: var(--purple-600) !important;
|
|
10256
10261
|
}
|
|
10262
|
+
body.theme-dark .d\:bg-pink-100,
|
|
10263
|
+
.theme-dark__forced .d\:bg-pink-100,
|
|
10264
|
+
body.theme-system .theme-dark__forced .d\:bg-pink-100 {
|
|
10265
|
+
background-color: var(--pink-100) !important;
|
|
10266
|
+
}
|
|
10267
|
+
body.theme-dark .d\:fc-pink-100,
|
|
10268
|
+
.theme-dark__forced .d\:fc-pink-100,
|
|
10269
|
+
body.theme-system .theme-dark__forced .d\:fc-pink-100 {
|
|
10270
|
+
color: var(--pink-100) !important;
|
|
10271
|
+
}
|
|
10272
|
+
body.theme-dark .d\:bg-pink-200,
|
|
10273
|
+
.theme-dark__forced .d\:bg-pink-200,
|
|
10274
|
+
body.theme-system .theme-dark__forced .d\:bg-pink-200 {
|
|
10275
|
+
background-color: var(--pink-200) !important;
|
|
10276
|
+
}
|
|
10277
|
+
body.theme-dark .d\:fc-pink-200,
|
|
10278
|
+
.theme-dark__forced .d\:fc-pink-200,
|
|
10279
|
+
body.theme-system .theme-dark__forced .d\:fc-pink-200 {
|
|
10280
|
+
color: var(--pink-200) !important;
|
|
10281
|
+
}
|
|
10282
|
+
body.theme-dark .d\:bg-pink-300,
|
|
10283
|
+
.theme-dark__forced .d\:bg-pink-300,
|
|
10284
|
+
body.theme-system .theme-dark__forced .d\:bg-pink-300 {
|
|
10285
|
+
background-color: var(--pink-300) !important;
|
|
10286
|
+
}
|
|
10287
|
+
body.theme-dark .d\:fc-pink-300,
|
|
10288
|
+
.theme-dark__forced .d\:fc-pink-300,
|
|
10289
|
+
body.theme-system .theme-dark__forced .d\:fc-pink-300 {
|
|
10290
|
+
color: var(--pink-300) !important;
|
|
10291
|
+
}
|
|
10292
|
+
body.theme-dark .d\:bg-pink-400,
|
|
10293
|
+
.theme-dark__forced .d\:bg-pink-400,
|
|
10294
|
+
body.theme-system .theme-dark__forced .d\:bg-pink-400 {
|
|
10295
|
+
background-color: var(--pink-400) !important;
|
|
10296
|
+
}
|
|
10297
|
+
body.theme-dark .d\:fc-pink-400,
|
|
10298
|
+
.theme-dark__forced .d\:fc-pink-400,
|
|
10299
|
+
body.theme-system .theme-dark__forced .d\:fc-pink-400 {
|
|
10300
|
+
color: var(--pink-400) !important;
|
|
10301
|
+
}
|
|
10302
|
+
body.theme-dark .d\:bg-pink-500,
|
|
10303
|
+
.theme-dark__forced .d\:bg-pink-500,
|
|
10304
|
+
body.theme-system .theme-dark__forced .d\:bg-pink-500 {
|
|
10305
|
+
background-color: var(--pink-500) !important;
|
|
10306
|
+
}
|
|
10307
|
+
body.theme-dark .d\:fc-pink-500,
|
|
10308
|
+
.theme-dark__forced .d\:fc-pink-500,
|
|
10309
|
+
body.theme-system .theme-dark__forced .d\:fc-pink-500 {
|
|
10310
|
+
color: var(--pink-500) !important;
|
|
10311
|
+
}
|
|
10312
|
+
body.theme-dark .d\:bg-pink-600,
|
|
10313
|
+
.theme-dark__forced .d\:bg-pink-600,
|
|
10314
|
+
body.theme-system .theme-dark__forced .d\:bg-pink-600 {
|
|
10315
|
+
background-color: var(--pink-600) !important;
|
|
10316
|
+
}
|
|
10317
|
+
body.theme-dark .d\:fc-pink-600,
|
|
10318
|
+
.theme-dark__forced .d\:fc-pink-600,
|
|
10319
|
+
body.theme-system .theme-dark__forced .d\:fc-pink-600 {
|
|
10320
|
+
color: var(--pink-600) !important;
|
|
10321
|
+
}
|
|
10257
10322
|
body.theme-dark .d\:bg-gold-100,
|
|
10258
10323
|
.theme-dark__forced .d\:bg-gold-100,
|
|
10259
10324
|
body.theme-system .theme-dark__forced .d\:bg-gold-100 {
|
|
@@ -15377,8 +15442,7 @@ p {
|
|
|
15377
15442
|
.fs-body1 {
|
|
15378
15443
|
font-size: var(--fs-body1) !important;
|
|
15379
15444
|
}
|
|
15380
|
-
.fs-caption
|
|
15381
|
-
.fs-category {
|
|
15445
|
+
.fs-caption {
|
|
15382
15446
|
font-size: var(--fs-caption) !important;
|
|
15383
15447
|
}
|
|
15384
15448
|
.fs-fine {
|
|
@@ -15386,45 +15450,36 @@ p {
|
|
|
15386
15450
|
}
|
|
15387
15451
|
@media (max-width: 640px) {
|
|
15388
15452
|
html .fs-display4 {
|
|
15389
|
-
font-size:
|
|
15453
|
+
font-size: calc(var(--fs-display4) * 0.43) !important;
|
|
15390
15454
|
}
|
|
15391
15455
|
html .fs-display3 {
|
|
15392
|
-
font-size:
|
|
15456
|
+
font-size: calc(var(--fs-display3) * 0.5139) !important;
|
|
15393
15457
|
}
|
|
15394
15458
|
html .fs-display2 {
|
|
15395
|
-
font-size:
|
|
15459
|
+
font-size: calc(var(--fs-display2) * 0.5862) !important;
|
|
15396
15460
|
}
|
|
15397
15461
|
html .fs-display1 {
|
|
15398
|
-
font-size:
|
|
15462
|
+
font-size: calc(var(--fs-display1) * 0.6304) !important;
|
|
15399
15463
|
}
|
|
15400
15464
|
html .fs-headline2 {
|
|
15401
|
-
font-size:
|
|
15465
|
+
font-size: calc(var(--fs-headline2) * 0.7224) !important;
|
|
15402
15466
|
}
|
|
15403
15467
|
html .fs-headline1 {
|
|
15404
|
-
font-size:
|
|
15468
|
+
font-size: calc(var(--fs-headline1) * 0.8215) !important;
|
|
15405
15469
|
}
|
|
15406
15470
|
html .fs-title {
|
|
15407
|
-
font-size:
|
|
15471
|
+
font-size: calc(var(--fs-title) * 0.9094) !important;
|
|
15408
15472
|
}
|
|
15409
15473
|
html .fs-subheading {
|
|
15410
|
-
font-size:
|
|
15474
|
+
font-size: calc(var(--fs-subheading) * 0.8998) !important;
|
|
15411
15475
|
}
|
|
15412
15476
|
html .fs-body3 {
|
|
15413
|
-
font-size:
|
|
15477
|
+
font-size: calc(var(--fs-body3) * 0.8888) !important;
|
|
15414
15478
|
}
|
|
15415
15479
|
html .fs-body2 {
|
|
15416
|
-
font-size:
|
|
15480
|
+
font-size: calc(var(--fs-body2) * 0.9374) !important;
|
|
15417
15481
|
}
|
|
15418
15482
|
}
|
|
15419
|
-
.fs-category {
|
|
15420
|
-
font-weight: 700;
|
|
15421
|
-
text-transform: uppercase;
|
|
15422
|
-
}
|
|
15423
|
-
.fs-category.has-border {
|
|
15424
|
-
width: 100%;
|
|
15425
|
-
padding: var(--su4) 0;
|
|
15426
|
-
border-top: var(--su-static1) solid var(--bc-medium);
|
|
15427
|
-
}
|
|
15428
15483
|
.lh-xs {
|
|
15429
15484
|
line-height: var(--lh-xs) !important;
|
|
15430
15485
|
}
|
|
@@ -15461,8 +15516,11 @@ p {
|
|
|
15461
15516
|
.fw-normal {
|
|
15462
15517
|
font-weight: 400 !important;
|
|
15463
15518
|
}
|
|
15519
|
+
.fw-medium {
|
|
15520
|
+
font-weight: 500 !important;
|
|
15521
|
+
}
|
|
15464
15522
|
.fw-bold {
|
|
15465
|
-
font-weight:
|
|
15523
|
+
font-weight: 600 !important;
|
|
15466
15524
|
}
|
|
15467
15525
|
.fs-normal {
|
|
15468
15526
|
font-style: normal !important;
|
|
@@ -16315,22 +16373,22 @@ ol {
|
|
|
16315
16373
|
box-shadow: 0 0 0 var(--su-static4) var(--focus-ring);
|
|
16316
16374
|
}
|
|
16317
16375
|
.bs-sm.bs-hover:hover {
|
|
16318
|
-
box-shadow: 0 var(--su-static2) var(--su-static8)
|
|
16376
|
+
box-shadow: 0 var(--su-static2) var(--su-static8) #f0efed !important;
|
|
16319
16377
|
}
|
|
16320
16378
|
.bs-md.bs-hover:hover {
|
|
16321
|
-
box-shadow: 0 var(--su-static4) var(--su-static8)
|
|
16379
|
+
box-shadow: 0 var(--su-static4) var(--su-static8) #d7d8db !important;
|
|
16322
16380
|
}
|
|
16323
16381
|
.bs-lg.bs-hover:hover {
|
|
16324
|
-
box-shadow: 0 var(--su-static4) var(--su-static12)
|
|
16382
|
+
box-shadow: 0 var(--su-static4) var(--su-static12) rgba(132, 135, 140, 0.7) !important;
|
|
16325
16383
|
}
|
|
16326
16384
|
.bs-i-sm.bs-hover:hover {
|
|
16327
|
-
box-shadow: inset 0 var(--su-static1) var(--su-static8) 0
|
|
16385
|
+
box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 rgba(167, 170, 176, 0.75) !important;
|
|
16328
16386
|
}
|
|
16329
16387
|
.bs-i-md.bs-hover:hover {
|
|
16330
|
-
box-shadow: inset 0 var(--su-static1) var(--su-static8) 0
|
|
16388
|
+
box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 rgba(132, 135, 140, 0.8) !important;
|
|
16331
16389
|
}
|
|
16332
16390
|
.bs-i-lg.bs-hover:hover {
|
|
16333
|
-
box-shadow: inset 0 var(--su-static1) var(--su-static12) 0
|
|
16391
|
+
box-shadow: inset 0 var(--su-static1) var(--su-static12) 0 #84878c !important;
|
|
16334
16392
|
}
|
|
16335
16393
|
.t {
|
|
16336
16394
|
transition-duration: var(--transition-time);
|
|
@@ -23132,12 +23190,6 @@ body {
|
|
|
23132
23190
|
font-size: var(--fs-base);
|
|
23133
23191
|
line-height: var(--lh-base);
|
|
23134
23192
|
}
|
|
23135
|
-
@media (max-width: 640px) {
|
|
23136
|
-
html ,
|
|
23137
|
-
html body {
|
|
23138
|
-
font-size: 11px;
|
|
23139
|
-
}
|
|
23140
|
-
}
|
|
23141
23193
|
body {
|
|
23142
23194
|
box-sizing: border-box;
|
|
23143
23195
|
min-height: 100%;
|