@stackoverflow/stacks 1.4.1 → 1.5.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.
@@ -420,15 +420,15 @@ body.theme-highcontrast .s-activity-indicator {
420
420
  --_ai-fc: var(--white);
421
421
  }
422
422
  .s-activity-indicator.s-activity-indicator__success {
423
- --_ai-bg-color: var(--green-500);
423
+ --_ai-bg: var(--green-500);
424
424
  --_ai-focus-ring: var(--focus-ring-success);
425
425
  }
426
426
  .s-activity-indicator.s-activity-indicator__warning {
427
- --_ai-bg-color: var(--yellow-600);
427
+ --_ai-bg: var(--yellow-600);
428
428
  --_ai-focus-ring: var(--focus-ring-warning);
429
429
  }
430
430
  .s-activity-indicator.s-activity-indicator__danger {
431
- --_ai-bg-color: var(--red-500);
431
+ --_ai-bg: var(--red-500);
432
432
  --_ai-focus-ring: var(--focus-ring-error);
433
433
  }
434
434
  .s-award-bling {
@@ -572,15 +572,15 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
572
572
  vertical-align: middle;
573
573
  white-space: nowrap;
574
574
  }
575
- body.theme-highcontrast .s-badge__gold,
576
- body.theme-highcontrast .s-badge__silver,
577
- body.theme-highcontrast .s-badge__bronze,
578
- body.theme-highcontrast .s-badge__rep,
579
- body.theme-highcontrast .s-badge__rep-down,
580
- body.theme-highcontrast .s-badge__votes,
581
- body.theme-highcontrast .s-badge__admin,
582
- body.theme-highcontrast .s-badge__moderator,
583
- body.theme-highcontrast .s-badge__staff {
575
+ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__gold,
576
+ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__silver,
577
+ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__bronze,
578
+ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__rep,
579
+ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__rep-down,
580
+ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__votes,
581
+ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__admin,
582
+ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__moderator,
583
+ body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
584
584
  --_ba-bc: currentColor;
585
585
  }
586
586
  .s-badge.s-badge__xs,
@@ -858,7 +858,7 @@ body.theme-highcontrast .s-btn-group .s-btn.is-selected .s-btn--number {
858
858
  }
859
859
  .s-card {
860
860
  --_ca-bc: var(--bc-medium);
861
- border: 1px solid var(--_ca-bc);
861
+ border: var(--su-static1) solid var(--_ca-bc);
862
862
  background-color: var(--white);
863
863
  border-radius: var(--br-sm);
864
864
  padding: var(--su12);
@@ -1035,55 +1035,69 @@ body.theme-system .theme-dark__forced pre.s-code-block .s-code-block--line-numbe
1035
1035
  background-color: var(--black-025);
1036
1036
  }
1037
1037
  .s-expandable {
1038
- display: flex;
1039
- -webkit-clip-path: polygon(-1000000px -1000000px, 1000000px -1000000px, 1000000px 1000000px, -1000000px 1000000px);
1040
- clip-path: polygon(-1000000px -1000000px, 1000000px -1000000px, 1000000px 1000000px, -1000000px 1000000px);
1038
+ --_ex-clip-path: polygon(-1000000px -1000000px, 1000000px -1000000px, 1000000px 1000000px, -1000000px 1000000px);
1039
+ --_ex-min-expected-height: 10px;
1040
+ --_ex-transition-duration: 100ms;
1041
+ --_ex-after-h: 10px;
1042
+ --_ex-after-hmx: 0;
1043
+ --_ex-after-transition: height var(--_ex-transition-duration) linear,
1044
+ max-height 0s var(--_ex-transition-duration) linear;
1045
+ --_ex-content-hmx: 1000000px;
1046
+ --_ex-content-mb: 0;
1047
+ --_ex-content-o: unset;
1048
+ --_ex-content-transform: unset;
1049
+ --_ex-content-transition: margin-bottom var(--_ex-transition-duration) cubic-bezier(0, 0, 0, 1),
1050
+ transform var(--_ex-transition-duration) cubic-bezier(1, 0, 1, 1),
1051
+ opacity var(--_ex-transition-duration) cubic-bezier(1, 0, 1, 1);
1041
1052
  align-items: flex-start;
1042
- transition: clip-path 0s 100ms, -webkit-clip-path 0s 100ms;
1043
- }
1044
- .s-expandable:after {
1045
- content: '';
1046
- -ms-flex-preferred-size: 0;
1047
- flex-basis: 0;
1048
- height: 10px;
1049
- max-height: 0;
1050
- transition: height 100ms linear, max-height 0s 100ms linear;
1051
- }
1052
- .s-expandable--content {
1053
- -ms-flex-preferred-size: 100%;
1054
- flex-basis: 100%;
1055
- max-height: 1000000px;
1056
- margin-bottom: 0;
1057
- -webkit-transform-origin: 0 0;
1058
- transform-origin: 0 0;
1059
- transition: margin-bottom 100ms cubic-bezier(0, 0, 0, 1), transform 100ms cubic-bezier(1, 0, 1, 1), opacity 100ms cubic-bezier(1, 0, 1, 1);
1053
+ display: flex;
1054
+ -webkit-clip-path: var(--_ex-clip-path);
1055
+ clip-path: var(--_ex-clip-path);
1056
+ transition: clip-path 0s var(--_ex-transition-duration), -webkit-clip-path 0s var(--_ex-transition-duration);
1060
1057
  }
1061
1058
  .s-expandable:not(.is-expanded) {
1062
- overflow: hidden;
1059
+ --_ex-after-h: 0;
1060
+ --_ex-after-hmx: var(--_ex-min-expected-height);
1061
+ --_ex-after-transition: height var(--_ex-min-expected-height) linear;
1062
+ --_ex-content-hmx: 0;
1063
+ --_ex-content-mb: -1500px;
1064
+ --_ex-content-o: 0;
1065
+ --_ex-content-transform: scaleY(0);
1066
+ --_ex-content-transition: margin-bottom var(--_ex-transition-duration) cubic-bezier(1, 0, 1, 1),
1067
+ visibility 0s var(--_ex-transition-duration),
1068
+ max-height 0s var(--_ex-transition-duration),
1069
+ transform var(--_ex-transition-duration) cubic-bezier(0, 1, 1, 1),
1070
+ opacity var(--_ex-transition-duration) cubic-bezier(0, 1, 1, 1);
1063
1071
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
1064
1072
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
1073
+ overflow: hidden;
1065
1074
  transition: none;
1066
1075
  }
1067
- .s-expandable:not(.is-expanded) .s-expandable--content {
1068
- visibility: hidden;
1069
- max-height: 0;
1070
- margin-bottom: -1500px;
1071
- opacity: 0;
1072
- -webkit-transform: scaleY(0);
1073
- transform: scaleY(0);
1074
- transition: margin-bottom 100ms cubic-bezier(1, 0, 1, 1), visibility 0s 100ms, max-height 0s 100ms, transform 100ms cubic-bezier(0, 1, 1, 1), opacity 100ms cubic-bezier(0, 1, 1, 1);
1075
- }
1076
1076
  @supports ((-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) or (clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%))) {
1077
1077
  .s-expandable:not(.is-expanded) .s-expandable--content {
1078
- opacity: 1;
1079
- -webkit-transform: none;
1080
- transform: none;
1078
+ --_ex-content-o: 1;
1079
+ --_ex-content-transform: none;
1081
1080
  }
1082
1081
  }
1083
- .s-expandable:not(.is-expanded):after {
1084
- height: 0;
1085
- max-height: 10px;
1086
- transition: height 100ms linear;
1082
+ .s-expandable:after {
1083
+ height: var(--_ex-after-h);
1084
+ max-height: var(--_ex-after-hmx);
1085
+ transition: var(--_ex-after-transition);
1086
+ -ms-flex-preferred-size: 0;
1087
+ content: '';
1088
+ flex-basis: 0;
1089
+ }
1090
+ .s-expandable .s-expandable--content {
1091
+ max-height: var(--_ex-content-hmx);
1092
+ margin-bottom: var(--_ex-content-mb);
1093
+ opacity: var(--_ex-content-o);
1094
+ -webkit-transform: var(--_ex-content-transform);
1095
+ transform: var(--_ex-content-transform);
1096
+ -ms-flex-preferred-size: 100%;
1097
+ flex-basis: 100%;
1098
+ -webkit-transform-origin: 0 0;
1099
+ transform-origin: 0 0;
1100
+ transition: var(--_ex-content-transition);
1087
1101
  }
1088
1102
  .s-input,
1089
1103
  .s-textarea {
@@ -1773,125 +1787,125 @@ body.theme-system .theme-dark__forced .s-menu {
1773
1787
  margin-top: var(--su12);
1774
1788
  }
1775
1789
  .s-modal {
1776
- display: flex;
1777
- visibility: hidden;
1778
- position: fixed;
1779
- z-index: var(--zi-hide);
1780
- top: 0;
1781
- right: 0;
1782
- bottom: 0;
1783
- left: 0;
1790
+ --_mo-bg: hsla(210, 8%, 5%, 0.5);
1791
+ --_mo-hmx: unset;
1792
+ --_mo-wmx: unset;
1793
+ --_mo-close-t: var(--su8);
1794
+ --_mo-dialog-bg: var(--white);
1795
+ --_mo-dialog-pt: var(--su24);
1796
+ --_mo-header-fc: var(--fc-dark);
1797
+ background-color: var(--_mo-bg);
1798
+ max-height: var(--_mo-hmx);
1799
+ max-width: var(--_mo-wmx);
1784
1800
  align-items: center;
1801
+ backface-visibility: hidden;
1802
+ display: flex;
1803
+ inset: 0;
1785
1804
  justify-content: center;
1786
- background-color: hsla(210, 8%, 5%, 0.5);
1787
1805
  opacity: 0;
1788
- backface-visibility: hidden;
1806
+ position: fixed;
1789
1807
  transition: opacity 100ms var(--te-smooth) 0s, z-index 0s 100ms, visibility 0s 100ms;
1808
+ visibility: hidden;
1790
1809
  will-change: visibility, z-index, opacity;
1810
+ z-index: var(--zi-hide);
1791
1811
  }
1792
1812
  .s-modal[aria-hidden="false"],
1793
1813
  .s-modal[aria-hidden="false"] .s-modal--dialog {
1794
- visibility: visible;
1795
- z-index: var(--zi-modals);
1796
1814
  opacity: 1;
1797
1815
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
1798
1816
  transition: opacity 100ms var(--te-smooth) 10ms, z-index 0s 0s, visibility 0s 0s, transform 100ms var(--te-smooth) 10ms, transform 100ms var(--te-smooth) 10ms;
1817
+ visibility: visible;
1818
+ z-index: var(--zi-modals);
1799
1819
  }
1800
- .s-modal--dialog {
1801
- overflow-y: auto;
1802
- visibility: hidden;
1803
- z-index: var(--zi-hide);
1804
- max-width: 600px;
1805
- max-height: 100%;
1806
- padding: var(--su24);
1820
+ .s-modal.s-modal__celebration {
1821
+ --_mo-close-t: var(--su48);
1822
+ --_mo-dialog-pt: var(--su64);
1823
+ }
1824
+ .s-modal.s-modal__celebration .s-modal--dialog {
1825
+ background-repeat: repeat-x;
1826
+ background-position: top -10px center;
1827
+ background-image: url("data:image/svg+xml,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A");
1828
+ }
1829
+ @media (prefers-reduced-motion) {
1830
+ .s-modal.s-modal__celebration .s-modal--dialog {
1831
+ background-image: url("data:image/svg+xml,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E");
1832
+ }
1833
+ }
1834
+ .s-modal.s-modal__full {
1835
+ --_mo-hmx: calc(100% - var(--su48));
1836
+ --_mo-wmx: calc(100% - var(--su48));
1837
+ }
1838
+ .s-modal.has-danger,
1839
+ .s-modal.s-modal__danger {
1840
+ --_mo-bg: hsla(358, 67%, 6%, 0.5);
1841
+ --_mo-header-fc: var(--red-600);
1842
+ }
1843
+ .s-modal .s-modal--body {
1844
+ color: var(--fc-medium);
1845
+ margin-bottom: var(--su24);
1846
+ }
1847
+ .s-modal .s-modal--close {
1848
+ padding: var(--su12) !important;
1849
+ position: absolute !important;
1850
+ right: var(--su8);
1851
+ top: var(--_mo-close-t);
1852
+ }
1853
+ .s-modal .s-modal--close .svg-icon {
1854
+ margin: 0 !important;
1855
+ }
1856
+ .s-modal .s-modal--dialog {
1857
+ padding: var(--_mo-dialog-pt) var(--su24) var(--su24);
1858
+ scrollbar-color: var(--scrollbar) transparent;
1859
+ backface-visibility: hidden;
1860
+ background-color: var(--_mo-dialog-bg);
1807
1861
  border-radius: var(--br-lg);
1808
- background-color: var(--white);
1809
1862
  box-shadow: var(--bs-lg);
1863
+ max-height: 100%;
1864
+ max-width: 600px;
1810
1865
  opacity: 0;
1811
- backface-visibility: hidden;
1866
+ overflow-y: auto;
1812
1867
  transform: translate3d(0, 30%, 0) scale3d(0.6, 0.6, 0.6);
1813
- scrollbar-color: var(--scrollbar) transparent;
1814
1868
  transition: opacity 200ms var(--te-smooth) 0s, z-index 0s 100ms, visibility 0s 100ms, transform 100ms var(--te-smooth) 0s, transform 100ms var(--te-smooth) 0s;
1869
+ visibility: hidden;
1815
1870
  will-change: visibility, z-index, opacity, transform;
1871
+ z-index: var(--zi-hide);
1816
1872
  }
1817
1873
  @media (prefers-color-scheme: dark) {
1818
- body.theme-system .s-modal--dialog {
1819
- background-color: var(--black-100);
1874
+ body.theme-system .s-modal .s-modal--dialog {
1875
+ --_mo-dialog-bg: var(--black-100);
1820
1876
  }
1821
1877
  }
1822
- body.theme-dark .s-modal--dialog,
1823
- .theme-dark__forced .s-modal--dialog,
1824
- body.theme-system .theme-dark__forced .s-modal--dialog {
1825
- background-color: var(--black-100);
1878
+ body.theme-dark .s-modal .s-modal--dialog,
1879
+ .theme-dark__forced .s-modal .s-modal--dialog,
1880
+ body.theme-system .theme-dark__forced .s-modal .s-modal--dialog {
1881
+ --_mo-dialog-bg: var(--black-100);
1826
1882
  }
1827
- .s-modal--dialog::-webkit-scrollbar {
1883
+ .s-modal .s-modal--dialog::-webkit-scrollbar {
1828
1884
  width: calc(var(--su-static12) - var(--su-static2));
1829
1885
  height: calc(var(--su-static12) - var(--su-static2));
1830
1886
  background-color: transparent;
1831
1887
  }
1832
- .s-modal--dialog::-webkit-scrollbar-track {
1888
+ .s-modal .s-modal--dialog::-webkit-scrollbar-track {
1833
1889
  border-radius: calc(var(--su-static12) - var(--su-static2));
1834
1890
  background-color: transparent;
1835
1891
  }
1836
- .s-modal--dialog::-webkit-scrollbar-thumb {
1892
+ .s-modal .s-modal--dialog::-webkit-scrollbar-thumb {
1837
1893
  border-radius: calc(var(--su-static12) - var(--su-static2));
1838
1894
  background-color: var(--scrollbar);
1839
1895
  }
1840
- .s-modal--dialog::-webkit-scrollbar-corner {
1896
+ .s-modal .s-modal--dialog::-webkit-scrollbar-corner {
1841
1897
  background-color: transparent;
1842
1898
  border-color: transparent;
1843
1899
  }
1844
- .s-modal[aria-hidden="false"] .s-modal--dialog {
1845
- transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
1846
- }
1847
- .s-modal--close {
1848
- position: absolute !important;
1849
- top: var(--su8);
1850
- right: var(--su8);
1851
- padding: var(--su12) !important;
1852
- }
1853
- .s-modal--close .svg-icon {
1854
- margin: 0 !important;
1900
+ .s-modal .s-modal--footer {
1901
+ margin-top: var(--su24);
1855
1902
  }
1856
- .s-modal--header {
1857
- margin-bottom: var(--su16);
1858
- color: var(--fc-dark);
1903
+ .s-modal .s-modal--header {
1904
+ color: var(--_mo-header-fc);
1859
1905
  font-size: var(--fs-headline1);
1860
1906
  font-weight: normal;
1861
1907
  line-height: var(--lh-sm);
1862
- }
1863
- .s-modal--body {
1864
- margin-bottom: var(--su24);
1865
- color: var(--fc-medium);
1866
- }
1867
- .s-modal--footer {
1868
- margin-top: var(--su24);
1869
- }
1870
- .s-modal.has-danger,
1871
- .s-modal.s-modal__danger {
1872
- background-color: hsla(358, 67%, 6%, 0.5);
1873
- }
1874
- .s-modal.has-danger .s-modal--header,
1875
- .s-modal.s-modal__danger .s-modal--header {
1876
- color: var(--red-600);
1877
- }
1878
- .s-modal.s-modal__celebration .s-modal--dialog {
1879
- padding-top: var(--su64);
1880
- background-repeat: repeat-x;
1881
- background-position: top -10px center;
1882
- background-image: url("data:image/svg+xml,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A");
1883
- }
1884
- @media (prefers-reduced-motion) {
1885
- .s-modal.s-modal__celebration .s-modal--dialog {
1886
- background-image: url("data:image/svg+xml,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E");
1887
- }
1888
- }
1889
- .s-modal.s-modal__celebration .s-modal--dialog .s-modal--close {
1890
- top: var(--su48);
1891
- }
1892
- .s-modal__full {
1893
- max-width: calc(100% - var(--su48));
1894
- max-height: calc(100% - var(--su48));
1908
+ margin-bottom: var(--su16);
1895
1909
  }
1896
1910
  .s-navigation {
1897
1911
  --_na-fd: row;
@@ -2074,171 +2088,168 @@ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
2074
2088
  margin-bottom: var(--_pt-breadcrums-mb);
2075
2089
  }
2076
2090
  .s-popover {
2077
- display: none;
2078
- position: absolute;
2079
- max-width: 24rem;
2080
- padding: var(--su12);
2081
- z-index: var(--zi-popovers);
2091
+ --_po-bg: var(--white);
2092
+ --_po-bc: var(--bc-medium);
2093
+ --_po-bs: var(--bs-md);
2094
+ --_po-d: none;
2095
+ --_po-wmn: 12rem;
2096
+ --_po-w: 100%;
2097
+ --_po-arrow-fc: var(--white);
2098
+ --_po-arrow-b: unset;
2099
+ --_po-arrow-l: unset;
2100
+ --_po-arrow-r: unset;
2101
+ --_po-arrow-t: unset;
2102
+ --_po-arrow-ps: calc(var(--su6) * -1);
2103
+ --_po-arrow-after-b: unset;
2104
+ --_po-arrow-after-l: unset;
2105
+ --_po-arrow-after-r: unset;
2106
+ --_po-arrow-after-t: unset;
2107
+ --_po-arrow-after-bs: unset;
2108
+ background-color: var(--_po-bg);
2109
+ border: 1px solid var(--_po-bc);
2110
+ box-shadow: var(--_po-bs);
2111
+ display: var(--_po-d);
2112
+ min-width: var(--_po-wmn);
2113
+ width: var(--_po-w);
2082
2114
  border-radius: var(--br-md);
2083
- border: 1px solid var(--bc-medium);
2084
- background-color: var(--white);
2085
- box-shadow: var(--bs-md);
2086
2115
  color: var(--fc-dark);
2087
2116
  font-size: var(--fs-body1);
2088
- min-width: 12rem;
2089
- width: 100%;
2117
+ max-width: 24rem;
2118
+ padding: var(--su12);
2119
+ position: absolute;
2090
2120
  white-space: normal;
2121
+ z-index: var(--zi-popovers);
2091
2122
  }
2092
2123
  @media (prefers-color-scheme: dark) {
2093
2124
  body.theme-system .s-popover {
2094
- background-color: var(--black-075);
2095
- border-color: var(--bc-light);
2096
- box-shadow: var(--bs-lg);
2125
+ --_po-bg: var(--black-075);
2126
+ --_po-bc: var(--bc-light);
2127
+ --_po-bs: var(--bs-lg);
2128
+ --_po-arrow-fc: var(--black-075);
2097
2129
  }
2098
2130
  }
2099
2131
  body.theme-dark .s-popover,
2100
2132
  .theme-dark__forced .s-popover,
2101
2133
  body.theme-system .theme-dark__forced .s-popover {
2102
- background-color: var(--black-075);
2103
- border-color: var(--bc-light);
2104
- box-shadow: var(--bs-lg);
2105
- }
2106
- .s-popover.s-popover__tooltip {
2107
- width: auto;
2108
- min-width: unset;
2134
+ --_po-bg: var(--black-075);
2135
+ --_po-bc: var(--bc-light);
2136
+ --_po-bs: var(--bs-lg);
2137
+ --_po-arrow-fc: var(--black-075);
2109
2138
  }
2110
2139
  .s-popover.is-visible {
2111
- display: block;
2140
+ --_po-d: block;
2141
+ }
2142
+ .s-popover.s-popover__tooltip {
2143
+ --_po-wmn: unset;
2144
+ --_po-w: auto;
2112
2145
  }
2113
2146
  .s-popover[data-popper-placement^="top"] > .s-popover--arrow,
2114
2147
  .s-popover .s-popover--arrow__bc,
2115
2148
  .s-popover .s-popover--arrow__bl,
2116
2149
  .s-popover .s-popover--arrow__br {
2117
- bottom: calc(var(--su6) * -1);
2150
+ --_po-arrow-b: var(--_po-arrow-ps);
2151
+ --_po-arrow-after-b: var(--su-static1);
2152
+ --_po-arrow-after-bs: 2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
2118
2153
  }
2119
- .s-popover[data-popper-placement^="top"] > .s-popover--arrow:after,
2120
- .s-popover .s-popover--arrow__bc:after,
2121
- .s-popover .s-popover--arrow__bl:after,
2122
- .s-popover .s-popover--arrow__br:after {
2123
- bottom: 1px;
2124
- box-shadow: 2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
2125
- }
2126
- body.theme-highcontrast .s-popover[data-popper-placement^="top"] > .s-popover--arrow:after,
2127
- body.theme-highcontrast .s-popover .s-popover--arrow__bc:after,
2128
- body.theme-highcontrast .s-popover .s-popover--arrow__bl:after,
2129
- body.theme-highcontrast .s-popover .s-popover--arrow__br:after {
2130
- box-shadow: 1px 1px 0 0 var(--bc-medium);
2154
+ body.theme-highcontrast .s-popover[data-popper-placement^="top"] > .s-popover--arrow,
2155
+ body.theme-highcontrast .s-popover .s-popover--arrow__bc,
2156
+ body.theme-highcontrast .s-popover .s-popover--arrow__bl,
2157
+ body.theme-highcontrast .s-popover .s-popover--arrow__br {
2158
+ --_po-arrow-after-bs: 1px 1px 0 0 var(--bc-medium);
2131
2159
  }
2132
2160
  .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow,
2133
2161
  .s-popover .s-popover--arrow__tc,
2134
2162
  .s-popover .s-popover--arrow__tl,
2135
2163
  .s-popover .s-popover--arrow__tr {
2136
- top: calc(var(--su6) * -1);
2137
- }
2138
- .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow:after,
2139
- .s-popover .s-popover--arrow__tc:after,
2140
- .s-popover .s-popover--arrow__tl:after,
2141
- .s-popover .s-popover--arrow__tr:after {
2142
- top: 1px;
2143
- box-shadow: -1px -1px 1px 0 hsla(0, 0%, 0%, 0.12);
2164
+ --_po-arrow-t: var(--_po-arrow-ps);
2165
+ --_po-arrow-after-t: var(--su-static1);
2166
+ --_po-arrow-after-bs: -1px -1px 1px 0 hsla(0, 0%, 0%, 0.12);
2144
2167
  }
2145
- body.theme-highcontrast .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow:after,
2146
- body.theme-highcontrast .s-popover .s-popover--arrow__tc:after,
2147
- body.theme-highcontrast .s-popover .s-popover--arrow__tl:after,
2148
- body.theme-highcontrast .s-popover .s-popover--arrow__tr:after {
2149
- box-shadow: -1px -1px 0 0 var(--bc-medium);
2168
+ body.theme-highcontrast .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow,
2169
+ body.theme-highcontrast .s-popover .s-popover--arrow__tc,
2170
+ body.theme-highcontrast .s-popover .s-popover--arrow__tl,
2171
+ body.theme-highcontrast .s-popover .s-popover--arrow__tr {
2172
+ --_po-arrow-after-bs: -1px -1px 0 0 var(--bc-medium);
2150
2173
  }
2151
2174
  .s-popover[data-popper-placement^="left"] > .s-popover--arrow,
2152
2175
  .s-popover .s-popover--arrow__rc,
2153
2176
  .s-popover .s-popover--arrow__rt,
2154
2177
  .s-popover .s-popover--arrow__rb {
2155
- right: calc(var(--su6) * -1);
2178
+ --_po-arrow-r: var(--_po-arrow-ps);
2179
+ --_po-arrow-after-r: var(--su-static1);
2180
+ --_po-arrow-after-bs: 2px -2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px -2px 2px -1px hsla(0, 0%, 0%, 0.1);
2156
2181
  }
2157
- .s-popover[data-popper-placement^="left"] > .s-popover--arrow:after,
2158
- .s-popover .s-popover--arrow__rc:after,
2159
- .s-popover .s-popover--arrow__rt:after,
2160
- .s-popover .s-popover--arrow__rb:after {
2161
- right: 1px;
2162
- box-shadow: 2px -2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px -2px 2px -1px hsla(0, 0%, 0%, 0.1);
2163
- }
2164
- body.theme-highcontrast .s-popover[data-popper-placement^="left"] > .s-popover--arrow:after,
2165
- body.theme-highcontrast .s-popover .s-popover--arrow__rc:after,
2166
- body.theme-highcontrast .s-popover .s-popover--arrow__rt:after,
2167
- body.theme-highcontrast .s-popover .s-popover--arrow__rb:after {
2168
- box-shadow: 1px -1px 0 0 var(--bc-medium);
2182
+ body.theme-highcontrast .s-popover[data-popper-placement^="left"] > .s-popover--arrow,
2183
+ body.theme-highcontrast .s-popover .s-popover--arrow__rc,
2184
+ body.theme-highcontrast .s-popover .s-popover--arrow__rt,
2185
+ body.theme-highcontrast .s-popover .s-popover--arrow__rb {
2186
+ --_po-arrow-after-bs: 1px -1px 0 0 var(--bc-medium);
2169
2187
  }
2170
2188
  .s-popover[data-popper-placement^="right"] > .s-popover--arrow,
2171
2189
  .s-popover .s-popover--arrow__lc,
2172
2190
  .s-popover .s-popover--arrow__lt,
2173
2191
  .s-popover .s-popover--arrow__lb {
2174
- left: calc(var(--su6) * -1);
2175
- }
2176
- .s-popover[data-popper-placement^="right"] > .s-popover--arrow:after,
2177
- .s-popover .s-popover--arrow__lc:after,
2178
- .s-popover .s-popover--arrow__lt:after,
2179
- .s-popover .s-popover--arrow__lb:after {
2180
- left: 1px;
2181
- box-shadow: -2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), -2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
2192
+ --_po-arrow-l: var(--_po-arrow-ps);
2193
+ --_po-arrow-after-l: var(--su-static1);
2194
+ --_po-arrow-after-bs: -2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), -2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
2182
2195
  }
2183
- body.theme-highcontrast .s-popover[data-popper-placement^="right"] > .s-popover--arrow:after,
2184
- body.theme-highcontrast .s-popover .s-popover--arrow__lc:after,
2185
- body.theme-highcontrast .s-popover .s-popover--arrow__lt:after,
2186
- body.theme-highcontrast .s-popover .s-popover--arrow__lb:after {
2187
- box-shadow: -1px 1px 0 0 var(--bc-medium);
2196
+ body.theme-highcontrast .s-popover[data-popper-placement^="right"] > .s-popover--arrow,
2197
+ body.theme-highcontrast .s-popover .s-popover--arrow__lc,
2198
+ body.theme-highcontrast .s-popover .s-popover--arrow__lt,
2199
+ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
2200
+ --_po-arrow-after-bs: -1px 1px 0 0 var(--bc-medium);
2188
2201
  }
2189
2202
  .s-popover .s-popover--arrow__tc,
2190
2203
  .s-popover .s-popover--arrow__bc {
2191
- left: calc(50% - var(--su6));
2204
+ --_po-arrow-l: calc(50% - var(--su6));
2192
2205
  }
2193
2206
  .s-popover .s-popover--arrow__lc,
2194
2207
  .s-popover .s-popover--arrow__rc {
2195
- top: calc(50% - var(--su6));
2208
+ --_po-arrow-t: calc(50% - var(--su6));
2196
2209
  }
2197
2210
  .s-popover .s-popover--arrow__tr,
2198
2211
  .s-popover .s-popover--arrow__br {
2199
- right: var(--su12);
2212
+ --_po-arrow-r: var(--su12);
2200
2213
  }
2201
2214
  .s-popover .s-popover--arrow__rb,
2202
2215
  .s-popover .s-popover--arrow__lb {
2203
- bottom: var(--su12);
2204
- }
2205
- .s-popover--close {
2206
- float: right;
2207
- top: calc(var(--su8) * -1);
2208
- right: calc(var(--su8) * -1);
2209
- padding: var(--su8) !important;
2210
- }
2211
- .s-popover--arrow,
2212
- .s-popover--arrow:before,
2213
- .s-popover--arrow:after {
2214
- position: absolute;
2216
+ --_po-arrow-b: var(--su12);
2217
+ }
2218
+ .s-popover .s-popover--arrow {
2219
+ bottom: var(--_po-arrow-b);
2220
+ color: var(--_po-arrow-fc);
2221
+ left: var(--_po-arrow-l);
2222
+ right: var(--_po-arrow-r);
2223
+ top: var(--_po-arrow-t);
2224
+ }
2225
+ .s-popover .s-popover--arrow,
2226
+ .s-popover .s-popover--arrow:before,
2227
+ .s-popover .s-popover--arrow:after {
2215
2228
  display: block;
2216
- width: var(--su12);
2217
2229
  height: var(--su12);
2230
+ position: absolute;
2231
+ width: var(--su12);
2218
2232
  z-index: -1;
2219
2233
  }
2220
- .s-popover--arrow {
2221
- color: var(--white);
2222
- }
2223
- @media (prefers-color-scheme: dark) {
2224
- body.theme-system .s-popover--arrow {
2225
- color: var(--black-075);
2226
- }
2227
- }
2228
- body.theme-dark .s-popover--arrow,
2229
- .theme-dark__forced .s-popover--arrow,
2230
- body.theme-system .theme-dark__forced .s-popover--arrow {
2231
- color: var(--black-075);
2232
- }
2233
- .s-popover--arrow:before {
2234
+ .s-popover .s-popover--arrow:before,
2235
+ .s-popover .s-popover--arrow:after {
2234
2236
  content: '';
2235
2237
  transform: rotate(45deg);
2236
2238
  }
2237
- .s-popover--arrow:after {
2238
- content: '';
2239
- transform: rotate(45deg);
2240
- border-radius: 1.5px;
2239
+ .s-popover .s-popover--arrow:after {
2240
+ bottom: var(--_po-arrow-after-b);
2241
+ box-shadow: var(--_po-arrow-after-bs);
2242
+ left: var(--_po-arrow-after-l);
2243
+ right: var(--_po-arrow-after-r);
2244
+ top: var(--_po-arrow-after-t);
2241
2245
  background: currentColor;
2246
+ border-radius: calc(var(--su-static1) * 1.5);
2247
+ }
2248
+ .s-popover .s-popover--close {
2249
+ float: right;
2250
+ top: calc(var(--su8) * -1);
2251
+ right: calc(var(--su8) * -1);
2252
+ padding: var(--su8) !important;
2242
2253
  }
2243
2254
  .s-post-summary {
2244
2255
  position: relative;
@@ -3383,19 +3394,37 @@ body.theme-system .theme-dark__forced .s-prose kbd {
3383
3394
  font-size: var(--fs-body2-relative);
3384
3395
  }
3385
3396
  .s-spinner {
3397
+ --_sp-baw: calc(var(--su-static1) * 3);
3398
+ --_sp-size: var(--su-static24);
3399
+ height: var(--_sp-size);
3400
+ width: var(--_sp-size);
3386
3401
  position: relative;
3387
- width: var(--su-static24);
3388
- height: var(--su-static24);
3389
3402
  text-align: left;
3390
3403
  }
3404
+ .s-spinner.s-spinner__xs {
3405
+ --_sp-baw: var(--su-static1);
3406
+ --_sp-size: var(--su-static12);
3407
+ }
3408
+ .s-spinner.s-spinner__sm {
3409
+ --_sp-baw: var(--su-static2);
3410
+ --_sp-size: var(--su-static16);
3411
+ }
3412
+ .s-spinner.s-spinner__md {
3413
+ --_sp-baw: var(--su-static4);
3414
+ --_sp-size: var(--su-static32);
3415
+ }
3416
+ .s-spinner.s-spinner__lg {
3417
+ --_sp-baw: var(--su-static6);
3418
+ --_sp-size: var(--su-static48);
3419
+ }
3391
3420
  .s-spinner:before,
3392
3421
  .s-spinner:after {
3422
+ border: var(--_sp-baw) solid currentColor;
3423
+ border-radius: var(--br-circle);
3393
3424
  content: '';
3425
+ height: 100%;
3394
3426
  position: absolute;
3395
3427
  width: 100%;
3396
- height: 100%;
3397
- border: 3px solid currentColor;
3398
- border-radius: var(--br-circle);
3399
3428
  }
3400
3429
  .s-spinner:before {
3401
3430
  opacity: 0.25;
@@ -3407,77 +3436,32 @@ body.theme-system .theme-dark__forced .s-prose kbd {
3407
3436
  border-bottom-color: transparent;
3408
3437
  animation: s-spinner-rotate 0.9s infinite cubic-bezier(0.5, 0.1, 0.5, 0.9);
3409
3438
  }
3410
- .s-spinner.s-spinner__xs {
3411
- width: var(--su-static12);
3412
- height: var(--su-static12);
3413
- }
3414
- .s-spinner.s-spinner__xs:before,
3415
- .s-spinner.s-spinner__xs:after {
3416
- border-width: 1px;
3417
- }
3418
- .s-spinner.s-spinner__sm {
3419
- width: var(--su-static16);
3420
- height: var(--su-static16);
3421
- }
3422
- .s-spinner.s-spinner__sm:before,
3423
- .s-spinner.s-spinner__sm:after {
3424
- border-width: var(--su-static2);
3425
- }
3426
- .s-spinner.s-spinner__md {
3427
- width: var(--su-static32);
3428
- height: var(--su-static32);
3429
- }
3430
- .s-spinner.s-spinner__md:before,
3431
- .s-spinner.s-spinner__md:after {
3432
- border-width: var(--su-static4);
3433
- }
3434
- .s-spinner.s-spinner__lg {
3435
- width: var(--su-static48);
3436
- height: var(--su-static48);
3437
- }
3438
- .s-spinner.s-spinner__lg:before,
3439
- .s-spinner.s-spinner__lg:after {
3440
- border-width: var(--su-static6);
3441
- }
3442
- @media not all and (min-resolution: 0.001dpcm) {
3443
- @supports (-webkit-appearance:none) and (stroke-color:transparent) {
3444
- .s-spinner,
3445
- .s-spinner:before,
3446
- .s-spinner:after {
3447
- box-shadow: 0 0 0 2px transparent;
3448
- }
3449
- }
3450
- }
3451
3439
  .is-loading {
3452
- position: relative;
3440
+ --_li-offset: 0.6em;
3441
+ --_il-size: 1.23076923em;
3453
3442
  padding-left: 2.2em;
3443
+ position: relative;
3454
3444
  }
3455
- .is-loading:before {
3445
+ .is-loading:before,
3446
+ .is-loading:after {
3447
+ border-radius: var(--br-circle);
3448
+ border-style: solid;
3449
+ border-width: var(--su-static2);
3456
3450
  content: "";
3451
+ height: var(--_il-size);
3452
+ left: var(--_li-offset);
3457
3453
  position: absolute;
3458
- opacity: 0.3;
3459
- left: 0.6em;
3460
- top: calc(50% - 0.6em);
3461
- width: 1.23076923em;
3462
- height: 1.23076923em;
3463
- border-width: 2px;
3464
- border-style: solid;
3454
+ top: calc(50% - var(--_li-offset));
3455
+ width: var(--_il-size);
3456
+ }
3457
+ .is-loading:before {
3465
3458
  border-color: currentColor;
3466
- border-radius: var(--br-circle);
3459
+ opacity: 0.3;
3467
3460
  }
3468
3461
  .is-loading:after {
3469
- content: "";
3470
- position: absolute;
3471
- left: 0.6em;
3472
- top: calc(50% - 0.6em);
3473
- width: 1.23076923em;
3474
- height: 1.23076923em;
3475
- border-width: 2px;
3476
- border-style: solid;
3462
+ animation: s-spinner-rotate 0.9s infinite cubic-bezier(0.5, 0.1, 0.5, 0.9);
3477
3463
  border-color: transparent;
3478
3464
  border-left-color: currentColor;
3479
- border-radius: var(--br-circle);
3480
- animation: s-spinner-rotate 0.9s infinite cubic-bezier(0.5, 0.1, 0.5, 0.9);
3481
3465
  filter: invert(0);
3482
3466
  transform-origin: 50% 50% 1px;
3483
3467
  }
@@ -3714,114 +3698,101 @@ body.theme-system .theme-dark__forced .s-prose kbd {
3714
3698
  width: 100%;
3715
3699
  }
3716
3700
  .s-toggle-switch {
3717
- position: relative;
3701
+ --_ts-bg: var(--black-300);
3702
+ --_ts-bg-ps: left center;
3703
+ --_ts-bs-color: transparent;
3704
+ --_ts-multiple-bg: unset;
3705
+ --_ts-multiple-fc: var(--black-500);
3718
3706
  }
3719
- .s-toggle-switch input[type="checkbox"] {
3707
+ .s-toggle-switch.s-toggle-switch__multiple {
3708
+ align-items: stretch;
3709
+ display: flex;
3710
+ }
3711
+ .s-toggle-switch.s-toggle-switch__multiple input[type="radio"] {
3712
+ left: -999em;
3720
3713
  margin: 0;
3721
3714
  opacity: 0;
3722
3715
  position: absolute;
3723
- left: 0;
3724
- top: 0;
3725
- width: 44px;
3726
- height: 24px;
3727
- cursor: pointer;
3728
- }
3729
- .s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator {
3730
- pointer-events: none;
3731
- outline: 0;
3732
- display: block;
3733
- width: 44px;
3734
- height: 24px;
3735
- position: relative;
3736
- background: var(--black-300);
3737
- border-radius: 1000px;
3738
- padding: 3px;
3739
- transition: left 0.2s ease;
3740
- }
3741
- .s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:after,
3742
- .s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:before {
3743
- position: relative;
3744
- display: block;
3745
- content: "";
3746
- width: 50%;
3747
- height: 100%;
3748
- }
3749
- .s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:after {
3750
- left: 0;
3751
- border-radius: 50%;
3752
- background: hsl(0, 0%, 100%);
3753
- transition: left 0.1s ease;
3754
3716
  }
3755
- body.theme-highcontrast .s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:after {
3756
- background: var(--white);
3757
- }
3758
- .s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:before {
3759
- display: none;
3717
+ .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3718
+ --_ts-multiple-bg: var(--black-500);
3719
+ --_ts-multiple-fc: var(--white);
3760
3720
  }
3761
- .s-toggle-switch input[type="checkbox"]:checked + .s-toggle-switch--indicator {
3762
- background: var(--green-400);
3721
+ @media (prefers-color-scheme: dark) {
3722
+ body.theme-system .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3723
+ --_ts-multiple-bg: var(--black-350);
3724
+ }
3763
3725
  }
3764
- .s-toggle-switch input[type="checkbox"]:checked + .s-toggle-switch--indicator:after {
3765
- left: 50%;
3726
+ body.theme-dark .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off,
3727
+ .theme-dark__forced .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off,
3728
+ body.theme-system .theme-dark__forced .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3729
+ --_ts-multiple-bg: var(--black-350);
3766
3730
  }
3767
- .s-toggle-switch input[type="checkbox"]:focus + .s-toggle-switch--indicator {
3768
- box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-muted);
3731
+ .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
3732
+ --_ts-multiple-bg: var(--green-400);
3733
+ --_ts-multiple-fc: hsl(0, 0%, 100%);
3769
3734
  }
3770
- .s-toggle-switch input[type="checkbox"]:checked:focus + .s-toggle-switch--indicator {
3771
- box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-success);
3735
+ body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
3736
+ --_ts-multiple-fc: var(--white);
3772
3737
  }
3773
- .s-toggle-switch.s-toggle-switch__multiple {
3774
- display: flex;
3775
- align-items: stretch;
3738
+ .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label {
3739
+ --_ts-bs-color: var(--focus-ring-success);
3776
3740
  }
3777
- .s-toggle-switch.s-toggle-switch__multiple input[type="radio"] {
3778
- position: absolute;
3779
- left: -999em;
3780
- opacity: 0;
3781
- margin: 0;
3741
+ .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label.s-toggle-switch--label-off {
3742
+ --_ts-bs-color: var(--focus-ring-muted);
3782
3743
  }
3783
3744
  .s-toggle-switch.s-toggle-switch__multiple label {
3784
- width: 100%;
3785
- margin: 0;
3786
- padding: 0.5em 0.7em;
3745
+ background-color: var(--_ts-multiple-bg);
3746
+ box-shadow: 0 0 0 var(--su-static4) var(--_ts-bs-color);
3747
+ color: var(--_ts-multiple-fc);
3787
3748
  border-radius: 1000px;
3788
- color: var(--black-500);
3749
+ cursor: pointer;
3789
3750
  font-size: var(--fs-body1);
3790
3751
  font-weight: 400;
3791
3752
  line-height: 1;
3753
+ margin: 0;
3754
+ padding: 0.5em 0.7em;
3792
3755
  text-align: center;
3793
3756
  white-space: nowrap;
3794
- cursor: pointer;
3757
+ width: 100%;
3795
3758
  -webkit-touch-callout: none;
3796
3759
  -webkit-user-select: none;
3797
3760
  user-select: none;
3798
3761
  }
3799
- .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3800
- background-color: var(--black-500);
3801
- color: var(--white);
3802
- }
3803
- @media (prefers-color-scheme: dark) {
3804
- body.theme-system .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3805
- background-color: var(--black-350);
3806
- }
3807
- }
3808
- body.theme-dark .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off,
3809
- .theme-dark__forced .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off,
3810
- body.theme-system .theme-dark__forced .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3811
- background-color: var(--black-350);
3762
+ .s-toggle-switch input[type="checkbox"],
3763
+ input[type="checkbox"].s-toggle-switch {
3764
+ background-color: var(--_ts-bg);
3765
+ background-position: var(--_ts-bg-ps);
3766
+ box-shadow: 0 0 0 var(--su-static4) var(--_ts-bs-color);
3767
+ appearance: none;
3768
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
3769
+ background-size: contain;
3770
+ background-repeat: no-repeat;
3771
+ border-radius: 1000px;
3772
+ cursor: pointer;
3773
+ height: var(--su-static24);
3774
+ margin: 0;
3775
+ transition: background-position 0.2s ease;
3776
+ vertical-align: top;
3777
+ width: calc(var(--su-static48) - var(--su-static4));
3812
3778
  }
3813
- .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
3814
- background-color: var(--green-400);
3815
- color: hsl(0, 0%, 100%);
3779
+ .s-toggle-switch input[type="checkbox"]:checked,
3780
+ input[type="checkbox"].s-toggle-switch:checked {
3781
+ --_ts-bg: var(--green-400);
3782
+ --_ts-bg-ps: right center;
3816
3783
  }
3817
- body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
3818
- color: var(--white);
3784
+ .s-toggle-switch input[type="checkbox"]:checked:focus,
3785
+ input[type="checkbox"].s-toggle-switch:checked:focus {
3786
+ --_ts-bs-color: var(--focus-ring-success);
3819
3787
  }
3820
- .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label.s-toggle-switch--label-off {
3821
- box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-muted);
3788
+ .s-toggle-switch input[type="checkbox"]:focus,
3789
+ input[type="checkbox"].s-toggle-switch:focus {
3790
+ --_ts-bs-color: var(--focus-ring-muted);
3791
+ outline: none;
3822
3792
  }
3823
- .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label:not(.s-toggle-switch--label-off) {
3824
- box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-success);
3793
+ .s-toggle-switch input[type="checkbox"][disabled],
3794
+ input[type="checkbox"].s-toggle-switch[disabled] {
3795
+ cursor: default;
3825
3796
  }
3826
3797
  .s-topbar {
3827
3798
  min-width: auto;
@@ -4168,12 +4139,10 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
4168
4139
  body.theme-highcontrast .s-uploader {
4169
4140
  --_up-bg-bc-hc: var(--black-400);
4170
4141
  }
4171
- .s-uploader.is-active {
4172
- --_up-bg: var(--black-050);
4173
- --_up-bg-bc: var(--black-200);
4174
- }
4175
- .s-uploader.is-disabled {
4176
- opacity: var(--_o-disabled-static);
4142
+ .s-uploader.has-error .s-link,
4143
+ .s-uploader.has-success .s-link,
4144
+ .s-uploader.has-warning .s-link {
4145
+ color: var(--_up-link-fc);
4177
4146
  }
4178
4147
  .s-uploader.has-error {
4179
4148
  --_up-bg: var(--red-050);
@@ -4199,13 +4168,12 @@ body.theme-highcontrast .s-uploader {
4199
4168
  --_up-focus-ring-color: var(--focus-ring-warning);
4200
4169
  --_up-link-fc: var(--yellow-900);
4201
4170
  }
4202
- .s-uploader.has-error .s-link,
4203
- .s-uploader.has-success .s-link,
4204
- .s-uploader.has-warning .s-link {
4205
- color: var(--_up-link-fc);
4171
+ .s-uploader.is-active {
4172
+ --_up-bg: var(--black-050);
4173
+ --_up-bg-bc: var(--black-200);
4206
4174
  }
4207
- .s-uploader input[type="file"]::file-selector-button {
4208
- cursor: pointer;
4175
+ .s-uploader.is-disabled {
4176
+ opacity: var(--_o-disabled-static);
4209
4177
  }
4210
4178
  .s-uploader .s-uploader--container {
4211
4179
  align-items: center;
@@ -4317,112 +4285,114 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
4317
4285
  top: var(--su8);
4318
4286
  z-index: var(--zi-active);
4319
4287
  }
4288
+ .s-uploader input[type="file"]::file-selector-button {
4289
+ cursor: pointer;
4290
+ }
4320
4291
  .s-user-card {
4321
- display: grid;
4292
+ --_uc-ai: center;
4293
+ --_uc-bg: unset;
4294
+ --_uc-bar: unset;
4295
+ --_uc-d: grid;
4296
+ --_uc-fc: unset;
4297
+ --_uc-g: var(--su4) var(--su8);
4298
+ --_uc-p: var(--su8);
4299
+ --_uc-info-ai: unset;
4300
+ --_uc-info-fd: column;
4301
+ --_uc-link-fs: var(--fs-caption);
4302
+ --_uc-link-ws: unset;
4303
+ --_uc-rep-fc: unset;
4304
+ --_uc-time-fc: var(--black-500);
4305
+ --_uc-time-ws: unset;
4306
+ --_uc-type-fc: var(--theme-primary-400);
4307
+ align-items: var(--_uc-ai);
4308
+ background-color: var(--_uc-bg);
4309
+ border-radius: var(--_uc-bar);
4310
+ color: var(--_uc-fc);
4311
+ display: var(--_uc-d);
4312
+ gap: var(--_uc-g);
4322
4313
  grid-template-columns: auto 1fr;
4323
- column-gap: var(--su8);
4324
- row-gap: var(--su4);
4325
- align-items: center;
4326
4314
  line-height: 1;
4327
- padding: var(--su8);
4315
+ padding: var(--_uc-p);
4328
4316
  }
4329
- .s-user-card.s-user-card__highlighted {
4330
- background-color: var(--theme-secondary-050);
4331
- border-radius: var(--br-md);
4317
+ .s-user-card.s-user-card__deleted {
4318
+ --_uc-fc: var(--black-500);
4332
4319
  }
4333
- .s-user-card.s-user-card__highlighted .s-user-card--time {
4334
- color: var(--black-600);
4320
+ .s-user-card.s-user-card__highlighted {
4321
+ --_uc-bg: var(--theme-secondary-050);
4322
+ --_uc-bar: var(--br-md);
4323
+ --_uc-time-fc: var(--black-600);
4324
+ --_uc-type-fc: var(--black-700);
4335
4325
  }
4336
- .s-user-card.s-user-card__highlighted .s-user-card--type {
4337
- color: var(--black-700);
4326
+ .s-user-card.s-user-card__minimal,
4327
+ .s-user-card.s-user-card__small {
4328
+ --_uc-d: flex;
4329
+ --_uc-g: var(--su4);
4330
+ --_uc-p: 0;
4331
+ --_uc-info-ai: center;
4332
+ --_uc-info-fd: row;
4338
4333
  }
4339
4334
  .s-user-card.s-user-card__full {
4340
- align-items: flex-start;
4335
+ --_uc-ai: flex-start;
4336
+ --_uc-link-fs: var(--fs-body2);
4341
4337
  }
4342
- .s-user-card.s-user-card__full .s-user-card--link {
4343
- font-size: var(--fs-body2);
4338
+ .s-user-card.s-user-card__minimal {
4339
+ --_uc-link-ws: nowrap;
4340
+ --_uc-rep-fc: var(--black-600);
4341
+ --_uc-time-ws: nowrap;
4344
4342
  }
4345
- .s-user-card.s-user-card__deleted {
4343
+ .s-user-card .s-user-card--location,
4344
+ .s-user-card .s-user-card--role {
4345
+ font-size: var(--fs-caption);
4346
4346
  color: var(--black-500);
4347
4347
  }
4348
- .s-user-card.s-user-card__small {
4349
- display: flex;
4350
- align-items: center;
4351
- gap: var(--su4);
4348
+ .s-user-card .s-user-card--awards {
4349
+ list-style: none;
4350
+ margin: 0;
4352
4351
  padding: 0;
4353
- }
4354
- .s-user-card.s-user-card__small .s-user-card--info {
4355
- flex-direction: row;
4356
4352
  align-items: center;
4357
- }
4358
- .s-user-card.s-user-card__minimal {
4359
4353
  display: flex;
4360
- align-items: center;
4361
- gap: var(--su4);
4362
- padding: 0;
4363
- }
4364
- .s-user-card.s-user-card__minimal .s-user-card--time {
4365
- white-space: nowrap;
4366
- }
4367
- .s-user-card.s-user-card__minimal .s-user-card--link {
4368
- white-space: nowrap;
4369
- }
4370
- .s-user-card.s-user-card__minimal .s-user-card--rep {
4371
- color: var(--black-600);
4372
- }
4373
- .s-user-card.s-user-card__minimal .s-user-card--info {
4374
- flex-direction: row;
4375
- align-items: center;
4376
- }
4377
- .s-user-card .s-user-card--type {
4378
- grid-column: 1 / 3;
4379
- font-size: var(--fs-caption);
4380
- color: var(--theme-primary-400);
4381
- }
4382
- .s-user-card .s-user-card--type a {
4383
- color: inherit;
4354
+ gap: var(--su6);
4384
4355
  }
4385
- .s-user-card--time {
4386
- grid-column: 1 / 3;
4387
- grid-row: 1 / 2;
4388
- color: var(--black-500);
4356
+ .s-user-card .s-user-card--awards li {
4389
4357
  font-size: var(--fs-caption);
4390
4358
  }
4391
- .s-user-card--info {
4359
+ .s-user-card .s-user-card--info {
4360
+ align-items: var(--_uc-info-ai);
4361
+ flex-direction: var(--_uc-info-fd);
4392
4362
  display: flex;
4393
- flex-direction: column;
4394
4363
  gap: var(--su4);
4395
4364
  }
4396
- .s-user-card--link {
4397
- min-width: 0;
4398
- font-size: var(--fs-caption);
4365
+ .s-user-card .s-user-card--link {
4366
+ font-size: var(--_uc-link-fs);
4367
+ white-space: var(--_uc-link-ws);
4399
4368
  align-items: center;
4400
4369
  flex-wrap: wrap;
4370
+ min-width: 0;
4401
4371
  overflow-wrap: break-word;
4402
4372
  }
4403
- .s-user-card--awards {
4404
- list-style: none;
4405
- margin: 0;
4406
- padding: 0;
4407
- display: flex;
4373
+ .s-user-card .s-user-card--rep {
4374
+ color: var(--_uc-rep-fc);
4375
+ font-weight: 700;
4376
+ }
4377
+ .s-user-card .s-user-card--tags {
4408
4378
  align-items: center;
4409
- gap: var(--su6);
4379
+ min-width: 0;
4380
+ flex-wrap: wrap;
4410
4381
  }
4411
- .s-user-card--awards li {
4382
+ .s-user-card .s-user-card--time {
4383
+ color: var(--_uc-time-fc);
4384
+ white-space: var(--_uc-time-ws);
4412
4385
  font-size: var(--fs-caption);
4386
+ grid-column: 1 / 3;
4387
+ grid-row: 1 / 2;
4413
4388
  }
4414
- .s-user-card--rep {
4415
- font-weight: 700;
4416
- }
4417
- .s-user-card--location,
4418
- .s-user-card--role {
4389
+ .s-user-card .s-user-card--type {
4390
+ color: var(--_uc-type-fc);
4419
4391
  font-size: var(--fs-caption);
4420
- color: var(--black-500);
4392
+ grid-column: 1 / 3;
4421
4393
  }
4422
- .s-user-card--tags {
4423
- min-width: 0;
4424
- align-items: center;
4425
- flex-wrap: wrap;
4394
+ .s-user-card .s-user-card--type a {
4395
+ color: inherit;
4426
4396
  }
4427
4397
  .s-sidebarwidget {
4428
4398
  --s-sidebarwidget-content-padding: calc(var(--su16) - var(--su1));
@@ -10115,6 +10085,1590 @@ body.theme-system .theme-dark__forced .d\:bg-theme-secondary-025 {
10115
10085
  .flex__allitems12 > .flex--item {
10116
10086
  flex-basis: 100%;
10117
10087
  }
10088
+ .g0 > .flex--item1,
10089
+ .gx0 > .flex--item1,
10090
+ .gy0 > .flex--item1,
10091
+ .g0.flex__allitems1 > .d-flex,
10092
+ .gx0.flex__allitems1 > .d-flex,
10093
+ .gy0.flex__allitems1 > .d-flex,
10094
+ .g0.flex__allitems1 > .flex--item,
10095
+ .gx0.flex__allitems1 > .flex--item,
10096
+ .gy0.flex__allitems1 > .flex--item {
10097
+ flex-basis: calc(8.333333333333334% - (var(--su0) * 0.9166666666666666));
10098
+ }
10099
+ .g0 > .flex--item2,
10100
+ .gx0 > .flex--item2,
10101
+ .gy0 > .flex--item2,
10102
+ .g0.flex__allitems2 > .d-flex,
10103
+ .gx0.flex__allitems2 > .d-flex,
10104
+ .gy0.flex__allitems2 > .d-flex,
10105
+ .g0.flex__allitems2 > .flex--item,
10106
+ .gx0.flex__allitems2 > .flex--item,
10107
+ .gy0.flex__allitems2 > .flex--item {
10108
+ flex-basis: calc(16.666666666666668% - (var(--su0) * 0.8333333333333334));
10109
+ }
10110
+ .g0 > .flex--item3,
10111
+ .gx0 > .flex--item3,
10112
+ .gy0 > .flex--item3,
10113
+ .g0.flex__allitems3 > .d-flex,
10114
+ .gx0.flex__allitems3 > .d-flex,
10115
+ .gy0.flex__allitems3 > .d-flex,
10116
+ .g0.flex__allitems3 > .flex--item,
10117
+ .gx0.flex__allitems3 > .flex--item,
10118
+ .gy0.flex__allitems3 > .flex--item {
10119
+ flex-basis: calc(25% - (var(--su0) * 0.75));
10120
+ }
10121
+ .g0 > .flex--item4,
10122
+ .gx0 > .flex--item4,
10123
+ .gy0 > .flex--item4,
10124
+ .g0.flex__allitems4 > .d-flex,
10125
+ .gx0.flex__allitems4 > .d-flex,
10126
+ .gy0.flex__allitems4 > .d-flex,
10127
+ .g0.flex__allitems4 > .flex--item,
10128
+ .gx0.flex__allitems4 > .flex--item,
10129
+ .gy0.flex__allitems4 > .flex--item {
10130
+ flex-basis: calc(33.333333333333336% - (var(--su0) * 0.6666666666666666));
10131
+ }
10132
+ .g0 > .flex--item5,
10133
+ .gx0 > .flex--item5,
10134
+ .gy0 > .flex--item5,
10135
+ .g0.flex__allitems5 > .d-flex,
10136
+ .gx0.flex__allitems5 > .d-flex,
10137
+ .gy0.flex__allitems5 > .d-flex,
10138
+ .g0.flex__allitems5 > .flex--item,
10139
+ .gx0.flex__allitems5 > .flex--item,
10140
+ .gy0.flex__allitems5 > .flex--item {
10141
+ flex-basis: calc(41.666666666666664% - (var(--su0) * 0.5833333333333334));
10142
+ }
10143
+ .g0 > .flex--item6,
10144
+ .gx0 > .flex--item6,
10145
+ .gy0 > .flex--item6,
10146
+ .g0.flex__allitems6 > .d-flex,
10147
+ .gx0.flex__allitems6 > .d-flex,
10148
+ .gy0.flex__allitems6 > .d-flex,
10149
+ .g0.flex__allitems6 > .flex--item,
10150
+ .gx0.flex__allitems6 > .flex--item,
10151
+ .gy0.flex__allitems6 > .flex--item {
10152
+ flex-basis: calc(50% - (var(--su0) * 0.5));
10153
+ }
10154
+ .g0 > .flex--item7,
10155
+ .gx0 > .flex--item7,
10156
+ .gy0 > .flex--item7,
10157
+ .g0.flex__allitems7 > .d-flex,
10158
+ .gx0.flex__allitems7 > .d-flex,
10159
+ .gy0.flex__allitems7 > .d-flex,
10160
+ .g0.flex__allitems7 > .flex--item,
10161
+ .gx0.flex__allitems7 > .flex--item,
10162
+ .gy0.flex__allitems7 > .flex--item {
10163
+ flex-basis: calc(58.333333333333336% - (var(--su0) * 0.4166666666666667));
10164
+ }
10165
+ .g0 > .flex--item8,
10166
+ .gx0 > .flex--item8,
10167
+ .gy0 > .flex--item8,
10168
+ .g0.flex__allitems8 > .d-flex,
10169
+ .gx0.flex__allitems8 > .d-flex,
10170
+ .gy0.flex__allitems8 > .d-flex,
10171
+ .g0.flex__allitems8 > .flex--item,
10172
+ .gx0.flex__allitems8 > .flex--item,
10173
+ .gy0.flex__allitems8 > .flex--item {
10174
+ flex-basis: calc(66.66666666666667% - (var(--su0) * 0.3333333333333333));
10175
+ }
10176
+ .g0 > .flex--item9,
10177
+ .gx0 > .flex--item9,
10178
+ .gy0 > .flex--item9,
10179
+ .g0.flex__allitems9 > .d-flex,
10180
+ .gx0.flex__allitems9 > .d-flex,
10181
+ .gy0.flex__allitems9 > .d-flex,
10182
+ .g0.flex__allitems9 > .flex--item,
10183
+ .gx0.flex__allitems9 > .flex--item,
10184
+ .gy0.flex__allitems9 > .flex--item {
10185
+ flex-basis: calc(75% - (var(--su0) * 0.25));
10186
+ }
10187
+ .g0 > .flex--item10,
10188
+ .gx0 > .flex--item10,
10189
+ .gy0 > .flex--item10,
10190
+ .g0.flex__allitems10 > .d-flex,
10191
+ .gx0.flex__allitems10 > .d-flex,
10192
+ .gy0.flex__allitems10 > .d-flex,
10193
+ .g0.flex__allitems10 > .flex--item,
10194
+ .gx0.flex__allitems10 > .flex--item,
10195
+ .gy0.flex__allitems10 > .flex--item {
10196
+ flex-basis: calc(83.33333333333333% - (var(--su0) * 0.16666666666666666));
10197
+ }
10198
+ .g0 > .flex--item11,
10199
+ .gx0 > .flex--item11,
10200
+ .gy0 > .flex--item11,
10201
+ .g0.flex__allitems11 > .d-flex,
10202
+ .gx0.flex__allitems11 > .d-flex,
10203
+ .gy0.flex__allitems11 > .d-flex,
10204
+ .g0.flex__allitems11 > .flex--item,
10205
+ .gx0.flex__allitems11 > .flex--item,
10206
+ .gy0.flex__allitems11 > .flex--item {
10207
+ flex-basis: calc(91.66666666666667% - (var(--su0) * 0.08333333333333333));
10208
+ }
10209
+ .g0 > .flex--item12,
10210
+ .gx0 > .flex--item12,
10211
+ .gy0 > .flex--item12,
10212
+ .g0.flex__allitems12 > .d-flex,
10213
+ .gx0.flex__allitems12 > .d-flex,
10214
+ .gy0.flex__allitems12 > .d-flex,
10215
+ .g0.flex__allitems12 > .flex--item,
10216
+ .gx0.flex__allitems12 > .flex--item,
10217
+ .gy0.flex__allitems12 > .flex--item {
10218
+ flex-basis: calc(100% - (var(--su0) * 0));
10219
+ }
10220
+ .g1 > .flex--item1,
10221
+ .gx1 > .flex--item1,
10222
+ .gy1 > .flex--item1,
10223
+ .g1.flex__allitems1 > .d-flex,
10224
+ .gx1.flex__allitems1 > .d-flex,
10225
+ .gy1.flex__allitems1 > .d-flex,
10226
+ .g1.flex__allitems1 > .flex--item,
10227
+ .gx1.flex__allitems1 > .flex--item,
10228
+ .gy1.flex__allitems1 > .flex--item {
10229
+ flex-basis: calc(8.333333333333334% - (var(--su1) * 0.9166666666666666));
10230
+ }
10231
+ .g1 > .flex--item2,
10232
+ .gx1 > .flex--item2,
10233
+ .gy1 > .flex--item2,
10234
+ .g1.flex__allitems2 > .d-flex,
10235
+ .gx1.flex__allitems2 > .d-flex,
10236
+ .gy1.flex__allitems2 > .d-flex,
10237
+ .g1.flex__allitems2 > .flex--item,
10238
+ .gx1.flex__allitems2 > .flex--item,
10239
+ .gy1.flex__allitems2 > .flex--item {
10240
+ flex-basis: calc(16.666666666666668% - (var(--su1) * 0.8333333333333334));
10241
+ }
10242
+ .g1 > .flex--item3,
10243
+ .gx1 > .flex--item3,
10244
+ .gy1 > .flex--item3,
10245
+ .g1.flex__allitems3 > .d-flex,
10246
+ .gx1.flex__allitems3 > .d-flex,
10247
+ .gy1.flex__allitems3 > .d-flex,
10248
+ .g1.flex__allitems3 > .flex--item,
10249
+ .gx1.flex__allitems3 > .flex--item,
10250
+ .gy1.flex__allitems3 > .flex--item {
10251
+ flex-basis: calc(25% - (var(--su1) * 0.75));
10252
+ }
10253
+ .g1 > .flex--item4,
10254
+ .gx1 > .flex--item4,
10255
+ .gy1 > .flex--item4,
10256
+ .g1.flex__allitems4 > .d-flex,
10257
+ .gx1.flex__allitems4 > .d-flex,
10258
+ .gy1.flex__allitems4 > .d-flex,
10259
+ .g1.flex__allitems4 > .flex--item,
10260
+ .gx1.flex__allitems4 > .flex--item,
10261
+ .gy1.flex__allitems4 > .flex--item {
10262
+ flex-basis: calc(33.333333333333336% - (var(--su1) * 0.6666666666666666));
10263
+ }
10264
+ .g1 > .flex--item5,
10265
+ .gx1 > .flex--item5,
10266
+ .gy1 > .flex--item5,
10267
+ .g1.flex__allitems5 > .d-flex,
10268
+ .gx1.flex__allitems5 > .d-flex,
10269
+ .gy1.flex__allitems5 > .d-flex,
10270
+ .g1.flex__allitems5 > .flex--item,
10271
+ .gx1.flex__allitems5 > .flex--item,
10272
+ .gy1.flex__allitems5 > .flex--item {
10273
+ flex-basis: calc(41.666666666666664% - (var(--su1) * 0.5833333333333334));
10274
+ }
10275
+ .g1 > .flex--item6,
10276
+ .gx1 > .flex--item6,
10277
+ .gy1 > .flex--item6,
10278
+ .g1.flex__allitems6 > .d-flex,
10279
+ .gx1.flex__allitems6 > .d-flex,
10280
+ .gy1.flex__allitems6 > .d-flex,
10281
+ .g1.flex__allitems6 > .flex--item,
10282
+ .gx1.flex__allitems6 > .flex--item,
10283
+ .gy1.flex__allitems6 > .flex--item {
10284
+ flex-basis: calc(50% - (var(--su1) * 0.5));
10285
+ }
10286
+ .g1 > .flex--item7,
10287
+ .gx1 > .flex--item7,
10288
+ .gy1 > .flex--item7,
10289
+ .g1.flex__allitems7 > .d-flex,
10290
+ .gx1.flex__allitems7 > .d-flex,
10291
+ .gy1.flex__allitems7 > .d-flex,
10292
+ .g1.flex__allitems7 > .flex--item,
10293
+ .gx1.flex__allitems7 > .flex--item,
10294
+ .gy1.flex__allitems7 > .flex--item {
10295
+ flex-basis: calc(58.333333333333336% - (var(--su1) * 0.4166666666666667));
10296
+ }
10297
+ .g1 > .flex--item8,
10298
+ .gx1 > .flex--item8,
10299
+ .gy1 > .flex--item8,
10300
+ .g1.flex__allitems8 > .d-flex,
10301
+ .gx1.flex__allitems8 > .d-flex,
10302
+ .gy1.flex__allitems8 > .d-flex,
10303
+ .g1.flex__allitems8 > .flex--item,
10304
+ .gx1.flex__allitems8 > .flex--item,
10305
+ .gy1.flex__allitems8 > .flex--item {
10306
+ flex-basis: calc(66.66666666666667% - (var(--su1) * 0.3333333333333333));
10307
+ }
10308
+ .g1 > .flex--item9,
10309
+ .gx1 > .flex--item9,
10310
+ .gy1 > .flex--item9,
10311
+ .g1.flex__allitems9 > .d-flex,
10312
+ .gx1.flex__allitems9 > .d-flex,
10313
+ .gy1.flex__allitems9 > .d-flex,
10314
+ .g1.flex__allitems9 > .flex--item,
10315
+ .gx1.flex__allitems9 > .flex--item,
10316
+ .gy1.flex__allitems9 > .flex--item {
10317
+ flex-basis: calc(75% - (var(--su1) * 0.25));
10318
+ }
10319
+ .g1 > .flex--item10,
10320
+ .gx1 > .flex--item10,
10321
+ .gy1 > .flex--item10,
10322
+ .g1.flex__allitems10 > .d-flex,
10323
+ .gx1.flex__allitems10 > .d-flex,
10324
+ .gy1.flex__allitems10 > .d-flex,
10325
+ .g1.flex__allitems10 > .flex--item,
10326
+ .gx1.flex__allitems10 > .flex--item,
10327
+ .gy1.flex__allitems10 > .flex--item {
10328
+ flex-basis: calc(83.33333333333333% - (var(--su1) * 0.16666666666666666));
10329
+ }
10330
+ .g1 > .flex--item11,
10331
+ .gx1 > .flex--item11,
10332
+ .gy1 > .flex--item11,
10333
+ .g1.flex__allitems11 > .d-flex,
10334
+ .gx1.flex__allitems11 > .d-flex,
10335
+ .gy1.flex__allitems11 > .d-flex,
10336
+ .g1.flex__allitems11 > .flex--item,
10337
+ .gx1.flex__allitems11 > .flex--item,
10338
+ .gy1.flex__allitems11 > .flex--item {
10339
+ flex-basis: calc(91.66666666666667% - (var(--su1) * 0.08333333333333333));
10340
+ }
10341
+ .g1 > .flex--item12,
10342
+ .gx1 > .flex--item12,
10343
+ .gy1 > .flex--item12,
10344
+ .g1.flex__allitems12 > .d-flex,
10345
+ .gx1.flex__allitems12 > .d-flex,
10346
+ .gy1.flex__allitems12 > .d-flex,
10347
+ .g1.flex__allitems12 > .flex--item,
10348
+ .gx1.flex__allitems12 > .flex--item,
10349
+ .gy1.flex__allitems12 > .flex--item {
10350
+ flex-basis: calc(100% - (var(--su1) * 0));
10351
+ }
10352
+ .g2 > .flex--item1,
10353
+ .gx2 > .flex--item1,
10354
+ .gy2 > .flex--item1,
10355
+ .g2.flex__allitems1 > .d-flex,
10356
+ .gx2.flex__allitems1 > .d-flex,
10357
+ .gy2.flex__allitems1 > .d-flex,
10358
+ .g2.flex__allitems1 > .flex--item,
10359
+ .gx2.flex__allitems1 > .flex--item,
10360
+ .gy2.flex__allitems1 > .flex--item {
10361
+ flex-basis: calc(8.333333333333334% - (var(--su2) * 0.9166666666666666));
10362
+ }
10363
+ .g2 > .flex--item2,
10364
+ .gx2 > .flex--item2,
10365
+ .gy2 > .flex--item2,
10366
+ .g2.flex__allitems2 > .d-flex,
10367
+ .gx2.flex__allitems2 > .d-flex,
10368
+ .gy2.flex__allitems2 > .d-flex,
10369
+ .g2.flex__allitems2 > .flex--item,
10370
+ .gx2.flex__allitems2 > .flex--item,
10371
+ .gy2.flex__allitems2 > .flex--item {
10372
+ flex-basis: calc(16.666666666666668% - (var(--su2) * 0.8333333333333334));
10373
+ }
10374
+ .g2 > .flex--item3,
10375
+ .gx2 > .flex--item3,
10376
+ .gy2 > .flex--item3,
10377
+ .g2.flex__allitems3 > .d-flex,
10378
+ .gx2.flex__allitems3 > .d-flex,
10379
+ .gy2.flex__allitems3 > .d-flex,
10380
+ .g2.flex__allitems3 > .flex--item,
10381
+ .gx2.flex__allitems3 > .flex--item,
10382
+ .gy2.flex__allitems3 > .flex--item {
10383
+ flex-basis: calc(25% - (var(--su2) * 0.75));
10384
+ }
10385
+ .g2 > .flex--item4,
10386
+ .gx2 > .flex--item4,
10387
+ .gy2 > .flex--item4,
10388
+ .g2.flex__allitems4 > .d-flex,
10389
+ .gx2.flex__allitems4 > .d-flex,
10390
+ .gy2.flex__allitems4 > .d-flex,
10391
+ .g2.flex__allitems4 > .flex--item,
10392
+ .gx2.flex__allitems4 > .flex--item,
10393
+ .gy2.flex__allitems4 > .flex--item {
10394
+ flex-basis: calc(33.333333333333336% - (var(--su2) * 0.6666666666666666));
10395
+ }
10396
+ .g2 > .flex--item5,
10397
+ .gx2 > .flex--item5,
10398
+ .gy2 > .flex--item5,
10399
+ .g2.flex__allitems5 > .d-flex,
10400
+ .gx2.flex__allitems5 > .d-flex,
10401
+ .gy2.flex__allitems5 > .d-flex,
10402
+ .g2.flex__allitems5 > .flex--item,
10403
+ .gx2.flex__allitems5 > .flex--item,
10404
+ .gy2.flex__allitems5 > .flex--item {
10405
+ flex-basis: calc(41.666666666666664% - (var(--su2) * 0.5833333333333334));
10406
+ }
10407
+ .g2 > .flex--item6,
10408
+ .gx2 > .flex--item6,
10409
+ .gy2 > .flex--item6,
10410
+ .g2.flex__allitems6 > .d-flex,
10411
+ .gx2.flex__allitems6 > .d-flex,
10412
+ .gy2.flex__allitems6 > .d-flex,
10413
+ .g2.flex__allitems6 > .flex--item,
10414
+ .gx2.flex__allitems6 > .flex--item,
10415
+ .gy2.flex__allitems6 > .flex--item {
10416
+ flex-basis: calc(50% - (var(--su2) * 0.5));
10417
+ }
10418
+ .g2 > .flex--item7,
10419
+ .gx2 > .flex--item7,
10420
+ .gy2 > .flex--item7,
10421
+ .g2.flex__allitems7 > .d-flex,
10422
+ .gx2.flex__allitems7 > .d-flex,
10423
+ .gy2.flex__allitems7 > .d-flex,
10424
+ .g2.flex__allitems7 > .flex--item,
10425
+ .gx2.flex__allitems7 > .flex--item,
10426
+ .gy2.flex__allitems7 > .flex--item {
10427
+ flex-basis: calc(58.333333333333336% - (var(--su2) * 0.4166666666666667));
10428
+ }
10429
+ .g2 > .flex--item8,
10430
+ .gx2 > .flex--item8,
10431
+ .gy2 > .flex--item8,
10432
+ .g2.flex__allitems8 > .d-flex,
10433
+ .gx2.flex__allitems8 > .d-flex,
10434
+ .gy2.flex__allitems8 > .d-flex,
10435
+ .g2.flex__allitems8 > .flex--item,
10436
+ .gx2.flex__allitems8 > .flex--item,
10437
+ .gy2.flex__allitems8 > .flex--item {
10438
+ flex-basis: calc(66.66666666666667% - (var(--su2) * 0.3333333333333333));
10439
+ }
10440
+ .g2 > .flex--item9,
10441
+ .gx2 > .flex--item9,
10442
+ .gy2 > .flex--item9,
10443
+ .g2.flex__allitems9 > .d-flex,
10444
+ .gx2.flex__allitems9 > .d-flex,
10445
+ .gy2.flex__allitems9 > .d-flex,
10446
+ .g2.flex__allitems9 > .flex--item,
10447
+ .gx2.flex__allitems9 > .flex--item,
10448
+ .gy2.flex__allitems9 > .flex--item {
10449
+ flex-basis: calc(75% - (var(--su2) * 0.25));
10450
+ }
10451
+ .g2 > .flex--item10,
10452
+ .gx2 > .flex--item10,
10453
+ .gy2 > .flex--item10,
10454
+ .g2.flex__allitems10 > .d-flex,
10455
+ .gx2.flex__allitems10 > .d-flex,
10456
+ .gy2.flex__allitems10 > .d-flex,
10457
+ .g2.flex__allitems10 > .flex--item,
10458
+ .gx2.flex__allitems10 > .flex--item,
10459
+ .gy2.flex__allitems10 > .flex--item {
10460
+ flex-basis: calc(83.33333333333333% - (var(--su2) * 0.16666666666666666));
10461
+ }
10462
+ .g2 > .flex--item11,
10463
+ .gx2 > .flex--item11,
10464
+ .gy2 > .flex--item11,
10465
+ .g2.flex__allitems11 > .d-flex,
10466
+ .gx2.flex__allitems11 > .d-flex,
10467
+ .gy2.flex__allitems11 > .d-flex,
10468
+ .g2.flex__allitems11 > .flex--item,
10469
+ .gx2.flex__allitems11 > .flex--item,
10470
+ .gy2.flex__allitems11 > .flex--item {
10471
+ flex-basis: calc(91.66666666666667% - (var(--su2) * 0.08333333333333333));
10472
+ }
10473
+ .g2 > .flex--item12,
10474
+ .gx2 > .flex--item12,
10475
+ .gy2 > .flex--item12,
10476
+ .g2.flex__allitems12 > .d-flex,
10477
+ .gx2.flex__allitems12 > .d-flex,
10478
+ .gy2.flex__allitems12 > .d-flex,
10479
+ .g2.flex__allitems12 > .flex--item,
10480
+ .gx2.flex__allitems12 > .flex--item,
10481
+ .gy2.flex__allitems12 > .flex--item {
10482
+ flex-basis: calc(100% - (var(--su2) * 0));
10483
+ }
10484
+ .g4 > .flex--item1,
10485
+ .gx4 > .flex--item1,
10486
+ .gy4 > .flex--item1,
10487
+ .g4.flex__allitems1 > .d-flex,
10488
+ .gx4.flex__allitems1 > .d-flex,
10489
+ .gy4.flex__allitems1 > .d-flex,
10490
+ .g4.flex__allitems1 > .flex--item,
10491
+ .gx4.flex__allitems1 > .flex--item,
10492
+ .gy4.flex__allitems1 > .flex--item {
10493
+ flex-basis: calc(8.333333333333334% - (var(--su4) * 0.9166666666666666));
10494
+ }
10495
+ .g4 > .flex--item2,
10496
+ .gx4 > .flex--item2,
10497
+ .gy4 > .flex--item2,
10498
+ .g4.flex__allitems2 > .d-flex,
10499
+ .gx4.flex__allitems2 > .d-flex,
10500
+ .gy4.flex__allitems2 > .d-flex,
10501
+ .g4.flex__allitems2 > .flex--item,
10502
+ .gx4.flex__allitems2 > .flex--item,
10503
+ .gy4.flex__allitems2 > .flex--item {
10504
+ flex-basis: calc(16.666666666666668% - (var(--su4) * 0.8333333333333334));
10505
+ }
10506
+ .g4 > .flex--item3,
10507
+ .gx4 > .flex--item3,
10508
+ .gy4 > .flex--item3,
10509
+ .g4.flex__allitems3 > .d-flex,
10510
+ .gx4.flex__allitems3 > .d-flex,
10511
+ .gy4.flex__allitems3 > .d-flex,
10512
+ .g4.flex__allitems3 > .flex--item,
10513
+ .gx4.flex__allitems3 > .flex--item,
10514
+ .gy4.flex__allitems3 > .flex--item {
10515
+ flex-basis: calc(25% - (var(--su4) * 0.75));
10516
+ }
10517
+ .g4 > .flex--item4,
10518
+ .gx4 > .flex--item4,
10519
+ .gy4 > .flex--item4,
10520
+ .g4.flex__allitems4 > .d-flex,
10521
+ .gx4.flex__allitems4 > .d-flex,
10522
+ .gy4.flex__allitems4 > .d-flex,
10523
+ .g4.flex__allitems4 > .flex--item,
10524
+ .gx4.flex__allitems4 > .flex--item,
10525
+ .gy4.flex__allitems4 > .flex--item {
10526
+ flex-basis: calc(33.333333333333336% - (var(--su4) * 0.6666666666666666));
10527
+ }
10528
+ .g4 > .flex--item5,
10529
+ .gx4 > .flex--item5,
10530
+ .gy4 > .flex--item5,
10531
+ .g4.flex__allitems5 > .d-flex,
10532
+ .gx4.flex__allitems5 > .d-flex,
10533
+ .gy4.flex__allitems5 > .d-flex,
10534
+ .g4.flex__allitems5 > .flex--item,
10535
+ .gx4.flex__allitems5 > .flex--item,
10536
+ .gy4.flex__allitems5 > .flex--item {
10537
+ flex-basis: calc(41.666666666666664% - (var(--su4) * 0.5833333333333334));
10538
+ }
10539
+ .g4 > .flex--item6,
10540
+ .gx4 > .flex--item6,
10541
+ .gy4 > .flex--item6,
10542
+ .g4.flex__allitems6 > .d-flex,
10543
+ .gx4.flex__allitems6 > .d-flex,
10544
+ .gy4.flex__allitems6 > .d-flex,
10545
+ .g4.flex__allitems6 > .flex--item,
10546
+ .gx4.flex__allitems6 > .flex--item,
10547
+ .gy4.flex__allitems6 > .flex--item {
10548
+ flex-basis: calc(50% - (var(--su4) * 0.5));
10549
+ }
10550
+ .g4 > .flex--item7,
10551
+ .gx4 > .flex--item7,
10552
+ .gy4 > .flex--item7,
10553
+ .g4.flex__allitems7 > .d-flex,
10554
+ .gx4.flex__allitems7 > .d-flex,
10555
+ .gy4.flex__allitems7 > .d-flex,
10556
+ .g4.flex__allitems7 > .flex--item,
10557
+ .gx4.flex__allitems7 > .flex--item,
10558
+ .gy4.flex__allitems7 > .flex--item {
10559
+ flex-basis: calc(58.333333333333336% - (var(--su4) * 0.4166666666666667));
10560
+ }
10561
+ .g4 > .flex--item8,
10562
+ .gx4 > .flex--item8,
10563
+ .gy4 > .flex--item8,
10564
+ .g4.flex__allitems8 > .d-flex,
10565
+ .gx4.flex__allitems8 > .d-flex,
10566
+ .gy4.flex__allitems8 > .d-flex,
10567
+ .g4.flex__allitems8 > .flex--item,
10568
+ .gx4.flex__allitems8 > .flex--item,
10569
+ .gy4.flex__allitems8 > .flex--item {
10570
+ flex-basis: calc(66.66666666666667% - (var(--su4) * 0.3333333333333333));
10571
+ }
10572
+ .g4 > .flex--item9,
10573
+ .gx4 > .flex--item9,
10574
+ .gy4 > .flex--item9,
10575
+ .g4.flex__allitems9 > .d-flex,
10576
+ .gx4.flex__allitems9 > .d-flex,
10577
+ .gy4.flex__allitems9 > .d-flex,
10578
+ .g4.flex__allitems9 > .flex--item,
10579
+ .gx4.flex__allitems9 > .flex--item,
10580
+ .gy4.flex__allitems9 > .flex--item {
10581
+ flex-basis: calc(75% - (var(--su4) * 0.25));
10582
+ }
10583
+ .g4 > .flex--item10,
10584
+ .gx4 > .flex--item10,
10585
+ .gy4 > .flex--item10,
10586
+ .g4.flex__allitems10 > .d-flex,
10587
+ .gx4.flex__allitems10 > .d-flex,
10588
+ .gy4.flex__allitems10 > .d-flex,
10589
+ .g4.flex__allitems10 > .flex--item,
10590
+ .gx4.flex__allitems10 > .flex--item,
10591
+ .gy4.flex__allitems10 > .flex--item {
10592
+ flex-basis: calc(83.33333333333333% - (var(--su4) * 0.16666666666666666));
10593
+ }
10594
+ .g4 > .flex--item11,
10595
+ .gx4 > .flex--item11,
10596
+ .gy4 > .flex--item11,
10597
+ .g4.flex__allitems11 > .d-flex,
10598
+ .gx4.flex__allitems11 > .d-flex,
10599
+ .gy4.flex__allitems11 > .d-flex,
10600
+ .g4.flex__allitems11 > .flex--item,
10601
+ .gx4.flex__allitems11 > .flex--item,
10602
+ .gy4.flex__allitems11 > .flex--item {
10603
+ flex-basis: calc(91.66666666666667% - (var(--su4) * 0.08333333333333333));
10604
+ }
10605
+ .g4 > .flex--item12,
10606
+ .gx4 > .flex--item12,
10607
+ .gy4 > .flex--item12,
10608
+ .g4.flex__allitems12 > .d-flex,
10609
+ .gx4.flex__allitems12 > .d-flex,
10610
+ .gy4.flex__allitems12 > .d-flex,
10611
+ .g4.flex__allitems12 > .flex--item,
10612
+ .gx4.flex__allitems12 > .flex--item,
10613
+ .gy4.flex__allitems12 > .flex--item {
10614
+ flex-basis: calc(100% - (var(--su4) * 0));
10615
+ }
10616
+ .g6 > .flex--item1,
10617
+ .gx6 > .flex--item1,
10618
+ .gy6 > .flex--item1,
10619
+ .g6.flex__allitems1 > .d-flex,
10620
+ .gx6.flex__allitems1 > .d-flex,
10621
+ .gy6.flex__allitems1 > .d-flex,
10622
+ .g6.flex__allitems1 > .flex--item,
10623
+ .gx6.flex__allitems1 > .flex--item,
10624
+ .gy6.flex__allitems1 > .flex--item {
10625
+ flex-basis: calc(8.333333333333334% - (var(--su6) * 0.9166666666666666));
10626
+ }
10627
+ .g6 > .flex--item2,
10628
+ .gx6 > .flex--item2,
10629
+ .gy6 > .flex--item2,
10630
+ .g6.flex__allitems2 > .d-flex,
10631
+ .gx6.flex__allitems2 > .d-flex,
10632
+ .gy6.flex__allitems2 > .d-flex,
10633
+ .g6.flex__allitems2 > .flex--item,
10634
+ .gx6.flex__allitems2 > .flex--item,
10635
+ .gy6.flex__allitems2 > .flex--item {
10636
+ flex-basis: calc(16.666666666666668% - (var(--su6) * 0.8333333333333334));
10637
+ }
10638
+ .g6 > .flex--item3,
10639
+ .gx6 > .flex--item3,
10640
+ .gy6 > .flex--item3,
10641
+ .g6.flex__allitems3 > .d-flex,
10642
+ .gx6.flex__allitems3 > .d-flex,
10643
+ .gy6.flex__allitems3 > .d-flex,
10644
+ .g6.flex__allitems3 > .flex--item,
10645
+ .gx6.flex__allitems3 > .flex--item,
10646
+ .gy6.flex__allitems3 > .flex--item {
10647
+ flex-basis: calc(25% - (var(--su6) * 0.75));
10648
+ }
10649
+ .g6 > .flex--item4,
10650
+ .gx6 > .flex--item4,
10651
+ .gy6 > .flex--item4,
10652
+ .g6.flex__allitems4 > .d-flex,
10653
+ .gx6.flex__allitems4 > .d-flex,
10654
+ .gy6.flex__allitems4 > .d-flex,
10655
+ .g6.flex__allitems4 > .flex--item,
10656
+ .gx6.flex__allitems4 > .flex--item,
10657
+ .gy6.flex__allitems4 > .flex--item {
10658
+ flex-basis: calc(33.333333333333336% - (var(--su6) * 0.6666666666666666));
10659
+ }
10660
+ .g6 > .flex--item5,
10661
+ .gx6 > .flex--item5,
10662
+ .gy6 > .flex--item5,
10663
+ .g6.flex__allitems5 > .d-flex,
10664
+ .gx6.flex__allitems5 > .d-flex,
10665
+ .gy6.flex__allitems5 > .d-flex,
10666
+ .g6.flex__allitems5 > .flex--item,
10667
+ .gx6.flex__allitems5 > .flex--item,
10668
+ .gy6.flex__allitems5 > .flex--item {
10669
+ flex-basis: calc(41.666666666666664% - (var(--su6) * 0.5833333333333334));
10670
+ }
10671
+ .g6 > .flex--item6,
10672
+ .gx6 > .flex--item6,
10673
+ .gy6 > .flex--item6,
10674
+ .g6.flex__allitems6 > .d-flex,
10675
+ .gx6.flex__allitems6 > .d-flex,
10676
+ .gy6.flex__allitems6 > .d-flex,
10677
+ .g6.flex__allitems6 > .flex--item,
10678
+ .gx6.flex__allitems6 > .flex--item,
10679
+ .gy6.flex__allitems6 > .flex--item {
10680
+ flex-basis: calc(50% - (var(--su6) * 0.5));
10681
+ }
10682
+ .g6 > .flex--item7,
10683
+ .gx6 > .flex--item7,
10684
+ .gy6 > .flex--item7,
10685
+ .g6.flex__allitems7 > .d-flex,
10686
+ .gx6.flex__allitems7 > .d-flex,
10687
+ .gy6.flex__allitems7 > .d-flex,
10688
+ .g6.flex__allitems7 > .flex--item,
10689
+ .gx6.flex__allitems7 > .flex--item,
10690
+ .gy6.flex__allitems7 > .flex--item {
10691
+ flex-basis: calc(58.333333333333336% - (var(--su6) * 0.4166666666666667));
10692
+ }
10693
+ .g6 > .flex--item8,
10694
+ .gx6 > .flex--item8,
10695
+ .gy6 > .flex--item8,
10696
+ .g6.flex__allitems8 > .d-flex,
10697
+ .gx6.flex__allitems8 > .d-flex,
10698
+ .gy6.flex__allitems8 > .d-flex,
10699
+ .g6.flex__allitems8 > .flex--item,
10700
+ .gx6.flex__allitems8 > .flex--item,
10701
+ .gy6.flex__allitems8 > .flex--item {
10702
+ flex-basis: calc(66.66666666666667% - (var(--su6) * 0.3333333333333333));
10703
+ }
10704
+ .g6 > .flex--item9,
10705
+ .gx6 > .flex--item9,
10706
+ .gy6 > .flex--item9,
10707
+ .g6.flex__allitems9 > .d-flex,
10708
+ .gx6.flex__allitems9 > .d-flex,
10709
+ .gy6.flex__allitems9 > .d-flex,
10710
+ .g6.flex__allitems9 > .flex--item,
10711
+ .gx6.flex__allitems9 > .flex--item,
10712
+ .gy6.flex__allitems9 > .flex--item {
10713
+ flex-basis: calc(75% - (var(--su6) * 0.25));
10714
+ }
10715
+ .g6 > .flex--item10,
10716
+ .gx6 > .flex--item10,
10717
+ .gy6 > .flex--item10,
10718
+ .g6.flex__allitems10 > .d-flex,
10719
+ .gx6.flex__allitems10 > .d-flex,
10720
+ .gy6.flex__allitems10 > .d-flex,
10721
+ .g6.flex__allitems10 > .flex--item,
10722
+ .gx6.flex__allitems10 > .flex--item,
10723
+ .gy6.flex__allitems10 > .flex--item {
10724
+ flex-basis: calc(83.33333333333333% - (var(--su6) * 0.16666666666666666));
10725
+ }
10726
+ .g6 > .flex--item11,
10727
+ .gx6 > .flex--item11,
10728
+ .gy6 > .flex--item11,
10729
+ .g6.flex__allitems11 > .d-flex,
10730
+ .gx6.flex__allitems11 > .d-flex,
10731
+ .gy6.flex__allitems11 > .d-flex,
10732
+ .g6.flex__allitems11 > .flex--item,
10733
+ .gx6.flex__allitems11 > .flex--item,
10734
+ .gy6.flex__allitems11 > .flex--item {
10735
+ flex-basis: calc(91.66666666666667% - (var(--su6) * 0.08333333333333333));
10736
+ }
10737
+ .g6 > .flex--item12,
10738
+ .gx6 > .flex--item12,
10739
+ .gy6 > .flex--item12,
10740
+ .g6.flex__allitems12 > .d-flex,
10741
+ .gx6.flex__allitems12 > .d-flex,
10742
+ .gy6.flex__allitems12 > .d-flex,
10743
+ .g6.flex__allitems12 > .flex--item,
10744
+ .gx6.flex__allitems12 > .flex--item,
10745
+ .gy6.flex__allitems12 > .flex--item {
10746
+ flex-basis: calc(100% - (var(--su6) * 0));
10747
+ }
10748
+ .g8 > .flex--item1,
10749
+ .gx8 > .flex--item1,
10750
+ .gy8 > .flex--item1,
10751
+ .g8.flex__allitems1 > .d-flex,
10752
+ .gx8.flex__allitems1 > .d-flex,
10753
+ .gy8.flex__allitems1 > .d-flex,
10754
+ .g8.flex__allitems1 > .flex--item,
10755
+ .gx8.flex__allitems1 > .flex--item,
10756
+ .gy8.flex__allitems1 > .flex--item {
10757
+ flex-basis: calc(8.333333333333334% - (var(--su8) * 0.9166666666666666));
10758
+ }
10759
+ .g8 > .flex--item2,
10760
+ .gx8 > .flex--item2,
10761
+ .gy8 > .flex--item2,
10762
+ .g8.flex__allitems2 > .d-flex,
10763
+ .gx8.flex__allitems2 > .d-flex,
10764
+ .gy8.flex__allitems2 > .d-flex,
10765
+ .g8.flex__allitems2 > .flex--item,
10766
+ .gx8.flex__allitems2 > .flex--item,
10767
+ .gy8.flex__allitems2 > .flex--item {
10768
+ flex-basis: calc(16.666666666666668% - (var(--su8) * 0.8333333333333334));
10769
+ }
10770
+ .g8 > .flex--item3,
10771
+ .gx8 > .flex--item3,
10772
+ .gy8 > .flex--item3,
10773
+ .g8.flex__allitems3 > .d-flex,
10774
+ .gx8.flex__allitems3 > .d-flex,
10775
+ .gy8.flex__allitems3 > .d-flex,
10776
+ .g8.flex__allitems3 > .flex--item,
10777
+ .gx8.flex__allitems3 > .flex--item,
10778
+ .gy8.flex__allitems3 > .flex--item {
10779
+ flex-basis: calc(25% - (var(--su8) * 0.75));
10780
+ }
10781
+ .g8 > .flex--item4,
10782
+ .gx8 > .flex--item4,
10783
+ .gy8 > .flex--item4,
10784
+ .g8.flex__allitems4 > .d-flex,
10785
+ .gx8.flex__allitems4 > .d-flex,
10786
+ .gy8.flex__allitems4 > .d-flex,
10787
+ .g8.flex__allitems4 > .flex--item,
10788
+ .gx8.flex__allitems4 > .flex--item,
10789
+ .gy8.flex__allitems4 > .flex--item {
10790
+ flex-basis: calc(33.333333333333336% - (var(--su8) * 0.6666666666666666));
10791
+ }
10792
+ .g8 > .flex--item5,
10793
+ .gx8 > .flex--item5,
10794
+ .gy8 > .flex--item5,
10795
+ .g8.flex__allitems5 > .d-flex,
10796
+ .gx8.flex__allitems5 > .d-flex,
10797
+ .gy8.flex__allitems5 > .d-flex,
10798
+ .g8.flex__allitems5 > .flex--item,
10799
+ .gx8.flex__allitems5 > .flex--item,
10800
+ .gy8.flex__allitems5 > .flex--item {
10801
+ flex-basis: calc(41.666666666666664% - (var(--su8) * 0.5833333333333334));
10802
+ }
10803
+ .g8 > .flex--item6,
10804
+ .gx8 > .flex--item6,
10805
+ .gy8 > .flex--item6,
10806
+ .g8.flex__allitems6 > .d-flex,
10807
+ .gx8.flex__allitems6 > .d-flex,
10808
+ .gy8.flex__allitems6 > .d-flex,
10809
+ .g8.flex__allitems6 > .flex--item,
10810
+ .gx8.flex__allitems6 > .flex--item,
10811
+ .gy8.flex__allitems6 > .flex--item {
10812
+ flex-basis: calc(50% - (var(--su8) * 0.5));
10813
+ }
10814
+ .g8 > .flex--item7,
10815
+ .gx8 > .flex--item7,
10816
+ .gy8 > .flex--item7,
10817
+ .g8.flex__allitems7 > .d-flex,
10818
+ .gx8.flex__allitems7 > .d-flex,
10819
+ .gy8.flex__allitems7 > .d-flex,
10820
+ .g8.flex__allitems7 > .flex--item,
10821
+ .gx8.flex__allitems7 > .flex--item,
10822
+ .gy8.flex__allitems7 > .flex--item {
10823
+ flex-basis: calc(58.333333333333336% - (var(--su8) * 0.4166666666666667));
10824
+ }
10825
+ .g8 > .flex--item8,
10826
+ .gx8 > .flex--item8,
10827
+ .gy8 > .flex--item8,
10828
+ .g8.flex__allitems8 > .d-flex,
10829
+ .gx8.flex__allitems8 > .d-flex,
10830
+ .gy8.flex__allitems8 > .d-flex,
10831
+ .g8.flex__allitems8 > .flex--item,
10832
+ .gx8.flex__allitems8 > .flex--item,
10833
+ .gy8.flex__allitems8 > .flex--item {
10834
+ flex-basis: calc(66.66666666666667% - (var(--su8) * 0.3333333333333333));
10835
+ }
10836
+ .g8 > .flex--item9,
10837
+ .gx8 > .flex--item9,
10838
+ .gy8 > .flex--item9,
10839
+ .g8.flex__allitems9 > .d-flex,
10840
+ .gx8.flex__allitems9 > .d-flex,
10841
+ .gy8.flex__allitems9 > .d-flex,
10842
+ .g8.flex__allitems9 > .flex--item,
10843
+ .gx8.flex__allitems9 > .flex--item,
10844
+ .gy8.flex__allitems9 > .flex--item {
10845
+ flex-basis: calc(75% - (var(--su8) * 0.25));
10846
+ }
10847
+ .g8 > .flex--item10,
10848
+ .gx8 > .flex--item10,
10849
+ .gy8 > .flex--item10,
10850
+ .g8.flex__allitems10 > .d-flex,
10851
+ .gx8.flex__allitems10 > .d-flex,
10852
+ .gy8.flex__allitems10 > .d-flex,
10853
+ .g8.flex__allitems10 > .flex--item,
10854
+ .gx8.flex__allitems10 > .flex--item,
10855
+ .gy8.flex__allitems10 > .flex--item {
10856
+ flex-basis: calc(83.33333333333333% - (var(--su8) * 0.16666666666666666));
10857
+ }
10858
+ .g8 > .flex--item11,
10859
+ .gx8 > .flex--item11,
10860
+ .gy8 > .flex--item11,
10861
+ .g8.flex__allitems11 > .d-flex,
10862
+ .gx8.flex__allitems11 > .d-flex,
10863
+ .gy8.flex__allitems11 > .d-flex,
10864
+ .g8.flex__allitems11 > .flex--item,
10865
+ .gx8.flex__allitems11 > .flex--item,
10866
+ .gy8.flex__allitems11 > .flex--item {
10867
+ flex-basis: calc(91.66666666666667% - (var(--su8) * 0.08333333333333333));
10868
+ }
10869
+ .g8 > .flex--item12,
10870
+ .gx8 > .flex--item12,
10871
+ .gy8 > .flex--item12,
10872
+ .g8.flex__allitems12 > .d-flex,
10873
+ .gx8.flex__allitems12 > .d-flex,
10874
+ .gy8.flex__allitems12 > .d-flex,
10875
+ .g8.flex__allitems12 > .flex--item,
10876
+ .gx8.flex__allitems12 > .flex--item,
10877
+ .gy8.flex__allitems12 > .flex--item {
10878
+ flex-basis: calc(100% - (var(--su8) * 0));
10879
+ }
10880
+ .g12 > .flex--item1,
10881
+ .gx12 > .flex--item1,
10882
+ .gy12 > .flex--item1,
10883
+ .g12.flex__allitems1 > .d-flex,
10884
+ .gx12.flex__allitems1 > .d-flex,
10885
+ .gy12.flex__allitems1 > .d-flex,
10886
+ .g12.flex__allitems1 > .flex--item,
10887
+ .gx12.flex__allitems1 > .flex--item,
10888
+ .gy12.flex__allitems1 > .flex--item {
10889
+ flex-basis: calc(8.333333333333334% - (var(--su12) * 0.9166666666666666));
10890
+ }
10891
+ .g12 > .flex--item2,
10892
+ .gx12 > .flex--item2,
10893
+ .gy12 > .flex--item2,
10894
+ .g12.flex__allitems2 > .d-flex,
10895
+ .gx12.flex__allitems2 > .d-flex,
10896
+ .gy12.flex__allitems2 > .d-flex,
10897
+ .g12.flex__allitems2 > .flex--item,
10898
+ .gx12.flex__allitems2 > .flex--item,
10899
+ .gy12.flex__allitems2 > .flex--item {
10900
+ flex-basis: calc(16.666666666666668% - (var(--su12) * 0.8333333333333334));
10901
+ }
10902
+ .g12 > .flex--item3,
10903
+ .gx12 > .flex--item3,
10904
+ .gy12 > .flex--item3,
10905
+ .g12.flex__allitems3 > .d-flex,
10906
+ .gx12.flex__allitems3 > .d-flex,
10907
+ .gy12.flex__allitems3 > .d-flex,
10908
+ .g12.flex__allitems3 > .flex--item,
10909
+ .gx12.flex__allitems3 > .flex--item,
10910
+ .gy12.flex__allitems3 > .flex--item {
10911
+ flex-basis: calc(25% - (var(--su12) * 0.75));
10912
+ }
10913
+ .g12 > .flex--item4,
10914
+ .gx12 > .flex--item4,
10915
+ .gy12 > .flex--item4,
10916
+ .g12.flex__allitems4 > .d-flex,
10917
+ .gx12.flex__allitems4 > .d-flex,
10918
+ .gy12.flex__allitems4 > .d-flex,
10919
+ .g12.flex__allitems4 > .flex--item,
10920
+ .gx12.flex__allitems4 > .flex--item,
10921
+ .gy12.flex__allitems4 > .flex--item {
10922
+ flex-basis: calc(33.333333333333336% - (var(--su12) * 0.6666666666666666));
10923
+ }
10924
+ .g12 > .flex--item5,
10925
+ .gx12 > .flex--item5,
10926
+ .gy12 > .flex--item5,
10927
+ .g12.flex__allitems5 > .d-flex,
10928
+ .gx12.flex__allitems5 > .d-flex,
10929
+ .gy12.flex__allitems5 > .d-flex,
10930
+ .g12.flex__allitems5 > .flex--item,
10931
+ .gx12.flex__allitems5 > .flex--item,
10932
+ .gy12.flex__allitems5 > .flex--item {
10933
+ flex-basis: calc(41.666666666666664% - (var(--su12) * 0.5833333333333334));
10934
+ }
10935
+ .g12 > .flex--item6,
10936
+ .gx12 > .flex--item6,
10937
+ .gy12 > .flex--item6,
10938
+ .g12.flex__allitems6 > .d-flex,
10939
+ .gx12.flex__allitems6 > .d-flex,
10940
+ .gy12.flex__allitems6 > .d-flex,
10941
+ .g12.flex__allitems6 > .flex--item,
10942
+ .gx12.flex__allitems6 > .flex--item,
10943
+ .gy12.flex__allitems6 > .flex--item {
10944
+ flex-basis: calc(50% - (var(--su12) * 0.5));
10945
+ }
10946
+ .g12 > .flex--item7,
10947
+ .gx12 > .flex--item7,
10948
+ .gy12 > .flex--item7,
10949
+ .g12.flex__allitems7 > .d-flex,
10950
+ .gx12.flex__allitems7 > .d-flex,
10951
+ .gy12.flex__allitems7 > .d-flex,
10952
+ .g12.flex__allitems7 > .flex--item,
10953
+ .gx12.flex__allitems7 > .flex--item,
10954
+ .gy12.flex__allitems7 > .flex--item {
10955
+ flex-basis: calc(58.333333333333336% - (var(--su12) * 0.4166666666666667));
10956
+ }
10957
+ .g12 > .flex--item8,
10958
+ .gx12 > .flex--item8,
10959
+ .gy12 > .flex--item8,
10960
+ .g12.flex__allitems8 > .d-flex,
10961
+ .gx12.flex__allitems8 > .d-flex,
10962
+ .gy12.flex__allitems8 > .d-flex,
10963
+ .g12.flex__allitems8 > .flex--item,
10964
+ .gx12.flex__allitems8 > .flex--item,
10965
+ .gy12.flex__allitems8 > .flex--item {
10966
+ flex-basis: calc(66.66666666666667% - (var(--su12) * 0.3333333333333333));
10967
+ }
10968
+ .g12 > .flex--item9,
10969
+ .gx12 > .flex--item9,
10970
+ .gy12 > .flex--item9,
10971
+ .g12.flex__allitems9 > .d-flex,
10972
+ .gx12.flex__allitems9 > .d-flex,
10973
+ .gy12.flex__allitems9 > .d-flex,
10974
+ .g12.flex__allitems9 > .flex--item,
10975
+ .gx12.flex__allitems9 > .flex--item,
10976
+ .gy12.flex__allitems9 > .flex--item {
10977
+ flex-basis: calc(75% - (var(--su12) * 0.25));
10978
+ }
10979
+ .g12 > .flex--item10,
10980
+ .gx12 > .flex--item10,
10981
+ .gy12 > .flex--item10,
10982
+ .g12.flex__allitems10 > .d-flex,
10983
+ .gx12.flex__allitems10 > .d-flex,
10984
+ .gy12.flex__allitems10 > .d-flex,
10985
+ .g12.flex__allitems10 > .flex--item,
10986
+ .gx12.flex__allitems10 > .flex--item,
10987
+ .gy12.flex__allitems10 > .flex--item {
10988
+ flex-basis: calc(83.33333333333333% - (var(--su12) * 0.16666666666666666));
10989
+ }
10990
+ .g12 > .flex--item11,
10991
+ .gx12 > .flex--item11,
10992
+ .gy12 > .flex--item11,
10993
+ .g12.flex__allitems11 > .d-flex,
10994
+ .gx12.flex__allitems11 > .d-flex,
10995
+ .gy12.flex__allitems11 > .d-flex,
10996
+ .g12.flex__allitems11 > .flex--item,
10997
+ .gx12.flex__allitems11 > .flex--item,
10998
+ .gy12.flex__allitems11 > .flex--item {
10999
+ flex-basis: calc(91.66666666666667% - (var(--su12) * 0.08333333333333333));
11000
+ }
11001
+ .g12 > .flex--item12,
11002
+ .gx12 > .flex--item12,
11003
+ .gy12 > .flex--item12,
11004
+ .g12.flex__allitems12 > .d-flex,
11005
+ .gx12.flex__allitems12 > .d-flex,
11006
+ .gy12.flex__allitems12 > .d-flex,
11007
+ .g12.flex__allitems12 > .flex--item,
11008
+ .gx12.flex__allitems12 > .flex--item,
11009
+ .gy12.flex__allitems12 > .flex--item {
11010
+ flex-basis: calc(100% - (var(--su12) * 0));
11011
+ }
11012
+ .g16 > .flex--item1,
11013
+ .gx16 > .flex--item1,
11014
+ .gy16 > .flex--item1,
11015
+ .g16.flex__allitems1 > .d-flex,
11016
+ .gx16.flex__allitems1 > .d-flex,
11017
+ .gy16.flex__allitems1 > .d-flex,
11018
+ .g16.flex__allitems1 > .flex--item,
11019
+ .gx16.flex__allitems1 > .flex--item,
11020
+ .gy16.flex__allitems1 > .flex--item {
11021
+ flex-basis: calc(8.333333333333334% - (var(--su16) * 0.9166666666666666));
11022
+ }
11023
+ .g16 > .flex--item2,
11024
+ .gx16 > .flex--item2,
11025
+ .gy16 > .flex--item2,
11026
+ .g16.flex__allitems2 > .d-flex,
11027
+ .gx16.flex__allitems2 > .d-flex,
11028
+ .gy16.flex__allitems2 > .d-flex,
11029
+ .g16.flex__allitems2 > .flex--item,
11030
+ .gx16.flex__allitems2 > .flex--item,
11031
+ .gy16.flex__allitems2 > .flex--item {
11032
+ flex-basis: calc(16.666666666666668% - (var(--su16) * 0.8333333333333334));
11033
+ }
11034
+ .g16 > .flex--item3,
11035
+ .gx16 > .flex--item3,
11036
+ .gy16 > .flex--item3,
11037
+ .g16.flex__allitems3 > .d-flex,
11038
+ .gx16.flex__allitems3 > .d-flex,
11039
+ .gy16.flex__allitems3 > .d-flex,
11040
+ .g16.flex__allitems3 > .flex--item,
11041
+ .gx16.flex__allitems3 > .flex--item,
11042
+ .gy16.flex__allitems3 > .flex--item {
11043
+ flex-basis: calc(25% - (var(--su16) * 0.75));
11044
+ }
11045
+ .g16 > .flex--item4,
11046
+ .gx16 > .flex--item4,
11047
+ .gy16 > .flex--item4,
11048
+ .g16.flex__allitems4 > .d-flex,
11049
+ .gx16.flex__allitems4 > .d-flex,
11050
+ .gy16.flex__allitems4 > .d-flex,
11051
+ .g16.flex__allitems4 > .flex--item,
11052
+ .gx16.flex__allitems4 > .flex--item,
11053
+ .gy16.flex__allitems4 > .flex--item {
11054
+ flex-basis: calc(33.333333333333336% - (var(--su16) * 0.6666666666666666));
11055
+ }
11056
+ .g16 > .flex--item5,
11057
+ .gx16 > .flex--item5,
11058
+ .gy16 > .flex--item5,
11059
+ .g16.flex__allitems5 > .d-flex,
11060
+ .gx16.flex__allitems5 > .d-flex,
11061
+ .gy16.flex__allitems5 > .d-flex,
11062
+ .g16.flex__allitems5 > .flex--item,
11063
+ .gx16.flex__allitems5 > .flex--item,
11064
+ .gy16.flex__allitems5 > .flex--item {
11065
+ flex-basis: calc(41.666666666666664% - (var(--su16) * 0.5833333333333334));
11066
+ }
11067
+ .g16 > .flex--item6,
11068
+ .gx16 > .flex--item6,
11069
+ .gy16 > .flex--item6,
11070
+ .g16.flex__allitems6 > .d-flex,
11071
+ .gx16.flex__allitems6 > .d-flex,
11072
+ .gy16.flex__allitems6 > .d-flex,
11073
+ .g16.flex__allitems6 > .flex--item,
11074
+ .gx16.flex__allitems6 > .flex--item,
11075
+ .gy16.flex__allitems6 > .flex--item {
11076
+ flex-basis: calc(50% - (var(--su16) * 0.5));
11077
+ }
11078
+ .g16 > .flex--item7,
11079
+ .gx16 > .flex--item7,
11080
+ .gy16 > .flex--item7,
11081
+ .g16.flex__allitems7 > .d-flex,
11082
+ .gx16.flex__allitems7 > .d-flex,
11083
+ .gy16.flex__allitems7 > .d-flex,
11084
+ .g16.flex__allitems7 > .flex--item,
11085
+ .gx16.flex__allitems7 > .flex--item,
11086
+ .gy16.flex__allitems7 > .flex--item {
11087
+ flex-basis: calc(58.333333333333336% - (var(--su16) * 0.4166666666666667));
11088
+ }
11089
+ .g16 > .flex--item8,
11090
+ .gx16 > .flex--item8,
11091
+ .gy16 > .flex--item8,
11092
+ .g16.flex__allitems8 > .d-flex,
11093
+ .gx16.flex__allitems8 > .d-flex,
11094
+ .gy16.flex__allitems8 > .d-flex,
11095
+ .g16.flex__allitems8 > .flex--item,
11096
+ .gx16.flex__allitems8 > .flex--item,
11097
+ .gy16.flex__allitems8 > .flex--item {
11098
+ flex-basis: calc(66.66666666666667% - (var(--su16) * 0.3333333333333333));
11099
+ }
11100
+ .g16 > .flex--item9,
11101
+ .gx16 > .flex--item9,
11102
+ .gy16 > .flex--item9,
11103
+ .g16.flex__allitems9 > .d-flex,
11104
+ .gx16.flex__allitems9 > .d-flex,
11105
+ .gy16.flex__allitems9 > .d-flex,
11106
+ .g16.flex__allitems9 > .flex--item,
11107
+ .gx16.flex__allitems9 > .flex--item,
11108
+ .gy16.flex__allitems9 > .flex--item {
11109
+ flex-basis: calc(75% - (var(--su16) * 0.25));
11110
+ }
11111
+ .g16 > .flex--item10,
11112
+ .gx16 > .flex--item10,
11113
+ .gy16 > .flex--item10,
11114
+ .g16.flex__allitems10 > .d-flex,
11115
+ .gx16.flex__allitems10 > .d-flex,
11116
+ .gy16.flex__allitems10 > .d-flex,
11117
+ .g16.flex__allitems10 > .flex--item,
11118
+ .gx16.flex__allitems10 > .flex--item,
11119
+ .gy16.flex__allitems10 > .flex--item {
11120
+ flex-basis: calc(83.33333333333333% - (var(--su16) * 0.16666666666666666));
11121
+ }
11122
+ .g16 > .flex--item11,
11123
+ .gx16 > .flex--item11,
11124
+ .gy16 > .flex--item11,
11125
+ .g16.flex__allitems11 > .d-flex,
11126
+ .gx16.flex__allitems11 > .d-flex,
11127
+ .gy16.flex__allitems11 > .d-flex,
11128
+ .g16.flex__allitems11 > .flex--item,
11129
+ .gx16.flex__allitems11 > .flex--item,
11130
+ .gy16.flex__allitems11 > .flex--item {
11131
+ flex-basis: calc(91.66666666666667% - (var(--su16) * 0.08333333333333333));
11132
+ }
11133
+ .g16 > .flex--item12,
11134
+ .gx16 > .flex--item12,
11135
+ .gy16 > .flex--item12,
11136
+ .g16.flex__allitems12 > .d-flex,
11137
+ .gx16.flex__allitems12 > .d-flex,
11138
+ .gy16.flex__allitems12 > .d-flex,
11139
+ .g16.flex__allitems12 > .flex--item,
11140
+ .gx16.flex__allitems12 > .flex--item,
11141
+ .gy16.flex__allitems12 > .flex--item {
11142
+ flex-basis: calc(100% - (var(--su16) * 0));
11143
+ }
11144
+ .g24 > .flex--item1,
11145
+ .gx24 > .flex--item1,
11146
+ .gy24 > .flex--item1,
11147
+ .g24.flex__allitems1 > .d-flex,
11148
+ .gx24.flex__allitems1 > .d-flex,
11149
+ .gy24.flex__allitems1 > .d-flex,
11150
+ .g24.flex__allitems1 > .flex--item,
11151
+ .gx24.flex__allitems1 > .flex--item,
11152
+ .gy24.flex__allitems1 > .flex--item {
11153
+ flex-basis: calc(8.333333333333334% - (var(--su24) * 0.9166666666666666));
11154
+ }
11155
+ .g24 > .flex--item2,
11156
+ .gx24 > .flex--item2,
11157
+ .gy24 > .flex--item2,
11158
+ .g24.flex__allitems2 > .d-flex,
11159
+ .gx24.flex__allitems2 > .d-flex,
11160
+ .gy24.flex__allitems2 > .d-flex,
11161
+ .g24.flex__allitems2 > .flex--item,
11162
+ .gx24.flex__allitems2 > .flex--item,
11163
+ .gy24.flex__allitems2 > .flex--item {
11164
+ flex-basis: calc(16.666666666666668% - (var(--su24) * 0.8333333333333334));
11165
+ }
11166
+ .g24 > .flex--item3,
11167
+ .gx24 > .flex--item3,
11168
+ .gy24 > .flex--item3,
11169
+ .g24.flex__allitems3 > .d-flex,
11170
+ .gx24.flex__allitems3 > .d-flex,
11171
+ .gy24.flex__allitems3 > .d-flex,
11172
+ .g24.flex__allitems3 > .flex--item,
11173
+ .gx24.flex__allitems3 > .flex--item,
11174
+ .gy24.flex__allitems3 > .flex--item {
11175
+ flex-basis: calc(25% - (var(--su24) * 0.75));
11176
+ }
11177
+ .g24 > .flex--item4,
11178
+ .gx24 > .flex--item4,
11179
+ .gy24 > .flex--item4,
11180
+ .g24.flex__allitems4 > .d-flex,
11181
+ .gx24.flex__allitems4 > .d-flex,
11182
+ .gy24.flex__allitems4 > .d-flex,
11183
+ .g24.flex__allitems4 > .flex--item,
11184
+ .gx24.flex__allitems4 > .flex--item,
11185
+ .gy24.flex__allitems4 > .flex--item {
11186
+ flex-basis: calc(33.333333333333336% - (var(--su24) * 0.6666666666666666));
11187
+ }
11188
+ .g24 > .flex--item5,
11189
+ .gx24 > .flex--item5,
11190
+ .gy24 > .flex--item5,
11191
+ .g24.flex__allitems5 > .d-flex,
11192
+ .gx24.flex__allitems5 > .d-flex,
11193
+ .gy24.flex__allitems5 > .d-flex,
11194
+ .g24.flex__allitems5 > .flex--item,
11195
+ .gx24.flex__allitems5 > .flex--item,
11196
+ .gy24.flex__allitems5 > .flex--item {
11197
+ flex-basis: calc(41.666666666666664% - (var(--su24) * 0.5833333333333334));
11198
+ }
11199
+ .g24 > .flex--item6,
11200
+ .gx24 > .flex--item6,
11201
+ .gy24 > .flex--item6,
11202
+ .g24.flex__allitems6 > .d-flex,
11203
+ .gx24.flex__allitems6 > .d-flex,
11204
+ .gy24.flex__allitems6 > .d-flex,
11205
+ .g24.flex__allitems6 > .flex--item,
11206
+ .gx24.flex__allitems6 > .flex--item,
11207
+ .gy24.flex__allitems6 > .flex--item {
11208
+ flex-basis: calc(50% - (var(--su24) * 0.5));
11209
+ }
11210
+ .g24 > .flex--item7,
11211
+ .gx24 > .flex--item7,
11212
+ .gy24 > .flex--item7,
11213
+ .g24.flex__allitems7 > .d-flex,
11214
+ .gx24.flex__allitems7 > .d-flex,
11215
+ .gy24.flex__allitems7 > .d-flex,
11216
+ .g24.flex__allitems7 > .flex--item,
11217
+ .gx24.flex__allitems7 > .flex--item,
11218
+ .gy24.flex__allitems7 > .flex--item {
11219
+ flex-basis: calc(58.333333333333336% - (var(--su24) * 0.4166666666666667));
11220
+ }
11221
+ .g24 > .flex--item8,
11222
+ .gx24 > .flex--item8,
11223
+ .gy24 > .flex--item8,
11224
+ .g24.flex__allitems8 > .d-flex,
11225
+ .gx24.flex__allitems8 > .d-flex,
11226
+ .gy24.flex__allitems8 > .d-flex,
11227
+ .g24.flex__allitems8 > .flex--item,
11228
+ .gx24.flex__allitems8 > .flex--item,
11229
+ .gy24.flex__allitems8 > .flex--item {
11230
+ flex-basis: calc(66.66666666666667% - (var(--su24) * 0.3333333333333333));
11231
+ }
11232
+ .g24 > .flex--item9,
11233
+ .gx24 > .flex--item9,
11234
+ .gy24 > .flex--item9,
11235
+ .g24.flex__allitems9 > .d-flex,
11236
+ .gx24.flex__allitems9 > .d-flex,
11237
+ .gy24.flex__allitems9 > .d-flex,
11238
+ .g24.flex__allitems9 > .flex--item,
11239
+ .gx24.flex__allitems9 > .flex--item,
11240
+ .gy24.flex__allitems9 > .flex--item {
11241
+ flex-basis: calc(75% - (var(--su24) * 0.25));
11242
+ }
11243
+ .g24 > .flex--item10,
11244
+ .gx24 > .flex--item10,
11245
+ .gy24 > .flex--item10,
11246
+ .g24.flex__allitems10 > .d-flex,
11247
+ .gx24.flex__allitems10 > .d-flex,
11248
+ .gy24.flex__allitems10 > .d-flex,
11249
+ .g24.flex__allitems10 > .flex--item,
11250
+ .gx24.flex__allitems10 > .flex--item,
11251
+ .gy24.flex__allitems10 > .flex--item {
11252
+ flex-basis: calc(83.33333333333333% - (var(--su24) * 0.16666666666666666));
11253
+ }
11254
+ .g24 > .flex--item11,
11255
+ .gx24 > .flex--item11,
11256
+ .gy24 > .flex--item11,
11257
+ .g24.flex__allitems11 > .d-flex,
11258
+ .gx24.flex__allitems11 > .d-flex,
11259
+ .gy24.flex__allitems11 > .d-flex,
11260
+ .g24.flex__allitems11 > .flex--item,
11261
+ .gx24.flex__allitems11 > .flex--item,
11262
+ .gy24.flex__allitems11 > .flex--item {
11263
+ flex-basis: calc(91.66666666666667% - (var(--su24) * 0.08333333333333333));
11264
+ }
11265
+ .g24 > .flex--item12,
11266
+ .gx24 > .flex--item12,
11267
+ .gy24 > .flex--item12,
11268
+ .g24.flex__allitems12 > .d-flex,
11269
+ .gx24.flex__allitems12 > .d-flex,
11270
+ .gy24.flex__allitems12 > .d-flex,
11271
+ .g24.flex__allitems12 > .flex--item,
11272
+ .gx24.flex__allitems12 > .flex--item,
11273
+ .gy24.flex__allitems12 > .flex--item {
11274
+ flex-basis: calc(100% - (var(--su24) * 0));
11275
+ }
11276
+ .g32 > .flex--item1,
11277
+ .gx32 > .flex--item1,
11278
+ .gy32 > .flex--item1,
11279
+ .g32.flex__allitems1 > .d-flex,
11280
+ .gx32.flex__allitems1 > .d-flex,
11281
+ .gy32.flex__allitems1 > .d-flex,
11282
+ .g32.flex__allitems1 > .flex--item,
11283
+ .gx32.flex__allitems1 > .flex--item,
11284
+ .gy32.flex__allitems1 > .flex--item {
11285
+ flex-basis: calc(8.333333333333334% - (var(--su32) * 0.9166666666666666));
11286
+ }
11287
+ .g32 > .flex--item2,
11288
+ .gx32 > .flex--item2,
11289
+ .gy32 > .flex--item2,
11290
+ .g32.flex__allitems2 > .d-flex,
11291
+ .gx32.flex__allitems2 > .d-flex,
11292
+ .gy32.flex__allitems2 > .d-flex,
11293
+ .g32.flex__allitems2 > .flex--item,
11294
+ .gx32.flex__allitems2 > .flex--item,
11295
+ .gy32.flex__allitems2 > .flex--item {
11296
+ flex-basis: calc(16.666666666666668% - (var(--su32) * 0.8333333333333334));
11297
+ }
11298
+ .g32 > .flex--item3,
11299
+ .gx32 > .flex--item3,
11300
+ .gy32 > .flex--item3,
11301
+ .g32.flex__allitems3 > .d-flex,
11302
+ .gx32.flex__allitems3 > .d-flex,
11303
+ .gy32.flex__allitems3 > .d-flex,
11304
+ .g32.flex__allitems3 > .flex--item,
11305
+ .gx32.flex__allitems3 > .flex--item,
11306
+ .gy32.flex__allitems3 > .flex--item {
11307
+ flex-basis: calc(25% - (var(--su32) * 0.75));
11308
+ }
11309
+ .g32 > .flex--item4,
11310
+ .gx32 > .flex--item4,
11311
+ .gy32 > .flex--item4,
11312
+ .g32.flex__allitems4 > .d-flex,
11313
+ .gx32.flex__allitems4 > .d-flex,
11314
+ .gy32.flex__allitems4 > .d-flex,
11315
+ .g32.flex__allitems4 > .flex--item,
11316
+ .gx32.flex__allitems4 > .flex--item,
11317
+ .gy32.flex__allitems4 > .flex--item {
11318
+ flex-basis: calc(33.333333333333336% - (var(--su32) * 0.6666666666666666));
11319
+ }
11320
+ .g32 > .flex--item5,
11321
+ .gx32 > .flex--item5,
11322
+ .gy32 > .flex--item5,
11323
+ .g32.flex__allitems5 > .d-flex,
11324
+ .gx32.flex__allitems5 > .d-flex,
11325
+ .gy32.flex__allitems5 > .d-flex,
11326
+ .g32.flex__allitems5 > .flex--item,
11327
+ .gx32.flex__allitems5 > .flex--item,
11328
+ .gy32.flex__allitems5 > .flex--item {
11329
+ flex-basis: calc(41.666666666666664% - (var(--su32) * 0.5833333333333334));
11330
+ }
11331
+ .g32 > .flex--item6,
11332
+ .gx32 > .flex--item6,
11333
+ .gy32 > .flex--item6,
11334
+ .g32.flex__allitems6 > .d-flex,
11335
+ .gx32.flex__allitems6 > .d-flex,
11336
+ .gy32.flex__allitems6 > .d-flex,
11337
+ .g32.flex__allitems6 > .flex--item,
11338
+ .gx32.flex__allitems6 > .flex--item,
11339
+ .gy32.flex__allitems6 > .flex--item {
11340
+ flex-basis: calc(50% - (var(--su32) * 0.5));
11341
+ }
11342
+ .g32 > .flex--item7,
11343
+ .gx32 > .flex--item7,
11344
+ .gy32 > .flex--item7,
11345
+ .g32.flex__allitems7 > .d-flex,
11346
+ .gx32.flex__allitems7 > .d-flex,
11347
+ .gy32.flex__allitems7 > .d-flex,
11348
+ .g32.flex__allitems7 > .flex--item,
11349
+ .gx32.flex__allitems7 > .flex--item,
11350
+ .gy32.flex__allitems7 > .flex--item {
11351
+ flex-basis: calc(58.333333333333336% - (var(--su32) * 0.4166666666666667));
11352
+ }
11353
+ .g32 > .flex--item8,
11354
+ .gx32 > .flex--item8,
11355
+ .gy32 > .flex--item8,
11356
+ .g32.flex__allitems8 > .d-flex,
11357
+ .gx32.flex__allitems8 > .d-flex,
11358
+ .gy32.flex__allitems8 > .d-flex,
11359
+ .g32.flex__allitems8 > .flex--item,
11360
+ .gx32.flex__allitems8 > .flex--item,
11361
+ .gy32.flex__allitems8 > .flex--item {
11362
+ flex-basis: calc(66.66666666666667% - (var(--su32) * 0.3333333333333333));
11363
+ }
11364
+ .g32 > .flex--item9,
11365
+ .gx32 > .flex--item9,
11366
+ .gy32 > .flex--item9,
11367
+ .g32.flex__allitems9 > .d-flex,
11368
+ .gx32.flex__allitems9 > .d-flex,
11369
+ .gy32.flex__allitems9 > .d-flex,
11370
+ .g32.flex__allitems9 > .flex--item,
11371
+ .gx32.flex__allitems9 > .flex--item,
11372
+ .gy32.flex__allitems9 > .flex--item {
11373
+ flex-basis: calc(75% - (var(--su32) * 0.25));
11374
+ }
11375
+ .g32 > .flex--item10,
11376
+ .gx32 > .flex--item10,
11377
+ .gy32 > .flex--item10,
11378
+ .g32.flex__allitems10 > .d-flex,
11379
+ .gx32.flex__allitems10 > .d-flex,
11380
+ .gy32.flex__allitems10 > .d-flex,
11381
+ .g32.flex__allitems10 > .flex--item,
11382
+ .gx32.flex__allitems10 > .flex--item,
11383
+ .gy32.flex__allitems10 > .flex--item {
11384
+ flex-basis: calc(83.33333333333333% - (var(--su32) * 0.16666666666666666));
11385
+ }
11386
+ .g32 > .flex--item11,
11387
+ .gx32 > .flex--item11,
11388
+ .gy32 > .flex--item11,
11389
+ .g32.flex__allitems11 > .d-flex,
11390
+ .gx32.flex__allitems11 > .d-flex,
11391
+ .gy32.flex__allitems11 > .d-flex,
11392
+ .g32.flex__allitems11 > .flex--item,
11393
+ .gx32.flex__allitems11 > .flex--item,
11394
+ .gy32.flex__allitems11 > .flex--item {
11395
+ flex-basis: calc(91.66666666666667% - (var(--su32) * 0.08333333333333333));
11396
+ }
11397
+ .g32 > .flex--item12,
11398
+ .gx32 > .flex--item12,
11399
+ .gy32 > .flex--item12,
11400
+ .g32.flex__allitems12 > .d-flex,
11401
+ .gx32.flex__allitems12 > .d-flex,
11402
+ .gy32.flex__allitems12 > .d-flex,
11403
+ .g32.flex__allitems12 > .flex--item,
11404
+ .gx32.flex__allitems12 > .flex--item,
11405
+ .gy32.flex__allitems12 > .flex--item {
11406
+ flex-basis: calc(100% - (var(--su32) * 0));
11407
+ }
11408
+ .g48 > .flex--item1,
11409
+ .gx48 > .flex--item1,
11410
+ .gy48 > .flex--item1,
11411
+ .g48.flex__allitems1 > .d-flex,
11412
+ .gx48.flex__allitems1 > .d-flex,
11413
+ .gy48.flex__allitems1 > .d-flex,
11414
+ .g48.flex__allitems1 > .flex--item,
11415
+ .gx48.flex__allitems1 > .flex--item,
11416
+ .gy48.flex__allitems1 > .flex--item {
11417
+ flex-basis: calc(8.333333333333334% - (var(--su48) * 0.9166666666666666));
11418
+ }
11419
+ .g48 > .flex--item2,
11420
+ .gx48 > .flex--item2,
11421
+ .gy48 > .flex--item2,
11422
+ .g48.flex__allitems2 > .d-flex,
11423
+ .gx48.flex__allitems2 > .d-flex,
11424
+ .gy48.flex__allitems2 > .d-flex,
11425
+ .g48.flex__allitems2 > .flex--item,
11426
+ .gx48.flex__allitems2 > .flex--item,
11427
+ .gy48.flex__allitems2 > .flex--item {
11428
+ flex-basis: calc(16.666666666666668% - (var(--su48) * 0.8333333333333334));
11429
+ }
11430
+ .g48 > .flex--item3,
11431
+ .gx48 > .flex--item3,
11432
+ .gy48 > .flex--item3,
11433
+ .g48.flex__allitems3 > .d-flex,
11434
+ .gx48.flex__allitems3 > .d-flex,
11435
+ .gy48.flex__allitems3 > .d-flex,
11436
+ .g48.flex__allitems3 > .flex--item,
11437
+ .gx48.flex__allitems3 > .flex--item,
11438
+ .gy48.flex__allitems3 > .flex--item {
11439
+ flex-basis: calc(25% - (var(--su48) * 0.75));
11440
+ }
11441
+ .g48 > .flex--item4,
11442
+ .gx48 > .flex--item4,
11443
+ .gy48 > .flex--item4,
11444
+ .g48.flex__allitems4 > .d-flex,
11445
+ .gx48.flex__allitems4 > .d-flex,
11446
+ .gy48.flex__allitems4 > .d-flex,
11447
+ .g48.flex__allitems4 > .flex--item,
11448
+ .gx48.flex__allitems4 > .flex--item,
11449
+ .gy48.flex__allitems4 > .flex--item {
11450
+ flex-basis: calc(33.333333333333336% - (var(--su48) * 0.6666666666666666));
11451
+ }
11452
+ .g48 > .flex--item5,
11453
+ .gx48 > .flex--item5,
11454
+ .gy48 > .flex--item5,
11455
+ .g48.flex__allitems5 > .d-flex,
11456
+ .gx48.flex__allitems5 > .d-flex,
11457
+ .gy48.flex__allitems5 > .d-flex,
11458
+ .g48.flex__allitems5 > .flex--item,
11459
+ .gx48.flex__allitems5 > .flex--item,
11460
+ .gy48.flex__allitems5 > .flex--item {
11461
+ flex-basis: calc(41.666666666666664% - (var(--su48) * 0.5833333333333334));
11462
+ }
11463
+ .g48 > .flex--item6,
11464
+ .gx48 > .flex--item6,
11465
+ .gy48 > .flex--item6,
11466
+ .g48.flex__allitems6 > .d-flex,
11467
+ .gx48.flex__allitems6 > .d-flex,
11468
+ .gy48.flex__allitems6 > .d-flex,
11469
+ .g48.flex__allitems6 > .flex--item,
11470
+ .gx48.flex__allitems6 > .flex--item,
11471
+ .gy48.flex__allitems6 > .flex--item {
11472
+ flex-basis: calc(50% - (var(--su48) * 0.5));
11473
+ }
11474
+ .g48 > .flex--item7,
11475
+ .gx48 > .flex--item7,
11476
+ .gy48 > .flex--item7,
11477
+ .g48.flex__allitems7 > .d-flex,
11478
+ .gx48.flex__allitems7 > .d-flex,
11479
+ .gy48.flex__allitems7 > .d-flex,
11480
+ .g48.flex__allitems7 > .flex--item,
11481
+ .gx48.flex__allitems7 > .flex--item,
11482
+ .gy48.flex__allitems7 > .flex--item {
11483
+ flex-basis: calc(58.333333333333336% - (var(--su48) * 0.4166666666666667));
11484
+ }
11485
+ .g48 > .flex--item8,
11486
+ .gx48 > .flex--item8,
11487
+ .gy48 > .flex--item8,
11488
+ .g48.flex__allitems8 > .d-flex,
11489
+ .gx48.flex__allitems8 > .d-flex,
11490
+ .gy48.flex__allitems8 > .d-flex,
11491
+ .g48.flex__allitems8 > .flex--item,
11492
+ .gx48.flex__allitems8 > .flex--item,
11493
+ .gy48.flex__allitems8 > .flex--item {
11494
+ flex-basis: calc(66.66666666666667% - (var(--su48) * 0.3333333333333333));
11495
+ }
11496
+ .g48 > .flex--item9,
11497
+ .gx48 > .flex--item9,
11498
+ .gy48 > .flex--item9,
11499
+ .g48.flex__allitems9 > .d-flex,
11500
+ .gx48.flex__allitems9 > .d-flex,
11501
+ .gy48.flex__allitems9 > .d-flex,
11502
+ .g48.flex__allitems9 > .flex--item,
11503
+ .gx48.flex__allitems9 > .flex--item,
11504
+ .gy48.flex__allitems9 > .flex--item {
11505
+ flex-basis: calc(75% - (var(--su48) * 0.25));
11506
+ }
11507
+ .g48 > .flex--item10,
11508
+ .gx48 > .flex--item10,
11509
+ .gy48 > .flex--item10,
11510
+ .g48.flex__allitems10 > .d-flex,
11511
+ .gx48.flex__allitems10 > .d-flex,
11512
+ .gy48.flex__allitems10 > .d-flex,
11513
+ .g48.flex__allitems10 > .flex--item,
11514
+ .gx48.flex__allitems10 > .flex--item,
11515
+ .gy48.flex__allitems10 > .flex--item {
11516
+ flex-basis: calc(83.33333333333333% - (var(--su48) * 0.16666666666666666));
11517
+ }
11518
+ .g48 > .flex--item11,
11519
+ .gx48 > .flex--item11,
11520
+ .gy48 > .flex--item11,
11521
+ .g48.flex__allitems11 > .d-flex,
11522
+ .gx48.flex__allitems11 > .d-flex,
11523
+ .gy48.flex__allitems11 > .d-flex,
11524
+ .g48.flex__allitems11 > .flex--item,
11525
+ .gx48.flex__allitems11 > .flex--item,
11526
+ .gy48.flex__allitems11 > .flex--item {
11527
+ flex-basis: calc(91.66666666666667% - (var(--su48) * 0.08333333333333333));
11528
+ }
11529
+ .g48 > .flex--item12,
11530
+ .gx48 > .flex--item12,
11531
+ .gy48 > .flex--item12,
11532
+ .g48.flex__allitems12 > .d-flex,
11533
+ .gx48.flex__allitems12 > .d-flex,
11534
+ .gy48.flex__allitems12 > .d-flex,
11535
+ .g48.flex__allitems12 > .flex--item,
11536
+ .gx48.flex__allitems12 > .flex--item,
11537
+ .gy48.flex__allitems12 > .flex--item {
11538
+ flex-basis: calc(100% - (var(--su48) * 0));
11539
+ }
11540
+ .g64 > .flex--item1,
11541
+ .gx64 > .flex--item1,
11542
+ .gy64 > .flex--item1,
11543
+ .g64.flex__allitems1 > .d-flex,
11544
+ .gx64.flex__allitems1 > .d-flex,
11545
+ .gy64.flex__allitems1 > .d-flex,
11546
+ .g64.flex__allitems1 > .flex--item,
11547
+ .gx64.flex__allitems1 > .flex--item,
11548
+ .gy64.flex__allitems1 > .flex--item {
11549
+ flex-basis: calc(8.333333333333334% - (var(--su64) * 0.9166666666666666));
11550
+ }
11551
+ .g64 > .flex--item2,
11552
+ .gx64 > .flex--item2,
11553
+ .gy64 > .flex--item2,
11554
+ .g64.flex__allitems2 > .d-flex,
11555
+ .gx64.flex__allitems2 > .d-flex,
11556
+ .gy64.flex__allitems2 > .d-flex,
11557
+ .g64.flex__allitems2 > .flex--item,
11558
+ .gx64.flex__allitems2 > .flex--item,
11559
+ .gy64.flex__allitems2 > .flex--item {
11560
+ flex-basis: calc(16.666666666666668% - (var(--su64) * 0.8333333333333334));
11561
+ }
11562
+ .g64 > .flex--item3,
11563
+ .gx64 > .flex--item3,
11564
+ .gy64 > .flex--item3,
11565
+ .g64.flex__allitems3 > .d-flex,
11566
+ .gx64.flex__allitems3 > .d-flex,
11567
+ .gy64.flex__allitems3 > .d-flex,
11568
+ .g64.flex__allitems3 > .flex--item,
11569
+ .gx64.flex__allitems3 > .flex--item,
11570
+ .gy64.flex__allitems3 > .flex--item {
11571
+ flex-basis: calc(25% - (var(--su64) * 0.75));
11572
+ }
11573
+ .g64 > .flex--item4,
11574
+ .gx64 > .flex--item4,
11575
+ .gy64 > .flex--item4,
11576
+ .g64.flex__allitems4 > .d-flex,
11577
+ .gx64.flex__allitems4 > .d-flex,
11578
+ .gy64.flex__allitems4 > .d-flex,
11579
+ .g64.flex__allitems4 > .flex--item,
11580
+ .gx64.flex__allitems4 > .flex--item,
11581
+ .gy64.flex__allitems4 > .flex--item {
11582
+ flex-basis: calc(33.333333333333336% - (var(--su64) * 0.6666666666666666));
11583
+ }
11584
+ .g64 > .flex--item5,
11585
+ .gx64 > .flex--item5,
11586
+ .gy64 > .flex--item5,
11587
+ .g64.flex__allitems5 > .d-flex,
11588
+ .gx64.flex__allitems5 > .d-flex,
11589
+ .gy64.flex__allitems5 > .d-flex,
11590
+ .g64.flex__allitems5 > .flex--item,
11591
+ .gx64.flex__allitems5 > .flex--item,
11592
+ .gy64.flex__allitems5 > .flex--item {
11593
+ flex-basis: calc(41.666666666666664% - (var(--su64) * 0.5833333333333334));
11594
+ }
11595
+ .g64 > .flex--item6,
11596
+ .gx64 > .flex--item6,
11597
+ .gy64 > .flex--item6,
11598
+ .g64.flex__allitems6 > .d-flex,
11599
+ .gx64.flex__allitems6 > .d-flex,
11600
+ .gy64.flex__allitems6 > .d-flex,
11601
+ .g64.flex__allitems6 > .flex--item,
11602
+ .gx64.flex__allitems6 > .flex--item,
11603
+ .gy64.flex__allitems6 > .flex--item {
11604
+ flex-basis: calc(50% - (var(--su64) * 0.5));
11605
+ }
11606
+ .g64 > .flex--item7,
11607
+ .gx64 > .flex--item7,
11608
+ .gy64 > .flex--item7,
11609
+ .g64.flex__allitems7 > .d-flex,
11610
+ .gx64.flex__allitems7 > .d-flex,
11611
+ .gy64.flex__allitems7 > .d-flex,
11612
+ .g64.flex__allitems7 > .flex--item,
11613
+ .gx64.flex__allitems7 > .flex--item,
11614
+ .gy64.flex__allitems7 > .flex--item {
11615
+ flex-basis: calc(58.333333333333336% - (var(--su64) * 0.4166666666666667));
11616
+ }
11617
+ .g64 > .flex--item8,
11618
+ .gx64 > .flex--item8,
11619
+ .gy64 > .flex--item8,
11620
+ .g64.flex__allitems8 > .d-flex,
11621
+ .gx64.flex__allitems8 > .d-flex,
11622
+ .gy64.flex__allitems8 > .d-flex,
11623
+ .g64.flex__allitems8 > .flex--item,
11624
+ .gx64.flex__allitems8 > .flex--item,
11625
+ .gy64.flex__allitems8 > .flex--item {
11626
+ flex-basis: calc(66.66666666666667% - (var(--su64) * 0.3333333333333333));
11627
+ }
11628
+ .g64 > .flex--item9,
11629
+ .gx64 > .flex--item9,
11630
+ .gy64 > .flex--item9,
11631
+ .g64.flex__allitems9 > .d-flex,
11632
+ .gx64.flex__allitems9 > .d-flex,
11633
+ .gy64.flex__allitems9 > .d-flex,
11634
+ .g64.flex__allitems9 > .flex--item,
11635
+ .gx64.flex__allitems9 > .flex--item,
11636
+ .gy64.flex__allitems9 > .flex--item {
11637
+ flex-basis: calc(75% - (var(--su64) * 0.25));
11638
+ }
11639
+ .g64 > .flex--item10,
11640
+ .gx64 > .flex--item10,
11641
+ .gy64 > .flex--item10,
11642
+ .g64.flex__allitems10 > .d-flex,
11643
+ .gx64.flex__allitems10 > .d-flex,
11644
+ .gy64.flex__allitems10 > .d-flex,
11645
+ .g64.flex__allitems10 > .flex--item,
11646
+ .gx64.flex__allitems10 > .flex--item,
11647
+ .gy64.flex__allitems10 > .flex--item {
11648
+ flex-basis: calc(83.33333333333333% - (var(--su64) * 0.16666666666666666));
11649
+ }
11650
+ .g64 > .flex--item11,
11651
+ .gx64 > .flex--item11,
11652
+ .gy64 > .flex--item11,
11653
+ .g64.flex__allitems11 > .d-flex,
11654
+ .gx64.flex__allitems11 > .d-flex,
11655
+ .gy64.flex__allitems11 > .d-flex,
11656
+ .g64.flex__allitems11 > .flex--item,
11657
+ .gx64.flex__allitems11 > .flex--item,
11658
+ .gy64.flex__allitems11 > .flex--item {
11659
+ flex-basis: calc(91.66666666666667% - (var(--su64) * 0.08333333333333333));
11660
+ }
11661
+ .g64 > .flex--item12,
11662
+ .gx64 > .flex--item12,
11663
+ .gy64 > .flex--item12,
11664
+ .g64.flex__allitems12 > .d-flex,
11665
+ .gx64.flex__allitems12 > .d-flex,
11666
+ .gy64.flex__allitems12 > .d-flex,
11667
+ .g64.flex__allitems12 > .flex--item,
11668
+ .gx64.flex__allitems12 > .flex--item,
11669
+ .gy64.flex__allitems12 > .flex--item {
11670
+ flex-basis: calc(100% - (var(--su64) * 0));
11671
+ }
10118
11672
  .gs2 {
10119
11673
  margin: calc(var(--su2) / 2 * -1);
10120
11674
  }
@@ -11348,52 +12902,52 @@ body.theme-system .theme-dark__forced .d\:bg-theme-secondary-025 {
11348
12902
  flex-grow: 5;
11349
12903
  }
11350
12904
  .g0 {
11351
- --_gap-x: 0;
11352
12905
  --_gap-y: 0;
12906
+ --_gap-x: 0;
11353
12907
  }
11354
12908
  .g1 {
11355
- --_gap-x: var(--su1);
11356
12909
  --_gap-y: var(--su1);
12910
+ --_gap-x: var(--su1);
11357
12911
  }
11358
12912
  .g2 {
11359
- --_gap-x: var(--su2);
11360
12913
  --_gap-y: var(--su2);
12914
+ --_gap-x: var(--su2);
11361
12915
  }
11362
12916
  .g4 {
11363
- --_gap-x: var(--su4);
11364
12917
  --_gap-y: var(--su4);
12918
+ --_gap-x: var(--su4);
11365
12919
  }
11366
12920
  .g6 {
11367
- --_gap-x: var(--su6);
11368
12921
  --_gap-y: var(--su6);
12922
+ --_gap-x: var(--su6);
11369
12923
  }
11370
12924
  .g8 {
11371
- --_gap-x: var(--su8);
11372
12925
  --_gap-y: var(--su8);
12926
+ --_gap-x: var(--su8);
11373
12927
  }
11374
12928
  .g12 {
11375
- --_gap-x: var(--su12);
11376
12929
  --_gap-y: var(--su12);
12930
+ --_gap-x: var(--su12);
11377
12931
  }
11378
12932
  .g16 {
11379
- --_gap-x: var(--su16);
11380
12933
  --_gap-y: var(--su16);
12934
+ --_gap-x: var(--su16);
11381
12935
  }
11382
12936
  .g24 {
11383
- --_gap-x: var(--su24);
11384
12937
  --_gap-y: var(--su24);
12938
+ --_gap-x: var(--su24);
11385
12939
  }
11386
12940
  .g32 {
11387
- --_gap-x: var(--su32);
11388
12941
  --_gap-y: var(--su32);
12942
+ --_gap-x: var(--su32);
11389
12943
  }
11390
12944
  .g48 {
11391
- --_gap-x: var(--su48);
11392
12945
  --_gap-y: var(--su48);
12946
+ --_gap-x: var(--su48);
11393
12947
  }
11394
12948
  .g64 {
11395
- --_gap-x: var(--su64);
11396
12949
  --_gap-y: var(--su64);
12950
+ --_gap-x: var(--su64);
11397
12951
  }
11398
12952
  .gx0 {
11399
12953
  --_gap-x: 0;
@@ -11503,7 +13057,7 @@ body.theme-system .theme-dark__forced .d\:bg-theme-secondary-025 {
11503
13057
  .g32,
11504
13058
  .g48,
11505
13059
  .g64 {
11506
- gap: var(--_gap-x, 0) var(--_gap-y, 0);
13060
+ gap: var(--_gap-y, 0) var(--_gap-x, 0);
11507
13061
  }
11508
13062
  .g-af-dense {
11509
13063
  grid-auto-flow: dense;
@@ -14829,52 +16383,52 @@ ol {
14829
16383
  flex: 1 auto !important;
14830
16384
  }
14831
16385
  .lg\:g0 {
14832
- --_gap-x: 0;
14833
16386
  --_gap-y: 0;
16387
+ --_gap-x: 0;
14834
16388
  }
14835
16389
  .lg\:g1 {
14836
- --_gap-x: var(--su1);
14837
16390
  --_gap-y: var(--su1);
16391
+ --_gap-x: var(--su1);
14838
16392
  }
14839
16393
  .lg\:g2 {
14840
- --_gap-x: var(--su2);
14841
16394
  --_gap-y: var(--su2);
16395
+ --_gap-x: var(--su2);
14842
16396
  }
14843
16397
  .lg\:g4 {
14844
- --_gap-x: var(--su4);
14845
16398
  --_gap-y: var(--su4);
16399
+ --_gap-x: var(--su4);
14846
16400
  }
14847
16401
  .lg\:g6 {
14848
- --_gap-x: var(--su6);
14849
16402
  --_gap-y: var(--su6);
16403
+ --_gap-x: var(--su6);
14850
16404
  }
14851
16405
  .lg\:g8 {
14852
- --_gap-x: var(--su8);
14853
16406
  --_gap-y: var(--su8);
16407
+ --_gap-x: var(--su8);
14854
16408
  }
14855
16409
  .lg\:g12 {
14856
- --_gap-x: var(--su12);
14857
16410
  --_gap-y: var(--su12);
16411
+ --_gap-x: var(--su12);
14858
16412
  }
14859
16413
  .lg\:g16 {
14860
- --_gap-x: var(--su16);
14861
16414
  --_gap-y: var(--su16);
16415
+ --_gap-x: var(--su16);
14862
16416
  }
14863
16417
  .lg\:g24 {
14864
- --_gap-x: var(--su24);
14865
16418
  --_gap-y: var(--su24);
16419
+ --_gap-x: var(--su24);
14866
16420
  }
14867
16421
  .lg\:g32 {
14868
- --_gap-x: var(--su32);
14869
16422
  --_gap-y: var(--su32);
16423
+ --_gap-x: var(--su32);
14870
16424
  }
14871
16425
  .lg\:g48 {
14872
- --_gap-x: var(--su48);
14873
16426
  --_gap-y: var(--su48);
16427
+ --_gap-x: var(--su48);
14874
16428
  }
14875
16429
  .lg\:g64 {
14876
- --_gap-x: var(--su64);
14877
16430
  --_gap-y: var(--su64);
16431
+ --_gap-x: var(--su64);
14878
16432
  }
14879
16433
  .lg\:gx0 {
14880
16434
  --_gap-x: 0;
@@ -16483,52 +18037,52 @@ ol {
16483
18037
  flex: 1 auto !important;
16484
18038
  }
16485
18039
  .md\:g0 {
16486
- --_gap-x: 0;
16487
18040
  --_gap-y: 0;
18041
+ --_gap-x: 0;
16488
18042
  }
16489
18043
  .md\:g1 {
16490
- --_gap-x: var(--su1);
16491
18044
  --_gap-y: var(--su1);
18045
+ --_gap-x: var(--su1);
16492
18046
  }
16493
18047
  .md\:g2 {
16494
- --_gap-x: var(--su2);
16495
18048
  --_gap-y: var(--su2);
18049
+ --_gap-x: var(--su2);
16496
18050
  }
16497
18051
  .md\:g4 {
16498
- --_gap-x: var(--su4);
16499
18052
  --_gap-y: var(--su4);
18053
+ --_gap-x: var(--su4);
16500
18054
  }
16501
18055
  .md\:g6 {
16502
- --_gap-x: var(--su6);
16503
18056
  --_gap-y: var(--su6);
18057
+ --_gap-x: var(--su6);
16504
18058
  }
16505
18059
  .md\:g8 {
16506
- --_gap-x: var(--su8);
16507
18060
  --_gap-y: var(--su8);
18061
+ --_gap-x: var(--su8);
16508
18062
  }
16509
18063
  .md\:g12 {
16510
- --_gap-x: var(--su12);
16511
18064
  --_gap-y: var(--su12);
18065
+ --_gap-x: var(--su12);
16512
18066
  }
16513
18067
  .md\:g16 {
16514
- --_gap-x: var(--su16);
16515
18068
  --_gap-y: var(--su16);
18069
+ --_gap-x: var(--su16);
16516
18070
  }
16517
18071
  .md\:g24 {
16518
- --_gap-x: var(--su24);
16519
18072
  --_gap-y: var(--su24);
18073
+ --_gap-x: var(--su24);
16520
18074
  }
16521
18075
  .md\:g32 {
16522
- --_gap-x: var(--su32);
16523
18076
  --_gap-y: var(--su32);
18077
+ --_gap-x: var(--su32);
16524
18078
  }
16525
18079
  .md\:g48 {
16526
- --_gap-x: var(--su48);
16527
18080
  --_gap-y: var(--su48);
18081
+ --_gap-x: var(--su48);
16528
18082
  }
16529
18083
  .md\:g64 {
16530
- --_gap-x: var(--su64);
16531
18084
  --_gap-y: var(--su64);
18085
+ --_gap-x: var(--su64);
16532
18086
  }
16533
18087
  .md\:gx0 {
16534
18088
  --_gap-x: 0;
@@ -18137,52 +19691,52 @@ ol {
18137
19691
  flex: 1 auto !important;
18138
19692
  }
18139
19693
  .sm\:g0 {
18140
- --_gap-x: 0;
18141
19694
  --_gap-y: 0;
19695
+ --_gap-x: 0;
18142
19696
  }
18143
19697
  .sm\:g1 {
18144
- --_gap-x: var(--su1);
18145
19698
  --_gap-y: var(--su1);
19699
+ --_gap-x: var(--su1);
18146
19700
  }
18147
19701
  .sm\:g2 {
18148
- --_gap-x: var(--su2);
18149
19702
  --_gap-y: var(--su2);
19703
+ --_gap-x: var(--su2);
18150
19704
  }
18151
19705
  .sm\:g4 {
18152
- --_gap-x: var(--su4);
18153
19706
  --_gap-y: var(--su4);
19707
+ --_gap-x: var(--su4);
18154
19708
  }
18155
19709
  .sm\:g6 {
18156
- --_gap-x: var(--su6);
18157
19710
  --_gap-y: var(--su6);
19711
+ --_gap-x: var(--su6);
18158
19712
  }
18159
19713
  .sm\:g8 {
18160
- --_gap-x: var(--su8);
18161
19714
  --_gap-y: var(--su8);
19715
+ --_gap-x: var(--su8);
18162
19716
  }
18163
19717
  .sm\:g12 {
18164
- --_gap-x: var(--su12);
18165
19718
  --_gap-y: var(--su12);
19719
+ --_gap-x: var(--su12);
18166
19720
  }
18167
19721
  .sm\:g16 {
18168
- --_gap-x: var(--su16);
18169
19722
  --_gap-y: var(--su16);
19723
+ --_gap-x: var(--su16);
18170
19724
  }
18171
19725
  .sm\:g24 {
18172
- --_gap-x: var(--su24);
18173
19726
  --_gap-y: var(--su24);
19727
+ --_gap-x: var(--su24);
18174
19728
  }
18175
19729
  .sm\:g32 {
18176
- --_gap-x: var(--su32);
18177
19730
  --_gap-y: var(--su32);
19731
+ --_gap-x: var(--su32);
18178
19732
  }
18179
19733
  .sm\:g48 {
18180
- --_gap-x: var(--su48);
18181
19734
  --_gap-y: var(--su48);
19735
+ --_gap-x: var(--su48);
18182
19736
  }
18183
19737
  .sm\:g64 {
18184
- --_gap-x: var(--su64);
18185
19738
  --_gap-y: var(--su64);
19739
+ --_gap-x: var(--su64);
18186
19740
  }
18187
19741
  .sm\:gx0 {
18188
19742
  --_gap-x: 0;
@@ -21259,6 +22813,22 @@ body.theme-highcontrast .s-tag {
21259
22813
  --_ta-bc: currentColor;
21260
22814
  text-decoration: none;
21261
22815
  }
22816
+ .s-tag.is-selected,
22817
+ a.s-tag.is-selected,
22818
+ a.s-tag.is-selected:active,
22819
+ a.s-tag.is-selected:hover,
22820
+ a.s-tag.is-selected:focus {
22821
+ background-color: var(--_ta-bg-selected);
22822
+ border-color: var(--_ta-bc-selected);
22823
+ color: var(--_ta-fc-selected);
22824
+ }
22825
+ body.theme-highcontrast .s-tag.is-selected,
22826
+ body.theme-highcontrast a.s-tag.is-selected,
22827
+ body.theme-highcontrast a.s-tag.is-selected:active,
22828
+ body.theme-highcontrast a.s-tag.is-selected:hover,
22829
+ body.theme-highcontrast a.s-tag.is-selected:focus {
22830
+ border-color: currentColor;
22831
+ }
21262
22832
  .s-tag.s-tag__xs {
21263
22833
  --_ta-fs: var(--fs-fine);
21264
22834
  --_ta-lh: 1.4;
@@ -21394,22 +22964,6 @@ body.theme-highcontrast a.s-tag:not(.is-selected):focus,
21394
22964
  body.theme-highcontrast a.s-tag:not(.is-selected):active {
21395
22965
  border-color: currentColor;
21396
22966
  }
21397
- .s-tag.is-selected,
21398
- a.s-tag.is-selected,
21399
- a.s-tag.is-selected:active,
21400
- a.s-tag.is-selected:hover,
21401
- a.s-tag.is-selected:focus {
21402
- background-color: var(--_ta-bg-selected);
21403
- border-color: var(--_ta-bc-selected);
21404
- color: var(--_ta-fc-selected);
21405
- }
21406
- body.theme-highcontrast .s-tag.is-selected,
21407
- body.theme-highcontrast a.s-tag.is-selected,
21408
- body.theme-highcontrast a.s-tag.is-selected:active,
21409
- body.theme-highcontrast a.s-tag.is-selected:hover,
21410
- body.theme-highcontrast a.s-tag.is-selected:focus {
21411
- border-color: currentColor;
21412
- }
21413
22967
  .s-pagination {
21414
22968
  display: flex;
21415
22969
  flex-wrap: wrap;