@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.
Files changed (40) hide show
  1. package/dist/css/stacks.css +781 -729
  2. package/dist/css/stacks.min.css +1 -1
  3. package/dist/js/stacks.js +0 -14
  4. package/dist/js/stacks.min.js +1 -1
  5. package/lib/atomic/border.less +2 -20
  6. package/lib/atomic/misc.less +1 -1
  7. package/lib/atomic/typography.less +13 -26
  8. package/lib/base/body.less +2 -7
  9. package/lib/components/activity-indicator/activity-indicator.less +17 -13
  10. package/lib/components/anchor/anchor.less +1 -1
  11. package/lib/components/avatar/avatar.less +9 -11
  12. package/lib/components/award-bling/award-bling.less +4 -3
  13. package/lib/components/badge/badge.less +7 -7
  14. package/lib/components/block-link/block-link.less +1 -1
  15. package/lib/components/button/button.less +1 -1
  16. package/lib/components/button-group/button-group.less +1 -1
  17. package/lib/components/card/card.less +1 -1
  18. package/lib/components/checkbox_radio/checkbox_radio.less +13 -11
  19. package/lib/components/link/link.less +1 -1
  20. package/lib/components/link-preview/link-preview.less +6 -6
  21. package/lib/components/modal/modal.less +1 -1
  22. package/lib/components/notice/notice.less +1 -1
  23. package/lib/components/pagination/pagination.less +1 -1
  24. package/lib/components/popover/popover.less +0 -98
  25. package/lib/components/popover/popover.ts +0 -6
  26. package/lib/components/popover/tooltip.ts +0 -12
  27. package/lib/components/post-summary/post-summary.less +3 -3
  28. package/lib/components/progress-bar/progress-bar.less +13 -12
  29. package/lib/components/prose/prose.less +2 -2
  30. package/lib/components/skeleton/skeleton.less +1 -1
  31. package/lib/components/tag/tag.less +4 -4
  32. package/lib/components/toggle-switch/toggle-switch.less +4 -2
  33. package/lib/components/topbar/topbar.less +3 -3
  34. package/lib/components/uploader/uploader.less +3 -3
  35. package/lib/exports/color-mixins.less +13 -3
  36. package/lib/exports/color-sets.less +255 -216
  37. package/lib/exports/constants-helpers.less +5 -3
  38. package/lib/exports/constants-type.less +25 -25
  39. package/lib/exports/mixins.less +2 -2
  40. package/package.json +1 -1
@@ -411,20 +411,23 @@ fieldset {
411
411
  position: relative;
412
412
  }
413
413
  .s-activity-indicator {
414
- --_ai-translucent: var(--translucent-secondary);
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-block;
424
+ display: inline-flex;
422
425
  font-size: var(--fs-fine);
423
- font-weight: 700;
426
+ font-weight: 600;
424
427
  line-height: 1.1;
425
- min-width: var(--su-static12);
426
- min-height: var(--su-static12);
427
- padding: var(--su2) var(--su4);
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-400));
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(--gold-300);
640
+ --_ab-before-bg: var(--yellow-300);
640
641
  }
641
642
  .s-award-bling.s-award-bling__silver {
642
- --_ab-before-bg: var(--silver-300);
643
+ --_ab-before-bg: var(--blue-300);
643
644
  }
644
645
  .s-award-bling.s-award-bling__bronze {
645
- --_ab-before-bg: var(--bronze-300);
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-sm);
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(--gold-300);
723
- --_ba-bg: var(--gold-100);
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(--silver-300);
727
- --_ba-bg: var(--silver-100);
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(--bronze-300);
731
- --_ba-bg: var(--bronze-100);
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-sm);
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-sm);
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-400));
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-sm) + var(--su-static1));
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-sm);
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-sm);
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-sm);
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-sm);
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='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
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='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
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='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
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='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
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(--blue-500) !important;
1889
- --_ch-bg: var(--blue-400);
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(--blue-500) !important;
1895
- --_ch-bg: var(--blue-400);
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-400) !important;
1906
- --_ch-bg: var(--theme-secondary-400);
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='hsl(0, 0%, 100%)'/%3E%3C/svg%3E");
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='hsl(0, 0%, 100%)'/%3E%3C/svg%3E");
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(--blue-400);
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(--blue-400);
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-400);
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-sm) + var(--su-static1));
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-sm) + var(--su-static1));
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-400));
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-sm);
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-sm);
2819
- border-bottom-right-radius: var(--br-sm);
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-sm);
2830
- border-top-right-radius: var(--br-sm);
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-400));
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: hsla(210, 8%, 5%, 0.5);
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: hsla(0, 65%, 4%, 0.5);
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-lg);
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-sm);
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-sm);
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-400))));
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-400)));
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-sm);
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-sm);
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-sm);
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(--bronze-100);
4183
- --_pr-label-bc: var(--bronze-400);
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(--gold-100);
4187
- --_pr-label-bc: var(--gold-400);
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(--silver-100);
4194
- --_pr-label-bc: var(--silver-400);
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-400);
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-400);
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-400);
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-sm);
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-sm);
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-sm) + var(--su-static1));
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-sm) + var(--su-static1));
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-lg);
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-sm);
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-sm) + var(--su-static1));
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-sm);
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-sm) - var(--su-static1));
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='hsl(0, 0%, 100%)'/%3e%3c/svg%3e");
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='hsl(210, 3.0000000000000027%, 15%)'/%3e%3c/svg%3e");
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='hsl(210, 3.0000000000000027%, 15%)'/%3e%3c/svg%3e");
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(--blue-200));
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(--blue-200));
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: hsl(210, 89%, 77%);
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: hsl(210, 8%, 25%);
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: hsl(210, 8%, 5%);
5993
- --theme-topbar-item-color-hover: hsl(210, 8%, 5%);
5994
- --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
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(--blue-200);
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(--blue-200);
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: hsl(0, 0%, 100%);
5903
+ --focus-neutral: #ffffff;
6018
5904
  }
6019
5905
  .s-topbar.s-topbar__dark {
6020
- --focus-neutral: hsl(210, 8%, 5%);
6021
- --focus-theme: var(--theme-dark-secondary-custom-400, hsl(210, 89%, 77%));
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-sm);
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-sm);
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-sm);
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: hsl(210, 8%, 5%);
6348
- --theme-topbar-bottom-border: var(--su-static1) solid hsl(210, 8%, 5%);
6349
- --theme-topbar-search-color: hsl(0, 0%, 100%);
6350
- --theme-topbar-search-background: hsl(210, 8%, 25%);
6351
- --theme-topbar-search-placeholder: hsl(210, 8%, 85%);
6352
- --theme-topbar-search-border: hsl(210, 8%, 45%);
6353
- --theme-topbar-select-color: hsl(210, 8%, 85%);
6354
- --theme-topbar-select-background: hsl(210, 8%, 35%);
6355
- --theme-topbar-item-color: hsl(210, 8%, 85%);
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: hsl(210, 8%, 25%);
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 hsl(210, 8%, 85%);
6365
- --theme-topbar-search-color: hsl(210, 8%, 25%);
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: hsl(210, 8%, 42%);
6368
- --theme-topbar-search-border: hsl(210, 9%, 75%);
6369
- --theme-topbar-select-color: hsl(210, 8%, 25%);
6370
- --theme-topbar-select-background: hsl(210, 8%, 90%);
6371
- --theme-topbar-item-color: hsl(210, 8%, 42%);
6372
- --theme-topbar-item-color-hover: hsl(210, 8%, 25%);
6373
- --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
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-lg);
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-lg);
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-sm);
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: 11px;
6710
- --fs-caption: 12px;
6711
- --fs-body1: 13px;
6712
- --fs-body2: 1.15384615rem;
6713
- --fs-body3: 1.30769231rem;
6714
- --fs-subheading: 1.46153846rem;
6715
- --fs-title: 1.61538462rem;
6716
- --fs-headline1: 2.07692308rem;
6717
- --fs-headline2: 2.61538461rem;
6718
- --fs-display1: 3.30769231rem;
6719
- --fs-display2: 4.23076923rem;
6720
- --fs-display3: 5.30769231rem;
6721
- --fs-display4: 7.61538461rem;
6722
- --fs-body2-relative: 1.15384615em;
6723
- --fs-body3-relative: 1.30769231em;
6724
- --fs-subheading-relative: 1.46153846em;
6725
- --fs-title-relative: 1.61538462em;
6726
- --fs-headline1-relative: 2.07692308em;
6727
- --fs-headline2-relative: 2.61538461em;
6728
- --fs-display1-relative: 3.30769231em;
6729
- --fs-display2-relative: 4.23076923em;
6730
- --fs-display3-relative: 5.30769231em;
6731
- --fs-display4-relative: 7.61538461em;
6732
- --fs-base: 13px;
6733
- --stacks-internals-lh-unit: 13;
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-sm: calc(var(--su-static4));
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: hsl(0, 0%, 0%);
6777
- --_white-static: hsl(0, 0%, 100%);
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: hsl(0, 0%, 100%);
6841
- --black-050: hsl(0, 0%, 100%);
6842
- --black-100: hsl(210, 8%, 98%);
6843
- --black-150: hsl(210, 8%, 95%);
6844
- --black-200: hsl(210, 8%, 90%);
6845
- --black-225: hsl(210, 8%, 85%);
6846
- --black-250: hsl(210, 8%, 80%);
6847
- --black-300: hsl(210, 9%, 75%);
6848
- --black-350: hsl(210, 8%, 68%);
6849
- --black-400: hsl(210, 8%, 42%);
6850
- --black-500: hsl(210, 8%, 25%);
6851
- --black-600: hsl(210, 8%, 5%);
6852
- --black: hsl(0, 0%, 0%);
6853
- --orange-100: hsl(23, 87%, 97%);
6854
- --orange-200: hsl(27, 87%, 87%);
6855
- --orange-300: hsl(27, 87%, 72%);
6856
- --orange-400: hsl(27, 89%, 48%);
6857
- --orange-500: hsl(27, 87%, 41%);
6858
- --orange-600: hsl(27, 87%, 27%);
6859
- --blue-100: hsl(210, 80%, 96%);
6860
- --blue-200: hsl(210, 80%, 91%);
6861
- --blue-300: hsl(210, 78%, 76%);
6862
- --blue-400: hsl(210, 77%, 46%);
6863
- --blue-500: hsl(210, 77%, 36%);
6864
- --blue-600: hsl(210, 80%, 23%);
6865
- --green-100: hsl(148, 35%, 95%);
6866
- --green-200: hsl(148, 35%, 88%);
6867
- --green-300: hsl(148, 35%, 69%);
6868
- --green-400: hsl(148, 70%, 31%);
6869
- --green-500: hsl(148, 75%, 22%);
6870
- --green-600: hsl(148, 75%, 15%);
6871
- --red-100: hsl(0, 72%, 96%);
6872
- --red-200: hsl(0, 70%, 93%);
6873
- --red-300: hsl(0, 66%, 80%);
6874
- --red-400: hsl(0, 60%, 49%);
6875
- --red-500: hsl(0, 65%, 37%);
6876
- --red-600: hsl(0, 65%, 22%);
6877
- --yellow-100: hsl(43, 85%, 95%);
6878
- --yellow-200: hsl(43, 85%, 88%);
6879
- --yellow-300: hsl(43, 85%, 72%);
6880
- --yellow-400: hsl(43, 85%, 50%);
6881
- --yellow-500: hsl(43, 85%, 33%);
6882
- --yellow-600: hsl(43, 85%, 18%);
6883
- --purple-100: hsl(237, 83%, 98%);
6884
- --purple-200: hsl(237, 78%, 93%);
6885
- --purple-300: hsl(237, 60%, 83%);
6886
- --purple-400: hsl(237, 55%, 57%);
6887
- --purple-500: hsl(237, 50%, 45%);
6888
- --purple-600: hsl(237, 50%, 32%);
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, hsla(206, 100%, 40%, 0.15));
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-400);
6918
- --focus-ring: var(--theme-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.15));
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(--blue-400));
6944
- --theme-secondary-100: var(--theme-secondary-custom-100, var(--blue-100));
6945
- --theme-secondary-200: var(--theme-secondary-custom-200, var(--blue-200));
6946
- --theme-secondary-300: var(--theme-secondary-custom-300, var(--blue-300));
6947
- --theme-secondary-400: var(--theme-secondary-custom-400, var(--blue-400));
6948
- --theme-secondary-500: var(--theme-secondary-custom-500, var(--blue-500));
6949
- --theme-secondary-600: var(--theme-secondary-custom-600, var(--blue-600));
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: hsl(210, 3%, 15%);
6975
- --black-050: hsl(210, 3%, 15%);
6976
- --black-100: hsl(210, 3%, 18%);
6977
- --black-150: hsl(210, 4%, 21%);
6978
- --black-200: hsl(210, 4%, 27%);
6979
- --black-225: hsl(210, 4%, 30%);
6980
- --black-250: hsl(210, 5%, 36%);
6981
- --black-300: hsl(210, 4%, 47%);
6982
- --black-350: hsl(210, 8%, 70%);
6983
- --black-400: hsl(210, 8%, 80%);
6984
- --black-500: hsl(210, 8%, 90%);
6985
- --black-600: hsl(210, 11%, 98%);
6986
- --black: hsl(0, 0%, 100%);
6987
- --orange-100: hsl(27, 55%, 20%);
6988
- --orange-200: hsl(27, 50%, 33%);
6989
- --orange-300: hsl(27, 50%, 43%);
6990
- --orange-400: hsl(27, 90%, 68%);
6991
- --orange-500: hsl(27, 90%, 80%);
6992
- --orange-600: hsl(27, 90%, 90%);
6993
- --blue-100: hsl(210, 50%, 22%);
6994
- --blue-200: hsl(210, 50%, 36%);
6995
- --blue-300: hsl(210, 50%, 48%);
6996
- --blue-400: hsl(210, 89%, 77%);
6997
- --blue-500: hsl(210, 89%, 84%);
6998
- --blue-600: hsl(210, 89%, 92%);
6999
- --green-100: hsl(149, 51%, 15%);
7000
- --green-200: hsl(149, 51%, 25%);
7001
- --green-300: hsl(149, 51%, 36%);
7002
- --green-400: hsl(149, 50%, 62%);
7003
- --green-500: hsl(149, 50%, 74%);
7004
- --green-600: hsl(149, 50%, 88%);
7005
- --red-100: hsl(0, 43%, 22%);
7006
- --red-200: hsl(0, 43%, 41%);
7007
- --red-300: hsl(0, 43%, 56%);
7008
- --red-400: hsl(0, 90%, 81%);
7009
- --red-500: hsl(0, 90%, 88%);
7010
- --red-600: hsl(0, 90%, 94%);
7011
- --yellow-100: hsl(43, 50%, 17%);
7012
- --yellow-200: hsl(43, 50%, 28%);
7013
- --yellow-300: hsl(43, 50%, 39%);
7014
- --yellow-400: hsl(43, 90%, 75%);
7015
- --yellow-500: hsl(43, 90%, 82%);
7016
- --yellow-600: hsl(43, 90%, 91%);
7017
- --purple-100: hsl(237, 26%, 23%);
7018
- --purple-200: hsl(237, 26%, 44%);
7019
- --purple-300: hsl(237, 26%, 56%);
7020
- --purple-400: hsl(237, 98%, 87%);
7021
- --purple-500: hsl(237, 98%, 92%);
7022
- --purple-600: hsl(237, 98%, 96%);
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, hsla(206, 100%, 40%, 0.25));
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-400);
7052
- --focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
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(--blue-400));
7078
- --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--blue-100));
7079
- --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--blue-200));
7080
- --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--blue-300));
7081
- --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7082
- --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7083
- --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
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: hsl(210, 3%, 15%);
7107
- --black-050: hsl(210, 3%, 15%);
7108
- --black-100: hsl(210, 3%, 18%);
7109
- --black-150: hsl(210, 4%, 21%);
7110
- --black-200: hsl(210, 4%, 27%);
7111
- --black-225: hsl(210, 4%, 30%);
7112
- --black-250: hsl(210, 5%, 36%);
7113
- --black-300: hsl(210, 4%, 47%);
7114
- --black-350: hsl(210, 8%, 70%);
7115
- --black-400: hsl(210, 8%, 80%);
7116
- --black-500: hsl(210, 8%, 90%);
7117
- --black-600: hsl(210, 11%, 98%);
7118
- --black: hsl(0, 0%, 100%);
7119
- --orange-100: hsl(27, 55%, 20%);
7120
- --orange-200: hsl(27, 50%, 33%);
7121
- --orange-300: hsl(27, 50%, 43%);
7122
- --orange-400: hsl(27, 90%, 68%);
7123
- --orange-500: hsl(27, 90%, 80%);
7124
- --orange-600: hsl(27, 90%, 90%);
7125
- --blue-100: hsl(210, 50%, 22%);
7126
- --blue-200: hsl(210, 50%, 36%);
7127
- --blue-300: hsl(210, 50%, 48%);
7128
- --blue-400: hsl(210, 89%, 77%);
7129
- --blue-500: hsl(210, 89%, 84%);
7130
- --blue-600: hsl(210, 89%, 92%);
7131
- --green-100: hsl(149, 51%, 15%);
7132
- --green-200: hsl(149, 51%, 25%);
7133
- --green-300: hsl(149, 51%, 36%);
7134
- --green-400: hsl(149, 50%, 62%);
7135
- --green-500: hsl(149, 50%, 74%);
7136
- --green-600: hsl(149, 50%, 88%);
7137
- --red-100: hsl(0, 43%, 22%);
7138
- --red-200: hsl(0, 43%, 41%);
7139
- --red-300: hsl(0, 43%, 56%);
7140
- --red-400: hsl(0, 90%, 81%);
7141
- --red-500: hsl(0, 90%, 88%);
7142
- --red-600: hsl(0, 90%, 94%);
7143
- --yellow-100: hsl(43, 50%, 17%);
7144
- --yellow-200: hsl(43, 50%, 28%);
7145
- --yellow-300: hsl(43, 50%, 39%);
7146
- --yellow-400: hsl(43, 90%, 75%);
7147
- --yellow-500: hsl(43, 90%, 82%);
7148
- --yellow-600: hsl(43, 90%, 91%);
7149
- --purple-100: hsl(237, 26%, 23%);
7150
- --purple-200: hsl(237, 26%, 44%);
7151
- --purple-300: hsl(237, 26%, 56%);
7152
- --purple-400: hsl(237, 98%, 87%);
7153
- --purple-500: hsl(237, 98%, 92%);
7154
- --purple-600: hsl(237, 98%, 96%);
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, hsla(206, 100%, 40%, 0.25));
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-400);
7184
- --focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
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(--blue-400));
7210
- --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--blue-100));
7211
- --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--blue-200));
7212
- --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--blue-300));
7213
- --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7214
- --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7215
- --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
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: hsl(0, 0%, 100%);
7239
- --black-050: hsl(0, 0%, 100%);
7240
- --black-100: hsl(210, 8%, 98%);
7241
- --black-150: hsl(210, 8%, 95%);
7242
- --black-200: hsl(210, 8%, 90%);
7243
- --black-225: hsl(210, 8%, 85%);
7244
- --black-250: hsl(210, 8%, 80%);
7245
- --black-300: hsl(210, 9%, 75%);
7246
- --black-350: hsl(210, 8%, 45%);
7247
- --black-400: hsl(212, 8%, 35%);
7248
- --black-500: hsl(210, 8%, 25%);
7249
- --black-600: hsl(210, 8%, 5%);
7250
- --black: hsl(0, 0%, 0%);
7251
- --orange-100: hsl(23, 87%, 97%);
7252
- --orange-200: hsl(23, 87%, 97%);
7253
- --orange-300: hsl(27, 89%, 48%);
7254
- --orange-400: hsl(27, 87%, 29%);
7255
- --orange-500: hsl(27, 87%, 21%);
7256
- --orange-600: hsl(27, 87%, 21%);
7257
- --blue-100: hsl(210, 80%, 96%);
7258
- --blue-200: hsl(210, 80%, 96%);
7259
- --blue-300: hsl(210, 70%, 48%);
7260
- --blue-400: hsl(210, 77%, 34%);
7261
- --blue-500: hsl(210, 80%, 23%);
7262
- --blue-600: hsl(210, 80%, 23%);
7263
- --green-100: hsl(147, 36%, 95%);
7264
- --green-200: hsl(147, 36%, 95%);
7265
- --green-300: hsl(148, 70%, 31%);
7266
- --green-400: hsl(148, 75%, 22%);
7267
- --green-500: hsl(146, 74%, 15%);
7268
- --green-600: hsl(146, 74%, 15%);
7269
- --red-100: hsl(0, 80%, 96%);
7270
- --red-200: hsl(0, 80%, 96%);
7271
- --red-300: hsl(0, 60%, 49%);
7272
- --red-400: hsl(0, 65%, 37%);
7273
- --red-500: hsl(0, 65%, 22%);
7274
- --red-600: hsl(0, 65%, 22%);
7275
- --yellow-100: hsl(41, 85%, 95%);
7276
- --yellow-200: hsl(41, 85%, 95%);
7277
- --yellow-300: hsl(43, 85%, 50%);
7278
- --yellow-400: hsl(43, 85%, 50%);
7279
- --yellow-500: hsl(48, 85%, 18%);
7280
- --yellow-600: hsl(48, 85%, 18%);
7281
- --purple-100: hsl(237, 83%, 98%);
7282
- --purple-200: hsl(237, 83%, 98%);
7283
- --purple-300: hsl(237, 55%, 57%);
7284
- --purple-400: hsl(237, 52%, 48%);
7285
- --purple-500: hsl(237, 50%, 32%);
7286
- --purple-600: hsl(237, 50%, 32%);
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(206, 100%, 40%, 0.9);
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-400);
7316
- --focus-ring: hsla(206, 100%, 40%, 0.9);
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(--blue-400);
7342
- --theme-secondary-100: var(--blue-100);
7343
- --theme-secondary-200: var(--blue-200);
7344
- --theme-secondary-300: var(--blue-300);
7345
- --theme-secondary-400: var(--blue-400);
7346
- --theme-secondary-500: var(--blue-500);
7347
- --theme-secondary-600: var(--blue-600);
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: hsl(0, 0%, 0%);
7353
- --black-050: hsl(210, 3%, 15%);
7354
- --black-100: hsl(210, 3%, 18%);
7355
- --black-150: hsl(210, 4%, 21%);
7356
- --black-200: hsl(210, 4%, 27%);
7357
- --black-225: hsl(210, 4%, 30%);
7358
- --black-250: hsl(210, 5%, 36%);
7359
- --black-300: hsl(210, 4%, 47%);
7360
- --black-350: hsl(210, 10%, 74%);
7361
- --black-400: hsl(210, 8%, 80%);
7362
- --black-500: hsl(210, 8%, 90%);
7363
- --black-600: hsl(210, 11%, 98%);
7364
- --black: hsl(0, 0%, 100%);
7365
- --orange-100: hsl(27, 30%, 19%);
7366
- --orange-200: hsl(27, 30%, 19%);
7367
- --orange-300: hsl(27, 80%, 72%);
7368
- --orange-400: hsl(27, 80%, 72%);
7369
- --orange-500: hsl(28, 78%, 93%);
7370
- --orange-600: hsl(28, 78%, 93%);
7371
- --blue-100: hsl(209, 30%, 19%);
7372
- --blue-200: hsl(209, 30%, 19%);
7373
- --blue-300: hsl(210, 80%, 72%);
7374
- --blue-400: hsl(210, 80%, 75%);
7375
- --blue-500: hsl(210, 78%, 93%);
7376
- --blue-600: hsl(210, 78%, 93%);
7377
- --green-100: hsl(147, 30%, 19%);
7378
- --green-200: hsl(147, 30%, 19%);
7379
- --green-300: hsl(148, 40%, 62%);
7380
- --green-400: hsl(148, 40%, 68%);
7381
- --green-500: hsl(150, 39%, 93%);
7382
- --green-600: hsl(150, 39%, 93%);
7383
- --red-100: hsl(358, 30%, 19%);
7384
- --red-200: hsl(358, 30%, 19%);
7385
- --red-300: hsl(0, 75%, 77%);
7386
- --red-400: hsl(0, 73%, 80%);
7387
- --red-500: hsl(0, 76%, 95%);
7388
- --red-600: hsl(0, 76%, 95%);
7389
- --yellow-100: hsl(43, 29%, 17%);
7390
- --yellow-200: hsl(43, 29%, 17%);
7391
- --yellow-300: hsl(43, 75%, 75%);
7392
- --yellow-400: hsl(43, 75%, 75%);
7393
- --yellow-500: hsl(48, 74%, 91%);
7394
- --yellow-600: hsl(44, 74%, 91%);
7395
- --purple-100: hsl(237, 26%, 23%);
7396
- --purple-200: hsl(237, 26%, 23%);
7397
- --purple-300: hsl(237, 98%, 87%);
7398
- --purple-400: hsl(237, 98%, 87%);
7399
- --purple-500: hsl(237, 98%, 96%);
7400
- --purple-600: hsl(237, 98%, 96%);
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(206, 100%, 40%, 0.9);
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-400);
7430
- --focus-ring: hsla(206, 100%, 40%, 0.9);
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(--blue-400);
7456
- --theme-secondary-100: var(--blue-100);
7457
- --theme-secondary-200: var(--blue-200);
7458
- --theme-secondary-300: var(--blue-300);
7459
- --theme-secondary-400: var(--blue-400);
7460
- --theme-secondary-500: var(--blue-500);
7461
- --theme-secondary-600: var(--blue-600);
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: hsl(0, 0%, 0%);
7467
- --black-050: hsl(210, 3%, 15%);
7468
- --black-100: hsl(210, 3%, 18%);
7469
- --black-150: hsl(210, 4%, 21%);
7470
- --black-200: hsl(210, 4%, 27%);
7471
- --black-225: hsl(210, 4%, 30%);
7472
- --black-250: hsl(210, 5%, 36%);
7473
- --black-300: hsl(210, 4%, 47%);
7474
- --black-350: hsl(210, 10%, 74%);
7475
- --black-400: hsl(210, 8%, 80%);
7476
- --black-500: hsl(210, 8%, 90%);
7477
- --black-600: hsl(210, 11%, 98%);
7478
- --black: hsl(0, 0%, 100%);
7479
- --orange-100: hsl(27, 30%, 19%);
7480
- --orange-200: hsl(27, 30%, 19%);
7481
- --orange-300: hsl(27, 80%, 72%);
7482
- --orange-400: hsl(27, 80%, 72%);
7483
- --orange-500: hsl(28, 78%, 93%);
7484
- --orange-600: hsl(28, 78%, 93%);
7485
- --blue-100: hsl(209, 30%, 19%);
7486
- --blue-200: hsl(209, 30%, 19%);
7487
- --blue-300: hsl(210, 80%, 72%);
7488
- --blue-400: hsl(210, 80%, 75%);
7489
- --blue-500: hsl(210, 78%, 93%);
7490
- --blue-600: hsl(210, 78%, 93%);
7491
- --green-100: hsl(147, 30%, 19%);
7492
- --green-200: hsl(147, 30%, 19%);
7493
- --green-300: hsl(148, 40%, 62%);
7494
- --green-400: hsl(148, 40%, 68%);
7495
- --green-500: hsl(150, 39%, 93%);
7496
- --green-600: hsl(150, 39%, 93%);
7497
- --red-100: hsl(358, 30%, 19%);
7498
- --red-200: hsl(358, 30%, 19%);
7499
- --red-300: hsl(0, 75%, 77%);
7500
- --red-400: hsl(0, 73%, 80%);
7501
- --red-500: hsl(0, 76%, 95%);
7502
- --red-600: hsl(0, 76%, 95%);
7503
- --yellow-100: hsl(43, 29%, 17%);
7504
- --yellow-200: hsl(43, 29%, 17%);
7505
- --yellow-300: hsl(43, 75%, 75%);
7506
- --yellow-400: hsl(43, 75%, 75%);
7507
- --yellow-500: hsl(48, 74%, 91%);
7508
- --yellow-600: hsl(44, 74%, 91%);
7509
- --purple-100: hsl(237, 26%, 23%);
7510
- --purple-200: hsl(237, 26%, 23%);
7511
- --purple-300: hsl(237, 98%, 87%);
7512
- --purple-400: hsl(237, 98%, 87%);
7513
- --purple-500: hsl(237, 98%, 96%);
7514
- --purple-600: hsl(237, 98%, 96%);
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(206, 100%, 40%, 0.9);
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-400);
7544
- --focus-ring: hsla(206, 100%, 40%, 0.9);
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(--blue-400);
7570
- --theme-secondary-100: var(--blue-100);
7571
- --theme-secondary-200: var(--blue-200);
7572
- --theme-secondary-300: var(--blue-300);
7573
- --theme-secondary-400: var(--blue-400);
7574
- --theme-secondary-500: var(--blue-500);
7575
- --theme-secondary-600: var(--blue-600);
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: 100% !important;
7675
+ border-radius: var(--br-circle) !important;
7759
7676
  }
7760
7677
  .bar-pill {
7761
- border-radius: 1000px !important;
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: 3.8rem !important;
15453
+ font-size: calc(var(--fs-display4) * 0.43) !important;
15390
15454
  }
15391
15455
  html .fs-display3 {
15392
- font-size: 3.3rem !important;
15456
+ font-size: calc(var(--fs-display3) * 0.5139) !important;
15393
15457
  }
15394
15458
  html .fs-display2 {
15395
- font-size: 3rem !important;
15459
+ font-size: calc(var(--fs-display2) * 0.5862) !important;
15396
15460
  }
15397
15461
  html .fs-display1 {
15398
- font-size: 2.6rem !important;
15462
+ font-size: calc(var(--fs-display1) * 0.6304) !important;
15399
15463
  }
15400
15464
  html .fs-headline2 {
15401
- font-size: 2.3rem !important;
15465
+ font-size: calc(var(--fs-headline2) * 0.7224) !important;
15402
15466
  }
15403
15467
  html .fs-headline1 {
15404
- font-size: 2rem !important;
15468
+ font-size: calc(var(--fs-headline1) * 0.8215) !important;
15405
15469
  }
15406
15470
  html .fs-title {
15407
- font-size: 1.8rem !important;
15471
+ font-size: calc(var(--fs-title) * 0.9094) !important;
15408
15472
  }
15409
15473
  html .fs-subheading {
15410
- font-size: 1.6rem !important;
15474
+ font-size: calc(var(--fs-subheading) * 0.8998) !important;
15411
15475
  }
15412
15476
  html .fs-body3 {
15413
- font-size: 1.4rem !important;
15477
+ font-size: calc(var(--fs-body3) * 0.8888) !important;
15414
15478
  }
15415
15479
  html .fs-body2 {
15416
- font-size: 1.3rem !important;
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: 700 !important;
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) hsl(210, 8%, 95%) !important;
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) hsl(210, 8%, 85%) !important;
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) hsla(210, 8%, 68%, 0.7) !important;
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 hsla(210, 9%, 75%, 0.75) !important;
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 hsla(210, 8%, 68%, 0.8) !important;
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 hsl(210, 8%, 68%) !important;
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%;