@stackoverflow/stacks 0.70.0 → 0.73.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/README.md +1 -1
  2. package/dist/css/stacks.css +1742 -681
  3. package/dist/css/stacks.min.css +1 -1
  4. package/dist/js/stacks.js +167 -92
  5. package/dist/js/stacks.min.js +1 -1
  6. package/lib/css/atomic/_stacks-borders.less +18 -0
  7. package/lib/css/atomic/_stacks-flex.less +2 -7
  8. package/lib/css/atomic/_stacks-grid.less +2 -0
  9. package/lib/css/atomic/_stacks-misc.less +6 -2
  10. package/lib/css/atomic/_stacks-typography.less +23 -8
  11. package/lib/css/base/_stacks-configuration-dynamic.less +5 -15
  12. package/lib/css/components/_stacks-activity-indicator.less +26 -2
  13. package/lib/css/components/_stacks-avatars.less +9 -0
  14. package/lib/css/components/_stacks-badges.less +18 -6
  15. package/lib/css/components/_stacks-breadcrumbs.less +2 -0
  16. package/lib/css/components/_stacks-button-groups.less +11 -0
  17. package/lib/css/components/_stacks-buttons.less +111 -10
  18. package/lib/css/components/_stacks-cards.less +9 -13
  19. package/lib/css/components/_stacks-code-blocks.less +1 -1
  20. package/lib/css/components/_stacks-inputs.less +78 -9
  21. package/lib/css/components/_stacks-link-previews.less +7 -3
  22. package/lib/css/components/_stacks-links.less +25 -2
  23. package/lib/css/components/_stacks-menu.less +4 -4
  24. package/lib/css/components/_stacks-modals.less +1 -1
  25. package/lib/css/components/_stacks-navigation.less +18 -0
  26. package/lib/css/components/_stacks-notices.less +40 -3
  27. package/lib/css/components/_stacks-page-titles.less +1 -1
  28. package/lib/css/components/_stacks-pagination.less +4 -2
  29. package/lib/css/components/_stacks-popovers.less +22 -2
  30. package/lib/css/components/_stacks-post-summary.less +134 -3
  31. package/lib/css/components/_stacks-progress-bars.less +29 -6
  32. package/lib/css/components/_stacks-prose.less +16 -2
  33. package/lib/css/components/_stacks-tables.less +10 -6
  34. package/lib/css/components/_stacks-tags.less +22 -19
  35. package/lib/css/components/_stacks-toggle-switches.less +12 -0
  36. package/lib/css/components/_stacks-topbar.less +440 -0
  37. package/lib/css/components/_stacks-uploader.less +22 -0
  38. package/lib/css/components/_stacks-widget-static.less +15 -3
  39. package/lib/css/exports/_stacks-constants-colors.less +443 -35
  40. package/lib/css/exports/_stacks-constants-helpers.less +1 -2
  41. package/lib/css/exports/_stacks-mixins.less +26 -0
  42. package/lib/css/stacks-dynamic.less +0 -1
  43. package/lib/css/stacks-static.less +15 -0
  44. package/lib/ts/controllers/s-tooltip.ts +4 -0
  45. package/package.json +15 -12
@@ -401,11 +401,33 @@ template {
401
401
  }
402
402
  .s-activity-indicator {
403
403
  display: inline-block;
404
- width: 12px;
404
+ min-width: 12px;
405
405
  height: 12px;
406
+ padding-left: 4px;
407
+ padding-right: 4px;
408
+ line-height: 1.1;
406
409
  background-color: var(--theme-secondary-400);
407
410
  box-shadow: 0 0 0 4px var(--focus-ring);
408
- border-radius: 100%;
411
+ border-radius: 1000px;
412
+ font-size: 11px;
413
+ font-weight: 600;
414
+ color: hsl(0, 0%, 100%);
415
+ text-transform: uppercase;
416
+ }
417
+ body.theme-highcontrast .s-activity-indicator {
418
+ color: var(--white);
419
+ }
420
+ .s-activity-indicator__success {
421
+ background-color: var(--green-500);
422
+ box-shadow: 0 0 0 4px var(--focus-ring-success);
423
+ }
424
+ .s-activity-indicator__warning {
425
+ background-color: var(--yellow-600);
426
+ box-shadow: 0 0 0 4px var(--focus-ring-warning);
427
+ }
428
+ .s-activity-indicator__danger {
429
+ background-color: var(--red-500);
430
+ box-shadow: 0 0 0 4px var(--focus-ring-error);
409
431
  }
410
432
  .s-avatar {
411
433
  display: inline-block;
@@ -418,6 +440,13 @@ template {
418
440
  background-size: 100%;
419
441
  vertical-align: bottom;
420
442
  }
443
+ body.theme-highcontrast .s-avatar {
444
+ background-color: var(--black);
445
+ box-shadow: 0 0 0 1px var(--black);
446
+ }
447
+ body.theme-highcontrast .s-avatar .s-avatar--letter {
448
+ color: var(--white);
449
+ }
421
450
  .s-avatar .s-avatar--letter {
422
451
  display: block;
423
452
  color: hsl(0, 0%, 100%);
@@ -542,7 +571,8 @@ template {
542
571
  height: 128px;
543
572
  border-radius: 14px;
544
573
  }
545
- .s-badge {
574
+ .s-badge,
575
+ .s-topbar--notice {
546
576
  display: inline-flex;
547
577
  align-items: center;
548
578
  justify-content: center;
@@ -557,13 +587,10 @@ template {
557
587
  text-decoration: none;
558
588
  vertical-align: middle;
559
589
  white-space: nowrap;
560
- border-color: var(--black-100);
590
+ border-color: var(--bc-medium);
561
591
  background-color: var(--black-050);
562
592
  color: var(--black-700);
563
593
  }
564
- .s-badge .s-tag--dismiss {
565
- background-color: transparent;
566
- }
567
594
  a.s-badge:hover {
568
595
  text-decoration: none;
569
596
  }
@@ -593,88 +620,76 @@ a.s-badge:hover {
593
620
  background-color: var(--gold-lighter);
594
621
  color: var(--black-700);
595
622
  }
596
- .s-badge__gold .s-tag--dismiss {
597
- background-color: transparent;
598
- }
599
623
  .s-badge__silver {
600
624
  border-color: var(--silver-darker);
601
625
  background-color: var(--silver-lighter);
602
626
  color: var(--black-700);
603
627
  }
604
- .s-badge__silver .s-tag--dismiss {
605
- background-color: transparent;
606
- }
607
628
  .s-badge__bronze {
608
629
  border-color: var(--bronze-darker);
609
630
  background-color: var(--bronze-lighter);
610
631
  color: var(--black-700);
611
632
  }
612
- .s-badge__bronze .s-tag--dismiss {
613
- background-color: transparent;
633
+ body.theme-highcontrast .s-badge__gold,
634
+ body.theme-highcontrast .s-badge__silver,
635
+ body.theme-highcontrast .s-badge__bronze {
636
+ border-color: currentColor;
637
+ color: var(--black-900);
614
638
  }
615
639
  .s-badge__bounty {
616
640
  border-color: transparent;
617
641
  background-color: var(--blue-600);
618
642
  color: var(--white);
619
643
  }
620
- .s-badge__bounty .s-tag--dismiss {
621
- background-color: transparent;
622
- }
623
644
  .s-badge__votes {
624
645
  border-color: var(--black-150);
625
646
  background-color: var(--white);
626
647
  color: var(--black-700);
627
648
  }
628
- .s-badge__votes .s-tag--dismiss {
629
- background-color: transparent;
649
+ body.theme-highcontrast .s-badge__votes {
650
+ border-color: currentColor;
630
651
  }
631
652
  .s-badge__answered {
632
653
  border-color: transparent;
633
654
  background-color: var(--green-400);
634
655
  color: var(--white);
635
656
  }
636
- .s-badge__answered .s-tag--dismiss {
637
- background-color: transparent;
638
- }
639
657
  .s-badge__rep {
640
658
  border-color: var(--green-400);
641
659
  background-color: var(--white);
642
660
  color: var(--green-500);
643
661
  }
644
- .s-badge__rep .s-tag--dismiss {
645
- background-color: transparent;
662
+ body.theme-highcontrast .s-badge__rep {
663
+ border-color: currentColor;
646
664
  }
647
665
  .s-badge__rep-down {
648
666
  border-color: var(--red-400);
649
667
  background-color: var(--white);
650
668
  color: var(--red-500);
651
669
  }
652
- .s-badge__rep-down .s-tag--dismiss {
653
- background-color: transparent;
670
+ body.theme-highcontrast .s-badge__rep-down {
671
+ border-color: currentColor;
654
672
  }
655
673
  .s-badge__important {
656
674
  border-color: transparent;
657
675
  background-color: var(--red-600);
658
676
  color: var(--white);
659
677
  }
660
- .s-badge__important .s-tag--dismiss {
661
- background-color: transparent;
662
- }
663
678
  .s-badge__admin {
664
679
  border-color: var(--theme-primary-200);
665
680
  background-color: var(--theme-primary-075);
666
681
  color: var(--theme-primary-800);
667
682
  }
668
- .s-badge__admin .s-tag--dismiss {
669
- background-color: transparent;
683
+ body.theme-highcontrast .s-badge__admin {
684
+ border-color: currentColor;
670
685
  }
671
686
  .s-badge__moderator {
672
687
  border-color: var(--theme-secondary-200);
673
688
  background-color: var(--theme-secondary-075);
674
689
  color: var(--theme-secondary-800);
675
690
  }
676
- .s-badge__moderator .s-tag--dismiss {
677
- background-color: transparent;
691
+ body.theme-highcontrast .s-badge__moderator {
692
+ border-color: currentColor;
678
693
  }
679
694
  .s-badge__moderator:before {
680
695
  --s-badge-moderator-icon: url("data:image/svg+xml,%3Csvg width='12' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.528.746c.257-.329.675-.327.93 0l4.42 5.66c.258.329.257.864 0 1.192l-4.42 5.66c-.256.328-.674.327-.93 0l-4.42-5.66c-.257-.329-.256-.865 0-1.192l4.42-5.66z' fill='%23fff'/%3E%3C/svg%3E");
@@ -704,12 +719,12 @@ a.s-badge:hover {
704
719
  margin-top: 0;
705
720
  }
706
721
  .s-badge__staff {
707
- border-color: var(--orange-200);
722
+ border-color: var(--orange-300);
708
723
  background-color: var(--orange-100);
709
724
  color: var(--orange-900);
710
725
  }
711
- .s-badge__staff .s-tag--dismiss {
712
- background-color: transparent;
726
+ body.theme-highcontrast .s-badge__staff {
727
+ border-color: currentColor;
713
728
  }
714
729
  .s-award-bling {
715
730
  display: flex;
@@ -763,6 +778,9 @@ a.s-badge:hover {
763
778
  margin-right: 4px;
764
779
  margin-left: 4px;
765
780
  }
781
+ body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
782
+ color: var(--black-350);
783
+ }
766
784
  @media (max-width: 640px) {
767
785
  .s-breadcrumbs .s-breadcrumbs--divider {
768
786
  margin-right: 2px;
@@ -801,6 +819,13 @@ a.s-badge:hover {
801
819
  .s-btn-group .s-btn.is-selected {
802
820
  z-index: 25;
803
821
  }
822
+ body.theme-highcontrast .s-btn-group .s-btn.is-selected {
823
+ background-color: var(--black-400);
824
+ color: var(--white);
825
+ }
826
+ body.theme-highcontrast .s-btn-group .s-btn.is-selected .s-btn--number {
827
+ color: var(--black);
828
+ }
804
829
  .s-btn-group .s-btn:active {
805
830
  z-index: 30;
806
831
  }
@@ -838,24 +863,22 @@ a.s-badge:hover {
838
863
  }
839
864
  .s-card {
840
865
  padding: 12px;
841
- border: 1px solid var(--black-100);
866
+ border: 1px solid var(--bc-medium);
842
867
  border-radius: 3px;
843
868
  background-color: var(--white);
844
869
  }
845
870
  .s-card p:last-of-type {
846
871
  margin-bottom: 0;
847
872
  }
848
- a.s-card:not(.s-card__muted):hover,
849
- a.s-card:not(.s-card__muted):focus,
850
- a.s-card:not(.s-card__muted):active {
851
- border-color: var(--black-200);
852
- }
853
873
  .s-card__muted {
854
- border-color: var(--black-075);
874
+ border-color: var(--bc-light);
855
875
  }
856
876
  .s-card__muted > * {
857
877
  opacity: 0.65;
858
878
  }
879
+ a.s-card {
880
+ text-decoration: none !important;
881
+ }
859
882
  pre.s-code-block {
860
883
  font-size: 13px;
861
884
  font-family: var(--ff-mono);
@@ -997,7 +1020,7 @@ pre.s-code-block .s-code-block--line-numbers {
997
1020
  text-align: right;
998
1021
  border-width: 0;
999
1022
  border-style: solid;
1000
- border-color: var(--black-100);
1023
+ border-color: var(--bc-medium);
1001
1024
  border-right-width: 1px;
1002
1025
  margin: -12px;
1003
1026
  margin-right: 12px;
@@ -1071,7 +1094,7 @@ body.theme-dark pre.s-code-block .s-code-block--line-numbers,
1071
1094
  width: 100%;
1072
1095
  margin: 0;
1073
1096
  padding: 0.6em 0.7em;
1074
- border: 1px solid var(--black-200);
1097
+ border: 1px solid var(--bc-darker);
1075
1098
  border-radius: 3px;
1076
1099
  background-color: var(--white);
1077
1100
  color: var(--fc-dark);
@@ -1094,11 +1117,19 @@ body.theme-dark pre.s-code-block .s-code-block--line-numbers,
1094
1117
  .s-textarea::-webkit-input-placeholder {
1095
1118
  color: var(--black-200);
1096
1119
  }
1120
+ body.theme-highcontrast .s-input::-webkit-input-placeholder,
1121
+ body.theme-highcontrast .s-textarea::-webkit-input-placeholder {
1122
+ color: var(--black-400);
1123
+ }
1097
1124
  .s-input::placeholder,
1098
1125
  .s-textarea::placeholder {
1099
1126
  color: var(--black-200);
1100
1127
  opacity: 1;
1101
1128
  }
1129
+ body.theme-highcontrast .s-input::placeholder,
1130
+ body.theme-highcontrast .s-textarea::placeholder {
1131
+ color: var(--black-400);
1132
+ }
1102
1133
  .s-input::-webkit-scrollbar,
1103
1134
  .s-textarea::-webkit-scrollbar {
1104
1135
  width: 10px;
@@ -1145,6 +1176,28 @@ fieldset {
1145
1176
  padding: 0;
1146
1177
  border: 0;
1147
1178
  }
1179
+ fieldset[disabled] a,
1180
+ fieldset[disabled] .s-btn,
1181
+ fieldset[disabled] .s-link {
1182
+ box-shadow: none !important;
1183
+ opacity: 0.5;
1184
+ pointer-events: none;
1185
+ }
1186
+ fieldset[disabled] .s-checkbox,
1187
+ fieldset[disabled] .s-input-message,
1188
+ fieldset[disabled] .s-label,
1189
+ fieldset[disabled] .s-radio,
1190
+ fieldset[disabled] .s-toggle-switch,
1191
+ fieldset[disabled] .s-toggle-switch label {
1192
+ cursor: not-allowed;
1193
+ opacity: 0.5;
1194
+ }
1195
+ fieldset[disabled] .s-input,
1196
+ fieldset[disabled] .s-textarea,
1197
+ fieldset[disabled] .s-select > select {
1198
+ cursor: not-allowed;
1199
+ opacity: 0.5;
1200
+ }
1148
1201
  .s-label {
1149
1202
  padding: 0 2px;
1150
1203
  color: var(--fc-dark);
@@ -1165,6 +1218,9 @@ fieldset {
1165
1218
  font-weight: 400;
1166
1219
  vertical-align: text-bottom;
1167
1220
  }
1221
+ body.theme-highcontrast .s-label--status {
1222
+ border: 1px solid currentColor;
1223
+ }
1168
1224
  .s-label--status.s-label--status__required {
1169
1225
  background-color: var(--red-100);
1170
1226
  color: var(--red-600);
@@ -1191,7 +1247,7 @@ fieldset {
1191
1247
  }
1192
1248
  .s-input-fill {
1193
1249
  padding: 0.6em 0.7em;
1194
- border: 1px solid var(--black-200);
1250
+ border: 1px solid var(--bc-darker);
1195
1251
  border-right-width: 0;
1196
1252
  border-left-width: 0;
1197
1253
  background-color: var(--black-050);
@@ -1248,7 +1304,7 @@ fieldset {
1248
1304
  height: 100%;
1249
1305
  padding: 0.6em 0.7em;
1250
1306
  padding-right: 32px;
1251
- border: 1px solid var(--black-200);
1307
+ border: 1px solid var(--bc-darker);
1252
1308
  border-radius: 3px;
1253
1309
  background-color: var(--white);
1254
1310
  outline: 0;
@@ -1295,7 +1351,7 @@ fieldset {
1295
1351
  margin: 0;
1296
1352
  width: 1em;
1297
1353
  height: 1em;
1298
- border: 1px solid var(--black-200);
1354
+ border: 1px solid var(--bc-darker);
1299
1355
  background-color: var(--white);
1300
1356
  outline: 0;
1301
1357
  font-size: inherit;
@@ -1324,6 +1380,16 @@ fieldset {
1324
1380
  background-color: var(--theme-secondary-400);
1325
1381
  background-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='%23fff'/%3E%3C/svg%3E");
1326
1382
  }
1383
+ @media (prefers-color-scheme: dark) {
1384
+ body.theme-highcontrast.theme-system .s-checkbox:checked {
1385
+ border-color: var(--blue-700) !important;
1386
+ background-color: var(--blue-300);
1387
+ }
1388
+ }
1389
+ body.theme-highcontrast.theme-dark .s-checkbox:checked {
1390
+ border-color: var(--blue-700) !important;
1391
+ background-color: var(--blue-300);
1392
+ }
1327
1393
  .s-checkbox:checked:focus {
1328
1394
  border-color: var(--theme-secondary-400);
1329
1395
  }
@@ -1341,6 +1407,16 @@ fieldset {
1341
1407
  border-width: 0.30769231em;
1342
1408
  background-color: hsl(0, 0%, 100%);
1343
1409
  }
1410
+ @media (prefers-color-scheme: dark) {
1411
+ body.theme-highcontrast.theme-system .s-radio:checked {
1412
+ border-color: var(--blue-300);
1413
+ outline: 1px solid var(--black);
1414
+ }
1415
+ }
1416
+ body.theme-highcontrast.theme-dark .s-radio:checked {
1417
+ border-color: var(--blue-300);
1418
+ outline: 1px solid var(--black);
1419
+ }
1344
1420
  .s-radio:focus {
1345
1421
  box-shadow: 0 0 0 4px var(--focus-ring);
1346
1422
  }
@@ -1354,26 +1430,43 @@ fieldset {
1354
1430
  color: var(--black);
1355
1431
  outline: 0;
1356
1432
  }
1433
+ body.theme-highcontrast .s-input:focus,
1434
+ body.theme-highcontrast .s-input.has-focus,
1435
+ body.theme-highcontrast .s-textarea:focus,
1436
+ body.theme-highcontrast .s-select > select:focus {
1437
+ border-color: var(--black);
1438
+ }
1357
1439
  .s-input:focus-within {
1358
1440
  border-color: var(--theme-secondary-300);
1359
1441
  box-shadow: 0 0 0 4px var(--focus-ring);
1360
1442
  color: var(--black);
1361
1443
  outline: 0;
1362
1444
  }
1445
+ body.theme-highcontrast .s-input:focus-within {
1446
+ border-color: var(--black);
1447
+ }
1363
1448
  .s-input[disabled],
1364
1449
  .s-textarea[disabled],
1365
1450
  .s-select > select[disabled],
1366
1451
  .s-input[read-only],
1367
1452
  .s-textarea[read-only],
1368
1453
  .s-select > select[read-only] {
1369
- border-color: var(--black-075);
1370
- background-color: var(--black-050);
1371
- color: var(--black-200);
1454
+ cursor: not-allowed;
1455
+ opacity: 0.5;
1456
+ }
1457
+ body.theme-highcontrast .s-input[disabled],
1458
+ body.theme-highcontrast .s-textarea[disabled],
1459
+ body.theme-highcontrast .s-select > select[disabled],
1460
+ body.theme-highcontrast .s-input[read-only],
1461
+ body.theme-highcontrast .s-textarea[read-only],
1462
+ body.theme-highcontrast .s-select > select[read-only] {
1463
+ opacity: 0.5;
1372
1464
  }
1373
1465
  .s-input[disabled],
1374
1466
  .s-textarea[disabled],
1375
1467
  .s-select > select[disabled] {
1376
1468
  cursor: not-allowed;
1469
+ opacity: 0.5;
1377
1470
  }
1378
1471
  .is-disabled,
1379
1472
  .has-success,
@@ -1489,7 +1582,7 @@ fieldset {
1489
1582
  }
1490
1583
  .is-disabled .s-select:before,
1491
1584
  .is-disabled .s-select:after {
1492
- border-color: var(--black-200) transparent;
1585
+ border-color: var(--bc-darker) transparent;
1493
1586
  }
1494
1587
  .is-disabled .s-label,
1495
1588
  .is-disabled .s-description {
@@ -1502,6 +1595,9 @@ fieldset {
1502
1595
  .is-disabled .s-input-icon {
1503
1596
  color: var(--black-200);
1504
1597
  }
1598
+ body.theme-highcontrast .is-disabled .s-input-icon {
1599
+ color: var(--black-400);
1600
+ }
1505
1601
  .is-disabled .s-label {
1506
1602
  cursor: not-allowed;
1507
1603
  }
@@ -1518,6 +1614,10 @@ fieldset {
1518
1614
  left: 0.7em;
1519
1615
  color: var(--black-200);
1520
1616
  }
1617
+ body.theme-highcontrast .s-input-icon.s-input-icon__search,
1618
+ body.theme-highcontrast .s-input-icon.s-input-icon__creditcard {
1619
+ color: var(--black-400);
1620
+ }
1521
1621
  .s-input-message {
1522
1622
  padding: 2px;
1523
1623
  font-size: 12px;
@@ -1553,6 +1653,10 @@ fieldset {
1553
1653
  padding-bottom: 0.5em;
1554
1654
  border-radius: 4px;
1555
1655
  }
1656
+ .s-textarea__md {
1657
+ padding-top: 0.72em;
1658
+ padding-bottom: 0.72em;
1659
+ }
1556
1660
  .s-input__lg,
1557
1661
  .s-textarea__lg,
1558
1662
  .s-select__lg > select {
@@ -1590,30 +1694,30 @@ fieldset {
1590
1694
  .s-menu .s-menu--divider {
1591
1695
  margin: 8px 0;
1592
1696
  height: 1px;
1593
- background-color: var(--black-075);
1697
+ background-color: var(--bc-light);
1594
1698
  }
1595
1699
  @media (prefers-color-scheme: dark) {
1596
1700
  body.theme-system .s-menu .s-menu--divider {
1597
- background-color: var(--black-025);
1701
+ background-color: var(--bc-lightest);
1598
1702
  }
1599
1703
  }
1600
1704
  body.theme-dark .s-menu .s-menu--divider,
1601
1705
  .theme-dark__forced .s-menu .s-menu--divider {
1602
- background-color: var(--black-025);
1706
+ background-color: var(--bc-lightest);
1603
1707
  }
1604
1708
  .s-menu .s-menu--label {
1605
1709
  cursor: pointer;
1606
1710
  padding: 12px;
1607
- border-top: 1px solid var(--black-075);
1711
+ border-top: 1px solid var(--bc-light);
1608
1712
  }
1609
1713
  @media (prefers-color-scheme: dark) {
1610
1714
  body.theme-system .s-menu .s-menu--label {
1611
- border-top-color: var(--black-025);
1715
+ border-top-color: var(--bc-lightest);
1612
1716
  }
1613
1717
  }
1614
1718
  body.theme-dark .s-menu .s-menu--label,
1615
1719
  .theme-dark__forced .s-menu .s-menu--label {
1616
- border-top-color: var(--black-025);
1720
+ border-top-color: var(--bc-lightest);
1617
1721
  }
1618
1722
  .s-menu .s-menu--label.is-disabled {
1619
1723
  cursor: not-allowed;
@@ -1652,7 +1756,7 @@ body.theme-dark .s-menu .s-menu--label,
1652
1756
  padding: 24px;
1653
1757
  border-radius: 7px;
1654
1758
  background-color: var(--white);
1655
- box-shadow: 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);
1759
+ box-shadow: var(--bs-lg);
1656
1760
  opacity: 0;
1657
1761
  backface-visibility: hidden;
1658
1762
  transform: translate3d(0, 30%, 0) scale3d(0.6, 0.6, 0.6);
@@ -1738,6 +1842,131 @@ body.theme-dark .s-modal--dialog,
1738
1842
  max-width: calc(100% - 48px);
1739
1843
  max-height: calc(100% - 48px);
1740
1844
  }
1845
+ .s-navigation {
1846
+ display: flex;
1847
+ margin: -2px;
1848
+ padding: 2px 0;
1849
+ flex-wrap: wrap;
1850
+ list-style: none;
1851
+ }
1852
+ .s-navigation .s-navigation--item {
1853
+ display: flex;
1854
+ align-items: center;
1855
+ padding: 6px 12px;
1856
+ position: relative;
1857
+ border: none;
1858
+ font: unset;
1859
+ background: none;
1860
+ box-shadow: none;
1861
+ cursor: pointer;
1862
+ user-select: auto;
1863
+ border-radius: 1000px;
1864
+ margin: 2px;
1865
+ white-space: nowrap;
1866
+ color: var(--black-600);
1867
+ }
1868
+ .s-navigation .s-navigation--item:hover,
1869
+ .s-navigation .s-navigation--item:active {
1870
+ background: var(--black-075);
1871
+ color: var(--black-600);
1872
+ }
1873
+ body.theme-highcontrast .s-navigation .s-navigation--item:hover,
1874
+ body.theme-highcontrast .s-navigation .s-navigation--item:active {
1875
+ background: var(--black-600);
1876
+ color: var(--black-100);
1877
+ }
1878
+ .s-navigation .s-navigation--item:focus:not(:focus-visible) {
1879
+ outline: none;
1880
+ box-shadow: none;
1881
+ }
1882
+ .s-navigation .s-navigation--item:focus-visible {
1883
+ outline: none;
1884
+ box-shadow: 0 0 0 4px var(--focus-ring-muted);
1885
+ }
1886
+ .s-navigation .s-navigation--item.is-selected {
1887
+ background: var(--theme-primary-color);
1888
+ color: var(--white);
1889
+ }
1890
+ .s-navigation .s-navigation--item.is-selected:hover,
1891
+ .s-navigation .s-navigation--item.is-selected:active {
1892
+ background: var(--theme-primary-600);
1893
+ color: var(--white);
1894
+ }
1895
+ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
1896
+ text-decoration: none;
1897
+ }
1898
+ .s-navigation .s-navigation--item.s-navigation--item__dropdown {
1899
+ padding-right: 2em;
1900
+ }
1901
+ .s-navigation .s-navigation--item.s-navigation--item__dropdown:after {
1902
+ content: "";
1903
+ position: absolute;
1904
+ z-index: 30;
1905
+ top: calc(50% - 2px);
1906
+ right: 0.9em;
1907
+ border-style: solid;
1908
+ border-width: 4px;
1909
+ border-top-width: 4px;
1910
+ border-bottom-width: 0;
1911
+ border-color: currentColor transparent;
1912
+ pointer-events: none;
1913
+ }
1914
+ .s-navigation.s-navigation__scroll {
1915
+ overflow-x: auto;
1916
+ flex-wrap: nowrap;
1917
+ scrollbar-color: var(--scrollbar) transparent;
1918
+ }
1919
+ .s-navigation.s-navigation__scroll::-webkit-scrollbar {
1920
+ width: 10px;
1921
+ height: 10px;
1922
+ background-color: transparent;
1923
+ }
1924
+ .s-navigation.s-navigation__scroll::-webkit-scrollbar-track {
1925
+ border-radius: 10px;
1926
+ background-color: transparent;
1927
+ }
1928
+ .s-navigation.s-navigation__scroll::-webkit-scrollbar-thumb {
1929
+ border-radius: 10px;
1930
+ background-color: var(--scrollbar);
1931
+ }
1932
+ .s-navigation.s-navigation__scroll::-webkit-scrollbar-corner {
1933
+ background-color: transparent;
1934
+ border-color: transparent;
1935
+ }
1936
+ .s-navigation.s-navigation__vertical {
1937
+ flex-direction: column;
1938
+ padding: 0;
1939
+ margin: 0;
1940
+ }
1941
+ .s-navigation.s-navigation__vertical .s-navigation--item {
1942
+ margin: 0;
1943
+ white-space: normal;
1944
+ }
1945
+ .s-navigation .s-navigation--title {
1946
+ font-size: 11px;
1947
+ font-weight: bold;
1948
+ margin-top: 16px;
1949
+ padding: 6px 12px;
1950
+ text-transform: uppercase;
1951
+ }
1952
+ .s-navigation .s-navigation--title:first-child {
1953
+ margin-top: 0;
1954
+ }
1955
+ .s-navigation.s-navigation__muted .s-navigation--item.is-selected {
1956
+ background: var(--black-050);
1957
+ color: var(--black-800);
1958
+ }
1959
+ body.theme-highcontrast .s-navigation.s-navigation__muted .s-navigation--item.is-selected {
1960
+ background: var(--black-800);
1961
+ color: var(--black-050);
1962
+ }
1963
+ .s-navigation.s-navigation__sm .s-navigation--item {
1964
+ padding: 4px 12px;
1965
+ font-size: 12px;
1966
+ }
1967
+ .s-navigation.s-navigation__sm .s-navigation--item.s-navigation--item__dropdown {
1968
+ padding-right: 2em;
1969
+ }
1741
1970
  .s-page-title {
1742
1971
  display: flex;
1743
1972
  flex-direction: row;
@@ -1745,7 +1974,7 @@ body.theme-dark .s-modal--dialog,
1745
1974
  align-items: flex-end;
1746
1975
  width: 100%;
1747
1976
  padding-bottom: 16px;
1748
- border-bottom: 1px solid var(--black-100);
1977
+ border-bottom: 1px solid var(--bc-medium);
1749
1978
  }
1750
1979
  @media (max-width: 980px) {
1751
1980
  .s-page-title {
@@ -1792,25 +2021,26 @@ body.theme-dark .s-modal--dialog,
1792
2021
  padding: 12px;
1793
2022
  z-index: 2000;
1794
2023
  border-radius: 5px;
1795
- border: 1px solid var(--black-100);
2024
+ border: 1px solid var(--bc-medium);
1796
2025
  background-color: var(--white);
1797
2026
  box-shadow: var(--bs-md);
1798
2027
  color: var(--fc-dark);
1799
2028
  font-size: 13px;
1800
2029
  min-width: 12rem;
1801
2030
  width: 100%;
2031
+ white-space: normal;
1802
2032
  }
1803
2033
  @media (prefers-color-scheme: dark) {
1804
2034
  body.theme-system .s-popover {
1805
2035
  background-color: var(--black-075);
1806
- border-color: transparent;
2036
+ border-color: var(--bc-light);
1807
2037
  box-shadow: var(--bs-lg);
1808
2038
  }
1809
2039
  }
1810
2040
  body.theme-dark .s-popover,
1811
2041
  .theme-dark__forced .s-popover {
1812
2042
  background-color: var(--black-075);
1813
- border-color: transparent;
2043
+ border-color: var(--bc-light);
1814
2044
  box-shadow: var(--bs-lg);
1815
2045
  }
1816
2046
  .s-popover.s-popover__tooltip {
@@ -1833,6 +2063,12 @@ body.theme-dark .s-popover,
1833
2063
  bottom: 1px;
1834
2064
  box-shadow: 2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
1835
2065
  }
2066
+ body.theme-highcontrast .s-popover[data-popper-placement^="top"] > .s-popover--arrow:after,
2067
+ body.theme-highcontrast .s-popover .s-popover--arrow__bc:after,
2068
+ body.theme-highcontrast .s-popover .s-popover--arrow__bl:after,
2069
+ body.theme-highcontrast .s-popover .s-popover--arrow__br:after {
2070
+ box-shadow: 1px 1px 0 0 var(--bc-medium);
2071
+ }
1836
2072
  .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow,
1837
2073
  .s-popover .s-popover--arrow__tc,
1838
2074
  .s-popover .s-popover--arrow__tl,
@@ -1846,6 +2082,12 @@ body.theme-dark .s-popover,
1846
2082
  top: 1px;
1847
2083
  box-shadow: -1px -1px 1px 0 hsla(0, 0%, 0%, 0.12);
1848
2084
  }
2085
+ body.theme-highcontrast .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow:after,
2086
+ body.theme-highcontrast .s-popover .s-popover--arrow__tc:after,
2087
+ body.theme-highcontrast .s-popover .s-popover--arrow__tl:after,
2088
+ body.theme-highcontrast .s-popover .s-popover--arrow__tr:after {
2089
+ box-shadow: -1px -1px 0 0 var(--bc-medium);
2090
+ }
1849
2091
  .s-popover[data-popper-placement^="left"] > .s-popover--arrow,
1850
2092
  .s-popover .s-popover--arrow__rc,
1851
2093
  .s-popover .s-popover--arrow__rt,
@@ -1859,6 +2101,12 @@ body.theme-dark .s-popover,
1859
2101
  right: 1px;
1860
2102
  box-shadow: 2px -2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px -2px 2px -1px hsla(0, 0%, 0%, 0.1);
1861
2103
  }
2104
+ body.theme-highcontrast .s-popover[data-popper-placement^="left"] > .s-popover--arrow:after,
2105
+ body.theme-highcontrast .s-popover .s-popover--arrow__rc:after,
2106
+ body.theme-highcontrast .s-popover .s-popover--arrow__rt:after,
2107
+ body.theme-highcontrast .s-popover .s-popover--arrow__rb:after {
2108
+ box-shadow: 1px -1px 0 0 var(--bc-medium);
2109
+ }
1862
2110
  .s-popover[data-popper-placement^="right"] > .s-popover--arrow,
1863
2111
  .s-popover .s-popover--arrow__lc,
1864
2112
  .s-popover .s-popover--arrow__lt,
@@ -1872,6 +2120,12 @@ body.theme-dark .s-popover,
1872
2120
  left: 1px;
1873
2121
  box-shadow: -2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), -2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
1874
2122
  }
2123
+ body.theme-highcontrast .s-popover[data-popper-placement^="right"] > .s-popover--arrow:after,
2124
+ body.theme-highcontrast .s-popover .s-popover--arrow__lc:after,
2125
+ body.theme-highcontrast .s-popover .s-popover--arrow__lt:after,
2126
+ body.theme-highcontrast .s-popover .s-popover--arrow__lb:after {
2127
+ box-shadow: -1px 1px 0 0 var(--bc-medium);
2128
+ }
1875
2129
  .s-popover .s-popover--arrow__tc,
1876
2130
  .s-popover .s-popover--arrow__bc {
1877
2131
  left: calc(50% - 6px);
@@ -1928,7 +2182,7 @@ body.theme-dark .s-popover--arrow,
1928
2182
  .s-post-summary {
1929
2183
  position: relative;
1930
2184
  display: flex;
1931
- border-bottom: 1px solid var(--black-075);
2185
+ border-bottom: 1px solid var(--bc-light);
1932
2186
  padding: 16px;
1933
2187
  }
1934
2188
  .s-post-summary:last-child {
@@ -1980,8 +2234,19 @@ body.theme-dark .s-popover--arrow,
1980
2234
  white-space: nowrap;
1981
2235
  border: 1px solid transparent;
1982
2236
  }
2237
+ .s-post-summary--stats .s-post-summary--stats-item .svg-icon {
2238
+ vertical-align: text-bottom;
2239
+ }
1983
2240
  .s-post-summary--stats .s-post-summary--stats-item.has-answers,
1984
- .s-post-summary--stats .s-post-summary--stats-item.has-bounty {
2241
+ .s-post-summary--stats .s-post-summary--stats-item.has-bounty,
2242
+ .s-post-summary--stats .s-post-summary--stats-item.is-watched,
2243
+ .s-post-summary--stats .s-post-summary--stats-item.is-ignored,
2244
+ .s-post-summary--stats .s-post-summary--stats-item.is-deleted,
2245
+ .s-post-summary--stats .s-post-summary--stats-item.is-published,
2246
+ .s-post-summary--stats .s-post-summary--stats-item.is-draft,
2247
+ .s-post-summary--stats .s-post-summary--stats-item.is-review,
2248
+ .s-post-summary--stats .s-post-summary--stats-item.is-closed,
2249
+ .s-post-summary--stats .s-post-summary--stats-item.is-archived {
1985
2250
  border-radius: 3px;
1986
2251
  padding: 2px 4px;
1987
2252
  }
@@ -1993,6 +2258,9 @@ body.theme-dark .s-popover--arrow,
1993
2258
  color: hsl(0, 0%, 100%);
1994
2259
  background-color: var(--green-500);
1995
2260
  }
2261
+ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
2262
+ color: var(--white);
2263
+ }
1996
2264
  .s-post-summary--stats .s-post-summary--stats-item.has-bounty {
1997
2265
  color: var(--white);
1998
2266
  background-color: var(--blue-600);
@@ -2006,6 +2274,30 @@ body.theme-dark .s-popover--arrow,
2006
2274
  .s-post-summary--stats .s-post-summary--stats-item.is-supernova {
2007
2275
  color: var(--orange-400);
2008
2276
  }
2277
+ .s-post-summary--stats .s-post-summary--stats-item.is-published {
2278
+ color: var(--black-800);
2279
+ background-color: var(--black-050);
2280
+ }
2281
+ .s-post-summary--stats .s-post-summary--stats-item.is-draft {
2282
+ color: var(--blue-900);
2283
+ background-color: var(--blue-100);
2284
+ border-color: var(--blue-600);
2285
+ }
2286
+ .s-post-summary--stats .s-post-summary--stats-item.is-review {
2287
+ color: var(--yellow-900);
2288
+ background-color: var(--yellow-100);
2289
+ border-color: var(--yellow-600);
2290
+ }
2291
+ .s-post-summary--stats .s-post-summary--stats-item.is-closed {
2292
+ color: var(--red-900);
2293
+ background-color: var(--red-100);
2294
+ border-color: var(--red-600);
2295
+ }
2296
+ .s-post-summary--stats .s-post-summary--stats-item.is-archived {
2297
+ color: var(--black-900);
2298
+ background-color: var(--black-100);
2299
+ border-color: var(--black-600);
2300
+ }
2009
2301
  @media (max-width: 980px) {
2010
2302
  .s-post-summary--stats {
2011
2303
  flex-direction: row;
@@ -2019,7 +2311,7 @@ body.theme-dark .s-popover--arrow,
2019
2311
  }
2020
2312
  .s-post-summary--content .s-post-summary--content-title {
2021
2313
  display: inline-block;
2022
- font-size: 1.46153846rem;
2314
+ font-size: 1.30769231rem;
2023
2315
  margin-bottom: 6px;
2024
2316
  overflow-wrap: break-word;
2025
2317
  word-wrap: break-word;
@@ -2075,20 +2367,97 @@ body.theme-dark .s-popover--arrow,
2075
2367
  margin-bottom: var(--s-post-summary-tags-gap);
2076
2368
  margin-left: auto;
2077
2369
  }
2078
- .s-progress,
2079
- .s-progress--bar {
2370
+ .s-post-summary--answer {
2080
2371
  position: relative;
2081
- min-height: 4px;
2082
- min-width: 6px;
2083
- border-radius: 3px;
2372
+ margin: 16px 1em 0 1em;
2373
+ padding: 0.5em 0 0.5em calc(1em + 4px);
2084
2374
  }
2085
- .s-progress {
2086
- width: 100%;
2087
- background-color: var(--black-200);
2088
- }
2089
- .s-progress--bar {
2090
- height: 100%;
2091
- background-color: var(--green-400);
2375
+ .s-post-summary--answer + .s-post-summary--answer {
2376
+ margin-top: 16px;
2377
+ }
2378
+ .s-post-summary--answer:before {
2379
+ content: "";
2380
+ display: block;
2381
+ position: absolute;
2382
+ top: 0;
2383
+ bottom: 0;
2384
+ left: 0;
2385
+ width: 4px;
2386
+ border-radius: 8px;
2387
+ background: var(--black-150);
2388
+ }
2389
+ body.theme-highcontrast .s-post-summary--answer:before {
2390
+ background: var(--black-600);
2391
+ }
2392
+ .s-post-summary--answer .s-post-summary--stats {
2393
+ width: auto;
2394
+ flex-direction: row;
2395
+ align-items: center;
2396
+ margin-bottom: 4px;
2397
+ }
2398
+ .s-post-summary--answer .s-post-summary--answer-excerpt {
2399
+ color: var(--black-600);
2400
+ margin-bottom: 8px;
2401
+ display: -webkit-box;
2402
+ -webkit-line-clamp: 4;
2403
+ -webkit-box-orient: vertical;
2404
+ overflow: hidden;
2405
+ }
2406
+ .s-post-summary__watched .is-watched {
2407
+ color: var(--white);
2408
+ background-color: var(--yellow-600);
2409
+ }
2410
+ .s-post-summary__ignored .is-ignored {
2411
+ color: var(--white);
2412
+ background-color: var(--black-600);
2413
+ }
2414
+ .s-post-summary__deleted .is-deleted {
2415
+ color: hsl(0, 0%, 100%);
2416
+ background-color: var(--red-500);
2417
+ }
2418
+ .s-post-summary__ignored .s-post-summary--content,
2419
+ .s-post-summary__deleted .s-post-summary--content {
2420
+ opacity: 0.7;
2421
+ }
2422
+ .s-post-summary__ignored .s-post-summary--stats-item:not(.is-ignored):not(.is-deleted),
2423
+ .s-post-summary__deleted .s-post-summary--stats-item:not(.is-ignored):not(.is-deleted) {
2424
+ opacity: 0.7;
2425
+ filter: grayscale(100%);
2426
+ }
2427
+ .s-post-summary__ignored .s-post-summary--content-title,
2428
+ .s-post-summary__deleted .s-post-summary--content-title {
2429
+ color: var(--black-600);
2430
+ }
2431
+ .s-post-summary__ignored .s-post-summary--content-title:hover,
2432
+ .s-post-summary__deleted .s-post-summary--content-title:hover {
2433
+ color: var(--black-500);
2434
+ }
2435
+ .s-post-summary__ignored .s-post-summary--content-title:visited,
2436
+ .s-post-summary__deleted .s-post-summary--content-title:visited {
2437
+ color: var(--black-700);
2438
+ }
2439
+ .s-post-summary__ignored .s-post-summary--content-excerpt,
2440
+ .s-post-summary__deleted .s-post-summary--content-excerpt {
2441
+ color: var(--black-500);
2442
+ }
2443
+ .s-post-summary__ignored .s-post-summary--meta,
2444
+ .s-post-summary__deleted .s-post-summary--meta {
2445
+ filter: grayscale(100%);
2446
+ }
2447
+ .s-progress,
2448
+ .s-progress--bar {
2449
+ position: relative;
2450
+ min-height: 4px;
2451
+ min-width: 6px;
2452
+ border-radius: 3px;
2453
+ }
2454
+ .s-progress {
2455
+ width: 100%;
2456
+ background-color: var(--black-200);
2457
+ }
2458
+ .s-progress--bar {
2459
+ height: 100%;
2460
+ background-color: var(--green-400);
2092
2461
  }
2093
2462
  .s-progress--label {
2094
2463
  position: absolute;
@@ -2110,8 +2479,15 @@ body.theme-dark .s-popover--arrow,
2110
2479
  .s-progress__privilege .s-progress--bar {
2111
2480
  background-color: var(--green-050);
2112
2481
  }
2482
+ body.theme-highcontrast .s-progress__privilege .s-progress--bar {
2483
+ background-color: var(--green-200);
2484
+ }
2113
2485
  .s-progress__privilege .s-progress--label {
2114
2486
  border-color: var(--green-400);
2487
+ display: flex;
2488
+ gap: 4px;
2489
+ align-items: center;
2490
+ justify-content: center;
2115
2491
  }
2116
2492
  .s-progress__privilege,
2117
2493
  .s-progress__privilege .s-progress--bar,
@@ -2124,6 +2500,17 @@ body.theme-dark .s-popover--arrow,
2124
2500
  .s-progress__badge {
2125
2501
  background-color: transparent;
2126
2502
  }
2503
+ .s-progress__badge .s-progress--label {
2504
+ display: flex;
2505
+ gap: 4px;
2506
+ align-items: center;
2507
+ padding-left: 1em;
2508
+ padding-right: 1em;
2509
+ }
2510
+ .s-progress__badge .s-progress--label .s-badge--label {
2511
+ text-align: center;
2512
+ flex-grow: 1;
2513
+ }
2127
2514
  .s-progress__gold .s-progress--bar {
2128
2515
  background-color: var(--gold-lighter);
2129
2516
  }
@@ -2195,7 +2582,7 @@ body.theme-dark .s-popover--arrow,
2195
2582
  border-radius: 0;
2196
2583
  padding: 12px 6px 0 6px;
2197
2584
  text-align: center;
2198
- color: var(--black-200);
2585
+ color: var(--black-300);
2199
2586
  z-index: 0;
2200
2587
  }
2201
2588
  .s-progress.s-progress__stepped .s-progress--stop {
@@ -2203,18 +2590,21 @@ body.theme-dark .s-popover--arrow,
2203
2590
  display: flex;
2204
2591
  align-items: center;
2205
2592
  justify-content: center;
2206
- background: var(--black-200);
2593
+ background: var(--black-300);
2207
2594
  border-radius: 100%;
2208
2595
  width: 24px;
2209
2596
  height: 24px;
2210
2597
  z-index: 25;
2211
2598
  color: hsl(0, 0%, 100%);
2212
2599
  }
2600
+ body.theme-highcontrast .s-progress.s-progress__stepped .s-progress--stop {
2601
+ color: var(--white);
2602
+ }
2213
2603
  .s-progress.s-progress__stepped .s-progress--bar {
2214
2604
  position: absolute;
2215
2605
  top: 9px;
2216
2606
  height: 6px;
2217
- background: var(--black-200);
2607
+ background: var(--black-300);
2218
2608
  z-index: 0;
2219
2609
  border-radius: 0;
2220
2610
  }
@@ -2307,6 +2697,10 @@ body.theme-dark .s-popover--arrow,
2307
2697
  height: 1px;
2308
2698
  margin-bottom: var(--s-prose-spacing);
2309
2699
  }
2700
+ body.theme-highcontrast .s-prose hr {
2701
+ color: var(--black-500);
2702
+ background-color: var(--black-500);
2703
+ }
2310
2704
  .s-prose li {
2311
2705
  word-wrap: break-word;
2312
2706
  }
@@ -2604,6 +2998,9 @@ body.theme-dark .s-popover--arrow,
2604
2998
  border-radius: 8px;
2605
2999
  background: var(--black-150);
2606
3000
  }
3001
+ body.theme-highcontrast .s-prose blockquote:before {
3002
+ background: var(--black-600);
3003
+ }
2607
3004
  .s-prose blockquote blockquote {
2608
3005
  margin-left: 0;
2609
3006
  }
@@ -2688,6 +3085,9 @@ body.theme-dark .s-prose kbd,
2688
3085
  background-color: var(--black-075);
2689
3086
  border-radius: 3px;
2690
3087
  }
3088
+ .s-prose *:not(.s-code-block) > a code {
3089
+ color: var(--theme-link-color);
3090
+ }
2691
3091
  .s-prose pre {
2692
3092
  margin-top: 0;
2693
3093
  margin-bottom: calc(var(--s-prose-spacing) + 0.4em);
@@ -2869,9 +3269,9 @@ body.theme-dark .s-prose kbd,
2869
3269
  .s-table th,
2870
3270
  .s-table td {
2871
3271
  padding: 8px;
2872
- border-top: 1px solid var(--black-100);
2873
- border-left: 1px solid var(--black-100);
2874
- border-right: 1px solid var(--black-100);
3272
+ border-top: 1px solid var(--bc-medium);
3273
+ border-left: 1px solid var(--bc-medium);
3274
+ border-right: 1px solid var(--bc-medium);
2875
3275
  vertical-align: middle;
2876
3276
  color: var(--fc-medium);
2877
3277
  text-align: left;
@@ -2899,10 +3299,10 @@ body.theme-dark .s-prose kbd,
2899
3299
  }
2900
3300
  .s-table tr:last-of-type td,
2901
3301
  .s-table tr:last-of-type th {
2902
- border-bottom: 1px solid var(--black-100);
3302
+ border-bottom: 1px solid var(--bc-medium);
2903
3303
  }
2904
3304
  .s-table tbody + tbody {
2905
- border-top: 2px solid var(--black-100);
3305
+ border-top: 2px solid var(--bc-medium);
2906
3306
  }
2907
3307
  .s-table.va-top th,
2908
3308
  .s-table.va-top td {
@@ -2975,7 +3375,7 @@ body.theme-dark .s-prose kbd,
2975
3375
  }
2976
3376
  .s-table.s-table__bx-simple thead th {
2977
3377
  border-top-color: transparent;
2978
- border-bottom-color: var(--black-200);
3378
+ border-bottom-color: var(--bc-darker);
2979
3379
  background-color: transparent;
2980
3380
  text-transform: initial;
2981
3381
  font-size: inherit;
@@ -3025,6 +3425,10 @@ body.theme-dark .s-prose kbd,
3025
3425
  .s-table tr.is-disabled td:not(.is-enabled) {
3026
3426
  opacity: 0.3;
3027
3427
  }
3428
+ body.theme-highcontrast .s-table tr.is-disabled th:not(.is-enabled),
3429
+ body.theme-highcontrast .s-table tr.is-disabled td:not(.is-enabled) {
3430
+ opacity: 0.8;
3431
+ }
3028
3432
  .s-table--cell1 {
3029
3433
  width: 8.33333333%;
3030
3434
  }
@@ -3100,6 +3504,9 @@ body.theme-dark .s-prose kbd,
3100
3504
  background: hsl(0, 0%, 100%);
3101
3505
  transition: left 0.1s ease;
3102
3506
  }
3507
+ body.theme-highcontrast .s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:after {
3508
+ background: var(--white);
3509
+ }
3103
3510
  .s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:before {
3104
3511
  display: none;
3105
3512
  }
@@ -3145,10 +3552,376 @@ body.theme-dark .s-prose kbd,
3145
3552
  background-color: var(--black-300);
3146
3553
  color: hsl(0, 0%, 100%);
3147
3554
  }
3555
+ body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3556
+ color: var(--white);
3557
+ }
3148
3558
  .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
3149
3559
  background-color: var(--green-400);
3150
3560
  color: hsl(0, 0%, 100%);
3151
3561
  }
3562
+ body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
3563
+ color: var(--white);
3564
+ }
3565
+ .s-topbar {
3566
+ min-width: auto;
3567
+ box-shadow: var(--bs-sm);
3568
+ width: 100%;
3569
+ z-index: 5050;
3570
+ background-color: var(--theme-topbar-background-color);
3571
+ height: var(--theme-topbar-height);
3572
+ display: flex;
3573
+ border-top: var(--theme-topbar-accent-border);
3574
+ position: relative;
3575
+ align-items: center;
3576
+ }
3577
+ body.theme-highcontrast .s-topbar {
3578
+ --theme-topbar-search-color: var(--theme-topbar-item-color);
3579
+ --theme-topbar-search-background: var(--theme-topbar-background-color);
3580
+ --theme-topbar-search-placeholder: var(--theme-topbar-item-color);
3581
+ --theme-topbar-search-border: var(--theme-topbar-item-color);
3582
+ --theme-topbar-search-border-focus: var(--theme-topbar-item-color);
3583
+ --theme-topbar-select-color: var(--theme-topbar-item-color);
3584
+ --theme-topbar-select-background: var(--theme-topbar-background-color);
3585
+ --theme-topbar-item-color: var(--black-800);
3586
+ --theme-topbar-item-color-hover: var(--black-900);
3587
+ --theme-topbar-item-background-hover: var(--black-200);
3588
+ --theme-topbar-item-color-current: var(--black);
3589
+ }
3590
+ body.theme-highcontrast .s-topbar {
3591
+ border-bottom: 1px solid currentColor;
3592
+ }
3593
+ .s-topbar .s-topbar--container {
3594
+ width: 97.2307692rem;
3595
+ max-width: 100%;
3596
+ height: 100%;
3597
+ display: flex;
3598
+ margin: 0 auto;
3599
+ align-items: center;
3600
+ }
3601
+ .s-topbar .s-topbar--logo {
3602
+ padding: 0 8px;
3603
+ height: 100%;
3604
+ display: flex;
3605
+ align-items: center;
3606
+ background-color: transparent;
3607
+ }
3608
+ .s-topbar a.s-topbar--logo:hover {
3609
+ background-color: var(--theme-topbar-item-background-hover);
3610
+ }
3611
+ .s-topbar a.s-topbar--logo.is-selected {
3612
+ background-color: var(--theme-topbar-item-background-hover);
3613
+ }
3614
+ .s-topbar .s-topbar--menu-btn {
3615
+ display: flex;
3616
+ height: 100%;
3617
+ padding: 0 16px;
3618
+ flex-shrink: 0;
3619
+ align-items: center;
3620
+ justify-content: center;
3621
+ }
3622
+ .s-topbar .s-topbar--menu-btn span,
3623
+ .s-topbar .s-topbar--menu-btn span:before,
3624
+ .s-topbar .s-topbar--menu-btn span:after {
3625
+ width: 16px;
3626
+ height: 2px;
3627
+ background-color: var(--theme-topbar-item-color);
3628
+ position: relative;
3629
+ }
3630
+ .s-topbar .s-topbar--menu-btn span:before,
3631
+ .s-topbar .s-topbar--menu-btn span:after {
3632
+ position: absolute;
3633
+ content: '';
3634
+ left: 0;
3635
+ top: -5px;
3636
+ transition: top, transform;
3637
+ transition-duration: 0.1s;
3638
+ transition-timing-function: ease-in-out;
3639
+ }
3640
+ .s-topbar .s-topbar--menu-btn span:after {
3641
+ top: 5px;
3642
+ }
3643
+ .s-topbar .s-topbar--menu-btn.is-selected {
3644
+ color: var(--theme-topbar-item-color-current);
3645
+ background-color: var(--theme-topbar-item-background-current);
3646
+ }
3647
+ .s-topbar .s-topbar--menu-btn.is-selected span {
3648
+ background-color: transparent;
3649
+ }
3650
+ .s-topbar .s-topbar--menu-btn.is-selected span:before,
3651
+ .s-topbar .s-topbar--menu-btn.is-selected span:after {
3652
+ top: 0;
3653
+ transform: rotate(-45deg);
3654
+ }
3655
+ .s-topbar .s-topbar--menu-btn.is-selected span:after {
3656
+ transform: rotate(45deg);
3657
+ }
3658
+ .s-topbar .s-topbar--menu-btn:hover {
3659
+ color: var(--theme-topbar-item-color-hover);
3660
+ background-color: var(--theme-topbar-item-background-hover);
3661
+ }
3662
+ .s-topbar .s-navigation .s-navigation--item:not(.is-selected) {
3663
+ color: var(--theme-topbar-item-color);
3664
+ }
3665
+ .s-topbar .s-navigation .s-navigation--item:not(.is-selected):hover {
3666
+ color: var(--theme-topbar-item-color-hover);
3667
+ background-color: var(--theme-topbar-item-background-hover);
3668
+ }
3669
+ .s-topbar__light {
3670
+ --theme-topbar-background-color: hsl(210, 8%, 97.5%);
3671
+ --theme-topbar-search-color: hsl(210, 8%, 25%);
3672
+ --theme-topbar-search-background: hsl(0, 0%, 100%);
3673
+ --theme-topbar-search-placeholder: hsl(210, 8%, 75%);
3674
+ --theme-topbar-search-border: hsl(210, 8%, 75%);
3675
+ --theme-topbar-search-border-focus: hsl(206, 90%, 69.5%);
3676
+ --theme-topbar-search-shadow-focus: 0 0 0 4px var(--focus-ring);
3677
+ --theme-topbar-select-color: hsl(210, 8%, 25%);
3678
+ --theme-topbar-select-background: hsl(210, 8%, 95%);
3679
+ --theme-topbar-item-color: hsl(210, 8%, 35%);
3680
+ --theme-topbar-item-color-hover: hsl(210, 8%, 15%);
3681
+ --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
3682
+ --theme-topbar-item-color-current: hsl(210, 8%, 5%);
3683
+ --theme-topbar-item-border-current: var(--theme-primary-color);
3684
+ --scrollbar: hsla(0, 0%, 0%, 0.2);
3685
+ }
3686
+ body.theme-highcontrast .s-topbar__light {
3687
+ --theme-topbar-item-color: hsl(210, 8%, 15%);
3688
+ --theme-topbar-item-color-hover: hsl(210, 8%, 5%);
3689
+ --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
3690
+ --theme-topbar-item-color-current: hsl(210, 8%, 5%);
3691
+ }
3692
+ .s-topbar__dark {
3693
+ --theme-topbar-background-color: hsl(210, 8%, 15%);
3694
+ --theme-topbar-search-color: hsl(0, 0%, 100%);
3695
+ --theme-topbar-search-background: hsl(210, 8%, 25%);
3696
+ --theme-topbar-search-placeholder: hsl(210, 8%, 85%);
3697
+ --theme-topbar-search-border: hsl(210, 8%, 45%);
3698
+ --theme-topbar-search-border-focus: hsl(210, 8%, 70%);
3699
+ --theme-topbar-search-shadow-focus: 0 0 0 4px hsla(0, 0%, 100%, 0.3);
3700
+ --theme-topbar-select-color: hsl(210, 8%, 85%);
3701
+ --theme-topbar-select-background: hsl(210, 8%, 35%);
3702
+ --theme-topbar-item-color: hsl(210, 8%, 97.5%);
3703
+ --theme-topbar-item-color-hover: hsl(0, 0%, 100%);
3704
+ --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
3705
+ --theme-topbar-item-color-current: hsl(0, 0%, 100%);
3706
+ --theme-topbar-item-border-current: var(--theme-primary-color);
3707
+ --theme-topbar-accent-border: none;
3708
+ --scrollbar: hsla(0, 0%, 100%, 0.2);
3709
+ }
3710
+ body.theme-highcontrast .s-topbar__dark {
3711
+ --theme-topbar-item-color: hsl(0, 0%, 100%);
3712
+ --theme-topbar-item-color-hover: hsl(0, 0%, 100%);
3713
+ --theme-topbar-item-background-hover: hsl(210, 8%, 25%);
3714
+ --theme-topbar-item-color-current: hsl(0, 0%, 100%);
3715
+ }
3716
+ body.theme-highcontrast .s-topbar__dark .s-badge {
3717
+ border-color: currentColor;
3718
+ }
3719
+ .s-topbar .s-topbar--content,
3720
+ .s-topbar .s-topbar--ctas {
3721
+ display: flex;
3722
+ height: 100%;
3723
+ list-style: none;
3724
+ margin: 0;
3725
+ padding: 0;
3726
+ }
3727
+ .s-topbar .s-topbar--content > li,
3728
+ .s-topbar .s-topbar--ctas > li {
3729
+ display: inline-flex;
3730
+ }
3731
+ .s-topbar .s-topbar--content {
3732
+ overflow-x: auto;
3733
+ scrollbar-color: var(--scrollbar) transparent;
3734
+ margin-left: auto;
3735
+ }
3736
+ .s-topbar .s-topbar--content::-webkit-scrollbar {
3737
+ width: 10px;
3738
+ height: 10px;
3739
+ background-color: transparent;
3740
+ }
3741
+ .s-topbar .s-topbar--content::-webkit-scrollbar-track {
3742
+ border-radius: 10px;
3743
+ background-color: transparent;
3744
+ }
3745
+ .s-topbar .s-topbar--content::-webkit-scrollbar-thumb {
3746
+ border-radius: 10px;
3747
+ background-color: var(--scrollbar);
3748
+ }
3749
+ .s-topbar .s-topbar--content::-webkit-scrollbar-corner {
3750
+ background-color: transparent;
3751
+ border-color: transparent;
3752
+ }
3753
+ .s-topbar .s-topbar--content .s-topbar--item {
3754
+ color: var(--theme-topbar-item-color);
3755
+ display: inline-flex;
3756
+ align-items: center;
3757
+ padding: 0 10px;
3758
+ text-decoration: none;
3759
+ white-space: nowrap;
3760
+ position: relative;
3761
+ }
3762
+ .s-topbar .s-topbar--content .s-topbar--item:hover,
3763
+ .s-topbar .s-topbar--content .s-topbar--item:focus,
3764
+ .s-topbar .s-topbar--content .s-topbar--item.is-selected,
3765
+ .s-topbar .s-topbar--content .s-topbar--item.is-selected:hover,
3766
+ .s-topbar .s-topbar--content .s-topbar--item.is-selected:focus {
3767
+ color: var(--theme-topbar-item-color-hover);
3768
+ background-color: var(--theme-topbar-item-background-hover);
3769
+ text-decoration: none;
3770
+ outline: none;
3771
+ }
3772
+ .s-topbar .s-topbar--content .s-topbar--item:hover .s-activity-indicator,
3773
+ .s-topbar .s-topbar--content .s-topbar--item:focus .s-activity-indicator,
3774
+ .s-topbar .s-topbar--content .s-topbar--item.is-selected .s-activity-indicator,
3775
+ .s-topbar .s-topbar--content .s-topbar--item.is-selected:hover .s-activity-indicator,
3776
+ .s-topbar .s-topbar--content .s-topbar--item.is-selected:focus .s-activity-indicator {
3777
+ top: calc(50% - 18px);
3778
+ }
3779
+ .s-topbar .s-topbar--content .s-topbar--item .svg-icon {
3780
+ vertical-align: text-top;
3781
+ }
3782
+ .s-topbar .s-topbar--content .s-topbar--item .s-activity-indicator {
3783
+ position: absolute;
3784
+ top: calc(50% - 14px);
3785
+ right: 2px;
3786
+ transition: top cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
3787
+ }
3788
+ .s-topbar .s-topbar--ctas {
3789
+ padding-left: 4px;
3790
+ padding-right: 8px;
3791
+ overflow-x: auto;
3792
+ scrollbar-color: var(--scrollbar) transparent;
3793
+ margin-left: auto;
3794
+ }
3795
+ .s-topbar .s-topbar--ctas::-webkit-scrollbar {
3796
+ width: 10px;
3797
+ height: 10px;
3798
+ background-color: transparent;
3799
+ }
3800
+ .s-topbar .s-topbar--ctas::-webkit-scrollbar-track {
3801
+ border-radius: 10px;
3802
+ background-color: transparent;
3803
+ }
3804
+ .s-topbar .s-topbar--ctas::-webkit-scrollbar-thumb {
3805
+ border-radius: 10px;
3806
+ background-color: var(--scrollbar);
3807
+ }
3808
+ .s-topbar .s-topbar--ctas::-webkit-scrollbar-corner {
3809
+ background-color: transparent;
3810
+ border-color: transparent;
3811
+ }
3812
+ .s-topbar .s-topbar--ctas li + li {
3813
+ margin-left: 4px;
3814
+ }
3815
+ .s-topbar .s-topbar--ctas .s-topbar--item {
3816
+ align-self: center;
3817
+ padding-top: 8px;
3818
+ padding-bottom: 8px;
3819
+ }
3820
+ .s-topbar--notice {
3821
+ text-transform: uppercase;
3822
+ font-size: 11px;
3823
+ font-weight: 700;
3824
+ margin-left: 8px;
3825
+ margin-right: 8px;
3826
+ flex-shrink: 0;
3827
+ border-color: transparent;
3828
+ background-color: transparent;
3829
+ color: var(--theme-topbar-item-color);
3830
+ }
3831
+ .s-topbar--notice:hover,
3832
+ .s-topbar--notice:focus {
3833
+ border-color: var(--theme-topbar-item-background-hover);
3834
+ background-color: var(--theme-topbar-item-background-hover);
3835
+ color: var(--theme-topbar-item-color-hover);
3836
+ }
3837
+ .s-topbar--notice.is-unread {
3838
+ border-color: var(--theme-primary-color);
3839
+ background-color: var(--theme-primary-color);
3840
+ color: var(--white);
3841
+ }
3842
+ .s-topbar--notice.is-unread:hover,
3843
+ .s-topbar--notice.is-unread:focus {
3844
+ border-color: var(--theme-primary-600);
3845
+ background-color: var(--theme-primary-600);
3846
+ color: var(--white);
3847
+ }
3848
+ .s-topbar .s-topbar--searchbar {
3849
+ padding: 0 8px;
3850
+ display: flex;
3851
+ align-items: center;
3852
+ flex-shrink: 10000;
3853
+ flex-grow: 1;
3854
+ }
3855
+ .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group {
3856
+ position: relative;
3857
+ flex-grow: 1;
3858
+ }
3859
+ .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input {
3860
+ border-color: var(--theme-topbar-search-border);
3861
+ background-color: var(--theme-topbar-search-background);
3862
+ box-shadow: var(--theme-topbar-search-shadow);
3863
+ color: var(--theme-topbar-search-color);
3864
+ display: block;
3865
+ line-height: 1.15384615;
3866
+ }
3867
+ .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input:focus {
3868
+ border-color: var(--theme-topbar-search-border-focus);
3869
+ box-shadow: var(--theme-topbar-search-shadow-focus);
3870
+ }
3871
+ .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input::placeholder {
3872
+ color: var(--theme-topbar-search-placeholder);
3873
+ font-style: normal;
3874
+ }
3875
+ .s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input-icon {
3876
+ color: var(--theme-topbar-search-placeholder);
3877
+ }
3878
+ .s-topbar .s-topbar--searchbar .s-select {
3879
+ max-width: 16.2051282rem !important;
3880
+ align-self: stretch;
3881
+ margin-right: -1px;
3882
+ color: var(--theme-topbar-select-color);
3883
+ }
3884
+ .s-topbar .s-topbar--searchbar .s-select:before,
3885
+ .s-topbar .s-topbar--searchbar .s-select:after {
3886
+ z-index: 30;
3887
+ }
3888
+ .s-topbar .s-topbar--searchbar .s-select > select {
3889
+ border-top-right-radius: 0 !important;
3890
+ border-bottom-right-radius: 0 !important;
3891
+ height: 100%;
3892
+ line-height: 1.15384615;
3893
+ border-color: var(--theme-topbar-search-border);
3894
+ background-color: var(--theme-topbar-select-background);
3895
+ color: var(--theme-topbar-select-color);
3896
+ }
3897
+ .s-topbar .s-topbar--searchbar .s-select > select:focus {
3898
+ border-color: var(--theme-topbar-search-border-focus);
3899
+ box-shadow: var(--theme-topbar-search-shadow-focus);
3900
+ z-index: 25;
3901
+ }
3902
+ .s-topbar .s-topbar--searchbar .s-select + .s-topbar--searchbar--input-group > .s-input {
3903
+ border-top-left-radius: 0 !important;
3904
+ border-bottom-left-radius: 0 !important;
3905
+ }
3906
+ @media (max-width: 640px) {
3907
+ .s-topbar .s-topbar--searchbar {
3908
+ display: none;
3909
+ position: absolute;
3910
+ left: 0;
3911
+ right: 0;
3912
+ top: 100%;
3913
+ max-width: 100%;
3914
+ padding: 8px 12px;
3915
+ background: var(--theme-topbar-item-background-hover);
3916
+ }
3917
+ .s-topbar .s-topbar--searchbar.s-topbar--searchbar__open {
3918
+ display: flex;
3919
+ max-width: none;
3920
+ }
3921
+ .s-topbar .s-topbar--searchbar .s-select {
3922
+ width: 25% !important;
3923
+ }
3924
+ }
3152
3925
  .s-uploader {
3153
3926
  align-items: center;
3154
3927
  background-color: var(--black-025);
@@ -3174,12 +3947,18 @@ body.theme-dark .s-prose kbd,
3174
3947
  mask-image: var(--s-uploader-background-image);
3175
3948
  border-radius: 7px;
3176
3949
  }
3950
+ body.theme-highcontrast .s-uploader:before {
3951
+ background-color: var(--black-400);
3952
+ }
3177
3953
  .s-uploader.has-error {
3178
3954
  background-color: var(--red-050);
3179
3955
  }
3180
3956
  .s-uploader.has-error:before {
3181
3957
  background-color: var(--red-400);
3182
3958
  }
3959
+ body.theme-highcontrast .s-uploader.has-error:before {
3960
+ background-color: var(--red-400);
3961
+ }
3183
3962
  .s-uploader.has-error .s-link {
3184
3963
  color: var(--red-900);
3185
3964
  }
@@ -3189,6 +3968,9 @@ body.theme-dark .s-prose kbd,
3189
3968
  .s-uploader.has-success:before {
3190
3969
  background-color: var(--green-400);
3191
3970
  }
3971
+ body.theme-highcontrast .s-uploader.has-success:before {
3972
+ background-color: var(--green-400);
3973
+ }
3192
3974
  .s-uploader.has-success .s-link {
3193
3975
  color: var(--green-900);
3194
3976
  }
@@ -3198,6 +3980,9 @@ body.theme-dark .s-prose kbd,
3198
3980
  .s-uploader.has-warning:before {
3199
3981
  background-color: var(--yellow-400);
3200
3982
  }
3983
+ body.theme-highcontrast .s-uploader.has-warning:before {
3984
+ background-color: var(--yellow-400);
3985
+ }
3201
3986
  .s-uploader.has-warning .s-link {
3202
3987
  color: var(--yellow-900);
3203
3988
  }
@@ -3207,6 +3992,9 @@ body.theme-dark .s-prose kbd,
3207
3992
  .s-uploader.is-active:before {
3208
3993
  background-color: var(--black-200);
3209
3994
  }
3995
+ body.theme-highcontrast .s-uploader.is-active:before {
3996
+ background-color: var(--black);
3997
+ }
3210
3998
  .s-uploader.is-disabled {
3211
3999
  opacity: 0.5;
3212
4000
  }
@@ -3239,6 +4027,9 @@ body.theme-dark .s-prose kbd,
3239
4027
  text-overflow: ellipsis;
3240
4028
  white-space: nowrap;
3241
4029
  }
4030
+ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
4031
+ border: 1px solid var(--black);
4032
+ }
3242
4033
  .s-uploader .s-uploader--preview-thumbnail:is(img) {
3243
4034
  object-fit: scale-down;
3244
4035
  object-position: center;
@@ -3424,7 +4215,7 @@ body.theme-dark .s-prose kbd,
3424
4215
  }
3425
4216
  .s-sidebarwidget {
3426
4217
  position: relative;
3427
- border: 1px solid var(--black-100);
4218
+ border: 1px solid var(--bc-medium);
3428
4219
  border-radius: 3px;
3429
4220
  box-shadow: var(--bs-sm);
3430
4221
  font-size: 13px;
@@ -3446,7 +4237,7 @@ body.theme-dark .s-prose kbd,
3446
4237
  right: -1px;
3447
4238
  left: -1px;
3448
4239
  height: 5px;
3449
- border-top: 1px solid var(--black-100);
4240
+ border-top: 1px solid var(--bc-medium);
3450
4241
  border-radius: 3px;
3451
4242
  pointer-events: none;
3452
4243
  }
@@ -3454,12 +4245,12 @@ body.theme-dark .s-prose kbd,
3454
4245
  .s-sidebarwidget:after {
3455
4246
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 50%);
3456
4247
  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 50%);
3457
- border: 1px solid var(--black-100);
4248
+ border: 1px solid var(--bc-medium);
3458
4249
  }
3459
4250
  }
3460
4251
  .s-sidebarwidget--header,
3461
4252
  .s-sidebarwidget--content {
3462
- border-top: 1px solid var(--black-075);
4253
+ border-top: 1px solid var(--bc-light);
3463
4254
  }
3464
4255
  .s-sidebarwidget--header:active,
3465
4256
  .s-sidebarwidget--content:active {
@@ -3493,7 +4284,7 @@ body.theme-dark .s-prose kbd,
3493
4284
  margin-top: calc(1.3em / 2 - 5px);
3494
4285
  margin-right: 12px;
3495
4286
  border: 5px solid transparent;
3496
- border-left-color: var(--black-200);
4287
+ border-left-color: var(--bc-darker);
3497
4288
  border-right-width: 0;
3498
4289
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0.4, 0.6, 1);
3499
4290
  transition: transform 0.3s cubic-bezier(0.4, 0.4, 0.6, 1);
@@ -3600,6 +4391,9 @@ table.s-sidebarwidget--content.s-sidebarwidget__items tr.-item td {
3600
4391
  border-color: var(--blue-200);
3601
4392
  background-color: var(--blue-050);
3602
4393
  }
4394
+ body.theme-highcontrast .s-sidebarwidget__blue {
4395
+ border-color: var(--blue-700);
4396
+ }
3603
4397
  .s-sidebarwidget__blue .s-sidebarwidget--header {
3604
4398
  background-color: var(--blue-100);
3605
4399
  color: var(--fc-medium);
@@ -3608,13 +4402,23 @@ table.s-sidebarwidget--content.s-sidebarwidget__items tr.-item td {
3608
4402
  .s-sidebarwidget__blue .s-sidebarwidget--content {
3609
4403
  border-color: var(--blue-200);
3610
4404
  }
4405
+ body.theme-highcontrast .s-sidebarwidget__blue .s-sidebarwidget--header,
4406
+ body.theme-highcontrast .s-sidebarwidget__blue .s-sidebarwidget--content {
4407
+ border-color: var(--blue-700);
4408
+ }
3611
4409
  .s-sidebarwidget__blue:after {
3612
4410
  border-color: var(--blue-200);
3613
4411
  }
4412
+ body.theme-highcontrast .s-sidebarwidget__blue:after {
4413
+ border-color: var(--blue-700);
4414
+ }
3614
4415
  .s-sidebarwidget__yellow {
3615
4416
  border-color: var(--yellow-200);
3616
4417
  background-color: var(--yellow-050);
3617
4418
  }
4419
+ body.theme-highcontrast .s-sidebarwidget__yellow {
4420
+ border-color: var(--yellow-700);
4421
+ }
3618
4422
  .s-sidebarwidget__yellow .s-sidebarwidget--header {
3619
4423
  background-color: var(--yellow-100);
3620
4424
  color: var(--fc-medium);
@@ -3623,13 +4427,23 @@ table.s-sidebarwidget--content.s-sidebarwidget__items tr.-item td {
3623
4427
  .s-sidebarwidget__yellow .s-sidebarwidget--content {
3624
4428
  border-color: var(--yellow-200);
3625
4429
  }
4430
+ body.theme-highcontrast .s-sidebarwidget__yellow .s-sidebarwidget--header,
4431
+ body.theme-highcontrast .s-sidebarwidget__yellow .s-sidebarwidget--content {
4432
+ border-color: var(--yellow-700);
4433
+ }
3626
4434
  .s-sidebarwidget__yellow:after {
3627
4435
  border-color: var(--yellow-200);
3628
4436
  }
4437
+ body.theme-highcontrast .s-sidebarwidget__yellow:after {
4438
+ border-color: var(--yellow-700);
4439
+ }
3629
4440
  .s-sidebarwidget__green {
3630
4441
  border-color: var(--green-200);
3631
4442
  background-color: var(--green-050);
3632
4443
  }
4444
+ body.theme-highcontrast .s-sidebarwidget__green {
4445
+ border-color: var(--green-700);
4446
+ }
3633
4447
  .s-sidebarwidget__green .s-sidebarwidget--header {
3634
4448
  background-color: var(--green-100);
3635
4449
  color: var(--fc-medium);
@@ -3638,30 +4452,29 @@ table.s-sidebarwidget--content.s-sidebarwidget__items tr.-item td {
3638
4452
  .s-sidebarwidget__green .s-sidebarwidget--content {
3639
4453
  border-color: var(--green-200);
3640
4454
  }
4455
+ body.theme-highcontrast .s-sidebarwidget__green .s-sidebarwidget--header,
4456
+ body.theme-highcontrast .s-sidebarwidget__green .s-sidebarwidget--content {
4457
+ border-color: var(--green-700);
4458
+ }
3641
4459
  .s-sidebarwidget__green:after {
3642
4460
  border-color: var(--green-200);
3643
4461
  }
4462
+ body.theme-highcontrast .s-sidebarwidget__green:after {
4463
+ border-color: var(--green-700);
4464
+ }
3644
4465
  body {
3645
4466
  --ff-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
3646
4467
  --ff-serif: Georgia, Cambria, "Times New Roman", Times, serif;
3647
4468
  --ff-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
3648
4469
  --theme-body-font-family: var(--ff-sans);
3649
4470
  }
3650
- :root {
3651
- --theme-base-primary-color-h: 27;
3652
- --theme-base-primary-color-s: 90%;
3653
- --theme-base-primary-color-l: 55%;
3654
- --theme-base-primary-color-r: 243.525;
3655
- --theme-base-primary-color-g: 129.9225;
3656
- --theme-base-primary-color-b: 36.975;
3657
- --theme-base-secondary-color-h: 206;
3658
- --theme-base-secondary-color-s: 100%;
3659
- --theme-base-secondary-color-l: 40%;
3660
- --theme-base-secondary-color-r: 0;
3661
- --theme-base-secondary-color-g: 115.6;
3662
- --theme-base-secondary-color-b: 204;
3663
- }
3664
- body {
4471
+ .component-colors,
4472
+ body,
4473
+ body:not(.theme-dark) .themed,
4474
+ body.theme-dark .theme-light__forced .themed,
4475
+ body.theme-system .theme-light__forced .themed,
4476
+ body.theme-dark .themed,
4477
+ body:not(.theme-dark) .theme-dark__forced .themed {
3665
4478
  --theme-body-font-color: var(--black-800);
3666
4479
  --theme-link-color: var(--theme-secondary-400);
3667
4480
  --theme-link-color-hover: var(--theme-secondary-350);
@@ -3673,9 +4486,9 @@ body {
3673
4486
  --theme-button-active-background-color: var(--theme-secondary-100);
3674
4487
  --theme-button-selected-color: var(--theme-secondary-900);
3675
4488
  --theme-button-selected-background-color: var(--theme-secondary-150);
3676
- --theme-button-primary-color: hsl(0, 0%, 100%);
4489
+ --theme-button-primary-color: var(--white);
3677
4490
  --theme-button-primary-background-color: var(--theme-secondary-400);
3678
- --theme-button-primary-hover-color: hsl(0, 0%, 100%);
4491
+ --theme-button-primary-hover-color: var(--white);
3679
4492
  --theme-button-primary-hover-background-color: var(--theme-secondary-500);
3680
4493
  --theme-button-primary-active-background-color: var(--theme-secondary-700);
3681
4494
  --theme-button-primary-selected-color: var(--white);
@@ -3693,6 +4506,79 @@ body {
3693
4506
  --theme-button-filled-selected-border-color: var(--theme-secondary-500);
3694
4507
  --theme-button-outlined-border-color: var(--theme-secondary-300);
3695
4508
  --theme-button-outlined-selected-border-color: var(--theme-secondary-400);
4509
+ --theme-tag-color: var(--theme-secondary-800);
4510
+ --theme-tag-background-color: var(--theme-secondary-075);
4511
+ --theme-tag-border-color: transparent;
4512
+ --theme-tag-hover-color: var(--theme-secondary-900);
4513
+ --theme-tag-hover-background-color: var(--theme-secondary-100);
4514
+ --theme-tag-hover-border-color: transparent;
4515
+ --theme-topbar-height: 48px;
4516
+ --theme-topbar-background-color: var(--black-025);
4517
+ --theme-topbar-search-color: var(--black-700);
4518
+ --theme-topbar-search-background: var(--white);
4519
+ --theme-topbar-search-placeholder: var(--black-200);
4520
+ --theme-topbar-search-border: var(--black-200);
4521
+ --theme-topbar-search-border-focus: var(--blue-300);
4522
+ --theme-topbar-search-shadow-focus: 0 0 0 4px var(--focus-ring);
4523
+ --theme-topbar-select-color: var(--black-700);
4524
+ --theme-topbar-select-background: var(--black-075);
4525
+ --theme-topbar-item-color: var(--black-600);
4526
+ --theme-topbar-item-color-hover: var(--black-800);
4527
+ --theme-topbar-item-background-hover: var(--black-075);
4528
+ --theme-topbar-item-color-current: var(--black);
4529
+ --theme-topbar-item-border-current: var(--theme-primary-color);
4530
+ --theme-topbar-accent-border: 3px solid var(--theme-primary-color);
4531
+ }
4532
+ .highcontrast-themed-colors,
4533
+ body.theme-highcontrast:not(.theme-dark),
4534
+ body.theme-dark.theme-highcontrast .theme-light__forced,
4535
+ body.theme-system.theme-highcontrast .theme-light__forced,
4536
+ body.theme-dark.theme-highcontrast,
4537
+ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
4538
+ --theme-primary-color: var(--orange-400);
4539
+ --theme-primary-025: var(--orange-050);
4540
+ --theme-primary-050: var(--orange-050);
4541
+ --theme-primary-075: var(--orange-050);
4542
+ --theme-primary-100: var(--orange-100);
4543
+ --theme-primary-150: var(--orange-100);
4544
+ --theme-primary-200: var(--orange-200);
4545
+ --theme-primary-300: var(--orange-300);
4546
+ --theme-primary-350: var(--orange-300);
4547
+ --theme-primary-400: var(--orange-400);
4548
+ --theme-primary-500: var(--orange-500);
4549
+ --theme-primary-600: var(--orange-600);
4550
+ --theme-primary-700: var(--orange-700);
4551
+ --theme-primary-800: var(--orange-800);
4552
+ --theme-primary-900: var(--orange-900);
4553
+ --theme-secondary-color: var(--blue-400);
4554
+ --theme-secondary-025: var(--blue-050);
4555
+ --theme-secondary-050: var(--blue-050);
4556
+ --theme-secondary-075: var(--blue-050);
4557
+ --theme-secondary-100: var(--blue-100);
4558
+ --theme-secondary-150: var(--blue-100);
4559
+ --theme-secondary-200: var(--blue-200);
4560
+ --theme-secondary-300: var(--blue-300);
4561
+ --theme-secondary-350: var(--blue-300);
4562
+ --theme-secondary-400: var(--blue-400);
4563
+ --theme-secondary-500: var(--blue-500);
4564
+ --theme-secondary-600: var(--blue-600);
4565
+ --theme-secondary-700: var(--blue-700);
4566
+ --theme-secondary-800: var(--blue-800);
4567
+ --theme-secondary-900: var(--blue-900);
4568
+ }
4569
+ :root {
4570
+ --theme-base-primary-color-h: 27;
4571
+ --theme-base-primary-color-s: 90%;
4572
+ --theme-base-primary-color-l: 55%;
4573
+ --theme-base-primary-color-r: 243.525;
4574
+ --theme-base-primary-color-g: 129.9225;
4575
+ --theme-base-primary-color-b: 36.975;
4576
+ --theme-base-secondary-color-h: 206;
4577
+ --theme-base-secondary-color-s: 100%;
4578
+ --theme-base-secondary-color-l: 40%;
4579
+ --theme-base-secondary-color-r: 0;
4580
+ --theme-base-secondary-color-g: 115.6;
4581
+ --theme-base-secondary-color-b: 204;
3696
4582
  }
3697
4583
  body:not(.theme-dark),
3698
4584
  body.theme-dark .theme-light__forced,
@@ -3790,6 +4676,12 @@ body.theme-system .theme-light__forced {
3790
4676
  --bronze: hsl(28, 38%, 67%);
3791
4677
  --bronze-lighter: hsl(28, 40%, 92%);
3792
4678
  --bronze-darker: hsl(28, 31%, 52%);
4679
+ --bc-lightest: var(--black-025);
4680
+ --bc-lighter: var(--black-050);
4681
+ --bc-light: var(--black-075);
4682
+ --bc-medium: var(--black-100);
4683
+ --bc-dark: var(--black-150);
4684
+ --bc-darker: var(--black-200);
3793
4685
  --fc-dark: hsl(210, 8%, 5%);
3794
4686
  --fc-medium: hsl(210, 8%, 25%);
3795
4687
  --fc-light: hsl(210, 8%, 45%);
@@ -3802,7 +4694,7 @@ body.theme-system .theme-light__forced {
3802
4694
  --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);
3803
4695
  --scrollbar: hsla(0, 0%, 0%, 0.2);
3804
4696
  --highlight-bg: hsl(0, 0%, 96.5%);
3805
- --highlight-color: hsl(210, 8%, 20%);
4697
+ --highlight-color: var(--black-750);
3806
4698
  --highlight-comment: hsl(210, 8%, 43.5%);
3807
4699
  --highlight-punctuation: var(--black-600);
3808
4700
  --highlight-namespace: hsl(27, 99%, 36%);
@@ -3811,8 +4703,8 @@ body.theme-system .theme-light__forced {
3811
4703
  --highlight-symbol: hsl(306, 43%, 35%);
3812
4704
  --highlight-keyword: hsl(206, 98.5%, 29%);
3813
4705
  --highlight-variable: hsl(80, 80.5%, 26.5%);
3814
- --highlight-addition: hsl(140, 41%, 31%);
3815
- --highlight-deletion: hsl(358, 62%, 47%);
4706
+ --highlight-addition: var(--green-700);
4707
+ --highlight-deletion: var(--red-600);
3816
4708
  }
3817
4709
  body:not(.theme-dark),
3818
4710
  body.theme-dark .theme-light__forced,
@@ -3865,41 +4757,6 @@ body.theme-system .theme-light__forced .themed {
3865
4757
  --focus-ring: hsla(var(--theme-secondary-color-h), var(--theme-secondary-color-s), var(--theme-secondary-color-l), 0.15);
3866
4758
  --theme-body-font-color: var(--black-800);
3867
4759
  }
3868
- body:not(.theme-dark) .themed,
3869
- body.theme-dark .theme-light__forced .themed,
3870
- body.theme-system .theme-light__forced .themed {
3871
- --theme-body-font-color: var(--black-800);
3872
- --theme-link-color: var(--theme-secondary-400);
3873
- --theme-link-color-hover: var(--theme-secondary-350);
3874
- --theme-link-color-visited: var(--theme-secondary-500);
3875
- --theme-button-color: var(--theme-secondary-400);
3876
- --theme-button-background-color: transparent;
3877
- --theme-button-hover-color: var(--theme-secondary-500);
3878
- --theme-button-hover-background-color: var(--theme-secondary-050);
3879
- --theme-button-active-background-color: var(--theme-secondary-100);
3880
- --theme-button-selected-color: var(--theme-secondary-900);
3881
- --theme-button-selected-background-color: var(--theme-secondary-150);
3882
- --theme-button-primary-color: hsl(0, 0%, 100%);
3883
- --theme-button-primary-background-color: var(--theme-secondary-400);
3884
- --theme-button-primary-hover-color: hsl(0, 0%, 100%);
3885
- --theme-button-primary-hover-background-color: var(--theme-secondary-500);
3886
- --theme-button-primary-active-background-color: var(--theme-secondary-700);
3887
- --theme-button-primary-selected-color: var(--white);
3888
- --theme-button-primary-selected-background-color: var(--theme-secondary-700);
3889
- --theme-button-primary-number-color: var(--theme-secondary-900);
3890
- --theme-button-filled-color: var(--theme-secondary-700);
3891
- --theme-button-filled-background-color: var(--theme-secondary-050);
3892
- --theme-button-filled-border-color: var(--theme-secondary-350);
3893
- --theme-button-filled-hover-color: var(--theme-secondary-800);
3894
- --theme-button-filled-hover-background-color: var(--theme-secondary-100);
3895
- --theme-button-filled-active-background-color: var(--theme-secondary-150);
3896
- --theme-button-filled-active-border-color: var(--theme-secondary-350);
3897
- --theme-button-filled-selected-color: var(--theme-secondary-900);
3898
- --theme-button-filled-selected-background-color: var(--theme-secondary-300);
3899
- --theme-button-filled-selected-border-color: var(--theme-secondary-500);
3900
- --theme-button-outlined-border-color: var(--theme-secondary-300);
3901
- --theme-button-outlined-selected-border-color: var(--theme-secondary-400);
3902
- }
3903
4760
  body.theme-dark,
3904
4761
  body:not(.theme-dark) .theme-dark__forced {
3905
4762
  --white: hsl(0, 0%, 17.5%);
@@ -3989,19 +4846,25 @@ body:not(.theme-dark) .theme-dark__forced {
3989
4846
  --bronze: hsl(28, 38%, 67%);
3990
4847
  --bronze-lighter: hsl(28, 13%, 27%);
3991
4848
  --bronze-darker: hsl(28, 31%, 52%);
4849
+ --bc-lightest: var(--black-025);
4850
+ --bc-lighter: var(--black-050);
4851
+ --bc-light: var(--black-075);
4852
+ --bc-medium: var(--black-100);
4853
+ --bc-dark: var(--black-150);
4854
+ --bc-darker: var(--black-200);
3992
4855
  --fc-dark: var(--black-900);
3993
4856
  --fc-medium: var(--black-700);
3994
4857
  --fc-light: var(--black-500);
3995
4858
  --focus-ring-success: hsla(140, 40%, 75%, 0.4);
3996
4859
  --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
3997
4860
  --focus-ring-error: hsla(358, 62%, 52%, 0.3);
3998
- --focus-ring-muted: hsla(210, 8%, 15%, 0.1);
3999
- --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0, 0, 0.1), 0 2px 8px hsla(0, 0, 0, 0.1);
4000
- --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);
4001
- --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);
4861
+ --focus-ring-muted: hsla(0, 0%, 100%, 0.1);
4862
+ --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.1), 0 2px 8px hsla(0, 0%, 0%, 0.1);
4863
+ --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);
4864
+ --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);
4002
4865
  --scrollbar: hsla(0, 0%, 100%, 0.2);
4003
4866
  --highlight-bg: hsl(0, 2%, 11%);
4004
- --highlight-color: hsl(0, 0%, 100%);
4867
+ --highlight-color: var(--black);
4005
4868
  --highlight-comment: hsl(0, 0%, 60%);
4006
4869
  --highlight-punctuation: hsl(0, 0%, 80%);
4007
4870
  --highlight-namespace: hsl(27, 85%, 61.5%);
@@ -4062,40 +4925,6 @@ body:not(.theme-dark) .theme-dark__forced .themed {
4062
4925
  --focus-ring: hsla(var(--theme-secondary-color-h), var(--theme-secondary-color-s), var(--theme-secondary-color-l), 0.25);
4063
4926
  --theme-body-font-color: var(--black-800);
4064
4927
  }
4065
- body.theme-dark .themed,
4066
- body:not(.theme-dark) .theme-dark__forced .themed {
4067
- --theme-body-font-color: var(--black-800);
4068
- --theme-link-color: var(--theme-secondary-400);
4069
- --theme-link-color-hover: var(--theme-secondary-350);
4070
- --theme-link-color-visited: var(--theme-secondary-500);
4071
- --theme-button-color: var(--theme-secondary-400);
4072
- --theme-button-background-color: transparent;
4073
- --theme-button-hover-color: var(--theme-secondary-500);
4074
- --theme-button-hover-background-color: var(--theme-secondary-050);
4075
- --theme-button-active-background-color: var(--theme-secondary-100);
4076
- --theme-button-selected-color: var(--theme-secondary-900);
4077
- --theme-button-selected-background-color: var(--theme-secondary-150);
4078
- --theme-button-primary-color: hsl(0, 0%, 100%);
4079
- --theme-button-primary-background-color: var(--theme-secondary-400);
4080
- --theme-button-primary-hover-color: hsl(0, 0%, 100%);
4081
- --theme-button-primary-hover-background-color: var(--theme-secondary-500);
4082
- --theme-button-primary-active-background-color: var(--theme-secondary-700);
4083
- --theme-button-primary-selected-color: var(--white);
4084
- --theme-button-primary-selected-background-color: var(--theme-secondary-700);
4085
- --theme-button-primary-number-color: var(--theme-secondary-900);
4086
- --theme-button-filled-color: var(--theme-secondary-700);
4087
- --theme-button-filled-background-color: var(--theme-secondary-050);
4088
- --theme-button-filled-border-color: var(--theme-secondary-350);
4089
- --theme-button-filled-hover-color: var(--theme-secondary-800);
4090
- --theme-button-filled-hover-background-color: var(--theme-secondary-100);
4091
- --theme-button-filled-active-background-color: var(--theme-secondary-150);
4092
- --theme-button-filled-active-border-color: var(--theme-secondary-350);
4093
- --theme-button-filled-selected-color: var(--theme-secondary-900);
4094
- --theme-button-filled-selected-background-color: var(--theme-secondary-300);
4095
- --theme-button-filled-selected-border-color: var(--theme-secondary-500);
4096
- --theme-button-outlined-border-color: var(--theme-secondary-300);
4097
- --theme-button-outlined-selected-border-color: var(--theme-secondary-400);
4098
- }
4099
4928
  @media (prefers-color-scheme: dark) {
4100
4929
  body.theme-system {
4101
4930
  --white: hsl(0, 0%, 17.5%);
@@ -4185,19 +5014,25 @@ body:not(.theme-dark) .theme-dark__forced .themed {
4185
5014
  --bronze: hsl(28, 38%, 67%);
4186
5015
  --bronze-lighter: hsl(28, 13%, 27%);
4187
5016
  --bronze-darker: hsl(28, 31%, 52%);
5017
+ --bc-lightest: var(--black-025);
5018
+ --bc-lighter: var(--black-050);
5019
+ --bc-light: var(--black-075);
5020
+ --bc-medium: var(--black-100);
5021
+ --bc-dark: var(--black-150);
5022
+ --bc-darker: var(--black-200);
4188
5023
  --fc-dark: var(--black-900);
4189
5024
  --fc-medium: var(--black-700);
4190
5025
  --fc-light: var(--black-500);
4191
5026
  --focus-ring-success: hsla(140, 40%, 75%, 0.4);
4192
5027
  --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
4193
5028
  --focus-ring-error: hsla(358, 62%, 52%, 0.3);
4194
- --focus-ring-muted: hsla(210, 8%, 15%, 0.1);
4195
- --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0, 0, 0.1), 0 2px 8px hsla(0, 0, 0, 0.1);
4196
- --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);
4197
- --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);
5029
+ --focus-ring-muted: hsla(0, 0%, 100%, 0.1);
5030
+ --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.1), 0 2px 8px hsla(0, 0%, 0%, 0.1);
5031
+ --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);
5032
+ --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);
4198
5033
  --scrollbar: hsla(0, 0%, 100%, 0.2);
4199
5034
  --highlight-bg: hsl(0, 2%, 11%);
4200
- --highlight-color: hsl(0, 0%, 100%);
5035
+ --highlight-color: var(--black);
4201
5036
  --highlight-comment: hsl(0, 0%, 60%);
4202
5037
  --highlight-punctuation: hsl(0, 0%, 80%);
4203
5038
  --highlight-namespace: hsl(27, 85%, 61.5%);
@@ -4256,38 +5091,367 @@ body:not(.theme-dark) .theme-dark__forced .themed {
4256
5091
  --focus-ring: hsla(var(--theme-secondary-color-h), var(--theme-secondary-color-s), var(--theme-secondary-color-l), 0.25);
4257
5092
  --theme-body-font-color: var(--black-800);
4258
5093
  }
4259
- body.theme-system .themed {
4260
- --theme-body-font-color: var(--black-800);
4261
- --theme-link-color: var(--theme-secondary-400);
4262
- --theme-link-color-hover: var(--theme-secondary-350);
4263
- --theme-link-color-visited: var(--theme-secondary-500);
4264
- --theme-button-color: var(--theme-secondary-400);
4265
- --theme-button-background-color: transparent;
4266
- --theme-button-hover-color: var(--theme-secondary-500);
4267
- --theme-button-hover-background-color: var(--theme-secondary-050);
4268
- --theme-button-active-background-color: var(--theme-secondary-100);
4269
- --theme-button-selected-color: var(--theme-secondary-900);
4270
- --theme-button-selected-background-color: var(--theme-secondary-150);
4271
- --theme-button-primary-color: hsl(0, 0%, 100%);
4272
- --theme-button-primary-background-color: var(--theme-secondary-400);
4273
- --theme-button-primary-hover-color: hsl(0, 0%, 100%);
4274
- --theme-button-primary-hover-background-color: var(--theme-secondary-500);
4275
- --theme-button-primary-active-background-color: var(--theme-secondary-700);
4276
- --theme-button-primary-selected-color: var(--white);
4277
- --theme-button-primary-selected-background-color: var(--theme-secondary-700);
4278
- --theme-button-primary-number-color: var(--theme-secondary-900);
4279
- --theme-button-filled-color: var(--theme-secondary-700);
4280
- --theme-button-filled-background-color: var(--theme-secondary-050);
4281
- --theme-button-filled-border-color: var(--theme-secondary-350);
4282
- --theme-button-filled-hover-color: var(--theme-secondary-800);
4283
- --theme-button-filled-hover-background-color: var(--theme-secondary-100);
4284
- --theme-button-filled-active-background-color: var(--theme-secondary-150);
4285
- --theme-button-filled-active-border-color: var(--theme-secondary-350);
4286
- --theme-button-filled-selected-color: var(--theme-secondary-900);
4287
- --theme-button-filled-selected-background-color: var(--theme-secondary-300);
4288
- --theme-button-filled-selected-border-color: var(--theme-secondary-500);
4289
- --theme-button-outlined-border-color: var(--theme-secondary-300);
4290
- --theme-button-outlined-selected-border-color: var(--theme-secondary-400);
5094
+ }
5095
+ body.theme-highcontrast:not(.theme-dark),
5096
+ body.theme-dark.theme-highcontrast .theme-light__forced,
5097
+ body.theme-system.theme-highcontrast .theme-light__forced {
5098
+ --white: hsl(0, 0%, 100%);
5099
+ --black: hsl(0, 0%, 0%);
5100
+ --black-025: hsl(210, 8%, 97.5%);
5101
+ --black-050: hsl(210, 8%, 95%);
5102
+ --black-075: hsl(210, 8%, 92.5%);
5103
+ --black-100: hsl(210, 8%, 90%);
5104
+ --black-150: hsl(210, 8%, 87.5%);
5105
+ --black-200: hsl(210, 8%, 85%);
5106
+ --black-300: hsl(210, 8%, 35%);
5107
+ --black-350: hsl(210, 8%, 32.5%);
5108
+ --black-400: hsl(210, 8%, 30%);
5109
+ --black-500: hsl(210, 8%, 25%);
5110
+ --black-600: hsl(210, 8%, 20%);
5111
+ --black-700: hsl(210, 8%, 15%);
5112
+ --black-750: hsl(210, 8%, 10%);
5113
+ --black-800: hsl(210, 8%, 5%);
5114
+ --black-900: hsl(0, 0%, 0%);
5115
+ --orange-050: hsl(27, 100%, 97.5%);
5116
+ --orange-100: hsl(27, 100%, 94%);
5117
+ --orange-200: hsl(27, 100%, 88%);
5118
+ --orange-300: hsl(27, 100%, 82%);
5119
+ --orange-400: hsl(27, 100%, 34%);
5120
+ --orange-500: hsl(27, 100%, 29%);
5121
+ --orange-600: hsl(27, 100%, 24%);
5122
+ --orange-700: hsl(27, 100%, 19%);
5123
+ --orange-800: hsl(27, 100%, 13%);
5124
+ --orange-900: hsl(27, 100%, 8%);
5125
+ --blue-050: hsl(206, 100%, 97.5%);
5126
+ --blue-100: hsl(206, 100%, 95%);
5127
+ --blue-200: hsl(206, 100%, 90%);
5128
+ --blue-300: hsl(206, 100%, 85%);
5129
+ --blue-400: hsl(206, 100%, 25%);
5130
+ --blue-500: hsl(206, 100%, 20%);
5131
+ --blue-600: hsl(206, 100%, 15%);
5132
+ --blue-700: hsl(206, 100%, 10%);
5133
+ --blue-800: hsl(206, 100%, 7.5%);
5134
+ --blue-900: hsl(206, 100%, 5%);
5135
+ --powder-050: hsl(205, 100%, 97.5%);
5136
+ --powder-100: hsl(205, 85%, 96%);
5137
+ --powder-200: hsl(205, 75%, 92%);
5138
+ --powder-300: hsl(205, 70%, 88%);
5139
+ --powder-400: hsl(205, 55%, 28%);
5140
+ --powder-500: hsl(205, 60%, 24%);
5141
+ --powder-600: hsl(205, 70%, 20%);
5142
+ --powder-700: hsl(205, 75%, 16%);
5143
+ --powder-800: hsl(205, 75%, 12%);
5144
+ --powder-900: hsl(205, 75%, 8%);
5145
+ --green-025: hsl(140, 100%, 97%);
5146
+ --green-050: hsl(140, 100%, 96%);
5147
+ --green-100: hsl(140, 100%, 94%);
5148
+ --green-200: hsl(140, 100%, 88%);
5149
+ --green-300: hsl(140, 100%, 82%);
5150
+ --green-400: hsl(140, 100%, 18%);
5151
+ --green-500: hsl(140, 100%, 15%);
5152
+ --green-600: hsl(140, 100%, 12%);
5153
+ --green-700: hsl(140, 100%, 9%);
5154
+ --green-800: hsl(140, 100%, 6%);
5155
+ --green-900: hsl(140, 100%, 3%);
5156
+ --yellow-050: hsl(47, 100%, 95%);
5157
+ --yellow-100: hsl(47, 100%, 92%);
5158
+ --yellow-200: hsl(47, 95%, 85%);
5159
+ --yellow-300: hsl(47, 95%, 78%);
5160
+ --yellow-400: hsl(47, 100%, 28%);
5161
+ --yellow-500: hsl(47, 100%, 26%);
5162
+ --yellow-600: hsl(47, 100%, 23%);
5163
+ --yellow-700: hsl(47, 100%, 19%);
5164
+ --yellow-800: hsl(47, 100%, 13%);
5165
+ --yellow-900: hsl(47, 100%, 7%);
5166
+ --red-050: hsl(358, 100%, 97.5%);
5167
+ --red-100: hsl(358, 100%, 95%);
5168
+ --red-200: hsl(358, 100%, 90%);
5169
+ --red-300: hsl(358, 100%, 85%);
5170
+ --red-400: hsl(358, 100%, 35%);
5171
+ --red-500: hsl(358, 100%, 29%);
5172
+ --red-600: hsl(358, 100%, 23%);
5173
+ --red-700: hsl(358, 100%, 17%);
5174
+ --red-800: hsl(358, 100%, 11%);
5175
+ --red-900: hsl(358, 100%, 7%);
5176
+ --gold: hsl(48, 100%, 50%);
5177
+ --gold-lighter: hsl(48, 100%, 91%);
5178
+ --gold-darker: hsl(45, 100%, 20%);
5179
+ --silver: hsl(210, 6%, 72%);
5180
+ --silver-lighter: hsl(210, 6%, 91%);
5181
+ --silver-darker: hsl(210, 6%, 30%);
5182
+ --bronze: hsl(28, 38%, 65%);
5183
+ --bronze-lighter: hsl(28, 40%, 92%);
5184
+ --bronze-darker: hsl(28, 31%, 25%);
5185
+ --bc-lightest: var(--black-400);
5186
+ --bc-lighter: var(--black-400);
5187
+ --bc-light: var(--black-400);
5188
+ --bc-medium: var(--black-400);
5189
+ --bc-dark: var(--black-700);
5190
+ --bc-darker: var(--black-900);
5191
+ --fc-dark: var(--black-900);
5192
+ --fc-medium: var(--black-700);
5193
+ --fc-light: var(--black-500);
5194
+ --focus-ring: hsla(206, 100%, 40%, 0.9);
5195
+ --focus-ring-success: hsla(140, 40%, 40%, 0.9);
5196
+ --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
5197
+ --focus-ring-error: hsla(358, 62%, 47%, 0.9);
5198
+ --focus-ring-muted: hsla(210, 8%, 55%, 0.95);
5199
+ --bs-sm: none;
5200
+ --bs-md: none;
5201
+ --bs-lg: none;
5202
+ --scrollbar: var(--black);
5203
+ --highlight-bg: hsl(0, 0%, 96.5%);
5204
+ --highlight-color: var(--black-750);
5205
+ --highlight-comment: hsl(213, 7%, 33%);
5206
+ --highlight-punctuation: var(--black-600);
5207
+ --highlight-namespace: hsl(16, 94%, 31%);
5208
+ --highlight-attribute: hsl(215, 100%, 35%);
5209
+ --highlight-literal: hsl(16, 94%, 31%);
5210
+ --highlight-symbol: hsl(309, 45%, 31%);
5211
+ --highlight-keyword: hsl(215, 100%, 35%);
5212
+ --highlight-variable: hsl(88, 100%, 19%);
5213
+ --highlight-addition: var(--green-500);
5214
+ --highlight-deletion: var(--red-500);
5215
+ }
5216
+ body.theme-dark.theme-highcontrast,
5217
+ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
5218
+ --white: hsl(0, 0%, 0%);
5219
+ --black: hsl(0, 0%, 100%);
5220
+ --black-025: hsl(210, 8%, 2.5%);
5221
+ --black-050: hsl(210, 8%, 5%);
5222
+ --black-075: hsl(210, 8%, 7.5%);
5223
+ --black-100: hsl(210, 8%, 10%);
5224
+ --black-150: hsl(210, 8%, 12.5%);
5225
+ --black-200: hsl(210, 8%, 15%);
5226
+ --black-300: hsl(210, 8%, 65%);
5227
+ --black-350: hsl(210, 8%, 67.5%);
5228
+ --black-400: hsl(210, 8%, 70%);
5229
+ --black-500: hsl(210, 8%, 75%);
5230
+ --black-600: hsl(210, 8%, 80%);
5231
+ --black-700: hsl(210, 8%, 85%);
5232
+ --black-750: hsl(210, 8%, 90%);
5233
+ --black-800: hsl(210, 8%, 95%);
5234
+ --black-900: hsl(0, 0%, 100%);
5235
+ --orange-050: hsl(27, 100%, 4%);
5236
+ --orange-100: hsl(27, 100%, 8%);
5237
+ --orange-200: hsl(27, 100%, 16%);
5238
+ --orange-300: hsl(27, 100%, 24%);
5239
+ --orange-400: hsl(27, 100%, 64%);
5240
+ --orange-500: hsl(27, 100%, 71%);
5241
+ --orange-600: hsl(27, 100%, 77%);
5242
+ --orange-700: hsl(27, 100%, 82%);
5243
+ --orange-800: hsl(27, 100%, 87%);
5244
+ --orange-900: hsl(27, 100%, 91%);
5245
+ --blue-050: hsl(206, 100%, 4%);
5246
+ --blue-100: hsl(206, 100%, 11%);
5247
+ --blue-200: hsl(206, 100%, 18%);
5248
+ --blue-300: hsl(206, 100%, 25%);
5249
+ --blue-400: hsl(206, 100%, 75%);
5250
+ --blue-500: hsl(206, 100%, 80%);
5251
+ --blue-600: hsl(206, 100%, 85%);
5252
+ --blue-700: hsl(206, 100%, 90%);
5253
+ --blue-800: hsl(206, 100%, 92.5%);
5254
+ --blue-900: hsl(206, 100%, 95%);
5255
+ --powder-050: hsl(205, 100%, 6%);
5256
+ --powder-100: hsl(205, 90%, 8%);
5257
+ --powder-200: hsl(205, 80%, 14%);
5258
+ --powder-300: hsl(205, 60%, 20%);
5259
+ --powder-400: hsl(205, 55%, 72%);
5260
+ --powder-500: hsl(205, 60%, 76%);
5261
+ --powder-600: hsl(205, 70%, 80%);
5262
+ --powder-700: hsl(205, 75%, 84%);
5263
+ --powder-800: hsl(205, 75%, 88%);
5264
+ --powder-900: hsl(205, 75%, 92%);
5265
+ --green-025: hsl(140, 100%, 3%);
5266
+ --green-050: hsl(140, 100%, 4%);
5267
+ --green-100: hsl(140, 100%, 6%);
5268
+ --green-200: hsl(140, 100%, 12%);
5269
+ --green-300: hsl(140, 100%, 18%);
5270
+ --green-400: hsl(140, 100%, 65%);
5271
+ --green-500: hsl(140, 100%, 71%);
5272
+ --green-600: hsl(140, 100%, 77%);
5273
+ --green-700: hsl(140, 100%, 83%);
5274
+ --green-800: hsl(140, 100%, 89%);
5275
+ --green-900: hsl(140, 100%, 94%);
5276
+ --yellow-050: hsl(47, 100%, 4%);
5277
+ --yellow-100: hsl(47, 100%, 8%);
5278
+ --yellow-200: hsl(47, 95%, 16%);
5279
+ --yellow-300: hsl(47, 95%, 24%);
5280
+ --yellow-400: hsl(47, 100%, 55%);
5281
+ --yellow-500: hsl(47, 100%, 63%);
5282
+ --yellow-600: hsl(47, 100%, 71%);
5283
+ --yellow-700: hsl(47, 100%, 79%);
5284
+ --yellow-800: hsl(47, 100%, 87%);
5285
+ --yellow-900: hsl(47, 100%, 95%);
5286
+ --red-050: hsl(358, 100%, 4%);
5287
+ --red-100: hsl(358, 100%, 8%);
5288
+ --red-200: hsl(358, 100%, 16%);
5289
+ --red-300: hsl(358, 100%, 24%);
5290
+ --red-400: hsl(358, 100%, 70%);
5291
+ --red-500: hsl(358, 100%, 75%);
5292
+ --red-600: hsl(358, 100%, 80%);
5293
+ --red-700: hsl(358, 100%, 85%);
5294
+ --red-800: hsl(358, 100%, 90%);
5295
+ --red-900: hsl(358, 100%, 95%);
5296
+ --gold: hsl(48, 100%, 50%);
5297
+ --gold-lighter: hsl(45, 100%, 9%);
5298
+ --gold-darker: hsl(45, 100%, 80%);
5299
+ --silver: hsl(210, 6%, 72%);
5300
+ --silver-lighter: hsl(210, 5%, 9%);
5301
+ --silver-darker: hsl(210, 5%, 70%);
5302
+ --bronze: hsl(28, 38%, 65%);
5303
+ --bronze-lighter: hsl(28, 40%, 8%);
5304
+ --bronze-darker: hsl(28, 46.7%, 75%);
5305
+ --bc-lightest: var(--black-400);
5306
+ --bc-lighter: var(--black-400);
5307
+ --bc-light: var(--black-400);
5308
+ --bc-medium: var(--black-400);
5309
+ --bc-dark: var(--black-700);
5310
+ --bc-darker: var(--black-900);
5311
+ --focus-ring: hsla(206, 100%, 40%, 0.9);
5312
+ --focus-ring-success: hsla(140, 40%, 40%, 0.9);
5313
+ --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
5314
+ --focus-ring-error: hsla(358, 62%, 47%, 0.9);
5315
+ --focus-ring-muted: hsla(210, 8%, 55%, 0.95);
5316
+ --fc-dark: var(--black-900);
5317
+ --fc-medium: var(--black-700);
5318
+ --fc-light: var(--black-500);
5319
+ --bs-sm: none;
5320
+ --bs-md: none;
5321
+ --bs-lg: none;
5322
+ --scrollbar: var(--black);
5323
+ --highlight-bg: hsl(0, 0%, 10%);
5324
+ --highlight-color: hsl(0, 0%, 100%);
5325
+ --highlight-comment: hsl(0, 0%, 99%);
5326
+ --highlight-punctuation: hsl(0, 0%, 99%);
5327
+ --highlight-namespace: hsl(36, 96%, 71%);
5328
+ --highlight-attribute: hsl(200, 57%, 85%);
5329
+ --highlight-literal: hsl(36, 96%, 71%);
5330
+ --highlight-symbol: hsl(304, 39%, 85%);
5331
+ --highlight-keyword: hsl(200, 57%, 85%);
5332
+ --highlight-variable: hsl(62, 71%, 81%);
5333
+ --highlight-addition: var(--green-600);
5334
+ --highlight-deletion: var(--red-700);
5335
+ }
5336
+ @media (prefers-color-scheme: dark) {
5337
+ body.theme-system.theme-highcontrast {
5338
+ --white: hsl(0, 0%, 0%);
5339
+ --black: hsl(0, 0%, 100%);
5340
+ --black-025: hsl(210, 8%, 2.5%);
5341
+ --black-050: hsl(210, 8%, 5%);
5342
+ --black-075: hsl(210, 8%, 7.5%);
5343
+ --black-100: hsl(210, 8%, 10%);
5344
+ --black-150: hsl(210, 8%, 12.5%);
5345
+ --black-200: hsl(210, 8%, 15%);
5346
+ --black-300: hsl(210, 8%, 65%);
5347
+ --black-350: hsl(210, 8%, 67.5%);
5348
+ --black-400: hsl(210, 8%, 70%);
5349
+ --black-500: hsl(210, 8%, 75%);
5350
+ --black-600: hsl(210, 8%, 80%);
5351
+ --black-700: hsl(210, 8%, 85%);
5352
+ --black-750: hsl(210, 8%, 90%);
5353
+ --black-800: hsl(210, 8%, 95%);
5354
+ --black-900: hsl(0, 0%, 100%);
5355
+ --orange-050: hsl(27, 100%, 4%);
5356
+ --orange-100: hsl(27, 100%, 8%);
5357
+ --orange-200: hsl(27, 100%, 16%);
5358
+ --orange-300: hsl(27, 100%, 24%);
5359
+ --orange-400: hsl(27, 100%, 64%);
5360
+ --orange-500: hsl(27, 100%, 71%);
5361
+ --orange-600: hsl(27, 100%, 77%);
5362
+ --orange-700: hsl(27, 100%, 82%);
5363
+ --orange-800: hsl(27, 100%, 87%);
5364
+ --orange-900: hsl(27, 100%, 91%);
5365
+ --blue-050: hsl(206, 100%, 4%);
5366
+ --blue-100: hsl(206, 100%, 11%);
5367
+ --blue-200: hsl(206, 100%, 18%);
5368
+ --blue-300: hsl(206, 100%, 25%);
5369
+ --blue-400: hsl(206, 100%, 75%);
5370
+ --blue-500: hsl(206, 100%, 80%);
5371
+ --blue-600: hsl(206, 100%, 85%);
5372
+ --blue-700: hsl(206, 100%, 90%);
5373
+ --blue-800: hsl(206, 100%, 92.5%);
5374
+ --blue-900: hsl(206, 100%, 95%);
5375
+ --powder-050: hsl(205, 100%, 6%);
5376
+ --powder-100: hsl(205, 90%, 8%);
5377
+ --powder-200: hsl(205, 80%, 14%);
5378
+ --powder-300: hsl(205, 60%, 20%);
5379
+ --powder-400: hsl(205, 55%, 72%);
5380
+ --powder-500: hsl(205, 60%, 76%);
5381
+ --powder-600: hsl(205, 70%, 80%);
5382
+ --powder-700: hsl(205, 75%, 84%);
5383
+ --powder-800: hsl(205, 75%, 88%);
5384
+ --powder-900: hsl(205, 75%, 92%);
5385
+ --green-025: hsl(140, 100%, 3%);
5386
+ --green-050: hsl(140, 100%, 4%);
5387
+ --green-100: hsl(140, 100%, 6%);
5388
+ --green-200: hsl(140, 100%, 12%);
5389
+ --green-300: hsl(140, 100%, 18%);
5390
+ --green-400: hsl(140, 100%, 65%);
5391
+ --green-500: hsl(140, 100%, 71%);
5392
+ --green-600: hsl(140, 100%, 77%);
5393
+ --green-700: hsl(140, 100%, 83%);
5394
+ --green-800: hsl(140, 100%, 89%);
5395
+ --green-900: hsl(140, 100%, 94%);
5396
+ --yellow-050: hsl(47, 100%, 4%);
5397
+ --yellow-100: hsl(47, 100%, 8%);
5398
+ --yellow-200: hsl(47, 95%, 16%);
5399
+ --yellow-300: hsl(47, 95%, 24%);
5400
+ --yellow-400: hsl(47, 100%, 55%);
5401
+ --yellow-500: hsl(47, 100%, 63%);
5402
+ --yellow-600: hsl(47, 100%, 71%);
5403
+ --yellow-700: hsl(47, 100%, 79%);
5404
+ --yellow-800: hsl(47, 100%, 87%);
5405
+ --yellow-900: hsl(47, 100%, 95%);
5406
+ --red-050: hsl(358, 100%, 4%);
5407
+ --red-100: hsl(358, 100%, 8%);
5408
+ --red-200: hsl(358, 100%, 16%);
5409
+ --red-300: hsl(358, 100%, 24%);
5410
+ --red-400: hsl(358, 100%, 70%);
5411
+ --red-500: hsl(358, 100%, 75%);
5412
+ --red-600: hsl(358, 100%, 80%);
5413
+ --red-700: hsl(358, 100%, 85%);
5414
+ --red-800: hsl(358, 100%, 90%);
5415
+ --red-900: hsl(358, 100%, 95%);
5416
+ --gold: hsl(48, 100%, 50%);
5417
+ --gold-lighter: hsl(45, 100%, 9%);
5418
+ --gold-darker: hsl(45, 100%, 80%);
5419
+ --silver: hsl(210, 6%, 72%);
5420
+ --silver-lighter: hsl(210, 5%, 9%);
5421
+ --silver-darker: hsl(210, 5%, 70%);
5422
+ --bronze: hsl(28, 38%, 65%);
5423
+ --bronze-lighter: hsl(28, 40%, 8%);
5424
+ --bronze-darker: hsl(28, 46.7%, 75%);
5425
+ --bc-lightest: var(--black-400);
5426
+ --bc-lighter: var(--black-400);
5427
+ --bc-light: var(--black-400);
5428
+ --bc-medium: var(--black-400);
5429
+ --bc-dark: var(--black-700);
5430
+ --bc-darker: var(--black-900);
5431
+ --focus-ring: hsla(206, 100%, 40%, 0.9);
5432
+ --focus-ring-success: hsla(140, 40%, 40%, 0.9);
5433
+ --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
5434
+ --focus-ring-error: hsla(358, 62%, 47%, 0.9);
5435
+ --focus-ring-muted: hsla(210, 8%, 55%, 0.95);
5436
+ --fc-dark: var(--black-900);
5437
+ --fc-medium: var(--black-700);
5438
+ --fc-light: var(--black-500);
5439
+ --bs-sm: none;
5440
+ --bs-md: none;
5441
+ --bs-lg: none;
5442
+ --scrollbar: var(--black);
5443
+ --highlight-bg: hsl(0, 0%, 10%);
5444
+ --highlight-color: hsl(0, 0%, 100%);
5445
+ --highlight-comment: hsl(0, 0%, 99%);
5446
+ --highlight-punctuation: hsl(0, 0%, 99%);
5447
+ --highlight-namespace: hsl(36, 96%, 71%);
5448
+ --highlight-attribute: hsl(200, 57%, 85%);
5449
+ --highlight-literal: hsl(36, 96%, 71%);
5450
+ --highlight-symbol: hsl(304, 39%, 85%);
5451
+ --highlight-keyword: hsl(200, 57%, 85%);
5452
+ --highlight-variable: hsl(62, 71%, 81%);
5453
+ --highlight-addition: var(--green-600);
5454
+ --highlight-deletion: var(--red-700);
4291
5455
  }
4292
5456
  }
4293
5457
  /* stylelint-disable indentation */
@@ -4588,6 +5752,12 @@ body:not(.theme-dark) .theme-dark__forced .themed {
4588
5752
  .bc-white {
4589
5753
  border-color: var(--white) !important;
4590
5754
  }
5755
+ body.theme-highcontrast .bc-white-1 {
5756
+ border-color: var(--black-025) !important;
5757
+ }
5758
+ body.theme-highcontrast .bc-white-2 {
5759
+ border-color: var(--black-050) !important;
5760
+ }
4591
5761
  .bc-black-025 {
4592
5762
  border-color: var(--black-025) !important;
4593
5763
  }
@@ -4643,6 +5813,18 @@ body:not(.theme-dark) .theme-dark__forced .themed {
4643
5813
  .bc-black-900 {
4644
5814
  border-color: var(--black-900) !important;
4645
5815
  }
5816
+ body.theme-highcontrast .bc-black-025,
5817
+ body.theme-highcontrast .bc-black-1,
5818
+ body.theme-highcontrast .bc-black-050,
5819
+ body.theme-highcontrast .bc-black-2,
5820
+ body.theme-highcontrast .bc-black-075,
5821
+ body.theme-highcontrast .bc-black-3,
5822
+ body.theme-highcontrast .bc-black-100,
5823
+ body.theme-highcontrast .bc-black-150,
5824
+ body.theme-highcontrast .bc-black-4,
5825
+ body.theme-highcontrast .bc-black-200 {
5826
+ border-color: var(--black-300) !important;
5827
+ }
4646
5828
  .bc-orange-050 {
4647
5829
  border-color: var(--orange-050) !important;
4648
5830
  }
@@ -8223,11 +9405,8 @@ body.theme-dark .d\:bg-theme-secondary-025,
8223
9405
  .fc-inherit {
8224
9406
  color: inherit !important;
8225
9407
  }
8226
- .flex__fl0,
8227
9408
  .flex__fl-shrink0,
8228
- .flex__fl0 > .d-flex,
8229
9409
  .flex__fl-shrink0 > .d-flex,
8230
- .flex__fl0 > .flex--item,
8231
9410
  .flex__fl-shrink0 > .flex--item {
8232
9411
  flex: 0 auto;
8233
9412
  }
@@ -8236,11 +9415,8 @@ body.theme-dark .d\:bg-theme-secondary-025,
8236
9415
  .flex__fl-equal > .flex--item {
8237
9416
  flex: 1 1 0%;
8238
9417
  }
8239
- .flex__fl1,
8240
9418
  .flex__fl-grow1,
8241
- .flex__fl1 > .d-flex,
8242
9419
  .flex__fl-grow1 > .d-flex,
8243
- .flex__fl1 > .flex--item,
8244
9420
  .flex__fl-grow1 > .flex--item {
8245
9421
  flex: 1 auto;
8246
9422
  }
@@ -8280,75 +9456,51 @@ body.theme-dark .d\:bg-theme-secondary-025,
8280
9456
  .flex--item12 {
8281
9457
  flex-basis: 100%;
8282
9458
  }
8283
- .flex__allcells1 > .d-flex,
8284
9459
  .flex__allitems1 > .d-flex,
8285
- .flex__allcells1 > .flex--item,
8286
9460
  .flex__allitems1 > .flex--item {
8287
9461
  flex-basis: 8.33333333%;
8288
9462
  }
8289
- .flex__allcells2 > .d-flex,
8290
9463
  .flex__allitems2 > .d-flex,
8291
- .flex__allcells2 > .flex--item,
8292
9464
  .flex__allitems2 > .flex--item {
8293
9465
  flex-basis: 16.66666667%;
8294
9466
  }
8295
- .flex__allcells3 > .d-flex,
8296
9467
  .flex__allitems3 > .d-flex,
8297
- .flex__allcells3 > .flex--item,
8298
9468
  .flex__allitems3 > .flex--item {
8299
9469
  flex-basis: 25%;
8300
9470
  }
8301
- .flex__allcells4 > .d-flex,
8302
9471
  .flex__allitems4 > .d-flex,
8303
- .flex__allcells4 > .flex--item,
8304
9472
  .flex__allitems4 > .flex--item {
8305
9473
  flex-basis: 33.33333333%;
8306
9474
  }
8307
- .flex__allcells5 > .d-flex,
8308
9475
  .flex__allitems5 > .d-flex,
8309
- .flex__allcells5 > .flex--item,
8310
9476
  .flex__allitems5 > .flex--item {
8311
9477
  flex-basis: 41.66666667%;
8312
9478
  }
8313
- .flex__allcells6 > .d-flex,
8314
9479
  .flex__allitems6 > .d-flex,
8315
- .flex__allcells6 > .flex--item,
8316
9480
  .flex__allitems6 > .flex--item {
8317
9481
  flex-basis: 50%;
8318
9482
  }
8319
- .flex__allcells7 > .d-flex,
8320
9483
  .flex__allitems7 > .d-flex,
8321
- .flex__allcells7 > .flex--item,
8322
9484
  .flex__allitems7 > .flex--item {
8323
9485
  flex-basis: 58.33333333%;
8324
9486
  }
8325
- .flex__allcells8 > .d-flex,
8326
9487
  .flex__allitems8 > .d-flex,
8327
- .flex__allcells8 > .flex--item,
8328
9488
  .flex__allitems8 > .flex--item {
8329
9489
  flex-basis: 66.66666667%;
8330
9490
  }
8331
- .flex__allcells9 > .d-flex,
8332
9491
  .flex__allitems9 > .d-flex,
8333
- .flex__allcells9 > .flex--item,
8334
9492
  .flex__allitems9 > .flex--item {
8335
9493
  flex-basis: 75%;
8336
9494
  }
8337
- .flex__allcells10 > .d-flex,
8338
9495
  .flex__allitems10 > .d-flex,
8339
- .flex__allcells10 > .flex--item,
8340
9496
  .flex__allitems10 > .flex--item {
8341
9497
  flex-basis: 83.33333333%;
8342
9498
  }
8343
- .flex__allcells11 > .d-flex,
8344
9499
  .flex__allitems11 > .d-flex,
8345
- .flex__allcells11 > .flex--item,
8346
9500
  .flex__allitems11 > .flex--item {
8347
9501
  flex-basis: 91.66666667%;
8348
9502
  }
8349
- .flex__allcells12 > .d-flex,
8350
9503
  .flex__allitems12 > .d-flex,
8351
- .flex__allcells12 > .flex--item,
8352
9504
  .flex__allitems12 > .flex--item {
8353
9505
  flex-basis: 100%;
8354
9506
  }
@@ -8363,9 +9515,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8363
9515
  margin: 1px;
8364
9516
  }
8365
9517
  .gs2 > .flex--item1,
8366
- .gs2.flex__allcells1 > .d-flex,
8367
9518
  .gs2.flex__allitems1 > .d-flex,
8368
- .gs2.flex__allcells1 > .flex--item,
8369
9519
  .gs2.flex__allitems1 > .flex--item {
8370
9520
  flex-basis: calc(8.333333333333334% - 2px);
8371
9521
  }
@@ -8373,9 +9523,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8373
9523
  margin: 1px;
8374
9524
  }
8375
9525
  .gs2 > .flex--item2,
8376
- .gs2.flex__allcells2 > .d-flex,
8377
9526
  .gs2.flex__allitems2 > .d-flex,
8378
- .gs2.flex__allcells2 > .flex--item,
8379
9527
  .gs2.flex__allitems2 > .flex--item {
8380
9528
  flex-basis: calc(16.666666666666668% - 2px);
8381
9529
  }
@@ -8383,9 +9531,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8383
9531
  margin: 1px;
8384
9532
  }
8385
9533
  .gs2 > .flex--item3,
8386
- .gs2.flex__allcells3 > .d-flex,
8387
9534
  .gs2.flex__allitems3 > .d-flex,
8388
- .gs2.flex__allcells3 > .flex--item,
8389
9535
  .gs2.flex__allitems3 > .flex--item {
8390
9536
  flex-basis: calc(25% - 2px);
8391
9537
  }
@@ -8393,9 +9539,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8393
9539
  margin: 1px;
8394
9540
  }
8395
9541
  .gs2 > .flex--item4,
8396
- .gs2.flex__allcells4 > .d-flex,
8397
9542
  .gs2.flex__allitems4 > .d-flex,
8398
- .gs2.flex__allcells4 > .flex--item,
8399
9543
  .gs2.flex__allitems4 > .flex--item {
8400
9544
  flex-basis: calc(33.333333333333336% - 2px);
8401
9545
  }
@@ -8403,9 +9547,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8403
9547
  margin: 1px;
8404
9548
  }
8405
9549
  .gs2 > .flex--item5,
8406
- .gs2.flex__allcells5 > .d-flex,
8407
9550
  .gs2.flex__allitems5 > .d-flex,
8408
- .gs2.flex__allcells5 > .flex--item,
8409
9551
  .gs2.flex__allitems5 > .flex--item {
8410
9552
  flex-basis: calc(41.666666666666664% - 2px);
8411
9553
  }
@@ -8413,9 +9555,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8413
9555
  margin: 1px;
8414
9556
  }
8415
9557
  .gs2 > .flex--item6,
8416
- .gs2.flex__allcells6 > .d-flex,
8417
9558
  .gs2.flex__allitems6 > .d-flex,
8418
- .gs2.flex__allcells6 > .flex--item,
8419
9559
  .gs2.flex__allitems6 > .flex--item {
8420
9560
  flex-basis: calc(50% - 2px);
8421
9561
  }
@@ -8423,9 +9563,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8423
9563
  margin: 1px;
8424
9564
  }
8425
9565
  .gs2 > .flex--item7,
8426
- .gs2.flex__allcells7 > .d-flex,
8427
9566
  .gs2.flex__allitems7 > .d-flex,
8428
- .gs2.flex__allcells7 > .flex--item,
8429
9567
  .gs2.flex__allitems7 > .flex--item {
8430
9568
  flex-basis: calc(58.333333333333336% - 2px);
8431
9569
  }
@@ -8433,9 +9571,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8433
9571
  margin: 1px;
8434
9572
  }
8435
9573
  .gs2 > .flex--item8,
8436
- .gs2.flex__allcells8 > .d-flex,
8437
9574
  .gs2.flex__allitems8 > .d-flex,
8438
- .gs2.flex__allcells8 > .flex--item,
8439
9575
  .gs2.flex__allitems8 > .flex--item {
8440
9576
  flex-basis: calc(66.66666666666667% - 2px);
8441
9577
  }
@@ -8443,9 +9579,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8443
9579
  margin: 1px;
8444
9580
  }
8445
9581
  .gs2 > .flex--item9,
8446
- .gs2.flex__allcells9 > .d-flex,
8447
9582
  .gs2.flex__allitems9 > .d-flex,
8448
- .gs2.flex__allcells9 > .flex--item,
8449
9583
  .gs2.flex__allitems9 > .flex--item {
8450
9584
  flex-basis: calc(75% - 2px);
8451
9585
  }
@@ -8453,9 +9587,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8453
9587
  margin: 1px;
8454
9588
  }
8455
9589
  .gs2 > .flex--item10,
8456
- .gs2.flex__allcells10 > .d-flex,
8457
9590
  .gs2.flex__allitems10 > .d-flex,
8458
- .gs2.flex__allcells10 > .flex--item,
8459
9591
  .gs2.flex__allitems10 > .flex--item {
8460
9592
  flex-basis: calc(83.33333333333333% - 2px);
8461
9593
  }
@@ -8463,9 +9595,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8463
9595
  margin: 1px;
8464
9596
  }
8465
9597
  .gs2 > .flex--item11,
8466
- .gs2.flex__allcells11 > .d-flex,
8467
9598
  .gs2.flex__allitems11 > .d-flex,
8468
- .gs2.flex__allcells11 > .flex--item,
8469
9599
  .gs2.flex__allitems11 > .flex--item {
8470
9600
  flex-basis: calc(91.66666666666667% - 2px);
8471
9601
  }
@@ -8473,9 +9603,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8473
9603
  margin: 1px;
8474
9604
  }
8475
9605
  .gs2 > .flex--item12,
8476
- .gs2.flex__allcells12 > .d-flex,
8477
9606
  .gs2.flex__allitems12 > .d-flex,
8478
- .gs2.flex__allcells12 > .flex--item,
8479
9607
  .gs2.flex__allitems12 > .flex--item {
8480
9608
  flex-basis: calc(100% - 2px);
8481
9609
  }
@@ -8490,9 +9618,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8490
9618
  margin: 2px;
8491
9619
  }
8492
9620
  .gs4 > .flex--item1,
8493
- .gs4.flex__allcells1 > .d-flex,
8494
9621
  .gs4.flex__allitems1 > .d-flex,
8495
- .gs4.flex__allcells1 > .flex--item,
8496
9622
  .gs4.flex__allitems1 > .flex--item {
8497
9623
  flex-basis: calc(8.333333333333334% - 4px);
8498
9624
  }
@@ -8500,9 +9626,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8500
9626
  margin: 2px;
8501
9627
  }
8502
9628
  .gs4 > .flex--item2,
8503
- .gs4.flex__allcells2 > .d-flex,
8504
9629
  .gs4.flex__allitems2 > .d-flex,
8505
- .gs4.flex__allcells2 > .flex--item,
8506
9630
  .gs4.flex__allitems2 > .flex--item {
8507
9631
  flex-basis: calc(16.666666666666668% - 4px);
8508
9632
  }
@@ -8510,9 +9634,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8510
9634
  margin: 2px;
8511
9635
  }
8512
9636
  .gs4 > .flex--item3,
8513
- .gs4.flex__allcells3 > .d-flex,
8514
9637
  .gs4.flex__allitems3 > .d-flex,
8515
- .gs4.flex__allcells3 > .flex--item,
8516
9638
  .gs4.flex__allitems3 > .flex--item {
8517
9639
  flex-basis: calc(25% - 4px);
8518
9640
  }
@@ -8520,9 +9642,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8520
9642
  margin: 2px;
8521
9643
  }
8522
9644
  .gs4 > .flex--item4,
8523
- .gs4.flex__allcells4 > .d-flex,
8524
9645
  .gs4.flex__allitems4 > .d-flex,
8525
- .gs4.flex__allcells4 > .flex--item,
8526
9646
  .gs4.flex__allitems4 > .flex--item {
8527
9647
  flex-basis: calc(33.333333333333336% - 4px);
8528
9648
  }
@@ -8530,9 +9650,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8530
9650
  margin: 2px;
8531
9651
  }
8532
9652
  .gs4 > .flex--item5,
8533
- .gs4.flex__allcells5 > .d-flex,
8534
9653
  .gs4.flex__allitems5 > .d-flex,
8535
- .gs4.flex__allcells5 > .flex--item,
8536
9654
  .gs4.flex__allitems5 > .flex--item {
8537
9655
  flex-basis: calc(41.666666666666664% - 4px);
8538
9656
  }
@@ -8540,9 +9658,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8540
9658
  margin: 2px;
8541
9659
  }
8542
9660
  .gs4 > .flex--item6,
8543
- .gs4.flex__allcells6 > .d-flex,
8544
9661
  .gs4.flex__allitems6 > .d-flex,
8545
- .gs4.flex__allcells6 > .flex--item,
8546
9662
  .gs4.flex__allitems6 > .flex--item {
8547
9663
  flex-basis: calc(50% - 4px);
8548
9664
  }
@@ -8550,9 +9666,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8550
9666
  margin: 2px;
8551
9667
  }
8552
9668
  .gs4 > .flex--item7,
8553
- .gs4.flex__allcells7 > .d-flex,
8554
9669
  .gs4.flex__allitems7 > .d-flex,
8555
- .gs4.flex__allcells7 > .flex--item,
8556
9670
  .gs4.flex__allitems7 > .flex--item {
8557
9671
  flex-basis: calc(58.333333333333336% - 4px);
8558
9672
  }
@@ -8560,9 +9674,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8560
9674
  margin: 2px;
8561
9675
  }
8562
9676
  .gs4 > .flex--item8,
8563
- .gs4.flex__allcells8 > .d-flex,
8564
9677
  .gs4.flex__allitems8 > .d-flex,
8565
- .gs4.flex__allcells8 > .flex--item,
8566
9678
  .gs4.flex__allitems8 > .flex--item {
8567
9679
  flex-basis: calc(66.66666666666667% - 4px);
8568
9680
  }
@@ -8570,9 +9682,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8570
9682
  margin: 2px;
8571
9683
  }
8572
9684
  .gs4 > .flex--item9,
8573
- .gs4.flex__allcells9 > .d-flex,
8574
9685
  .gs4.flex__allitems9 > .d-flex,
8575
- .gs4.flex__allcells9 > .flex--item,
8576
9686
  .gs4.flex__allitems9 > .flex--item {
8577
9687
  flex-basis: calc(75% - 4px);
8578
9688
  }
@@ -8580,9 +9690,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8580
9690
  margin: 2px;
8581
9691
  }
8582
9692
  .gs4 > .flex--item10,
8583
- .gs4.flex__allcells10 > .d-flex,
8584
9693
  .gs4.flex__allitems10 > .d-flex,
8585
- .gs4.flex__allcells10 > .flex--item,
8586
9694
  .gs4.flex__allitems10 > .flex--item {
8587
9695
  flex-basis: calc(83.33333333333333% - 4px);
8588
9696
  }
@@ -8590,9 +9698,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8590
9698
  margin: 2px;
8591
9699
  }
8592
9700
  .gs4 > .flex--item11,
8593
- .gs4.flex__allcells11 > .d-flex,
8594
9701
  .gs4.flex__allitems11 > .d-flex,
8595
- .gs4.flex__allcells11 > .flex--item,
8596
9702
  .gs4.flex__allitems11 > .flex--item {
8597
9703
  flex-basis: calc(91.66666666666667% - 4px);
8598
9704
  }
@@ -8600,9 +9706,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8600
9706
  margin: 2px;
8601
9707
  }
8602
9708
  .gs4 > .flex--item12,
8603
- .gs4.flex__allcells12 > .d-flex,
8604
9709
  .gs4.flex__allitems12 > .d-flex,
8605
- .gs4.flex__allcells12 > .flex--item,
8606
9710
  .gs4.flex__allitems12 > .flex--item {
8607
9711
  flex-basis: calc(100% - 4px);
8608
9712
  }
@@ -8617,9 +9721,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8617
9721
  margin: 3px;
8618
9722
  }
8619
9723
  .gs6 > .flex--item1,
8620
- .gs6.flex__allcells1 > .d-flex,
8621
9724
  .gs6.flex__allitems1 > .d-flex,
8622
- .gs6.flex__allcells1 > .flex--item,
8623
9725
  .gs6.flex__allitems1 > .flex--item {
8624
9726
  flex-basis: calc(8.333333333333334% - 6px);
8625
9727
  }
@@ -8627,9 +9729,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8627
9729
  margin: 3px;
8628
9730
  }
8629
9731
  .gs6 > .flex--item2,
8630
- .gs6.flex__allcells2 > .d-flex,
8631
9732
  .gs6.flex__allitems2 > .d-flex,
8632
- .gs6.flex__allcells2 > .flex--item,
8633
9733
  .gs6.flex__allitems2 > .flex--item {
8634
9734
  flex-basis: calc(16.666666666666668% - 6px);
8635
9735
  }
@@ -8637,9 +9737,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8637
9737
  margin: 3px;
8638
9738
  }
8639
9739
  .gs6 > .flex--item3,
8640
- .gs6.flex__allcells3 > .d-flex,
8641
9740
  .gs6.flex__allitems3 > .d-flex,
8642
- .gs6.flex__allcells3 > .flex--item,
8643
9741
  .gs6.flex__allitems3 > .flex--item {
8644
9742
  flex-basis: calc(25% - 6px);
8645
9743
  }
@@ -8647,9 +9745,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8647
9745
  margin: 3px;
8648
9746
  }
8649
9747
  .gs6 > .flex--item4,
8650
- .gs6.flex__allcells4 > .d-flex,
8651
9748
  .gs6.flex__allitems4 > .d-flex,
8652
- .gs6.flex__allcells4 > .flex--item,
8653
9749
  .gs6.flex__allitems4 > .flex--item {
8654
9750
  flex-basis: calc(33.333333333333336% - 6px);
8655
9751
  }
@@ -8657,9 +9753,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8657
9753
  margin: 3px;
8658
9754
  }
8659
9755
  .gs6 > .flex--item5,
8660
- .gs6.flex__allcells5 > .d-flex,
8661
9756
  .gs6.flex__allitems5 > .d-flex,
8662
- .gs6.flex__allcells5 > .flex--item,
8663
9757
  .gs6.flex__allitems5 > .flex--item {
8664
9758
  flex-basis: calc(41.666666666666664% - 6px);
8665
9759
  }
@@ -8667,9 +9761,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8667
9761
  margin: 3px;
8668
9762
  }
8669
9763
  .gs6 > .flex--item6,
8670
- .gs6.flex__allcells6 > .d-flex,
8671
9764
  .gs6.flex__allitems6 > .d-flex,
8672
- .gs6.flex__allcells6 > .flex--item,
8673
9765
  .gs6.flex__allitems6 > .flex--item {
8674
9766
  flex-basis: calc(50% - 6px);
8675
9767
  }
@@ -8677,9 +9769,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8677
9769
  margin: 3px;
8678
9770
  }
8679
9771
  .gs6 > .flex--item7,
8680
- .gs6.flex__allcells7 > .d-flex,
8681
9772
  .gs6.flex__allitems7 > .d-flex,
8682
- .gs6.flex__allcells7 > .flex--item,
8683
9773
  .gs6.flex__allitems7 > .flex--item {
8684
9774
  flex-basis: calc(58.333333333333336% - 6px);
8685
9775
  }
@@ -8687,9 +9777,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8687
9777
  margin: 3px;
8688
9778
  }
8689
9779
  .gs6 > .flex--item8,
8690
- .gs6.flex__allcells8 > .d-flex,
8691
9780
  .gs6.flex__allitems8 > .d-flex,
8692
- .gs6.flex__allcells8 > .flex--item,
8693
9781
  .gs6.flex__allitems8 > .flex--item {
8694
9782
  flex-basis: calc(66.66666666666667% - 6px);
8695
9783
  }
@@ -8697,9 +9785,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8697
9785
  margin: 3px;
8698
9786
  }
8699
9787
  .gs6 > .flex--item9,
8700
- .gs6.flex__allcells9 > .d-flex,
8701
9788
  .gs6.flex__allitems9 > .d-flex,
8702
- .gs6.flex__allcells9 > .flex--item,
8703
9789
  .gs6.flex__allitems9 > .flex--item {
8704
9790
  flex-basis: calc(75% - 6px);
8705
9791
  }
@@ -8707,9 +9793,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8707
9793
  margin: 3px;
8708
9794
  }
8709
9795
  .gs6 > .flex--item10,
8710
- .gs6.flex__allcells10 > .d-flex,
8711
9796
  .gs6.flex__allitems10 > .d-flex,
8712
- .gs6.flex__allcells10 > .flex--item,
8713
9797
  .gs6.flex__allitems10 > .flex--item {
8714
9798
  flex-basis: calc(83.33333333333333% - 6px);
8715
9799
  }
@@ -8717,9 +9801,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8717
9801
  margin: 3px;
8718
9802
  }
8719
9803
  .gs6 > .flex--item11,
8720
- .gs6.flex__allcells11 > .d-flex,
8721
9804
  .gs6.flex__allitems11 > .d-flex,
8722
- .gs6.flex__allcells11 > .flex--item,
8723
9805
  .gs6.flex__allitems11 > .flex--item {
8724
9806
  flex-basis: calc(91.66666666666667% - 6px);
8725
9807
  }
@@ -8727,9 +9809,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8727
9809
  margin: 3px;
8728
9810
  }
8729
9811
  .gs6 > .flex--item12,
8730
- .gs6.flex__allcells12 > .d-flex,
8731
9812
  .gs6.flex__allitems12 > .d-flex,
8732
- .gs6.flex__allcells12 > .flex--item,
8733
9813
  .gs6.flex__allitems12 > .flex--item {
8734
9814
  flex-basis: calc(100% - 6px);
8735
9815
  }
@@ -8744,9 +9824,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8744
9824
  margin: 4px;
8745
9825
  }
8746
9826
  .gs8 > .flex--item1,
8747
- .gs8.flex__allcells1 > .d-flex,
8748
9827
  .gs8.flex__allitems1 > .d-flex,
8749
- .gs8.flex__allcells1 > .flex--item,
8750
9828
  .gs8.flex__allitems1 > .flex--item {
8751
9829
  flex-basis: calc(8.333333333333334% - 8px);
8752
9830
  }
@@ -8754,9 +9832,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8754
9832
  margin: 4px;
8755
9833
  }
8756
9834
  .gs8 > .flex--item2,
8757
- .gs8.flex__allcells2 > .d-flex,
8758
9835
  .gs8.flex__allitems2 > .d-flex,
8759
- .gs8.flex__allcells2 > .flex--item,
8760
9836
  .gs8.flex__allitems2 > .flex--item {
8761
9837
  flex-basis: calc(16.666666666666668% - 8px);
8762
9838
  }
@@ -8764,9 +9840,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8764
9840
  margin: 4px;
8765
9841
  }
8766
9842
  .gs8 > .flex--item3,
8767
- .gs8.flex__allcells3 > .d-flex,
8768
9843
  .gs8.flex__allitems3 > .d-flex,
8769
- .gs8.flex__allcells3 > .flex--item,
8770
9844
  .gs8.flex__allitems3 > .flex--item {
8771
9845
  flex-basis: calc(25% - 8px);
8772
9846
  }
@@ -8774,9 +9848,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8774
9848
  margin: 4px;
8775
9849
  }
8776
9850
  .gs8 > .flex--item4,
8777
- .gs8.flex__allcells4 > .d-flex,
8778
9851
  .gs8.flex__allitems4 > .d-flex,
8779
- .gs8.flex__allcells4 > .flex--item,
8780
9852
  .gs8.flex__allitems4 > .flex--item {
8781
9853
  flex-basis: calc(33.333333333333336% - 8px);
8782
9854
  }
@@ -8784,9 +9856,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8784
9856
  margin: 4px;
8785
9857
  }
8786
9858
  .gs8 > .flex--item5,
8787
- .gs8.flex__allcells5 > .d-flex,
8788
9859
  .gs8.flex__allitems5 > .d-flex,
8789
- .gs8.flex__allcells5 > .flex--item,
8790
9860
  .gs8.flex__allitems5 > .flex--item {
8791
9861
  flex-basis: calc(41.666666666666664% - 8px);
8792
9862
  }
@@ -8794,9 +9864,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8794
9864
  margin: 4px;
8795
9865
  }
8796
9866
  .gs8 > .flex--item6,
8797
- .gs8.flex__allcells6 > .d-flex,
8798
9867
  .gs8.flex__allitems6 > .d-flex,
8799
- .gs8.flex__allcells6 > .flex--item,
8800
9868
  .gs8.flex__allitems6 > .flex--item {
8801
9869
  flex-basis: calc(50% - 8px);
8802
9870
  }
@@ -8804,9 +9872,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8804
9872
  margin: 4px;
8805
9873
  }
8806
9874
  .gs8 > .flex--item7,
8807
- .gs8.flex__allcells7 > .d-flex,
8808
9875
  .gs8.flex__allitems7 > .d-flex,
8809
- .gs8.flex__allcells7 > .flex--item,
8810
9876
  .gs8.flex__allitems7 > .flex--item {
8811
9877
  flex-basis: calc(58.333333333333336% - 8px);
8812
9878
  }
@@ -8814,9 +9880,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8814
9880
  margin: 4px;
8815
9881
  }
8816
9882
  .gs8 > .flex--item8,
8817
- .gs8.flex__allcells8 > .d-flex,
8818
9883
  .gs8.flex__allitems8 > .d-flex,
8819
- .gs8.flex__allcells8 > .flex--item,
8820
9884
  .gs8.flex__allitems8 > .flex--item {
8821
9885
  flex-basis: calc(66.66666666666667% - 8px);
8822
9886
  }
@@ -8824,9 +9888,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8824
9888
  margin: 4px;
8825
9889
  }
8826
9890
  .gs8 > .flex--item9,
8827
- .gs8.flex__allcells9 > .d-flex,
8828
9891
  .gs8.flex__allitems9 > .d-flex,
8829
- .gs8.flex__allcells9 > .flex--item,
8830
9892
  .gs8.flex__allitems9 > .flex--item {
8831
9893
  flex-basis: calc(75% - 8px);
8832
9894
  }
@@ -8834,9 +9896,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8834
9896
  margin: 4px;
8835
9897
  }
8836
9898
  .gs8 > .flex--item10,
8837
- .gs8.flex__allcells10 > .d-flex,
8838
9899
  .gs8.flex__allitems10 > .d-flex,
8839
- .gs8.flex__allcells10 > .flex--item,
8840
9900
  .gs8.flex__allitems10 > .flex--item {
8841
9901
  flex-basis: calc(83.33333333333333% - 8px);
8842
9902
  }
@@ -8844,9 +9904,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8844
9904
  margin: 4px;
8845
9905
  }
8846
9906
  .gs8 > .flex--item11,
8847
- .gs8.flex__allcells11 > .d-flex,
8848
9907
  .gs8.flex__allitems11 > .d-flex,
8849
- .gs8.flex__allcells11 > .flex--item,
8850
9908
  .gs8.flex__allitems11 > .flex--item {
8851
9909
  flex-basis: calc(91.66666666666667% - 8px);
8852
9910
  }
@@ -8854,9 +9912,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8854
9912
  margin: 4px;
8855
9913
  }
8856
9914
  .gs8 > .flex--item12,
8857
- .gs8.flex__allcells12 > .d-flex,
8858
9915
  .gs8.flex__allitems12 > .d-flex,
8859
- .gs8.flex__allcells12 > .flex--item,
8860
9916
  .gs8.flex__allitems12 > .flex--item {
8861
9917
  flex-basis: calc(100% - 8px);
8862
9918
  }
@@ -8871,9 +9927,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8871
9927
  margin: 6px;
8872
9928
  }
8873
9929
  .gs12 > .flex--item1,
8874
- .gs12.flex__allcells1 > .d-flex,
8875
9930
  .gs12.flex__allitems1 > .d-flex,
8876
- .gs12.flex__allcells1 > .flex--item,
8877
9931
  .gs12.flex__allitems1 > .flex--item {
8878
9932
  flex-basis: calc(8.333333333333334% - 12px);
8879
9933
  }
@@ -8881,9 +9935,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8881
9935
  margin: 6px;
8882
9936
  }
8883
9937
  .gs12 > .flex--item2,
8884
- .gs12.flex__allcells2 > .d-flex,
8885
9938
  .gs12.flex__allitems2 > .d-flex,
8886
- .gs12.flex__allcells2 > .flex--item,
8887
9939
  .gs12.flex__allitems2 > .flex--item {
8888
9940
  flex-basis: calc(16.666666666666668% - 12px);
8889
9941
  }
@@ -8891,9 +9943,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8891
9943
  margin: 6px;
8892
9944
  }
8893
9945
  .gs12 > .flex--item3,
8894
- .gs12.flex__allcells3 > .d-flex,
8895
9946
  .gs12.flex__allitems3 > .d-flex,
8896
- .gs12.flex__allcells3 > .flex--item,
8897
9947
  .gs12.flex__allitems3 > .flex--item {
8898
9948
  flex-basis: calc(25% - 12px);
8899
9949
  }
@@ -8901,9 +9951,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8901
9951
  margin: 6px;
8902
9952
  }
8903
9953
  .gs12 > .flex--item4,
8904
- .gs12.flex__allcells4 > .d-flex,
8905
9954
  .gs12.flex__allitems4 > .d-flex,
8906
- .gs12.flex__allcells4 > .flex--item,
8907
9955
  .gs12.flex__allitems4 > .flex--item {
8908
9956
  flex-basis: calc(33.333333333333336% - 12px);
8909
9957
  }
@@ -8911,9 +9959,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8911
9959
  margin: 6px;
8912
9960
  }
8913
9961
  .gs12 > .flex--item5,
8914
- .gs12.flex__allcells5 > .d-flex,
8915
9962
  .gs12.flex__allitems5 > .d-flex,
8916
- .gs12.flex__allcells5 > .flex--item,
8917
9963
  .gs12.flex__allitems5 > .flex--item {
8918
9964
  flex-basis: calc(41.666666666666664% - 12px);
8919
9965
  }
@@ -8921,9 +9967,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8921
9967
  margin: 6px;
8922
9968
  }
8923
9969
  .gs12 > .flex--item6,
8924
- .gs12.flex__allcells6 > .d-flex,
8925
9970
  .gs12.flex__allitems6 > .d-flex,
8926
- .gs12.flex__allcells6 > .flex--item,
8927
9971
  .gs12.flex__allitems6 > .flex--item {
8928
9972
  flex-basis: calc(50% - 12px);
8929
9973
  }
@@ -8931,9 +9975,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8931
9975
  margin: 6px;
8932
9976
  }
8933
9977
  .gs12 > .flex--item7,
8934
- .gs12.flex__allcells7 > .d-flex,
8935
9978
  .gs12.flex__allitems7 > .d-flex,
8936
- .gs12.flex__allcells7 > .flex--item,
8937
9979
  .gs12.flex__allitems7 > .flex--item {
8938
9980
  flex-basis: calc(58.333333333333336% - 12px);
8939
9981
  }
@@ -8941,9 +9983,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8941
9983
  margin: 6px;
8942
9984
  }
8943
9985
  .gs12 > .flex--item8,
8944
- .gs12.flex__allcells8 > .d-flex,
8945
9986
  .gs12.flex__allitems8 > .d-flex,
8946
- .gs12.flex__allcells8 > .flex--item,
8947
9987
  .gs12.flex__allitems8 > .flex--item {
8948
9988
  flex-basis: calc(66.66666666666667% - 12px);
8949
9989
  }
@@ -8951,9 +9991,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8951
9991
  margin: 6px;
8952
9992
  }
8953
9993
  .gs12 > .flex--item9,
8954
- .gs12.flex__allcells9 > .d-flex,
8955
9994
  .gs12.flex__allitems9 > .d-flex,
8956
- .gs12.flex__allcells9 > .flex--item,
8957
9995
  .gs12.flex__allitems9 > .flex--item {
8958
9996
  flex-basis: calc(75% - 12px);
8959
9997
  }
@@ -8961,9 +9999,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8961
9999
  margin: 6px;
8962
10000
  }
8963
10001
  .gs12 > .flex--item10,
8964
- .gs12.flex__allcells10 > .d-flex,
8965
10002
  .gs12.flex__allitems10 > .d-flex,
8966
- .gs12.flex__allcells10 > .flex--item,
8967
10003
  .gs12.flex__allitems10 > .flex--item {
8968
10004
  flex-basis: calc(83.33333333333333% - 12px);
8969
10005
  }
@@ -8971,9 +10007,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8971
10007
  margin: 6px;
8972
10008
  }
8973
10009
  .gs12 > .flex--item11,
8974
- .gs12.flex__allcells11 > .d-flex,
8975
10010
  .gs12.flex__allitems11 > .d-flex,
8976
- .gs12.flex__allcells11 > .flex--item,
8977
10011
  .gs12.flex__allitems11 > .flex--item {
8978
10012
  flex-basis: calc(91.66666666666667% - 12px);
8979
10013
  }
@@ -8981,9 +10015,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8981
10015
  margin: 6px;
8982
10016
  }
8983
10017
  .gs12 > .flex--item12,
8984
- .gs12.flex__allcells12 > .d-flex,
8985
10018
  .gs12.flex__allitems12 > .d-flex,
8986
- .gs12.flex__allcells12 > .flex--item,
8987
10019
  .gs12.flex__allitems12 > .flex--item {
8988
10020
  flex-basis: calc(100% - 12px);
8989
10021
  }
@@ -8998,9 +10030,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
8998
10030
  margin: 8px;
8999
10031
  }
9000
10032
  .gs16 > .flex--item1,
9001
- .gs16.flex__allcells1 > .d-flex,
9002
10033
  .gs16.flex__allitems1 > .d-flex,
9003
- .gs16.flex__allcells1 > .flex--item,
9004
10034
  .gs16.flex__allitems1 > .flex--item {
9005
10035
  flex-basis: calc(8.333333333333334% - 16px);
9006
10036
  }
@@ -9008,9 +10038,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9008
10038
  margin: 8px;
9009
10039
  }
9010
10040
  .gs16 > .flex--item2,
9011
- .gs16.flex__allcells2 > .d-flex,
9012
10041
  .gs16.flex__allitems2 > .d-flex,
9013
- .gs16.flex__allcells2 > .flex--item,
9014
10042
  .gs16.flex__allitems2 > .flex--item {
9015
10043
  flex-basis: calc(16.666666666666668% - 16px);
9016
10044
  }
@@ -9018,9 +10046,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9018
10046
  margin: 8px;
9019
10047
  }
9020
10048
  .gs16 > .flex--item3,
9021
- .gs16.flex__allcells3 > .d-flex,
9022
10049
  .gs16.flex__allitems3 > .d-flex,
9023
- .gs16.flex__allcells3 > .flex--item,
9024
10050
  .gs16.flex__allitems3 > .flex--item {
9025
10051
  flex-basis: calc(25% - 16px);
9026
10052
  }
@@ -9028,9 +10054,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9028
10054
  margin: 8px;
9029
10055
  }
9030
10056
  .gs16 > .flex--item4,
9031
- .gs16.flex__allcells4 > .d-flex,
9032
10057
  .gs16.flex__allitems4 > .d-flex,
9033
- .gs16.flex__allcells4 > .flex--item,
9034
10058
  .gs16.flex__allitems4 > .flex--item {
9035
10059
  flex-basis: calc(33.333333333333336% - 16px);
9036
10060
  }
@@ -9038,9 +10062,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9038
10062
  margin: 8px;
9039
10063
  }
9040
10064
  .gs16 > .flex--item5,
9041
- .gs16.flex__allcells5 > .d-flex,
9042
10065
  .gs16.flex__allitems5 > .d-flex,
9043
- .gs16.flex__allcells5 > .flex--item,
9044
10066
  .gs16.flex__allitems5 > .flex--item {
9045
10067
  flex-basis: calc(41.666666666666664% - 16px);
9046
10068
  }
@@ -9048,9 +10070,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9048
10070
  margin: 8px;
9049
10071
  }
9050
10072
  .gs16 > .flex--item6,
9051
- .gs16.flex__allcells6 > .d-flex,
9052
10073
  .gs16.flex__allitems6 > .d-flex,
9053
- .gs16.flex__allcells6 > .flex--item,
9054
10074
  .gs16.flex__allitems6 > .flex--item {
9055
10075
  flex-basis: calc(50% - 16px);
9056
10076
  }
@@ -9058,9 +10078,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9058
10078
  margin: 8px;
9059
10079
  }
9060
10080
  .gs16 > .flex--item7,
9061
- .gs16.flex__allcells7 > .d-flex,
9062
10081
  .gs16.flex__allitems7 > .d-flex,
9063
- .gs16.flex__allcells7 > .flex--item,
9064
10082
  .gs16.flex__allitems7 > .flex--item {
9065
10083
  flex-basis: calc(58.333333333333336% - 16px);
9066
10084
  }
@@ -9068,9 +10086,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9068
10086
  margin: 8px;
9069
10087
  }
9070
10088
  .gs16 > .flex--item8,
9071
- .gs16.flex__allcells8 > .d-flex,
9072
10089
  .gs16.flex__allitems8 > .d-flex,
9073
- .gs16.flex__allcells8 > .flex--item,
9074
10090
  .gs16.flex__allitems8 > .flex--item {
9075
10091
  flex-basis: calc(66.66666666666667% - 16px);
9076
10092
  }
@@ -9078,9 +10094,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9078
10094
  margin: 8px;
9079
10095
  }
9080
10096
  .gs16 > .flex--item9,
9081
- .gs16.flex__allcells9 > .d-flex,
9082
10097
  .gs16.flex__allitems9 > .d-flex,
9083
- .gs16.flex__allcells9 > .flex--item,
9084
10098
  .gs16.flex__allitems9 > .flex--item {
9085
10099
  flex-basis: calc(75% - 16px);
9086
10100
  }
@@ -9088,9 +10102,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9088
10102
  margin: 8px;
9089
10103
  }
9090
10104
  .gs16 > .flex--item10,
9091
- .gs16.flex__allcells10 > .d-flex,
9092
10105
  .gs16.flex__allitems10 > .d-flex,
9093
- .gs16.flex__allcells10 > .flex--item,
9094
10106
  .gs16.flex__allitems10 > .flex--item {
9095
10107
  flex-basis: calc(83.33333333333333% - 16px);
9096
10108
  }
@@ -9098,9 +10110,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9098
10110
  margin: 8px;
9099
10111
  }
9100
10112
  .gs16 > .flex--item11,
9101
- .gs16.flex__allcells11 > .d-flex,
9102
10113
  .gs16.flex__allitems11 > .d-flex,
9103
- .gs16.flex__allcells11 > .flex--item,
9104
10114
  .gs16.flex__allitems11 > .flex--item {
9105
10115
  flex-basis: calc(91.66666666666667% - 16px);
9106
10116
  }
@@ -9108,9 +10118,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9108
10118
  margin: 8px;
9109
10119
  }
9110
10120
  .gs16 > .flex--item12,
9111
- .gs16.flex__allcells12 > .d-flex,
9112
10121
  .gs16.flex__allitems12 > .d-flex,
9113
- .gs16.flex__allcells12 > .flex--item,
9114
10122
  .gs16.flex__allitems12 > .flex--item {
9115
10123
  flex-basis: calc(100% - 16px);
9116
10124
  }
@@ -9125,9 +10133,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9125
10133
  margin: 12px;
9126
10134
  }
9127
10135
  .gs24 > .flex--item1,
9128
- .gs24.flex__allcells1 > .d-flex,
9129
10136
  .gs24.flex__allitems1 > .d-flex,
9130
- .gs24.flex__allcells1 > .flex--item,
9131
10137
  .gs24.flex__allitems1 > .flex--item {
9132
10138
  flex-basis: calc(8.333333333333334% - 24px);
9133
10139
  }
@@ -9135,9 +10141,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9135
10141
  margin: 12px;
9136
10142
  }
9137
10143
  .gs24 > .flex--item2,
9138
- .gs24.flex__allcells2 > .d-flex,
9139
10144
  .gs24.flex__allitems2 > .d-flex,
9140
- .gs24.flex__allcells2 > .flex--item,
9141
10145
  .gs24.flex__allitems2 > .flex--item {
9142
10146
  flex-basis: calc(16.666666666666668% - 24px);
9143
10147
  }
@@ -9145,9 +10149,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9145
10149
  margin: 12px;
9146
10150
  }
9147
10151
  .gs24 > .flex--item3,
9148
- .gs24.flex__allcells3 > .d-flex,
9149
10152
  .gs24.flex__allitems3 > .d-flex,
9150
- .gs24.flex__allcells3 > .flex--item,
9151
10153
  .gs24.flex__allitems3 > .flex--item {
9152
10154
  flex-basis: calc(25% - 24px);
9153
10155
  }
@@ -9155,9 +10157,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9155
10157
  margin: 12px;
9156
10158
  }
9157
10159
  .gs24 > .flex--item4,
9158
- .gs24.flex__allcells4 > .d-flex,
9159
10160
  .gs24.flex__allitems4 > .d-flex,
9160
- .gs24.flex__allcells4 > .flex--item,
9161
10161
  .gs24.flex__allitems4 > .flex--item {
9162
10162
  flex-basis: calc(33.333333333333336% - 24px);
9163
10163
  }
@@ -9165,9 +10165,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9165
10165
  margin: 12px;
9166
10166
  }
9167
10167
  .gs24 > .flex--item5,
9168
- .gs24.flex__allcells5 > .d-flex,
9169
10168
  .gs24.flex__allitems5 > .d-flex,
9170
- .gs24.flex__allcells5 > .flex--item,
9171
10169
  .gs24.flex__allitems5 > .flex--item {
9172
10170
  flex-basis: calc(41.666666666666664% - 24px);
9173
10171
  }
@@ -9175,9 +10173,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9175
10173
  margin: 12px;
9176
10174
  }
9177
10175
  .gs24 > .flex--item6,
9178
- .gs24.flex__allcells6 > .d-flex,
9179
10176
  .gs24.flex__allitems6 > .d-flex,
9180
- .gs24.flex__allcells6 > .flex--item,
9181
10177
  .gs24.flex__allitems6 > .flex--item {
9182
10178
  flex-basis: calc(50% - 24px);
9183
10179
  }
@@ -9185,9 +10181,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9185
10181
  margin: 12px;
9186
10182
  }
9187
10183
  .gs24 > .flex--item7,
9188
- .gs24.flex__allcells7 > .d-flex,
9189
10184
  .gs24.flex__allitems7 > .d-flex,
9190
- .gs24.flex__allcells7 > .flex--item,
9191
10185
  .gs24.flex__allitems7 > .flex--item {
9192
10186
  flex-basis: calc(58.333333333333336% - 24px);
9193
10187
  }
@@ -9195,9 +10189,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9195
10189
  margin: 12px;
9196
10190
  }
9197
10191
  .gs24 > .flex--item8,
9198
- .gs24.flex__allcells8 > .d-flex,
9199
10192
  .gs24.flex__allitems8 > .d-flex,
9200
- .gs24.flex__allcells8 > .flex--item,
9201
10193
  .gs24.flex__allitems8 > .flex--item {
9202
10194
  flex-basis: calc(66.66666666666667% - 24px);
9203
10195
  }
@@ -9205,9 +10197,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9205
10197
  margin: 12px;
9206
10198
  }
9207
10199
  .gs24 > .flex--item9,
9208
- .gs24.flex__allcells9 > .d-flex,
9209
10200
  .gs24.flex__allitems9 > .d-flex,
9210
- .gs24.flex__allcells9 > .flex--item,
9211
10201
  .gs24.flex__allitems9 > .flex--item {
9212
10202
  flex-basis: calc(75% - 24px);
9213
10203
  }
@@ -9215,9 +10205,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9215
10205
  margin: 12px;
9216
10206
  }
9217
10207
  .gs24 > .flex--item10,
9218
- .gs24.flex__allcells10 > .d-flex,
9219
10208
  .gs24.flex__allitems10 > .d-flex,
9220
- .gs24.flex__allcells10 > .flex--item,
9221
10209
  .gs24.flex__allitems10 > .flex--item {
9222
10210
  flex-basis: calc(83.33333333333333% - 24px);
9223
10211
  }
@@ -9225,9 +10213,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9225
10213
  margin: 12px;
9226
10214
  }
9227
10215
  .gs24 > .flex--item11,
9228
- .gs24.flex__allcells11 > .d-flex,
9229
10216
  .gs24.flex__allitems11 > .d-flex,
9230
- .gs24.flex__allcells11 > .flex--item,
9231
10217
  .gs24.flex__allitems11 > .flex--item {
9232
10218
  flex-basis: calc(91.66666666666667% - 24px);
9233
10219
  }
@@ -9235,9 +10221,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9235
10221
  margin: 12px;
9236
10222
  }
9237
10223
  .gs24 > .flex--item12,
9238
- .gs24.flex__allcells12 > .d-flex,
9239
10224
  .gs24.flex__allitems12 > .d-flex,
9240
- .gs24.flex__allcells12 > .flex--item,
9241
10225
  .gs24.flex__allitems12 > .flex--item {
9242
10226
  flex-basis: calc(100% - 24px);
9243
10227
  }
@@ -9252,9 +10236,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9252
10236
  margin: 16px;
9253
10237
  }
9254
10238
  .gs32 > .flex--item1,
9255
- .gs32.flex__allcells1 > .d-flex,
9256
10239
  .gs32.flex__allitems1 > .d-flex,
9257
- .gs32.flex__allcells1 > .flex--item,
9258
10240
  .gs32.flex__allitems1 > .flex--item {
9259
10241
  flex-basis: calc(8.333333333333334% - 32px);
9260
10242
  }
@@ -9262,9 +10244,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9262
10244
  margin: 16px;
9263
10245
  }
9264
10246
  .gs32 > .flex--item2,
9265
- .gs32.flex__allcells2 > .d-flex,
9266
10247
  .gs32.flex__allitems2 > .d-flex,
9267
- .gs32.flex__allcells2 > .flex--item,
9268
10248
  .gs32.flex__allitems2 > .flex--item {
9269
10249
  flex-basis: calc(16.666666666666668% - 32px);
9270
10250
  }
@@ -9272,9 +10252,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9272
10252
  margin: 16px;
9273
10253
  }
9274
10254
  .gs32 > .flex--item3,
9275
- .gs32.flex__allcells3 > .d-flex,
9276
10255
  .gs32.flex__allitems3 > .d-flex,
9277
- .gs32.flex__allcells3 > .flex--item,
9278
10256
  .gs32.flex__allitems3 > .flex--item {
9279
10257
  flex-basis: calc(25% - 32px);
9280
10258
  }
@@ -9282,9 +10260,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9282
10260
  margin: 16px;
9283
10261
  }
9284
10262
  .gs32 > .flex--item4,
9285
- .gs32.flex__allcells4 > .d-flex,
9286
10263
  .gs32.flex__allitems4 > .d-flex,
9287
- .gs32.flex__allcells4 > .flex--item,
9288
10264
  .gs32.flex__allitems4 > .flex--item {
9289
10265
  flex-basis: calc(33.333333333333336% - 32px);
9290
10266
  }
@@ -9292,9 +10268,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9292
10268
  margin: 16px;
9293
10269
  }
9294
10270
  .gs32 > .flex--item5,
9295
- .gs32.flex__allcells5 > .d-flex,
9296
10271
  .gs32.flex__allitems5 > .d-flex,
9297
- .gs32.flex__allcells5 > .flex--item,
9298
10272
  .gs32.flex__allitems5 > .flex--item {
9299
10273
  flex-basis: calc(41.666666666666664% - 32px);
9300
10274
  }
@@ -9302,9 +10276,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9302
10276
  margin: 16px;
9303
10277
  }
9304
10278
  .gs32 > .flex--item6,
9305
- .gs32.flex__allcells6 > .d-flex,
9306
10279
  .gs32.flex__allitems6 > .d-flex,
9307
- .gs32.flex__allcells6 > .flex--item,
9308
10280
  .gs32.flex__allitems6 > .flex--item {
9309
10281
  flex-basis: calc(50% - 32px);
9310
10282
  }
@@ -9312,9 +10284,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9312
10284
  margin: 16px;
9313
10285
  }
9314
10286
  .gs32 > .flex--item7,
9315
- .gs32.flex__allcells7 > .d-flex,
9316
10287
  .gs32.flex__allitems7 > .d-flex,
9317
- .gs32.flex__allcells7 > .flex--item,
9318
10288
  .gs32.flex__allitems7 > .flex--item {
9319
10289
  flex-basis: calc(58.333333333333336% - 32px);
9320
10290
  }
@@ -9322,9 +10292,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9322
10292
  margin: 16px;
9323
10293
  }
9324
10294
  .gs32 > .flex--item8,
9325
- .gs32.flex__allcells8 > .d-flex,
9326
10295
  .gs32.flex__allitems8 > .d-flex,
9327
- .gs32.flex__allcells8 > .flex--item,
9328
10296
  .gs32.flex__allitems8 > .flex--item {
9329
10297
  flex-basis: calc(66.66666666666667% - 32px);
9330
10298
  }
@@ -9332,9 +10300,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9332
10300
  margin: 16px;
9333
10301
  }
9334
10302
  .gs32 > .flex--item9,
9335
- .gs32.flex__allcells9 > .d-flex,
9336
10303
  .gs32.flex__allitems9 > .d-flex,
9337
- .gs32.flex__allcells9 > .flex--item,
9338
10304
  .gs32.flex__allitems9 > .flex--item {
9339
10305
  flex-basis: calc(75% - 32px);
9340
10306
  }
@@ -9342,9 +10308,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9342
10308
  margin: 16px;
9343
10309
  }
9344
10310
  .gs32 > .flex--item10,
9345
- .gs32.flex__allcells10 > .d-flex,
9346
10311
  .gs32.flex__allitems10 > .d-flex,
9347
- .gs32.flex__allcells10 > .flex--item,
9348
10312
  .gs32.flex__allitems10 > .flex--item {
9349
10313
  flex-basis: calc(83.33333333333333% - 32px);
9350
10314
  }
@@ -9352,9 +10316,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9352
10316
  margin: 16px;
9353
10317
  }
9354
10318
  .gs32 > .flex--item11,
9355
- .gs32.flex__allcells11 > .d-flex,
9356
10319
  .gs32.flex__allitems11 > .d-flex,
9357
- .gs32.flex__allcells11 > .flex--item,
9358
10320
  .gs32.flex__allitems11 > .flex--item {
9359
10321
  flex-basis: calc(91.66666666666667% - 32px);
9360
10322
  }
@@ -9362,9 +10324,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9362
10324
  margin: 16px;
9363
10325
  }
9364
10326
  .gs32 > .flex--item12,
9365
- .gs32.flex__allcells12 > .d-flex,
9366
10327
  .gs32.flex__allitems12 > .d-flex,
9367
- .gs32.flex__allcells12 > .flex--item,
9368
10328
  .gs32.flex__allitems12 > .flex--item {
9369
10329
  flex-basis: calc(100% - 32px);
9370
10330
  }
@@ -9379,9 +10339,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9379
10339
  margin: 24px;
9380
10340
  }
9381
10341
  .gs48 > .flex--item1,
9382
- .gs48.flex__allcells1 > .d-flex,
9383
10342
  .gs48.flex__allitems1 > .d-flex,
9384
- .gs48.flex__allcells1 > .flex--item,
9385
10343
  .gs48.flex__allitems1 > .flex--item {
9386
10344
  flex-basis: calc(8.333333333333334% - 48px);
9387
10345
  }
@@ -9389,9 +10347,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9389
10347
  margin: 24px;
9390
10348
  }
9391
10349
  .gs48 > .flex--item2,
9392
- .gs48.flex__allcells2 > .d-flex,
9393
10350
  .gs48.flex__allitems2 > .d-flex,
9394
- .gs48.flex__allcells2 > .flex--item,
9395
10351
  .gs48.flex__allitems2 > .flex--item {
9396
10352
  flex-basis: calc(16.666666666666668% - 48px);
9397
10353
  }
@@ -9399,9 +10355,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9399
10355
  margin: 24px;
9400
10356
  }
9401
10357
  .gs48 > .flex--item3,
9402
- .gs48.flex__allcells3 > .d-flex,
9403
10358
  .gs48.flex__allitems3 > .d-flex,
9404
- .gs48.flex__allcells3 > .flex--item,
9405
10359
  .gs48.flex__allitems3 > .flex--item {
9406
10360
  flex-basis: calc(25% - 48px);
9407
10361
  }
@@ -9409,9 +10363,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9409
10363
  margin: 24px;
9410
10364
  }
9411
10365
  .gs48 > .flex--item4,
9412
- .gs48.flex__allcells4 > .d-flex,
9413
10366
  .gs48.flex__allitems4 > .d-flex,
9414
- .gs48.flex__allcells4 > .flex--item,
9415
10367
  .gs48.flex__allitems4 > .flex--item {
9416
10368
  flex-basis: calc(33.333333333333336% - 48px);
9417
10369
  }
@@ -9419,9 +10371,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9419
10371
  margin: 24px;
9420
10372
  }
9421
10373
  .gs48 > .flex--item5,
9422
- .gs48.flex__allcells5 > .d-flex,
9423
10374
  .gs48.flex__allitems5 > .d-flex,
9424
- .gs48.flex__allcells5 > .flex--item,
9425
10375
  .gs48.flex__allitems5 > .flex--item {
9426
10376
  flex-basis: calc(41.666666666666664% - 48px);
9427
10377
  }
@@ -9429,9 +10379,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9429
10379
  margin: 24px;
9430
10380
  }
9431
10381
  .gs48 > .flex--item6,
9432
- .gs48.flex__allcells6 > .d-flex,
9433
10382
  .gs48.flex__allitems6 > .d-flex,
9434
- .gs48.flex__allcells6 > .flex--item,
9435
10383
  .gs48.flex__allitems6 > .flex--item {
9436
10384
  flex-basis: calc(50% - 48px);
9437
10385
  }
@@ -9439,9 +10387,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9439
10387
  margin: 24px;
9440
10388
  }
9441
10389
  .gs48 > .flex--item7,
9442
- .gs48.flex__allcells7 > .d-flex,
9443
10390
  .gs48.flex__allitems7 > .d-flex,
9444
- .gs48.flex__allcells7 > .flex--item,
9445
10391
  .gs48.flex__allitems7 > .flex--item {
9446
10392
  flex-basis: calc(58.333333333333336% - 48px);
9447
10393
  }
@@ -9449,9 +10395,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9449
10395
  margin: 24px;
9450
10396
  }
9451
10397
  .gs48 > .flex--item8,
9452
- .gs48.flex__allcells8 > .d-flex,
9453
10398
  .gs48.flex__allitems8 > .d-flex,
9454
- .gs48.flex__allcells8 > .flex--item,
9455
10399
  .gs48.flex__allitems8 > .flex--item {
9456
10400
  flex-basis: calc(66.66666666666667% - 48px);
9457
10401
  }
@@ -9459,9 +10403,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9459
10403
  margin: 24px;
9460
10404
  }
9461
10405
  .gs48 > .flex--item9,
9462
- .gs48.flex__allcells9 > .d-flex,
9463
10406
  .gs48.flex__allitems9 > .d-flex,
9464
- .gs48.flex__allcells9 > .flex--item,
9465
10407
  .gs48.flex__allitems9 > .flex--item {
9466
10408
  flex-basis: calc(75% - 48px);
9467
10409
  }
@@ -9469,9 +10411,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9469
10411
  margin: 24px;
9470
10412
  }
9471
10413
  .gs48 > .flex--item10,
9472
- .gs48.flex__allcells10 > .d-flex,
9473
10414
  .gs48.flex__allitems10 > .d-flex,
9474
- .gs48.flex__allcells10 > .flex--item,
9475
10415
  .gs48.flex__allitems10 > .flex--item {
9476
10416
  flex-basis: calc(83.33333333333333% - 48px);
9477
10417
  }
@@ -9479,9 +10419,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9479
10419
  margin: 24px;
9480
10420
  }
9481
10421
  .gs48 > .flex--item11,
9482
- .gs48.flex__allcells11 > .d-flex,
9483
10422
  .gs48.flex__allitems11 > .d-flex,
9484
- .gs48.flex__allcells11 > .flex--item,
9485
10423
  .gs48.flex__allitems11 > .flex--item {
9486
10424
  flex-basis: calc(91.66666666666667% - 48px);
9487
10425
  }
@@ -9489,9 +10427,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9489
10427
  margin: 24px;
9490
10428
  }
9491
10429
  .gs48 > .flex--item12,
9492
- .gs48.flex__allcells12 > .d-flex,
9493
10430
  .gs48.flex__allitems12 > .d-flex,
9494
- .gs48.flex__allcells12 > .flex--item,
9495
10431
  .gs48.flex__allitems12 > .flex--item {
9496
10432
  flex-basis: calc(100% - 48px);
9497
10433
  }
@@ -9506,9 +10442,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9506
10442
  margin: 32px;
9507
10443
  }
9508
10444
  .gs64 > .flex--item1,
9509
- .gs64.flex__allcells1 > .d-flex,
9510
10445
  .gs64.flex__allitems1 > .d-flex,
9511
- .gs64.flex__allcells1 > .flex--item,
9512
10446
  .gs64.flex__allitems1 > .flex--item {
9513
10447
  flex-basis: calc(8.333333333333334% - 64px);
9514
10448
  }
@@ -9516,9 +10450,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9516
10450
  margin: 32px;
9517
10451
  }
9518
10452
  .gs64 > .flex--item2,
9519
- .gs64.flex__allcells2 > .d-flex,
9520
10453
  .gs64.flex__allitems2 > .d-flex,
9521
- .gs64.flex__allcells2 > .flex--item,
9522
10454
  .gs64.flex__allitems2 > .flex--item {
9523
10455
  flex-basis: calc(16.666666666666668% - 64px);
9524
10456
  }
@@ -9526,9 +10458,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9526
10458
  margin: 32px;
9527
10459
  }
9528
10460
  .gs64 > .flex--item3,
9529
- .gs64.flex__allcells3 > .d-flex,
9530
10461
  .gs64.flex__allitems3 > .d-flex,
9531
- .gs64.flex__allcells3 > .flex--item,
9532
10462
  .gs64.flex__allitems3 > .flex--item {
9533
10463
  flex-basis: calc(25% - 64px);
9534
10464
  }
@@ -9536,9 +10466,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9536
10466
  margin: 32px;
9537
10467
  }
9538
10468
  .gs64 > .flex--item4,
9539
- .gs64.flex__allcells4 > .d-flex,
9540
10469
  .gs64.flex__allitems4 > .d-flex,
9541
- .gs64.flex__allcells4 > .flex--item,
9542
10470
  .gs64.flex__allitems4 > .flex--item {
9543
10471
  flex-basis: calc(33.333333333333336% - 64px);
9544
10472
  }
@@ -9546,9 +10474,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9546
10474
  margin: 32px;
9547
10475
  }
9548
10476
  .gs64 > .flex--item5,
9549
- .gs64.flex__allcells5 > .d-flex,
9550
10477
  .gs64.flex__allitems5 > .d-flex,
9551
- .gs64.flex__allcells5 > .flex--item,
9552
10478
  .gs64.flex__allitems5 > .flex--item {
9553
10479
  flex-basis: calc(41.666666666666664% - 64px);
9554
10480
  }
@@ -9556,9 +10482,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9556
10482
  margin: 32px;
9557
10483
  }
9558
10484
  .gs64 > .flex--item6,
9559
- .gs64.flex__allcells6 > .d-flex,
9560
10485
  .gs64.flex__allitems6 > .d-flex,
9561
- .gs64.flex__allcells6 > .flex--item,
9562
10486
  .gs64.flex__allitems6 > .flex--item {
9563
10487
  flex-basis: calc(50% - 64px);
9564
10488
  }
@@ -9566,9 +10490,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9566
10490
  margin: 32px;
9567
10491
  }
9568
10492
  .gs64 > .flex--item7,
9569
- .gs64.flex__allcells7 > .d-flex,
9570
10493
  .gs64.flex__allitems7 > .d-flex,
9571
- .gs64.flex__allcells7 > .flex--item,
9572
10494
  .gs64.flex__allitems7 > .flex--item {
9573
10495
  flex-basis: calc(58.333333333333336% - 64px);
9574
10496
  }
@@ -9576,9 +10498,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9576
10498
  margin: 32px;
9577
10499
  }
9578
10500
  .gs64 > .flex--item8,
9579
- .gs64.flex__allcells8 > .d-flex,
9580
10501
  .gs64.flex__allitems8 > .d-flex,
9581
- .gs64.flex__allcells8 > .flex--item,
9582
10502
  .gs64.flex__allitems8 > .flex--item {
9583
10503
  flex-basis: calc(66.66666666666667% - 64px);
9584
10504
  }
@@ -9586,9 +10506,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9586
10506
  margin: 32px;
9587
10507
  }
9588
10508
  .gs64 > .flex--item9,
9589
- .gs64.flex__allcells9 > .d-flex,
9590
10509
  .gs64.flex__allitems9 > .d-flex,
9591
- .gs64.flex__allcells9 > .flex--item,
9592
10510
  .gs64.flex__allitems9 > .flex--item {
9593
10511
  flex-basis: calc(75% - 64px);
9594
10512
  }
@@ -9596,9 +10514,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9596
10514
  margin: 32px;
9597
10515
  }
9598
10516
  .gs64 > .flex--item10,
9599
- .gs64.flex__allcells10 > .d-flex,
9600
10517
  .gs64.flex__allitems10 > .d-flex,
9601
- .gs64.flex__allcells10 > .flex--item,
9602
10518
  .gs64.flex__allitems10 > .flex--item {
9603
10519
  flex-basis: calc(83.33333333333333% - 64px);
9604
10520
  }
@@ -9606,9 +10522,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9606
10522
  margin: 32px;
9607
10523
  }
9608
10524
  .gs64 > .flex--item11,
9609
- .gs64.flex__allcells11 > .d-flex,
9610
10525
  .gs64.flex__allitems11 > .d-flex,
9611
- .gs64.flex__allcells11 > .flex--item,
9612
10526
  .gs64.flex__allitems11 > .flex--item {
9613
10527
  flex-basis: calc(91.66666666666667% - 64px);
9614
10528
  }
@@ -9616,9 +10530,7 @@ body.theme-dark .d\:bg-theme-secondary-025,
9616
10530
  margin: 32px;
9617
10531
  }
9618
10532
  .gs64 > .flex--item12,
9619
- .gs64.flex__allcells12 > .d-flex,
9620
10533
  .gs64.flex__allitems12 > .d-flex,
9621
- .gs64.flex__allcells12 > .flex--item,
9622
10534
  .gs64.flex__allitems12 > .flex--item {
9623
10535
  flex-basis: calc(100% - 64px);
9624
10536
  }
@@ -9824,6 +10736,12 @@ body.theme-dark .d\:bg-theme-secondary-025,
9824
10736
  .fl-grow5 {
9825
10737
  flex-grow: 5;
9826
10738
  }
10739
+ .g0 {
10740
+ gap: 0;
10741
+ }
10742
+ .g1 {
10743
+ gap: 1px;
10744
+ }
9827
10745
  .g2 {
9828
10746
  gap: 2px;
9829
10747
  }
@@ -11572,7 +12490,7 @@ p {
11572
12490
  .fs-category.has-border {
11573
12491
  width: 100%;
11574
12492
  padding: 4px 0;
11575
- border-top: 1px solid var(--black-100);
12493
+ border-top: 1px solid var(--bc-medium);
11576
12494
  }
11577
12495
  .fc-dark {
11578
12496
  color: var(--fc-dark) !important;
@@ -11775,9 +12693,6 @@ p {
11775
12693
  overflow-wrap: unset !important;
11776
12694
  word-wrap: unset !important;
11777
12695
  }
11778
- .ww-break-word {
11779
- word-wrap: break-word !important;
11780
- }
11781
12696
  .hyphens-none {
11782
12697
  hyphens: none !important;
11783
12698
  }
@@ -11789,6 +12704,26 @@ p {
11789
12704
  .hyphens-unset {
11790
12705
  hyphens: unset !important;
11791
12706
  }
12707
+ .break-word {
12708
+ word-break: break-word !important;
12709
+ word-wrap: break-word !important;
12710
+ overflow-wrap: break-word !important;
12711
+ -webkit-hyphens: auto !important;
12712
+ -moz-hyphens: auto !important;
12713
+ -ms-hyphens: auto !important;
12714
+ hyphens: auto !important;
12715
+ }
12716
+ ul,
12717
+ ol {
12718
+ padding: 0;
12719
+ margin-left: 2.8em;
12720
+ }
12721
+ ul ul,
12722
+ ol ul,
12723
+ ul ol,
12724
+ ol ol {
12725
+ margin-bottom: 0;
12726
+ }
11792
12727
  .list-reset {
11793
12728
  list-style: none;
11794
12729
  margin: 0;
@@ -11815,11 +12750,6 @@ p {
11815
12750
  .d-block {
11816
12751
  display: block !important;
11817
12752
  }
11818
- @media print {
11819
- .print\:d-block {
11820
- display: block !important;
11821
- }
11822
- }
11823
12753
  .d-flex {
11824
12754
  display: flex !important;
11825
12755
  }
@@ -11847,11 +12777,6 @@ p {
11847
12777
  .d-none {
11848
12778
  display: none !important;
11849
12779
  }
11850
- @media print {
11851
- .print\:d-none {
11852
- display: none !important;
11853
- }
11854
- }
11855
12780
  .d-unset {
11856
12781
  display: unset !important;
11857
12782
  }
@@ -12479,6 +13404,12 @@ p {
12479
13404
  .t-delay-unset {
12480
13405
  transition-delay: 0s !important;
12481
13406
  }
13407
+ .tl-fixed {
13408
+ table-layout: fixed !important;
13409
+ }
13410
+ .tl-auto {
13411
+ table-layout: auto !important;
13412
+ }
12482
13413
  .w0 {
12483
13414
  width: 0 !important;
12484
13415
  }
@@ -13034,6 +13965,12 @@ p {
13034
13965
  .lg\:fl1 {
13035
13966
  flex: 1 auto !important;
13036
13967
  }
13968
+ .lg\:g0 {
13969
+ gap: 0;
13970
+ }
13971
+ .lg\:g1 {
13972
+ gap: 1px;
13973
+ }
13037
13974
  .lg\:g2 {
13038
13975
  gap: 2px;
13039
13976
  }
@@ -14076,6 +15013,12 @@ p {
14076
15013
  .md\:fl1 {
14077
15014
  flex: 1 auto !important;
14078
15015
  }
15016
+ .md\:g0 {
15017
+ gap: 0;
15018
+ }
15019
+ .md\:g1 {
15020
+ gap: 1px;
15021
+ }
14079
15022
  .md\:g2 {
14080
15023
  gap: 2px;
14081
15024
  }
@@ -15118,6 +16061,12 @@ p {
15118
16061
  .sm\:fl1 {
15119
16062
  flex: 1 auto !important;
15120
16063
  }
16064
+ .sm\:g0 {
16065
+ gap: 0;
16066
+ }
16067
+ .sm\:g1 {
16068
+ gap: 1px;
16069
+ }
15121
16070
  .sm\:g2 {
15122
16071
  gap: 2px;
15123
16072
  }
@@ -16013,6 +16962,16 @@ p {
16013
16962
  min-height: initial !important;
16014
16963
  }
16015
16964
  }
16965
+ @media print {
16966
+ .print\:d-block {
16967
+ display: block !important;
16968
+ }
16969
+ }
16970
+ @media print {
16971
+ .print\:d-none {
16972
+ display: none !important;
16973
+ }
16974
+ }
16016
16975
  /* stylelint-enable */
16017
16976
  /* stylelint-disable */
16018
16977
  html,
@@ -16101,6 +17060,12 @@ body *:after {
16101
17060
  cursor: pointer;
16102
17061
  user-select: none;
16103
17062
  }
17063
+ body.theme-highcontrast .s-btn {
17064
+ border-color: currentColor;
17065
+ }
17066
+ body.theme-highcontrast .s-btn:not(.s-btn__link):not(.s-btn__unset) {
17067
+ text-decoration: none;
17068
+ }
16104
17069
  button .s-btn,
16105
17070
  button[type="submit"] .s-btn,
16106
17071
  button[type="reset"] .s-btn {
@@ -16196,20 +17161,27 @@ button[type="reset"] .s-btn {
16196
17161
  line-height: 1;
16197
17162
  background-color: currentColor;
16198
17163
  }
17164
+ body.theme-highcontrast .s-btn .s-btn--badge {
17165
+ opacity: 0.8;
17166
+ }
16199
17167
  .s-btn .s-btn--number {
16200
17168
  color: var(--white);
16201
17169
  }
16202
17170
  @media (prefers-color-scheme: dark) {
16203
17171
  body.theme-system .s-btn__primary:not(.is-selected) .s-btn--number,
16204
17172
  body.theme-system .s-btn__danger.s-btn__filled:not(.is-selected) .s-btn--number {
16205
- color: hsl(210, 8%, 5%);
17173
+ color: var(--white);
16206
17174
  }
16207
17175
  }
16208
17176
  body.theme-dark .s-btn__primary:not(.is-selected) .s-btn--number,
16209
17177
  body.theme-dark .s-btn__danger.s-btn__filled:not(.is-selected) .s-btn--number,
16210
17178
  .theme-dark__forced .s-btn__primary:not(.is-selected) .s-btn--number,
16211
17179
  .theme-dark__forced .s-btn__danger.s-btn__filled:not(.is-selected) .s-btn--number {
16212
- color: hsl(210, 8%, 5%);
17180
+ color: var(--white);
17181
+ }
17182
+ body.theme-highcontrast .s-btn__primary:not(.is-selected) .s-btn--number,
17183
+ body.theme-highcontrast .s-btn__danger.s-btn__filled:not(.is-selected) .s-btn--number {
17184
+ color: var(--black);
16213
17185
  }
16214
17186
  .s-btn__outlined {
16215
17187
  border-color: var(--theme-button-outlined-border-color);
@@ -16243,6 +17215,9 @@ body.theme-dark .s-btn__filled,
16243
17215
  border-color: var(--theme-button-filled-active-border-color);
16244
17216
  box-shadow: none;
16245
17217
  }
17218
+ body.theme-highcontrast .s-btn__filled:focus {
17219
+ box-shadow: 0 0 0 4px var(--focus-ring);
17220
+ }
16246
17221
  .s-btn__filled.is-selected {
16247
17222
  color: var(--theme-button-filled-selected-color);
16248
17223
  background-color: var(--theme-button-filled-selected-background-color);
@@ -16252,6 +17227,9 @@ body.theme-dark .s-btn__filled,
16252
17227
  .s-btn__muted {
16253
17228
  color: var(--black-500);
16254
17229
  }
17230
+ body.theme-highcontrast .s-btn__muted.s-btn__filled {
17231
+ border-color: transparent;
17232
+ }
16255
17233
  .s-btn__muted:hover,
16256
17234
  .s-btn__muted:focus,
16257
17235
  .s-btn__muted:active {
@@ -16292,6 +17270,14 @@ body.theme-dark .s-btn__muted.s-btn__filled,
16292
17270
  .theme-dark__forced .s-btn__muted.s-btn__filled {
16293
17271
  box-shadow: none;
16294
17272
  }
17273
+ body.theme-highcontrast .s-btn__muted.s-btn__filled {
17274
+ background-color: var(--black-400);
17275
+ border-color: transparent;
17276
+ color: var(--white);
17277
+ }
17278
+ body.theme-highcontrast .s-btn__muted.s-btn__filled .s-btn--number {
17279
+ color: var(--black);
17280
+ }
16295
17281
  .s-btn__muted.s-btn__filled:hover,
16296
17282
  .s-btn__muted.s-btn__filled:focus,
16297
17283
  .s-btn__muted.s-btn__filled:active {
@@ -16305,17 +17291,29 @@ body.theme-dark .s-btn__muted.s-btn__filled,
16305
17291
  .s-btn__muted.s-btn__filled:focus {
16306
17292
  box-shadow: 0 0 0 4px var(--focus-ring-muted);
16307
17293
  }
17294
+ body.theme-highcontrast .s-btn__muted.s-btn__filled:focus {
17295
+ box-shadow: 0 0 0 4px var(--focus-ring-muted);
17296
+ }
16308
17297
  .s-btn__muted.s-btn__filled.is-selected {
16309
17298
  color: var(--black-800);
16310
17299
  background-color: var(--black-350);
16311
17300
  box-shadow: none;
16312
17301
  }
17302
+ body.theme-highcontrast .s-btn__muted.s-btn__filled.is-selected {
17303
+ background-color: var(--black-700);
17304
+ }
17305
+ body.theme-highcontrast .s-btn__muted.s-btn__filled.is-selected .s-btn--number {
17306
+ color: var(--black);
17307
+ }
16313
17308
  .s-btn__muted.s-btn__filled.is-selected:focus {
16314
17309
  box-shadow: 0 0 0 4px var(--focus-ring-muted);
16315
17310
  }
16316
17311
  .s-btn__danger {
16317
17312
  color: var(--red-600);
16318
17313
  }
17314
+ body.theme-highcontrast .s-btn__danger.s-btn__filled {
17315
+ border-color: transparent;
17316
+ }
16319
17317
  .s-btn__danger:hover,
16320
17318
  .s-btn__danger:focus,
16321
17319
  .s-btn__danger:active {
@@ -16328,6 +17326,9 @@ body.theme-dark .s-btn__muted.s-btn__filled,
16328
17326
  .s-btn__danger:focus {
16329
17327
  box-shadow: 0 0 0 4px var(--focus-ring-error);
16330
17328
  }
17329
+ body.theme-highcontrast .s-btn__danger:focus {
17330
+ box-shadow: 0 0 0 4px var(--focus-ring-error);
17331
+ }
16331
17332
  .s-btn__danger.is-selected {
16332
17333
  color: var(--red-900);
16333
17334
  background-color: var(--red-200);
@@ -16356,6 +17357,15 @@ body.theme-dark .s-btn__danger.s-btn__filled,
16356
17357
  .theme-dark__forced .s-btn__danger.s-btn__filled {
16357
17358
  box-shadow: none;
16358
17359
  }
17360
+ body.theme-highcontrast .s-btn__danger.s-btn__filled {
17361
+ color: var(--white);
17362
+ }
17363
+ body.theme-highcontrast .s-btn__danger.s-btn__filled:focus {
17364
+ box-shadow: 0 0 0 4px var(--focus-ring-error);
17365
+ }
17366
+ body.theme-highcontrast .s-btn__danger.s-btn__filled .s-btn--number {
17367
+ color: var(--black);
17368
+ }
16359
17369
  .s-btn__danger.s-btn__filled:hover,
16360
17370
  .s-btn__danger.s-btn__filled:focus,
16361
17371
  .s-btn__danger.s-btn__filled:active {
@@ -16377,6 +17387,9 @@ body.theme-dark .s-btn__danger.s-btn__filled,
16377
17387
  .s-btn__danger.s-btn__filled.is-selected:focus {
16378
17388
  box-shadow: 0 0 0 4px var(--focus-ring-error);
16379
17389
  }
17390
+ body.theme-highcontrast .s-btn__danger.s-btn__filled.is-selected .s-btn--number {
17391
+ color: var(--black);
17392
+ }
16380
17393
  .s-btn__danger.s-btn__filled .s-btn--number {
16381
17394
  color: var(--black-900);
16382
17395
  }
@@ -16389,11 +17402,22 @@ body.theme-dark .s-btn__danger.s-btn__filled,
16389
17402
  body.theme-system .s-btn__primary {
16390
17403
  box-shadow: none;
16391
17404
  }
17405
+ body.theme-system .s-btn__primary:not(.is-selected) {
17406
+ color: var(--black);
17407
+ }
16392
17408
  }
16393
17409
  body.theme-dark .s-btn__primary,
16394
17410
  .theme-dark__forced .s-btn__primary {
16395
17411
  box-shadow: none;
16396
17412
  }
17413
+ body.theme-dark .s-btn__primary:not(.is-selected),
17414
+ .theme-dark__forced .s-btn__primary:not(.is-selected) {
17415
+ color: var(--black);
17416
+ }
17417
+ body.theme-highcontrast .s-btn__primary:not(.is-selected) {
17418
+ border-color: transparent;
17419
+ color: var(--white);
17420
+ }
16397
17421
  .s-btn__primary:hover,
16398
17422
  .s-btn__primary:focus,
16399
17423
  .s-btn__primary:active {
@@ -16404,6 +17428,9 @@ body.theme-dark .s-btn__primary,
16404
17428
  background-color: var(--theme-button-primary-active-background-color);
16405
17429
  box-shadow: none;
16406
17430
  }
17431
+ body.theme-highcontrast .s-btn__primary:focus {
17432
+ box-shadow: 0 0 0 4px var(--focus-ring);
17433
+ }
16407
17434
  .s-btn__primary.is-selected {
16408
17435
  color: var(--theme-button-primary-selected-color);
16409
17436
  background-color: var(--theme-button-primary-selected-background-color);
@@ -16412,26 +17439,31 @@ body.theme-dark .s-btn__primary,
16412
17439
  color: var(--theme-button-primary-number-color);
16413
17440
  }
16414
17441
  .s-btn__google {
16415
- border-color: var(--black-100);
17442
+ border-color: var(--bc-medium);
16416
17443
  background-color: var(--white);
16417
17444
  color: var(--black-700);
16418
17445
  }
16419
17446
  .s-btn__google:hover,
16420
17447
  .s-btn__google:focus {
16421
- border-color: var(--black-150);
17448
+ border-color: var(--bc-darker);
16422
17449
  background-color: var(--black-025);
16423
17450
  color: var(--black-800);
16424
17451
  }
16425
17452
  .s-btn__google:active {
16426
- border-color: var(--black-200);
16427
17453
  background-color: var(--black-050);
16428
17454
  color: var(--black-900);
16429
17455
  }
17456
+ .s-btn__google:focus {
17457
+ box-shadow: 0 0 0 4px var(--focus-ring-muted);
17458
+ }
16430
17459
  .s-btn__facebook {
16431
17460
  border-color: transparent;
16432
17461
  background-color: #385499;
16433
17462
  color: #fff;
16434
17463
  }
17464
+ body.theme-highcontrast .s-btn__facebook {
17465
+ border-color: transparent;
17466
+ }
16435
17467
  .s-btn__facebook:hover,
16436
17468
  .s-btn__facebook:focus {
16437
17469
  background-color: #314a86;
@@ -16445,6 +17477,9 @@ body.theme-dark .s-btn__primary,
16445
17477
  background-color: var(--black-750);
16446
17478
  color: var(--white);
16447
17479
  }
17480
+ body.theme-highcontrast .s-btn__github {
17481
+ border-color: transparent;
17482
+ }
16448
17483
  .s-btn__github:hover,
16449
17484
  .s-btn__github:focus {
16450
17485
  background-color: var(--black-800);
@@ -16454,9 +17489,13 @@ body.theme-dark .s-btn__primary,
16454
17489
  background-color: var(--black-900);
16455
17490
  color: var(--white);
16456
17491
  }
17492
+ .s-btn__github:focus {
17493
+ box-shadow: 0 0 0 4px var(--focus-ring-muted);
17494
+ }
16457
17495
  .s-btn__unset,
16458
17496
  .s-btn__unset:hover,
16459
- .s-btn__unset:active {
17497
+ .s-btn__unset:active,
17498
+ .s-btn__unset:focus {
16460
17499
  padding: 0;
16461
17500
  border: none;
16462
17501
  outline: none;
@@ -16468,9 +17507,6 @@ body.theme-dark .s-btn__primary,
16468
17507
  cursor: default;
16469
17508
  user-select: auto;
16470
17509
  }
16471
- .s-btn__unset:focus {
16472
- color: unset;
16473
- }
16474
17510
  .s-btn__link {
16475
17511
  display: inline;
16476
17512
  padding: 0;
@@ -16486,16 +17522,17 @@ body.theme-dark .s-btn__primary,
16486
17522
  cursor: pointer;
16487
17523
  user-select: auto;
16488
17524
  }
17525
+ body.theme-highcontrast .s-btn__link {
17526
+ text-decoration: underline;
17527
+ }
16489
17528
  .s-btn__link.s-link__visited:visited {
16490
17529
  color: var(--theme-link-color-visited);
16491
- text-decoration: none;
16492
17530
  }
16493
17531
  .s-btn__link:hover,
16494
17532
  .s-btn__link.s-link__visited:hover,
16495
17533
  .s-btn__link:active,
16496
17534
  .s-btn__link.s-link__visited:active {
16497
17535
  color: var(--theme-link-color-hover);
16498
- text-decoration: none;
16499
17536
  }
16500
17537
  .s-btn__link.s-link__grayscale {
16501
17538
  color: var(--black-800);
@@ -16544,11 +17581,35 @@ body.theme-dark .s-btn__primary,
16544
17581
  .s-btn__link.s-link__underlined {
16545
17582
  text-decoration: underline !important;
16546
17583
  }
17584
+ .s-btn__link.s-link__dropdown {
17585
+ position: relative;
17586
+ padding-right: 0.9em;
17587
+ }
17588
+ .s-btn__link.s-link__dropdown:after {
17589
+ content: "";
17590
+ position: absolute;
17591
+ z-index: 30;
17592
+ top: calc(50% - 2px);
17593
+ right: 0;
17594
+ border-style: solid;
17595
+ border-width: 4px;
17596
+ border-top-width: 4px;
17597
+ border-bottom-width: 0;
17598
+ border-color: currentColor transparent;
17599
+ pointer-events: none;
17600
+ }
16547
17601
  .s-btn__link:hover,
16548
17602
  .s-btn__link:active,
16549
17603
  .s-btn__link:focus,
16550
17604
  .s-btn__link[disabled] {
16551
17605
  background: none;
17606
+ box-shadow: none;
17607
+ }
17608
+ .s-btn__link.s-btn__dropdown {
17609
+ padding-right: 0.9em;
17610
+ }
17611
+ .s-btn__link.s-btn__dropdown:after {
17612
+ right: 0;
16552
17613
  }
16553
17614
  .s-btn__icon .svg-icon {
16554
17615
  vertical-align: baseline;
@@ -16599,10 +17660,13 @@ a,
16599
17660
  cursor: pointer;
16600
17661
  user-select: auto;
16601
17662
  }
17663
+ body.theme-highcontrast a,
17664
+ body.theme-highcontrast .s-link {
17665
+ text-decoration: underline;
17666
+ }
16602
17667
  a.s-link__visited:visited,
16603
17668
  .s-link.s-link__visited:visited {
16604
17669
  color: var(--theme-link-color-visited);
16605
- text-decoration: none;
16606
17670
  }
16607
17671
  a:hover,
16608
17672
  .s-link:hover,
@@ -16613,7 +17677,6 @@ a:active,
16613
17677
  a.s-link__visited:active,
16614
17678
  .s-link.s-link__visited:active {
16615
17679
  color: var(--theme-link-color-hover);
16616
- text-decoration: none;
16617
17680
  }
16618
17681
  a.s-link__grayscale,
16619
17682
  .s-link.s-link__grayscale {
@@ -16685,6 +17748,25 @@ a.s-link__underlined,
16685
17748
  .s-link.s-link__underlined {
16686
17749
  text-decoration: underline !important;
16687
17750
  }
17751
+ a.s-link__dropdown,
17752
+ .s-link.s-link__dropdown {
17753
+ position: relative;
17754
+ padding-right: 0.9em;
17755
+ }
17756
+ a.s-link__dropdown:after,
17757
+ .s-link.s-link__dropdown:after {
17758
+ content: "";
17759
+ position: absolute;
17760
+ z-index: 30;
17761
+ top: calc(50% - 2px);
17762
+ right: 0;
17763
+ border-style: solid;
17764
+ border-width: 4px;
17765
+ border-top-width: 4px;
17766
+ border-bottom-width: 0;
17767
+ border-color: currentColor transparent;
17768
+ pointer-events: none;
17769
+ }
16688
17770
  button.s-link {
16689
17771
  -webkit-appearance: none;
16690
17772
  -moz-appearance: none;
@@ -16693,6 +17775,7 @@ button.s-link {
16693
17775
  padding: 0;
16694
17776
  line-height: inherit;
16695
17777
  user-select: auto;
17778
+ font-family: inherit;
16696
17779
  }
16697
17780
  button.s-link:focus {
16698
17781
  outline: none;
@@ -16872,18 +17955,17 @@ button.s-link:focus {
16872
17955
  border-radius: 0;
16873
17956
  text-align: left;
16874
17957
  line-height: inherit;
17958
+ font-family: inherit;
16875
17959
  }
16876
17960
  .s-block-link:hover,
16877
17961
  .s-block-link:active {
16878
17962
  color: var(--black-800);
16879
17963
  }
16880
17964
  .s-block-link:focus:not(:focus-visible) {
16881
- color: inherit;
16882
17965
  outline: none;
16883
17966
  box-shadow: none;
16884
17967
  }
16885
17968
  .s-block-link:focus-visible {
16886
- color: inherit;
16887
17969
  outline: none;
16888
17970
  box-shadow: 0 0 0 4px var(--focus-ring-muted);
16889
17971
  }
@@ -16915,7 +17997,7 @@ body.theme-dark .s-block-link.is-selected,
16915
17997
  color: var(--red-700);
16916
17998
  }
16917
17999
  .s-link-preview {
16918
- border: 1px solid var(--black-100);
18000
+ border: 1px solid var(--bc-medium);
16919
18001
  border-radius: 3px;
16920
18002
  text-align: left;
16921
18003
  box-shadow: var(--bs-sm);
@@ -16925,7 +18007,7 @@ body.theme-dark .s-block-link.is-selected,
16925
18007
  background: var(--black-025);
16926
18008
  border-top-left-radius: 3px;
16927
18009
  border-top-right-radius: 3px;
16928
- border-bottom: 1px solid var(--black-100);
18010
+ border-bottom: 1px solid var(--bc-medium);
16929
18011
  padding: 12px 8px;
16930
18012
  }
16931
18013
  .s-link-preview--icon {
@@ -16946,6 +18028,9 @@ a.s-link-preview--title.s-link__visited:visited {
16946
18028
  color: var(--theme-link-color);
16947
18029
  text-decoration: none;
16948
18030
  }
18031
+ body.theme-highcontrast a.s-link-preview--title.s-link__visited:visited {
18032
+ text-decoration: underline;
18033
+ }
16949
18034
  a.s-link-preview--title:hover,
16950
18035
  a.s-link-preview--title.s-link__visited:hover,
16951
18036
  a.s-link-preview--title:active,
@@ -16953,6 +18038,12 @@ a.s-link-preview--title.s-link__visited:active {
16953
18038
  color: var(--theme-link-color-hover);
16954
18039
  text-decoration: none;
16955
18040
  }
18041
+ body.theme-highcontrast a.s-link-preview--title:hover,
18042
+ body.theme-highcontrast a.s-link-preview--title.s-link__visited:hover,
18043
+ body.theme-highcontrast a.s-link-preview--title:active,
18044
+ body.theme-highcontrast a.s-link-preview--title.s-link__visited:active {
18045
+ text-decoration: underline;
18046
+ }
16956
18047
  .s-link-preview--details {
16957
18048
  font-size: 12px;
16958
18049
  color: var(--black-500);
@@ -16981,7 +18072,7 @@ a.s-link-preview--title.s-link__visited:active {
16981
18072
  background: var(--black-025);
16982
18073
  border-bottom-left-radius: 3px;
16983
18074
  border-bottom-right-radius: 3px;
16984
- border-top: 1px solid var(--black-100);
18075
+ border-top: 1px solid var(--bc-medium);
16985
18076
  padding: 12px;
16986
18077
  font-size: 12px;
16987
18078
  }
@@ -17024,116 +18115,6 @@ a.s-link-preview--title.s-link__visited:active {
17024
18115
  .s-link-preview--footer a:focus {
17025
18116
  color: var(--black-600);
17026
18117
  }
17027
- .s-navigation {
17028
- display: flex;
17029
- margin: -2px;
17030
- padding: 2px 0;
17031
- flex-wrap: wrap;
17032
- list-style: none;
17033
- }
17034
- .s-navigation .s-navigation--item {
17035
- display: flex;
17036
- align-items: center;
17037
- padding: 6px 12px;
17038
- position: relative;
17039
- border: none;
17040
- font: unset;
17041
- background: none;
17042
- box-shadow: none;
17043
- cursor: pointer;
17044
- user-select: auto;
17045
- border-radius: 1000px;
17046
- margin: 2px;
17047
- white-space: nowrap;
17048
- color: var(--black-600);
17049
- }
17050
- .s-navigation .s-navigation--item:hover,
17051
- .s-navigation .s-navigation--item:active {
17052
- background: var(--black-075);
17053
- color: var(--black-600);
17054
- }
17055
- .s-navigation .s-navigation--item:focus:not(:focus-visible) {
17056
- color: inherit;
17057
- outline: none;
17058
- box-shadow: none;
17059
- }
17060
- .s-navigation .s-navigation--item:focus-visible {
17061
- color: inherit;
17062
- outline: none;
17063
- box-shadow: 0 0 0 4px var(--focus-ring-muted);
17064
- }
17065
- .s-navigation .s-navigation--item.is-selected {
17066
- background: var(--theme-primary-color);
17067
- color: var(--white);
17068
- }
17069
- .s-navigation .s-navigation--item.s-navigation--item__dropdown {
17070
- padding-right: 2em;
17071
- }
17072
- .s-navigation .s-navigation--item.s-navigation--item__dropdown:after {
17073
- content: "";
17074
- position: absolute;
17075
- z-index: 30;
17076
- top: calc(50% - 2px);
17077
- right: 0.9em;
17078
- border-style: solid;
17079
- border-width: 4px;
17080
- border-top-width: 4px;
17081
- border-bottom-width: 0;
17082
- border-color: currentColor transparent;
17083
- pointer-events: none;
17084
- }
17085
- .s-navigation.s-navigation__scroll {
17086
- overflow-x: auto;
17087
- flex-wrap: nowrap;
17088
- scrollbar-color: var(--scrollbar) transparent;
17089
- }
17090
- .s-navigation.s-navigation__scroll::-webkit-scrollbar {
17091
- width: 10px;
17092
- height: 10px;
17093
- background-color: transparent;
17094
- }
17095
- .s-navigation.s-navigation__scroll::-webkit-scrollbar-track {
17096
- border-radius: 10px;
17097
- background-color: transparent;
17098
- }
17099
- .s-navigation.s-navigation__scroll::-webkit-scrollbar-thumb {
17100
- border-radius: 10px;
17101
- background-color: var(--scrollbar);
17102
- }
17103
- .s-navigation.s-navigation__scroll::-webkit-scrollbar-corner {
17104
- background-color: transparent;
17105
- border-color: transparent;
17106
- }
17107
- .s-navigation.s-navigation__vertical {
17108
- flex-direction: column;
17109
- padding: 0;
17110
- margin: 0;
17111
- }
17112
- .s-navigation.s-navigation__vertical .s-navigation--item {
17113
- margin: 0;
17114
- white-space: normal;
17115
- }
17116
- .s-navigation .s-navigation--title {
17117
- font-size: 11px;
17118
- font-weight: bold;
17119
- margin-top: 16px;
17120
- padding: 6px 12px;
17121
- text-transform: uppercase;
17122
- }
17123
- .s-navigation .s-navigation--title:first-child {
17124
- margin-top: 0;
17125
- }
17126
- .s-navigation.s-navigation__muted .s-navigation--item.is-selected {
17127
- background: var(--black-050);
17128
- color: var(--black-800);
17129
- }
17130
- .s-navigation.s-navigation__sm .s-navigation--item {
17131
- padding: 4px 12px;
17132
- font-size: 12px;
17133
- }
17134
- .s-navigation.s-navigation__sm .s-navigation--item.s-navigation--item__dropdown {
17135
- padding-right: 2em;
17136
- }
17137
18118
  .s-notice {
17138
18119
  padding: 16px;
17139
18120
  border: 1px solid transparent;
@@ -17183,6 +18164,11 @@ a.s-link-preview--title.s-link__visited:active {
17183
18164
  border-color: var(--green-200);
17184
18165
  background-color: var(--green-050);
17185
18166
  }
18167
+ body.theme-highcontrast .s-notice__success,
18168
+ body.theme-highcontrast .s-banner__success {
18169
+ background-color: var(--green-200);
18170
+ border-color: var(--green-400);
18171
+ }
17186
18172
  .s-notice__success.s-notice__important,
17187
18173
  .s-banner__success.s-notice__important,
17188
18174
  .s-notice__success.s-banner__important,
@@ -17190,6 +18176,14 @@ a.s-link-preview--title.s-link__visited:active {
17190
18176
  background-color: var(--green-400);
17191
18177
  color: var(--black-900);
17192
18178
  }
18179
+ body.theme-highcontrast .s-notice__success.s-notice__important,
18180
+ body.theme-highcontrast .s-banner__success.s-notice__important,
18181
+ body.theme-highcontrast .s-notice__success.s-banner__important,
18182
+ body.theme-highcontrast .s-banner__success.s-banner__important {
18183
+ background-color: var(--green-500);
18184
+ color: var(--white);
18185
+ border-color: transparent;
18186
+ }
17193
18187
  .s-notice__success .s-notice--btn:focus,
17194
18188
  .s-banner__success .s-notice--btn:focus,
17195
18189
  .s-notice__success .s-notice--btn:hover,
@@ -17205,6 +18199,11 @@ a.s-link-preview--title.s-link__visited:active {
17205
18199
  border-color: var(--yellow-300);
17206
18200
  background-color: var(--yellow-050);
17207
18201
  }
18202
+ body.theme-highcontrast .s-notice__warning,
18203
+ body.theme-highcontrast .s-banner__warning {
18204
+ background-color: var(--yellow-200);
18205
+ border-color: var(--yellow-700);
18206
+ }
17208
18207
  .s-notice__warning.s-notice__important,
17209
18208
  .s-banner__warning.s-notice__important,
17210
18209
  .s-notice__warning.s-banner__important,
@@ -17212,6 +18211,14 @@ a.s-link-preview--title.s-link__visited:active {
17212
18211
  background-color: var(--yellow-400);
17213
18212
  color: var(--black-900);
17214
18213
  }
18214
+ body.theme-highcontrast .s-notice__warning.s-notice__important,
18215
+ body.theme-highcontrast .s-banner__warning.s-notice__important,
18216
+ body.theme-highcontrast .s-notice__warning.s-banner__important,
18217
+ body.theme-highcontrast .s-banner__warning.s-banner__important {
18218
+ background-color: var(--yellow-500);
18219
+ color: var(--white);
18220
+ border-color: transparent;
18221
+ }
17215
18222
  .s-notice__warning .s-notice--btn:focus,
17216
18223
  .s-banner__warning .s-notice--btn:focus,
17217
18224
  .s-notice__warning .s-notice--btn:hover,
@@ -17231,6 +18238,17 @@ a.s-link-preview--title.s-link__visited:active {
17231
18238
  border-color: var(--red-200);
17232
18239
  background-color: var(--red-050);
17233
18240
  }
18241
+ body.theme-highcontrast .s-notice__danger,
18242
+ body.theme-highcontrast .s-banner__danger {
18243
+ background-color: var(--red-200);
18244
+ border-color: var(--red-500);
18245
+ }
18246
+ body.theme-highcontrast .s-notice__danger.s-notice__important,
18247
+ body.theme-highcontrast .s-banner__danger.s-notice__important,
18248
+ body.theme-highcontrast .s-notice__danger.s-banner__important,
18249
+ body.theme-highcontrast .s-banner__danger.s-banner__important {
18250
+ background-color: var(--red-500);
18251
+ }
17234
18252
  .s-notice__danger.s-notice__important,
17235
18253
  .s-banner__danger.s-notice__important,
17236
18254
  .s-notice__danger.s-banner__important,
@@ -17270,6 +18288,12 @@ body.theme-dark .s-notice__danger,
17270
18288
  .theme-dark__forced .s-notice__danger {
17271
18289
  border-color: transparent;
17272
18290
  }
18291
+ body.theme-highcontrast .s-notice__info,
18292
+ body.theme-highcontrast .s-notice__success,
18293
+ body.theme-highcontrast .s-notice__warning,
18294
+ body.theme-highcontrast .s-notice__danger {
18295
+ border-color: currentColor;
18296
+ }
17273
18297
  .s-toast {
17274
18298
  visibility: hidden;
17275
18299
  position: fixed;
@@ -17310,22 +18334,34 @@ body.theme-dark .s-notice__danger,
17310
18334
  text-decoration: none;
17311
18335
  vertical-align: middle;
17312
18336
  white-space: nowrap;
17313
- border-color: transparent;
17314
- background-color: var(--powder-100);
17315
- color: var(--powder-700);
18337
+ border-color: var(--theme-tag-border-color);
18338
+ background-color: var(--theme-tag-background-color);
18339
+ color: var(--theme-tag-color);
18340
+ }
18341
+ body.theme-highcontrast .s-tag {
18342
+ border-color: currentColor;
17316
18343
  }
17317
18344
  .s-tag .s-tag--dismiss {
17318
18345
  color: inherit;
17319
18346
  background-color: transparent;
17320
18347
  }
17321
18348
  .s-tag .s-tag--dismiss:hover {
17322
- color: hsl(0, 0%, 100%);
17323
- background-color: var(--powder-700);
18349
+ color: var(--theme-tag-background-color);
18350
+ background-color: var(--theme-tag-color);
18351
+ }
18352
+ body.theme-highcontrast .s-tag .s-tag--dismiss:hover {
18353
+ color: var(--white);
18354
+ }
18355
+ body.theme-highcontrast .s-tag {
18356
+ text-decoration: none;
17324
18357
  }
17325
18358
  .s-tag.is-selected {
17326
18359
  border-color: transparent;
17327
- background-color: var(--powder-400);
17328
- color: var(--powder-900);
18360
+ background-color: var(--theme-secondary-200);
18361
+ color: var(--theme-secondary-900);
18362
+ }
18363
+ body.theme-highcontrast .s-tag.is-selected {
18364
+ border-color: currentColor;
17329
18365
  }
17330
18366
  .s-tag.s-tag__xs {
17331
18367
  font-size: 11px;
@@ -17353,9 +18389,14 @@ body.theme-dark .s-notice__danger,
17353
18389
  a.s-tag:not(.is-selected):hover,
17354
18390
  a.s-tag:not(.is-selected):focus,
17355
18391
  a.s-tag:not(.is-selected):active {
17356
- border-color: transparent;
17357
- background-color: var(--powder-200);
17358
- color: var(--powder-800);
18392
+ border-color: var(--theme-tag-hover-border-color);
18393
+ background-color: var(--theme-tag-hover-background-color);
18394
+ color: var(--theme-tag-hover-color);
18395
+ }
18396
+ body.theme-highcontrast a.s-tag:not(.is-selected):hover,
18397
+ body.theme-highcontrast a.s-tag:not(.is-selected):focus,
18398
+ body.theme-highcontrast a.s-tag:not(.is-selected):active {
18399
+ border-color: currentColor;
17359
18400
  }
17360
18401
  .s-tag--dismiss {
17361
18402
  display: flex;
@@ -17385,23 +18426,32 @@ a.s-tag:not(.is-selected):active {
17385
18426
  height: 100%;
17386
18427
  }
17387
18428
  .s-tag__required {
17388
- border-color: var(--black-200);
18429
+ border-color: var(--bc-darker);
17389
18430
  background-color: var(--black-075);
17390
18431
  color: var(--black-700);
17391
18432
  }
18433
+ body.theme-highcontrast .s-tag__required {
18434
+ border-color: currentColor;
18435
+ }
17392
18436
  .s-tag__required .s-tag--dismiss {
17393
18437
  color: inherit;
17394
18438
  background-color: transparent;
17395
18439
  }
17396
18440
  .s-tag__required .s-tag--dismiss:hover {
17397
- color: hsl(0, 0%, 100%);
18441
+ color: var(--black-075);
17398
18442
  background-color: var(--black-700);
17399
18443
  }
18444
+ body.theme-highcontrast .s-tag__required .s-tag--dismiss:hover {
18445
+ color: var(--white);
18446
+ }
17400
18447
  .s-tag__required.is-selected {
17401
18448
  border-color: var(--black-500);
17402
18449
  background-color: var(--black-200);
17403
18450
  color: var(--black-900);
17404
18451
  }
18452
+ body.theme-highcontrast .s-tag__required.is-selected {
18453
+ border-color: currentColor;
18454
+ }
17405
18455
  a.s-tag__required:not(.is-selected):hover,
17406
18456
  a.s-tag__required:not(.is-selected):focus,
17407
18457
  a.s-tag__required:not(.is-selected):active {
@@ -17409,49 +18459,77 @@ a.s-tag__required:not(.is-selected):active {
17409
18459
  background-color: var(--black-100);
17410
18460
  color: var(--black-800);
17411
18461
  }
18462
+ body.theme-highcontrast a.s-tag__required:not(.is-selected):hover,
18463
+ body.theme-highcontrast a.s-tag__required:not(.is-selected):focus,
18464
+ body.theme-highcontrast a.s-tag__required:not(.is-selected):active {
18465
+ border-color: currentColor;
18466
+ }
17412
18467
  .s-tag__moderator {
17413
- border-color: var(--red-100);
18468
+ border-color: var(--red-200);
17414
18469
  background-color: var(--red-050);
17415
- color: var(--red-600);
18470
+ color: var(--red-800);
18471
+ }
18472
+ body.theme-highcontrast .s-tag__moderator {
18473
+ border-color: currentColor;
17416
18474
  }
17417
18475
  .s-tag__moderator .s-tag--dismiss {
17418
18476
  color: inherit;
17419
18477
  background-color: transparent;
17420
18478
  }
17421
18479
  .s-tag__moderator .s-tag--dismiss:hover {
17422
- color: hsl(0, 0%, 100%);
17423
- background-color: var(--red-600);
18480
+ color: var(--red-050);
18481
+ background-color: var(--red-800);
18482
+ }
18483
+ body.theme-highcontrast .s-tag__moderator .s-tag--dismiss:hover {
18484
+ color: var(--white);
17424
18485
  }
17425
18486
  .s-tag__moderator.is-selected {
17426
18487
  border-color: var(--red-400);
17427
18488
  background-color: var(--red-200);
17428
18489
  color: var(--red-800);
17429
18490
  }
18491
+ body.theme-highcontrast .s-tag__moderator.is-selected {
18492
+ border-color: currentColor;
18493
+ }
17430
18494
  a.s-tag__moderator:not(.is-selected):hover,
17431
18495
  a.s-tag__moderator:not(.is-selected):focus,
17432
18496
  a.s-tag__moderator:not(.is-selected):active {
17433
- border-color: var(--red-200);
18497
+ border-color: var(--red-300);
17434
18498
  background-color: var(--red-100);
17435
- color: var(--red-700);
18499
+ color: var(--red-900);
18500
+ }
18501
+ body.theme-highcontrast a.s-tag__moderator:not(.is-selected):hover,
18502
+ body.theme-highcontrast a.s-tag__moderator:not(.is-selected):focus,
18503
+ body.theme-highcontrast a.s-tag__moderator:not(.is-selected):active {
18504
+ border-color: currentColor;
17436
18505
  }
17437
18506
  .s-tag__muted {
17438
18507
  border-color: transparent;
17439
18508
  background-color: var(--black-075);
17440
18509
  color: var(--black-700);
17441
18510
  }
18511
+ body.theme-highcontrast .s-tag__muted {
18512
+ border-color: currentColor;
18513
+ }
17442
18514
  .s-tag__muted .s-tag--dismiss {
17443
18515
  color: inherit;
17444
18516
  background-color: transparent;
17445
18517
  }
17446
18518
  .s-tag__muted .s-tag--dismiss:hover {
17447
- color: hsl(0, 0%, 100%);
18519
+ color: var(--black-075);
17448
18520
  background-color: var(--black-700);
17449
18521
  }
18522
+ body.theme-highcontrast .s-tag__muted .s-tag--dismiss:hover {
18523
+ color: var(--white);
18524
+ }
17450
18525
  .s-tag__muted.is-selected {
17451
18526
  border-color: transparent;
17452
18527
  background-color: var(--black-200);
17453
18528
  color: var(--black-900);
17454
18529
  }
18530
+ body.theme-highcontrast .s-tag__muted.is-selected {
18531
+ border-color: currentColor;
18532
+ }
17455
18533
  a.s-tag__muted:not(.is-selected):hover,
17456
18534
  a.s-tag__muted:not(.is-selected):focus,
17457
18535
  a.s-tag__muted:not(.is-selected):active {
@@ -17459,30 +18537,10 @@ a.s-tag__muted:not(.is-selected):active {
17459
18537
  background-color: var(--black-100);
17460
18538
  color: var(--black-800);
17461
18539
  }
17462
- .s-tag__themed {
17463
- border-color: var(--theme-primary-300);
17464
- background-color: var(--theme-primary-050);
17465
- color: var(--theme-primary-700);
17466
- }
17467
- .s-tag__themed .s-tag--dismiss {
17468
- color: inherit;
17469
- background-color: transparent;
17470
- }
17471
- .s-tag__themed .s-tag--dismiss:hover {
17472
- color: hsl(0, 0%, 100%);
17473
- background-color: var(--theme-primary-700);
17474
- }
17475
- .s-tag__themed.is-selected {
17476
- border-color: transparent;
17477
- background-color: var(--theme-primary-200);
17478
- color: var(--theme-primary-900);
17479
- }
17480
- a.s-tag__themed:not(.is-selected):hover,
17481
- a.s-tag__themed:not(.is-selected):focus,
17482
- a.s-tag__themed:not(.is-selected):active {
17483
- border-color: var(--theme-primary-400);
17484
- background-color: var(--theme-primary-100);
17485
- color: var(--theme-primary-900);
18540
+ body.theme-highcontrast a.s-tag__muted:not(.is-selected):hover,
18541
+ body.theme-highcontrast a.s-tag__muted:not(.is-selected):focus,
18542
+ body.theme-highcontrast a.s-tag__muted:not(.is-selected):active {
18543
+ border-color: currentColor;
17486
18544
  }
17487
18545
  .s-pagination {
17488
18546
  display: flex;
@@ -17496,13 +18554,16 @@ a.s-tag__themed:not(.is-selected):active {
17496
18554
  padding: 0 8px;
17497
18555
  background-color: transparent;
17498
18556
  border-radius: 3px;
17499
- border: 1px solid var(--black-100);
18557
+ border: 1px solid var(--bc-medium);
17500
18558
  font-size: 13px;
17501
18559
  line-height: 1.92307692;
17502
18560
  color: var(--fc-medium);
17503
18561
  }
18562
+ body.theme-highcontrast .s-pagination--item {
18563
+ text-decoration: none;
18564
+ }
17504
18565
  .s-pagination--item:hover {
17505
- border-color: var(--black-200);
18566
+ border-color: var(--bc-darker);
17506
18567
  background-color: var(--black-100);
17507
18568
  color: var(--fc-dark);
17508
18569
  }