@stackoverflow/stacks 3.0.0-beta.1 → 3.0.0-beta.3

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.
@@ -411,7 +411,7 @@ fieldset {
411
411
  position: relative;
412
412
  }
413
413
  .s-activity-indicator {
414
- --_ai-bg: var(--theme-secondary-400);
414
+ --_ai-bg: var(--pink-400);
415
415
  --_ai-fc: var(--white);
416
416
  --_ai-min-size: var(--su-static16);
417
417
  --_ai-p: 0 calc(var(--su-static4) - var(--su-static1));
@@ -447,7 +447,6 @@ body.theme-highcontrast .s-activity-indicator.s-activity-indicator__success {
447
447
  }
448
448
  .s-activity-indicator.s-activity-indicator__warning {
449
449
  --_ai-bg: var(--yellow-400);
450
- --_ai-fc: var(--_black-static);
451
450
  }
452
451
  body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
453
452
  --_ai-bg: var(--yellow-500);
@@ -473,7 +472,7 @@ body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
473
472
  --_an-a-fc-visited: var(--red-600);
474
473
  }
475
474
  .s-anchors.s-anchors__default {
476
- --_an-a-fc: var(--theme-link-color, var(--theme-secondary-400));
475
+ --_an-a-fc: var(--theme-link-color, var(--theme-secondary));
477
476
  --_an-a-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
478
477
  --_an-a-fc-visited: var(--theme-link-color-visited, var(--purple-500));
479
478
  --_an-a-fc-hover-visited: var(--theme-link-color-hover, var(--purple-600));
@@ -631,29 +630,6 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
631
630
  position: absolute;
632
631
  transform: translate(-50%, 60%);
633
632
  }
634
- .s-award-bling {
635
- --_ab-before-bg: unset;
636
- align-items: center;
637
- color: inherit;
638
- display: flex;
639
- }
640
- .s-award-bling.s-award-bling__gold {
641
- --_ab-before-bg: var(--gold-300);
642
- }
643
- .s-award-bling.s-award-bling__silver {
644
- --_ab-before-bg: var(--silver-300);
645
- }
646
- .s-award-bling.s-award-bling__bronze {
647
- --_ab-before-bg: var(--bronze-300);
648
- }
649
- .s-award-bling:before {
650
- background-color: var(--_ab-before-bg);
651
- border-radius: 100%;
652
- content: "";
653
- margin-right: var(--su4);
654
- height: var(--su8);
655
- width: var(--su8);
656
- }
657
633
  .s-badge {
658
634
  --_ba-as: unset;
659
635
  --_ba-bc: var(--bc-medium);
@@ -721,16 +697,16 @@ body.theme-highcontrast .s-badge__new {
721
697
  --_ba-fc: var(--black-500);
722
698
  }
723
699
  .s-badge.s-badge__gold {
724
- --_ba-bc: var(--gold-300);
725
- --_ba-bg: var(--gold-100);
700
+ --_ba-bc: var(--yellow-300);
701
+ --_ba-bg: var(--yellow-100);
726
702
  }
727
703
  .s-badge.s-badge__silver {
728
- --_ba-bc: var(--silver-300);
729
- --_ba-bg: var(--silver-100);
704
+ --_ba-bc: var(--blue-300);
705
+ --_ba-bg: var(--blue-100);
730
706
  }
731
707
  .s-badge.s-badge__bronze {
732
- --_ba-bc: var(--bronze-300);
733
- --_ba-bg: var(--bronze-100);
708
+ --_ba-bc: var(--orange-300);
709
+ --_ba-bg: var(--orange-100);
734
710
  }
735
711
  .s-badge.s-badge__answered,
736
712
  .s-badge.s-badge__bounty,
@@ -1084,6 +1060,78 @@ body.theme-highcontrast .s-banner__warning.s-banner__important {
1084
1060
  position: relative;
1085
1061
  width: 100%;
1086
1062
  }
1063
+ .s-bling {
1064
+ --_bl-bg: unset;
1065
+ --_bl-size: calc(var(--su8) + var(--su2));
1066
+ --_bl-icon: url("data:image/svg+xml;utf8,<svg viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'><circle cx='4' cy='4' r='4'/></svg>");
1067
+ --_bl-icon-bg: var(--black-500);
1068
+ --_bl-icon-size: var(--su8);
1069
+ background-color: var(--_bl-bg);
1070
+ height: var(--_bl-size);
1071
+ width: var(--_bl-size);
1072
+ align-items: center;
1073
+ color: inherit;
1074
+ display: inline-flex;
1075
+ justify-content: center;
1076
+ }
1077
+ .s-bling.s-bling__gold,
1078
+ .s-bling.s-bling__silver {
1079
+ --_bl-icon-size: calc(var(--su8) + var(--su2));
1080
+ }
1081
+ .s-bling.s-bling__activity {
1082
+ --_bl-icon-bg: var(--pink-400);
1083
+ }
1084
+ .s-bling.s-bling__gold {
1085
+ --_bl-icon-bg: var(--yellow-400);
1086
+ --_bl-icon: url("data:image/svg+xml;,<svg viewBox='0 0 8 9' xmlns='http://www.w3.org/2000/svg'><path d='M3.89709 0L7.79421 2.25V6.75L3.89709 9L-1.95503e-05 6.75V2.25L3.89709 0Z'/></svg>");
1087
+ }
1088
+ .s-bling.s-bling__silver {
1089
+ --_bl-icon-bg: var(--blue-400);
1090
+ --_bl-icon: url("data:image/svg+xml;,<svg viewBox='0 0 9 9' xmlns='http://www.w3.org/2000/svg'><path d='M4.27979 0L8.55954 3.10942L6.92482 8.14058H1.63475L3.09944e-05 3.10942L4.27979 0Z'/></svg>");
1091
+ }
1092
+ .s-bling.s-bling__bronze {
1093
+ --_bl-icon-bg: var(--orange-400);
1094
+ --_bl-icon: url("data:image/svg+xml;,<svg viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'><rect width='8' height='8'/></svg>");
1095
+ }
1096
+ .s-bling.s-bling__filled {
1097
+ --_bl-bg: var(--black-225);
1098
+ --_bl-icon-bg: var(--black-600);
1099
+ --_bl-size: var(--su24);
1100
+ }
1101
+ .s-bling.s-bling__filled.s-bling__rep {
1102
+ --_bl-bg: var(--black-300);
1103
+ }
1104
+ .s-bling.s-bling__filled.s-bling__activity {
1105
+ --_bl-bg: var(--pink-300);
1106
+ --_bl-icon-bg: var(--pink-600);
1107
+ }
1108
+ .s-bling.s-bling__filled.s-bling__gold {
1109
+ --_bl-bg: var(--yellow-300);
1110
+ --_bl-icon-bg: var(--yellow-600);
1111
+ }
1112
+ .s-bling.s-bling__filled.s-bling__silver {
1113
+ --_bl-bg: var(--blue-300);
1114
+ --_bl-icon-bg: var(--blue-600);
1115
+ }
1116
+ .s-bling.s-bling__filled.s-bling__bronze {
1117
+ --_bl-bg: var(--orange-300);
1118
+ --_bl-icon-bg: var(--orange-600);
1119
+ }
1120
+ .s-bling.s-bling__sm {
1121
+ --_bl-icon-size: var(--su6);
1122
+ --_bl-size: var(--su16);
1123
+ }
1124
+ .s-bling.s-bling__lg {
1125
+ --_bl-size: calc(var(--su24) + var(--su4));
1126
+ }
1127
+ .s-bling:before {
1128
+ -webkit-mask: var(--_bl-icon) no-repeat center;
1129
+ mask: var(--_bl-icon) no-repeat center;
1130
+ background-color: var(--_bl-icon-bg);
1131
+ content: "";
1132
+ height: var(--_bl-icon-size);
1133
+ width: var(--_bl-icon-size);
1134
+ }
1087
1135
  a.s-block-link,
1088
1136
  .s-block-link {
1089
1137
  --_bl-bs-color: var(--theme-primary);
@@ -1346,7 +1394,7 @@ body.theme-highcontrast .s-btn--radio:checked + .s-btn.s-btn__outlined.s-btn__mu
1346
1394
  outline-style: auto;
1347
1395
  }
1348
1396
  .s-btn.s-btn__link {
1349
- --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
1397
+ --_li-fc: var(--theme-link-color, var(--theme-secondary));
1350
1398
  --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
1351
1399
  --_li-fc-visited: var(--theme-link-color-visited, var(--purple-500));
1352
1400
  --_li-fc-hover-visited: var(--theme-link-color-visited, var(--purple-600));
@@ -1868,33 +1916,33 @@ input.s-radio {
1868
1916
  }
1869
1917
  @media (prefers-color-scheme: dark) {
1870
1918
  body.theme-system .s-checkbox:checked {
1871
- --_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");
1919
+ --_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");
1872
1920
  }
1873
1921
  body.theme-system .s-checkbox:indeterminate {
1874
- --_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");
1922
+ --_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");
1875
1923
  }
1876
1924
  }
1877
1925
  body.theme-dark .s-checkbox:checked,
1878
1926
  .theme-dark__forced .s-checkbox:checked,
1879
1927
  body.theme-system .theme-dark__forced .s-checkbox:checked {
1880
- --_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");
1928
+ --_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");
1881
1929
  }
1882
1930
  body.theme-dark .s-checkbox:indeterminate,
1883
1931
  .theme-dark__forced .s-checkbox:indeterminate,
1884
1932
  body.theme-system .theme-dark__forced .s-checkbox:indeterminate {
1885
- --_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");
1933
+ --_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");
1886
1934
  }
1887
1935
  @media (prefers-color-scheme: dark) {
1888
1936
  body.theme-highcontrast.theme-system .s-checkbox:checked,
1889
1937
  body.theme-highcontrast.theme-system .s-checkbox:indeterminate {
1890
- --_ch-bc: var(--blue-500) !important;
1891
- --_ch-bg: var(--blue-400);
1938
+ --_ch-bc: var(--black) !important;
1939
+ --_ch-bg: var(--black);
1892
1940
  }
1893
1941
  }
1894
1942
  body.theme-highcontrast.theme-dark .s-checkbox:checked,
1895
1943
  body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
1896
- --_ch-bc: var(--blue-500) !important;
1897
- --_ch-bg: var(--blue-400);
1944
+ --_ch-bc: var(--black) !important;
1945
+ --_ch-bg: var(--black);
1898
1946
  }
1899
1947
  @media (forced-colors: active) {
1900
1948
  .s-checkbox:checked,
@@ -1904,31 +1952,31 @@ body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
1904
1952
  }
1905
1953
  .s-checkbox:checked,
1906
1954
  .s-checkbox:indeterminate {
1907
- --_ch-bc: var(--theme-secondary-400) !important;
1908
- --_ch-bg: var(--theme-secondary-400);
1955
+ --_ch-bc: var(--theme-secondary) !important;
1956
+ --_ch-bg: var(--theme-secondary);
1909
1957
  }
1910
1958
  .s-checkbox:checked {
1911
- --_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");
1959
+ --_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");
1912
1960
  }
1913
1961
  .s-checkbox:indeterminate {
1914
- --_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");
1962
+ --_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");
1915
1963
  }
1916
1964
  .s-radio {
1917
1965
  border-radius: var(--br-circle);
1918
1966
  }
1919
1967
  @media (prefers-color-scheme: dark) {
1920
1968
  body.theme-highcontrast.theme-system .s-radio:checked {
1921
- --_ch-bc: var(--blue-400);
1969
+ --_ch-bc: var(--black);
1922
1970
  outline: var(--su-static1) solid var(--black);
1923
1971
  }
1924
1972
  }
1925
1973
  body.theme-highcontrast.theme-dark .s-radio:checked {
1926
- --_ch-bc: var(--blue-400);
1974
+ --_ch-bc: var(--black);
1927
1975
  outline: var(--su-static1) solid var(--black);
1928
1976
  }
1929
1977
  .s-radio:checked {
1930
1978
  --_ch-baw: 0.30769231em;
1931
- --_ch-bc: var(--theme-secondary-400);
1979
+ --_ch-bc: var(--theme-secondary);
1932
1980
  --_ch-bg: var(--white);
1933
1981
  }
1934
1982
  .has-error .s-checkbox,
@@ -2647,7 +2695,7 @@ a.s-user-card--link:hover:visited {
2647
2695
  }
2648
2696
  a,
2649
2697
  .s-link {
2650
- --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
2698
+ --_li-fc: var(--theme-link-color, var(--theme-secondary));
2651
2699
  --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
2652
2700
  --_li-fc-visited: var(--theme-link-color-visited, var(--purple-500));
2653
2701
  --_li-fc-hover-visited: var(--theme-link-color-visited, var(--purple-600));
@@ -2848,7 +2896,7 @@ body.theme-highcontrast .s-link-preview {
2848
2896
  font-weight: bold;
2849
2897
  }
2850
2898
  .s-link-preview a.s-link-preview--title {
2851
- color: var(--theme-link-color, var(--theme-secondary-400));
2899
+ color: var(--theme-link-color, var(--theme-secondary));
2852
2900
  cursor: pointer;
2853
2901
  text-decoration: none;
2854
2902
  }
@@ -2927,7 +2975,7 @@ body.theme-system .theme-dark__forced .s-menu {
2927
2975
  margin-top: var(--su12);
2928
2976
  }
2929
2977
  .s-modal {
2930
- --_mo-bg: hsla(210, 8%, 5%, 0.5);
2978
+ --_mo-bg: rgba(33, 29, 30, 0.5);
2931
2979
  --_mo-hmx: unset;
2932
2980
  --_mo-wmx: unset;
2933
2981
  --_mo-close-t: var(--su8);
@@ -2993,7 +3041,7 @@ body.theme-highcontrast.theme-dark .s-modal {
2993
3041
  }
2994
3042
  .s-modal.has-danger,
2995
3043
  .s-modal.s-modal__danger {
2996
- --_mo-bg: hsla(0, 65%, 4%, 0.5);
3044
+ --_mo-bg: rgba(2, 0, 0, 0.5);
2997
3045
  --_mo-header-fc: var(--red-500);
2998
3046
  }
2999
3047
  .s-modal .s-modal--body {
@@ -3579,7 +3627,7 @@ body.theme-system .theme-dark__forced .s-popover {
3579
3627
  --_ps-bg: unset;
3580
3628
  --_ps-o: unset;
3581
3629
  --_ps-content-excerpt-fc: var(--_ps-state-fc, var(--fc-medium));
3582
- --_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400))));
3630
+ --_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary))));
3583
3631
  --_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))));
3584
3632
  --_ps-content-title-a-fc-visited: var(--_ps-state-fc, var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--purple-500))));
3585
3633
  --_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))));
@@ -3665,6 +3713,7 @@ body.theme-system .theme-dark__forced .s-popover {
3665
3713
  .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag .focus-bordered {
3666
3714
  background-color: var(--_ps-meta-tags-tag-bg);
3667
3715
  color: var(--black-500);
3716
+ border-color: var(--black-300);
3668
3717
  }
3669
3718
  body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a,
3670
3719
  body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a,
@@ -3745,7 +3794,7 @@ body.theme-system .theme-dark__forced .s-post-summary.s-post-summary__deleted .s
3745
3794
  .s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) {
3746
3795
  --_ps-bg: var(--yellow-100);
3747
3796
  --_ps-stats-fc: var(--black-400);
3748
- --_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400)));
3797
+ --_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary)));
3749
3798
  --_ps-content-title-a-fc-hover: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500)));
3750
3799
  --_ps-content-title-a-fc-visited: var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--purple-500)));
3751
3800
  --_ps-content-title-a-fc-hover-visited: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--purple-600)));
@@ -4066,19 +4115,19 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
4066
4115
  --_pr-bar-bg: var(--orange-400);
4067
4116
  }
4068
4117
  .s-progress.s-progress__bronze {
4069
- --_pr-bar-bg: var(--bronze-100);
4070
- --_pr-label-bc: var(--bronze-400);
4118
+ --_pr-bar-bg: var(--orange-100);
4119
+ --_pr-label-bc: var(--orange-400);
4071
4120
  }
4072
4121
  .s-progress.s-progress__gold {
4073
- --_pr-bar-bg: var(--gold-100);
4074
- --_pr-label-bc: var(--gold-400);
4122
+ --_pr-bar-bg: var(--yellow-100);
4123
+ --_pr-label-bc: var(--yellow-400);
4075
4124
  }
4076
4125
  .s-progress.s-progress__info {
4077
4126
  --_pr-bar-bg: var(--blue-400);
4078
4127
  }
4079
4128
  .s-progress.s-progress__silver {
4080
- --_pr-bar-bg: var(--silver-100);
4081
- --_pr-label-bc: var(--silver-400);
4129
+ --_pr-bar-bg: var(--blue-100);
4130
+ --_pr-label-bc: var(--blue-400);
4082
4131
  }
4083
4132
  .s-progress.s-progress__badge,
4084
4133
  .s-progress.s-progress__privilege {
@@ -4181,18 +4230,18 @@ body.theme-highcontrast .s-progress.s-progress__privilege {
4181
4230
  position: relative;
4182
4231
  }
4183
4232
  .s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--bar.s-progress--bar__left {
4184
- background: var(--theme-secondary-400);
4233
+ background: var(--theme-secondary);
4185
4234
  }
4186
4235
  .s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--label {
4187
4236
  color: var(--fc-dark);
4188
4237
  }
4189
4238
  .s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--stop {
4190
- background: var(--theme-secondary-400);
4239
+ background: var(--theme-secondary);
4191
4240
  box-shadow: 0 0 0 var(--su-static6) var(--translucent-secondary);
4192
4241
  }
4193
4242
  .s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--bar,
4194
4243
  .s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--stop {
4195
- background: var(--theme-secondary-400);
4244
+ background: var(--theme-secondary);
4196
4245
  }
4197
4246
  .s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--label {
4198
4247
  color: var(--fc-dark);
@@ -5518,87 +5567,80 @@ body.theme-highcontrast .s-skeleton {
5518
5567
  .s-tag {
5519
5568
  --_ta-bc: var(--theme-tag-border-color, var(--_ta-bg));
5520
5569
  --_ta-bg: var(--theme-tag-background-color, var(--black-150));
5521
- --_ta-fc: var(--theme-tag-color, var(--black-500));
5570
+ --_ta-fc: var(--theme-tag-color, var(--black-600));
5522
5571
  --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--_ta-bg-hover));
5523
5572
  --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--black-200));
5524
5573
  --_ta-fc-hover: var(--theme-tag-hover-color, var(--black-600));
5525
- --_ta-br: var(--br-md);
5526
5574
  --_ta-fs: var(--fs-caption);
5527
- --_ta-lh: 1.84615385;
5528
- --_ta-pl: var(--_ta-px);
5529
- --_ta-pr: var(--_ta-px);
5530
- --_ta-px: var(--su4);
5531
- --_ta-dismiss-padding: calc(var(--_ta-px) - var(--su-static1));
5575
+ --_ta-pb: calc(var(--_ta-pt) + var(--su1));
5576
+ --_ta-pl: var(--su8);
5577
+ --_ta-pr: var(--su8);
5578
+ --_ta-pt: var(--su4);
5532
5579
  background-color: var(--_ta-bg);
5533
5580
  border: var(--su-static1) solid var(--_ta-bc);
5534
- border-radius: var(--_ta-br);
5535
5581
  color: var(--_ta-fc);
5536
5582
  font-size: var(--_ta-fs);
5537
- line-height: var(--_ta-lh);
5538
- padding-left: var(--_ta-pl);
5539
- padding-right: var(--_ta-pr);
5583
+ padding: var(--_ta-pt) var(--_ta-pr) var(--_ta-pb) var(--_ta-pl);
5540
5584
  align-items: center;
5541
5585
  display: inline-flex;
5542
- font-weight: 700;
5586
+ gap: var(--su4);
5543
5587
  justify-content: center;
5544
- min-width: 0;
5588
+ line-height: var(--lh-xs);
5545
5589
  text-decoration: none;
5546
- vertical-align: middle;
5547
5590
  white-space: nowrap;
5548
5591
  }
5549
5592
  body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):not(body.theme-highcontrast .s-tag__required) {
5550
5593
  --_ta-bc: var(--theme-tag-border-color, var(--black-300));
5551
5594
  --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--black-300));
5552
5595
  }
5553
- .s-tag.s-tag__xs {
5554
- --_ta-fs: var(--fs-fine);
5555
- --_ta-lh: 1.4;
5556
- --_ta-px: var(--su2);
5596
+ body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):not(body.theme-highcontrast .s-tag__required).s-tag__ignored {
5597
+ --_ta-fc: var(--black-500);
5557
5598
  }
5558
5599
  .s-tag.s-tag__sm {
5559
- --_ta-fs: var(--fs-caption);
5560
- --_ta-lh: 1.5;
5561
- }
5562
- .s-tag.s-tag__md {
5563
- --_ta-px: var(--su6);
5564
- --_ta-fs: var(--fs-body2);
5565
- --_ta-lh: 1.73333333;
5600
+ --_ta-pl: var(--su4);
5601
+ --_ta-pr: var(--su4);
5602
+ --_ta-pt: var(--su1);
5566
5603
  }
5567
5604
  .s-tag.s-tag__lg {
5568
- --_ta-br: calc(var(--br-md) + var(--su-static1));
5569
- --_ta-fs: var(--fs-subheading);
5570
- --_ta-lh: 1.68421053;
5571
- --_ta-px: var(--su6);
5572
- }
5573
- .s-tag__ignored,
5574
- .s-tag.s-tag__ignored,
5575
- .s-tag__watched,
5576
- .s-tag.s-tag__watched {
5577
- --_ta-pl: calc(var(--su-static24) - var(--su-static2));
5578
- --_ta-before-size: calc(var(--su-static16) - var(--su-static2));
5579
- position: relative;
5605
+ --_ta-fs: var(--fs-body1);
5606
+ --_ta-pt: var(--su4);
5580
5607
  }
5581
- .s-tag__ignored:before,
5582
5608
  .s-tag.s-tag__ignored:before,
5583
- .s-tag__watched:before,
5584
5609
  .s-tag.s-tag__watched:before {
5585
- height: var(--_ta-before-size);
5586
- width: var(--_ta-before-size);
5587
5610
  -webkit-mask: var(--_ta-before-icon) no-repeat center;
5588
5611
  mask: var(--_ta-before-icon) no-repeat center;
5589
5612
  background-color: currentColor;
5590
5613
  content: "";
5591
5614
  display: block;
5592
- left: var(--su-static4);
5593
- margin-right: var(--su2);
5594
- position: absolute;
5595
- top: calc(50% - calc(var(--su-static8) - var(--su-static1)));
5615
+ height: calc(var(--su-static16) - var(--su-static2));
5596
5616
  -webkit-mask-size: contain;
5597
5617
  mask-size: contain;
5618
+ width: calc(var(--su-static16) - var(--su-static2));
5619
+ }
5620
+ .s-tag.s-tag__deleted,
5621
+ .s-tag.s-tag__ignored,
5622
+ .s-tag.s-tag__deleted.s-tag__required:not(.s-tag.s-tag__deleted__moderator),
5623
+ .s-tag.s-tag__ignored.s-tag__required:not(.s-tag.s-tag__deleted__moderator),
5624
+ .s-tag.s-tag__deleted.s-tag__required:not(.s-tag.s-tag__ignored__moderator),
5625
+ .s-tag.s-tag__ignored.s-tag__required:not(.s-tag.s-tag__ignored__moderator),
5626
+ .s-tag.s-tag__deleted.s-tag__moderator,
5627
+ .s-tag.s-tag__ignored.s-tag__moderator {
5628
+ --_ta-bc-hover: var(--_ta-bc);
5629
+ --_ta-bg-hover: var(--_ta-bg);
5630
+ --_ta-fc-hover: var(--_ta-fc);
5631
+ }
5632
+ .s-tag.s-tag__deleted {
5633
+ --_ta-fc: var(--black-500);
5634
+ }
5635
+ .s-tag.s-tag__deleted.s-tag__required:not(.s-tag.s-tag__deleted__moderator) {
5636
+ --_ta-bc: var(--black-300);
5637
+ --_ta-fc: var(--black-400);
5598
5638
  }
5599
- .s-tag__ignored,
5600
5639
  .s-tag.s-tag__ignored {
5640
+ --_ta-bg-hover: var(--_ta-bg);
5601
5641
  --_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
5642
+ --_ta-fc: var(--black-400);
5643
+ --_ta-fc-hover: var(--black-400);
5602
5644
  }
5603
5645
  .s-tag.s-tag__moderator {
5604
5646
  --_ta-bc: var(--orange-300);
@@ -5609,53 +5651,40 @@ body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):no
5609
5651
  --_ta-fc-hover: var(--orange-600);
5610
5652
  }
5611
5653
  .s-tag.s-tag__required:not(.s-tag__moderator) {
5612
- --_ta-bc: var(--theme-tag-required-border-color, var(--theme-tag-border-color, var(--black-400)));
5613
- --_ta-bg: var(--theme-tag-required-background-color, var(--theme-tag-background-color, var(--black-150)));
5614
- --_ta-fc: var(--theme-tag-required-color, var(--theme-tag-color, var(--black-500)));
5654
+ --_ta-bc: var(--theme-tag-required-border-color, var(--theme-tag-border-color, var(--black-500)));
5615
5655
  --_ta-bc-hover: var(--theme-tag-required-hover-border-color, var(--theme-tag-hover-border-color, var(--black-600)));
5616
- --_ta-bg-hover: var(--theme-tag-required-hover-background-color, var(--theme-tag-hover-background-color, var(--black-200)));
5617
- --_ta-fc-hover: var(--theme-tag-required-hover-color, var(--theme-tag-hover-color, var(--black-600)));
5618
5656
  }
5619
- .s-tag__watched,
5620
5657
  .s-tag.s-tag__watched {
5621
- --_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E");
5658
+ --_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E");
5622
5659
  }
5623
- .s-tag button.s-tag--dismiss:not(.s-btn) {
5624
- all: unset;
5660
+ .s-tag:has( > .s-tag--dismiss) {
5661
+ --_ta-pr: var(--su2);
5625
5662
  }
5626
- .s-tag .s-tag--dismiss,
5627
- .s-tag button.s-tag--dismiss:not(.s-btn) {
5663
+ .s-tag .s-tag--dismiss {
5664
+ all: unset;
5628
5665
  align-items: center;
5629
- align-self: stretch;
5630
5666
  background-color: transparent;
5631
- border-radius: var(--br-md);
5632
5667
  color: inherit;
5633
5668
  cursor: pointer;
5634
5669
  display: flex;
5635
5670
  justify-content: center;
5636
- margin: var(--su-static1) calc(var(--_ta-dismiss-padding) * -1) var(--su-static1) var(--_ta-dismiss-padding);
5637
- padding: var(--_ta-dismiss-padding);
5671
+ margin: calc(var(--_ta-pt) * -1) 0 calc(var(--_ta-pb) * -1);
5672
+ padding: var(--su2);
5638
5673
  }
5639
- .s-tag .s-tag--dismiss:focus-visible,
5640
- .s-tag button.s-tag--dismiss:not(.s-btn):focus-visible {
5674
+ .s-tag .s-tag--dismiss:focus-visible {
5641
5675
  box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
5642
5676
  outline: var(--su-static2) solid transparent !important;
5643
5677
  }
5644
- .s-tag .s-tag--dismiss:hover,
5645
- .s-tag button.s-tag--dismiss:not(.s-btn):hover {
5678
+ .s-tag .s-tag--dismiss:hover {
5646
5679
  background-color: var(--_ta-fc);
5647
5680
  color: var(--_ta-bg);
5648
5681
  }
5649
- body.theme-highcontrast .s-tag .s-tag--dismiss:hover,
5650
- body.theme-highcontrast .s-tag button.s-tag--dismiss:not(.s-btn):hover {
5651
- color: var(--white);
5682
+ .s-tag:has( > .s-tag--sponsor) {
5683
+ --_ta-pl: var(--su2);
5652
5684
  }
5653
5685
  .s-tag .s-tag--sponsor {
5654
- align-self: center;
5655
- border-radius: calc(var(--br-md) - var(--su-static1));
5656
- display: inline-flex;
5657
- margin: calc(var(--su1) * -1) var(--su4) calc(var(--su2) * -1) calc(var(--su2) * -1);
5658
5686
  max-width: calc(var(--su-static16) + var(--su-static2));
5687
+ margin: calc(var(--_ta-pt) * -1) 0 calc(var(--_ta-pb) * -1) 0;
5659
5688
  }
5660
5689
  .s-tag .s-tag--sponsor img,
5661
5690
  .s-tag .s-tag--sponsor .svg-icon {
@@ -5708,20 +5737,20 @@ a.s-tag:active {
5708
5737
  }
5709
5738
  .s-toggle-switch {
5710
5739
  --_ts-bg: var(--black-350);
5711
- --_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");
5740
+ --_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");
5712
5741
  --_ts-bg-ps: left center;
5713
5742
  --_ts-multiple-bg: unset;
5714
5743
  --_ts-multiple-fc: var(--black-400);
5715
5744
  }
5716
5745
  @media (prefers-color-scheme: dark) {
5717
5746
  body.theme-system .s-toggle-switch {
5718
- --_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");
5747
+ --_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");
5719
5748
  }
5720
5749
  }
5721
5750
  body.theme-dark .s-toggle-switch,
5722
5751
  .theme-dark__forced .s-toggle-switch,
5723
5752
  body.theme-system .theme-dark__forced .s-toggle-switch {
5724
- --_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");
5753
+ --_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");
5725
5754
  }
5726
5755
  fieldset[disabled] .s-toggle-switch,
5727
5756
  .s-toggle-switch[disabled],
@@ -5841,13 +5870,13 @@ input[type="checkbox"].s-toggle-switch[disabled] {
5841
5870
  }
5842
5871
  @media (prefers-color-scheme: dark) {
5843
5872
  body.theme-system .s-topbar.s-topbar__light {
5844
- --focus-theme: var(--theme-dark-secondary-custom-200, var(--blue-200));
5873
+ --focus-theme: var(--theme-dark-secondary-custom-200, var(--black-200));
5845
5874
  }
5846
5875
  }
5847
5876
  body.theme-dark .s-topbar.s-topbar__light,
5848
5877
  .theme-dark__forced .s-topbar.s-topbar__light,
5849
5878
  body.theme-system .theme-dark__forced .s-topbar.s-topbar__light {
5850
- --focus-theme: var(--theme-dark-secondary-custom-200, var(--blue-200));
5879
+ --focus-theme: var(--theme-dark-secondary-custom-200, var(--black-200));
5851
5880
  }
5852
5881
  body.theme-highcontrast .s-topbar {
5853
5882
  --_tb-notice-td: underline;
@@ -5864,30 +5893,30 @@ body.theme-highcontrast .s-topbar {
5864
5893
  border-bottom: var(--su-static1) solid currentColor;
5865
5894
  }
5866
5895
  body.theme-highcontrast .s-topbar.s-topbar__dark {
5867
- --focus-theme: hsl(210, 89%, 77%);
5896
+ --focus-theme: #ffffff;
5868
5897
  }
5869
5898
  body.theme-highcontrast .s-topbar__dark {
5870
5899
  --theme-topbar-item-color: var(--_white-static);
5871
5900
  --theme-topbar-item-color-hover: var(--_white-static);
5872
- --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
5901
+ --theme-topbar-item-background-hover: #46484d;
5873
5902
  --theme-topbar-item-color-current: var(--_white-static);
5874
5903
  }
5875
5904
  body.theme-highcontrast .s-topbar__dark .s-badge {
5876
5905
  border-color: currentColor;
5877
5906
  }
5878
5907
  body.theme-highcontrast .s-topbar__light {
5879
- --theme-topbar-item-color: hsl(210, 8%, 5%);
5880
- --theme-topbar-item-color-hover: hsl(210, 8%, 5%);
5881
- --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
5908
+ --theme-topbar-item-color: #211d1e;
5909
+ --theme-topbar-item-color-hover: #211d1e;
5910
+ --theme-topbar-item-background-hover: #dee0e3;
5882
5911
  --theme-topbar-item-color-current: var(--_black-static);
5883
5912
  }
5884
5913
  @media (prefers-color-scheme: dark) {
5885
5914
  body.theme-highcontrast.theme-system .s-topbar.s-topbar__light {
5886
- --focus-theme: var(--blue-200);
5915
+ --focus-theme: var(--black-200);
5887
5916
  }
5888
5917
  }
5889
5918
  body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
5890
- --focus-theme: var(--blue-200);
5919
+ --focus-theme: var(--black-200);
5891
5920
  }
5892
5921
  @media (max-width: 640px) {
5893
5922
  .s-topbar {
@@ -5901,11 +5930,11 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
5901
5930
  }
5902
5931
  }
5903
5932
  .s-topbar.s-topbar__light {
5904
- --focus-neutral: hsl(0, 0%, 100%);
5933
+ --focus-neutral: #ffffff;
5905
5934
  }
5906
5935
  .s-topbar.s-topbar__dark {
5907
- --focus-neutral: hsl(210, 8%, 5%);
5908
- --focus-theme: var(--theme-dark-secondary-custom-400, hsl(210, 89%, 77%));
5936
+ --focus-neutral: #211d1e;
5937
+ --focus-theme: var(--theme-dark-secondary-custom-400, #ffffff);
5909
5938
  }
5910
5939
  .s-topbar:has( > .s-topbar--skip-link:focus) {
5911
5940
  border-top: none;
@@ -6231,33 +6260,33 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
6231
6260
  color: var(--black-600);
6232
6261
  }
6233
6262
  .s-topbar__dark {
6234
- --theme-topbar-background-color: hsl(210, 8%, 5%);
6235
- --theme-topbar-bottom-border: var(--su-static1) solid hsl(210, 8%, 5%);
6236
- --theme-topbar-search-color: hsl(0, 0%, 100%);
6237
- --theme-topbar-search-background: hsl(210, 8%, 25%);
6238
- --theme-topbar-search-placeholder: hsl(210, 8%, 85%);
6239
- --theme-topbar-search-border: hsl(210, 8%, 45%);
6240
- --theme-topbar-select-color: hsl(210, 8%, 85%);
6241
- --theme-topbar-select-background: hsl(210, 8%, 35%);
6242
- --theme-topbar-item-color: hsl(210, 8%, 85%);
6263
+ --theme-topbar-background-color: #211d1e;
6264
+ --theme-topbar-bottom-border: var(--su-static1) solid #211d1e;
6265
+ --theme-topbar-search-color: #ffffff;
6266
+ --theme-topbar-search-background: #584c4f;
6267
+ --theme-topbar-search-placeholder: #eceaea;
6268
+ --theme-topbar-search-border: #8d7d81;
6269
+ --theme-topbar-select-color: #eceaea;
6270
+ --theme-topbar-select-background: #736468;
6271
+ --theme-topbar-item-color: #d7d8db;
6243
6272
  --theme-topbar-item-color-hover: var(--_white-static);
6244
- --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
6273
+ --theme-topbar-item-background-hover: #46484d;
6245
6274
  --theme-topbar-item-color-current: var(--_white-static);
6246
6275
  --theme-topbar-accent-border: none;
6247
6276
  --scrollbar: hsla(0, 0%, 100%, 0.2);
6248
6277
  }
6249
6278
  .s-topbar__light {
6250
6279
  --theme-topbar-background-color: var(--_white-static);
6251
- --theme-topbar-bottom-border: var(--su-static1) solid hsl(210, 8%, 85%);
6252
- --theme-topbar-search-color: hsl(210, 8%, 25%);
6280
+ --theme-topbar-bottom-border: var(--su-static1) solid #d7d8db;
6281
+ --theme-topbar-search-color: #46484d;
6253
6282
  --theme-topbar-search-background: var(--_white-static);
6254
- --theme-topbar-search-placeholder: hsl(210, 8%, 42%);
6255
- --theme-topbar-search-border: hsl(210, 9%, 75%);
6256
- --theme-topbar-select-color: hsl(210, 8%, 25%);
6257
- --theme-topbar-select-background: hsl(210, 8%, 90%);
6258
- --theme-topbar-item-color: hsl(210, 8%, 42%);
6259
- --theme-topbar-item-color-hover: hsl(210, 8%, 25%);
6260
- --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
6283
+ --theme-topbar-search-placeholder: #6b6d73;
6284
+ --theme-topbar-search-border: #a7aab0;
6285
+ --theme-topbar-select-color: #46484d;
6286
+ --theme-topbar-select-background: #dee0e3;
6287
+ --theme-topbar-item-color: #6b6d73;
6288
+ --theme-topbar-item-color-hover: #46484d;
6289
+ --theme-topbar-item-background-hover: #dee0e3;
6261
6290
  --theme-topbar-item-color-current: var(--_black-static);
6262
6291
  --scrollbar: hsla(0, 0%, 0%, 0.2);
6263
6292
  }
@@ -6593,31 +6622,31 @@ body {
6593
6622
  --ff-serif: Georgia, Cambria, "Times New Roman", Times, serif;
6594
6623
  --ff-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
6595
6624
  --theme-body-font-family: var(--ff-sans);
6596
- --fs-fine: 11px;
6597
- --fs-caption: 12px;
6598
- --fs-body1: 13px;
6599
- --fs-body2: 1.15384615rem;
6600
- --fs-body3: 1.30769231rem;
6601
- --fs-subheading: 1.46153846rem;
6602
- --fs-title: 1.61538462rem;
6603
- --fs-headline1: 2.07692308rem;
6604
- --fs-headline2: 2.61538461rem;
6605
- --fs-display1: 3.30769231rem;
6606
- --fs-display2: 4.23076923rem;
6607
- --fs-display3: 5.30769231rem;
6608
- --fs-display4: 7.61538461rem;
6609
- --fs-body2-relative: 1.15384615em;
6610
- --fs-body3-relative: 1.30769231em;
6611
- --fs-subheading-relative: 1.46153846em;
6612
- --fs-title-relative: 1.61538462em;
6613
- --fs-headline1-relative: 2.07692308em;
6614
- --fs-headline2-relative: 2.61538461em;
6615
- --fs-display1-relative: 3.30769231em;
6616
- --fs-display2-relative: 4.23076923em;
6617
- --fs-display3-relative: 5.30769231em;
6618
- --fs-display4-relative: 7.61538461em;
6619
- --fs-base: 13px;
6620
- --stacks-internals-lh-unit: 13;
6625
+ --fs-fine: 12px;
6626
+ --fs-caption: 13px;
6627
+ --fs-body1: 14px;
6628
+ --fs-body2: 1.143rem;
6629
+ --fs-body3: 1.286rem;
6630
+ --fs-subheading: 1.429rem;
6631
+ --fs-title: 1.571rem;
6632
+ --fs-headline1: 2rem;
6633
+ --fs-headline2: 2.571rem;
6634
+ --fs-display1: 3.286rem;
6635
+ --fs-display2: 4.143rem;
6636
+ --fs-display3: 5.143rem;
6637
+ --fs-display4: 7.143rem;
6638
+ --fs-body2-relative: 1.143rem;
6639
+ --fs-body3-relative: 1.286rem;
6640
+ --fs-subheading-relative: 1.429rem;
6641
+ --fs-title-relative: 1.571rem;
6642
+ --fs-headline1-relative: 2rem;
6643
+ --fs-headline2-relative: 2.571rem;
6644
+ --fs-display1-relative: 3.286rem;
6645
+ --fs-display2-relative: 4.143rem;
6646
+ --fs-display3-relative: 5.143rem;
6647
+ --fs-display4-relative: 7.143rem;
6648
+ --fs-base: 14px;
6649
+ --stacks-internals-lh-unit: 14;
6621
6650
  --lh-xs: 1;
6622
6651
  --lh-sm: calc((var(--stacks-internals-lh-unit) + 2) / var(--stacks-internals-lh-unit));
6623
6652
  --lh-md: calc((var(--stacks-internals-lh-unit) + 4) / var(--stacks-internals-lh-unit));
@@ -6643,6 +6672,8 @@ body {
6643
6672
  --br-md: calc(var(--su-static4) + var(--su-static6));
6644
6673
  --br-circle: 50%;
6645
6674
  --br-pill: 1000px;
6675
+ --br-sm: var(--br-md);
6676
+ --br-lg: var(--br-md);
6646
6677
  --te-smooth-slow: cubic-bezier(0.25, 0.46, 0.45, 0.94);
6647
6678
  --te-smooth: cubic-bezier(0.165, 0.84, 0.44, 1);
6648
6679
  --te-smooth-quick: cubic-bezier(0.19, 1, 0.22, 1);
@@ -6659,8 +6690,8 @@ body {
6659
6690
  body {
6660
6691
  --_o-disabled: 0.55;
6661
6692
  --_o-disabled-static: 0.55;
6662
- --_black-static: hsl(0, 0%, 0%);
6663
- --_white-static: hsl(0, 0%, 100%);
6693
+ --_black-static: #000000;
6694
+ --_white-static: #ffffff;
6664
6695
  }
6665
6696
  body:not(.theme-dark),
6666
6697
  body.theme-highcontrast:not(.theme-dark),
@@ -6723,55 +6754,61 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced.themed,
6723
6754
  body:not(.theme-highcontrast):not(.theme-dark) .themed,
6724
6755
  body:not(.theme-highcontrast).theme-dark .theme-light__forced .themed,
6725
6756
  body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
6726
- --white: hsl(0, 0%, 100%);
6727
- --black-050: hsl(0, 0%, 100%);
6728
- --black-100: hsl(210, 8%, 98%);
6729
- --black-150: hsl(210, 8%, 95%);
6730
- --black-200: hsl(210, 8%, 90%);
6731
- --black-225: hsl(210, 8%, 85%);
6732
- --black-250: hsl(210, 8%, 80%);
6733
- --black-300: hsl(210, 9%, 75%);
6734
- --black-350: hsl(210, 8%, 68%);
6735
- --black-400: hsl(210, 8%, 42%);
6736
- --black-500: hsl(210, 8%, 25%);
6737
- --black-600: hsl(210, 8%, 5%);
6738
- --black: hsl(0, 0%, 0%);
6739
- --orange-100: hsl(23, 87%, 97%);
6740
- --orange-200: hsl(27, 87%, 87%);
6741
- --orange-300: hsl(27, 87%, 72%);
6742
- --orange-400: hsl(27, 89%, 48%);
6743
- --orange-500: hsl(27, 87%, 41%);
6744
- --orange-600: hsl(27, 87%, 27%);
6745
- --blue-100: hsl(210, 80%, 96%);
6746
- --blue-200: hsl(210, 80%, 91%);
6747
- --blue-300: hsl(210, 78%, 76%);
6748
- --blue-400: hsl(210, 77%, 46%);
6749
- --blue-500: hsl(210, 77%, 36%);
6750
- --blue-600: hsl(210, 80%, 23%);
6751
- --green-100: hsl(148, 35%, 95%);
6752
- --green-200: hsl(148, 35%, 88%);
6753
- --green-300: hsl(148, 35%, 69%);
6754
- --green-400: hsl(148, 70%, 31%);
6755
- --green-500: hsl(148, 75%, 22%);
6756
- --green-600: hsl(148, 75%, 15%);
6757
- --red-100: hsl(0, 72%, 96%);
6758
- --red-200: hsl(0, 70%, 93%);
6759
- --red-300: hsl(0, 66%, 80%);
6760
- --red-400: hsl(0, 60%, 49%);
6761
- --red-500: hsl(0, 65%, 37%);
6762
- --red-600: hsl(0, 65%, 22%);
6763
- --yellow-100: hsl(43, 85%, 95%);
6764
- --yellow-200: hsl(43, 85%, 88%);
6765
- --yellow-300: hsl(43, 85%, 72%);
6766
- --yellow-400: hsl(43, 85%, 50%);
6767
- --yellow-500: hsl(43, 85%, 33%);
6768
- --yellow-600: hsl(43, 85%, 18%);
6769
- --purple-100: hsl(237, 83%, 98%);
6770
- --purple-200: hsl(237, 78%, 93%);
6771
- --purple-300: hsl(237, 60%, 83%);
6772
- --purple-400: hsl(237, 55%, 57%);
6773
- --purple-500: hsl(237, 50%, 45%);
6774
- --purple-600: hsl(237, 50%, 32%);
6757
+ --white: #ffffff;
6758
+ --black-050: #ffffff;
6759
+ --black-100: #f7f6f5;
6760
+ --black-150: #f0efed;
6761
+ --black-200: #dee0e3;
6762
+ --black-225: #d7d8db;
6763
+ --black-250: #c9ccd1;
6764
+ --black-300: #a7aab0;
6765
+ --black-350: #84878c;
6766
+ --black-400: #6b6d73;
6767
+ --black-500: #46484d;
6768
+ --black-600: #211d1e;
6769
+ --black: #000000;
6770
+ --orange-100: #fff7f2;
6771
+ --orange-200: #ffd5bd;
6772
+ --orange-300: #f59056;
6773
+ --orange-400: #e86113;
6774
+ --orange-500: #bf4904;
6775
+ --orange-600: #702d06;
6776
+ --blue-100: #f0f3ff;
6777
+ --blue-200: #c8d4fa;
6778
+ --blue-300: #88a2f7;
6779
+ --blue-400: #5076f2;
6780
+ --blue-500: #2445b3;
6781
+ --blue-600: #0f2466;
6782
+ --green-100: #f4faeb;
6783
+ --green-200: #d8f2aa;
6784
+ --green-300: #a7cc66;
6785
+ --green-400: #6c991f;
6786
+ --green-500: #4d730b;
6787
+ --green-600: #324d04;
6788
+ --red-100: #fceded;
6789
+ --red-200: #f5b9b8;
6790
+ --red-300: #e67373;
6791
+ --red-400: #bf3030;
6792
+ --red-500: #8c0e0e;
6793
+ --red-600: #590404;
6794
+ --yellow-100: #fcf8e8;
6795
+ --yellow-200: #f5ebc4;
6796
+ --yellow-300: #edc10e;
6797
+ --yellow-400: #ab8900;
6798
+ --yellow-500: #806600;
6799
+ --yellow-600: #4d3d00;
6800
+ --purple-100: #f0edfc;
6801
+ --purple-200: #d0c6f7;
6802
+ --purple-300: #a591f2;
6803
+ --purple-400: #6e50e6;
6804
+ --purple-500: #4526bf;
6805
+ --purple-600: #200b73;
6806
+ --pink-100: #fbedfc;
6807
+ --pink-200: #ebb6f2;
6808
+ --pink-300: #e685f2;
6809
+ --pink-400: #d64ae8;
6810
+ --pink-500: #a224b3;
6811
+ --pink-600: #670b73;
6775
6812
  --gold-100: hsl(46, 100%, 91%);
6776
6813
  --gold-200: hsl(46, 100%, 74%);
6777
6814
  --gold-300: hsl(45, 100%, 42%);
@@ -6794,14 +6831,14 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
6794
6831
  --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);
6795
6832
  --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);
6796
6833
  --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);
6797
- --translucent-secondary: var(--theme-secondary-custom-translucent, hsla(206, 100%, 40%, 0.15));
6834
+ --translucent-secondary: var(--theme-secondary-custom-translucent, rgba(115, 115, 115, 0.15));
6798
6835
  --translucent-success: hsla(140, 40%, 75%, 0.4);
6799
6836
  --translucent-warning: hsla(47, 79%, 58%, 0.4);
6800
6837
  --translucent-error: hsla(358, 62%, 47%, 0.15);
6801
6838
  --translucent-muted: hsla(210, 8%, 15%, 0.1);
6802
6839
  --focus-neutral: var(--white);
6803
- --focus-theme: var(--theme-secondary-400);
6804
- --focus-ring: var(--theme-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.15));
6840
+ --focus-theme: var(--theme-secondary);
6841
+ --focus-ring: var(--theme-secondary-custom-focus-ring, rgba(115, 115, 115, 0.15));
6805
6842
  --focus-ring-success: hsla(140, 40%, 75%, 0.4);
6806
6843
  --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
6807
6844
  --focus-ring-error: hsla(358, 62%, 47%, 0.15);
@@ -6826,13 +6863,13 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
6826
6863
  --theme-primary-400: var(--theme-primary-custom-400, var(--orange-400));
6827
6864
  --theme-primary-500: var(--theme-primary-custom-500, var(--orange-500));
6828
6865
  --theme-primary-600: var(--theme-primary-custom-600, var(--orange-600));
6829
- --theme-secondary: var(--theme-secondary-custom, var(--blue-400));
6830
- --theme-secondary-100: var(--theme-secondary-custom-100, var(--blue-100));
6831
- --theme-secondary-200: var(--theme-secondary-custom-200, var(--blue-200));
6832
- --theme-secondary-300: var(--theme-secondary-custom-300, var(--blue-300));
6833
- --theme-secondary-400: var(--theme-secondary-custom-400, var(--blue-400));
6834
- --theme-secondary-500: var(--theme-secondary-custom-500, var(--blue-500));
6835
- --theme-secondary-600: var(--theme-secondary-custom-600, var(--blue-600));
6866
+ --theme-secondary: var(--theme-secondary-custom, var(--black));
6867
+ --theme-secondary-100: var(--theme-secondary-custom-100, var(--black-100));
6868
+ --theme-secondary-200: var(--theme-secondary-custom-200, var(--black-200));
6869
+ --theme-secondary-300: var(--theme-secondary-custom-300, var(--black-300));
6870
+ --theme-secondary-400: var(--theme-secondary-custom-400, var(--black-400));
6871
+ --theme-secondary-500: var(--theme-secondary-custom-500, var(--black-500));
6872
+ --theme-secondary-600: var(--theme-secondary-custom-600, var(--black-600));
6836
6873
  --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)));
6837
6874
  --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)));
6838
6875
  --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)));
@@ -6857,55 +6894,61 @@ body:not(.theme-highcontrast).theme-dark.themed,
6857
6894
  body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced.themed,
6858
6895
  body:not(.theme-highcontrast).theme-dark .themed,
6859
6896
  body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
6860
- --white: hsl(210, 3%, 15%);
6861
- --black-050: hsl(210, 3%, 15%);
6862
- --black-100: hsl(210, 3%, 18%);
6863
- --black-150: hsl(210, 4%, 21%);
6864
- --black-200: hsl(210, 4%, 27%);
6865
- --black-225: hsl(210, 4%, 30%);
6866
- --black-250: hsl(210, 5%, 36%);
6867
- --black-300: hsl(210, 4%, 47%);
6868
- --black-350: hsl(210, 8%, 70%);
6869
- --black-400: hsl(210, 8%, 80%);
6870
- --black-500: hsl(210, 8%, 90%);
6871
- --black-600: hsl(210, 11%, 98%);
6872
- --black: hsl(0, 0%, 100%);
6873
- --orange-100: hsl(27, 55%, 20%);
6874
- --orange-200: hsl(27, 50%, 33%);
6875
- --orange-300: hsl(27, 50%, 43%);
6876
- --orange-400: hsl(27, 90%, 68%);
6877
- --orange-500: hsl(27, 90%, 80%);
6878
- --orange-600: hsl(27, 90%, 90%);
6879
- --blue-100: hsl(210, 50%, 22%);
6880
- --blue-200: hsl(210, 50%, 36%);
6881
- --blue-300: hsl(210, 50%, 48%);
6882
- --blue-400: hsl(210, 89%, 77%);
6883
- --blue-500: hsl(210, 89%, 84%);
6884
- --blue-600: hsl(210, 89%, 92%);
6885
- --green-100: hsl(149, 51%, 15%);
6886
- --green-200: hsl(149, 51%, 25%);
6887
- --green-300: hsl(149, 51%, 36%);
6888
- --green-400: hsl(149, 50%, 62%);
6889
- --green-500: hsl(149, 50%, 74%);
6890
- --green-600: hsl(149, 50%, 88%);
6891
- --red-100: hsl(0, 43%, 22%);
6892
- --red-200: hsl(0, 43%, 41%);
6893
- --red-300: hsl(0, 43%, 56%);
6894
- --red-400: hsl(0, 90%, 81%);
6895
- --red-500: hsl(0, 90%, 88%);
6896
- --red-600: hsl(0, 90%, 94%);
6897
- --yellow-100: hsl(43, 50%, 17%);
6898
- --yellow-200: hsl(43, 50%, 28%);
6899
- --yellow-300: hsl(43, 50%, 39%);
6900
- --yellow-400: hsl(43, 90%, 75%);
6901
- --yellow-500: hsl(43, 90%, 82%);
6902
- --yellow-600: hsl(43, 90%, 91%);
6903
- --purple-100: hsl(237, 26%, 23%);
6904
- --purple-200: hsl(237, 26%, 44%);
6905
- --purple-300: hsl(237, 26%, 56%);
6906
- --purple-400: hsl(237, 98%, 87%);
6907
- --purple-500: hsl(237, 98%, 92%);
6908
- --purple-600: hsl(237, 98%, 96%);
6897
+ --white: #141414;
6898
+ --black-050: #141414;
6899
+ --black-100: #262626;
6900
+ --black-150: #333333;
6901
+ --black-200: #575757;
6902
+ --black-225: #666666;
6903
+ --black-250: #737373;
6904
+ --black-300: #8c8c8c;
6905
+ --black-350: #a6a6a6;
6906
+ --black-400: #d9d3ce;
6907
+ --black-500: #f2ede9;
6908
+ --black-600: #ffffff;
6909
+ --black: #ffffff;
6910
+ --orange-100: hsl(22, 80%, 25%);
6911
+ --orange-200: hsl(22, 75%, 45%);
6912
+ --orange-300: hsl(22, 47%, 78%);
6913
+ --orange-400: hsl(22, 40%, 90%);
6914
+ --orange-500: hsl(22, 30%, 99%);
6915
+ --orange-600: hsl(22, 20%, 98%);
6916
+ --blue-100: #22304d;
6917
+ --blue-200: #4d6699;
6918
+ --blue-300: #7b93e0;
6919
+ --blue-400: #a6bbff;
6920
+ --blue-500: #ccddff;
6921
+ --blue-600: #e6eeff;
6922
+ --green-100: #28380b;
6923
+ --green-200: #5c7334;
6924
+ --green-300: #96b364;
6925
+ --green-400: #c4e68a;
6926
+ --green-500: #cce6a1;
6927
+ --green-600: #ecffcc;
6928
+ --red-100: #330f0f;
6929
+ --red-200: #662e2e;
6930
+ --red-300: #b35d5d;
6931
+ --red-400: #faafaf;
6932
+ --red-500: #fccaca;
6933
+ --red-600: #ffe6e6;
6934
+ --yellow-100: #332b0a;
6935
+ --yellow-200: #594c16;
6936
+ --yellow-300: #a6944b;
6937
+ --yellow-400: #e6d17e;
6938
+ --yellow-500: #fcedb1;
6939
+ --yellow-600: #fffae6;
6940
+ --purple-100: #22174d;
6941
+ --purple-200: #3d2d80;
6942
+ --purple-300: #7262b3;
6943
+ --purple-400: #b6a6f7;
6944
+ --purple-500: #d2c8fa;
6945
+ --purple-600: #e8e3fc;
6946
+ --pink-100: #2e0a33;
6947
+ --pink-200: #5e2466;
6948
+ --pink-300: #bf81c7;
6949
+ --pink-400: #f3bbfa;
6950
+ --pink-500: #f7cffc;
6951
+ --pink-600: #fae3fc;
6909
6952
  --gold-100: hsl(45, 29%, 24%);
6910
6953
  --gold-200: hsl(45, 47%, 37%);
6911
6954
  --gold-300: hsl(45, 92%, 62%);
@@ -6928,14 +6971,14 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
6928
6971
  --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);
6929
6972
  --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);
6930
6973
  --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);
6931
- --translucent-secondary: var(--theme-dark-secondary-custom-translucent, hsla(206, 100%, 40%, 0.25));
6974
+ --translucent-secondary: var(--theme-dark-secondary-custom-translucent, rgba(217, 211, 206, 0.25));
6932
6975
  --translucent-success: hsla(140, 40%, 75%, 0.4);
6933
6976
  --translucent-warning: hsla(47, 79%, 58%, 0.4);
6934
6977
  --translucent-error: hsla(358, 62%, 47%, 0.15);
6935
6978
  --translucent-muted: hsla(210, 8%, 15%, 0.1);
6936
6979
  --focus-neutral: var(--white);
6937
- --focus-theme: var(--theme-secondary-400);
6938
- --focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
6980
+ --focus-theme: var(--theme-secondary);
6981
+ --focus-ring: var(--theme-dark-secondary-custom-focus-ring, rgba(217, 211, 206, 0.25));
6939
6982
  --focus-ring-success: hsla(140, 40%, 75%, 0.4);
6940
6983
  --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
6941
6984
  --focus-ring-error: hsla(358, 62%, 47%, 0.15);
@@ -6960,13 +7003,13 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
6960
7003
  --theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400));
6961
7004
  --theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500));
6962
7005
  --theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600));
6963
- --theme-secondary: var(--theme-dark-secondary-custom, var(--blue-400));
6964
- --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--blue-100));
6965
- --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--blue-200));
6966
- --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--blue-300));
6967
- --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
6968
- --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
6969
- --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
7006
+ --theme-secondary: var(--theme-dark-secondary-custom, var(--black));
7007
+ --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--black-100));
7008
+ --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--black-200));
7009
+ --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--black-300));
7010
+ --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--black-400));
7011
+ --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--black-500));
7012
+ --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--black-600));
6970
7013
  --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)));
6971
7014
  --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)));
6972
7015
  --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)));
@@ -6989,55 +7032,61 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
6989
7032
  body:not(.theme-highcontrast).theme-system,
6990
7033
  body:not(.theme-highcontrast).theme-system.themed,
6991
7034
  body:not(.theme-highcontrast).theme-system .themed {
6992
- --white: hsl(210, 3%, 15%);
6993
- --black-050: hsl(210, 3%, 15%);
6994
- --black-100: hsl(210, 3%, 18%);
6995
- --black-150: hsl(210, 4%, 21%);
6996
- --black-200: hsl(210, 4%, 27%);
6997
- --black-225: hsl(210, 4%, 30%);
6998
- --black-250: hsl(210, 5%, 36%);
6999
- --black-300: hsl(210, 4%, 47%);
7000
- --black-350: hsl(210, 8%, 70%);
7001
- --black-400: hsl(210, 8%, 80%);
7002
- --black-500: hsl(210, 8%, 90%);
7003
- --black-600: hsl(210, 11%, 98%);
7004
- --black: hsl(0, 0%, 100%);
7005
- --orange-100: hsl(27, 55%, 20%);
7006
- --orange-200: hsl(27, 50%, 33%);
7007
- --orange-300: hsl(27, 50%, 43%);
7008
- --orange-400: hsl(27, 90%, 68%);
7009
- --orange-500: hsl(27, 90%, 80%);
7010
- --orange-600: hsl(27, 90%, 90%);
7011
- --blue-100: hsl(210, 50%, 22%);
7012
- --blue-200: hsl(210, 50%, 36%);
7013
- --blue-300: hsl(210, 50%, 48%);
7014
- --blue-400: hsl(210, 89%, 77%);
7015
- --blue-500: hsl(210, 89%, 84%);
7016
- --blue-600: hsl(210, 89%, 92%);
7017
- --green-100: hsl(149, 51%, 15%);
7018
- --green-200: hsl(149, 51%, 25%);
7019
- --green-300: hsl(149, 51%, 36%);
7020
- --green-400: hsl(149, 50%, 62%);
7021
- --green-500: hsl(149, 50%, 74%);
7022
- --green-600: hsl(149, 50%, 88%);
7023
- --red-100: hsl(0, 43%, 22%);
7024
- --red-200: hsl(0, 43%, 41%);
7025
- --red-300: hsl(0, 43%, 56%);
7026
- --red-400: hsl(0, 90%, 81%);
7027
- --red-500: hsl(0, 90%, 88%);
7028
- --red-600: hsl(0, 90%, 94%);
7029
- --yellow-100: hsl(43, 50%, 17%);
7030
- --yellow-200: hsl(43, 50%, 28%);
7031
- --yellow-300: hsl(43, 50%, 39%);
7032
- --yellow-400: hsl(43, 90%, 75%);
7033
- --yellow-500: hsl(43, 90%, 82%);
7034
- --yellow-600: hsl(43, 90%, 91%);
7035
- --purple-100: hsl(237, 26%, 23%);
7036
- --purple-200: hsl(237, 26%, 44%);
7037
- --purple-300: hsl(237, 26%, 56%);
7038
- --purple-400: hsl(237, 98%, 87%);
7039
- --purple-500: hsl(237, 98%, 92%);
7040
- --purple-600: hsl(237, 98%, 96%);
7035
+ --white: #141414;
7036
+ --black-050: #141414;
7037
+ --black-100: #262626;
7038
+ --black-150: #333333;
7039
+ --black-200: #575757;
7040
+ --black-225: #666666;
7041
+ --black-250: #737373;
7042
+ --black-300: #8c8c8c;
7043
+ --black-350: #a6a6a6;
7044
+ --black-400: #d9d3ce;
7045
+ --black-500: #f2ede9;
7046
+ --black-600: #ffffff;
7047
+ --black: #ffffff;
7048
+ --orange-100: hsl(22, 80%, 25%);
7049
+ --orange-200: hsl(22, 75%, 45%);
7050
+ --orange-300: hsl(22, 47%, 78%);
7051
+ --orange-400: hsl(22, 40%, 90%);
7052
+ --orange-500: hsl(22, 30%, 99%);
7053
+ --orange-600: hsl(22, 20%, 98%);
7054
+ --blue-100: #22304d;
7055
+ --blue-200: #4d6699;
7056
+ --blue-300: #7b93e0;
7057
+ --blue-400: #a6bbff;
7058
+ --blue-500: #ccddff;
7059
+ --blue-600: #e6eeff;
7060
+ --green-100: #28380b;
7061
+ --green-200: #5c7334;
7062
+ --green-300: #96b364;
7063
+ --green-400: #c4e68a;
7064
+ --green-500: #cce6a1;
7065
+ --green-600: #ecffcc;
7066
+ --red-100: #330f0f;
7067
+ --red-200: #662e2e;
7068
+ --red-300: #b35d5d;
7069
+ --red-400: #faafaf;
7070
+ --red-500: #fccaca;
7071
+ --red-600: #ffe6e6;
7072
+ --yellow-100: #332b0a;
7073
+ --yellow-200: #594c16;
7074
+ --yellow-300: #a6944b;
7075
+ --yellow-400: #e6d17e;
7076
+ --yellow-500: #fcedb1;
7077
+ --yellow-600: #fffae6;
7078
+ --purple-100: #22174d;
7079
+ --purple-200: #3d2d80;
7080
+ --purple-300: #7262b3;
7081
+ --purple-400: #b6a6f7;
7082
+ --purple-500: #d2c8fa;
7083
+ --purple-600: #e8e3fc;
7084
+ --pink-100: #2e0a33;
7085
+ --pink-200: #5e2466;
7086
+ --pink-300: #bf81c7;
7087
+ --pink-400: #f3bbfa;
7088
+ --pink-500: #f7cffc;
7089
+ --pink-600: #fae3fc;
7041
7090
  --gold-100: hsl(45, 29%, 24%);
7042
7091
  --gold-200: hsl(45, 47%, 37%);
7043
7092
  --gold-300: hsl(45, 92%, 62%);
@@ -7060,14 +7109,14 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7060
7109
  --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);
7061
7110
  --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);
7062
7111
  --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);
7063
- --translucent-secondary: var(--theme-dark-secondary-custom-translucent, hsla(206, 100%, 40%, 0.25));
7112
+ --translucent-secondary: var(--theme-dark-secondary-custom-translucent, rgba(217, 211, 206, 0.25));
7064
7113
  --translucent-success: hsla(140, 40%, 75%, 0.4);
7065
7114
  --translucent-warning: hsla(47, 79%, 58%, 0.4);
7066
7115
  --translucent-error: hsla(358, 62%, 47%, 0.15);
7067
7116
  --translucent-muted: hsla(210, 8%, 15%, 0.1);
7068
7117
  --focus-neutral: var(--white);
7069
- --focus-theme: var(--theme-secondary-400);
7070
- --focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
7118
+ --focus-theme: var(--theme-secondary);
7119
+ --focus-ring: var(--theme-dark-secondary-custom-focus-ring, rgba(217, 211, 206, 0.25));
7071
7120
  --focus-ring-success: hsla(140, 40%, 75%, 0.4);
7072
7121
  --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
7073
7122
  --focus-ring-error: hsla(358, 62%, 47%, 0.15);
@@ -7092,13 +7141,13 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7092
7141
  --theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400));
7093
7142
  --theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500));
7094
7143
  --theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600));
7095
- --theme-secondary: var(--theme-dark-secondary-custom, var(--blue-400));
7096
- --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--blue-100));
7097
- --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--blue-200));
7098
- --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--blue-300));
7099
- --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7100
- --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7101
- --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
7144
+ --theme-secondary: var(--theme-dark-secondary-custom, var(--black));
7145
+ --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--black-100));
7146
+ --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--black-200));
7147
+ --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--black-300));
7148
+ --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--black-400));
7149
+ --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--black-500));
7150
+ --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--black-600));
7102
7151
  --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)));
7103
7152
  --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)));
7104
7153
  --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)));
@@ -7121,55 +7170,61 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7121
7170
  body.theme-highcontrast:not(.theme-dark),
7122
7171
  body.theme-highcontrast.theme-dark .theme-light__forced,
7123
7172
  body.theme-highcontrast.theme-system .theme-light__forced {
7124
- --white: hsl(0, 0%, 100%);
7125
- --black-050: hsl(0, 0%, 100%);
7126
- --black-100: hsl(210, 8%, 98%);
7127
- --black-150: hsl(210, 8%, 95%);
7128
- --black-200: hsl(210, 8%, 90%);
7129
- --black-225: hsl(210, 8%, 85%);
7130
- --black-250: hsl(210, 8%, 80%);
7131
- --black-300: hsl(210, 9%, 75%);
7132
- --black-350: hsl(210, 8%, 45%);
7133
- --black-400: hsl(212, 8%, 35%);
7134
- --black-500: hsl(210, 8%, 25%);
7135
- --black-600: hsl(210, 8%, 5%);
7136
- --black: hsl(0, 0%, 0%);
7137
- --orange-100: hsl(23, 87%, 97%);
7138
- --orange-200: hsl(23, 87%, 97%);
7139
- --orange-300: hsl(27, 89%, 48%);
7140
- --orange-400: hsl(27, 87%, 29%);
7141
- --orange-500: hsl(27, 87%, 21%);
7142
- --orange-600: hsl(27, 87%, 21%);
7143
- --blue-100: hsl(210, 80%, 96%);
7144
- --blue-200: hsl(210, 80%, 96%);
7145
- --blue-300: hsl(210, 70%, 48%);
7146
- --blue-400: hsl(210, 77%, 34%);
7147
- --blue-500: hsl(210, 80%, 23%);
7148
- --blue-600: hsl(210, 80%, 23%);
7149
- --green-100: hsl(147, 36%, 95%);
7150
- --green-200: hsl(147, 36%, 95%);
7151
- --green-300: hsl(148, 70%, 31%);
7152
- --green-400: hsl(148, 75%, 22%);
7153
- --green-500: hsl(146, 74%, 15%);
7154
- --green-600: hsl(146, 74%, 15%);
7155
- --red-100: hsl(0, 80%, 96%);
7156
- --red-200: hsl(0, 80%, 96%);
7157
- --red-300: hsl(0, 60%, 49%);
7158
- --red-400: hsl(0, 65%, 37%);
7159
- --red-500: hsl(0, 65%, 22%);
7160
- --red-600: hsl(0, 65%, 22%);
7161
- --yellow-100: hsl(41, 85%, 95%);
7162
- --yellow-200: hsl(41, 85%, 95%);
7163
- --yellow-300: hsl(43, 85%, 50%);
7164
- --yellow-400: hsl(43, 85%, 50%);
7165
- --yellow-500: hsl(48, 85%, 18%);
7166
- --yellow-600: hsl(48, 85%, 18%);
7167
- --purple-100: hsl(237, 83%, 98%);
7168
- --purple-200: hsl(237, 83%, 98%);
7169
- --purple-300: hsl(237, 55%, 57%);
7170
- --purple-400: hsl(237, 52%, 48%);
7171
- --purple-500: hsl(237, 50%, 32%);
7172
- --purple-600: hsl(237, 50%, 32%);
7173
+ --white: #ffffff;
7174
+ --black-050: #ffffff;
7175
+ --black-100: #f7f6f5;
7176
+ --black-150: #f0efed;
7177
+ --black-200: #dee1e3;
7178
+ --black-225: #d7d8db;
7179
+ --black-250: #c9ccd1;
7180
+ --black-300: #91939c;
7181
+ --black-350: #55585c;
7182
+ --black-400: #545759;
7183
+ --black-500: #46484d;
7184
+ --black-600: #211d1e;
7185
+ --black: #000000;
7186
+ --orange-100: #fff7f2;
7187
+ --orange-200: #fff7f2;
7188
+ --orange-300: #e86113;
7189
+ --orange-400: #963903;
7190
+ --orange-500: #702d06;
7191
+ --orange-600: #702d06;
7192
+ --blue-100: #f0f3ff;
7193
+ --blue-200: #f0f3ff;
7194
+ --blue-300: #5076f2;
7195
+ --blue-400: #2445b3;
7196
+ --blue-500: #0f2466;
7197
+ --blue-600: #0f2466;
7198
+ --green-100: #f4faeb;
7199
+ --green-200: #f4faeb;
7200
+ --green-300: #72a120;
7201
+ --green-400: #406107;
7202
+ --green-500: #324d04;
7203
+ --green-600: #324d04;
7204
+ --red-100: #fceded;
7205
+ --red-200: #fceded;
7206
+ --red-300: #bf3030;
7207
+ --red-400: #8c0e0e;
7208
+ --red-500: #590404;
7209
+ --red-600: #590404;
7210
+ --yellow-100: #fcf8e8;
7211
+ --yellow-200: #fcf8e8;
7212
+ --yellow-300: #ccab29;
7213
+ --yellow-400: #6b5600;
7214
+ --yellow-500: #4d3d00;
7215
+ --yellow-600: #4d3d00;
7216
+ --purple-100: #f0edfc;
7217
+ --purple-200: #f0edfc;
7218
+ --purple-300: #6e50e6;
7219
+ --purple-400: #4526bf;
7220
+ --purple-500: #200b73;
7221
+ --purple-600: #200b73;
7222
+ --pink-100: #fbedfc;
7223
+ --pink-200: #fbedfc;
7224
+ --pink-300: #d017e8;
7225
+ --pink-400: #8b1f99;
7226
+ --pink-500: #670b73;
7227
+ --pink-600: #670b73;
7173
7228
  --gold-100: hsl(46, 100%, 91%);
7174
7229
  --gold-200: hsl(46, 100%, 91%);
7175
7230
  --gold-300: hsl(45, 100%, 42%);
@@ -7192,14 +7247,14 @@ body.theme-highcontrast.theme-system .theme-light__forced {
7192
7247
  --bs-md: none;
7193
7248
  --bs-lg: none;
7194
7249
  --bs-xl: none;
7195
- --translucent-secondary: hsla(206, 100%, 40%, 0.9);
7250
+ --translucent-secondary: hsla(204, 6%, 35%, 0.9);
7196
7251
  --translucent-success: hsla(140, 40%, 40%, 0.9);
7197
7252
  --translucent-warning: hsla(47, 76%, 46%, 0.9);
7198
7253
  --translucent-error: hsla(358, 62%, 47%, 0.9);
7199
7254
  --translucent-muted: hsla(210, 8%, 55%, 0.95);
7200
7255
  --focus-neutral: var(--white);
7201
- --focus-theme: var(--theme-secondary-400);
7202
- --focus-ring: hsla(206, 100%, 40%, 0.9);
7256
+ --focus-theme: var(--theme-secondary);
7257
+ --focus-ring: rgba(115, 115, 115, 0.9);
7203
7258
  --focus-ring-success: hsla(140, 40%, 40%, 0.9);
7204
7259
  --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
7205
7260
  --focus-ring-error: hsla(358, 62%, 47%, 0.9);
@@ -7224,66 +7279,72 @@ body.theme-highcontrast.theme-system .theme-light__forced {
7224
7279
  --theme-primary-400: var(--orange-400);
7225
7280
  --theme-primary-500: var(--orange-500);
7226
7281
  --theme-primary-600: var(--orange-600);
7227
- --theme-secondary: var(--blue-400);
7228
- --theme-secondary-100: var(--blue-100);
7229
- --theme-secondary-200: var(--blue-200);
7230
- --theme-secondary-300: var(--blue-300);
7231
- --theme-secondary-400: var(--blue-400);
7232
- --theme-secondary-500: var(--blue-500);
7233
- --theme-secondary-600: var(--blue-600);
7282
+ --theme-secondary: var(--black);
7283
+ --theme-secondary-100: var(--black-100);
7284
+ --theme-secondary-200: var(--black-200);
7285
+ --theme-secondary-300: var(--black-300);
7286
+ --theme-secondary-400: var(--black-400);
7287
+ --theme-secondary-500: var(--black-500);
7288
+ --theme-secondary-600: var(--black-600);
7234
7289
  --_o-disabled: 0.8;
7235
7290
  }
7236
7291
  body.theme-highcontrast.theme-dark,
7237
7292
  body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
7238
- --white: hsl(0, 0%, 0%);
7239
- --black-050: hsl(210, 3%, 15%);
7240
- --black-100: hsl(210, 3%, 18%);
7241
- --black-150: hsl(210, 4%, 21%);
7242
- --black-200: hsl(210, 4%, 27%);
7243
- --black-225: hsl(210, 4%, 30%);
7244
- --black-250: hsl(210, 5%, 36%);
7245
- --black-300: hsl(210, 4%, 47%);
7246
- --black-350: hsl(210, 10%, 74%);
7247
- --black-400: hsl(210, 8%, 80%);
7248
- --black-500: hsl(210, 8%, 90%);
7249
- --black-600: hsl(210, 11%, 98%);
7250
- --black: hsl(0, 0%, 100%);
7251
- --orange-100: hsl(27, 30%, 19%);
7252
- --orange-200: hsl(27, 30%, 19%);
7253
- --orange-300: hsl(27, 80%, 72%);
7254
- --orange-400: hsl(27, 80%, 72%);
7255
- --orange-500: hsl(28, 78%, 93%);
7256
- --orange-600: hsl(28, 78%, 93%);
7257
- --blue-100: hsl(209, 30%, 19%);
7258
- --blue-200: hsl(209, 30%, 19%);
7259
- --blue-300: hsl(210, 80%, 72%);
7260
- --blue-400: hsl(210, 80%, 75%);
7261
- --blue-500: hsl(210, 78%, 93%);
7262
- --blue-600: hsl(210, 78%, 93%);
7263
- --green-100: hsl(147, 30%, 19%);
7264
- --green-200: hsl(147, 30%, 19%);
7265
- --green-300: hsl(148, 40%, 62%);
7266
- --green-400: hsl(148, 40%, 68%);
7267
- --green-500: hsl(150, 39%, 93%);
7268
- --green-600: hsl(150, 39%, 93%);
7269
- --red-100: hsl(358, 30%, 19%);
7270
- --red-200: hsl(358, 30%, 19%);
7271
- --red-300: hsl(0, 75%, 77%);
7272
- --red-400: hsl(0, 73%, 80%);
7273
- --red-500: hsl(0, 76%, 95%);
7274
- --red-600: hsl(0, 76%, 95%);
7275
- --yellow-100: hsl(43, 29%, 17%);
7276
- --yellow-200: hsl(43, 29%, 17%);
7277
- --yellow-300: hsl(43, 75%, 75%);
7278
- --yellow-400: hsl(43, 75%, 75%);
7279
- --yellow-500: hsl(48, 74%, 91%);
7280
- --yellow-600: hsl(44, 74%, 91%);
7281
- --purple-100: hsl(237, 26%, 23%);
7282
- --purple-200: hsl(237, 26%, 23%);
7283
- --purple-300: hsl(237, 98%, 87%);
7284
- --purple-400: hsl(237, 98%, 87%);
7285
- --purple-500: hsl(237, 98%, 96%);
7286
- --purple-600: hsl(237, 98%, 96%);
7293
+ --white: #000000;
7294
+ --black-050: #141414;
7295
+ --black-100: #262626;
7296
+ --black-150: #333333;
7297
+ --black-200: #575757;
7298
+ --black-225: #666666;
7299
+ --black-250: #737373;
7300
+ --black-300: #8c8c8c;
7301
+ --black-350: #a6a6a6;
7302
+ --black-400: #d9d3ce;
7303
+ --black-500: #f2ede9;
7304
+ --black-600: #ffffff;
7305
+ --black: #ffffff;
7306
+ --orange-100: #401f0d;
7307
+ --orange-200: #401f0d;
7308
+ --orange-300: #994f25;
7309
+ --orange-400: #e6ab8a;
7310
+ --orange-500: #fadac8;
7311
+ --orange-600: #fadac8;
7312
+ --blue-100: #22304d;
7313
+ --blue-200: #22304d;
7314
+ --blue-300: #4d6699;
7315
+ --blue-400: #a6c3ff;
7316
+ --blue-500: #e6eeff;
7317
+ --blue-600: #e6eeff;
7318
+ --green-100: #28380b;
7319
+ --green-200: #28380b;
7320
+ --green-300: #5c7334;
7321
+ --green-400: #96b364;
7322
+ --green-500: #ecffcc;
7323
+ --green-600: #ecffcc;
7324
+ --red-100: #330f0f;
7325
+ --red-200: #330f0f;
7326
+ --red-300: #faafaf;
7327
+ --red-400: #fccaca;
7328
+ --red-500: #ffe6e6;
7329
+ --red-600: #ffe6e6;
7330
+ --yellow-100: #332b0a;
7331
+ --yellow-200: #332b0a;
7332
+ --yellow-300: #594c16;
7333
+ --yellow-400: #e6d17e;
7334
+ --yellow-500: #fffae6;
7335
+ --yellow-600: #fffae6;
7336
+ --purple-100: #22174d;
7337
+ --purple-200: #22174d;
7338
+ --purple-300: #3d2d80;
7339
+ --purple-400: #7262b3;
7340
+ --purple-500: #e8e3fc;
7341
+ --purple-600: #e8e3fc;
7342
+ --pink-100: #2e0a33;
7343
+ --pink-200: #2e0a33;
7344
+ --pink-300: #5e2466;
7345
+ --pink-400: #c58fcc;
7346
+ --pink-500: #fae3fc;
7347
+ --pink-600: #fae3fc;
7287
7348
  --gold-100: hsl(45, 22%, 25%);
7288
7349
  --gold-200: hsl(45, 22%, 25%);
7289
7350
  --gold-300: hsl(45, 92%, 62%);
@@ -7306,14 +7367,14 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
7306
7367
  --bs-md: none;
7307
7368
  --bs-lg: none;
7308
7369
  --bs-xl: none;
7309
- --translucent-secondary: hsla(206, 100%, 40%, 0.9);
7370
+ --translucent-secondary: hsla(204, 6%, 35%, 0.9);
7310
7371
  --translucent-success: hsla(140, 40%, 40%, 0.9);
7311
7372
  --translucent-warning: hsla(47, 76%, 46%, 0.9);
7312
7373
  --translucent-error: hsla(358, 62%, 47%, 0.9);
7313
7374
  --translucent-muted: hsla(210, 8%, 55%, 0.95);
7314
7375
  --focus-neutral: var(--white);
7315
- --focus-theme: var(--theme-secondary-400);
7316
- --focus-ring: hsla(206, 100%, 40%, 0.9);
7376
+ --focus-theme: var(--theme-secondary);
7377
+ --focus-ring: rgba(115, 115, 115, 0.9);
7317
7378
  --focus-ring-success: hsla(140, 40%, 40%, 0.9);
7318
7379
  --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
7319
7380
  --focus-ring-error: hsla(358, 62%, 47%, 0.9);
@@ -7338,66 +7399,72 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
7338
7399
  --theme-primary-400: var(--orange-400);
7339
7400
  --theme-primary-500: var(--orange-500);
7340
7401
  --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);
7402
+ --theme-secondary: var(--black);
7403
+ --theme-secondary-100: var(--black-100);
7404
+ --theme-secondary-200: var(--black-200);
7405
+ --theme-secondary-300: var(--black-300);
7406
+ --theme-secondary-400: var(--black-400);
7407
+ --theme-secondary-500: var(--black-500);
7408
+ --theme-secondary-600: var(--black-600);
7348
7409
  --_o-disabled: 0.8;
7349
7410
  }
7350
7411
  @media (prefers-color-scheme: dark) {
7351
7412
  body.theme-highcontrast.theme-system {
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%);
7413
+ --white: #000000;
7414
+ --black-050: #141414;
7415
+ --black-100: #262626;
7416
+ --black-150: #333333;
7417
+ --black-200: #575757;
7418
+ --black-225: #666666;
7419
+ --black-250: #737373;
7420
+ --black-300: #8c8c8c;
7421
+ --black-350: #a6a6a6;
7422
+ --black-400: #d9d3ce;
7423
+ --black-500: #f2ede9;
7424
+ --black-600: #ffffff;
7425
+ --black: #ffffff;
7426
+ --orange-100: #401f0d;
7427
+ --orange-200: #401f0d;
7428
+ --orange-300: #994f25;
7429
+ --orange-400: #e6ab8a;
7430
+ --orange-500: #fadac8;
7431
+ --orange-600: #fadac8;
7432
+ --blue-100: #22304d;
7433
+ --blue-200: #22304d;
7434
+ --blue-300: #4d6699;
7435
+ --blue-400: #a6c3ff;
7436
+ --blue-500: #e6eeff;
7437
+ --blue-600: #e6eeff;
7438
+ --green-100: #28380b;
7439
+ --green-200: #28380b;
7440
+ --green-300: #5c7334;
7441
+ --green-400: #96b364;
7442
+ --green-500: #ecffcc;
7443
+ --green-600: #ecffcc;
7444
+ --red-100: #330f0f;
7445
+ --red-200: #330f0f;
7446
+ --red-300: #faafaf;
7447
+ --red-400: #fccaca;
7448
+ --red-500: #ffe6e6;
7449
+ --red-600: #ffe6e6;
7450
+ --yellow-100: #332b0a;
7451
+ --yellow-200: #332b0a;
7452
+ --yellow-300: #594c16;
7453
+ --yellow-400: #e6d17e;
7454
+ --yellow-500: #fffae6;
7455
+ --yellow-600: #fffae6;
7456
+ --purple-100: #22174d;
7457
+ --purple-200: #22174d;
7458
+ --purple-300: #3d2d80;
7459
+ --purple-400: #7262b3;
7460
+ --purple-500: #e8e3fc;
7461
+ --purple-600: #e8e3fc;
7462
+ --pink-100: #2e0a33;
7463
+ --pink-200: #2e0a33;
7464
+ --pink-300: #5e2466;
7465
+ --pink-400: #c58fcc;
7466
+ --pink-500: #fae3fc;
7467
+ --pink-600: #fae3fc;
7401
7468
  --gold-100: hsl(45, 22%, 25%);
7402
7469
  --gold-200: hsl(45, 22%, 25%);
7403
7470
  --gold-300: hsl(45, 92%, 62%);
@@ -7420,14 +7487,14 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
7420
7487
  --bs-md: none;
7421
7488
  --bs-lg: none;
7422
7489
  --bs-xl: none;
7423
- --translucent-secondary: hsla(206, 100%, 40%, 0.9);
7490
+ --translucent-secondary: hsla(204, 6%, 35%, 0.9);
7424
7491
  --translucent-success: hsla(140, 40%, 40%, 0.9);
7425
7492
  --translucent-warning: hsla(47, 76%, 46%, 0.9);
7426
7493
  --translucent-error: hsla(358, 62%, 47%, 0.9);
7427
7494
  --translucent-muted: hsla(210, 8%, 55%, 0.95);
7428
7495
  --focus-neutral: var(--white);
7429
- --focus-theme: var(--theme-secondary-400);
7430
- --focus-ring: hsla(206, 100%, 40%, 0.9);
7496
+ --focus-theme: var(--theme-secondary);
7497
+ --focus-ring: rgba(115, 115, 115, 0.9);
7431
7498
  --focus-ring-success: hsla(140, 40%, 40%, 0.9);
7432
7499
  --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
7433
7500
  --focus-ring-error: hsla(358, 62%, 47%, 0.9);
@@ -7452,13 +7519,13 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
7452
7519
  --theme-primary-400: var(--orange-400);
7453
7520
  --theme-primary-500: var(--orange-500);
7454
7521
  --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);
7522
+ --theme-secondary: var(--black);
7523
+ --theme-secondary-100: var(--black-100);
7524
+ --theme-secondary-200: var(--black-200);
7525
+ --theme-secondary-300: var(--black-300);
7526
+ --theme-secondary-400: var(--black-400);
7527
+ --theme-secondary-500: var(--black-500);
7528
+ --theme-secondary-600: var(--black-600);
7462
7529
  --_o-disabled: 0.8;
7463
7530
  }
7464
7531
  }
@@ -8581,6 +8648,114 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
8581
8648
  .f\:fc-purple-600:focus-within {
8582
8649
  color: var(--purple-600) !important;
8583
8650
  }
8651
+ .bg-pink-100,
8652
+ .h\:bg-pink-100:hover,
8653
+ .f\:bg-pink-100:focus,
8654
+ .f\:bg-pink-100:focus-within {
8655
+ background-color: var(--pink-100) !important;
8656
+ }
8657
+ .bc-pink-100,
8658
+ .h\:bc-pink-100:hover,
8659
+ .f\:bc-pink-100:focus,
8660
+ .f\:bc-pink-100:focus-within {
8661
+ border-color: var(--pink-100) !important;
8662
+ }
8663
+ .fc-pink-100,
8664
+ .h\:fc-pink-100:hover,
8665
+ .f\:fc-pink-100:focus,
8666
+ .f\:fc-pink-100:focus-within {
8667
+ color: var(--pink-100) !important;
8668
+ }
8669
+ .bg-pink-200,
8670
+ .h\:bg-pink-200:hover,
8671
+ .f\:bg-pink-200:focus,
8672
+ .f\:bg-pink-200:focus-within {
8673
+ background-color: var(--pink-200) !important;
8674
+ }
8675
+ .bc-pink-200,
8676
+ .h\:bc-pink-200:hover,
8677
+ .f\:bc-pink-200:focus,
8678
+ .f\:bc-pink-200:focus-within {
8679
+ border-color: var(--pink-200) !important;
8680
+ }
8681
+ .fc-pink-200,
8682
+ .h\:fc-pink-200:hover,
8683
+ .f\:fc-pink-200:focus,
8684
+ .f\:fc-pink-200:focus-within {
8685
+ color: var(--pink-200) !important;
8686
+ }
8687
+ .bg-pink-300,
8688
+ .h\:bg-pink-300:hover,
8689
+ .f\:bg-pink-300:focus,
8690
+ .f\:bg-pink-300:focus-within {
8691
+ background-color: var(--pink-300) !important;
8692
+ }
8693
+ .bc-pink-300,
8694
+ .h\:bc-pink-300:hover,
8695
+ .f\:bc-pink-300:focus,
8696
+ .f\:bc-pink-300:focus-within {
8697
+ border-color: var(--pink-300) !important;
8698
+ }
8699
+ .fc-pink-300,
8700
+ .h\:fc-pink-300:hover,
8701
+ .f\:fc-pink-300:focus,
8702
+ .f\:fc-pink-300:focus-within {
8703
+ color: var(--pink-300) !important;
8704
+ }
8705
+ .bg-pink-400,
8706
+ .h\:bg-pink-400:hover,
8707
+ .f\:bg-pink-400:focus,
8708
+ .f\:bg-pink-400:focus-within {
8709
+ background-color: var(--pink-400) !important;
8710
+ }
8711
+ .bc-pink-400,
8712
+ .h\:bc-pink-400:hover,
8713
+ .f\:bc-pink-400:focus,
8714
+ .f\:bc-pink-400:focus-within {
8715
+ border-color: var(--pink-400) !important;
8716
+ }
8717
+ .fc-pink-400,
8718
+ .h\:fc-pink-400:hover,
8719
+ .f\:fc-pink-400:focus,
8720
+ .f\:fc-pink-400:focus-within {
8721
+ color: var(--pink-400) !important;
8722
+ }
8723
+ .bg-pink-500,
8724
+ .h\:bg-pink-500:hover,
8725
+ .f\:bg-pink-500:focus,
8726
+ .f\:bg-pink-500:focus-within {
8727
+ background-color: var(--pink-500) !important;
8728
+ }
8729
+ .bc-pink-500,
8730
+ .h\:bc-pink-500:hover,
8731
+ .f\:bc-pink-500:focus,
8732
+ .f\:bc-pink-500:focus-within {
8733
+ border-color: var(--pink-500) !important;
8734
+ }
8735
+ .fc-pink-500,
8736
+ .h\:fc-pink-500:hover,
8737
+ .f\:fc-pink-500:focus,
8738
+ .f\:fc-pink-500:focus-within {
8739
+ color: var(--pink-500) !important;
8740
+ }
8741
+ .bg-pink-600,
8742
+ .h\:bg-pink-600:hover,
8743
+ .f\:bg-pink-600:focus,
8744
+ .f\:bg-pink-600:focus-within {
8745
+ background-color: var(--pink-600) !important;
8746
+ }
8747
+ .bc-pink-600,
8748
+ .h\:bc-pink-600:hover,
8749
+ .f\:bc-pink-600:focus,
8750
+ .f\:bc-pink-600:focus-within {
8751
+ border-color: var(--pink-600) !important;
8752
+ }
8753
+ .fc-pink-600,
8754
+ .h\:fc-pink-600:hover,
8755
+ .f\:fc-pink-600:focus,
8756
+ .f\:fc-pink-600:focus-within {
8757
+ color: var(--pink-600) !important;
8758
+ }
8584
8759
  .bg-gold-100,
8585
8760
  .h\:bg-gold-100:hover,
8586
8761
  .f\:bg-gold-100:focus,
@@ -9458,6 +9633,42 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
9458
9633
  body.theme-system .d\:fc-purple-600 {
9459
9634
  color: var(--purple-600) !important;
9460
9635
  }
9636
+ body.theme-system .d\:bg-pink-100 {
9637
+ background-color: var(--pink-100) !important;
9638
+ }
9639
+ body.theme-system .d\:fc-pink-100 {
9640
+ color: var(--pink-100) !important;
9641
+ }
9642
+ body.theme-system .d\:bg-pink-200 {
9643
+ background-color: var(--pink-200) !important;
9644
+ }
9645
+ body.theme-system .d\:fc-pink-200 {
9646
+ color: var(--pink-200) !important;
9647
+ }
9648
+ body.theme-system .d\:bg-pink-300 {
9649
+ background-color: var(--pink-300) !important;
9650
+ }
9651
+ body.theme-system .d\:fc-pink-300 {
9652
+ color: var(--pink-300) !important;
9653
+ }
9654
+ body.theme-system .d\:bg-pink-400 {
9655
+ background-color: var(--pink-400) !important;
9656
+ }
9657
+ body.theme-system .d\:fc-pink-400 {
9658
+ color: var(--pink-400) !important;
9659
+ }
9660
+ body.theme-system .d\:bg-pink-500 {
9661
+ background-color: var(--pink-500) !important;
9662
+ }
9663
+ body.theme-system .d\:fc-pink-500 {
9664
+ color: var(--pink-500) !important;
9665
+ }
9666
+ body.theme-system .d\:bg-pink-600 {
9667
+ background-color: var(--pink-600) !important;
9668
+ }
9669
+ body.theme-system .d\:fc-pink-600 {
9670
+ color: var(--pink-600) !important;
9671
+ }
9461
9672
  body.theme-system .d\:bg-gold-100 {
9462
9673
  background-color: var(--gold-100) !important;
9463
9674
  }
@@ -10078,6 +10289,66 @@ body.theme-dark .d\:fc-purple-600,
10078
10289
  body.theme-system .theme-dark__forced .d\:fc-purple-600 {
10079
10290
  color: var(--purple-600) !important;
10080
10291
  }
10292
+ body.theme-dark .d\:bg-pink-100,
10293
+ .theme-dark__forced .d\:bg-pink-100,
10294
+ body.theme-system .theme-dark__forced .d\:bg-pink-100 {
10295
+ background-color: var(--pink-100) !important;
10296
+ }
10297
+ body.theme-dark .d\:fc-pink-100,
10298
+ .theme-dark__forced .d\:fc-pink-100,
10299
+ body.theme-system .theme-dark__forced .d\:fc-pink-100 {
10300
+ color: var(--pink-100) !important;
10301
+ }
10302
+ body.theme-dark .d\:bg-pink-200,
10303
+ .theme-dark__forced .d\:bg-pink-200,
10304
+ body.theme-system .theme-dark__forced .d\:bg-pink-200 {
10305
+ background-color: var(--pink-200) !important;
10306
+ }
10307
+ body.theme-dark .d\:fc-pink-200,
10308
+ .theme-dark__forced .d\:fc-pink-200,
10309
+ body.theme-system .theme-dark__forced .d\:fc-pink-200 {
10310
+ color: var(--pink-200) !important;
10311
+ }
10312
+ body.theme-dark .d\:bg-pink-300,
10313
+ .theme-dark__forced .d\:bg-pink-300,
10314
+ body.theme-system .theme-dark__forced .d\:bg-pink-300 {
10315
+ background-color: var(--pink-300) !important;
10316
+ }
10317
+ body.theme-dark .d\:fc-pink-300,
10318
+ .theme-dark__forced .d\:fc-pink-300,
10319
+ body.theme-system .theme-dark__forced .d\:fc-pink-300 {
10320
+ color: var(--pink-300) !important;
10321
+ }
10322
+ body.theme-dark .d\:bg-pink-400,
10323
+ .theme-dark__forced .d\:bg-pink-400,
10324
+ body.theme-system .theme-dark__forced .d\:bg-pink-400 {
10325
+ background-color: var(--pink-400) !important;
10326
+ }
10327
+ body.theme-dark .d\:fc-pink-400,
10328
+ .theme-dark__forced .d\:fc-pink-400,
10329
+ body.theme-system .theme-dark__forced .d\:fc-pink-400 {
10330
+ color: var(--pink-400) !important;
10331
+ }
10332
+ body.theme-dark .d\:bg-pink-500,
10333
+ .theme-dark__forced .d\:bg-pink-500,
10334
+ body.theme-system .theme-dark__forced .d\:bg-pink-500 {
10335
+ background-color: var(--pink-500) !important;
10336
+ }
10337
+ body.theme-dark .d\:fc-pink-500,
10338
+ .theme-dark__forced .d\:fc-pink-500,
10339
+ body.theme-system .theme-dark__forced .d\:fc-pink-500 {
10340
+ color: var(--pink-500) !important;
10341
+ }
10342
+ body.theme-dark .d\:bg-pink-600,
10343
+ .theme-dark__forced .d\:bg-pink-600,
10344
+ body.theme-system .theme-dark__forced .d\:bg-pink-600 {
10345
+ background-color: var(--pink-600) !important;
10346
+ }
10347
+ body.theme-dark .d\:fc-pink-600,
10348
+ .theme-dark__forced .d\:fc-pink-600,
10349
+ body.theme-system .theme-dark__forced .d\:fc-pink-600 {
10350
+ color: var(--pink-600) !important;
10351
+ }
10081
10352
  body.theme-dark .d\:bg-gold-100,
10082
10353
  .theme-dark__forced .d\:bg-gold-100,
10083
10354
  body.theme-system .theme-dark__forced .d\:bg-gold-100 {
@@ -15201,8 +15472,7 @@ p {
15201
15472
  .fs-body1 {
15202
15473
  font-size: var(--fs-body1) !important;
15203
15474
  }
15204
- .fs-caption,
15205
- .fs-category {
15475
+ .fs-caption {
15206
15476
  font-size: var(--fs-caption) !important;
15207
15477
  }
15208
15478
  .fs-fine {
@@ -15210,45 +15480,36 @@ p {
15210
15480
  }
15211
15481
  @media (max-width: 640px) {
15212
15482
  html .fs-display4 {
15213
- font-size: 3.8rem !important;
15483
+ font-size: calc(var(--fs-display4) * 0.43) !important;
15214
15484
  }
15215
15485
  html .fs-display3 {
15216
- font-size: 3.3rem !important;
15486
+ font-size: calc(var(--fs-display3) * 0.5139) !important;
15217
15487
  }
15218
15488
  html .fs-display2 {
15219
- font-size: 3rem !important;
15489
+ font-size: calc(var(--fs-display2) * 0.5862) !important;
15220
15490
  }
15221
15491
  html .fs-display1 {
15222
- font-size: 2.6rem !important;
15492
+ font-size: calc(var(--fs-display1) * 0.6304) !important;
15223
15493
  }
15224
15494
  html .fs-headline2 {
15225
- font-size: 2.3rem !important;
15495
+ font-size: calc(var(--fs-headline2) * 0.7224) !important;
15226
15496
  }
15227
15497
  html .fs-headline1 {
15228
- font-size: 2rem !important;
15498
+ font-size: calc(var(--fs-headline1) * 0.8215) !important;
15229
15499
  }
15230
15500
  html .fs-title {
15231
- font-size: 1.8rem !important;
15501
+ font-size: calc(var(--fs-title) * 0.9094) !important;
15232
15502
  }
15233
15503
  html .fs-subheading {
15234
- font-size: 1.6rem !important;
15504
+ font-size: calc(var(--fs-subheading) * 0.8998) !important;
15235
15505
  }
15236
15506
  html .fs-body3 {
15237
- font-size: 1.4rem !important;
15507
+ font-size: calc(var(--fs-body3) * 0.8888) !important;
15238
15508
  }
15239
15509
  html .fs-body2 {
15240
- font-size: 1.3rem !important;
15510
+ font-size: calc(var(--fs-body2) * 0.9374) !important;
15241
15511
  }
15242
15512
  }
15243
- .fs-category {
15244
- font-weight: 700;
15245
- text-transform: uppercase;
15246
- }
15247
- .fs-category.has-border {
15248
- width: 100%;
15249
- padding: var(--su4) 0;
15250
- border-top: var(--su-static1) solid var(--bc-medium);
15251
- }
15252
15513
  .lh-xs {
15253
15514
  line-height: var(--lh-xs) !important;
15254
15515
  }
@@ -15285,8 +15546,11 @@ p {
15285
15546
  .fw-normal {
15286
15547
  font-weight: 400 !important;
15287
15548
  }
15549
+ .fw-medium {
15550
+ font-weight: 500 !important;
15551
+ }
15288
15552
  .fw-bold {
15289
- font-weight: 700 !important;
15553
+ font-weight: 600 !important;
15290
15554
  }
15291
15555
  .fs-normal {
15292
15556
  font-style: normal !important;
@@ -16139,22 +16403,22 @@ ol {
16139
16403
  box-shadow: 0 0 0 var(--su-static4) var(--focus-ring);
16140
16404
  }
16141
16405
  .bs-sm.bs-hover:hover {
16142
- box-shadow: 0 var(--su-static2) var(--su-static8) hsl(210, 8%, 95%) !important;
16406
+ box-shadow: 0 var(--su-static2) var(--su-static8) #f0efed !important;
16143
16407
  }
16144
16408
  .bs-md.bs-hover:hover {
16145
- box-shadow: 0 var(--su-static4) var(--su-static8) hsl(210, 8%, 85%) !important;
16409
+ box-shadow: 0 var(--su-static4) var(--su-static8) #d7d8db !important;
16146
16410
  }
16147
16411
  .bs-lg.bs-hover:hover {
16148
- box-shadow: 0 var(--su-static4) var(--su-static12) hsla(210, 8%, 68%, 0.7) !important;
16412
+ box-shadow: 0 var(--su-static4) var(--su-static12) rgba(132, 135, 140, 0.7) !important;
16149
16413
  }
16150
16414
  .bs-i-sm.bs-hover:hover {
16151
- box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 hsla(210, 9%, 75%, 0.75) !important;
16415
+ box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 rgba(167, 170, 176, 0.75) !important;
16152
16416
  }
16153
16417
  .bs-i-md.bs-hover:hover {
16154
- box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 hsla(210, 8%, 68%, 0.8) !important;
16418
+ box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 rgba(132, 135, 140, 0.8) !important;
16155
16419
  }
16156
16420
  .bs-i-lg.bs-hover:hover {
16157
- box-shadow: inset 0 var(--su-static1) var(--su-static12) 0 hsl(210, 8%, 68%) !important;
16421
+ box-shadow: inset 0 var(--su-static1) var(--su-static12) 0 #84878c !important;
16158
16422
  }
16159
16423
  .t {
16160
16424
  transition-duration: var(--transition-time);
@@ -22956,12 +23220,6 @@ body {
22956
23220
  font-size: var(--fs-base);
22957
23221
  line-height: var(--lh-base);
22958
23222
  }
22959
- @media (max-width: 640px) {
22960
- html ,
22961
- html body {
22962
- font-size: 11px;
22963
- }
22964
- }
22965
23223
  body {
22966
23224
  box-sizing: border-box;
22967
23225
  min-height: 100%;