@stackoverflow/stacks 0.69.0 → 0.72.0

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 (44) hide show
  1. package/dist/css/stacks.css +1895 -730
  2. package/dist/css/stacks.min.css +1 -1
  3. package/dist/js/stacks.js +80 -31
  4. package/dist/js/stacks.min.js +1 -1
  5. package/lib/css/atomic/_stacks-borders.less +18 -0
  6. package/lib/css/atomic/_stacks-flex.less +2 -2
  7. package/lib/css/atomic/_stacks-grid.less +1 -0
  8. package/lib/css/atomic/_stacks-misc.less +8 -4
  9. package/lib/css/atomic/_stacks-typography.less +1 -1
  10. package/lib/css/base/_stacks-configuration-dynamic.less +10 -43
  11. package/lib/css/components/_stacks-activity-indicator.less +26 -2
  12. package/lib/css/components/_stacks-avatars.less +9 -0
  13. package/lib/css/components/_stacks-badges.less +20 -9
  14. package/lib/css/components/_stacks-breadcrumbs.less +2 -0
  15. package/lib/css/components/_stacks-button-groups.less +11 -0
  16. package/lib/css/components/_stacks-buttons.less +143 -42
  17. package/lib/css/components/_stacks-cards.less +9 -13
  18. package/lib/css/components/_stacks-code-blocks.less +1 -1
  19. package/lib/css/components/_stacks-inputs.less +73 -9
  20. package/lib/css/components/_stacks-link-previews.less +10 -7
  21. package/lib/css/components/_stacks-links.less +29 -9
  22. package/lib/css/components/_stacks-menu.less +4 -4
  23. package/lib/css/components/_stacks-modals.less +1 -1
  24. package/lib/css/components/_stacks-navigation.less +43 -0
  25. package/lib/css/components/_stacks-notices.less +40 -3
  26. package/lib/css/components/_stacks-page-titles.less +1 -1
  27. package/lib/css/components/_stacks-pagination.less +4 -2
  28. package/lib/css/components/_stacks-popovers.less +22 -6
  29. package/lib/css/components/_stacks-post-summary.less +45 -1
  30. package/lib/css/components/_stacks-progress-bars.less +11 -3
  31. package/lib/css/components/_stacks-prose.less +18 -4
  32. package/lib/css/components/_stacks-tables.less +10 -6
  33. package/lib/css/components/_stacks-tags.less +18 -0
  34. package/lib/css/components/_stacks-toggle-switches.less +12 -0
  35. package/lib/css/components/_stacks-topbar.less +440 -0
  36. package/lib/css/components/_stacks-uploader.less +22 -0
  37. package/lib/css/components/_stacks-widget-static.less +15 -3
  38. package/lib/css/exports/_stacks-constants-colors.less +692 -220
  39. package/lib/css/exports/_stacks-constants-helpers.less +0 -2
  40. package/lib/css/exports/_stacks-mixins.less +26 -0
  41. package/lib/css/stacks-dynamic.less +0 -1
  42. package/lib/css/stacks-static.less +15 -0
  43. package/lib/ts/controllers/s-tooltip.ts +4 -0
  44. package/package.json +10 -10
package/dist/css/stacks.css CHANGED
@@ -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;
@@ -413,14 +435,21 @@ template {
413
435
  width: 16px;
414
436
  height: 16px;
415
437
  border-radius: 3px;
416
- background-color: #fff;
438
+ background-color: hsl(0, 0%, 100%);
417
439
  background-repeat: no-repeat;
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
- color: #fff;
452
+ color: hsl(0, 0%, 100%);
424
453
  font-size: 11px;
425
454
  font-weight: bold;
426
455
  line-height: 1.4;
@@ -557,7 +586,7 @@ template {
557
586
  text-decoration: none;
558
587
  vertical-align: middle;
559
588
  white-space: nowrap;
560
- border-color: var(--black-100);
589
+ border-color: var(--bc-medium);
561
590
  background-color: var(--black-050);
562
591
  color: var(--black-700);
563
592
  }
@@ -612,6 +641,12 @@ a.s-badge:hover {
612
641
  .s-badge__bronze .s-tag--dismiss {
613
642
  background-color: transparent;
614
643
  }
644
+ body.theme-highcontrast .s-badge__gold,
645
+ body.theme-highcontrast .s-badge__silver,
646
+ body.theme-highcontrast .s-badge__bronze {
647
+ border-color: currentColor;
648
+ color: var(--black-900);
649
+ }
615
650
  .s-badge__bounty {
616
651
  border-color: transparent;
617
652
  background-color: var(--blue-600);
@@ -628,6 +663,9 @@ a.s-badge:hover {
628
663
  .s-badge__votes .s-tag--dismiss {
629
664
  background-color: transparent;
630
665
  }
666
+ body.theme-highcontrast .s-badge__votes {
667
+ border-color: currentColor;
668
+ }
631
669
  .s-badge__answered {
632
670
  border-color: transparent;
633
671
  background-color: var(--green-400);
@@ -644,6 +682,9 @@ a.s-badge:hover {
644
682
  .s-badge__rep .s-tag--dismiss {
645
683
  background-color: transparent;
646
684
  }
685
+ body.theme-highcontrast .s-badge__rep {
686
+ border-color: currentColor;
687
+ }
647
688
  .s-badge__rep-down {
648
689
  border-color: var(--red-400);
649
690
  background-color: var(--white);
@@ -652,6 +693,9 @@ a.s-badge:hover {
652
693
  .s-badge__rep-down .s-tag--dismiss {
653
694
  background-color: transparent;
654
695
  }
696
+ body.theme-highcontrast .s-badge__rep-down {
697
+ border-color: currentColor;
698
+ }
655
699
  .s-badge__important {
656
700
  border-color: transparent;
657
701
  background-color: var(--red-600);
@@ -661,21 +705,27 @@ a.s-badge:hover {
661
705
  background-color: transparent;
662
706
  }
663
707
  .s-badge__admin {
664
- border-color: transparent;
708
+ border-color: var(--theme-primary-200);
665
709
  background-color: var(--theme-primary-075);
666
710
  color: var(--theme-primary-800);
667
711
  }
668
712
  .s-badge__admin .s-tag--dismiss {
669
713
  background-color: transparent;
670
714
  }
715
+ body.theme-highcontrast .s-badge__admin {
716
+ border-color: currentColor;
717
+ }
671
718
  .s-badge__moderator {
672
- border-color: transparent;
719
+ border-color: var(--theme-secondary-200);
673
720
  background-color: var(--theme-secondary-075);
674
721
  color: var(--theme-secondary-800);
675
722
  }
676
723
  .s-badge__moderator .s-tag--dismiss {
677
724
  background-color: transparent;
678
725
  }
726
+ body.theme-highcontrast .s-badge__moderator {
727
+ border-color: currentColor;
728
+ }
679
729
  .s-badge__moderator:before {
680
730
  --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");
681
731
  content: "";
@@ -698,19 +748,22 @@ a.s-badge:hover {
698
748
  margin-right: 2px;
699
749
  }
700
750
  .s-badge__moderator.s-badge__xs:before {
701
- --s-badge-moderator-icon: url("data:image/svg+xml,%3Csvg width='7' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.798.246c.3-.329 1.1-.327 1.399 0l2.579 3.66c.3.329.298.864 0 1.192L4.196 8.75c-.299.329-1.1.327-1.398 0L.224 5.098a.904.904 0 010-1.192L2.798.246z' fill='%23fff'/%3E%3C/svg%3E");
751
+ --s-badge-moderator-icon: url("data:image/svg+xml,%3Csvg width='7' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 .246c.3-.329.701-.327 1 0L6.776 4c.3.329.298.672 0 1L4 8.75c-.299.329-.702.327-1 0L.224 5c-.284-.324-.285-.675 0-1L3 .246z' fill='%23fff'/%3E%3C/svg%3E");
702
752
  width: 7px;
703
753
  height: 9px;
704
754
  margin-top: 0;
705
755
  }
706
756
  .s-badge__staff {
707
- border-color: transparent;
757
+ border-color: var(--orange-300);
708
758
  background-color: var(--orange-100);
709
759
  color: var(--orange-900);
710
760
  }
711
761
  .s-badge__staff .s-tag--dismiss {
712
762
  background-color: transparent;
713
763
  }
764
+ body.theme-highcontrast .s-badge__staff {
765
+ border-color: currentColor;
766
+ }
714
767
  .s-award-bling {
715
768
  display: flex;
716
769
  align-items: center;
@@ -763,6 +816,9 @@ a.s-badge:hover {
763
816
  margin-right: 4px;
764
817
  margin-left: 4px;
765
818
  }
819
+ body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
820
+ color: var(--black-350);
821
+ }
766
822
  @media (max-width: 640px) {
767
823
  .s-breadcrumbs .s-breadcrumbs--divider {
768
824
  margin-right: 2px;
@@ -801,6 +857,13 @@ a.s-badge:hover {
801
857
  .s-btn-group .s-btn.is-selected {
802
858
  z-index: 25;
803
859
  }
860
+ body.theme-highcontrast .s-btn-group .s-btn.is-selected {
861
+ background-color: var(--black-400);
862
+ color: var(--white);
863
+ }
864
+ body.theme-highcontrast .s-btn-group .s-btn.is-selected .s-btn--number {
865
+ color: var(--black);
866
+ }
804
867
  .s-btn-group .s-btn:active {
805
868
  z-index: 30;
806
869
  }
@@ -838,24 +901,22 @@ a.s-badge:hover {
838
901
  }
839
902
  .s-card {
840
903
  padding: 12px;
841
- border: 1px solid var(--black-100);
904
+ border: 1px solid var(--bc-medium);
842
905
  border-radius: 3px;
843
906
  background-color: var(--white);
844
907
  }
845
908
  .s-card p:last-of-type {
846
909
  margin-bottom: 0;
847
910
  }
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
911
  .s-card__muted {
854
- border-color: var(--black-075);
912
+ border-color: var(--bc-light);
855
913
  }
856
914
  .s-card__muted > * {
857
915
  opacity: 0.65;
858
916
  }
917
+ a.s-card {
918
+ text-decoration: none !important;
919
+ }
859
920
  pre.s-code-block {
860
921
  font-size: 13px;
861
922
  font-family: var(--ff-mono);
@@ -997,7 +1058,7 @@ pre.s-code-block .s-code-block--line-numbers {
997
1058
  text-align: right;
998
1059
  border-width: 0;
999
1060
  border-style: solid;
1000
- border-color: var(--black-100);
1061
+ border-color: var(--bc-medium);
1001
1062
  border-right-width: 1px;
1002
1063
  margin: -12px;
1003
1064
  margin-right: 12px;
@@ -1071,7 +1132,7 @@ body.theme-dark pre.s-code-block .s-code-block--line-numbers,
1071
1132
  width: 100%;
1072
1133
  margin: 0;
1073
1134
  padding: 0.6em 0.7em;
1074
- border: 1px solid var(--black-200);
1135
+ border: 1px solid var(--bc-darker);
1075
1136
  border-radius: 3px;
1076
1137
  background-color: var(--white);
1077
1138
  color: var(--fc-dark);
@@ -1094,11 +1155,19 @@ body.theme-dark pre.s-code-block .s-code-block--line-numbers,
1094
1155
  .s-textarea::-webkit-input-placeholder {
1095
1156
  color: var(--black-200);
1096
1157
  }
1158
+ body.theme-highcontrast .s-input::-webkit-input-placeholder,
1159
+ body.theme-highcontrast .s-textarea::-webkit-input-placeholder {
1160
+ color: var(--black-400);
1161
+ }
1097
1162
  .s-input::placeholder,
1098
1163
  .s-textarea::placeholder {
1099
1164
  color: var(--black-200);
1100
1165
  opacity: 1;
1101
1166
  }
1167
+ body.theme-highcontrast .s-input::placeholder,
1168
+ body.theme-highcontrast .s-textarea::placeholder {
1169
+ color: var(--black-400);
1170
+ }
1102
1171
  .s-input::-webkit-scrollbar,
1103
1172
  .s-textarea::-webkit-scrollbar {
1104
1173
  width: 10px;
@@ -1145,6 +1214,28 @@ fieldset {
1145
1214
  padding: 0;
1146
1215
  border: 0;
1147
1216
  }
1217
+ fieldset[disabled] a,
1218
+ fieldset[disabled] .s-btn,
1219
+ fieldset[disabled] .s-link {
1220
+ box-shadow: none !important;
1221
+ opacity: 0.5;
1222
+ pointer-events: none;
1223
+ }
1224
+ fieldset[disabled] .s-checkbox,
1225
+ fieldset[disabled] .s-input-message,
1226
+ fieldset[disabled] .s-label,
1227
+ fieldset[disabled] .s-radio,
1228
+ fieldset[disabled] .s-toggle-switch,
1229
+ fieldset[disabled] .s-toggle-switch label {
1230
+ cursor: not-allowed;
1231
+ opacity: 0.5;
1232
+ }
1233
+ fieldset[disabled] .s-input,
1234
+ fieldset[disabled] .s-textarea,
1235
+ fieldset[disabled] .s-select > select {
1236
+ cursor: not-allowed;
1237
+ opacity: 0.5;
1238
+ }
1148
1239
  .s-label {
1149
1240
  padding: 0 2px;
1150
1241
  color: var(--fc-dark);
@@ -1165,6 +1256,9 @@ fieldset {
1165
1256
  font-weight: 400;
1166
1257
  vertical-align: text-bottom;
1167
1258
  }
1259
+ body.theme-highcontrast .s-label--status {
1260
+ border: 1px solid currentColor;
1261
+ }
1168
1262
  .s-label--status.s-label--status__required {
1169
1263
  background-color: var(--red-100);
1170
1264
  color: var(--red-600);
@@ -1191,7 +1285,7 @@ fieldset {
1191
1285
  }
1192
1286
  .s-input-fill {
1193
1287
  padding: 0.6em 0.7em;
1194
- border: 1px solid var(--black-200);
1288
+ border: 1px solid var(--bc-darker);
1195
1289
  border-right-width: 0;
1196
1290
  border-left-width: 0;
1197
1291
  background-color: var(--black-050);
@@ -1248,7 +1342,7 @@ fieldset {
1248
1342
  height: 100%;
1249
1343
  padding: 0.6em 0.7em;
1250
1344
  padding-right: 32px;
1251
- border: 1px solid var(--black-200);
1345
+ border: 1px solid var(--bc-darker);
1252
1346
  border-radius: 3px;
1253
1347
  background-color: var(--white);
1254
1348
  outline: 0;
@@ -1295,7 +1389,7 @@ fieldset {
1295
1389
  margin: 0;
1296
1390
  width: 1em;
1297
1391
  height: 1em;
1298
- border: 1px solid var(--black-200);
1392
+ border: 1px solid var(--bc-darker);
1299
1393
  background-color: var(--white);
1300
1394
  outline: 0;
1301
1395
  font-size: inherit;
@@ -1324,6 +1418,16 @@ fieldset {
1324
1418
  background-color: var(--theme-secondary-400);
1325
1419
  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
1420
  }
1421
+ @media (prefers-color-scheme: dark) {
1422
+ body.theme-highcontrast.theme-system .s-checkbox:checked {
1423
+ border-color: var(--blue-700) !important;
1424
+ background-color: var(--blue-300);
1425
+ }
1426
+ }
1427
+ body.theme-highcontrast.theme-dark .s-checkbox:checked {
1428
+ border-color: var(--blue-700) !important;
1429
+ background-color: var(--blue-300);
1430
+ }
1327
1431
  .s-checkbox:checked:focus {
1328
1432
  border-color: var(--theme-secondary-400);
1329
1433
  }
@@ -1339,7 +1443,17 @@ fieldset {
1339
1443
  .s-radio:checked {
1340
1444
  border-color: var(--theme-secondary-400);
1341
1445
  border-width: 0.30769231em;
1342
- background-color: #fff;
1446
+ background-color: hsl(0, 0%, 100%);
1447
+ }
1448
+ @media (prefers-color-scheme: dark) {
1449
+ body.theme-highcontrast.theme-system .s-radio:checked {
1450
+ border-color: var(--blue-300);
1451
+ outline: 1px solid var(--black);
1452
+ }
1453
+ }
1454
+ body.theme-highcontrast.theme-dark .s-radio:checked {
1455
+ border-color: var(--blue-300);
1456
+ outline: 1px solid var(--black);
1343
1457
  }
1344
1458
  .s-radio:focus {
1345
1459
  box-shadow: 0 0 0 4px var(--focus-ring);
@@ -1354,26 +1468,43 @@ fieldset {
1354
1468
  color: var(--black);
1355
1469
  outline: 0;
1356
1470
  }
1471
+ body.theme-highcontrast .s-input:focus,
1472
+ body.theme-highcontrast .s-input.has-focus,
1473
+ body.theme-highcontrast .s-textarea:focus,
1474
+ body.theme-highcontrast .s-select > select:focus {
1475
+ border-color: var(--black);
1476
+ }
1357
1477
  .s-input:focus-within {
1358
1478
  border-color: var(--theme-secondary-300);
1359
1479
  box-shadow: 0 0 0 4px var(--focus-ring);
1360
1480
  color: var(--black);
1361
1481
  outline: 0;
1362
1482
  }
1483
+ body.theme-highcontrast .s-input:focus-within {
1484
+ border-color: var(--black);
1485
+ }
1363
1486
  .s-input[disabled],
1364
1487
  .s-textarea[disabled],
1365
1488
  .s-select > select[disabled],
1366
1489
  .s-input[read-only],
1367
1490
  .s-textarea[read-only],
1368
1491
  .s-select > select[read-only] {
1369
- border-color: var(--black-075);
1370
- background-color: var(--black-050);
1371
- color: var(--black-200);
1492
+ cursor: not-allowed;
1493
+ opacity: 0.5;
1494
+ }
1495
+ body.theme-highcontrast .s-input[disabled],
1496
+ body.theme-highcontrast .s-textarea[disabled],
1497
+ body.theme-highcontrast .s-select > select[disabled],
1498
+ body.theme-highcontrast .s-input[read-only],
1499
+ body.theme-highcontrast .s-textarea[read-only],
1500
+ body.theme-highcontrast .s-select > select[read-only] {
1501
+ opacity: 0.5;
1372
1502
  }
1373
1503
  .s-input[disabled],
1374
1504
  .s-textarea[disabled],
1375
1505
  .s-select > select[disabled] {
1376
1506
  cursor: not-allowed;
1507
+ opacity: 0.5;
1377
1508
  }
1378
1509
  .is-disabled,
1379
1510
  .has-success,
@@ -1489,7 +1620,7 @@ fieldset {
1489
1620
  }
1490
1621
  .is-disabled .s-select:before,
1491
1622
  .is-disabled .s-select:after {
1492
- border-color: var(--black-200) transparent;
1623
+ border-color: var(--bc-darker) transparent;
1493
1624
  }
1494
1625
  .is-disabled .s-label,
1495
1626
  .is-disabled .s-description {
@@ -1502,6 +1633,9 @@ fieldset {
1502
1633
  .is-disabled .s-input-icon {
1503
1634
  color: var(--black-200);
1504
1635
  }
1636
+ body.theme-highcontrast .is-disabled .s-input-icon {
1637
+ color: var(--black-400);
1638
+ }
1505
1639
  .is-disabled .s-label {
1506
1640
  cursor: not-allowed;
1507
1641
  }
@@ -1518,6 +1652,10 @@ fieldset {
1518
1652
  left: 0.7em;
1519
1653
  color: var(--black-200);
1520
1654
  }
1655
+ body.theme-highcontrast .s-input-icon.s-input-icon__search,
1656
+ body.theme-highcontrast .s-input-icon.s-input-icon__creditcard {
1657
+ color: var(--black-400);
1658
+ }
1521
1659
  .s-input-message {
1522
1660
  padding: 2px;
1523
1661
  font-size: 12px;
@@ -1590,30 +1728,30 @@ fieldset {
1590
1728
  .s-menu .s-menu--divider {
1591
1729
  margin: 8px 0;
1592
1730
  height: 1px;
1593
- background-color: var(--black-075);
1731
+ background-color: var(--bc-light);
1594
1732
  }
1595
1733
  @media (prefers-color-scheme: dark) {
1596
1734
  body.theme-system .s-menu .s-menu--divider {
1597
- background-color: var(--black-025);
1735
+ background-color: var(--bc-lightest);
1598
1736
  }
1599
1737
  }
1600
1738
  body.theme-dark .s-menu .s-menu--divider,
1601
1739
  .theme-dark__forced .s-menu .s-menu--divider {
1602
- background-color: var(--black-025);
1740
+ background-color: var(--bc-lightest);
1603
1741
  }
1604
1742
  .s-menu .s-menu--label {
1605
1743
  cursor: pointer;
1606
1744
  padding: 12px;
1607
- border-top: 1px solid var(--black-075);
1745
+ border-top: 1px solid var(--bc-light);
1608
1746
  }
1609
1747
  @media (prefers-color-scheme: dark) {
1610
1748
  body.theme-system .s-menu .s-menu--label {
1611
- border-top-color: var(--black-025);
1749
+ border-top-color: var(--bc-lightest);
1612
1750
  }
1613
1751
  }
1614
1752
  body.theme-dark .s-menu .s-menu--label,
1615
1753
  .theme-dark__forced .s-menu .s-menu--label {
1616
- border-top-color: var(--black-025);
1754
+ border-top-color: var(--bc-lightest);
1617
1755
  }
1618
1756
  .s-menu .s-menu--label.is-disabled {
1619
1757
  cursor: not-allowed;
@@ -1629,7 +1767,7 @@ body.theme-dark .s-menu .s-menu--label,
1629
1767
  left: 0;
1630
1768
  align-items: center;
1631
1769
  justify-content: center;
1632
- background-color: rgba(12, 13, 14, 0.5);
1770
+ background-color: hsla(210, 8%, 5%, 0.5);
1633
1771
  opacity: 0;
1634
1772
  backface-visibility: hidden;
1635
1773
  transition: opacity 100ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, z-index 0s 100ms, visibility 0s 100ms;
@@ -1652,7 +1790,7 @@ body.theme-dark .s-menu .s-menu--label,
1652
1790
  padding: 24px;
1653
1791
  border-radius: 7px;
1654
1792
  background-color: var(--white);
1655
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09), 0 3px 8px rgba(0, 0, 0, 0.09), 0 4px 13px rgba(0, 0, 0, 0.13);
1793
+ box-shadow: var(--bs-lg);
1656
1794
  opacity: 0;
1657
1795
  backface-visibility: hidden;
1658
1796
  transform: translate3d(0, 30%, 0) scale3d(0.6, 0.6, 0.6);
@@ -1714,7 +1852,7 @@ body.theme-dark .s-modal--dialog,
1714
1852
  }
1715
1853
  .s-modal.has-danger,
1716
1854
  .s-modal.s-modal__danger {
1717
- background-color: rgba(24, 5, 5, 0.5);
1855
+ background-color: hsla(358, 67%, 6%, 0.5);
1718
1856
  }
1719
1857
  .s-modal.has-danger .s-modal--header,
1720
1858
  .s-modal.s-modal__danger .s-modal--header {
@@ -1745,7 +1883,7 @@ body.theme-dark .s-modal--dialog,
1745
1883
  align-items: flex-end;
1746
1884
  width: 100%;
1747
1885
  padding-bottom: 16px;
1748
- border-bottom: 1px solid var(--black-100);
1886
+ border-bottom: 1px solid var(--bc-medium);
1749
1887
  }
1750
1888
  @media (max-width: 980px) {
1751
1889
  .s-page-title {
@@ -1792,7 +1930,7 @@ body.theme-dark .s-modal--dialog,
1792
1930
  padding: 12px;
1793
1931
  z-index: 2000;
1794
1932
  border-radius: 5px;
1795
- border: 1px solid var(--black-100);
1933
+ border: 1px solid var(--bc-medium);
1796
1934
  background-color: var(--white);
1797
1935
  box-shadow: var(--bs-md);
1798
1936
  color: var(--fc-dark);
@@ -1803,14 +1941,14 @@ body.theme-dark .s-modal--dialog,
1803
1941
  @media (prefers-color-scheme: dark) {
1804
1942
  body.theme-system .s-popover {
1805
1943
  background-color: var(--black-075);
1806
- border-color: transparent;
1944
+ border-color: var(--bc-light);
1807
1945
  box-shadow: var(--bs-lg);
1808
1946
  }
1809
1947
  }
1810
1948
  body.theme-dark .s-popover,
1811
1949
  .theme-dark__forced .s-popover {
1812
1950
  background-color: var(--black-075);
1813
- border-color: transparent;
1951
+ border-color: var(--bc-light);
1814
1952
  box-shadow: var(--bs-lg);
1815
1953
  }
1816
1954
  .s-popover.s-popover__tooltip {
@@ -1831,7 +1969,13 @@ body.theme-dark .s-popover,
1831
1969
  .s-popover .s-popover--arrow__bl:after,
1832
1970
  .s-popover .s-popover--arrow__br:after {
1833
1971
  bottom: 1px;
1834
- box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.07), 2px 2px 2px -1px rgba(0, 0, 0, 0.1);
1972
+ box-shadow: 2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
1973
+ }
1974
+ body.theme-highcontrast .s-popover[data-popper-placement^="top"] > .s-popover--arrow:after,
1975
+ body.theme-highcontrast .s-popover .s-popover--arrow__bc:after,
1976
+ body.theme-highcontrast .s-popover .s-popover--arrow__bl:after,
1977
+ body.theme-highcontrast .s-popover .s-popover--arrow__br:after {
1978
+ box-shadow: 1px 1px 0 0 var(--bc-medium);
1835
1979
  }
1836
1980
  .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow,
1837
1981
  .s-popover .s-popover--arrow__tc,
@@ -1844,7 +1988,13 @@ body.theme-dark .s-popover,
1844
1988
  .s-popover .s-popover--arrow__tl:after,
1845
1989
  .s-popover .s-popover--arrow__tr:after {
1846
1990
  top: 1px;
1847
- box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.12);
1991
+ box-shadow: -1px -1px 1px 0 hsla(0, 0%, 0%, 0.12);
1992
+ }
1993
+ body.theme-highcontrast .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow:after,
1994
+ body.theme-highcontrast .s-popover .s-popover--arrow__tc:after,
1995
+ body.theme-highcontrast .s-popover .s-popover--arrow__tl:after,
1996
+ body.theme-highcontrast .s-popover .s-popover--arrow__tr:after {
1997
+ box-shadow: -1px -1px 0 0 var(--bc-medium);
1848
1998
  }
1849
1999
  .s-popover[data-popper-placement^="left"] > .s-popover--arrow,
1850
2000
  .s-popover .s-popover--arrow__rc,
@@ -1857,7 +2007,13 @@ body.theme-dark .s-popover,
1857
2007
  .s-popover .s-popover--arrow__rt:after,
1858
2008
  .s-popover .s-popover--arrow__rb:after {
1859
2009
  right: 1px;
1860
- box-shadow: 2px -2px 5px 0 rgba(0, 0, 0, 0.07), 2px -2px 2px -1px rgba(0, 0, 0, 0.1);
2010
+ box-shadow: 2px -2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px -2px 2px -1px hsla(0, 0%, 0%, 0.1);
2011
+ }
2012
+ body.theme-highcontrast .s-popover[data-popper-placement^="left"] > .s-popover--arrow:after,
2013
+ body.theme-highcontrast .s-popover .s-popover--arrow__rc:after,
2014
+ body.theme-highcontrast .s-popover .s-popover--arrow__rt:after,
2015
+ body.theme-highcontrast .s-popover .s-popover--arrow__rb:after {
2016
+ box-shadow: 1px -1px 0 0 var(--bc-medium);
1861
2017
  }
1862
2018
  .s-popover[data-popper-placement^="right"] > .s-popover--arrow,
1863
2019
  .s-popover .s-popover--arrow__lc,
@@ -1870,7 +2026,13 @@ body.theme-dark .s-popover,
1870
2026
  .s-popover .s-popover--arrow__lt:after,
1871
2027
  .s-popover .s-popover--arrow__lb:after {
1872
2028
  left: 1px;
1873
- box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.07), -2px 2px 2px -1px rgba(0, 0, 0, 0.1);
2029
+ box-shadow: -2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), -2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
2030
+ }
2031
+ body.theme-highcontrast .s-popover[data-popper-placement^="right"] > .s-popover--arrow:after,
2032
+ body.theme-highcontrast .s-popover .s-popover--arrow__lc:after,
2033
+ body.theme-highcontrast .s-popover .s-popover--arrow__lt:after,
2034
+ body.theme-highcontrast .s-popover .s-popover--arrow__lb:after {
2035
+ box-shadow: -1px 1px 0 0 var(--bc-medium);
1874
2036
  }
1875
2037
  .s-popover .s-popover--arrow__tc,
1876
2038
  .s-popover .s-popover--arrow__bc {
@@ -1928,7 +2090,7 @@ body.theme-dark .s-popover--arrow,
1928
2090
  .s-post-summary {
1929
2091
  position: relative;
1930
2092
  display: flex;
1931
- border-bottom: 1px solid var(--black-075);
2093
+ border-bottom: 1px solid var(--bc-light);
1932
2094
  padding: 16px;
1933
2095
  }
1934
2096
  .s-post-summary:last-child {
@@ -1990,9 +2152,12 @@ body.theme-dark .s-popover--arrow,
1990
2152
  border: 1px solid var(--green-500);
1991
2153
  }
1992
2154
  .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
1993
- color: #fff;
2155
+ color: hsl(0, 0%, 100%);
1994
2156
  background-color: var(--green-500);
1995
2157
  }
2158
+ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
2159
+ color: var(--white);
2160
+ }
1996
2161
  .s-post-summary--stats .s-post-summary--stats-item.has-bounty {
1997
2162
  color: var(--white);
1998
2163
  background-color: var(--blue-600);
@@ -2073,6 +2238,7 @@ body.theme-dark .s-popover--arrow,
2073
2238
  .s-post-summary--meta .s-user-card {
2074
2239
  flex-wrap: wrap;
2075
2240
  margin-bottom: var(--s-post-summary-tags-gap);
2241
+ margin-left: auto;
2076
2242
  }
2077
2243
  .s-progress,
2078
2244
  .s-progress--bar {
@@ -2109,6 +2275,9 @@ body.theme-dark .s-popover--arrow,
2109
2275
  .s-progress__privilege .s-progress--bar {
2110
2276
  background-color: var(--green-050);
2111
2277
  }
2278
+ body.theme-highcontrast .s-progress__privilege .s-progress--bar {
2279
+ background-color: var(--green-200);
2280
+ }
2112
2281
  .s-progress__privilege .s-progress--label {
2113
2282
  border-color: var(--green-400);
2114
2283
  }
@@ -2194,7 +2363,7 @@ body.theme-dark .s-popover--arrow,
2194
2363
  border-radius: 0;
2195
2364
  padding: 12px 6px 0 6px;
2196
2365
  text-align: center;
2197
- color: var(--black-200);
2366
+ color: var(--black-300);
2198
2367
  z-index: 0;
2199
2368
  }
2200
2369
  .s-progress.s-progress__stepped .s-progress--stop {
@@ -2202,18 +2371,21 @@ body.theme-dark .s-popover--arrow,
2202
2371
  display: flex;
2203
2372
  align-items: center;
2204
2373
  justify-content: center;
2205
- background: var(--black-200);
2374
+ background: var(--black-300);
2206
2375
  border-radius: 100%;
2207
2376
  width: 24px;
2208
2377
  height: 24px;
2209
2378
  z-index: 25;
2210
- color: #fff;
2379
+ color: hsl(0, 0%, 100%);
2380
+ }
2381
+ body.theme-highcontrast .s-progress.s-progress__stepped .s-progress--stop {
2382
+ color: var(--white);
2211
2383
  }
2212
2384
  .s-progress.s-progress__stepped .s-progress--bar {
2213
2385
  position: absolute;
2214
2386
  top: 9px;
2215
2387
  height: 6px;
2216
- background: var(--black-200);
2388
+ background: var(--black-300);
2217
2389
  z-index: 0;
2218
2390
  border-radius: 0;
2219
2391
  }
@@ -2306,6 +2478,10 @@ body.theme-dark .s-popover--arrow,
2306
2478
  height: 1px;
2307
2479
  margin-bottom: var(--s-prose-spacing);
2308
2480
  }
2481
+ body.theme-highcontrast .s-prose hr {
2482
+ color: var(--black-500);
2483
+ background-color: var(--black-500);
2484
+ }
2309
2485
  .s-prose li {
2310
2486
  word-wrap: break-word;
2311
2487
  }
@@ -2603,6 +2779,9 @@ body.theme-dark .s-popover--arrow,
2603
2779
  border-radius: 8px;
2604
2780
  background: var(--black-150);
2605
2781
  }
2782
+ body.theme-highcontrast .s-prose blockquote:before {
2783
+ background: var(--black-600);
2784
+ }
2606
2785
  .s-prose blockquote blockquote {
2607
2786
  margin-left: 0;
2608
2787
  }
@@ -2665,21 +2844,21 @@ body.theme-dark .s-popover--arrow,
2665
2844
  background-color: var(--black-075);
2666
2845
  border: 1px solid var(--black-300);
2667
2846
  border-radius: 3px;
2668
- box-shadow: 0 1px 1px rgba(12, 13, 14, 0.15), inset 0 1px 0 0 #fff;
2847
+ box-shadow: 0 1px 1px hsla(210, 8%, 5%, 0.15), inset 0 1px 0 0 hsl(0, 0%, 100%);
2669
2848
  overflow-wrap: break-word;
2670
2849
  }
2671
2850
  @media (prefers-color-scheme: dark) {
2672
2851
  body.theme-system .s-prose kbd {
2673
- box-shadow: 0 1px 1px rgba(12, 13, 14, 0.8);
2852
+ box-shadow: 0 1px 1px hsla(210, 8%, 5%, 0.8);
2674
2853
  border-color: transparent;
2675
- border-top-color: #6a737c;
2854
+ border-top-color: hsl(210, 8%, 45%);
2676
2855
  }
2677
2856
  }
2678
2857
  body.theme-dark .s-prose kbd,
2679
2858
  .theme-dark__forced .s-prose kbd {
2680
- box-shadow: 0 1px 1px rgba(12, 13, 14, 0.8);
2859
+ box-shadow: 0 1px 1px hsla(210, 8%, 5%, 0.8);
2681
2860
  border-color: transparent;
2682
- border-top-color: #6a737c;
2861
+ border-top-color: hsl(210, 8%, 45%);
2683
2862
  }
2684
2863
  .s-prose *:not(.s-code-block) > code {
2685
2864
  padding: 2px 4px;
@@ -2687,6 +2866,9 @@ body.theme-dark .s-prose kbd,
2687
2866
  background-color: var(--black-075);
2688
2867
  border-radius: 3px;
2689
2868
  }
2869
+ .s-prose *:not(.s-code-block) > a code {
2870
+ color: var(--theme-link-color);
2871
+ }
2690
2872
  .s-prose pre {
2691
2873
  margin-top: 0;
2692
2874
  margin-bottom: calc(var(--s-prose-spacing) + 0.4em);
@@ -2868,9 +3050,9 @@ body.theme-dark .s-prose kbd,
2868
3050
  .s-table th,
2869
3051
  .s-table td {
2870
3052
  padding: 8px;
2871
- border-top: 1px solid var(--black-100);
2872
- border-left: 1px solid var(--black-100);
2873
- border-right: 1px solid var(--black-100);
3053
+ border-top: 1px solid var(--bc-medium);
3054
+ border-left: 1px solid var(--bc-medium);
3055
+ border-right: 1px solid var(--bc-medium);
2874
3056
  vertical-align: middle;
2875
3057
  color: var(--fc-medium);
2876
3058
  text-align: left;
@@ -2898,10 +3080,10 @@ body.theme-dark .s-prose kbd,
2898
3080
  }
2899
3081
  .s-table tr:last-of-type td,
2900
3082
  .s-table tr:last-of-type th {
2901
- border-bottom: 1px solid var(--black-100);
3083
+ border-bottom: 1px solid var(--bc-medium);
2902
3084
  }
2903
3085
  .s-table tbody + tbody {
2904
- border-top: 2px solid var(--black-100);
3086
+ border-top: 2px solid var(--bc-medium);
2905
3087
  }
2906
3088
  .s-table.va-top th,
2907
3089
  .s-table.va-top td {
@@ -2974,7 +3156,7 @@ body.theme-dark .s-prose kbd,
2974
3156
  }
2975
3157
  .s-table.s-table__bx-simple thead th {
2976
3158
  border-top-color: transparent;
2977
- border-bottom-color: var(--black-200);
3159
+ border-bottom-color: var(--bc-darker);
2978
3160
  background-color: transparent;
2979
3161
  text-transform: initial;
2980
3162
  font-size: inherit;
@@ -3024,6 +3206,10 @@ body.theme-dark .s-prose kbd,
3024
3206
  .s-table tr.is-disabled td:not(.is-enabled) {
3025
3207
  opacity: 0.3;
3026
3208
  }
3209
+ body.theme-highcontrast .s-table tr.is-disabled th:not(.is-enabled),
3210
+ body.theme-highcontrast .s-table tr.is-disabled td:not(.is-enabled) {
3211
+ opacity: 0.8;
3212
+ }
3027
3213
  .s-table--cell1 {
3028
3214
  width: 8.33333333%;
3029
3215
  }
@@ -3096,9 +3282,12 @@ body.theme-dark .s-prose kbd,
3096
3282
  .s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:after {
3097
3283
  left: 0;
3098
3284
  border-radius: 50%;
3099
- background: #fff;
3285
+ background: hsl(0, 0%, 100%);
3100
3286
  transition: left 0.1s ease;
3101
3287
  }
3288
+ body.theme-highcontrast .s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:after {
3289
+ background: var(--white);
3290
+ }
3102
3291
  .s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:before {
3103
3292
  display: none;
3104
3293
  }
@@ -3142,11 +3331,17 @@ body.theme-dark .s-prose kbd,
3142
3331
  }
3143
3332
  .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3144
3333
  background-color: var(--black-300);
3145
- color: #fff;
3334
+ color: hsl(0, 0%, 100%);
3335
+ }
3336
+ body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3337
+ color: var(--white);
3146
3338
  }
3147
3339
  .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
3148
3340
  background-color: var(--green-400);
3149
- color: #fff;
3341
+ color: hsl(0, 0%, 100%);
3342
+ }
3343
+ body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
3344
+ color: var(--white);
3150
3345
  }
3151
3346
  .s-uploader {
3152
3347
  align-items: center;
@@ -3173,12 +3368,18 @@ body.theme-dark .s-prose kbd,
3173
3368
  mask-image: var(--s-uploader-background-image);
3174
3369
  border-radius: 7px;
3175
3370
  }
3371
+ body.theme-highcontrast .s-uploader:before {
3372
+ background-color: var(--black-400);
3373
+ }
3176
3374
  .s-uploader.has-error {
3177
3375
  background-color: var(--red-050);
3178
3376
  }
3179
3377
  .s-uploader.has-error:before {
3180
3378
  background-color: var(--red-400);
3181
3379
  }
3380
+ body.theme-highcontrast .s-uploader.has-error:before {
3381
+ background-color: var(--red-400);
3382
+ }
3182
3383
  .s-uploader.has-error .s-link {
3183
3384
  color: var(--red-900);
3184
3385
  }
@@ -3188,6 +3389,9 @@ body.theme-dark .s-prose kbd,
3188
3389
  .s-uploader.has-success:before {
3189
3390
  background-color: var(--green-400);
3190
3391
  }
3392
+ body.theme-highcontrast .s-uploader.has-success:before {
3393
+ background-color: var(--green-400);
3394
+ }
3191
3395
  .s-uploader.has-success .s-link {
3192
3396
  color: var(--green-900);
3193
3397
  }
@@ -3197,6 +3401,9 @@ body.theme-dark .s-prose kbd,
3197
3401
  .s-uploader.has-warning:before {
3198
3402
  background-color: var(--yellow-400);
3199
3403
  }
3404
+ body.theme-highcontrast .s-uploader.has-warning:before {
3405
+ background-color: var(--yellow-400);
3406
+ }
3200
3407
  .s-uploader.has-warning .s-link {
3201
3408
  color: var(--yellow-900);
3202
3409
  }
@@ -3206,6 +3413,9 @@ body.theme-dark .s-prose kbd,
3206
3413
  .s-uploader.is-active:before {
3207
3414
  background-color: var(--black-200);
3208
3415
  }
3416
+ body.theme-highcontrast .s-uploader.is-active:before {
3417
+ background-color: var(--black);
3418
+ }
3209
3419
  .s-uploader.is-disabled {
3210
3420
  opacity: 0.5;
3211
3421
  }
@@ -3238,6 +3448,9 @@ body.theme-dark .s-prose kbd,
3238
3448
  text-overflow: ellipsis;
3239
3449
  white-space: nowrap;
3240
3450
  }
3451
+ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
3452
+ border: 1px solid var(--black);
3453
+ }
3241
3454
  .s-uploader .s-uploader--preview-thumbnail:is(img) {
3242
3455
  object-fit: scale-down;
3243
3456
  object-position: center;
@@ -3423,7 +3636,7 @@ body.theme-dark .s-prose kbd,
3423
3636
  }
3424
3637
  .s-sidebarwidget {
3425
3638
  position: relative;
3426
- border: 1px solid var(--black-100);
3639
+ border: 1px solid var(--bc-medium);
3427
3640
  border-radius: 3px;
3428
3641
  box-shadow: var(--bs-sm);
3429
3642
  font-size: 13px;
@@ -3445,7 +3658,7 @@ body.theme-dark .s-prose kbd,
3445
3658
  right: -1px;
3446
3659
  left: -1px;
3447
3660
  height: 5px;
3448
- border-top: 1px solid var(--black-100);
3661
+ border-top: 1px solid var(--bc-medium);
3449
3662
  border-radius: 3px;
3450
3663
  pointer-events: none;
3451
3664
  }
@@ -3453,12 +3666,12 @@ body.theme-dark .s-prose kbd,
3453
3666
  .s-sidebarwidget:after {
3454
3667
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 50%);
3455
3668
  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 50%);
3456
- border: 1px solid var(--black-100);
3669
+ border: 1px solid var(--bc-medium);
3457
3670
  }
3458
3671
  }
3459
3672
  .s-sidebarwidget--header,
3460
3673
  .s-sidebarwidget--content {
3461
- border-top: 1px solid var(--black-075);
3674
+ border-top: 1px solid var(--bc-light);
3462
3675
  }
3463
3676
  .s-sidebarwidget--header:active,
3464
3677
  .s-sidebarwidget--content:active {
@@ -3492,7 +3705,7 @@ body.theme-dark .s-prose kbd,
3492
3705
  margin-top: calc(1.3em / 2 - 5px);
3493
3706
  margin-right: 12px;
3494
3707
  border: 5px solid transparent;
3495
- border-left-color: var(--black-200);
3708
+ border-left-color: var(--bc-darker);
3496
3709
  border-right-width: 0;
3497
3710
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0.4, 0.6, 1);
3498
3711
  transition: transform 0.3s cubic-bezier(0.4, 0.4, 0.6, 1);
@@ -3599,6 +3812,9 @@ table.s-sidebarwidget--content.s-sidebarwidget__items tr.-item td {
3599
3812
  border-color: var(--blue-200);
3600
3813
  background-color: var(--blue-050);
3601
3814
  }
3815
+ body.theme-highcontrast .s-sidebarwidget__blue {
3816
+ border-color: var(--blue-700);
3817
+ }
3602
3818
  .s-sidebarwidget__blue .s-sidebarwidget--header {
3603
3819
  background-color: var(--blue-100);
3604
3820
  color: var(--fc-medium);
@@ -3607,13 +3823,23 @@ table.s-sidebarwidget--content.s-sidebarwidget__items tr.-item td {
3607
3823
  .s-sidebarwidget__blue .s-sidebarwidget--content {
3608
3824
  border-color: var(--blue-200);
3609
3825
  }
3826
+ body.theme-highcontrast .s-sidebarwidget__blue .s-sidebarwidget--header,
3827
+ body.theme-highcontrast .s-sidebarwidget__blue .s-sidebarwidget--content {
3828
+ border-color: var(--blue-700);
3829
+ }
3610
3830
  .s-sidebarwidget__blue:after {
3611
3831
  border-color: var(--blue-200);
3612
3832
  }
3833
+ body.theme-highcontrast .s-sidebarwidget__blue:after {
3834
+ border-color: var(--blue-700);
3835
+ }
3613
3836
  .s-sidebarwidget__yellow {
3614
3837
  border-color: var(--yellow-200);
3615
3838
  background-color: var(--yellow-050);
3616
3839
  }
3840
+ body.theme-highcontrast .s-sidebarwidget__yellow {
3841
+ border-color: var(--yellow-700);
3842
+ }
3617
3843
  .s-sidebarwidget__yellow .s-sidebarwidget--header {
3618
3844
  background-color: var(--yellow-100);
3619
3845
  color: var(--fc-medium);
@@ -3622,13 +3848,23 @@ table.s-sidebarwidget--content.s-sidebarwidget__items tr.-item td {
3622
3848
  .s-sidebarwidget__yellow .s-sidebarwidget--content {
3623
3849
  border-color: var(--yellow-200);
3624
3850
  }
3851
+ body.theme-highcontrast .s-sidebarwidget__yellow .s-sidebarwidget--header,
3852
+ body.theme-highcontrast .s-sidebarwidget__yellow .s-sidebarwidget--content {
3853
+ border-color: var(--yellow-700);
3854
+ }
3625
3855
  .s-sidebarwidget__yellow:after {
3626
3856
  border-color: var(--yellow-200);
3627
3857
  }
3858
+ body.theme-highcontrast .s-sidebarwidget__yellow:after {
3859
+ border-color: var(--yellow-700);
3860
+ }
3628
3861
  .s-sidebarwidget__green {
3629
3862
  border-color: var(--green-200);
3630
3863
  background-color: var(--green-050);
3631
3864
  }
3865
+ body.theme-highcontrast .s-sidebarwidget__green {
3866
+ border-color: var(--green-700);
3867
+ }
3632
3868
  .s-sidebarwidget__green .s-sidebarwidget--header {
3633
3869
  background-color: var(--green-100);
3634
3870
  color: var(--fc-medium);
@@ -3637,148 +3873,237 @@ table.s-sidebarwidget--content.s-sidebarwidget__items tr.-item td {
3637
3873
  .s-sidebarwidget__green .s-sidebarwidget--content {
3638
3874
  border-color: var(--green-200);
3639
3875
  }
3876
+ body.theme-highcontrast .s-sidebarwidget__green .s-sidebarwidget--header,
3877
+ body.theme-highcontrast .s-sidebarwidget__green .s-sidebarwidget--content {
3878
+ border-color: var(--green-700);
3879
+ }
3640
3880
  .s-sidebarwidget__green:after {
3641
3881
  border-color: var(--green-200);
3642
3882
  }
3883
+ body.theme-highcontrast .s-sidebarwidget__green:after {
3884
+ border-color: var(--green-700);
3885
+ }
3643
3886
  body {
3644
3887
  --ff-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
3645
3888
  --ff-serif: Georgia, Cambria, "Times New Roman", Times, serif;
3646
3889
  --ff-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
3647
3890
  --theme-body-font-family: var(--ff-sans);
3648
3891
  }
3892
+ .component-colors,
3893
+ body,
3894
+ body:not(.theme-dark) .themed,
3895
+ body.theme-dark .theme-light__forced .themed,
3896
+ body.theme-system .theme-light__forced .themed,
3897
+ body.theme-dark .themed,
3898
+ body:not(.theme-dark) .theme-dark__forced .themed {
3899
+ --theme-body-font-color: var(--black-800);
3900
+ --theme-link-color: var(--theme-secondary-400);
3901
+ --theme-link-color-hover: var(--theme-secondary-350);
3902
+ --theme-link-color-visited: var(--theme-secondary-500);
3903
+ --theme-button-color: var(--theme-secondary-400);
3904
+ --theme-button-background-color: transparent;
3905
+ --theme-button-hover-color: var(--theme-secondary-500);
3906
+ --theme-button-hover-background-color: var(--theme-secondary-050);
3907
+ --theme-button-active-background-color: var(--theme-secondary-100);
3908
+ --theme-button-selected-color: var(--theme-secondary-900);
3909
+ --theme-button-selected-background-color: var(--theme-secondary-150);
3910
+ --theme-button-primary-color: var(--white);
3911
+ --theme-button-primary-background-color: var(--theme-secondary-400);
3912
+ --theme-button-primary-hover-color: var(--white);
3913
+ --theme-button-primary-hover-background-color: var(--theme-secondary-500);
3914
+ --theme-button-primary-active-background-color: var(--theme-secondary-700);
3915
+ --theme-button-primary-selected-color: var(--white);
3916
+ --theme-button-primary-selected-background-color: var(--theme-secondary-700);
3917
+ --theme-button-primary-number-color: var(--theme-secondary-900);
3918
+ --theme-button-filled-color: var(--theme-secondary-700);
3919
+ --theme-button-filled-background-color: var(--theme-secondary-050);
3920
+ --theme-button-filled-border-color: var(--theme-secondary-350);
3921
+ --theme-button-filled-hover-color: var(--theme-secondary-800);
3922
+ --theme-button-filled-hover-background-color: var(--theme-secondary-100);
3923
+ --theme-button-filled-active-background-color: var(--theme-secondary-150);
3924
+ --theme-button-filled-active-border-color: var(--theme-secondary-350);
3925
+ --theme-button-filled-selected-color: var(--theme-secondary-900);
3926
+ --theme-button-filled-selected-background-color: var(--theme-secondary-300);
3927
+ --theme-button-filled-selected-border-color: var(--theme-secondary-500);
3928
+ --theme-button-outlined-border-color: var(--theme-secondary-300);
3929
+ --theme-button-outlined-selected-border-color: var(--theme-secondary-400);
3930
+ }
3931
+ .highcontrast-themed-colors,
3932
+ body.theme-highcontrast:not(.theme-dark),
3933
+ body.theme-dark.theme-highcontrast .theme-light__forced,
3934
+ body.theme-system.theme-highcontrast .theme-light__forced,
3935
+ body.theme-dark.theme-highcontrast,
3936
+ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
3937
+ --theme-primary-color: var(--orange-400);
3938
+ --theme-primary-025: var(--orange-050);
3939
+ --theme-primary-050: var(--orange-050);
3940
+ --theme-primary-075: var(--orange-050);
3941
+ --theme-primary-100: var(--orange-100);
3942
+ --theme-primary-150: var(--orange-100);
3943
+ --theme-primary-200: var(--orange-200);
3944
+ --theme-primary-300: var(--orange-300);
3945
+ --theme-primary-350: var(--orange-300);
3946
+ --theme-primary-400: var(--orange-400);
3947
+ --theme-primary-500: var(--orange-500);
3948
+ --theme-primary-600: var(--orange-600);
3949
+ --theme-primary-700: var(--orange-700);
3950
+ --theme-primary-800: var(--orange-800);
3951
+ --theme-primary-900: var(--orange-900);
3952
+ --theme-secondary-color: var(--blue-400);
3953
+ --theme-secondary-025: var(--blue-050);
3954
+ --theme-secondary-050: var(--blue-050);
3955
+ --theme-secondary-075: var(--blue-050);
3956
+ --theme-secondary-100: var(--blue-100);
3957
+ --theme-secondary-150: var(--blue-100);
3958
+ --theme-secondary-200: var(--blue-200);
3959
+ --theme-secondary-300: var(--blue-300);
3960
+ --theme-secondary-350: var(--blue-300);
3961
+ --theme-secondary-400: var(--blue-400);
3962
+ --theme-secondary-500: var(--blue-500);
3963
+ --theme-secondary-600: var(--blue-600);
3964
+ --theme-secondary-700: var(--blue-700);
3965
+ --theme-secondary-800: var(--blue-800);
3966
+ --theme-secondary-900: var(--blue-900);
3967
+ }
3649
3968
  :root {
3650
- --theme-base-primary-color-h: 26.53846154;
3651
- --theme-base-primary-color-s: 90.43478261%;
3652
- --theme-base-primary-color-l: 54.90196078%;
3653
- --theme-base-primary-color-r: 244;
3654
- --theme-base-primary-color-g: 128;
3655
- --theme-base-primary-color-b: 36;
3656
- --theme-base-secondary-color-h: 205;
3969
+ --theme-base-primary-color-h: 27;
3970
+ --theme-base-primary-color-s: 90%;
3971
+ --theme-base-primary-color-l: 55%;
3972
+ --theme-base-primary-color-r: 243.525;
3973
+ --theme-base-primary-color-g: 129.9225;
3974
+ --theme-base-primary-color-b: 36.975;
3975
+ --theme-base-secondary-color-h: 206;
3657
3976
  --theme-base-secondary-color-s: 100%;
3658
3977
  --theme-base-secondary-color-l: 40%;
3659
3978
  --theme-base-secondary-color-r: 0;
3660
- --theme-base-secondary-color-g: 119;
3979
+ --theme-base-secondary-color-g: 115.6;
3661
3980
  --theme-base-secondary-color-b: 204;
3662
3981
  }
3663
3982
  body:not(.theme-dark),
3664
3983
  body.theme-dark .theme-light__forced,
3665
3984
  body.theme-system .theme-light__forced {
3666
- --white: #fff;
3667
- --black: #0c0d0e;
3668
- --orange: #f48024;
3669
- --yellow: #fbf2d4;
3670
- --green: #5eba7d;
3671
- --blue: #0077cc;
3672
- --powder: #e1ecf4;
3673
- --red: #d1383d;
3674
- --black-025: #fafafb;
3675
- --black-050: #eff0f1;
3676
- --black-075: #e4e6e8;
3677
- --black-100: #d6d9dc;
3678
- --black-150: #c8ccd0;
3679
- --black-200: #bbc0c4;
3680
- --black-300: #9fa6ad;
3681
- --black-350: #9199a1;
3682
- --black-400: #848d95;
3683
- --black-500: #6a737c;
3684
- --black-600: #535a60;
3685
- --black-700: #3c4146;
3686
- --black-750: #2f3337;
3687
- --black-800: #242729;
3688
- --black-900: #0c0d0e;
3689
- --orange-050: #fff7f2;
3690
- --orange-100: #fee3cf;
3691
- --orange-200: #fcd0ad;
3692
- --orange-300: #f7aa6d;
3693
- --orange-400: #f48024;
3694
- --orange-500: #f2720c;
3695
- --orange-600: #da670b;
3696
- --orange-700: #bd5c00;
3697
- --orange-800: #a35200;
3698
- --orange-900: #874600;
3699
- --blue-050: #f2f9ff;
3700
- --blue-100: #cfeafe;
3701
- --blue-200: #addafc;
3702
- --blue-300: #6cbbf7;
3703
- --blue-400: #379fef;
3704
- --blue-500: #0095ff;
3705
- --blue-600: #0077cc;
3706
- --blue-700: #0064bd;
3707
- --blue-800: #0054a3;
3708
- --blue-900: #004487;
3709
- --powder-050: #f4f8fb;
3710
- --powder-100: #e1ecf4;
3711
- --powder-200: #d1e5f1;
3712
- --powder-300: #b3d3ea;
3713
- --powder-400: #a0c7e4;
3714
- --powder-500: #7aa7c7;
3715
- --powder-600: #5b8db1;
3716
- --powder-700: #39739d;
3717
- --powder-800: #2c5777;
3718
- --powder-900: #1e3c52;
3719
- --green-025: #eef8f1;
3720
- --green-050: #dcf0e2;
3721
- --green-100: #cae8d4;
3722
- --green-200: #a6d9b7;
3723
- --green-300: #82ca9a;
3724
- --green-400: #5eba7d;
3725
- --green-500: #48a868;
3726
- --green-600: #3d8f58;
3727
- --green-700: #2f6f44;
3728
- --green-800: #29603b;
3729
- --green-900: #1e472c;
3730
- --yellow-050: #fdf7e3;
3731
- --yellow-100: #fbf2d4;
3732
- --yellow-200: #f1e5bc;
3733
- --yellow-300: #e6d178;
3734
- --yellow-400: #e9c63f;
3735
- --yellow-500: #ddb624;
3736
- --yellow-600: #cea51b;
3737
- --yellow-700: #b89516;
3738
- --yellow-800: #9f8010;
3739
- --yellow-900: #826a0b;
3740
- --red-050: #fdf3f4;
3741
- --red-100: #f9d3d7;
3742
- --red-200: #f4b4bb;
3743
- --red-300: #e87c87;
3744
- --red-400: #de535e;
3745
- --red-500: #d1383d;
3746
- --red-600: #c02d2e;
3747
- --red-700: #ac2726;
3748
- --red-800: #942121;
3749
- --red-900: #7a1819;
3750
- --gold: #ffcc01;
3751
- --gold-lighter: #fff4d1;
3752
- --gold-darker: #f1b600;
3753
- --silver: #b4b8bc;
3754
- --silver-lighter: #e8e8e8;
3755
- --silver-darker: #9a9c9f;
3756
- --bronze: #caa789;
3757
- --bronze-lighter: #f2e9e1;
3758
- --bronze-darker: #ab825f;
3759
- --fc-dark: #0c0d0e;
3760
- --fc-medium: #3c4146;
3761
- --fc-light: #6a737c;
3762
- --focus-ring-success: rgba(166, 217, 183, 0.4);
3763
- --focus-ring-warning: rgba(233, 198, 63, 0.4);
3764
- --focus-ring-error: rgba(192, 45, 46, 0.15);
3765
- --focus-ring-muted: rgba(36, 39, 41, 0.1);
3766
- --bs-sm: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.05);
3767
- --bs-md: 0 1px 3px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.06), 0 3px 8px rgba(0, 0, 0, 0.09);
3768
- --bs-lg: 0 1px 4px rgba(0, 0, 0, 0.09), 0 3px 8px rgba(0, 0, 0, 0.09), 0 4px 13px rgba(0, 0, 0, 0.13);
3769
- --scrollbar: rgba(0, 0, 0, 0.2);
3770
- --highlight-bg: #f6f6f6;
3771
- --highlight-color: #2f3337;
3772
- --highlight-comment: #656e77;
3985
+ --white: hsl(0, 0%, 100%);
3986
+ --black: hsl(210, 8%, 5%);
3987
+ --orange: hsl(27, 90%, 55%);
3988
+ --yellow: hsl(47, 83%, 91%);
3989
+ --green: hsl(140, 40%, 55%);
3990
+ --blue: hsl(206, 100%, 40%);
3991
+ --powder: hsl(205, 46%, 92%);
3992
+ --red: hsl(358, 62%, 52%);
3993
+ --black-025: hsl(210, 8%, 97.5%);
3994
+ --black-050: hsl(210, 8%, 95%);
3995
+ --black-075: hsl(210, 8%, 90%);
3996
+ --black-100: hsl(210, 8%, 85%);
3997
+ --black-150: hsl(210, 8%, 80%);
3998
+ --black-200: hsl(210, 8%, 75%);
3999
+ --black-300: hsl(210, 8%, 65%);
4000
+ --black-350: hsl(210, 8%, 60%);
4001
+ --black-400: hsl(210, 8%, 55%);
4002
+ --black-500: hsl(210, 8%, 45%);
4003
+ --black-600: hsl(210, 8%, 35%);
4004
+ --black-700: hsl(210, 8%, 25%);
4005
+ --black-750: hsl(210, 8%, 20%);
4006
+ --black-800: hsl(210, 8%, 15%);
4007
+ --black-900: hsl(210, 8%, 5%);
4008
+ --orange-050: hsl(27, 100%, 97%);
4009
+ --orange-100: hsl(27, 95%, 90%);
4010
+ --orange-200: hsl(27, 90%, 83%);
4011
+ --orange-300: hsl(27, 90%, 70%);
4012
+ --orange-400: hsl(27, 90%, 55%);
4013
+ --orange-500: hsl(27, 90%, 50%);
4014
+ --orange-600: hsl(27, 90%, 45%);
4015
+ --orange-700: hsl(27, 90%, 39%);
4016
+ --orange-800: hsl(27, 87%, 35%);
4017
+ --orange-900: hsl(27, 80%, 30%);
4018
+ --blue-050: hsl(206, 100%, 97%);
4019
+ --blue-100: hsl(206, 96%, 90%);
4020
+ --blue-200: hsl(206, 93%, 83.5%);
4021
+ --blue-300: hsl(206, 90%, 69.5%);
4022
+ --blue-400: hsl(206, 85%, 57.5%);
4023
+ --blue-500: hsl(206, 100%, 52%);
4024
+ --blue-600: hsl(206, 100%, 40%);
4025
+ --blue-700: hsl(209, 100%, 37.5%);
4026
+ --blue-800: hsl(209, 100%, 32%);
4027
+ --blue-900: hsl(209, 100%, 26%);
4028
+ --powder-050: hsl(205, 47%, 97%);
4029
+ --powder-100: hsl(205, 46%, 92%);
4030
+ --powder-200: hsl(205, 53%, 88%);
4031
+ --powder-300: hsl(205, 57%, 81%);
4032
+ --powder-400: hsl(205, 56%, 76%);
4033
+ --powder-500: hsl(205, 41%, 63%);
4034
+ --powder-600: hsl(205, 36%, 53%);
4035
+ --powder-700: hsl(205, 47%, 42%);
4036
+ --powder-800: hsl(205, 46%, 32%);
4037
+ --powder-900: hsl(205, 46%, 22%);
4038
+ --green-025: hsl(140, 42%, 95%);
4039
+ --green-050: hsl(140, 40%, 90%);
4040
+ --green-100: hsl(140, 40%, 85%);
4041
+ --green-200: hsl(140, 40%, 75%);
4042
+ --green-300: hsl(140, 40%, 65%);
4043
+ --green-400: hsl(140, 40%, 55%);
4044
+ --green-500: hsl(140, 40%, 47%);
4045
+ --green-600: hsl(140, 40%, 40%);
4046
+ --green-700: hsl(140, 41%, 31%);
4047
+ --green-800: hsl(140, 40%, 27%);
4048
+ --green-900: hsl(140, 40%, 20%);
4049
+ --yellow-050: hsl(47, 87%, 94%);
4050
+ --yellow-100: hsl(47, 83%, 91%);
4051
+ --yellow-200: hsl(47, 65%, 84%);
4052
+ --yellow-300: hsl(47, 69%, 69%);
4053
+ --yellow-400: hsl(47, 79%, 58%);
4054
+ --yellow-500: hsl(47, 73%, 50%);
4055
+ --yellow-600: hsl(47, 76%, 46%);
4056
+ --yellow-700: hsl(47, 79%, 40%);
4057
+ --yellow-800: hsl(47, 82%, 34%);
4058
+ --yellow-900: hsl(47, 84%, 28%);
4059
+ --red-050: hsl(358, 75%, 97%);
4060
+ --red-100: hsl(358, 76%, 90%);
4061
+ --red-200: hsl(358, 74%, 83%);
4062
+ --red-300: hsl(358, 70%, 70%);
4063
+ --red-400: hsl(358, 68%, 59%);
4064
+ --red-500: hsl(358, 62%, 52%);
4065
+ --red-600: hsl(358, 62%, 47%);
4066
+ --red-700: hsl(358, 64%, 41%);
4067
+ --red-800: hsl(358, 64%, 35%);
4068
+ --red-900: hsl(358, 67%, 29%);
4069
+ --gold: hsl(48, 100%, 50%);
4070
+ --gold-lighter: hsl(48, 100%, 91%);
4071
+ --gold-darker: hsl(45, 100%, 47%);
4072
+ --silver: hsl(210, 6%, 72%);
4073
+ --silver-lighter: hsl(0, 0%, 91%);
4074
+ --silver-darker: hsl(210, 3%, 61%);
4075
+ --bronze: hsl(28, 38%, 67%);
4076
+ --bronze-lighter: hsl(28, 40%, 92%);
4077
+ --bronze-darker: hsl(28, 31%, 52%);
4078
+ --bc-lightest: var(--black-025);
4079
+ --bc-lighter: var(--black-050);
4080
+ --bc-light: var(--black-075);
4081
+ --bc-medium: var(--black-100);
4082
+ --bc-dark: var(--black-150);
4083
+ --bc-darker: var(--black-200);
4084
+ --fc-dark: hsl(210, 8%, 5%);
4085
+ --fc-medium: hsl(210, 8%, 25%);
4086
+ --fc-light: hsl(210, 8%, 45%);
4087
+ --focus-ring-success: hsla(140, 40%, 75%, 0.4);
4088
+ --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
4089
+ --focus-ring-error: hsla(358, 62%, 47%, 0.15);
4090
+ --focus-ring-muted: hsla(210, 8%, 15%, 0.1);
4091
+ --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.05), 0 2px 8px hsla(0, 0%, 0%, 0.05);
4092
+ --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.06), 0 2px 6px hsla(0, 0%, 0%, 0.06), 0 3px 8px hsla(0, 0%, 0%, 0.09);
4093
+ --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);
4094
+ --scrollbar: hsla(0, 0%, 0%, 0.2);
4095
+ --highlight-bg: hsl(0, 0%, 96.5%);
4096
+ --highlight-color: var(--black-750);
4097
+ --highlight-comment: hsl(210, 8%, 43.5%);
3773
4098
  --highlight-punctuation: var(--black-600);
3774
- --highlight-namespace: #b75501;
3775
- --highlight-attribute: #015692;
3776
- --highlight-literal: #b75501;
3777
- --highlight-symbol: #803378;
3778
- --highlight-keyword: #015692;
3779
- --highlight-variable: #54790d;
3780
- --highlight-addition: #2f6f44;
3781
- --highlight-deletion: #c02d2e;
4099
+ --highlight-namespace: hsl(27, 99%, 36%);
4100
+ --highlight-attribute: hsl(206, 98.5%, 29%);
4101
+ --highlight-literal: hsl(27, 99%, 36%);
4102
+ --highlight-symbol: hsl(306, 43%, 35%);
4103
+ --highlight-keyword: hsl(206, 98.5%, 29%);
4104
+ --highlight-variable: hsl(80, 80.5%, 26.5%);
4105
+ --highlight-addition: var(--green-700);
4106
+ --highlight-deletion: var(--red-600);
3782
4107
  }
3783
4108
  body:not(.theme-dark),
3784
4109
  body.theme-dark .theme-light__forced,
@@ -3833,114 +4158,120 @@ body.theme-system .theme-light__forced .themed {
3833
4158
  }
3834
4159
  body.theme-dark,
3835
4160
  body:not(.theme-dark) .theme-dark__forced {
3836
- --white: #2d2d2d;
3837
- --black: #fff;
3838
- --black-025: #393939;
3839
- --black-050: #3d3d3d;
3840
- --black-075: #404345;
3841
- --black-100: #4a4e51;
3842
- --black-150: #555a5e;
3843
- --black-200: #697075;
3844
- --black-300: #7d848d;
3845
- --black-350: #959ca3;
3846
- --black-400: #9fa6ad;
3847
- --black-500: #acb2b8;
3848
- --black-600: #c4c8cc;
3849
- --black-700: #cfd2d6;
3850
- --black-750: #dadee0;
3851
- --black-800: #e7e8eb;
3852
- --black-900: #f2f2f3;
3853
- --orange-050: #473c33;
3854
- --orange-100: #5e4433;
3855
- --orange-200: #8d5a2f;
3856
- --orange-300: #cc7525;
3857
- --orange-400: #f48024;
3858
- --orange-500: #ff901e;
3859
- --orange-600: #ffa95e;
3860
- --orange-700: #f8b682;
3861
- --orange-800: #fcd6b9;
3862
- --orange-900: #fee7d6;
3863
- --blue-050: #233e52;
3864
- --blue-100: #25445f;
3865
- --blue-200: #295070;
3866
- --blue-300: #2b5f8a;
3867
- --blue-400: #3070ab;
3868
- --blue-500: #378ad3;
3869
- --blue-600: #3ca4ff;
3870
- --blue-700: #81c4f8;
3871
- --blue-800: #b8dffd;
3872
- --blue-900: #d5ecfd;
3873
- --powder-050: #414648;
3874
- --powder-100: #3e4a52;
3875
- --powder-200: #43525f;
3876
- --powder-300: #4c6071;
3877
- --powder-400: #577489;
3878
- --powder-500: #688eac;
3879
- --powder-600: #7badd3;
3880
- --powder-700: #9cc3db;
3881
- --powder-800: #cde1ee;
3882
- --powder-900: #e5f3ff;
3883
- --green-025: #2e4233;
3884
- --green-050: #344b3a;
3885
- --green-100: #3d6048;
3886
- --green-200: #487455;
3887
- --green-300: #4d815c;
3888
- --green-400: #5a9e6f;
3889
- --green-500: #63b47c;
3890
- --green-600: #76c490;
3891
- --green-700: #93d0a8;
3892
- --green-800: #b3dec1;
3893
- --green-900: #d0eada;
3894
- --yellow-050: #464236;
3895
- --yellow-100: #524b38;
3896
- --yellow-200: #675c37;
3897
- --yellow-300: #7e6f3a;
3898
- --yellow-400: #9e883b;
3899
- --yellow-500: #bf9f37;
3900
- --yellow-600: #dab941;
3901
- --yellow-700: #f1d056;
3902
- --yellow-800: #f8df7a;
3903
- --yellow-900: #fcedaf;
3904
- --red-050: #572f32;
3905
- --red-100: #723738;
3906
- --red-200: #873f3e;
3907
- --red-300: #9b4544;
3908
- --red-400: #b24d49;
3909
- --red-500: #c4524f;
3910
- --red-600: #d25d5d;
3911
- --red-700: #de7176;
3912
- --red-800: #e7929a;
3913
- --red-900: #f2c1c7;
3914
- --gold: #ffcc01;
3915
- --gold-lighter: #5e553c;
3916
- --gold-darker: #f1b600;
3917
- --silver: #b4b8bc;
3918
- --silver-lighter: #424242;
3919
- --silver-darker: #9a9c9f;
3920
- --bronze: #caa789;
3921
- --bronze-lighter: #4d433b;
3922
- --bronze-darker: #ab825f;
4161
+ --white: hsl(0, 0%, 17.5%);
4162
+ --black: hsl(0, 0%, 100%);
4163
+ --black-025: hsl(0, 0%, 22.5%);
4164
+ --black-050: hsl(0, 0%, 24%);
4165
+ --black-075: hsl(210, 4%, 26%);
4166
+ --black-100: hsl(210, 4.5%, 30.5%);
4167
+ --black-150: hsl(210, 5%, 35%);
4168
+ --black-200: hsl(210, 5.5%, 43.5%);
4169
+ --black-300: hsl(210, 6.5%, 52%);
4170
+ --black-350: hsl(210, 7%, 61%);
4171
+ --black-400: hsl(210, 8%, 65%);
4172
+ --black-500: hsl(210, 8%, 70%);
4173
+ --black-600: hsl(210, 7%, 78.5%);
4174
+ --black-700: hsl(210, 8%, 82.5%);
4175
+ --black-750: hsl(210, 9%, 86.5%);
4176
+ --black-800: hsl(210, 9%, 91.5%);
4177
+ --black-900: hsl(210, 4%, 95%);
4178
+ --orange-050: hsl(27, 16.5%, 23.9%);
4179
+ --orange-100: hsl(27, 30%, 28.4%);
4180
+ --orange-200: hsl(27, 50%, 36.9%);
4181
+ --orange-300: hsl(27, 70%, 47.3%);
4182
+ --orange-400: hsl(27, 90.5%, 54.9%);
4183
+ --orange-500: hsl(27, 100%, 59%);
4184
+ --orange-600: hsl(27, 100%, 68.4%);
4185
+ --orange-700: hsl(27, 89.5%, 74.1%);
4186
+ --orange-800: hsl(27, 92%, 85.7%);
4187
+ --orange-900: hsl(27, 95%, 91.8%);
4188
+ --blue-050: hsl(206, 40%, 23%);
4189
+ --blue-100: hsl(206, 44%, 26%);
4190
+ --blue-200: hsl(206, 46%, 30%);
4191
+ --blue-300: hsl(206, 53%, 35%);
4192
+ --blue-400: hsl(209, 56%, 43%);
4193
+ --blue-500: hsl(206, 64%, 51%);
4194
+ --blue-600: hsl(206, 100%, 60%);
4195
+ --blue-700: hsl(206, 90%, 74%);
4196
+ --blue-800: hsl(206, 95%, 86%);
4197
+ --blue-900: hsl(206, 91%, 91.5%);
4198
+ --powder-050: hsl(205, 5%, 27%);
4199
+ --powder-100: hsl(205, 14%, 28%);
4200
+ --powder-200: hsl(205, 17.5%, 32%);
4201
+ --powder-300: hsl(205, 19.5%, 37%);
4202
+ --powder-400: hsl(205, 22.5%, 44%);
4203
+ --powder-500: hsl(205, 29%, 54%);
4204
+ --powder-600: hsl(205, 50%, 65.5%);
4205
+ --powder-700: hsl(205, 46.5%, 73.5%);
4206
+ --powder-800: hsl(205, 49.5%, 87%);
4207
+ --powder-900: hsl(205, 100%, 95%);
4208
+ --green-025: hsl(140, 18%, 22%);
4209
+ --green-050: hsl(140, 18%, 25%);
4210
+ --green-100: hsl(140, 22.5%, 31%);
4211
+ --green-200: hsl(140, 23.5%, 37%);
4212
+ --green-300: hsl(140, 25%, 40.5%);
4213
+ --green-400: hsl(140, 27.5%, 48.5%);
4214
+ --green-500: hsl(140, 35%, 54.5%);
4215
+ --green-600: hsl(140, 40%, 61.5%);
4216
+ --green-700: hsl(140, 39.5%, 69.5%);
4217
+ --green-800: hsl(140, 39.5%, 78.5%);
4218
+ --green-900: hsl(140, 38%, 86.5%);
4219
+ --yellow-050: hsl(47, 13%, 24.5%);
4220
+ --yellow-100: hsl(47, 19%, 27%);
4221
+ --yellow-200: hsl(47, 30.5%, 31%);
4222
+ --yellow-300: hsl(47, 37%, 36%);
4223
+ --yellow-400: hsl(47, 45.5%, 42.5%);
4224
+ --yellow-500: hsl(47, 55.5%, 48%);
4225
+ --yellow-600: hsl(47, 67.5%, 55.5%);
4226
+ --yellow-700: hsl(47, 84.5%, 64%);
4227
+ --yellow-800: hsl(47, 90%, 72.5%);
4228
+ --yellow-900: hsl(47, 93%, 83.5%);
4229
+ --red-050: hsl(1, 30%, 26.5%);
4230
+ --red-100: hsl(1, 35%, 33%);
4231
+ --red-200: hsl(1, 37%, 38.5%);
4232
+ --red-300: hsl(1, 39%, 43.5%);
4233
+ --red-400: hsl(1, 42%, 49%);
4234
+ --red-500: hsl(1, 50%, 54%);
4235
+ --red-600: hsl(1, 56.5%, 59.5%);
4236
+ --red-700: hsl(1, 62.5%, 65.5%);
4237
+ --red-800: hsl(1, 64%, 74%);
4238
+ --red-900: hsl(1, 65.5%, 85.5%);
4239
+ --gold: hsl(48, 100%, 50%);
4240
+ --gold-lighter: hsl(48, 22%, 30%);
4241
+ --gold-darker: hsl(45, 100%, 47%);
4242
+ --silver: hsl(210, 6%, 72%);
4243
+ --silver-lighter: hsl(0, 0%, 26%);
4244
+ --silver-darker: hsl(210, 3%, 61%);
4245
+ --bronze: hsl(28, 38%, 67%);
4246
+ --bronze-lighter: hsl(28, 13%, 27%);
4247
+ --bronze-darker: hsl(28, 31%, 52%);
4248
+ --bc-lightest: var(--black-025);
4249
+ --bc-lighter: var(--black-050);
4250
+ --bc-light: var(--black-075);
4251
+ --bc-medium: var(--black-100);
4252
+ --bc-dark: var(--black-150);
4253
+ --bc-darker: var(--black-200);
3923
4254
  --fc-dark: var(--black-900);
3924
4255
  --fc-medium: var(--black-700);
3925
4256
  --fc-light: var(--black-500);
3926
- --focus-ring-success: rgba(72, 116, 85, 0.4);
3927
- --focus-ring-warning: rgba(158, 136, 59, 0.4);
3928
- --focus-ring-error: rgba(196, 82, 79, 0.3);
3929
- --focus-ring-muted: rgba(231, 232, 235, 0.1);
3930
- --bs-sm: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.1);
3931
- --bs-md: 0 1px 3px rgba(0, 0, 0, 0.11), 0 2px 6px rgba(0, 0, 0, 0.11), 0 3px 8px rgba(0, 0, 0, 0.14);
3932
- --bs-lg: 0 1px 4px rgba(0, 0, 0, 0.14), 0 3px 8px rgba(0, 0, 0, 0.14), 0 4px 13px rgba(0, 0, 0, 0.18);
3933
- --scrollbar: rgba(255, 255, 255, 0.2);
3934
- --highlight-bg: #1c1b1b;
3935
- --highlight-color: #fff;
3936
- --highlight-comment: #999;
3937
- --highlight-punctuation: #ccc;
3938
- --highlight-namespace: #f08d49;
3939
- --highlight-attribute: #88aece;
3940
- --highlight-literal: #f08d49;
3941
- --highlight-symbol: #c59bc1;
3942
- --highlight-keyword: #88aece;
3943
- --highlight-variable: #b5bd68;
4257
+ --focus-ring-success: hsla(140, 40%, 75%, 0.4);
4258
+ --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
4259
+ --focus-ring-error: hsla(358, 62%, 52%, 0.3);
4260
+ --focus-ring-muted: hsla(0, 0%, 100%, 0.1);
4261
+ --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);
4262
+ --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);
4263
+ --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);
4264
+ --scrollbar: hsla(0, 0%, 100%, 0.2);
4265
+ --highlight-bg: hsl(0, 2%, 11%);
4266
+ --highlight-color: var(--black);
4267
+ --highlight-comment: hsl(0, 0%, 60%);
4268
+ --highlight-punctuation: hsl(0, 0%, 80%);
4269
+ --highlight-namespace: hsl(27, 85%, 61.5%);
4270
+ --highlight-attribute: hsl(207, 41.5%, 67%);
4271
+ --highlight-literal: hsl(27, 85%, 61.5%);
4272
+ --highlight-symbol: hsl(306, 43%, 69%);
4273
+ --highlight-keyword: hsl(208, 41.5%, 67%);
4274
+ --highlight-variable: hsl(65.5, 39%, 57.5%);
3944
4275
  --highlight-addition: var(--green-600);
3945
4276
  --highlight-deletion: var(--red-700);
3946
4277
  }
@@ -3995,114 +4326,120 @@ body:not(.theme-dark) .theme-dark__forced .themed {
3995
4326
  }
3996
4327
  @media (prefers-color-scheme: dark) {
3997
4328
  body.theme-system {
3998
- --white: #2d2d2d;
3999
- --black: #fff;
4000
- --black-025: #393939;
4001
- --black-050: #3d3d3d;
4002
- --black-075: #404345;
4003
- --black-100: #4a4e51;
4004
- --black-150: #555a5e;
4005
- --black-200: #697075;
4006
- --black-300: #7d848d;
4007
- --black-350: #959ca3;
4008
- --black-400: #9fa6ad;
4009
- --black-500: #acb2b8;
4010
- --black-600: #c4c8cc;
4011
- --black-700: #cfd2d6;
4012
- --black-750: #dadee0;
4013
- --black-800: #e7e8eb;
4014
- --black-900: #f2f2f3;
4015
- --orange-050: #473c33;
4016
- --orange-100: #5e4433;
4017
- --orange-200: #8d5a2f;
4018
- --orange-300: #cc7525;
4019
- --orange-400: #f48024;
4020
- --orange-500: #ff901e;
4021
- --orange-600: #ffa95e;
4022
- --orange-700: #f8b682;
4023
- --orange-800: #fcd6b9;
4024
- --orange-900: #fee7d6;
4025
- --blue-050: #233e52;
4026
- --blue-100: #25445f;
4027
- --blue-200: #295070;
4028
- --blue-300: #2b5f8a;
4029
- --blue-400: #3070ab;
4030
- --blue-500: #378ad3;
4031
- --blue-600: #3ca4ff;
4032
- --blue-700: #81c4f8;
4033
- --blue-800: #b8dffd;
4034
- --blue-900: #d5ecfd;
4035
- --powder-050: #414648;
4036
- --powder-100: #3e4a52;
4037
- --powder-200: #43525f;
4038
- --powder-300: #4c6071;
4039
- --powder-400: #577489;
4040
- --powder-500: #688eac;
4041
- --powder-600: #7badd3;
4042
- --powder-700: #9cc3db;
4043
- --powder-800: #cde1ee;
4044
- --powder-900: #e5f3ff;
4045
- --green-025: #2e4233;
4046
- --green-050: #344b3a;
4047
- --green-100: #3d6048;
4048
- --green-200: #487455;
4049
- --green-300: #4d815c;
4050
- --green-400: #5a9e6f;
4051
- --green-500: #63b47c;
4052
- --green-600: #76c490;
4053
- --green-700: #93d0a8;
4054
- --green-800: #b3dec1;
4055
- --green-900: #d0eada;
4056
- --yellow-050: #464236;
4057
- --yellow-100: #524b38;
4058
- --yellow-200: #675c37;
4059
- --yellow-300: #7e6f3a;
4060
- --yellow-400: #9e883b;
4061
- --yellow-500: #bf9f37;
4062
- --yellow-600: #dab941;
4063
- --yellow-700: #f1d056;
4064
- --yellow-800: #f8df7a;
4065
- --yellow-900: #fcedaf;
4066
- --red-050: #572f32;
4067
- --red-100: #723738;
4068
- --red-200: #873f3e;
4069
- --red-300: #9b4544;
4070
- --red-400: #b24d49;
4071
- --red-500: #c4524f;
4072
- --red-600: #d25d5d;
4073
- --red-700: #de7176;
4074
- --red-800: #e7929a;
4075
- --red-900: #f2c1c7;
4076
- --gold: #ffcc01;
4077
- --gold-lighter: #5e553c;
4078
- --gold-darker: #f1b600;
4079
- --silver: #b4b8bc;
4080
- --silver-lighter: #424242;
4081
- --silver-darker: #9a9c9f;
4082
- --bronze: #caa789;
4083
- --bronze-lighter: #4d433b;
4084
- --bronze-darker: #ab825f;
4329
+ --white: hsl(0, 0%, 17.5%);
4330
+ --black: hsl(0, 0%, 100%);
4331
+ --black-025: hsl(0, 0%, 22.5%);
4332
+ --black-050: hsl(0, 0%, 24%);
4333
+ --black-075: hsl(210, 4%, 26%);
4334
+ --black-100: hsl(210, 4.5%, 30.5%);
4335
+ --black-150: hsl(210, 5%, 35%);
4336
+ --black-200: hsl(210, 5.5%, 43.5%);
4337
+ --black-300: hsl(210, 6.5%, 52%);
4338
+ --black-350: hsl(210, 7%, 61%);
4339
+ --black-400: hsl(210, 8%, 65%);
4340
+ --black-500: hsl(210, 8%, 70%);
4341
+ --black-600: hsl(210, 7%, 78.5%);
4342
+ --black-700: hsl(210, 8%, 82.5%);
4343
+ --black-750: hsl(210, 9%, 86.5%);
4344
+ --black-800: hsl(210, 9%, 91.5%);
4345
+ --black-900: hsl(210, 4%, 95%);
4346
+ --orange-050: hsl(27, 16.5%, 23.9%);
4347
+ --orange-100: hsl(27, 30%, 28.4%);
4348
+ --orange-200: hsl(27, 50%, 36.9%);
4349
+ --orange-300: hsl(27, 70%, 47.3%);
4350
+ --orange-400: hsl(27, 90.5%, 54.9%);
4351
+ --orange-500: hsl(27, 100%, 59%);
4352
+ --orange-600: hsl(27, 100%, 68.4%);
4353
+ --orange-700: hsl(27, 89.5%, 74.1%);
4354
+ --orange-800: hsl(27, 92%, 85.7%);
4355
+ --orange-900: hsl(27, 95%, 91.8%);
4356
+ --blue-050: hsl(206, 40%, 23%);
4357
+ --blue-100: hsl(206, 44%, 26%);
4358
+ --blue-200: hsl(206, 46%, 30%);
4359
+ --blue-300: hsl(206, 53%, 35%);
4360
+ --blue-400: hsl(209, 56%, 43%);
4361
+ --blue-500: hsl(206, 64%, 51%);
4362
+ --blue-600: hsl(206, 100%, 60%);
4363
+ --blue-700: hsl(206, 90%, 74%);
4364
+ --blue-800: hsl(206, 95%, 86%);
4365
+ --blue-900: hsl(206, 91%, 91.5%);
4366
+ --powder-050: hsl(205, 5%, 27%);
4367
+ --powder-100: hsl(205, 14%, 28%);
4368
+ --powder-200: hsl(205, 17.5%, 32%);
4369
+ --powder-300: hsl(205, 19.5%, 37%);
4370
+ --powder-400: hsl(205, 22.5%, 44%);
4371
+ --powder-500: hsl(205, 29%, 54%);
4372
+ --powder-600: hsl(205, 50%, 65.5%);
4373
+ --powder-700: hsl(205, 46.5%, 73.5%);
4374
+ --powder-800: hsl(205, 49.5%, 87%);
4375
+ --powder-900: hsl(205, 100%, 95%);
4376
+ --green-025: hsl(140, 18%, 22%);
4377
+ --green-050: hsl(140, 18%, 25%);
4378
+ --green-100: hsl(140, 22.5%, 31%);
4379
+ --green-200: hsl(140, 23.5%, 37%);
4380
+ --green-300: hsl(140, 25%, 40.5%);
4381
+ --green-400: hsl(140, 27.5%, 48.5%);
4382
+ --green-500: hsl(140, 35%, 54.5%);
4383
+ --green-600: hsl(140, 40%, 61.5%);
4384
+ --green-700: hsl(140, 39.5%, 69.5%);
4385
+ --green-800: hsl(140, 39.5%, 78.5%);
4386
+ --green-900: hsl(140, 38%, 86.5%);
4387
+ --yellow-050: hsl(47, 13%, 24.5%);
4388
+ --yellow-100: hsl(47, 19%, 27%);
4389
+ --yellow-200: hsl(47, 30.5%, 31%);
4390
+ --yellow-300: hsl(47, 37%, 36%);
4391
+ --yellow-400: hsl(47, 45.5%, 42.5%);
4392
+ --yellow-500: hsl(47, 55.5%, 48%);
4393
+ --yellow-600: hsl(47, 67.5%, 55.5%);
4394
+ --yellow-700: hsl(47, 84.5%, 64%);
4395
+ --yellow-800: hsl(47, 90%, 72.5%);
4396
+ --yellow-900: hsl(47, 93%, 83.5%);
4397
+ --red-050: hsl(1, 30%, 26.5%);
4398
+ --red-100: hsl(1, 35%, 33%);
4399
+ --red-200: hsl(1, 37%, 38.5%);
4400
+ --red-300: hsl(1, 39%, 43.5%);
4401
+ --red-400: hsl(1, 42%, 49%);
4402
+ --red-500: hsl(1, 50%, 54%);
4403
+ --red-600: hsl(1, 56.5%, 59.5%);
4404
+ --red-700: hsl(1, 62.5%, 65.5%);
4405
+ --red-800: hsl(1, 64%, 74%);
4406
+ --red-900: hsl(1, 65.5%, 85.5%);
4407
+ --gold: hsl(48, 100%, 50%);
4408
+ --gold-lighter: hsl(48, 22%, 30%);
4409
+ --gold-darker: hsl(45, 100%, 47%);
4410
+ --silver: hsl(210, 6%, 72%);
4411
+ --silver-lighter: hsl(0, 0%, 26%);
4412
+ --silver-darker: hsl(210, 3%, 61%);
4413
+ --bronze: hsl(28, 38%, 67%);
4414
+ --bronze-lighter: hsl(28, 13%, 27%);
4415
+ --bronze-darker: hsl(28, 31%, 52%);
4416
+ --bc-lightest: var(--black-025);
4417
+ --bc-lighter: var(--black-050);
4418
+ --bc-light: var(--black-075);
4419
+ --bc-medium: var(--black-100);
4420
+ --bc-dark: var(--black-150);
4421
+ --bc-darker: var(--black-200);
4085
4422
  --fc-dark: var(--black-900);
4086
4423
  --fc-medium: var(--black-700);
4087
4424
  --fc-light: var(--black-500);
4088
- --focus-ring-success: rgba(72, 116, 85, 0.4);
4089
- --focus-ring-warning: rgba(158, 136, 59, 0.4);
4090
- --focus-ring-error: rgba(196, 82, 79, 0.3);
4091
- --focus-ring-muted: rgba(231, 232, 235, 0.1);
4092
- --bs-sm: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.1);
4093
- --bs-md: 0 1px 3px rgba(0, 0, 0, 0.11), 0 2px 6px rgba(0, 0, 0, 0.11), 0 3px 8px rgba(0, 0, 0, 0.14);
4094
- --bs-lg: 0 1px 4px rgba(0, 0, 0, 0.14), 0 3px 8px rgba(0, 0, 0, 0.14), 0 4px 13px rgba(0, 0, 0, 0.18);
4095
- --scrollbar: rgba(255, 255, 255, 0.2);
4096
- --highlight-bg: #1c1b1b;
4097
- --highlight-color: #fff;
4098
- --highlight-comment: #999;
4099
- --highlight-punctuation: #ccc;
4100
- --highlight-namespace: #f08d49;
4101
- --highlight-attribute: #88aece;
4102
- --highlight-literal: #f08d49;
4103
- --highlight-symbol: #c59bc1;
4104
- --highlight-keyword: #88aece;
4105
- --highlight-variable: #b5bd68;
4425
+ --focus-ring-success: hsla(140, 40%, 75%, 0.4);
4426
+ --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
4427
+ --focus-ring-error: hsla(358, 62%, 52%, 0.3);
4428
+ --focus-ring-muted: hsla(0, 0%, 100%, 0.1);
4429
+ --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);
4430
+ --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);
4431
+ --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);
4432
+ --scrollbar: hsla(0, 0%, 100%, 0.2);
4433
+ --highlight-bg: hsl(0, 2%, 11%);
4434
+ --highlight-color: var(--black);
4435
+ --highlight-comment: hsl(0, 0%, 60%);
4436
+ --highlight-punctuation: hsl(0, 0%, 80%);
4437
+ --highlight-namespace: hsl(27, 85%, 61.5%);
4438
+ --highlight-attribute: hsl(207, 41.5%, 67%);
4439
+ --highlight-literal: hsl(27, 85%, 61.5%);
4440
+ --highlight-symbol: hsl(306, 43%, 69%);
4441
+ --highlight-keyword: hsl(208, 41.5%, 67%);
4442
+ --highlight-variable: hsl(65.5, 39%, 57.5%);
4106
4443
  --highlight-addition: var(--green-600);
4107
4444
  --highlight-deletion: var(--red-700);
4108
4445
  }
@@ -4154,6 +4491,368 @@ body:not(.theme-dark) .theme-dark__forced .themed {
4154
4491
  --theme-body-font-color: var(--black-800);
4155
4492
  }
4156
4493
  }
4494
+ body.theme-highcontrast:not(.theme-dark),
4495
+ body.theme-dark.theme-highcontrast .theme-light__forced,
4496
+ body.theme-system.theme-highcontrast .theme-light__forced {
4497
+ --white: hsl(0, 0%, 100%);
4498
+ --black: hsl(0, 0%, 0%);
4499
+ --black-025: hsl(210, 8%, 97.5%);
4500
+ --black-050: hsl(210, 8%, 95%);
4501
+ --black-075: hsl(210, 8%, 92.5%);
4502
+ --black-100: hsl(210, 8%, 90%);
4503
+ --black-150: hsl(210, 8%, 87.5%);
4504
+ --black-200: hsl(210, 8%, 85%);
4505
+ --black-300: hsl(210, 8%, 35%);
4506
+ --black-350: hsl(210, 8%, 32.5%);
4507
+ --black-400: hsl(210, 8%, 30%);
4508
+ --black-500: hsl(210, 8%, 25%);
4509
+ --black-600: hsl(210, 8%, 20%);
4510
+ --black-700: hsl(210, 8%, 15%);
4511
+ --black-750: hsl(210, 8%, 10%);
4512
+ --black-800: hsl(210, 8%, 5%);
4513
+ --black-900: hsl(0, 0%, 0%);
4514
+ --orange-050: hsl(27, 100%, 97.5%);
4515
+ --orange-100: hsl(27, 100%, 94%);
4516
+ --orange-200: hsl(27, 100%, 88%);
4517
+ --orange-300: hsl(27, 100%, 82%);
4518
+ --orange-400: hsl(27, 100%, 34%);
4519
+ --orange-500: hsl(27, 100%, 29%);
4520
+ --orange-600: hsl(27, 100%, 24%);
4521
+ --orange-700: hsl(27, 100%, 19%);
4522
+ --orange-800: hsl(27, 100%, 13%);
4523
+ --orange-900: hsl(27, 100%, 8%);
4524
+ --blue-050: hsl(206, 100%, 97.5%);
4525
+ --blue-100: hsl(206, 100%, 95%);
4526
+ --blue-200: hsl(206, 100%, 90%);
4527
+ --blue-300: hsl(206, 100%, 85%);
4528
+ --blue-400: hsl(206, 100%, 25%);
4529
+ --blue-500: hsl(206, 100%, 20%);
4530
+ --blue-600: hsl(206, 100%, 15%);
4531
+ --blue-700: hsl(206, 100%, 10%);
4532
+ --blue-800: hsl(206, 100%, 7.5%);
4533
+ --blue-900: hsl(206, 100%, 5%);
4534
+ --powder-050: hsl(205, 100%, 97.5%);
4535
+ --powder-100: hsl(205, 85%, 96%);
4536
+ --powder-200: hsl(205, 75%, 92%);
4537
+ --powder-300: hsl(205, 70%, 88%);
4538
+ --powder-400: hsl(205, 55%, 28%);
4539
+ --powder-500: hsl(205, 60%, 24%);
4540
+ --powder-600: hsl(205, 70%, 20%);
4541
+ --powder-700: hsl(205, 75%, 16%);
4542
+ --powder-800: hsl(205, 75%, 12%);
4543
+ --powder-900: hsl(205, 75%, 8%);
4544
+ --green-025: hsl(140, 100%, 97%);
4545
+ --green-050: hsl(140, 100%, 96%);
4546
+ --green-100: hsl(140, 100%, 94%);
4547
+ --green-200: hsl(140, 100%, 88%);
4548
+ --green-300: hsl(140, 100%, 82%);
4549
+ --green-400: hsl(140, 100%, 18%);
4550
+ --green-500: hsl(140, 100%, 15%);
4551
+ --green-600: hsl(140, 100%, 12%);
4552
+ --green-700: hsl(140, 100%, 9%);
4553
+ --green-800: hsl(140, 100%, 6%);
4554
+ --green-900: hsl(140, 100%, 3%);
4555
+ --yellow-050: hsl(47, 100%, 95%);
4556
+ --yellow-100: hsl(47, 100%, 92%);
4557
+ --yellow-200: hsl(47, 95%, 85%);
4558
+ --yellow-300: hsl(47, 95%, 78%);
4559
+ --yellow-400: hsl(47, 100%, 28%);
4560
+ --yellow-500: hsl(47, 100%, 26%);
4561
+ --yellow-600: hsl(47, 100%, 23%);
4562
+ --yellow-700: hsl(47, 100%, 19%);
4563
+ --yellow-800: hsl(47, 100%, 13%);
4564
+ --yellow-900: hsl(47, 100%, 7%);
4565
+ --red-050: hsl(358, 100%, 97.5%);
4566
+ --red-100: hsl(358, 100%, 95%);
4567
+ --red-200: hsl(358, 100%, 90%);
4568
+ --red-300: hsl(358, 100%, 85%);
4569
+ --red-400: hsl(358, 100%, 35%);
4570
+ --red-500: hsl(358, 100%, 29%);
4571
+ --red-600: hsl(358, 100%, 23%);
4572
+ --red-700: hsl(358, 100%, 17%);
4573
+ --red-800: hsl(358, 100%, 11%);
4574
+ --red-900: hsl(358, 100%, 7%);
4575
+ --gold: hsl(48, 100%, 50%);
4576
+ --gold-lighter: hsl(48, 100%, 91%);
4577
+ --gold-darker: hsl(45, 100%, 20%);
4578
+ --silver: hsl(210, 6%, 72%);
4579
+ --silver-lighter: hsl(210, 6%, 91%);
4580
+ --silver-darker: hsl(210, 6%, 30%);
4581
+ --bronze: hsl(28, 38%, 65%);
4582
+ --bronze-lighter: hsl(28, 40%, 92%);
4583
+ --bronze-darker: hsl(28, 31%, 25%);
4584
+ --bc-lightest: var(--black-400);
4585
+ --bc-lighter: var(--black-400);
4586
+ --bc-light: var(--black-400);
4587
+ --bc-medium: var(--black-400);
4588
+ --bc-dark: var(--black-700);
4589
+ --bc-darker: var(--black-900);
4590
+ --fc-dark: var(--black-900);
4591
+ --fc-medium: var(--black-700);
4592
+ --fc-light: var(--black-500);
4593
+ --focus-ring: hsla(206, 100%, 40%, 0.9);
4594
+ --focus-ring-success: hsla(140, 40%, 40%, 0.9);
4595
+ --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
4596
+ --focus-ring-error: hsla(358, 62%, 47%, 0.9);
4597
+ --focus-ring-muted: hsla(210, 8%, 55%, 0.95);
4598
+ --bs-sm: none;
4599
+ --bs-md: none;
4600
+ --bs-lg: none;
4601
+ --scrollbar: var(--black);
4602
+ --highlight-bg: hsl(0, 0%, 96.5%);
4603
+ --highlight-color: var(--black-750);
4604
+ --highlight-comment: hsl(213, 7%, 33%);
4605
+ --highlight-punctuation: var(--black-600);
4606
+ --highlight-namespace: hsl(16, 94%, 31%);
4607
+ --highlight-attribute: hsl(215, 100%, 35%);
4608
+ --highlight-literal: hsl(16, 94%, 31%);
4609
+ --highlight-symbol: hsl(309, 45%, 31%);
4610
+ --highlight-keyword: hsl(215, 100%, 35%);
4611
+ --highlight-variable: hsl(88, 100%, 19%);
4612
+ --highlight-addition: var(--green-500);
4613
+ --highlight-deletion: var(--red-500);
4614
+ }
4615
+ body.theme-dark.theme-highcontrast,
4616
+ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
4617
+ --white: hsl(0, 0%, 0%);
4618
+ --black: hsl(0, 0%, 100%);
4619
+ --black-025: hsl(210, 8%, 2.5%);
4620
+ --black-050: hsl(210, 8%, 5%);
4621
+ --black-075: hsl(210, 8%, 7.5%);
4622
+ --black-100: hsl(210, 8%, 10%);
4623
+ --black-150: hsl(210, 8%, 12.5%);
4624
+ --black-200: hsl(210, 8%, 15%);
4625
+ --black-300: hsl(210, 8%, 65%);
4626
+ --black-350: hsl(210, 8%, 67.5%);
4627
+ --black-400: hsl(210, 8%, 70%);
4628
+ --black-500: hsl(210, 8%, 75%);
4629
+ --black-600: hsl(210, 8%, 80%);
4630
+ --black-700: hsl(210, 8%, 85%);
4631
+ --black-750: hsl(210, 8%, 90%);
4632
+ --black-800: hsl(210, 8%, 95%);
4633
+ --black-900: hsl(0, 0%, 100%);
4634
+ --orange-050: hsl(27, 100%, 4%);
4635
+ --orange-100: hsl(27, 100%, 8%);
4636
+ --orange-200: hsl(27, 100%, 16%);
4637
+ --orange-300: hsl(27, 100%, 24%);
4638
+ --orange-400: hsl(27, 100%, 64%);
4639
+ --orange-500: hsl(27, 100%, 71%);
4640
+ --orange-600: hsl(27, 100%, 77%);
4641
+ --orange-700: hsl(27, 100%, 82%);
4642
+ --orange-800: hsl(27, 100%, 87%);
4643
+ --orange-900: hsl(27, 100%, 91%);
4644
+ --blue-050: hsl(206, 100%, 4%);
4645
+ --blue-100: hsl(206, 100%, 11%);
4646
+ --blue-200: hsl(206, 100%, 18%);
4647
+ --blue-300: hsl(206, 100%, 25%);
4648
+ --blue-400: hsl(206, 100%, 75%);
4649
+ --blue-500: hsl(206, 100%, 80%);
4650
+ --blue-600: hsl(206, 100%, 85%);
4651
+ --blue-700: hsl(206, 100%, 90%);
4652
+ --blue-800: hsl(206, 100%, 92.5%);
4653
+ --blue-900: hsl(206, 100%, 95%);
4654
+ --powder-050: hsl(205, 100%, 6%);
4655
+ --powder-100: hsl(205, 90%, 8%);
4656
+ --powder-200: hsl(205, 80%, 14%);
4657
+ --powder-300: hsl(205, 60%, 20%);
4658
+ --powder-400: hsl(205, 55%, 72%);
4659
+ --powder-500: hsl(205, 60%, 76%);
4660
+ --powder-600: hsl(205, 70%, 80%);
4661
+ --powder-700: hsl(205, 75%, 84%);
4662
+ --powder-800: hsl(205, 75%, 88%);
4663
+ --powder-900: hsl(205, 75%, 92%);
4664
+ --green-025: hsl(140, 100%, 3%);
4665
+ --green-050: hsl(140, 100%, 4%);
4666
+ --green-100: hsl(140, 100%, 6%);
4667
+ --green-200: hsl(140, 100%, 12%);
4668
+ --green-300: hsl(140, 100%, 18%);
4669
+ --green-400: hsl(140, 100%, 65%);
4670
+ --green-500: hsl(140, 100%, 71%);
4671
+ --green-600: hsl(140, 100%, 77%);
4672
+ --green-700: hsl(140, 100%, 83%);
4673
+ --green-800: hsl(140, 100%, 89%);
4674
+ --green-900: hsl(140, 100%, 94%);
4675
+ --yellow-050: hsl(47, 100%, 4%);
4676
+ --yellow-100: hsl(47, 100%, 8%);
4677
+ --yellow-200: hsl(47, 95%, 16%);
4678
+ --yellow-300: hsl(47, 95%, 24%);
4679
+ --yellow-400: hsl(47, 100%, 55%);
4680
+ --yellow-500: hsl(47, 100%, 63%);
4681
+ --yellow-600: hsl(47, 100%, 71%);
4682
+ --yellow-700: hsl(47, 100%, 79%);
4683
+ --yellow-800: hsl(47, 100%, 87%);
4684
+ --yellow-900: hsl(47, 100%, 95%);
4685
+ --red-050: hsl(358, 100%, 4%);
4686
+ --red-100: hsl(358, 100%, 8%);
4687
+ --red-200: hsl(358, 100%, 16%);
4688
+ --red-300: hsl(358, 100%, 24%);
4689
+ --red-400: hsl(358, 100%, 70%);
4690
+ --red-500: hsl(358, 100%, 75%);
4691
+ --red-600: hsl(358, 100%, 80%);
4692
+ --red-700: hsl(358, 100%, 85%);
4693
+ --red-800: hsl(358, 100%, 90%);
4694
+ --red-900: hsl(358, 100%, 95%);
4695
+ --gold: hsl(48, 100%, 50%);
4696
+ --gold-lighter: hsl(45, 100%, 9%);
4697
+ --gold-darker: hsl(45, 100%, 80%);
4698
+ --silver: hsl(210, 6%, 72%);
4699
+ --silver-lighter: hsl(210, 5%, 9%);
4700
+ --silver-darker: hsl(210, 5%, 70%);
4701
+ --bronze: hsl(28, 38%, 65%);
4702
+ --bronze-lighter: hsl(28, 40%, 8%);
4703
+ --bronze-darker: hsl(28, 46.7%, 75%);
4704
+ --bc-lightest: var(--black-400);
4705
+ --bc-lighter: var(--black-400);
4706
+ --bc-light: var(--black-400);
4707
+ --bc-medium: var(--black-400);
4708
+ --bc-dark: var(--black-700);
4709
+ --bc-darker: var(--black-900);
4710
+ --focus-ring: hsla(206, 100%, 40%, 0.9);
4711
+ --focus-ring-success: hsla(140, 40%, 40%, 0.9);
4712
+ --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
4713
+ --focus-ring-error: hsla(358, 62%, 47%, 0.9);
4714
+ --focus-ring-muted: hsla(210, 8%, 55%, 0.95);
4715
+ --fc-dark: var(--black-900);
4716
+ --fc-medium: var(--black-700);
4717
+ --fc-light: var(--black-500);
4718
+ --bs-sm: none;
4719
+ --bs-md: none;
4720
+ --bs-lg: none;
4721
+ --scrollbar: var(--black);
4722
+ --highlight-bg: hsl(0, 0%, 10%);
4723
+ --highlight-color: hsl(0, 0%, 100%);
4724
+ --highlight-comment: hsl(0, 0%, 99%);
4725
+ --highlight-punctuation: hsl(0, 0%, 99%);
4726
+ --highlight-namespace: hsl(36, 96%, 71%);
4727
+ --highlight-attribute: hsl(200, 57%, 85%);
4728
+ --highlight-literal: hsl(36, 96%, 71%);
4729
+ --highlight-symbol: hsl(304, 39%, 85%);
4730
+ --highlight-keyword: hsl(200, 57%, 85%);
4731
+ --highlight-variable: hsl(62, 71%, 81%);
4732
+ --highlight-addition: var(--green-600);
4733
+ --highlight-deletion: var(--red-700);
4734
+ }
4735
+ @media (prefers-color-scheme: dark) {
4736
+ body.theme-system.theme-highcontrast {
4737
+ --white: hsl(0, 0%, 0%);
4738
+ --black: hsl(0, 0%, 100%);
4739
+ --black-025: hsl(210, 8%, 2.5%);
4740
+ --black-050: hsl(210, 8%, 5%);
4741
+ --black-075: hsl(210, 8%, 7.5%);
4742
+ --black-100: hsl(210, 8%, 10%);
4743
+ --black-150: hsl(210, 8%, 12.5%);
4744
+ --black-200: hsl(210, 8%, 15%);
4745
+ --black-300: hsl(210, 8%, 65%);
4746
+ --black-350: hsl(210, 8%, 67.5%);
4747
+ --black-400: hsl(210, 8%, 70%);
4748
+ --black-500: hsl(210, 8%, 75%);
4749
+ --black-600: hsl(210, 8%, 80%);
4750
+ --black-700: hsl(210, 8%, 85%);
4751
+ --black-750: hsl(210, 8%, 90%);
4752
+ --black-800: hsl(210, 8%, 95%);
4753
+ --black-900: hsl(0, 0%, 100%);
4754
+ --orange-050: hsl(27, 100%, 4%);
4755
+ --orange-100: hsl(27, 100%, 8%);
4756
+ --orange-200: hsl(27, 100%, 16%);
4757
+ --orange-300: hsl(27, 100%, 24%);
4758
+ --orange-400: hsl(27, 100%, 64%);
4759
+ --orange-500: hsl(27, 100%, 71%);
4760
+ --orange-600: hsl(27, 100%, 77%);
4761
+ --orange-700: hsl(27, 100%, 82%);
4762
+ --orange-800: hsl(27, 100%, 87%);
4763
+ --orange-900: hsl(27, 100%, 91%);
4764
+ --blue-050: hsl(206, 100%, 4%);
4765
+ --blue-100: hsl(206, 100%, 11%);
4766
+ --blue-200: hsl(206, 100%, 18%);
4767
+ --blue-300: hsl(206, 100%, 25%);
4768
+ --blue-400: hsl(206, 100%, 75%);
4769
+ --blue-500: hsl(206, 100%, 80%);
4770
+ --blue-600: hsl(206, 100%, 85%);
4771
+ --blue-700: hsl(206, 100%, 90%);
4772
+ --blue-800: hsl(206, 100%, 92.5%);
4773
+ --blue-900: hsl(206, 100%, 95%);
4774
+ --powder-050: hsl(205, 100%, 6%);
4775
+ --powder-100: hsl(205, 90%, 8%);
4776
+ --powder-200: hsl(205, 80%, 14%);
4777
+ --powder-300: hsl(205, 60%, 20%);
4778
+ --powder-400: hsl(205, 55%, 72%);
4779
+ --powder-500: hsl(205, 60%, 76%);
4780
+ --powder-600: hsl(205, 70%, 80%);
4781
+ --powder-700: hsl(205, 75%, 84%);
4782
+ --powder-800: hsl(205, 75%, 88%);
4783
+ --powder-900: hsl(205, 75%, 92%);
4784
+ --green-025: hsl(140, 100%, 3%);
4785
+ --green-050: hsl(140, 100%, 4%);
4786
+ --green-100: hsl(140, 100%, 6%);
4787
+ --green-200: hsl(140, 100%, 12%);
4788
+ --green-300: hsl(140, 100%, 18%);
4789
+ --green-400: hsl(140, 100%, 65%);
4790
+ --green-500: hsl(140, 100%, 71%);
4791
+ --green-600: hsl(140, 100%, 77%);
4792
+ --green-700: hsl(140, 100%, 83%);
4793
+ --green-800: hsl(140, 100%, 89%);
4794
+ --green-900: hsl(140, 100%, 94%);
4795
+ --yellow-050: hsl(47, 100%, 4%);
4796
+ --yellow-100: hsl(47, 100%, 8%);
4797
+ --yellow-200: hsl(47, 95%, 16%);
4798
+ --yellow-300: hsl(47, 95%, 24%);
4799
+ --yellow-400: hsl(47, 100%, 55%);
4800
+ --yellow-500: hsl(47, 100%, 63%);
4801
+ --yellow-600: hsl(47, 100%, 71%);
4802
+ --yellow-700: hsl(47, 100%, 79%);
4803
+ --yellow-800: hsl(47, 100%, 87%);
4804
+ --yellow-900: hsl(47, 100%, 95%);
4805
+ --red-050: hsl(358, 100%, 4%);
4806
+ --red-100: hsl(358, 100%, 8%);
4807
+ --red-200: hsl(358, 100%, 16%);
4808
+ --red-300: hsl(358, 100%, 24%);
4809
+ --red-400: hsl(358, 100%, 70%);
4810
+ --red-500: hsl(358, 100%, 75%);
4811
+ --red-600: hsl(358, 100%, 80%);
4812
+ --red-700: hsl(358, 100%, 85%);
4813
+ --red-800: hsl(358, 100%, 90%);
4814
+ --red-900: hsl(358, 100%, 95%);
4815
+ --gold: hsl(48, 100%, 50%);
4816
+ --gold-lighter: hsl(45, 100%, 9%);
4817
+ --gold-darker: hsl(45, 100%, 80%);
4818
+ --silver: hsl(210, 6%, 72%);
4819
+ --silver-lighter: hsl(210, 5%, 9%);
4820
+ --silver-darker: hsl(210, 5%, 70%);
4821
+ --bronze: hsl(28, 38%, 65%);
4822
+ --bronze-lighter: hsl(28, 40%, 8%);
4823
+ --bronze-darker: hsl(28, 46.7%, 75%);
4824
+ --bc-lightest: var(--black-400);
4825
+ --bc-lighter: var(--black-400);
4826
+ --bc-light: var(--black-400);
4827
+ --bc-medium: var(--black-400);
4828
+ --bc-dark: var(--black-700);
4829
+ --bc-darker: var(--black-900);
4830
+ --focus-ring: hsla(206, 100%, 40%, 0.9);
4831
+ --focus-ring-success: hsla(140, 40%, 40%, 0.9);
4832
+ --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
4833
+ --focus-ring-error: hsla(358, 62%, 47%, 0.9);
4834
+ --focus-ring-muted: hsla(210, 8%, 55%, 0.95);
4835
+ --fc-dark: var(--black-900);
4836
+ --fc-medium: var(--black-700);
4837
+ --fc-light: var(--black-500);
4838
+ --bs-sm: none;
4839
+ --bs-md: none;
4840
+ --bs-lg: none;
4841
+ --scrollbar: var(--black);
4842
+ --highlight-bg: hsl(0, 0%, 10%);
4843
+ --highlight-color: hsl(0, 0%, 100%);
4844
+ --highlight-comment: hsl(0, 0%, 99%);
4845
+ --highlight-punctuation: hsl(0, 0%, 99%);
4846
+ --highlight-namespace: hsl(36, 96%, 71%);
4847
+ --highlight-attribute: hsl(200, 57%, 85%);
4848
+ --highlight-literal: hsl(36, 96%, 71%);
4849
+ --highlight-symbol: hsl(304, 39%, 85%);
4850
+ --highlight-keyword: hsl(200, 57%, 85%);
4851
+ --highlight-variable: hsl(62, 71%, 81%);
4852
+ --highlight-addition: var(--green-600);
4853
+ --highlight-deletion: var(--red-700);
4854
+ }
4855
+ }
4157
4856
  /* stylelint-disable indentation */
4158
4857
  .ba {
4159
4858
  border-style: solid !important;
@@ -4452,6 +5151,12 @@ body:not(.theme-dark) .theme-dark__forced .themed {
4452
5151
  .bc-white {
4453
5152
  border-color: var(--white) !important;
4454
5153
  }
5154
+ body.theme-highcontrast .bc-white-1 {
5155
+ border-color: var(--black-025) !important;
5156
+ }
5157
+ body.theme-highcontrast .bc-white-2 {
5158
+ border-color: var(--black-050) !important;
5159
+ }
4455
5160
  .bc-black-025 {
4456
5161
  border-color: var(--black-025) !important;
4457
5162
  }
@@ -4507,6 +5212,18 @@ body:not(.theme-dark) .theme-dark__forced .themed {
4507
5212
  .bc-black-900 {
4508
5213
  border-color: var(--black-900) !important;
4509
5214
  }
5215
+ body.theme-highcontrast .bc-black-025,
5216
+ body.theme-highcontrast .bc-black-1,
5217
+ body.theme-highcontrast .bc-black-050,
5218
+ body.theme-highcontrast .bc-black-2,
5219
+ body.theme-highcontrast .bc-black-075,
5220
+ body.theme-highcontrast .bc-black-3,
5221
+ body.theme-highcontrast .bc-black-100,
5222
+ body.theme-highcontrast .bc-black-150,
5223
+ body.theme-highcontrast .bc-black-4,
5224
+ body.theme-highcontrast .bc-black-200 {
5225
+ border-color: var(--black-300) !important;
5226
+ }
4510
5227
  .bc-orange-050 {
4511
5228
  border-color: var(--orange-050) !important;
4512
5229
  }
@@ -8017,10 +8734,10 @@ body.theme-dark .d\:bg-theme-secondary-025,
8017
8734
  border-color: var(--theme-secondary-color) !important;
8018
8735
  }
8019
8736
  .fc-white__forced {
8020
- color: #fff !important;
8737
+ color: hsl(0, 0%, 100%) !important;
8021
8738
  }
8022
8739
  .fc-black__forced {
8023
- color: #0c0d0e !important;
8740
+ color: hsl(210, 8%, 5%) !important;
8024
8741
  }
8025
8742
  .fc-gold {
8026
8743
  color: var(--gold) !important;
@@ -8228,8 +8945,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8228
8945
  }
8229
8946
  .gs2 > .flex--item1,
8230
8947
  .gs2.flex__allcells1 > .d-flex,
8231
- .gs2.flex__allitemss1 > .d-flex,
8232
- .gs2.flex__allcells1 > .flex--item .gs2.flex__allitems1 > .flex--item {
8948
+ .gs2.flex__allitems1 > .d-flex,
8949
+ .gs2.flex__allcells1 > .flex--item,
8950
+ .gs2.flex__allitems1 > .flex--item {
8233
8951
  flex-basis: calc(8.333333333333334% - 2px);
8234
8952
  }
8235
8953
  .gs2 > .flex--item2 {
@@ -8237,8 +8955,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8237
8955
  }
8238
8956
  .gs2 > .flex--item2,
8239
8957
  .gs2.flex__allcells2 > .d-flex,
8240
- .gs2.flex__allitemss2 > .d-flex,
8241
- .gs2.flex__allcells2 > .flex--item .gs2.flex__allitems2 > .flex--item {
8958
+ .gs2.flex__allitems2 > .d-flex,
8959
+ .gs2.flex__allcells2 > .flex--item,
8960
+ .gs2.flex__allitems2 > .flex--item {
8242
8961
  flex-basis: calc(16.666666666666668% - 2px);
8243
8962
  }
8244
8963
  .gs2 > .flex--item3 {
@@ -8246,8 +8965,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8246
8965
  }
8247
8966
  .gs2 > .flex--item3,
8248
8967
  .gs2.flex__allcells3 > .d-flex,
8249
- .gs2.flex__allitemss3 > .d-flex,
8250
- .gs2.flex__allcells3 > .flex--item .gs2.flex__allitems3 > .flex--item {
8968
+ .gs2.flex__allitems3 > .d-flex,
8969
+ .gs2.flex__allcells3 > .flex--item,
8970
+ .gs2.flex__allitems3 > .flex--item {
8251
8971
  flex-basis: calc(25% - 2px);
8252
8972
  }
8253
8973
  .gs2 > .flex--item4 {
@@ -8255,8 +8975,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8255
8975
  }
8256
8976
  .gs2 > .flex--item4,
8257
8977
  .gs2.flex__allcells4 > .d-flex,
8258
- .gs2.flex__allitemss4 > .d-flex,
8259
- .gs2.flex__allcells4 > .flex--item .gs2.flex__allitems4 > .flex--item {
8978
+ .gs2.flex__allitems4 > .d-flex,
8979
+ .gs2.flex__allcells4 > .flex--item,
8980
+ .gs2.flex__allitems4 > .flex--item {
8260
8981
  flex-basis: calc(33.333333333333336% - 2px);
8261
8982
  }
8262
8983
  .gs2 > .flex--item5 {
@@ -8264,8 +8985,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8264
8985
  }
8265
8986
  .gs2 > .flex--item5,
8266
8987
  .gs2.flex__allcells5 > .d-flex,
8267
- .gs2.flex__allitemss5 > .d-flex,
8268
- .gs2.flex__allcells5 > .flex--item .gs2.flex__allitems5 > .flex--item {
8988
+ .gs2.flex__allitems5 > .d-flex,
8989
+ .gs2.flex__allcells5 > .flex--item,
8990
+ .gs2.flex__allitems5 > .flex--item {
8269
8991
  flex-basis: calc(41.666666666666664% - 2px);
8270
8992
  }
8271
8993
  .gs2 > .flex--item6 {
@@ -8273,8 +8995,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8273
8995
  }
8274
8996
  .gs2 > .flex--item6,
8275
8997
  .gs2.flex__allcells6 > .d-flex,
8276
- .gs2.flex__allitemss6 > .d-flex,
8277
- .gs2.flex__allcells6 > .flex--item .gs2.flex__allitems6 > .flex--item {
8998
+ .gs2.flex__allitems6 > .d-flex,
8999
+ .gs2.flex__allcells6 > .flex--item,
9000
+ .gs2.flex__allitems6 > .flex--item {
8278
9001
  flex-basis: calc(50% - 2px);
8279
9002
  }
8280
9003
  .gs2 > .flex--item7 {
@@ -8282,8 +9005,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8282
9005
  }
8283
9006
  .gs2 > .flex--item7,
8284
9007
  .gs2.flex__allcells7 > .d-flex,
8285
- .gs2.flex__allitemss7 > .d-flex,
8286
- .gs2.flex__allcells7 > .flex--item .gs2.flex__allitems7 > .flex--item {
9008
+ .gs2.flex__allitems7 > .d-flex,
9009
+ .gs2.flex__allcells7 > .flex--item,
9010
+ .gs2.flex__allitems7 > .flex--item {
8287
9011
  flex-basis: calc(58.333333333333336% - 2px);
8288
9012
  }
8289
9013
  .gs2 > .flex--item8 {
@@ -8291,8 +9015,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8291
9015
  }
8292
9016
  .gs2 > .flex--item8,
8293
9017
  .gs2.flex__allcells8 > .d-flex,
8294
- .gs2.flex__allitemss8 > .d-flex,
8295
- .gs2.flex__allcells8 > .flex--item .gs2.flex__allitems8 > .flex--item {
9018
+ .gs2.flex__allitems8 > .d-flex,
9019
+ .gs2.flex__allcells8 > .flex--item,
9020
+ .gs2.flex__allitems8 > .flex--item {
8296
9021
  flex-basis: calc(66.66666666666667% - 2px);
8297
9022
  }
8298
9023
  .gs2 > .flex--item9 {
@@ -8300,8 +9025,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8300
9025
  }
8301
9026
  .gs2 > .flex--item9,
8302
9027
  .gs2.flex__allcells9 > .d-flex,
8303
- .gs2.flex__allitemss9 > .d-flex,
8304
- .gs2.flex__allcells9 > .flex--item .gs2.flex__allitems9 > .flex--item {
9028
+ .gs2.flex__allitems9 > .d-flex,
9029
+ .gs2.flex__allcells9 > .flex--item,
9030
+ .gs2.flex__allitems9 > .flex--item {
8305
9031
  flex-basis: calc(75% - 2px);
8306
9032
  }
8307
9033
  .gs2 > .flex--item10 {
@@ -8309,8 +9035,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8309
9035
  }
8310
9036
  .gs2 > .flex--item10,
8311
9037
  .gs2.flex__allcells10 > .d-flex,
8312
- .gs2.flex__allitemss10 > .d-flex,
8313
- .gs2.flex__allcells10 > .flex--item .gs2.flex__allitems10 > .flex--item {
9038
+ .gs2.flex__allitems10 > .d-flex,
9039
+ .gs2.flex__allcells10 > .flex--item,
9040
+ .gs2.flex__allitems10 > .flex--item {
8314
9041
  flex-basis: calc(83.33333333333333% - 2px);
8315
9042
  }
8316
9043
  .gs2 > .flex--item11 {
@@ -8318,8 +9045,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8318
9045
  }
8319
9046
  .gs2 > .flex--item11,
8320
9047
  .gs2.flex__allcells11 > .d-flex,
8321
- .gs2.flex__allitemss11 > .d-flex,
8322
- .gs2.flex__allcells11 > .flex--item .gs2.flex__allitems11 > .flex--item {
9048
+ .gs2.flex__allitems11 > .d-flex,
9049
+ .gs2.flex__allcells11 > .flex--item,
9050
+ .gs2.flex__allitems11 > .flex--item {
8323
9051
  flex-basis: calc(91.66666666666667% - 2px);
8324
9052
  }
8325
9053
  .gs2 > .flex--item12 {
@@ -8327,8 +9055,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8327
9055
  }
8328
9056
  .gs2 > .flex--item12,
8329
9057
  .gs2.flex__allcells12 > .d-flex,
8330
- .gs2.flex__allitemss12 > .d-flex,
8331
- .gs2.flex__allcells12 > .flex--item .gs2.flex__allitems12 > .flex--item {
9058
+ .gs2.flex__allitems12 > .d-flex,
9059
+ .gs2.flex__allcells12 > .flex--item,
9060
+ .gs2.flex__allitems12 > .flex--item {
8332
9061
  flex-basis: calc(100% - 2px);
8333
9062
  }
8334
9063
  .gs4 {
@@ -8343,8 +9072,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8343
9072
  }
8344
9073
  .gs4 > .flex--item1,
8345
9074
  .gs4.flex__allcells1 > .d-flex,
8346
- .gs4.flex__allitemss1 > .d-flex,
8347
- .gs4.flex__allcells1 > .flex--item .gs4.flex__allitems1 > .flex--item {
9075
+ .gs4.flex__allitems1 > .d-flex,
9076
+ .gs4.flex__allcells1 > .flex--item,
9077
+ .gs4.flex__allitems1 > .flex--item {
8348
9078
  flex-basis: calc(8.333333333333334% - 4px);
8349
9079
  }
8350
9080
  .gs4 > .flex--item2 {
@@ -8352,8 +9082,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8352
9082
  }
8353
9083
  .gs4 > .flex--item2,
8354
9084
  .gs4.flex__allcells2 > .d-flex,
8355
- .gs4.flex__allitemss2 > .d-flex,
8356
- .gs4.flex__allcells2 > .flex--item .gs4.flex__allitems2 > .flex--item {
9085
+ .gs4.flex__allitems2 > .d-flex,
9086
+ .gs4.flex__allcells2 > .flex--item,
9087
+ .gs4.flex__allitems2 > .flex--item {
8357
9088
  flex-basis: calc(16.666666666666668% - 4px);
8358
9089
  }
8359
9090
  .gs4 > .flex--item3 {
@@ -8361,8 +9092,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8361
9092
  }
8362
9093
  .gs4 > .flex--item3,
8363
9094
  .gs4.flex__allcells3 > .d-flex,
8364
- .gs4.flex__allitemss3 > .d-flex,
8365
- .gs4.flex__allcells3 > .flex--item .gs4.flex__allitems3 > .flex--item {
9095
+ .gs4.flex__allitems3 > .d-flex,
9096
+ .gs4.flex__allcells3 > .flex--item,
9097
+ .gs4.flex__allitems3 > .flex--item {
8366
9098
  flex-basis: calc(25% - 4px);
8367
9099
  }
8368
9100
  .gs4 > .flex--item4 {
@@ -8370,8 +9102,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8370
9102
  }
8371
9103
  .gs4 > .flex--item4,
8372
9104
  .gs4.flex__allcells4 > .d-flex,
8373
- .gs4.flex__allitemss4 > .d-flex,
8374
- .gs4.flex__allcells4 > .flex--item .gs4.flex__allitems4 > .flex--item {
9105
+ .gs4.flex__allitems4 > .d-flex,
9106
+ .gs4.flex__allcells4 > .flex--item,
9107
+ .gs4.flex__allitems4 > .flex--item {
8375
9108
  flex-basis: calc(33.333333333333336% - 4px);
8376
9109
  }
8377
9110
  .gs4 > .flex--item5 {
@@ -8379,8 +9112,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8379
9112
  }
8380
9113
  .gs4 > .flex--item5,
8381
9114
  .gs4.flex__allcells5 > .d-flex,
8382
- .gs4.flex__allitemss5 > .d-flex,
8383
- .gs4.flex__allcells5 > .flex--item .gs4.flex__allitems5 > .flex--item {
9115
+ .gs4.flex__allitems5 > .d-flex,
9116
+ .gs4.flex__allcells5 > .flex--item,
9117
+ .gs4.flex__allitems5 > .flex--item {
8384
9118
  flex-basis: calc(41.666666666666664% - 4px);
8385
9119
  }
8386
9120
  .gs4 > .flex--item6 {
@@ -8388,8 +9122,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8388
9122
  }
8389
9123
  .gs4 > .flex--item6,
8390
9124
  .gs4.flex__allcells6 > .d-flex,
8391
- .gs4.flex__allitemss6 > .d-flex,
8392
- .gs4.flex__allcells6 > .flex--item .gs4.flex__allitems6 > .flex--item {
9125
+ .gs4.flex__allitems6 > .d-flex,
9126
+ .gs4.flex__allcells6 > .flex--item,
9127
+ .gs4.flex__allitems6 > .flex--item {
8393
9128
  flex-basis: calc(50% - 4px);
8394
9129
  }
8395
9130
  .gs4 > .flex--item7 {
@@ -8397,8 +9132,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8397
9132
  }
8398
9133
  .gs4 > .flex--item7,
8399
9134
  .gs4.flex__allcells7 > .d-flex,
8400
- .gs4.flex__allitemss7 > .d-flex,
8401
- .gs4.flex__allcells7 > .flex--item .gs4.flex__allitems7 > .flex--item {
9135
+ .gs4.flex__allitems7 > .d-flex,
9136
+ .gs4.flex__allcells7 > .flex--item,
9137
+ .gs4.flex__allitems7 > .flex--item {
8402
9138
  flex-basis: calc(58.333333333333336% - 4px);
8403
9139
  }
8404
9140
  .gs4 > .flex--item8 {
@@ -8406,8 +9142,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8406
9142
  }
8407
9143
  .gs4 > .flex--item8,
8408
9144
  .gs4.flex__allcells8 > .d-flex,
8409
- .gs4.flex__allitemss8 > .d-flex,
8410
- .gs4.flex__allcells8 > .flex--item .gs4.flex__allitems8 > .flex--item {
9145
+ .gs4.flex__allitems8 > .d-flex,
9146
+ .gs4.flex__allcells8 > .flex--item,
9147
+ .gs4.flex__allitems8 > .flex--item {
8411
9148
  flex-basis: calc(66.66666666666667% - 4px);
8412
9149
  }
8413
9150
  .gs4 > .flex--item9 {
@@ -8415,8 +9152,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8415
9152
  }
8416
9153
  .gs4 > .flex--item9,
8417
9154
  .gs4.flex__allcells9 > .d-flex,
8418
- .gs4.flex__allitemss9 > .d-flex,
8419
- .gs4.flex__allcells9 > .flex--item .gs4.flex__allitems9 > .flex--item {
9155
+ .gs4.flex__allitems9 > .d-flex,
9156
+ .gs4.flex__allcells9 > .flex--item,
9157
+ .gs4.flex__allitems9 > .flex--item {
8420
9158
  flex-basis: calc(75% - 4px);
8421
9159
  }
8422
9160
  .gs4 > .flex--item10 {
@@ -8424,8 +9162,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8424
9162
  }
8425
9163
  .gs4 > .flex--item10,
8426
9164
  .gs4.flex__allcells10 > .d-flex,
8427
- .gs4.flex__allitemss10 > .d-flex,
8428
- .gs4.flex__allcells10 > .flex--item .gs4.flex__allitems10 > .flex--item {
9165
+ .gs4.flex__allitems10 > .d-flex,
9166
+ .gs4.flex__allcells10 > .flex--item,
9167
+ .gs4.flex__allitems10 > .flex--item {
8429
9168
  flex-basis: calc(83.33333333333333% - 4px);
8430
9169
  }
8431
9170
  .gs4 > .flex--item11 {
@@ -8433,8 +9172,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8433
9172
  }
8434
9173
  .gs4 > .flex--item11,
8435
9174
  .gs4.flex__allcells11 > .d-flex,
8436
- .gs4.flex__allitemss11 > .d-flex,
8437
- .gs4.flex__allcells11 > .flex--item .gs4.flex__allitems11 > .flex--item {
9175
+ .gs4.flex__allitems11 > .d-flex,
9176
+ .gs4.flex__allcells11 > .flex--item,
9177
+ .gs4.flex__allitems11 > .flex--item {
8438
9178
  flex-basis: calc(91.66666666666667% - 4px);
8439
9179
  }
8440
9180
  .gs4 > .flex--item12 {
@@ -8442,8 +9182,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8442
9182
  }
8443
9183
  .gs4 > .flex--item12,
8444
9184
  .gs4.flex__allcells12 > .d-flex,
8445
- .gs4.flex__allitemss12 > .d-flex,
8446
- .gs4.flex__allcells12 > .flex--item .gs4.flex__allitems12 > .flex--item {
9185
+ .gs4.flex__allitems12 > .d-flex,
9186
+ .gs4.flex__allcells12 > .flex--item,
9187
+ .gs4.flex__allitems12 > .flex--item {
8447
9188
  flex-basis: calc(100% - 4px);
8448
9189
  }
8449
9190
  .gs6 {
@@ -8458,8 +9199,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8458
9199
  }
8459
9200
  .gs6 > .flex--item1,
8460
9201
  .gs6.flex__allcells1 > .d-flex,
8461
- .gs6.flex__allitemss1 > .d-flex,
8462
- .gs6.flex__allcells1 > .flex--item .gs6.flex__allitems1 > .flex--item {
9202
+ .gs6.flex__allitems1 > .d-flex,
9203
+ .gs6.flex__allcells1 > .flex--item,
9204
+ .gs6.flex__allitems1 > .flex--item {
8463
9205
  flex-basis: calc(8.333333333333334% - 6px);
8464
9206
  }
8465
9207
  .gs6 > .flex--item2 {
@@ -8467,8 +9209,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8467
9209
  }
8468
9210
  .gs6 > .flex--item2,
8469
9211
  .gs6.flex__allcells2 > .d-flex,
8470
- .gs6.flex__allitemss2 > .d-flex,
8471
- .gs6.flex__allcells2 > .flex--item .gs6.flex__allitems2 > .flex--item {
9212
+ .gs6.flex__allitems2 > .d-flex,
9213
+ .gs6.flex__allcells2 > .flex--item,
9214
+ .gs6.flex__allitems2 > .flex--item {
8472
9215
  flex-basis: calc(16.666666666666668% - 6px);
8473
9216
  }
8474
9217
  .gs6 > .flex--item3 {
@@ -8476,8 +9219,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8476
9219
  }
8477
9220
  .gs6 > .flex--item3,
8478
9221
  .gs6.flex__allcells3 > .d-flex,
8479
- .gs6.flex__allitemss3 > .d-flex,
8480
- .gs6.flex__allcells3 > .flex--item .gs6.flex__allitems3 > .flex--item {
9222
+ .gs6.flex__allitems3 > .d-flex,
9223
+ .gs6.flex__allcells3 > .flex--item,
9224
+ .gs6.flex__allitems3 > .flex--item {
8481
9225
  flex-basis: calc(25% - 6px);
8482
9226
  }
8483
9227
  .gs6 > .flex--item4 {
@@ -8485,8 +9229,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8485
9229
  }
8486
9230
  .gs6 > .flex--item4,
8487
9231
  .gs6.flex__allcells4 > .d-flex,
8488
- .gs6.flex__allitemss4 > .d-flex,
8489
- .gs6.flex__allcells4 > .flex--item .gs6.flex__allitems4 > .flex--item {
9232
+ .gs6.flex__allitems4 > .d-flex,
9233
+ .gs6.flex__allcells4 > .flex--item,
9234
+ .gs6.flex__allitems4 > .flex--item {
8490
9235
  flex-basis: calc(33.333333333333336% - 6px);
8491
9236
  }
8492
9237
  .gs6 > .flex--item5 {
@@ -8494,8 +9239,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8494
9239
  }
8495
9240
  .gs6 > .flex--item5,
8496
9241
  .gs6.flex__allcells5 > .d-flex,
8497
- .gs6.flex__allitemss5 > .d-flex,
8498
- .gs6.flex__allcells5 > .flex--item .gs6.flex__allitems5 > .flex--item {
9242
+ .gs6.flex__allitems5 > .d-flex,
9243
+ .gs6.flex__allcells5 > .flex--item,
9244
+ .gs6.flex__allitems5 > .flex--item {
8499
9245
  flex-basis: calc(41.666666666666664% - 6px);
8500
9246
  }
8501
9247
  .gs6 > .flex--item6 {
@@ -8503,8 +9249,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8503
9249
  }
8504
9250
  .gs6 > .flex--item6,
8505
9251
  .gs6.flex__allcells6 > .d-flex,
8506
- .gs6.flex__allitemss6 > .d-flex,
8507
- .gs6.flex__allcells6 > .flex--item .gs6.flex__allitems6 > .flex--item {
9252
+ .gs6.flex__allitems6 > .d-flex,
9253
+ .gs6.flex__allcells6 > .flex--item,
9254
+ .gs6.flex__allitems6 > .flex--item {
8508
9255
  flex-basis: calc(50% - 6px);
8509
9256
  }
8510
9257
  .gs6 > .flex--item7 {
@@ -8512,8 +9259,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8512
9259
  }
8513
9260
  .gs6 > .flex--item7,
8514
9261
  .gs6.flex__allcells7 > .d-flex,
8515
- .gs6.flex__allitemss7 > .d-flex,
8516
- .gs6.flex__allcells7 > .flex--item .gs6.flex__allitems7 > .flex--item {
9262
+ .gs6.flex__allitems7 > .d-flex,
9263
+ .gs6.flex__allcells7 > .flex--item,
9264
+ .gs6.flex__allitems7 > .flex--item {
8517
9265
  flex-basis: calc(58.333333333333336% - 6px);
8518
9266
  }
8519
9267
  .gs6 > .flex--item8 {
@@ -8521,8 +9269,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8521
9269
  }
8522
9270
  .gs6 > .flex--item8,
8523
9271
  .gs6.flex__allcells8 > .d-flex,
8524
- .gs6.flex__allitemss8 > .d-flex,
8525
- .gs6.flex__allcells8 > .flex--item .gs6.flex__allitems8 > .flex--item {
9272
+ .gs6.flex__allitems8 > .d-flex,
9273
+ .gs6.flex__allcells8 > .flex--item,
9274
+ .gs6.flex__allitems8 > .flex--item {
8526
9275
  flex-basis: calc(66.66666666666667% - 6px);
8527
9276
  }
8528
9277
  .gs6 > .flex--item9 {
@@ -8530,8 +9279,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8530
9279
  }
8531
9280
  .gs6 > .flex--item9,
8532
9281
  .gs6.flex__allcells9 > .d-flex,
8533
- .gs6.flex__allitemss9 > .d-flex,
8534
- .gs6.flex__allcells9 > .flex--item .gs6.flex__allitems9 > .flex--item {
9282
+ .gs6.flex__allitems9 > .d-flex,
9283
+ .gs6.flex__allcells9 > .flex--item,
9284
+ .gs6.flex__allitems9 > .flex--item {
8535
9285
  flex-basis: calc(75% - 6px);
8536
9286
  }
8537
9287
  .gs6 > .flex--item10 {
@@ -8539,8 +9289,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8539
9289
  }
8540
9290
  .gs6 > .flex--item10,
8541
9291
  .gs6.flex__allcells10 > .d-flex,
8542
- .gs6.flex__allitemss10 > .d-flex,
8543
- .gs6.flex__allcells10 > .flex--item .gs6.flex__allitems10 > .flex--item {
9292
+ .gs6.flex__allitems10 > .d-flex,
9293
+ .gs6.flex__allcells10 > .flex--item,
9294
+ .gs6.flex__allitems10 > .flex--item {
8544
9295
  flex-basis: calc(83.33333333333333% - 6px);
8545
9296
  }
8546
9297
  .gs6 > .flex--item11 {
@@ -8548,8 +9299,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8548
9299
  }
8549
9300
  .gs6 > .flex--item11,
8550
9301
  .gs6.flex__allcells11 > .d-flex,
8551
- .gs6.flex__allitemss11 > .d-flex,
8552
- .gs6.flex__allcells11 > .flex--item .gs6.flex__allitems11 > .flex--item {
9302
+ .gs6.flex__allitems11 > .d-flex,
9303
+ .gs6.flex__allcells11 > .flex--item,
9304
+ .gs6.flex__allitems11 > .flex--item {
8553
9305
  flex-basis: calc(91.66666666666667% - 6px);
8554
9306
  }
8555
9307
  .gs6 > .flex--item12 {
@@ -8557,8 +9309,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8557
9309
  }
8558
9310
  .gs6 > .flex--item12,
8559
9311
  .gs6.flex__allcells12 > .d-flex,
8560
- .gs6.flex__allitemss12 > .d-flex,
8561
- .gs6.flex__allcells12 > .flex--item .gs6.flex__allitems12 > .flex--item {
9312
+ .gs6.flex__allitems12 > .d-flex,
9313
+ .gs6.flex__allcells12 > .flex--item,
9314
+ .gs6.flex__allitems12 > .flex--item {
8562
9315
  flex-basis: calc(100% - 6px);
8563
9316
  }
8564
9317
  .gs8 {
@@ -8573,8 +9326,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8573
9326
  }
8574
9327
  .gs8 > .flex--item1,
8575
9328
  .gs8.flex__allcells1 > .d-flex,
8576
- .gs8.flex__allitemss1 > .d-flex,
8577
- .gs8.flex__allcells1 > .flex--item .gs8.flex__allitems1 > .flex--item {
9329
+ .gs8.flex__allitems1 > .d-flex,
9330
+ .gs8.flex__allcells1 > .flex--item,
9331
+ .gs8.flex__allitems1 > .flex--item {
8578
9332
  flex-basis: calc(8.333333333333334% - 8px);
8579
9333
  }
8580
9334
  .gs8 > .flex--item2 {
@@ -8582,8 +9336,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8582
9336
  }
8583
9337
  .gs8 > .flex--item2,
8584
9338
  .gs8.flex__allcells2 > .d-flex,
8585
- .gs8.flex__allitemss2 > .d-flex,
8586
- .gs8.flex__allcells2 > .flex--item .gs8.flex__allitems2 > .flex--item {
9339
+ .gs8.flex__allitems2 > .d-flex,
9340
+ .gs8.flex__allcells2 > .flex--item,
9341
+ .gs8.flex__allitems2 > .flex--item {
8587
9342
  flex-basis: calc(16.666666666666668% - 8px);
8588
9343
  }
8589
9344
  .gs8 > .flex--item3 {
@@ -8591,8 +9346,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8591
9346
  }
8592
9347
  .gs8 > .flex--item3,
8593
9348
  .gs8.flex__allcells3 > .d-flex,
8594
- .gs8.flex__allitemss3 > .d-flex,
8595
- .gs8.flex__allcells3 > .flex--item .gs8.flex__allitems3 > .flex--item {
9349
+ .gs8.flex__allitems3 > .d-flex,
9350
+ .gs8.flex__allcells3 > .flex--item,
9351
+ .gs8.flex__allitems3 > .flex--item {
8596
9352
  flex-basis: calc(25% - 8px);
8597
9353
  }
8598
9354
  .gs8 > .flex--item4 {
@@ -8600,8 +9356,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8600
9356
  }
8601
9357
  .gs8 > .flex--item4,
8602
9358
  .gs8.flex__allcells4 > .d-flex,
8603
- .gs8.flex__allitemss4 > .d-flex,
8604
- .gs8.flex__allcells4 > .flex--item .gs8.flex__allitems4 > .flex--item {
9359
+ .gs8.flex__allitems4 > .d-flex,
9360
+ .gs8.flex__allcells4 > .flex--item,
9361
+ .gs8.flex__allitems4 > .flex--item {
8605
9362
  flex-basis: calc(33.333333333333336% - 8px);
8606
9363
  }
8607
9364
  .gs8 > .flex--item5 {
@@ -8609,8 +9366,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8609
9366
  }
8610
9367
  .gs8 > .flex--item5,
8611
9368
  .gs8.flex__allcells5 > .d-flex,
8612
- .gs8.flex__allitemss5 > .d-flex,
8613
- .gs8.flex__allcells5 > .flex--item .gs8.flex__allitems5 > .flex--item {
9369
+ .gs8.flex__allitems5 > .d-flex,
9370
+ .gs8.flex__allcells5 > .flex--item,
9371
+ .gs8.flex__allitems5 > .flex--item {
8614
9372
  flex-basis: calc(41.666666666666664% - 8px);
8615
9373
  }
8616
9374
  .gs8 > .flex--item6 {
@@ -8618,8 +9376,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8618
9376
  }
8619
9377
  .gs8 > .flex--item6,
8620
9378
  .gs8.flex__allcells6 > .d-flex,
8621
- .gs8.flex__allitemss6 > .d-flex,
8622
- .gs8.flex__allcells6 > .flex--item .gs8.flex__allitems6 > .flex--item {
9379
+ .gs8.flex__allitems6 > .d-flex,
9380
+ .gs8.flex__allcells6 > .flex--item,
9381
+ .gs8.flex__allitems6 > .flex--item {
8623
9382
  flex-basis: calc(50% - 8px);
8624
9383
  }
8625
9384
  .gs8 > .flex--item7 {
@@ -8627,8 +9386,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8627
9386
  }
8628
9387
  .gs8 > .flex--item7,
8629
9388
  .gs8.flex__allcells7 > .d-flex,
8630
- .gs8.flex__allitemss7 > .d-flex,
8631
- .gs8.flex__allcells7 > .flex--item .gs8.flex__allitems7 > .flex--item {
9389
+ .gs8.flex__allitems7 > .d-flex,
9390
+ .gs8.flex__allcells7 > .flex--item,
9391
+ .gs8.flex__allitems7 > .flex--item {
8632
9392
  flex-basis: calc(58.333333333333336% - 8px);
8633
9393
  }
8634
9394
  .gs8 > .flex--item8 {
@@ -8636,8 +9396,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8636
9396
  }
8637
9397
  .gs8 > .flex--item8,
8638
9398
  .gs8.flex__allcells8 > .d-flex,
8639
- .gs8.flex__allitemss8 > .d-flex,
8640
- .gs8.flex__allcells8 > .flex--item .gs8.flex__allitems8 > .flex--item {
9399
+ .gs8.flex__allitems8 > .d-flex,
9400
+ .gs8.flex__allcells8 > .flex--item,
9401
+ .gs8.flex__allitems8 > .flex--item {
8641
9402
  flex-basis: calc(66.66666666666667% - 8px);
8642
9403
  }
8643
9404
  .gs8 > .flex--item9 {
@@ -8645,8 +9406,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8645
9406
  }
8646
9407
  .gs8 > .flex--item9,
8647
9408
  .gs8.flex__allcells9 > .d-flex,
8648
- .gs8.flex__allitemss9 > .d-flex,
8649
- .gs8.flex__allcells9 > .flex--item .gs8.flex__allitems9 > .flex--item {
9409
+ .gs8.flex__allitems9 > .d-flex,
9410
+ .gs8.flex__allcells9 > .flex--item,
9411
+ .gs8.flex__allitems9 > .flex--item {
8650
9412
  flex-basis: calc(75% - 8px);
8651
9413
  }
8652
9414
  .gs8 > .flex--item10 {
@@ -8654,8 +9416,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8654
9416
  }
8655
9417
  .gs8 > .flex--item10,
8656
9418
  .gs8.flex__allcells10 > .d-flex,
8657
- .gs8.flex__allitemss10 > .d-flex,
8658
- .gs8.flex__allcells10 > .flex--item .gs8.flex__allitems10 > .flex--item {
9419
+ .gs8.flex__allitems10 > .d-flex,
9420
+ .gs8.flex__allcells10 > .flex--item,
9421
+ .gs8.flex__allitems10 > .flex--item {
8659
9422
  flex-basis: calc(83.33333333333333% - 8px);
8660
9423
  }
8661
9424
  .gs8 > .flex--item11 {
@@ -8663,8 +9426,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8663
9426
  }
8664
9427
  .gs8 > .flex--item11,
8665
9428
  .gs8.flex__allcells11 > .d-flex,
8666
- .gs8.flex__allitemss11 > .d-flex,
8667
- .gs8.flex__allcells11 > .flex--item .gs8.flex__allitems11 > .flex--item {
9429
+ .gs8.flex__allitems11 > .d-flex,
9430
+ .gs8.flex__allcells11 > .flex--item,
9431
+ .gs8.flex__allitems11 > .flex--item {
8668
9432
  flex-basis: calc(91.66666666666667% - 8px);
8669
9433
  }
8670
9434
  .gs8 > .flex--item12 {
@@ -8672,8 +9436,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8672
9436
  }
8673
9437
  .gs8 > .flex--item12,
8674
9438
  .gs8.flex__allcells12 > .d-flex,
8675
- .gs8.flex__allitemss12 > .d-flex,
8676
- .gs8.flex__allcells12 > .flex--item .gs8.flex__allitems12 > .flex--item {
9439
+ .gs8.flex__allitems12 > .d-flex,
9440
+ .gs8.flex__allcells12 > .flex--item,
9441
+ .gs8.flex__allitems12 > .flex--item {
8677
9442
  flex-basis: calc(100% - 8px);
8678
9443
  }
8679
9444
  .gs12 {
@@ -8688,8 +9453,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8688
9453
  }
8689
9454
  .gs12 > .flex--item1,
8690
9455
  .gs12.flex__allcells1 > .d-flex,
8691
- .gs12.flex__allitemss1 > .d-flex,
8692
- .gs12.flex__allcells1 > .flex--item .gs12.flex__allitems1 > .flex--item {
9456
+ .gs12.flex__allitems1 > .d-flex,
9457
+ .gs12.flex__allcells1 > .flex--item,
9458
+ .gs12.flex__allitems1 > .flex--item {
8693
9459
  flex-basis: calc(8.333333333333334% - 12px);
8694
9460
  }
8695
9461
  .gs12 > .flex--item2 {
@@ -8697,8 +9463,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8697
9463
  }
8698
9464
  .gs12 > .flex--item2,
8699
9465
  .gs12.flex__allcells2 > .d-flex,
8700
- .gs12.flex__allitemss2 > .d-flex,
8701
- .gs12.flex__allcells2 > .flex--item .gs12.flex__allitems2 > .flex--item {
9466
+ .gs12.flex__allitems2 > .d-flex,
9467
+ .gs12.flex__allcells2 > .flex--item,
9468
+ .gs12.flex__allitems2 > .flex--item {
8702
9469
  flex-basis: calc(16.666666666666668% - 12px);
8703
9470
  }
8704
9471
  .gs12 > .flex--item3 {
@@ -8706,8 +9473,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8706
9473
  }
8707
9474
  .gs12 > .flex--item3,
8708
9475
  .gs12.flex__allcells3 > .d-flex,
8709
- .gs12.flex__allitemss3 > .d-flex,
8710
- .gs12.flex__allcells3 > .flex--item .gs12.flex__allitems3 > .flex--item {
9476
+ .gs12.flex__allitems3 > .d-flex,
9477
+ .gs12.flex__allcells3 > .flex--item,
9478
+ .gs12.flex__allitems3 > .flex--item {
8711
9479
  flex-basis: calc(25% - 12px);
8712
9480
  }
8713
9481
  .gs12 > .flex--item4 {
@@ -8715,8 +9483,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8715
9483
  }
8716
9484
  .gs12 > .flex--item4,
8717
9485
  .gs12.flex__allcells4 > .d-flex,
8718
- .gs12.flex__allitemss4 > .d-flex,
8719
- .gs12.flex__allcells4 > .flex--item .gs12.flex__allitems4 > .flex--item {
9486
+ .gs12.flex__allitems4 > .d-flex,
9487
+ .gs12.flex__allcells4 > .flex--item,
9488
+ .gs12.flex__allitems4 > .flex--item {
8720
9489
  flex-basis: calc(33.333333333333336% - 12px);
8721
9490
  }
8722
9491
  .gs12 > .flex--item5 {
@@ -8724,8 +9493,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8724
9493
  }
8725
9494
  .gs12 > .flex--item5,
8726
9495
  .gs12.flex__allcells5 > .d-flex,
8727
- .gs12.flex__allitemss5 > .d-flex,
8728
- .gs12.flex__allcells5 > .flex--item .gs12.flex__allitems5 > .flex--item {
9496
+ .gs12.flex__allitems5 > .d-flex,
9497
+ .gs12.flex__allcells5 > .flex--item,
9498
+ .gs12.flex__allitems5 > .flex--item {
8729
9499
  flex-basis: calc(41.666666666666664% - 12px);
8730
9500
  }
8731
9501
  .gs12 > .flex--item6 {
@@ -8733,8 +9503,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8733
9503
  }
8734
9504
  .gs12 > .flex--item6,
8735
9505
  .gs12.flex__allcells6 > .d-flex,
8736
- .gs12.flex__allitemss6 > .d-flex,
8737
- .gs12.flex__allcells6 > .flex--item .gs12.flex__allitems6 > .flex--item {
9506
+ .gs12.flex__allitems6 > .d-flex,
9507
+ .gs12.flex__allcells6 > .flex--item,
9508
+ .gs12.flex__allitems6 > .flex--item {
8738
9509
  flex-basis: calc(50% - 12px);
8739
9510
  }
8740
9511
  .gs12 > .flex--item7 {
@@ -8742,8 +9513,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8742
9513
  }
8743
9514
  .gs12 > .flex--item7,
8744
9515
  .gs12.flex__allcells7 > .d-flex,
8745
- .gs12.flex__allitemss7 > .d-flex,
8746
- .gs12.flex__allcells7 > .flex--item .gs12.flex__allitems7 > .flex--item {
9516
+ .gs12.flex__allitems7 > .d-flex,
9517
+ .gs12.flex__allcells7 > .flex--item,
9518
+ .gs12.flex__allitems7 > .flex--item {
8747
9519
  flex-basis: calc(58.333333333333336% - 12px);
8748
9520
  }
8749
9521
  .gs12 > .flex--item8 {
@@ -8751,8 +9523,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8751
9523
  }
8752
9524
  .gs12 > .flex--item8,
8753
9525
  .gs12.flex__allcells8 > .d-flex,
8754
- .gs12.flex__allitemss8 > .d-flex,
8755
- .gs12.flex__allcells8 > .flex--item .gs12.flex__allitems8 > .flex--item {
9526
+ .gs12.flex__allitems8 > .d-flex,
9527
+ .gs12.flex__allcells8 > .flex--item,
9528
+ .gs12.flex__allitems8 > .flex--item {
8756
9529
  flex-basis: calc(66.66666666666667% - 12px);
8757
9530
  }
8758
9531
  .gs12 > .flex--item9 {
@@ -8760,8 +9533,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8760
9533
  }
8761
9534
  .gs12 > .flex--item9,
8762
9535
  .gs12.flex__allcells9 > .d-flex,
8763
- .gs12.flex__allitemss9 > .d-flex,
8764
- .gs12.flex__allcells9 > .flex--item .gs12.flex__allitems9 > .flex--item {
9536
+ .gs12.flex__allitems9 > .d-flex,
9537
+ .gs12.flex__allcells9 > .flex--item,
9538
+ .gs12.flex__allitems9 > .flex--item {
8765
9539
  flex-basis: calc(75% - 12px);
8766
9540
  }
8767
9541
  .gs12 > .flex--item10 {
@@ -8769,8 +9543,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8769
9543
  }
8770
9544
  .gs12 > .flex--item10,
8771
9545
  .gs12.flex__allcells10 > .d-flex,
8772
- .gs12.flex__allitemss10 > .d-flex,
8773
- .gs12.flex__allcells10 > .flex--item .gs12.flex__allitems10 > .flex--item {
9546
+ .gs12.flex__allitems10 > .d-flex,
9547
+ .gs12.flex__allcells10 > .flex--item,
9548
+ .gs12.flex__allitems10 > .flex--item {
8774
9549
  flex-basis: calc(83.33333333333333% - 12px);
8775
9550
  }
8776
9551
  .gs12 > .flex--item11 {
@@ -8778,8 +9553,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8778
9553
  }
8779
9554
  .gs12 > .flex--item11,
8780
9555
  .gs12.flex__allcells11 > .d-flex,
8781
- .gs12.flex__allitemss11 > .d-flex,
8782
- .gs12.flex__allcells11 > .flex--item .gs12.flex__allitems11 > .flex--item {
9556
+ .gs12.flex__allitems11 > .d-flex,
9557
+ .gs12.flex__allcells11 > .flex--item,
9558
+ .gs12.flex__allitems11 > .flex--item {
8783
9559
  flex-basis: calc(91.66666666666667% - 12px);
8784
9560
  }
8785
9561
  .gs12 > .flex--item12 {
@@ -8787,8 +9563,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8787
9563
  }
8788
9564
  .gs12 > .flex--item12,
8789
9565
  .gs12.flex__allcells12 > .d-flex,
8790
- .gs12.flex__allitemss12 > .d-flex,
8791
- .gs12.flex__allcells12 > .flex--item .gs12.flex__allitems12 > .flex--item {
9566
+ .gs12.flex__allitems12 > .d-flex,
9567
+ .gs12.flex__allcells12 > .flex--item,
9568
+ .gs12.flex__allitems12 > .flex--item {
8792
9569
  flex-basis: calc(100% - 12px);
8793
9570
  }
8794
9571
  .gs16 {
@@ -8803,8 +9580,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8803
9580
  }
8804
9581
  .gs16 > .flex--item1,
8805
9582
  .gs16.flex__allcells1 > .d-flex,
8806
- .gs16.flex__allitemss1 > .d-flex,
8807
- .gs16.flex__allcells1 > .flex--item .gs16.flex__allitems1 > .flex--item {
9583
+ .gs16.flex__allitems1 > .d-flex,
9584
+ .gs16.flex__allcells1 > .flex--item,
9585
+ .gs16.flex__allitems1 > .flex--item {
8808
9586
  flex-basis: calc(8.333333333333334% - 16px);
8809
9587
  }
8810
9588
  .gs16 > .flex--item2 {
@@ -8812,8 +9590,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8812
9590
  }
8813
9591
  .gs16 > .flex--item2,
8814
9592
  .gs16.flex__allcells2 > .d-flex,
8815
- .gs16.flex__allitemss2 > .d-flex,
8816
- .gs16.flex__allcells2 > .flex--item .gs16.flex__allitems2 > .flex--item {
9593
+ .gs16.flex__allitems2 > .d-flex,
9594
+ .gs16.flex__allcells2 > .flex--item,
9595
+ .gs16.flex__allitems2 > .flex--item {
8817
9596
  flex-basis: calc(16.666666666666668% - 16px);
8818
9597
  }
8819
9598
  .gs16 > .flex--item3 {
@@ -8821,8 +9600,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8821
9600
  }
8822
9601
  .gs16 > .flex--item3,
8823
9602
  .gs16.flex__allcells3 > .d-flex,
8824
- .gs16.flex__allitemss3 > .d-flex,
8825
- .gs16.flex__allcells3 > .flex--item .gs16.flex__allitems3 > .flex--item {
9603
+ .gs16.flex__allitems3 > .d-flex,
9604
+ .gs16.flex__allcells3 > .flex--item,
9605
+ .gs16.flex__allitems3 > .flex--item {
8826
9606
  flex-basis: calc(25% - 16px);
8827
9607
  }
8828
9608
  .gs16 > .flex--item4 {
@@ -8830,8 +9610,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8830
9610
  }
8831
9611
  .gs16 > .flex--item4,
8832
9612
  .gs16.flex__allcells4 > .d-flex,
8833
- .gs16.flex__allitemss4 > .d-flex,
8834
- .gs16.flex__allcells4 > .flex--item .gs16.flex__allitems4 > .flex--item {
9613
+ .gs16.flex__allitems4 > .d-flex,
9614
+ .gs16.flex__allcells4 > .flex--item,
9615
+ .gs16.flex__allitems4 > .flex--item {
8835
9616
  flex-basis: calc(33.333333333333336% - 16px);
8836
9617
  }
8837
9618
  .gs16 > .flex--item5 {
@@ -8839,8 +9620,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8839
9620
  }
8840
9621
  .gs16 > .flex--item5,
8841
9622
  .gs16.flex__allcells5 > .d-flex,
8842
- .gs16.flex__allitemss5 > .d-flex,
8843
- .gs16.flex__allcells5 > .flex--item .gs16.flex__allitems5 > .flex--item {
9623
+ .gs16.flex__allitems5 > .d-flex,
9624
+ .gs16.flex__allcells5 > .flex--item,
9625
+ .gs16.flex__allitems5 > .flex--item {
8844
9626
  flex-basis: calc(41.666666666666664% - 16px);
8845
9627
  }
8846
9628
  .gs16 > .flex--item6 {
@@ -8848,8 +9630,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8848
9630
  }
8849
9631
  .gs16 > .flex--item6,
8850
9632
  .gs16.flex__allcells6 > .d-flex,
8851
- .gs16.flex__allitemss6 > .d-flex,
8852
- .gs16.flex__allcells6 > .flex--item .gs16.flex__allitems6 > .flex--item {
9633
+ .gs16.flex__allitems6 > .d-flex,
9634
+ .gs16.flex__allcells6 > .flex--item,
9635
+ .gs16.flex__allitems6 > .flex--item {
8853
9636
  flex-basis: calc(50% - 16px);
8854
9637
  }
8855
9638
  .gs16 > .flex--item7 {
@@ -8857,8 +9640,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8857
9640
  }
8858
9641
  .gs16 > .flex--item7,
8859
9642
  .gs16.flex__allcells7 > .d-flex,
8860
- .gs16.flex__allitemss7 > .d-flex,
8861
- .gs16.flex__allcells7 > .flex--item .gs16.flex__allitems7 > .flex--item {
9643
+ .gs16.flex__allitems7 > .d-flex,
9644
+ .gs16.flex__allcells7 > .flex--item,
9645
+ .gs16.flex__allitems7 > .flex--item {
8862
9646
  flex-basis: calc(58.333333333333336% - 16px);
8863
9647
  }
8864
9648
  .gs16 > .flex--item8 {
@@ -8866,8 +9650,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8866
9650
  }
8867
9651
  .gs16 > .flex--item8,
8868
9652
  .gs16.flex__allcells8 > .d-flex,
8869
- .gs16.flex__allitemss8 > .d-flex,
8870
- .gs16.flex__allcells8 > .flex--item .gs16.flex__allitems8 > .flex--item {
9653
+ .gs16.flex__allitems8 > .d-flex,
9654
+ .gs16.flex__allcells8 > .flex--item,
9655
+ .gs16.flex__allitems8 > .flex--item {
8871
9656
  flex-basis: calc(66.66666666666667% - 16px);
8872
9657
  }
8873
9658
  .gs16 > .flex--item9 {
@@ -8875,8 +9660,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8875
9660
  }
8876
9661
  .gs16 > .flex--item9,
8877
9662
  .gs16.flex__allcells9 > .d-flex,
8878
- .gs16.flex__allitemss9 > .d-flex,
8879
- .gs16.flex__allcells9 > .flex--item .gs16.flex__allitems9 > .flex--item {
9663
+ .gs16.flex__allitems9 > .d-flex,
9664
+ .gs16.flex__allcells9 > .flex--item,
9665
+ .gs16.flex__allitems9 > .flex--item {
8880
9666
  flex-basis: calc(75% - 16px);
8881
9667
  }
8882
9668
  .gs16 > .flex--item10 {
@@ -8884,8 +9670,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8884
9670
  }
8885
9671
  .gs16 > .flex--item10,
8886
9672
  .gs16.flex__allcells10 > .d-flex,
8887
- .gs16.flex__allitemss10 > .d-flex,
8888
- .gs16.flex__allcells10 > .flex--item .gs16.flex__allitems10 > .flex--item {
9673
+ .gs16.flex__allitems10 > .d-flex,
9674
+ .gs16.flex__allcells10 > .flex--item,
9675
+ .gs16.flex__allitems10 > .flex--item {
8889
9676
  flex-basis: calc(83.33333333333333% - 16px);
8890
9677
  }
8891
9678
  .gs16 > .flex--item11 {
@@ -8893,8 +9680,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8893
9680
  }
8894
9681
  .gs16 > .flex--item11,
8895
9682
  .gs16.flex__allcells11 > .d-flex,
8896
- .gs16.flex__allitemss11 > .d-flex,
8897
- .gs16.flex__allcells11 > .flex--item .gs16.flex__allitems11 > .flex--item {
9683
+ .gs16.flex__allitems11 > .d-flex,
9684
+ .gs16.flex__allcells11 > .flex--item,
9685
+ .gs16.flex__allitems11 > .flex--item {
8898
9686
  flex-basis: calc(91.66666666666667% - 16px);
8899
9687
  }
8900
9688
  .gs16 > .flex--item12 {
@@ -8902,8 +9690,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8902
9690
  }
8903
9691
  .gs16 > .flex--item12,
8904
9692
  .gs16.flex__allcells12 > .d-flex,
8905
- .gs16.flex__allitemss12 > .d-flex,
8906
- .gs16.flex__allcells12 > .flex--item .gs16.flex__allitems12 > .flex--item {
9693
+ .gs16.flex__allitems12 > .d-flex,
9694
+ .gs16.flex__allcells12 > .flex--item,
9695
+ .gs16.flex__allitems12 > .flex--item {
8907
9696
  flex-basis: calc(100% - 16px);
8908
9697
  }
8909
9698
  .gs24 {
@@ -8918,8 +9707,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8918
9707
  }
8919
9708
  .gs24 > .flex--item1,
8920
9709
  .gs24.flex__allcells1 > .d-flex,
8921
- .gs24.flex__allitemss1 > .d-flex,
8922
- .gs24.flex__allcells1 > .flex--item .gs24.flex__allitems1 > .flex--item {
9710
+ .gs24.flex__allitems1 > .d-flex,
9711
+ .gs24.flex__allcells1 > .flex--item,
9712
+ .gs24.flex__allitems1 > .flex--item {
8923
9713
  flex-basis: calc(8.333333333333334% - 24px);
8924
9714
  }
8925
9715
  .gs24 > .flex--item2 {
@@ -8927,8 +9717,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8927
9717
  }
8928
9718
  .gs24 > .flex--item2,
8929
9719
  .gs24.flex__allcells2 > .d-flex,
8930
- .gs24.flex__allitemss2 > .d-flex,
8931
- .gs24.flex__allcells2 > .flex--item .gs24.flex__allitems2 > .flex--item {
9720
+ .gs24.flex__allitems2 > .d-flex,
9721
+ .gs24.flex__allcells2 > .flex--item,
9722
+ .gs24.flex__allitems2 > .flex--item {
8932
9723
  flex-basis: calc(16.666666666666668% - 24px);
8933
9724
  }
8934
9725
  .gs24 > .flex--item3 {
@@ -8936,8 +9727,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8936
9727
  }
8937
9728
  .gs24 > .flex--item3,
8938
9729
  .gs24.flex__allcells3 > .d-flex,
8939
- .gs24.flex__allitemss3 > .d-flex,
8940
- .gs24.flex__allcells3 > .flex--item .gs24.flex__allitems3 > .flex--item {
9730
+ .gs24.flex__allitems3 > .d-flex,
9731
+ .gs24.flex__allcells3 > .flex--item,
9732
+ .gs24.flex__allitems3 > .flex--item {
8941
9733
  flex-basis: calc(25% - 24px);
8942
9734
  }
8943
9735
  .gs24 > .flex--item4 {
@@ -8945,8 +9737,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8945
9737
  }
8946
9738
  .gs24 > .flex--item4,
8947
9739
  .gs24.flex__allcells4 > .d-flex,
8948
- .gs24.flex__allitemss4 > .d-flex,
8949
- .gs24.flex__allcells4 > .flex--item .gs24.flex__allitems4 > .flex--item {
9740
+ .gs24.flex__allitems4 > .d-flex,
9741
+ .gs24.flex__allcells4 > .flex--item,
9742
+ .gs24.flex__allitems4 > .flex--item {
8950
9743
  flex-basis: calc(33.333333333333336% - 24px);
8951
9744
  }
8952
9745
  .gs24 > .flex--item5 {
@@ -8954,8 +9747,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8954
9747
  }
8955
9748
  .gs24 > .flex--item5,
8956
9749
  .gs24.flex__allcells5 > .d-flex,
8957
- .gs24.flex__allitemss5 > .d-flex,
8958
- .gs24.flex__allcells5 > .flex--item .gs24.flex__allitems5 > .flex--item {
9750
+ .gs24.flex__allitems5 > .d-flex,
9751
+ .gs24.flex__allcells5 > .flex--item,
9752
+ .gs24.flex__allitems5 > .flex--item {
8959
9753
  flex-basis: calc(41.666666666666664% - 24px);
8960
9754
  }
8961
9755
  .gs24 > .flex--item6 {
@@ -8963,8 +9757,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8963
9757
  }
8964
9758
  .gs24 > .flex--item6,
8965
9759
  .gs24.flex__allcells6 > .d-flex,
8966
- .gs24.flex__allitemss6 > .d-flex,
8967
- .gs24.flex__allcells6 > .flex--item .gs24.flex__allitems6 > .flex--item {
9760
+ .gs24.flex__allitems6 > .d-flex,
9761
+ .gs24.flex__allcells6 > .flex--item,
9762
+ .gs24.flex__allitems6 > .flex--item {
8968
9763
  flex-basis: calc(50% - 24px);
8969
9764
  }
8970
9765
  .gs24 > .flex--item7 {
@@ -8972,8 +9767,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8972
9767
  }
8973
9768
  .gs24 > .flex--item7,
8974
9769
  .gs24.flex__allcells7 > .d-flex,
8975
- .gs24.flex__allitemss7 > .d-flex,
8976
- .gs24.flex__allcells7 > .flex--item .gs24.flex__allitems7 > .flex--item {
9770
+ .gs24.flex__allitems7 > .d-flex,
9771
+ .gs24.flex__allcells7 > .flex--item,
9772
+ .gs24.flex__allitems7 > .flex--item {
8977
9773
  flex-basis: calc(58.333333333333336% - 24px);
8978
9774
  }
8979
9775
  .gs24 > .flex--item8 {
@@ -8981,8 +9777,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8981
9777
  }
8982
9778
  .gs24 > .flex--item8,
8983
9779
  .gs24.flex__allcells8 > .d-flex,
8984
- .gs24.flex__allitemss8 > .d-flex,
8985
- .gs24.flex__allcells8 > .flex--item .gs24.flex__allitems8 > .flex--item {
9780
+ .gs24.flex__allitems8 > .d-flex,
9781
+ .gs24.flex__allcells8 > .flex--item,
9782
+ .gs24.flex__allitems8 > .flex--item {
8986
9783
  flex-basis: calc(66.66666666666667% - 24px);
8987
9784
  }
8988
9785
  .gs24 > .flex--item9 {
@@ -8990,8 +9787,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8990
9787
  }
8991
9788
  .gs24 > .flex--item9,
8992
9789
  .gs24.flex__allcells9 > .d-flex,
8993
- .gs24.flex__allitemss9 > .d-flex,
8994
- .gs24.flex__allcells9 > .flex--item .gs24.flex__allitems9 > .flex--item {
9790
+ .gs24.flex__allitems9 > .d-flex,
9791
+ .gs24.flex__allcells9 > .flex--item,
9792
+ .gs24.flex__allitems9 > .flex--item {
8995
9793
  flex-basis: calc(75% - 24px);
8996
9794
  }
8997
9795
  .gs24 > .flex--item10 {
@@ -8999,8 +9797,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
8999
9797
  }
9000
9798
  .gs24 > .flex--item10,
9001
9799
  .gs24.flex__allcells10 > .d-flex,
9002
- .gs24.flex__allitemss10 > .d-flex,
9003
- .gs24.flex__allcells10 > .flex--item .gs24.flex__allitems10 > .flex--item {
9800
+ .gs24.flex__allitems10 > .d-flex,
9801
+ .gs24.flex__allcells10 > .flex--item,
9802
+ .gs24.flex__allitems10 > .flex--item {
9004
9803
  flex-basis: calc(83.33333333333333% - 24px);
9005
9804
  }
9006
9805
  .gs24 > .flex--item11 {
@@ -9008,8 +9807,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9008
9807
  }
9009
9808
  .gs24 > .flex--item11,
9010
9809
  .gs24.flex__allcells11 > .d-flex,
9011
- .gs24.flex__allitemss11 > .d-flex,
9012
- .gs24.flex__allcells11 > .flex--item .gs24.flex__allitems11 > .flex--item {
9810
+ .gs24.flex__allitems11 > .d-flex,
9811
+ .gs24.flex__allcells11 > .flex--item,
9812
+ .gs24.flex__allitems11 > .flex--item {
9013
9813
  flex-basis: calc(91.66666666666667% - 24px);
9014
9814
  }
9015
9815
  .gs24 > .flex--item12 {
@@ -9017,8 +9817,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9017
9817
  }
9018
9818
  .gs24 > .flex--item12,
9019
9819
  .gs24.flex__allcells12 > .d-flex,
9020
- .gs24.flex__allitemss12 > .d-flex,
9021
- .gs24.flex__allcells12 > .flex--item .gs24.flex__allitems12 > .flex--item {
9820
+ .gs24.flex__allitems12 > .d-flex,
9821
+ .gs24.flex__allcells12 > .flex--item,
9822
+ .gs24.flex__allitems12 > .flex--item {
9022
9823
  flex-basis: calc(100% - 24px);
9023
9824
  }
9024
9825
  .gs32 {
@@ -9033,8 +9834,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9033
9834
  }
9034
9835
  .gs32 > .flex--item1,
9035
9836
  .gs32.flex__allcells1 > .d-flex,
9036
- .gs32.flex__allitemss1 > .d-flex,
9037
- .gs32.flex__allcells1 > .flex--item .gs32.flex__allitems1 > .flex--item {
9837
+ .gs32.flex__allitems1 > .d-flex,
9838
+ .gs32.flex__allcells1 > .flex--item,
9839
+ .gs32.flex__allitems1 > .flex--item {
9038
9840
  flex-basis: calc(8.333333333333334% - 32px);
9039
9841
  }
9040
9842
  .gs32 > .flex--item2 {
@@ -9042,8 +9844,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9042
9844
  }
9043
9845
  .gs32 > .flex--item2,
9044
9846
  .gs32.flex__allcells2 > .d-flex,
9045
- .gs32.flex__allitemss2 > .d-flex,
9046
- .gs32.flex__allcells2 > .flex--item .gs32.flex__allitems2 > .flex--item {
9847
+ .gs32.flex__allitems2 > .d-flex,
9848
+ .gs32.flex__allcells2 > .flex--item,
9849
+ .gs32.flex__allitems2 > .flex--item {
9047
9850
  flex-basis: calc(16.666666666666668% - 32px);
9048
9851
  }
9049
9852
  .gs32 > .flex--item3 {
@@ -9051,8 +9854,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9051
9854
  }
9052
9855
  .gs32 > .flex--item3,
9053
9856
  .gs32.flex__allcells3 > .d-flex,
9054
- .gs32.flex__allitemss3 > .d-flex,
9055
- .gs32.flex__allcells3 > .flex--item .gs32.flex__allitems3 > .flex--item {
9857
+ .gs32.flex__allitems3 > .d-flex,
9858
+ .gs32.flex__allcells3 > .flex--item,
9859
+ .gs32.flex__allitems3 > .flex--item {
9056
9860
  flex-basis: calc(25% - 32px);
9057
9861
  }
9058
9862
  .gs32 > .flex--item4 {
@@ -9060,8 +9864,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9060
9864
  }
9061
9865
  .gs32 > .flex--item4,
9062
9866
  .gs32.flex__allcells4 > .d-flex,
9063
- .gs32.flex__allitemss4 > .d-flex,
9064
- .gs32.flex__allcells4 > .flex--item .gs32.flex__allitems4 > .flex--item {
9867
+ .gs32.flex__allitems4 > .d-flex,
9868
+ .gs32.flex__allcells4 > .flex--item,
9869
+ .gs32.flex__allitems4 > .flex--item {
9065
9870
  flex-basis: calc(33.333333333333336% - 32px);
9066
9871
  }
9067
9872
  .gs32 > .flex--item5 {
@@ -9069,8 +9874,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9069
9874
  }
9070
9875
  .gs32 > .flex--item5,
9071
9876
  .gs32.flex__allcells5 > .d-flex,
9072
- .gs32.flex__allitemss5 > .d-flex,
9073
- .gs32.flex__allcells5 > .flex--item .gs32.flex__allitems5 > .flex--item {
9877
+ .gs32.flex__allitems5 > .d-flex,
9878
+ .gs32.flex__allcells5 > .flex--item,
9879
+ .gs32.flex__allitems5 > .flex--item {
9074
9880
  flex-basis: calc(41.666666666666664% - 32px);
9075
9881
  }
9076
9882
  .gs32 > .flex--item6 {
@@ -9078,8 +9884,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9078
9884
  }
9079
9885
  .gs32 > .flex--item6,
9080
9886
  .gs32.flex__allcells6 > .d-flex,
9081
- .gs32.flex__allitemss6 > .d-flex,
9082
- .gs32.flex__allcells6 > .flex--item .gs32.flex__allitems6 > .flex--item {
9887
+ .gs32.flex__allitems6 > .d-flex,
9888
+ .gs32.flex__allcells6 > .flex--item,
9889
+ .gs32.flex__allitems6 > .flex--item {
9083
9890
  flex-basis: calc(50% - 32px);
9084
9891
  }
9085
9892
  .gs32 > .flex--item7 {
@@ -9087,8 +9894,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9087
9894
  }
9088
9895
  .gs32 > .flex--item7,
9089
9896
  .gs32.flex__allcells7 > .d-flex,
9090
- .gs32.flex__allitemss7 > .d-flex,
9091
- .gs32.flex__allcells7 > .flex--item .gs32.flex__allitems7 > .flex--item {
9897
+ .gs32.flex__allitems7 > .d-flex,
9898
+ .gs32.flex__allcells7 > .flex--item,
9899
+ .gs32.flex__allitems7 > .flex--item {
9092
9900
  flex-basis: calc(58.333333333333336% - 32px);
9093
9901
  }
9094
9902
  .gs32 > .flex--item8 {
@@ -9096,8 +9904,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9096
9904
  }
9097
9905
  .gs32 > .flex--item8,
9098
9906
  .gs32.flex__allcells8 > .d-flex,
9099
- .gs32.flex__allitemss8 > .d-flex,
9100
- .gs32.flex__allcells8 > .flex--item .gs32.flex__allitems8 > .flex--item {
9907
+ .gs32.flex__allitems8 > .d-flex,
9908
+ .gs32.flex__allcells8 > .flex--item,
9909
+ .gs32.flex__allitems8 > .flex--item {
9101
9910
  flex-basis: calc(66.66666666666667% - 32px);
9102
9911
  }
9103
9912
  .gs32 > .flex--item9 {
@@ -9105,8 +9914,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9105
9914
  }
9106
9915
  .gs32 > .flex--item9,
9107
9916
  .gs32.flex__allcells9 > .d-flex,
9108
- .gs32.flex__allitemss9 > .d-flex,
9109
- .gs32.flex__allcells9 > .flex--item .gs32.flex__allitems9 > .flex--item {
9917
+ .gs32.flex__allitems9 > .d-flex,
9918
+ .gs32.flex__allcells9 > .flex--item,
9919
+ .gs32.flex__allitems9 > .flex--item {
9110
9920
  flex-basis: calc(75% - 32px);
9111
9921
  }
9112
9922
  .gs32 > .flex--item10 {
@@ -9114,8 +9924,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9114
9924
  }
9115
9925
  .gs32 > .flex--item10,
9116
9926
  .gs32.flex__allcells10 > .d-flex,
9117
- .gs32.flex__allitemss10 > .d-flex,
9118
- .gs32.flex__allcells10 > .flex--item .gs32.flex__allitems10 > .flex--item {
9927
+ .gs32.flex__allitems10 > .d-flex,
9928
+ .gs32.flex__allcells10 > .flex--item,
9929
+ .gs32.flex__allitems10 > .flex--item {
9119
9930
  flex-basis: calc(83.33333333333333% - 32px);
9120
9931
  }
9121
9932
  .gs32 > .flex--item11 {
@@ -9123,8 +9934,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9123
9934
  }
9124
9935
  .gs32 > .flex--item11,
9125
9936
  .gs32.flex__allcells11 > .d-flex,
9126
- .gs32.flex__allitemss11 > .d-flex,
9127
- .gs32.flex__allcells11 > .flex--item .gs32.flex__allitems11 > .flex--item {
9937
+ .gs32.flex__allitems11 > .d-flex,
9938
+ .gs32.flex__allcells11 > .flex--item,
9939
+ .gs32.flex__allitems11 > .flex--item {
9128
9940
  flex-basis: calc(91.66666666666667% - 32px);
9129
9941
  }
9130
9942
  .gs32 > .flex--item12 {
@@ -9132,8 +9944,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9132
9944
  }
9133
9945
  .gs32 > .flex--item12,
9134
9946
  .gs32.flex__allcells12 > .d-flex,
9135
- .gs32.flex__allitemss12 > .d-flex,
9136
- .gs32.flex__allcells12 > .flex--item .gs32.flex__allitems12 > .flex--item {
9947
+ .gs32.flex__allitems12 > .d-flex,
9948
+ .gs32.flex__allcells12 > .flex--item,
9949
+ .gs32.flex__allitems12 > .flex--item {
9137
9950
  flex-basis: calc(100% - 32px);
9138
9951
  }
9139
9952
  .gs48 {
@@ -9148,8 +9961,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9148
9961
  }
9149
9962
  .gs48 > .flex--item1,
9150
9963
  .gs48.flex__allcells1 > .d-flex,
9151
- .gs48.flex__allitemss1 > .d-flex,
9152
- .gs48.flex__allcells1 > .flex--item .gs48.flex__allitems1 > .flex--item {
9964
+ .gs48.flex__allitems1 > .d-flex,
9965
+ .gs48.flex__allcells1 > .flex--item,
9966
+ .gs48.flex__allitems1 > .flex--item {
9153
9967
  flex-basis: calc(8.333333333333334% - 48px);
9154
9968
  }
9155
9969
  .gs48 > .flex--item2 {
@@ -9157,8 +9971,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9157
9971
  }
9158
9972
  .gs48 > .flex--item2,
9159
9973
  .gs48.flex__allcells2 > .d-flex,
9160
- .gs48.flex__allitemss2 > .d-flex,
9161
- .gs48.flex__allcells2 > .flex--item .gs48.flex__allitems2 > .flex--item {
9974
+ .gs48.flex__allitems2 > .d-flex,
9975
+ .gs48.flex__allcells2 > .flex--item,
9976
+ .gs48.flex__allitems2 > .flex--item {
9162
9977
  flex-basis: calc(16.666666666666668% - 48px);
9163
9978
  }
9164
9979
  .gs48 > .flex--item3 {
@@ -9166,8 +9981,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9166
9981
  }
9167
9982
  .gs48 > .flex--item3,
9168
9983
  .gs48.flex__allcells3 > .d-flex,
9169
- .gs48.flex__allitemss3 > .d-flex,
9170
- .gs48.flex__allcells3 > .flex--item .gs48.flex__allitems3 > .flex--item {
9984
+ .gs48.flex__allitems3 > .d-flex,
9985
+ .gs48.flex__allcells3 > .flex--item,
9986
+ .gs48.flex__allitems3 > .flex--item {
9171
9987
  flex-basis: calc(25% - 48px);
9172
9988
  }
9173
9989
  .gs48 > .flex--item4 {
@@ -9175,8 +9991,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9175
9991
  }
9176
9992
  .gs48 > .flex--item4,
9177
9993
  .gs48.flex__allcells4 > .d-flex,
9178
- .gs48.flex__allitemss4 > .d-flex,
9179
- .gs48.flex__allcells4 > .flex--item .gs48.flex__allitems4 > .flex--item {
9994
+ .gs48.flex__allitems4 > .d-flex,
9995
+ .gs48.flex__allcells4 > .flex--item,
9996
+ .gs48.flex__allitems4 > .flex--item {
9180
9997
  flex-basis: calc(33.333333333333336% - 48px);
9181
9998
  }
9182
9999
  .gs48 > .flex--item5 {
@@ -9184,8 +10001,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9184
10001
  }
9185
10002
  .gs48 > .flex--item5,
9186
10003
  .gs48.flex__allcells5 > .d-flex,
9187
- .gs48.flex__allitemss5 > .d-flex,
9188
- .gs48.flex__allcells5 > .flex--item .gs48.flex__allitems5 > .flex--item {
10004
+ .gs48.flex__allitems5 > .d-flex,
10005
+ .gs48.flex__allcells5 > .flex--item,
10006
+ .gs48.flex__allitems5 > .flex--item {
9189
10007
  flex-basis: calc(41.666666666666664% - 48px);
9190
10008
  }
9191
10009
  .gs48 > .flex--item6 {
@@ -9193,8 +10011,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9193
10011
  }
9194
10012
  .gs48 > .flex--item6,
9195
10013
  .gs48.flex__allcells6 > .d-flex,
9196
- .gs48.flex__allitemss6 > .d-flex,
9197
- .gs48.flex__allcells6 > .flex--item .gs48.flex__allitems6 > .flex--item {
10014
+ .gs48.flex__allitems6 > .d-flex,
10015
+ .gs48.flex__allcells6 > .flex--item,
10016
+ .gs48.flex__allitems6 > .flex--item {
9198
10017
  flex-basis: calc(50% - 48px);
9199
10018
  }
9200
10019
  .gs48 > .flex--item7 {
@@ -9202,8 +10021,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9202
10021
  }
9203
10022
  .gs48 > .flex--item7,
9204
10023
  .gs48.flex__allcells7 > .d-flex,
9205
- .gs48.flex__allitemss7 > .d-flex,
9206
- .gs48.flex__allcells7 > .flex--item .gs48.flex__allitems7 > .flex--item {
10024
+ .gs48.flex__allitems7 > .d-flex,
10025
+ .gs48.flex__allcells7 > .flex--item,
10026
+ .gs48.flex__allitems7 > .flex--item {
9207
10027
  flex-basis: calc(58.333333333333336% - 48px);
9208
10028
  }
9209
10029
  .gs48 > .flex--item8 {
@@ -9211,8 +10031,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9211
10031
  }
9212
10032
  .gs48 > .flex--item8,
9213
10033
  .gs48.flex__allcells8 > .d-flex,
9214
- .gs48.flex__allitemss8 > .d-flex,
9215
- .gs48.flex__allcells8 > .flex--item .gs48.flex__allitems8 > .flex--item {
10034
+ .gs48.flex__allitems8 > .d-flex,
10035
+ .gs48.flex__allcells8 > .flex--item,
10036
+ .gs48.flex__allitems8 > .flex--item {
9216
10037
  flex-basis: calc(66.66666666666667% - 48px);
9217
10038
  }
9218
10039
  .gs48 > .flex--item9 {
@@ -9220,8 +10041,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9220
10041
  }
9221
10042
  .gs48 > .flex--item9,
9222
10043
  .gs48.flex__allcells9 > .d-flex,
9223
- .gs48.flex__allitemss9 > .d-flex,
9224
- .gs48.flex__allcells9 > .flex--item .gs48.flex__allitems9 > .flex--item {
10044
+ .gs48.flex__allitems9 > .d-flex,
10045
+ .gs48.flex__allcells9 > .flex--item,
10046
+ .gs48.flex__allitems9 > .flex--item {
9225
10047
  flex-basis: calc(75% - 48px);
9226
10048
  }
9227
10049
  .gs48 > .flex--item10 {
@@ -9229,8 +10051,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9229
10051
  }
9230
10052
  .gs48 > .flex--item10,
9231
10053
  .gs48.flex__allcells10 > .d-flex,
9232
- .gs48.flex__allitemss10 > .d-flex,
9233
- .gs48.flex__allcells10 > .flex--item .gs48.flex__allitems10 > .flex--item {
10054
+ .gs48.flex__allitems10 > .d-flex,
10055
+ .gs48.flex__allcells10 > .flex--item,
10056
+ .gs48.flex__allitems10 > .flex--item {
9234
10057
  flex-basis: calc(83.33333333333333% - 48px);
9235
10058
  }
9236
10059
  .gs48 > .flex--item11 {
@@ -9238,8 +10061,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9238
10061
  }
9239
10062
  .gs48 > .flex--item11,
9240
10063
  .gs48.flex__allcells11 > .d-flex,
9241
- .gs48.flex__allitemss11 > .d-flex,
9242
- .gs48.flex__allcells11 > .flex--item .gs48.flex__allitems11 > .flex--item {
10064
+ .gs48.flex__allitems11 > .d-flex,
10065
+ .gs48.flex__allcells11 > .flex--item,
10066
+ .gs48.flex__allitems11 > .flex--item {
9243
10067
  flex-basis: calc(91.66666666666667% - 48px);
9244
10068
  }
9245
10069
  .gs48 > .flex--item12 {
@@ -9247,8 +10071,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9247
10071
  }
9248
10072
  .gs48 > .flex--item12,
9249
10073
  .gs48.flex__allcells12 > .d-flex,
9250
- .gs48.flex__allitemss12 > .d-flex,
9251
- .gs48.flex__allcells12 > .flex--item .gs48.flex__allitems12 > .flex--item {
10074
+ .gs48.flex__allitems12 > .d-flex,
10075
+ .gs48.flex__allcells12 > .flex--item,
10076
+ .gs48.flex__allitems12 > .flex--item {
9252
10077
  flex-basis: calc(100% - 48px);
9253
10078
  }
9254
10079
  .gs64 {
@@ -9263,8 +10088,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9263
10088
  }
9264
10089
  .gs64 > .flex--item1,
9265
10090
  .gs64.flex__allcells1 > .d-flex,
9266
- .gs64.flex__allitemss1 > .d-flex,
9267
- .gs64.flex__allcells1 > .flex--item .gs64.flex__allitems1 > .flex--item {
10091
+ .gs64.flex__allitems1 > .d-flex,
10092
+ .gs64.flex__allcells1 > .flex--item,
10093
+ .gs64.flex__allitems1 > .flex--item {
9268
10094
  flex-basis: calc(8.333333333333334% - 64px);
9269
10095
  }
9270
10096
  .gs64 > .flex--item2 {
@@ -9272,8 +10098,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9272
10098
  }
9273
10099
  .gs64 > .flex--item2,
9274
10100
  .gs64.flex__allcells2 > .d-flex,
9275
- .gs64.flex__allitemss2 > .d-flex,
9276
- .gs64.flex__allcells2 > .flex--item .gs64.flex__allitems2 > .flex--item {
10101
+ .gs64.flex__allitems2 > .d-flex,
10102
+ .gs64.flex__allcells2 > .flex--item,
10103
+ .gs64.flex__allitems2 > .flex--item {
9277
10104
  flex-basis: calc(16.666666666666668% - 64px);
9278
10105
  }
9279
10106
  .gs64 > .flex--item3 {
@@ -9281,8 +10108,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9281
10108
  }
9282
10109
  .gs64 > .flex--item3,
9283
10110
  .gs64.flex__allcells3 > .d-flex,
9284
- .gs64.flex__allitemss3 > .d-flex,
9285
- .gs64.flex__allcells3 > .flex--item .gs64.flex__allitems3 > .flex--item {
10111
+ .gs64.flex__allitems3 > .d-flex,
10112
+ .gs64.flex__allcells3 > .flex--item,
10113
+ .gs64.flex__allitems3 > .flex--item {
9286
10114
  flex-basis: calc(25% - 64px);
9287
10115
  }
9288
10116
  .gs64 > .flex--item4 {
@@ -9290,8 +10118,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9290
10118
  }
9291
10119
  .gs64 > .flex--item4,
9292
10120
  .gs64.flex__allcells4 > .d-flex,
9293
- .gs64.flex__allitemss4 > .d-flex,
9294
- .gs64.flex__allcells4 > .flex--item .gs64.flex__allitems4 > .flex--item {
10121
+ .gs64.flex__allitems4 > .d-flex,
10122
+ .gs64.flex__allcells4 > .flex--item,
10123
+ .gs64.flex__allitems4 > .flex--item {
9295
10124
  flex-basis: calc(33.333333333333336% - 64px);
9296
10125
  }
9297
10126
  .gs64 > .flex--item5 {
@@ -9299,8 +10128,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9299
10128
  }
9300
10129
  .gs64 > .flex--item5,
9301
10130
  .gs64.flex__allcells5 > .d-flex,
9302
- .gs64.flex__allitemss5 > .d-flex,
9303
- .gs64.flex__allcells5 > .flex--item .gs64.flex__allitems5 > .flex--item {
10131
+ .gs64.flex__allitems5 > .d-flex,
10132
+ .gs64.flex__allcells5 > .flex--item,
10133
+ .gs64.flex__allitems5 > .flex--item {
9304
10134
  flex-basis: calc(41.666666666666664% - 64px);
9305
10135
  }
9306
10136
  .gs64 > .flex--item6 {
@@ -9308,8 +10138,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9308
10138
  }
9309
10139
  .gs64 > .flex--item6,
9310
10140
  .gs64.flex__allcells6 > .d-flex,
9311
- .gs64.flex__allitemss6 > .d-flex,
9312
- .gs64.flex__allcells6 > .flex--item .gs64.flex__allitems6 > .flex--item {
10141
+ .gs64.flex__allitems6 > .d-flex,
10142
+ .gs64.flex__allcells6 > .flex--item,
10143
+ .gs64.flex__allitems6 > .flex--item {
9313
10144
  flex-basis: calc(50% - 64px);
9314
10145
  }
9315
10146
  .gs64 > .flex--item7 {
@@ -9317,8 +10148,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9317
10148
  }
9318
10149
  .gs64 > .flex--item7,
9319
10150
  .gs64.flex__allcells7 > .d-flex,
9320
- .gs64.flex__allitemss7 > .d-flex,
9321
- .gs64.flex__allcells7 > .flex--item .gs64.flex__allitems7 > .flex--item {
10151
+ .gs64.flex__allitems7 > .d-flex,
10152
+ .gs64.flex__allcells7 > .flex--item,
10153
+ .gs64.flex__allitems7 > .flex--item {
9322
10154
  flex-basis: calc(58.333333333333336% - 64px);
9323
10155
  }
9324
10156
  .gs64 > .flex--item8 {
@@ -9326,8 +10158,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9326
10158
  }
9327
10159
  .gs64 > .flex--item8,
9328
10160
  .gs64.flex__allcells8 > .d-flex,
9329
- .gs64.flex__allitemss8 > .d-flex,
9330
- .gs64.flex__allcells8 > .flex--item .gs64.flex__allitems8 > .flex--item {
10161
+ .gs64.flex__allitems8 > .d-flex,
10162
+ .gs64.flex__allcells8 > .flex--item,
10163
+ .gs64.flex__allitems8 > .flex--item {
9331
10164
  flex-basis: calc(66.66666666666667% - 64px);
9332
10165
  }
9333
10166
  .gs64 > .flex--item9 {
@@ -9335,8 +10168,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9335
10168
  }
9336
10169
  .gs64 > .flex--item9,
9337
10170
  .gs64.flex__allcells9 > .d-flex,
9338
- .gs64.flex__allitemss9 > .d-flex,
9339
- .gs64.flex__allcells9 > .flex--item .gs64.flex__allitems9 > .flex--item {
10171
+ .gs64.flex__allitems9 > .d-flex,
10172
+ .gs64.flex__allcells9 > .flex--item,
10173
+ .gs64.flex__allitems9 > .flex--item {
9340
10174
  flex-basis: calc(75% - 64px);
9341
10175
  }
9342
10176
  .gs64 > .flex--item10 {
@@ -9344,8 +10178,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9344
10178
  }
9345
10179
  .gs64 > .flex--item10,
9346
10180
  .gs64.flex__allcells10 > .d-flex,
9347
- .gs64.flex__allitemss10 > .d-flex,
9348
- .gs64.flex__allcells10 > .flex--item .gs64.flex__allitems10 > .flex--item {
10181
+ .gs64.flex__allitems10 > .d-flex,
10182
+ .gs64.flex__allcells10 > .flex--item,
10183
+ .gs64.flex__allitems10 > .flex--item {
9349
10184
  flex-basis: calc(83.33333333333333% - 64px);
9350
10185
  }
9351
10186
  .gs64 > .flex--item11 {
@@ -9353,8 +10188,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9353
10188
  }
9354
10189
  .gs64 > .flex--item11,
9355
10190
  .gs64.flex__allcells11 > .d-flex,
9356
- .gs64.flex__allitemss11 > .d-flex,
9357
- .gs64.flex__allcells11 > .flex--item .gs64.flex__allitems11 > .flex--item {
10191
+ .gs64.flex__allitems11 > .d-flex,
10192
+ .gs64.flex__allcells11 > .flex--item,
10193
+ .gs64.flex__allitems11 > .flex--item {
9358
10194
  flex-basis: calc(91.66666666666667% - 64px);
9359
10195
  }
9360
10196
  .gs64 > .flex--item12 {
@@ -9362,8 +10198,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9362
10198
  }
9363
10199
  .gs64 > .flex--item12,
9364
10200
  .gs64.flex__allcells12 > .d-flex,
9365
- .gs64.flex__allitemss12 > .d-flex,
9366
- .gs64.flex__allcells12 > .flex--item .gs64.flex__allitems12 > .flex--item {
10201
+ .gs64.flex__allitems12 > .d-flex,
10202
+ .gs64.flex__allcells12 > .flex--item,
10203
+ .gs64.flex__allitems12 > .flex--item {
9367
10204
  flex-basis: calc(100% - 64px);
9368
10205
  }
9369
10206
  .gsx,
@@ -9568,6 +10405,9 @@ body.theme-dark .d\:bg-theme-secondary-025,
9568
10405
  .fl-grow5 {
9569
10406
  flex-grow: 5;
9570
10407
  }
10408
+ .g0 {
10409
+ gap: 0;
10410
+ }
9571
10411
  .g2 {
9572
10412
  gap: 2px;
9573
10413
  }
@@ -11316,7 +12156,7 @@ p {
11316
12156
  .fs-category.has-border {
11317
12157
  width: 100%;
11318
12158
  padding: 4px 0;
11319
- border-top: 1px solid var(--black-100);
12159
+ border-top: 1px solid var(--bc-medium);
11320
12160
  }
11321
12161
  .fc-dark {
11322
12162
  color: var(--fc-dark) !important;
@@ -11559,11 +12399,6 @@ p {
11559
12399
  .d-block {
11560
12400
  display: block !important;
11561
12401
  }
11562
- @media print {
11563
- .print\:d-block {
11564
- display: block !important;
11565
- }
11566
- }
11567
12402
  .d-flex {
11568
12403
  display: flex !important;
11569
12404
  }
@@ -11591,11 +12426,6 @@ p {
11591
12426
  .d-none {
11592
12427
  display: none !important;
11593
12428
  }
11594
- @media print {
11595
- .print\:d-none {
11596
- display: none !important;
11597
- }
11598
- }
11599
12429
  .d-unset {
11600
12430
  display: unset !important;
11601
12431
  }
@@ -12176,22 +13006,22 @@ p {
12176
13006
  box-shadow: 0 0 0 4px var(--focus-ring);
12177
13007
  }
12178
13008
  .bs-sm.bs-hover:hover {
12179
- box-shadow: 0 2px 8px #eff0f1 !important;
13009
+ box-shadow: 0 2px 8px hsl(210, 8%, 95%) !important;
12180
13010
  }
12181
13011
  .bs-md.bs-hover:hover {
12182
- box-shadow: 0 4px 8px #d6d9dc !important;
13012
+ box-shadow: 0 4px 8px hsl(210, 8%, 85%) !important;
12183
13013
  }
12184
13014
  .bs-lg.bs-hover:hover {
12185
- box-shadow: 0 4px 12px rgba(159, 166, 173, 0.7) !important;
13015
+ box-shadow: 0 4px 12px hsla(210, 8%, 65%, 0.7) !important;
12186
13016
  }
12187
13017
  .bs-i-sm.bs-hover:hover {
12188
- box-shadow: inset 0 1px 8px 0 rgba(187, 192, 196, 0.75) !important;
13018
+ box-shadow: inset 0 1px 8px 0 hsla(210, 8%, 75%, 0.75) !important;
12189
13019
  }
12190
13020
  .bs-i-md.bs-hover:hover {
12191
- box-shadow: inset 0 1px 8px 0 rgba(145, 153, 161, 0.8) !important;
13021
+ box-shadow: inset 0 1px 8px 0 hsla(210, 8%, 60%, 0.8) !important;
12192
13022
  }
12193
13023
  .bs-i-lg.bs-hover:hover {
12194
- box-shadow: inset 0 1px 12px 0 #9199a1 !important;
13024
+ box-shadow: inset 0 1px 12px 0 hsl(210, 8%, 60%) !important;
12195
13025
  }
12196
13026
  .t {
12197
13027
  transition-duration: 0.1s;
@@ -12223,6 +13053,12 @@ p {
12223
13053
  .t-delay-unset {
12224
13054
  transition-delay: 0s !important;
12225
13055
  }
13056
+ .tl-fixed {
13057
+ table-layout: fixed !important;
13058
+ }
13059
+ .tl-auto {
13060
+ table-layout: auto !important;
13061
+ }
12226
13062
  .w0 {
12227
13063
  width: 0 !important;
12228
13064
  }
@@ -12778,6 +13614,9 @@ p {
12778
13614
  .lg\:fl1 {
12779
13615
  flex: 1 auto !important;
12780
13616
  }
13617
+ .lg\:g0 {
13618
+ gap: 0;
13619
+ }
12781
13620
  .lg\:g2 {
12782
13621
  gap: 2px;
12783
13622
  }
@@ -13582,6 +14421,12 @@ p {
13582
14421
  .lg\:d-block {
13583
14422
  display: block !important;
13584
14423
  }
14424
+ .lg\:d-flex {
14425
+ display: flex !important;
14426
+ }
14427
+ .lg\:d-inline-flex {
14428
+ display: inline-flex !important;
14429
+ }
13585
14430
  .lg\:d-grid {
13586
14431
  display: grid !important;
13587
14432
  }
@@ -13814,6 +14659,9 @@ p {
13814
14659
  .md\:fl1 {
13815
14660
  flex: 1 auto !important;
13816
14661
  }
14662
+ .md\:g0 {
14663
+ gap: 0;
14664
+ }
13817
14665
  .md\:g2 {
13818
14666
  gap: 2px;
13819
14667
  }
@@ -14618,6 +15466,12 @@ p {
14618
15466
  .md\:d-block {
14619
15467
  display: block !important;
14620
15468
  }
15469
+ .md\:d-flex {
15470
+ display: flex !important;
15471
+ }
15472
+ .md\:d-inline-flex {
15473
+ display: inline-flex !important;
15474
+ }
14621
15475
  .md\:d-grid {
14622
15476
  display: grid !important;
14623
15477
  }
@@ -14850,6 +15704,9 @@ p {
14850
15704
  .sm\:fl1 {
14851
15705
  flex: 1 auto !important;
14852
15706
  }
15707
+ .sm\:g0 {
15708
+ gap: 0;
15709
+ }
14853
15710
  .sm\:g2 {
14854
15711
  gap: 2px;
14855
15712
  }
@@ -15654,6 +16511,12 @@ p {
15654
16511
  .sm\:d-block {
15655
16512
  display: block !important;
15656
16513
  }
16514
+ .sm\:d-flex {
16515
+ display: flex !important;
16516
+ }
16517
+ .sm\:d-inline-flex {
16518
+ display: inline-flex !important;
16519
+ }
15657
16520
  .sm\:d-grid {
15658
16521
  display: grid !important;
15659
16522
  }
@@ -15739,6 +16602,16 @@ p {
15739
16602
  min-height: initial !important;
15740
16603
  }
15741
16604
  }
16605
+ @media print {
16606
+ .print\:d-block {
16607
+ display: block !important;
16608
+ }
16609
+ }
16610
+ @media print {
16611
+ .print\:d-none {
16612
+ display: none !important;
16613
+ }
16614
+ }
15742
16615
  /* stylelint-enable */
15743
16616
  /* stylelint-disable */
15744
16617
  html,
@@ -15813,7 +16686,7 @@ body *:after {
15813
16686
  position: relative;
15814
16687
  display: inline-block;
15815
16688
  padding: 0.8em;
15816
- color: var(--theme-secondary-400);
16689
+ color: var(--theme-button-color);
15817
16690
  border: 1px solid transparent;
15818
16691
  border-radius: 3px;
15819
16692
  background-color: transparent;
@@ -15827,6 +16700,12 @@ body *:after {
15827
16700
  cursor: pointer;
15828
16701
  user-select: none;
15829
16702
  }
16703
+ body.theme-highcontrast .s-btn {
16704
+ border-color: currentColor;
16705
+ }
16706
+ body.theme-highcontrast .s-btn:not(.s-btn__link):not(.s-btn__unset) {
16707
+ text-decoration: none;
16708
+ }
15830
16709
  button .s-btn,
15831
16710
  button[type="submit"] .s-btn,
15832
16711
  button[type="reset"] .s-btn {
@@ -15838,12 +16717,12 @@ button[type="reset"] .s-btn {
15838
16717
  .s-btn:hover,
15839
16718
  .s-btn:focus,
15840
16719
  .s-btn:active {
15841
- color: var(--theme-secondary-500);
15842
- background: var(--theme-secondary-050);
16720
+ color: var(--theme-button-hover-color);
16721
+ background: var(--theme-button-hover-background-color);
15843
16722
  text-decoration: none;
15844
16723
  }
15845
16724
  .s-btn:active {
15846
- background: var(--theme-secondary-100);
16725
+ background: var(--theme-button-active-background-color);
15847
16726
  }
15848
16727
  .s-btn:focus {
15849
16728
  outline: none;
@@ -15855,8 +16734,8 @@ button[type="reset"] .s-btn {
15855
16734
  box-shadow: none !important;
15856
16735
  }
15857
16736
  .s-btn.is-selected {
15858
- color: var(--theme-secondary-900);
15859
- background: var(--theme-secondary-150);
16737
+ color: var(--theme-button-selected-color);
16738
+ background: var(--theme-button-selected-background-color);
15860
16739
  box-shadow: none;
15861
16740
  }
15862
16741
  .s-btn.is-selected:focus {
@@ -15922,32 +16801,39 @@ button[type="reset"] .s-btn {
15922
16801
  line-height: 1;
15923
16802
  background-color: currentColor;
15924
16803
  }
16804
+ body.theme-highcontrast .s-btn .s-btn--badge {
16805
+ opacity: 0.8;
16806
+ }
15925
16807
  .s-btn .s-btn--number {
15926
16808
  color: var(--white);
15927
16809
  }
15928
16810
  @media (prefers-color-scheme: dark) {
15929
16811
  body.theme-system .s-btn__primary:not(.is-selected) .s-btn--number,
15930
16812
  body.theme-system .s-btn__danger.s-btn__filled:not(.is-selected) .s-btn--number {
15931
- color: #0c0d0e;
16813
+ color: var(--white);
15932
16814
  }
15933
16815
  }
15934
16816
  body.theme-dark .s-btn__primary:not(.is-selected) .s-btn--number,
15935
16817
  body.theme-dark .s-btn__danger.s-btn__filled:not(.is-selected) .s-btn--number,
15936
16818
  .theme-dark__forced .s-btn__primary:not(.is-selected) .s-btn--number,
15937
16819
  .theme-dark__forced .s-btn__danger.s-btn__filled:not(.is-selected) .s-btn--number {
15938
- color: #0c0d0e;
16820
+ color: var(--white);
16821
+ }
16822
+ body.theme-highcontrast .s-btn__primary:not(.is-selected) .s-btn--number,
16823
+ body.theme-highcontrast .s-btn__danger.s-btn__filled:not(.is-selected) .s-btn--number {
16824
+ color: var(--black);
15939
16825
  }
15940
16826
  .s-btn__outlined {
15941
- border-color: var(--theme-secondary-300);
16827
+ border-color: var(--theme-button-outlined-border-color);
15942
16828
  }
15943
16829
  .s-btn__outlined.is-selected {
15944
- border-color: var(--theme-secondary-400);
16830
+ border-color: var(--theme-button-outlined-selected-border-color);
15945
16831
  }
15946
16832
  .s-btn__filled {
15947
- color: var(--theme-secondary-700);
15948
- background-color: var(--theme-secondary-050);
15949
- border-color: var(--theme-secondary-350);
15950
- box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.7);
16833
+ color: var(--theme-button-filled-color);
16834
+ background-color: var(--theme-button-filled-background-color);
16835
+ border-color: var(--theme-button-filled-border-color);
16836
+ box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.7);
15951
16837
  }
15952
16838
  @media (prefers-color-scheme: dark) {
15953
16839
  body.theme-system .s-btn__filled {
@@ -15961,23 +16847,29 @@ body.theme-dark .s-btn__filled,
15961
16847
  .s-btn__filled:hover,
15962
16848
  .s-btn__filled:focus,
15963
16849
  .s-btn__filled:active {
15964
- color: var(--theme-secondary-800);
15965
- background-color: var(--theme-secondary-100);
16850
+ color: var(--theme-button-filled-hover-color);
16851
+ background-color: var(--theme-button-filled-hover-background-color);
15966
16852
  }
15967
16853
  .s-btn__filled:active {
15968
- background-color: var(--theme-secondary-150);
15969
- border-color: var(--theme-secondary-350);
16854
+ background-color: var(--theme-button-filled-active-background-color);
16855
+ border-color: var(--theme-button-filled-active-border-color);
15970
16856
  box-shadow: none;
15971
16857
  }
16858
+ body.theme-highcontrast .s-btn__filled:focus {
16859
+ box-shadow: 0 0 0 4px var(--focus-ring);
16860
+ }
15972
16861
  .s-btn__filled.is-selected {
15973
- color: var(--theme-secondary-900);
15974
- background-color: var(--theme-secondary-300);
15975
- border-color: var(--theme-secondary-500);
16862
+ color: var(--theme-button-filled-selected-color);
16863
+ background-color: var(--theme-button-filled-selected-background-color);
16864
+ border-color: var(--theme-button-filled-selected-border-color);
15976
16865
  box-shadow: none;
15977
16866
  }
15978
16867
  .s-btn__muted {
15979
16868
  color: var(--black-500);
15980
16869
  }
16870
+ body.theme-highcontrast .s-btn__muted.s-btn__filled {
16871
+ border-color: transparent;
16872
+ }
15981
16873
  .s-btn__muted:hover,
15982
16874
  .s-btn__muted:focus,
15983
16875
  .s-btn__muted:active {
@@ -16007,7 +16899,7 @@ body.theme-dark .s-btn__filled,
16007
16899
  color: var(--black-700);
16008
16900
  background-color: var(--black-100);
16009
16901
  border-color: transparent;
16010
- box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
16902
+ box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.4);
16011
16903
  }
16012
16904
  @media (prefers-color-scheme: dark) {
16013
16905
  body.theme-system .s-btn__muted.s-btn__filled {
@@ -16018,6 +16910,14 @@ body.theme-dark .s-btn__muted.s-btn__filled,
16018
16910
  .theme-dark__forced .s-btn__muted.s-btn__filled {
16019
16911
  box-shadow: none;
16020
16912
  }
16913
+ body.theme-highcontrast .s-btn__muted.s-btn__filled {
16914
+ background-color: var(--black-400);
16915
+ border-color: transparent;
16916
+ color: var(--white);
16917
+ }
16918
+ body.theme-highcontrast .s-btn__muted.s-btn__filled .s-btn--number {
16919
+ color: var(--black);
16920
+ }
16021
16921
  .s-btn__muted.s-btn__filled:hover,
16022
16922
  .s-btn__muted.s-btn__filled:focus,
16023
16923
  .s-btn__muted.s-btn__filled:active {
@@ -16031,17 +16931,29 @@ body.theme-dark .s-btn__muted.s-btn__filled,
16031
16931
  .s-btn__muted.s-btn__filled:focus {
16032
16932
  box-shadow: 0 0 0 4px var(--focus-ring-muted);
16033
16933
  }
16934
+ body.theme-highcontrast .s-btn__muted.s-btn__filled:focus {
16935
+ box-shadow: 0 0 0 4px var(--focus-ring-muted);
16936
+ }
16034
16937
  .s-btn__muted.s-btn__filled.is-selected {
16035
16938
  color: var(--black-800);
16036
16939
  background-color: var(--black-350);
16037
16940
  box-shadow: none;
16038
16941
  }
16942
+ body.theme-highcontrast .s-btn__muted.s-btn__filled.is-selected {
16943
+ background-color: var(--black-700);
16944
+ }
16945
+ body.theme-highcontrast .s-btn__muted.s-btn__filled.is-selected .s-btn--number {
16946
+ color: var(--black);
16947
+ }
16039
16948
  .s-btn__muted.s-btn__filled.is-selected:focus {
16040
16949
  box-shadow: 0 0 0 4px var(--focus-ring-muted);
16041
16950
  }
16042
16951
  .s-btn__danger {
16043
16952
  color: var(--red-600);
16044
16953
  }
16954
+ body.theme-highcontrast .s-btn__danger.s-btn__filled {
16955
+ border-color: transparent;
16956
+ }
16045
16957
  .s-btn__danger:hover,
16046
16958
  .s-btn__danger:focus,
16047
16959
  .s-btn__danger:active {
@@ -16054,6 +16966,9 @@ body.theme-dark .s-btn__muted.s-btn__filled,
16054
16966
  .s-btn__danger:focus {
16055
16967
  box-shadow: 0 0 0 4px var(--focus-ring-error);
16056
16968
  }
16969
+ body.theme-highcontrast .s-btn__danger:focus {
16970
+ box-shadow: 0 0 0 4px var(--focus-ring-error);
16971
+ }
16057
16972
  .s-btn__danger.is-selected {
16058
16973
  color: var(--red-900);
16059
16974
  background-color: var(--red-200);
@@ -16068,10 +16983,10 @@ body.theme-dark .s-btn__muted.s-btn__filled,
16068
16983
  border-color: var(--red-600);
16069
16984
  }
16070
16985
  .s-btn__danger.s-btn__filled {
16071
- color: #fff;
16986
+ color: hsl(0, 0%, 100%);
16072
16987
  background-color: var(--red-500);
16073
16988
  border-color: transparent;
16074
- box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
16989
+ box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.4);
16075
16990
  }
16076
16991
  @media (prefers-color-scheme: dark) {
16077
16992
  body.theme-system .s-btn__danger.s-btn__filled {
@@ -16082,10 +16997,19 @@ body.theme-dark .s-btn__danger.s-btn__filled,
16082
16997
  .theme-dark__forced .s-btn__danger.s-btn__filled {
16083
16998
  box-shadow: none;
16084
16999
  }
17000
+ body.theme-highcontrast .s-btn__danger.s-btn__filled {
17001
+ color: var(--white);
17002
+ }
17003
+ body.theme-highcontrast .s-btn__danger.s-btn__filled:focus {
17004
+ box-shadow: 0 0 0 4px var(--focus-ring-error);
17005
+ }
17006
+ body.theme-highcontrast .s-btn__danger.s-btn__filled .s-btn--number {
17007
+ color: var(--black);
17008
+ }
16085
17009
  .s-btn__danger.s-btn__filled:hover,
16086
17010
  .s-btn__danger.s-btn__filled:focus,
16087
17011
  .s-btn__danger.s-btn__filled:active {
16088
- color: #fff;
17012
+ color: hsl(0, 0%, 100%);
16089
17013
  background-color: var(--red-600);
16090
17014
  }
16091
17015
  .s-btn__danger.s-btn__filled:active {
@@ -16103,61 +17027,83 @@ body.theme-dark .s-btn__danger.s-btn__filled,
16103
17027
  .s-btn__danger.s-btn__filled.is-selected:focus {
16104
17028
  box-shadow: 0 0 0 4px var(--focus-ring-error);
16105
17029
  }
17030
+ body.theme-highcontrast .s-btn__danger.s-btn__filled.is-selected .s-btn--number {
17031
+ color: var(--black);
17032
+ }
16106
17033
  .s-btn__danger.s-btn__filled .s-btn--number {
16107
17034
  color: var(--black-900);
16108
17035
  }
16109
17036
  .s-btn__primary {
16110
- color: #fff;
16111
- background-color: var(--theme-secondary-400);
16112
- box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4);
17037
+ color: var(--theme-button-primary-color);
17038
+ background-color: var(--theme-button-primary-background-color);
17039
+ box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.4);
16113
17040
  }
16114
17041
  @media (prefers-color-scheme: dark) {
16115
17042
  body.theme-system .s-btn__primary {
16116
17043
  box-shadow: none;
16117
17044
  }
17045
+ body.theme-system .s-btn__primary:not(.is-selected) {
17046
+ color: var(--black);
17047
+ }
16118
17048
  }
16119
17049
  body.theme-dark .s-btn__primary,
16120
17050
  .theme-dark__forced .s-btn__primary {
16121
17051
  box-shadow: none;
16122
17052
  }
17053
+ body.theme-dark .s-btn__primary:not(.is-selected),
17054
+ .theme-dark__forced .s-btn__primary:not(.is-selected) {
17055
+ color: var(--black);
17056
+ }
17057
+ body.theme-highcontrast .s-btn__primary:not(.is-selected) {
17058
+ border-color: transparent;
17059
+ color: var(--white);
17060
+ }
16123
17061
  .s-btn__primary:hover,
16124
17062
  .s-btn__primary:focus,
16125
17063
  .s-btn__primary:active {
16126
- color: #fff;
16127
- background-color: var(--theme-secondary-500);
17064
+ color: var(--theme-button-primary-hover-color);
17065
+ background-color: var(--theme-button-primary-hover-background-color);
16128
17066
  }
16129
17067
  .s-btn__primary:active {
16130
- background-color: var(--theme-secondary-700);
17068
+ background-color: var(--theme-button-primary-active-background-color);
16131
17069
  box-shadow: none;
16132
17070
  }
17071
+ body.theme-highcontrast .s-btn__primary:focus {
17072
+ box-shadow: 0 0 0 4px var(--focus-ring);
17073
+ }
16133
17074
  .s-btn__primary.is-selected {
16134
- color: var(--white);
16135
- background-color: var(--theme-secondary-700);
17075
+ color: var(--theme-button-primary-selected-color);
17076
+ background-color: var(--theme-button-primary-selected-background-color);
16136
17077
  }
16137
17078
  .s-btn__primary .s-btn--number {
16138
- color: var(--theme-secondary-900);
17079
+ color: var(--theme-button-primary-number-color);
16139
17080
  }
16140
17081
  .s-btn__google {
16141
- border-color: var(--black-100);
17082
+ border-color: var(--bc-medium);
16142
17083
  background-color: var(--white);
16143
17084
  color: var(--black-700);
16144
17085
  }
16145
17086
  .s-btn__google:hover,
16146
17087
  .s-btn__google:focus {
16147
- border-color: var(--black-150);
17088
+ border-color: var(--bc-darker);
16148
17089
  background-color: var(--black-025);
16149
17090
  color: var(--black-800);
16150
17091
  }
16151
17092
  .s-btn__google:active {
16152
- border-color: var(--black-200);
16153
17093
  background-color: var(--black-050);
16154
17094
  color: var(--black-900);
16155
17095
  }
17096
+ .s-btn__google:focus {
17097
+ box-shadow: 0 0 0 4px var(--focus-ring-muted);
17098
+ }
16156
17099
  .s-btn__facebook {
16157
17100
  border-color: transparent;
16158
17101
  background-color: #385499;
16159
17102
  color: #fff;
16160
17103
  }
17104
+ body.theme-highcontrast .s-btn__facebook {
17105
+ border-color: transparent;
17106
+ }
16161
17107
  .s-btn__facebook:hover,
16162
17108
  .s-btn__facebook:focus {
16163
17109
  background-color: #314a86;
@@ -16171,6 +17117,9 @@ body.theme-dark .s-btn__primary,
16171
17117
  background-color: var(--black-750);
16172
17118
  color: var(--white);
16173
17119
  }
17120
+ body.theme-highcontrast .s-btn__github {
17121
+ border-color: transparent;
17122
+ }
16174
17123
  .s-btn__github:hover,
16175
17124
  .s-btn__github:focus {
16176
17125
  background-color: var(--black-800);
@@ -16180,9 +17129,13 @@ body.theme-dark .s-btn__primary,
16180
17129
  background-color: var(--black-900);
16181
17130
  color: var(--white);
16182
17131
  }
17132
+ .s-btn__github:focus {
17133
+ box-shadow: 0 0 0 4px var(--focus-ring-muted);
17134
+ }
16183
17135
  .s-btn__unset,
16184
17136
  .s-btn__unset:hover,
16185
- .s-btn__unset:active {
17137
+ .s-btn__unset:active,
17138
+ .s-btn__unset:focus {
16186
17139
  padding: 0;
16187
17140
  border: none;
16188
17141
  outline: none;
@@ -16194,9 +17147,6 @@ body.theme-dark .s-btn__primary,
16194
17147
  cursor: default;
16195
17148
  user-select: auto;
16196
17149
  }
16197
- .s-btn__unset:focus {
16198
- color: unset;
16199
- }
16200
17150
  .s-btn__link {
16201
17151
  display: inline;
16202
17152
  padding: 0;
@@ -16208,20 +17158,21 @@ body.theme-dark .s-btn__primary,
16208
17158
  box-shadow: none;
16209
17159
  text-align: inherit;
16210
17160
  text-decoration: none;
16211
- color: var(--theme-secondary-400);
17161
+ color: var(--theme-link-color);
16212
17162
  cursor: pointer;
16213
17163
  user-select: auto;
16214
17164
  }
17165
+ body.theme-highcontrast .s-btn__link {
17166
+ text-decoration: underline;
17167
+ }
16215
17168
  .s-btn__link.s-link__visited:visited {
16216
- color: var(--theme-secondary-500);
16217
- text-decoration: none;
17169
+ color: var(--theme-link-color-visited);
16218
17170
  }
16219
17171
  .s-btn__link:hover,
16220
17172
  .s-btn__link.s-link__visited:hover,
16221
17173
  .s-btn__link:active,
16222
17174
  .s-btn__link.s-link__visited:active {
16223
- color: var(--theme-secondary-350);
16224
- text-decoration: none;
17175
+ color: var(--theme-link-color-hover);
16225
17176
  }
16226
17177
  .s-btn__link.s-link__grayscale {
16227
17178
  color: var(--black-800);
@@ -16270,11 +17221,35 @@ body.theme-dark .s-btn__primary,
16270
17221
  .s-btn__link.s-link__underlined {
16271
17222
  text-decoration: underline !important;
16272
17223
  }
17224
+ .s-btn__link.s-link__dropdown {
17225
+ position: relative;
17226
+ padding-right: 0.9em;
17227
+ }
17228
+ .s-btn__link.s-link__dropdown:after {
17229
+ content: "";
17230
+ position: absolute;
17231
+ z-index: 30;
17232
+ top: calc(50% - 2px);
17233
+ right: 0;
17234
+ border-style: solid;
17235
+ border-width: 4px;
17236
+ border-top-width: 4px;
17237
+ border-bottom-width: 0;
17238
+ border-color: currentColor transparent;
17239
+ pointer-events: none;
17240
+ }
16273
17241
  .s-btn__link:hover,
16274
17242
  .s-btn__link:active,
16275
17243
  .s-btn__link:focus,
16276
17244
  .s-btn__link[disabled] {
16277
17245
  background: none;
17246
+ box-shadow: none;
17247
+ }
17248
+ .s-btn__link.s-btn__dropdown {
17249
+ padding-right: 0.9em;
17250
+ }
17251
+ .s-btn__link.s-btn__dropdown:after {
17252
+ right: 0;
16278
17253
  }
16279
17254
  .s-btn__icon .svg-icon {
16280
17255
  vertical-align: baseline;
@@ -16321,14 +17296,17 @@ body.theme-dark .s-btn__primary,
16321
17296
  a,
16322
17297
  .s-link {
16323
17298
  text-decoration: none;
16324
- color: var(--theme-secondary-400);
17299
+ color: var(--theme-link-color);
16325
17300
  cursor: pointer;
16326
17301
  user-select: auto;
16327
17302
  }
17303
+ body.theme-highcontrast a,
17304
+ body.theme-highcontrast .s-link {
17305
+ text-decoration: underline;
17306
+ }
16328
17307
  a.s-link__visited:visited,
16329
17308
  .s-link.s-link__visited:visited {
16330
- color: var(--theme-secondary-500);
16331
- text-decoration: none;
17309
+ color: var(--theme-link-color-visited);
16332
17310
  }
16333
17311
  a:hover,
16334
17312
  .s-link:hover,
@@ -16338,8 +17316,7 @@ a:active,
16338
17316
  .s-link:active,
16339
17317
  a.s-link__visited:active,
16340
17318
  .s-link.s-link__visited:active {
16341
- color: var(--theme-secondary-350);
16342
- text-decoration: none;
17319
+ color: var(--theme-link-color-hover);
16343
17320
  }
16344
17321
  a.s-link__grayscale,
16345
17322
  .s-link.s-link__grayscale {
@@ -16411,6 +17388,25 @@ a.s-link__underlined,
16411
17388
  .s-link.s-link__underlined {
16412
17389
  text-decoration: underline !important;
16413
17390
  }
17391
+ a.s-link__dropdown,
17392
+ .s-link.s-link__dropdown {
17393
+ position: relative;
17394
+ padding-right: 0.9em;
17395
+ }
17396
+ a.s-link__dropdown:after,
17397
+ .s-link.s-link__dropdown:after {
17398
+ content: "";
17399
+ position: absolute;
17400
+ z-index: 30;
17401
+ top: calc(50% - 2px);
17402
+ right: 0;
17403
+ border-style: solid;
17404
+ border-width: 4px;
17405
+ border-top-width: 4px;
17406
+ border-bottom-width: 0;
17407
+ border-color: currentColor transparent;
17408
+ pointer-events: none;
17409
+ }
16414
17410
  button.s-link {
16415
17411
  -webkit-appearance: none;
16416
17412
  -moz-appearance: none;
@@ -16419,6 +17415,7 @@ button.s-link {
16419
17415
  padding: 0;
16420
17416
  line-height: inherit;
16421
17417
  user-select: auto;
17418
+ font-family: inherit;
16422
17419
  }
16423
17420
  button.s-link:focus {
16424
17421
  outline: none;
@@ -16431,7 +17428,7 @@ button.s-link:focus {
16431
17428
  .s-anchors .s-anchors.s-anchors__default a:not(.s-link),
16432
17429
  .s-anchors.s-anchors__default .s-btn.s-btn__link,
16433
17430
  .s-anchors .s-anchors.s-anchors__default .s-btn.s-btn__link {
16434
- color: var(--theme-secondary-400);
17431
+ color: var(--theme-link-color);
16435
17432
  }
16436
17433
  .s-anchors.s-anchors__default a:not(.s-link):hover,
16437
17434
  .s-anchors .s-anchors.s-anchors__default a:not(.s-link):hover,
@@ -16441,13 +17438,13 @@ button.s-link:focus {
16441
17438
  .s-anchors .s-anchors.s-anchors__default a:not(.s-link):active,
16442
17439
  .s-anchors.s-anchors__default .s-btn.s-btn__link:active,
16443
17440
  .s-anchors .s-anchors.s-anchors__default .s-btn.s-btn__link:active {
16444
- color: var(--theme-secondary-350);
17441
+ color: var(--theme-link-color-hover);
16445
17442
  }
16446
17443
  .s-anchors.s-anchors__default a:not(.s-link):visited,
16447
17444
  .s-anchors .s-anchors.s-anchors__default a:not(.s-link):visited,
16448
17445
  .s-anchors.s-anchors__default .s-btn.s-btn__link:visited,
16449
17446
  .s-anchors .s-anchors.s-anchors__default .s-btn.s-btn__link:visited {
16450
- color: var(--theme-secondary-400);
17447
+ color: var(--theme-link-color);
16451
17448
  }
16452
17449
  .s-anchors.s-anchors__default a:not(.s-link):visited:hover,
16453
17450
  .s-anchors .s-anchors.s-anchors__default a:not(.s-link):visited:hover,
@@ -16457,7 +17454,7 @@ button.s-link:focus {
16457
17454
  .s-anchors .s-anchors.s-anchors__default a:not(.s-link):visited:active,
16458
17455
  .s-anchors.s-anchors__default .s-btn.s-btn__link:visited:active,
16459
17456
  .s-anchors .s-anchors.s-anchors__default .s-btn.s-btn__link:visited:active {
16460
- color: var(--theme-secondary-350);
17457
+ color: var(--theme-link-color-hover);
16461
17458
  }
16462
17459
  .s-anchors.s-anchors__grayscale a:not(.s-link),
16463
17460
  .s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link),
@@ -16598,6 +17595,7 @@ button.s-link:focus {
16598
17595
  border-radius: 0;
16599
17596
  text-align: left;
16600
17597
  line-height: inherit;
17598
+ font-family: inherit;
16601
17599
  }
16602
17600
  .s-block-link:hover,
16603
17601
  .s-block-link:active {
@@ -16641,7 +17639,7 @@ body.theme-dark .s-block-link.is-selected,
16641
17639
  color: var(--red-700);
16642
17640
  }
16643
17641
  .s-link-preview {
16644
- border: 1px solid var(--black-100);
17642
+ border: 1px solid var(--bc-medium);
16645
17643
  border-radius: 3px;
16646
17644
  text-align: left;
16647
17645
  box-shadow: var(--bs-sm);
@@ -16651,7 +17649,7 @@ body.theme-dark .s-block-link.is-selected,
16651
17649
  background: var(--black-025);
16652
17650
  border-top-left-radius: 3px;
16653
17651
  border-top-right-radius: 3px;
16654
- border-bottom: 1px solid var(--black-100);
17652
+ border-bottom: 1px solid var(--bc-medium);
16655
17653
  padding: 12px 8px;
16656
17654
  }
16657
17655
  .s-link-preview--icon {
@@ -16665,20 +17663,29 @@ body.theme-dark .s-block-link.is-selected,
16665
17663
  }
16666
17664
  a.s-link-preview--title {
16667
17665
  text-decoration: none;
16668
- color: var(--theme-secondary-400);
17666
+ color: var(--theme-link-color);
16669
17667
  cursor: pointer;
16670
17668
  }
16671
17669
  a.s-link-preview--title.s-link__visited:visited {
16672
- color: var(--theme-secondary-500);
17670
+ color: var(--theme-link-color);
16673
17671
  text-decoration: none;
16674
17672
  }
17673
+ body.theme-highcontrast a.s-link-preview--title.s-link__visited:visited {
17674
+ text-decoration: underline;
17675
+ }
16675
17676
  a.s-link-preview--title:hover,
16676
17677
  a.s-link-preview--title.s-link__visited:hover,
16677
17678
  a.s-link-preview--title:active,
16678
17679
  a.s-link-preview--title.s-link__visited:active {
16679
- color: var(--theme-secondary-350);
17680
+ color: var(--theme-link-color-hover);
16680
17681
  text-decoration: none;
16681
17682
  }
17683
+ body.theme-highcontrast a.s-link-preview--title:hover,
17684
+ body.theme-highcontrast a.s-link-preview--title.s-link__visited:hover,
17685
+ body.theme-highcontrast a.s-link-preview--title:active,
17686
+ body.theme-highcontrast a.s-link-preview--title.s-link__visited:active {
17687
+ text-decoration: underline;
17688
+ }
16682
17689
  .s-link-preview--details {
16683
17690
  font-size: 12px;
16684
17691
  color: var(--black-500);
@@ -16707,7 +17714,7 @@ a.s-link-preview--title.s-link__visited:active {
16707
17714
  background: var(--black-025);
16708
17715
  border-bottom-left-radius: 3px;
16709
17716
  border-bottom-right-radius: 3px;
16710
- border-top: 1px solid var(--black-100);
17717
+ border-top: 1px solid var(--bc-medium);
16711
17718
  padding: 12px;
16712
17719
  font-size: 12px;
16713
17720
  }
@@ -16761,6 +17768,7 @@ a.s-link-preview--title.s-link__visited:active {
16761
17768
  display: flex;
16762
17769
  align-items: center;
16763
17770
  padding: 6px 12px;
17771
+ position: relative;
16764
17772
  border: none;
16765
17773
  font: unset;
16766
17774
  background: none;
@@ -16769,6 +17777,7 @@ a.s-link-preview--title.s-link__visited:active {
16769
17777
  user-select: auto;
16770
17778
  border-radius: 1000px;
16771
17779
  margin: 2px;
17780
+ white-space: nowrap;
16772
17781
  color: var(--black-600);
16773
17782
  }
16774
17783
  .s-navigation .s-navigation--item:hover,
@@ -16776,6 +17785,11 @@ a.s-link-preview--title.s-link__visited:active {
16776
17785
  background: var(--black-075);
16777
17786
  color: var(--black-600);
16778
17787
  }
17788
+ body.theme-highcontrast .s-navigation .s-navigation--item:hover,
17789
+ body.theme-highcontrast .s-navigation .s-navigation--item:active {
17790
+ background: var(--black-600);
17791
+ color: var(--black-100);
17792
+ }
16779
17793
  .s-navigation .s-navigation--item:focus:not(:focus-visible) {
16780
17794
  color: inherit;
16781
17795
  outline: none;
@@ -16790,6 +17804,30 @@ a.s-link-preview--title.s-link__visited:active {
16790
17804
  background: var(--theme-primary-color);
16791
17805
  color: var(--white);
16792
17806
  }
17807
+ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
17808
+ text-decoration: none;
17809
+ }
17810
+ .s-navigation .s-navigation--item.is-selected:hover,
17811
+ .s-navigation .s-navigation--item.is-selected:active {
17812
+ background: var(--theme-primary-600);
17813
+ color: var(--white);
17814
+ }
17815
+ .s-navigation .s-navigation--item.s-navigation--item__dropdown {
17816
+ padding-right: 2em;
17817
+ }
17818
+ .s-navigation .s-navigation--item.s-navigation--item__dropdown:after {
17819
+ content: "";
17820
+ position: absolute;
17821
+ z-index: 30;
17822
+ top: calc(50% - 2px);
17823
+ right: 0.9em;
17824
+ border-style: solid;
17825
+ border-width: 4px;
17826
+ border-top-width: 4px;
17827
+ border-bottom-width: 0;
17828
+ border-color: currentColor transparent;
17829
+ pointer-events: none;
17830
+ }
16793
17831
  .s-navigation.s-navigation__scroll {
16794
17832
  overflow-x: auto;
16795
17833
  flex-wrap: nowrap;
@@ -16819,6 +17857,7 @@ a.s-link-preview--title.s-link__visited:active {
16819
17857
  }
16820
17858
  .s-navigation.s-navigation__vertical .s-navigation--item {
16821
17859
  margin: 0;
17860
+ white-space: normal;
16822
17861
  }
16823
17862
  .s-navigation .s-navigation--title {
16824
17863
  font-size: 11px;
@@ -16834,10 +17873,17 @@ a.s-link-preview--title.s-link__visited:active {
16834
17873
  background: var(--black-050);
16835
17874
  color: var(--black-800);
16836
17875
  }
17876
+ body.theme-highcontrast .s-navigation.s-navigation__muted .s-navigation--item.is-selected {
17877
+ background: var(--black-800);
17878
+ color: var(--black-050);
17879
+ }
16837
17880
  .s-navigation.s-navigation__sm .s-navigation--item {
16838
17881
  padding: 4px 12px;
16839
17882
  font-size: 12px;
16840
17883
  }
17884
+ .s-navigation.s-navigation__sm .s-navigation--item.s-navigation--item__dropdown {
17885
+ padding-right: 2em;
17886
+ }
16841
17887
  .s-notice {
16842
17888
  padding: 16px;
16843
17889
  border: 1px solid transparent;
@@ -16887,6 +17933,11 @@ a.s-link-preview--title.s-link__visited:active {
16887
17933
  border-color: var(--green-200);
16888
17934
  background-color: var(--green-050);
16889
17935
  }
17936
+ body.theme-highcontrast .s-notice__success,
17937
+ body.theme-highcontrast .s-banner__success {
17938
+ background-color: var(--green-200);
17939
+ border-color: var(--green-400);
17940
+ }
16890
17941
  .s-notice__success.s-notice__important,
16891
17942
  .s-banner__success.s-notice__important,
16892
17943
  .s-notice__success.s-banner__important,
@@ -16894,6 +17945,14 @@ a.s-link-preview--title.s-link__visited:active {
16894
17945
  background-color: var(--green-400);
16895
17946
  color: var(--black-900);
16896
17947
  }
17948
+ body.theme-highcontrast .s-notice__success.s-notice__important,
17949
+ body.theme-highcontrast .s-banner__success.s-notice__important,
17950
+ body.theme-highcontrast .s-notice__success.s-banner__important,
17951
+ body.theme-highcontrast .s-banner__success.s-banner__important {
17952
+ background-color: var(--green-500);
17953
+ color: var(--white);
17954
+ border-color: transparent;
17955
+ }
16897
17956
  .s-notice__success .s-notice--btn:focus,
16898
17957
  .s-banner__success .s-notice--btn:focus,
16899
17958
  .s-notice__success .s-notice--btn:hover,
@@ -16909,6 +17968,11 @@ a.s-link-preview--title.s-link__visited:active {
16909
17968
  border-color: var(--yellow-300);
16910
17969
  background-color: var(--yellow-050);
16911
17970
  }
17971
+ body.theme-highcontrast .s-notice__warning,
17972
+ body.theme-highcontrast .s-banner__warning {
17973
+ background-color: var(--yellow-200);
17974
+ border-color: var(--yellow-700);
17975
+ }
16912
17976
  .s-notice__warning.s-notice__important,
16913
17977
  .s-banner__warning.s-notice__important,
16914
17978
  .s-notice__warning.s-banner__important,
@@ -16916,6 +17980,14 @@ a.s-link-preview--title.s-link__visited:active {
16916
17980
  background-color: var(--yellow-400);
16917
17981
  color: var(--black-900);
16918
17982
  }
17983
+ body.theme-highcontrast .s-notice__warning.s-notice__important,
17984
+ body.theme-highcontrast .s-banner__warning.s-notice__important,
17985
+ body.theme-highcontrast .s-notice__warning.s-banner__important,
17986
+ body.theme-highcontrast .s-banner__warning.s-banner__important {
17987
+ background-color: var(--yellow-500);
17988
+ color: var(--white);
17989
+ border-color: transparent;
17990
+ }
16919
17991
  .s-notice__warning .s-notice--btn:focus,
16920
17992
  .s-banner__warning .s-notice--btn:focus,
16921
17993
  .s-notice__warning .s-notice--btn:hover,
@@ -16935,6 +18007,17 @@ a.s-link-preview--title.s-link__visited:active {
16935
18007
  border-color: var(--red-200);
16936
18008
  background-color: var(--red-050);
16937
18009
  }
18010
+ body.theme-highcontrast .s-notice__danger,
18011
+ body.theme-highcontrast .s-banner__danger {
18012
+ background-color: var(--red-200);
18013
+ border-color: var(--red-500);
18014
+ }
18015
+ body.theme-highcontrast .s-notice__danger.s-notice__important,
18016
+ body.theme-highcontrast .s-banner__danger.s-notice__important,
18017
+ body.theme-highcontrast .s-notice__danger.s-banner__important,
18018
+ body.theme-highcontrast .s-banner__danger.s-banner__important {
18019
+ background-color: var(--red-500);
18020
+ }
16938
18021
  .s-notice__danger.s-notice__important,
16939
18022
  .s-banner__danger.s-notice__important,
16940
18023
  .s-notice__danger.s-banner__important,
@@ -16974,6 +18057,12 @@ body.theme-dark .s-notice__danger,
16974
18057
  .theme-dark__forced .s-notice__danger {
16975
18058
  border-color: transparent;
16976
18059
  }
18060
+ body.theme-highcontrast .s-notice__info,
18061
+ body.theme-highcontrast .s-notice__success,
18062
+ body.theme-highcontrast .s-notice__warning,
18063
+ body.theme-highcontrast .s-notice__danger {
18064
+ border-color: currentColor;
18065
+ }
16977
18066
  .s-toast {
16978
18067
  visibility: hidden;
16979
18068
  position: fixed;
@@ -17018,19 +18107,31 @@ body.theme-dark .s-notice__danger,
17018
18107
  background-color: var(--powder-100);
17019
18108
  color: var(--powder-700);
17020
18109
  }
18110
+ body.theme-highcontrast .s-tag {
18111
+ border-color: currentColor;
18112
+ }
17021
18113
  .s-tag .s-tag--dismiss {
17022
18114
  color: inherit;
17023
18115
  background-color: transparent;
17024
18116
  }
17025
18117
  .s-tag .s-tag--dismiss:hover {
17026
- color: #fff;
18118
+ color: hsl(0, 0%, 100%);
17027
18119
  background-color: var(--powder-700);
17028
18120
  }
18121
+ body.theme-highcontrast .s-tag .s-tag--dismiss:hover {
18122
+ color: var(--white);
18123
+ }
18124
+ body.theme-highcontrast .s-tag {
18125
+ text-decoration: none;
18126
+ }
17029
18127
  .s-tag.is-selected {
17030
18128
  border-color: transparent;
17031
- background-color: var(--powder-400);
18129
+ background-color: var(--powder-300);
17032
18130
  color: var(--powder-900);
17033
18131
  }
18132
+ body.theme-highcontrast .s-tag.is-selected {
18133
+ border-color: currentColor;
18134
+ }
17034
18135
  .s-tag.s-tag__xs {
17035
18136
  font-size: 11px;
17036
18137
  line-height: 1.4;
@@ -17061,6 +18162,11 @@ a.s-tag:not(.is-selected):active {
17061
18162
  background-color: var(--powder-200);
17062
18163
  color: var(--powder-800);
17063
18164
  }
18165
+ body.theme-highcontrast a.s-tag:not(.is-selected):hover,
18166
+ body.theme-highcontrast a.s-tag:not(.is-selected):focus,
18167
+ body.theme-highcontrast a.s-tag:not(.is-selected):active {
18168
+ border-color: currentColor;
18169
+ }
17064
18170
  .s-tag--dismiss {
17065
18171
  display: flex;
17066
18172
  align-content: center;
@@ -17089,23 +18195,32 @@ a.s-tag:not(.is-selected):active {
17089
18195
  height: 100%;
17090
18196
  }
17091
18197
  .s-tag__required {
17092
- border-color: var(--black-200);
18198
+ border-color: var(--bc-darker);
17093
18199
  background-color: var(--black-075);
17094
18200
  color: var(--black-700);
17095
18201
  }
18202
+ body.theme-highcontrast .s-tag__required {
18203
+ border-color: currentColor;
18204
+ }
17096
18205
  .s-tag__required .s-tag--dismiss {
17097
18206
  color: inherit;
17098
18207
  background-color: transparent;
17099
18208
  }
17100
18209
  .s-tag__required .s-tag--dismiss:hover {
17101
- color: #fff;
18210
+ color: hsl(0, 0%, 100%);
17102
18211
  background-color: var(--black-700);
17103
18212
  }
18213
+ body.theme-highcontrast .s-tag__required .s-tag--dismiss:hover {
18214
+ color: var(--white);
18215
+ }
17104
18216
  .s-tag__required.is-selected {
17105
18217
  border-color: var(--black-500);
17106
18218
  background-color: var(--black-200);
17107
18219
  color: var(--black-900);
17108
18220
  }
18221
+ body.theme-highcontrast .s-tag__required.is-selected {
18222
+ border-color: currentColor;
18223
+ }
17109
18224
  a.s-tag__required:not(.is-selected):hover,
17110
18225
  a.s-tag__required:not(.is-selected):focus,
17111
18226
  a.s-tag__required:not(.is-selected):active {
@@ -17113,24 +18228,38 @@ a.s-tag__required:not(.is-selected):active {
17113
18228
  background-color: var(--black-100);
17114
18229
  color: var(--black-800);
17115
18230
  }
18231
+ body.theme-highcontrast a.s-tag__required:not(.is-selected):hover,
18232
+ body.theme-highcontrast a.s-tag__required:not(.is-selected):focus,
18233
+ body.theme-highcontrast a.s-tag__required:not(.is-selected):active {
18234
+ border-color: currentColor;
18235
+ }
17116
18236
  .s-tag__moderator {
17117
18237
  border-color: var(--red-100);
17118
18238
  background-color: var(--red-050);
17119
18239
  color: var(--red-600);
17120
18240
  }
18241
+ body.theme-highcontrast .s-tag__moderator {
18242
+ border-color: currentColor;
18243
+ }
17121
18244
  .s-tag__moderator .s-tag--dismiss {
17122
18245
  color: inherit;
17123
18246
  background-color: transparent;
17124
18247
  }
17125
18248
  .s-tag__moderator .s-tag--dismiss:hover {
17126
- color: #fff;
18249
+ color: hsl(0, 0%, 100%);
17127
18250
  background-color: var(--red-600);
17128
18251
  }
18252
+ body.theme-highcontrast .s-tag__moderator .s-tag--dismiss:hover {
18253
+ color: var(--white);
18254
+ }
17129
18255
  .s-tag__moderator.is-selected {
17130
18256
  border-color: var(--red-400);
17131
18257
  background-color: var(--red-200);
17132
18258
  color: var(--red-800);
17133
18259
  }
18260
+ body.theme-highcontrast .s-tag__moderator.is-selected {
18261
+ border-color: currentColor;
18262
+ }
17134
18263
  a.s-tag__moderator:not(.is-selected):hover,
17135
18264
  a.s-tag__moderator:not(.is-selected):focus,
17136
18265
  a.s-tag__moderator:not(.is-selected):active {
@@ -17138,24 +18267,38 @@ a.s-tag__moderator:not(.is-selected):active {
17138
18267
  background-color: var(--red-100);
17139
18268
  color: var(--red-700);
17140
18269
  }
18270
+ body.theme-highcontrast a.s-tag__moderator:not(.is-selected):hover,
18271
+ body.theme-highcontrast a.s-tag__moderator:not(.is-selected):focus,
18272
+ body.theme-highcontrast a.s-tag__moderator:not(.is-selected):active {
18273
+ border-color: currentColor;
18274
+ }
17141
18275
  .s-tag__muted {
17142
18276
  border-color: transparent;
17143
18277
  background-color: var(--black-075);
17144
18278
  color: var(--black-700);
17145
18279
  }
18280
+ body.theme-highcontrast .s-tag__muted {
18281
+ border-color: currentColor;
18282
+ }
17146
18283
  .s-tag__muted .s-tag--dismiss {
17147
18284
  color: inherit;
17148
18285
  background-color: transparent;
17149
18286
  }
17150
18287
  .s-tag__muted .s-tag--dismiss:hover {
17151
- color: #fff;
18288
+ color: hsl(0, 0%, 100%);
17152
18289
  background-color: var(--black-700);
17153
18290
  }
18291
+ body.theme-highcontrast .s-tag__muted .s-tag--dismiss:hover {
18292
+ color: var(--white);
18293
+ }
17154
18294
  .s-tag__muted.is-selected {
17155
18295
  border-color: transparent;
17156
18296
  background-color: var(--black-200);
17157
18297
  color: var(--black-900);
17158
18298
  }
18299
+ body.theme-highcontrast .s-tag__muted.is-selected {
18300
+ border-color: currentColor;
18301
+ }
17159
18302
  a.s-tag__muted:not(.is-selected):hover,
17160
18303
  a.s-tag__muted:not(.is-selected):focus,
17161
18304
  a.s-tag__muted:not(.is-selected):active {
@@ -17163,24 +18306,38 @@ a.s-tag__muted:not(.is-selected):active {
17163
18306
  background-color: var(--black-100);
17164
18307
  color: var(--black-800);
17165
18308
  }
18309
+ body.theme-highcontrast a.s-tag__muted:not(.is-selected):hover,
18310
+ body.theme-highcontrast a.s-tag__muted:not(.is-selected):focus,
18311
+ body.theme-highcontrast a.s-tag__muted:not(.is-selected):active {
18312
+ border-color: currentColor;
18313
+ }
17166
18314
  .s-tag__themed {
17167
18315
  border-color: var(--theme-primary-300);
17168
18316
  background-color: var(--theme-primary-050);
17169
18317
  color: var(--theme-primary-700);
17170
18318
  }
18319
+ body.theme-highcontrast .s-tag__themed {
18320
+ border-color: currentColor;
18321
+ }
17171
18322
  .s-tag__themed .s-tag--dismiss {
17172
18323
  color: inherit;
17173
18324
  background-color: transparent;
17174
18325
  }
17175
18326
  .s-tag__themed .s-tag--dismiss:hover {
17176
- color: #fff;
18327
+ color: hsl(0, 0%, 100%);
17177
18328
  background-color: var(--theme-primary-700);
17178
18329
  }
18330
+ body.theme-highcontrast .s-tag__themed .s-tag--dismiss:hover {
18331
+ color: var(--white);
18332
+ }
17179
18333
  .s-tag__themed.is-selected {
17180
18334
  border-color: transparent;
17181
18335
  background-color: var(--theme-primary-200);
17182
18336
  color: var(--theme-primary-900);
17183
18337
  }
18338
+ body.theme-highcontrast .s-tag__themed.is-selected {
18339
+ border-color: currentColor;
18340
+ }
17184
18341
  a.s-tag__themed:not(.is-selected):hover,
17185
18342
  a.s-tag__themed:not(.is-selected):focus,
17186
18343
  a.s-tag__themed:not(.is-selected):active {
@@ -17188,6 +18345,11 @@ a.s-tag__themed:not(.is-selected):active {
17188
18345
  background-color: var(--theme-primary-100);
17189
18346
  color: var(--theme-primary-900);
17190
18347
  }
18348
+ body.theme-highcontrast a.s-tag__themed:not(.is-selected):hover,
18349
+ body.theme-highcontrast a.s-tag__themed:not(.is-selected):focus,
18350
+ body.theme-highcontrast a.s-tag__themed:not(.is-selected):active {
18351
+ border-color: currentColor;
18352
+ }
17191
18353
  .s-pagination {
17192
18354
  display: flex;
17193
18355
  flex-wrap: wrap;
@@ -17200,13 +18362,16 @@ a.s-tag__themed:not(.is-selected):active {
17200
18362
  padding: 0 8px;
17201
18363
  background-color: transparent;
17202
18364
  border-radius: 3px;
17203
- border: 1px solid var(--black-100);
18365
+ border: 1px solid var(--bc-medium);
17204
18366
  font-size: 13px;
17205
18367
  line-height: 1.92307692;
17206
18368
  color: var(--fc-medium);
17207
18369
  }
18370
+ body.theme-highcontrast .s-pagination--item {
18371
+ text-decoration: none;
18372
+ }
17208
18373
  .s-pagination--item:hover {
17209
- border-color: var(--black-200);
18374
+ border-color: var(--bc-darker);
17210
18375
  background-color: var(--black-100);
17211
18376
  color: var(--fc-dark);
17212
18377
  }