@stackoverflow/stacks 1.4.2 → 1.5.0

package/dist/css/stacks.css

@@ -420,15 +420,15 @@ body.theme-highcontrast .s-activity-indicator {
   --_ai-fc: var(--white);
 }
 .s-activity-indicator.s-activity-indicator__success {
-  --_ai-bg-color: var(--green-500);
+  --_ai-bg: var(--green-500);
   --_ai-focus-ring: var(--focus-ring-success);
 }
 .s-activity-indicator.s-activity-indicator__warning {
-  --_ai-bg-color: var(--yellow-600);
+  --_ai-bg: var(--yellow-600);
   --_ai-focus-ring: var(--focus-ring-warning);
 }
 .s-activity-indicator.s-activity-indicator__danger {
-  --_ai-bg-color: var(--red-500);
+  --_ai-bg: var(--red-500);
   --_ai-focus-ring: var(--focus-ring-error);
 }
 .s-award-bling {
@@ -572,15 +572,15 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
   vertical-align: middle;
   white-space: nowrap;
 }
-body.theme-highcontrast .s-badge__gold,
-body.theme-highcontrast .s-badge__silver,
-body.theme-highcontrast .s-badge__bronze,
-body.theme-highcontrast .s-badge__rep,
-body.theme-highcontrast .s-badge__rep-down,
-body.theme-highcontrast .s-badge__votes,
-body.theme-highcontrast .s-badge__admin,
-body.theme-highcontrast .s-badge__moderator,
-body.theme-highcontrast .s-badge__staff {
+body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__gold,
+body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__silver,
+body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__bronze,
+body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__rep,
+body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__rep-down,
+body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__votes,
+body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__admin,
+body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__moderator,
+body.theme-highcontrast .s-badgebody.theme-highcontrast .s-badge__staff {
   --_ba-bc: currentColor;
 }
 .s-badge.s-badge__xs,
@@ -1035,55 +1035,69 @@ body.theme-system .theme-dark__forced pre.s-code-block .s-code-block--line-numbe
   background-color: var(--black-025);
 }
 .s-expandable {
-  display: flex;
-  -webkit-clip-path: polygon(-1000000px -1000000px, 1000000px -1000000px, 1000000px 1000000px, -1000000px 1000000px);
-  clip-path: polygon(-1000000px -1000000px, 1000000px -1000000px, 1000000px 1000000px, -1000000px 1000000px);
+  --_ex-clip-path: polygon(-1000000px -1000000px, 1000000px -1000000px, 1000000px 1000000px, -1000000px 1000000px);
+  --_ex-min-expected-height: 10px;
+  --_ex-transition-duration: 100ms;
+  --_ex-after-h: 10px;
+  --_ex-after-hmx: 0;
+  --_ex-after-transition: height var(--_ex-transition-duration) linear,
+        max-height 0s var(--_ex-transition-duration) linear;
+  --_ex-content-hmx: 1000000px;
+  --_ex-content-mb: 0;
+  --_ex-content-o: unset;
+  --_ex-content-transform: unset;
+  --_ex-content-transition: margin-bottom var(--_ex-transition-duration) cubic-bezier(0, 0, 0, 1),
+        transform var(--_ex-transition-duration) cubic-bezier(1, 0, 1, 1),
+        opacity var(--_ex-transition-duration) cubic-bezier(1, 0, 1, 1);
   align-items: flex-start;
-  transition: clip-path 0s 100ms, -webkit-clip-path 0s 100ms;
-}
-.s-expandable:after {
-  content: '';
-  -ms-flex-preferred-size: 0;
-  flex-basis: 0;
-  height: 10px;
-  max-height: 0;
-  transition: height 100ms linear, max-height 0s 100ms linear;
-}
-.s-expandable--content {
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
-  max-height: 1000000px;
-  margin-bottom: 0;
-  -webkit-transform-origin: 0 0;
-  transform-origin: 0 0;
-  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);
+  display: flex;
+  -webkit-clip-path: var(--_ex-clip-path);
+  clip-path: var(--_ex-clip-path);
+  transition: clip-path 0s var(--_ex-transition-duration), -webkit-clip-path 0s var(--_ex-transition-duration);
 }
 .s-expandable:not(.is-expanded) {
-  overflow: hidden;
+  --_ex-after-h: 0;
+  --_ex-after-hmx: var(--_ex-min-expected-height);
+  --_ex-after-transition: height var(--_ex-min-expected-height) linear;
+  --_ex-content-hmx: 0;
+  --_ex-content-mb: -1500px;
+  --_ex-content-o: 0;
+  --_ex-content-transform: scaleY(0);
+  --_ex-content-transition: margin-bottom var(--_ex-transition-duration) cubic-bezier(1, 0, 1, 1),
+            visibility 0s var(--_ex-transition-duration),
+            max-height 0s var(--_ex-transition-duration),
+            transform var(--_ex-transition-duration) cubic-bezier(0, 1, 1, 1),
+            opacity var(--_ex-transition-duration) cubic-bezier(0, 1, 1, 1);
   -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
   clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
+  overflow: hidden;
   transition: none;
 }
-.s-expandable:not(.is-expanded) .s-expandable--content {
-  visibility: hidden;
-  max-height: 0;
-  margin-bottom: -1500px;
-  opacity: 0;
-  -webkit-transform: scaleY(0);
-  transform: scaleY(0);
-  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);
-}
 @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%))) {
   .s-expandable:not(.is-expanded) .s-expandable--content {
-    opacity: 1;
-    -webkit-transform: none;
-    transform: none;
+    --_ex-content-o: 1;
+    --_ex-content-transform: none;
   }
 }
-.s-expandable:not(.is-expanded):after {
-  height: 0;
-  max-height: 10px;
-  transition: height 100ms linear;
+.s-expandable:after {
+  height: var(--_ex-after-h);
+  max-height: var(--_ex-after-hmx);
+  transition: var(--_ex-after-transition);
+  -ms-flex-preferred-size: 0;
+  content: '';
+  flex-basis: 0;
+}
+.s-expandable .s-expandable--content {
+  max-height: var(--_ex-content-hmx);
+  margin-bottom: var(--_ex-content-mb);
+  opacity: var(--_ex-content-o);
+  -webkit-transform: var(--_ex-content-transform);
+  transform: var(--_ex-content-transform);
+  -ms-flex-preferred-size: 100%;
+  flex-basis: 100%;
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  transition: var(--_ex-content-transition);
 }
 .s-input,
 .s-textarea {
@@ -1773,125 +1787,125 @@ body.theme-system .theme-dark__forced .s-menu {
   margin-top: var(--su12);
 }
 .s-modal {
-  display: flex;
-  visibility: hidden;
-  position: fixed;
-  z-index: var(--zi-hide);
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  --_mo-bg: hsla(210, 8%, 5%, 0.5);
+  --_mo-hmx: unset;
+  --_mo-wmx: unset;
+  --_mo-close-t: var(--su8);
+  --_mo-dialog-bg: var(--white);
+  --_mo-dialog-pt: var(--su24);
+  --_mo-header-fc: var(--fc-dark);
+  background-color: var(--_mo-bg);
+  max-height: var(--_mo-hmx);
+  max-width: var(--_mo-wmx);
   align-items: center;
+  backface-visibility: hidden;
+  display: flex;
+  inset: 0;
   justify-content: center;
-  background-color: hsla(210, 8%, 5%, 0.5);
   opacity: 0;
-  backface-visibility: hidden;
+  position: fixed;
   transition: opacity 100ms var(--te-smooth) 0s, z-index 0s 100ms, visibility 0s 100ms;
+  visibility: hidden;
   will-change: visibility, z-index, opacity;
+  z-index: var(--zi-hide);
 }
 .s-modal[aria-hidden="false"],
 .s-modal[aria-hidden="false"] .s-modal--dialog {
-  visibility: visible;
-  z-index: var(--zi-modals);
   opacity: 1;
   transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
   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;
+  visibility: visible;
+  z-index: var(--zi-modals);
 }
-.s-modal--dialog {
-  overflow-y: auto;
-  visibility: hidden;
-  z-index: var(--zi-hide);
-  max-width: 600px;
-  max-height: 100%;
-  padding: var(--su24);
+.s-modal.s-modal__celebration {
+  --_mo-close-t: var(--su48);
+  --_mo-dialog-pt: var(--su64);
+}
+.s-modal.s-modal__celebration .s-modal--dialog {
+  background-repeat: repeat-x;
+  background-position: top -10px center;
+  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");
+}
+@media (prefers-reduced-motion) {
+  .s-modal.s-modal__celebration .s-modal--dialog {
+    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");
+  }
+}
+.s-modal.s-modal__full {
+  --_mo-hmx: calc(100% - var(--su48));
+  --_mo-wmx: calc(100% - var(--su48));
+}
+.s-modal.has-danger,
+.s-modal.s-modal__danger {
+  --_mo-bg: hsla(358, 67%, 6%, 0.5);
+  --_mo-header-fc: var(--red-600);
+}
+.s-modal .s-modal--body {
+  color: var(--fc-medium);
+  margin-bottom: var(--su24);
+}
+.s-modal .s-modal--close {
+  padding: var(--su12) !important;
+  position: absolute !important;
+  right: var(--su8);
+  top: var(--_mo-close-t);
+}
+.s-modal .s-modal--close .svg-icon {
+  margin: 0 !important;
+}
+.s-modal .s-modal--dialog {
+  padding: var(--_mo-dialog-pt) var(--su24) var(--su24);
+  scrollbar-color: var(--scrollbar) transparent;
+  backface-visibility: hidden;
+  background-color: var(--_mo-dialog-bg);
   border-radius: var(--br-lg);
-  background-color: var(--white);
   box-shadow: var(--bs-lg);
+  max-height: 100%;
+  max-width: 600px;
   opacity: 0;
-  backface-visibility: hidden;
+  overflow-y: auto;
   transform: translate3d(0, 30%, 0) scale3d(0.6, 0.6, 0.6);
-  scrollbar-color: var(--scrollbar) transparent;
   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;
+  visibility: hidden;
   will-change: visibility, z-index, opacity, transform;
+  z-index: var(--zi-hide);
 }
 @media (prefers-color-scheme: dark) {
-  body.theme-system .s-modal--dialog {
-    background-color: var(--black-100);
+  body.theme-system .s-modal .s-modal--dialog {
+    --_mo-dialog-bg: var(--black-100);
   }
 }
-body.theme-dark .s-modal--dialog,
-.theme-dark__forced .s-modal--dialog,
-body.theme-system .theme-dark__forced .s-modal--dialog {
-  background-color: var(--black-100);
+body.theme-dark .s-modal .s-modal--dialog,
+.theme-dark__forced .s-modal .s-modal--dialog,
+body.theme-system .theme-dark__forced .s-modal .s-modal--dialog {
+  --_mo-dialog-bg: var(--black-100);
 }
-.s-modal--dialog::-webkit-scrollbar {
+.s-modal .s-modal--dialog::-webkit-scrollbar {
   width: calc(var(--su-static12) - var(--su-static2));
   height: calc(var(--su-static12) - var(--su-static2));
   background-color: transparent;
 }
-.s-modal--dialog::-webkit-scrollbar-track {
+.s-modal .s-modal--dialog::-webkit-scrollbar-track {
   border-radius: calc(var(--su-static12) - var(--su-static2));
   background-color: transparent;
 }
-.s-modal--dialog::-webkit-scrollbar-thumb {
+.s-modal .s-modal--dialog::-webkit-scrollbar-thumb {
   border-radius: calc(var(--su-static12) - var(--su-static2));
   background-color: var(--scrollbar);
 }
-.s-modal--dialog::-webkit-scrollbar-corner {
+.s-modal .s-modal--dialog::-webkit-scrollbar-corner {
   background-color: transparent;
   border-color: transparent;
 }
-.s-modal[aria-hidden="false"] .s-modal--dialog {
-  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-}
-.s-modal--close {
-  position: absolute !important;
-  top: var(--su8);
-  right: var(--su8);
-  padding: var(--su12) !important;
-}
-.s-modal--close .svg-icon {
-  margin: 0 !important;
+.s-modal .s-modal--footer {
+  margin-top: var(--su24);
 }
-.s-modal--header {
-  margin-bottom: var(--su16);
-  color: var(--fc-dark);
+.s-modal .s-modal--header {
+  color: var(--_mo-header-fc);
   font-size: var(--fs-headline1);
   font-weight: normal;
   line-height: var(--lh-sm);
-}
-.s-modal--body {
-  margin-bottom: var(--su24);
-  color: var(--fc-medium);
-}
-.s-modal--footer {
-  margin-top: var(--su24);
-}
-.s-modal.has-danger,
-.s-modal.s-modal__danger {
-  background-color: hsla(358, 67%, 6%, 0.5);
-}
-.s-modal.has-danger .s-modal--header,
-.s-modal.s-modal__danger .s-modal--header {
-  color: var(--red-600);
-}
-.s-modal.s-modal__celebration .s-modal--dialog {
-  padding-top: var(--su64);
-  background-repeat: repeat-x;
-  background-position: top -10px center;
-  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");
-}
-@media (prefers-reduced-motion) {
-  .s-modal.s-modal__celebration .s-modal--dialog {
-    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");
-  }
-}
-.s-modal.s-modal__celebration .s-modal--dialog .s-modal--close {
-  top: var(--su48);
-}
-.s-modal__full {
-  max-width: calc(100% - var(--su48));
-  max-height: calc(100% - var(--su48));
+  margin-bottom: var(--su16);
 }
 .s-navigation {
   --_na-fd: row;
@@ -2074,171 +2088,168 @@ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
   margin-bottom: var(--_pt-breadcrums-mb);
 }
 .s-popover {
-  display: none;
-  position: absolute;
-  max-width: 24rem;
-  padding: var(--su12);
-  z-index: var(--zi-popovers);
+  --_po-bg: var(--white);
+  --_po-bc: var(--bc-medium);
+  --_po-bs: var(--bs-md);
+  --_po-d: none;
+  --_po-wmn: 12rem;
+  --_po-w: 100%;
+  --_po-arrow-fc: var(--white);
+  --_po-arrow-b: unset;
+  --_po-arrow-l: unset;
+  --_po-arrow-r: unset;
+  --_po-arrow-t: unset;
+  --_po-arrow-ps: calc(var(--su6) * -1);
+  --_po-arrow-after-b: unset;
+  --_po-arrow-after-l: unset;
+  --_po-arrow-after-r: unset;
+  --_po-arrow-after-t: unset;
+  --_po-arrow-after-bs: unset;
+  background-color: var(--_po-bg);
+  border: 1px solid var(--_po-bc);
+  box-shadow: var(--_po-bs);
+  display: var(--_po-d);
+  min-width: var(--_po-wmn);
+  width: var(--_po-w);
   border-radius: var(--br-md);
-  border: 1px solid var(--bc-medium);
-  background-color: var(--white);
-  box-shadow: var(--bs-md);
   color: var(--fc-dark);
   font-size: var(--fs-body1);
-  min-width: 12rem;
-  width: 100%;
+  max-width: 24rem;
+  padding: var(--su12);
+  position: absolute;
   white-space: normal;
+  z-index: var(--zi-popovers);
 }
 @media (prefers-color-scheme: dark) {
   body.theme-system .s-popover {
-    background-color: var(--black-075);
-    border-color: var(--bc-light);
-    box-shadow: var(--bs-lg);
+    --_po-bg: var(--black-075);
+    --_po-bc: var(--bc-light);
+    --_po-bs: var(--bs-lg);
+    --_po-arrow-fc: var(--black-075);
   }
 }
 body.theme-dark .s-popover,
 .theme-dark__forced .s-popover,
 body.theme-system .theme-dark__forced .s-popover {
-  background-color: var(--black-075);
-  border-color: var(--bc-light);
-  box-shadow: var(--bs-lg);
-}
-.s-popover.s-popover__tooltip {
-  width: auto;
-  min-width: unset;
+  --_po-bg: var(--black-075);
+  --_po-bc: var(--bc-light);
+  --_po-bs: var(--bs-lg);
+  --_po-arrow-fc: var(--black-075);
 }
 .s-popover.is-visible {
-  display: block;
+  --_po-d: block;
+}
+.s-popover.s-popover__tooltip {
+  --_po-wmn: unset;
+  --_po-w: auto;
 }
 .s-popover[data-popper-placement^="top"] > .s-popover--arrow,
 .s-popover .s-popover--arrow__bc,
 .s-popover .s-popover--arrow__bl,
 .s-popover .s-popover--arrow__br {
-  bottom: calc(var(--su6) * -1);
-}
-.s-popover[data-popper-placement^="top"] > .s-popover--arrow:after,
-.s-popover .s-popover--arrow__bc:after,
-.s-popover .s-popover--arrow__bl:after,
-.s-popover .s-popover--arrow__br:after {
-  bottom: 1px;
-  box-shadow: 2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
+  --_po-arrow-b: var(--_po-arrow-ps);
+  --_po-arrow-after-b: var(--su-static1);
+  --_po-arrow-after-bs: 2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
 }
-body.theme-highcontrast .s-popover[data-popper-placement^="top"] > .s-popover--arrow:after,
-body.theme-highcontrast .s-popover .s-popover--arrow__bc:after,
-body.theme-highcontrast .s-popover .s-popover--arrow__bl:after,
-body.theme-highcontrast .s-popover .s-popover--arrow__br:after {
-  box-shadow: 1px 1px 0 0 var(--bc-medium);
+body.theme-highcontrast .s-popover[data-popper-placement^="top"] > .s-popover--arrow,
+body.theme-highcontrast .s-popover .s-popover--arrow__bc,
+body.theme-highcontrast .s-popover .s-popover--arrow__bl,
+body.theme-highcontrast .s-popover .s-popover--arrow__br {
+  --_po-arrow-after-bs: 1px 1px 0 0 var(--bc-medium);
 }
 .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow,
 .s-popover .s-popover--arrow__tc,
 .s-popover .s-popover--arrow__tl,
 .s-popover .s-popover--arrow__tr {
-  top: calc(var(--su6) * -1);
+  --_po-arrow-t: var(--_po-arrow-ps);
+  --_po-arrow-after-t: var(--su-static1);
+  --_po-arrow-after-bs: -1px -1px 1px 0 hsla(0, 0%, 0%, 0.12);
 }
-.s-popover[data-popper-placement^="bottom"] > .s-popover--arrow:after,
-.s-popover .s-popover--arrow__tc:after,
-.s-popover .s-popover--arrow__tl:after,
-.s-popover .s-popover--arrow__tr:after {
-  top: 1px;
-  box-shadow: -1px -1px 1px 0 hsla(0, 0%, 0%, 0.12);
-}
-body.theme-highcontrast .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow:after,
-body.theme-highcontrast .s-popover .s-popover--arrow__tc:after,
-body.theme-highcontrast .s-popover .s-popover--arrow__tl:after,
-body.theme-highcontrast .s-popover .s-popover--arrow__tr:after {
-  box-shadow: -1px -1px 0 0 var(--bc-medium);
+body.theme-highcontrast .s-popover[data-popper-placement^="bottom"] > .s-popover--arrow,
+body.theme-highcontrast .s-popover .s-popover--arrow__tc,
+body.theme-highcontrast .s-popover .s-popover--arrow__tl,
+body.theme-highcontrast .s-popover .s-popover--arrow__tr {
+  --_po-arrow-after-bs: -1px -1px 0 0 var(--bc-medium);
 }
 .s-popover[data-popper-placement^="left"] > .s-popover--arrow,
 .s-popover .s-popover--arrow__rc,
 .s-popover .s-popover--arrow__rt,
 .s-popover .s-popover--arrow__rb {
-  right: calc(var(--su6) * -1);
-}
-.s-popover[data-popper-placement^="left"] > .s-popover--arrow:after,
-.s-popover .s-popover--arrow__rc:after,
-.s-popover .s-popover--arrow__rt:after,
-.s-popover .s-popover--arrow__rb:after {
-  right: 1px;
-  box-shadow: 2px -2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px -2px 2px -1px hsla(0, 0%, 0%, 0.1);
+  --_po-arrow-r: var(--_po-arrow-ps);
+  --_po-arrow-after-r: var(--su-static1);
+  --_po-arrow-after-bs: 2px -2px 5px 0 hsla(0, 0%, 0%, 0.07), 2px -2px 2px -1px hsla(0, 0%, 0%, 0.1);
 }
-body.theme-highcontrast .s-popover[data-popper-placement^="left"] > .s-popover--arrow:after,
-body.theme-highcontrast .s-popover .s-popover--arrow__rc:after,
-body.theme-highcontrast .s-popover .s-popover--arrow__rt:after,
-body.theme-highcontrast .s-popover .s-popover--arrow__rb:after {
-  box-shadow: 1px -1px 0 0 var(--bc-medium);
+body.theme-highcontrast .s-popover[data-popper-placement^="left"] > .s-popover--arrow,
+body.theme-highcontrast .s-popover .s-popover--arrow__rc,
+body.theme-highcontrast .s-popover .s-popover--arrow__rt,
+body.theme-highcontrast .s-popover .s-popover--arrow__rb {
+  --_po-arrow-after-bs: 1px -1px 0 0 var(--bc-medium);
 }
 .s-popover[data-popper-placement^="right"] > .s-popover--arrow,
 .s-popover .s-popover--arrow__lc,
 .s-popover .s-popover--arrow__lt,
 .s-popover .s-popover--arrow__lb {
-  left: calc(var(--su6) * -1);
-}
-.s-popover[data-popper-placement^="right"] > .s-popover--arrow:after,
-.s-popover .s-popover--arrow__lc:after,
-.s-popover .s-popover--arrow__lt:after,
-.s-popover .s-popover--arrow__lb:after {
-  left: 1px;
-  box-shadow: -2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), -2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
+  --_po-arrow-l: var(--_po-arrow-ps);
+  --_po-arrow-after-l: var(--su-static1);
+  --_po-arrow-after-bs: -2px 2px 5px 0 hsla(0, 0%, 0%, 0.07), -2px 2px 2px -1px hsla(0, 0%, 0%, 0.1);
 }
-body.theme-highcontrast .s-popover[data-popper-placement^="right"] > .s-popover--arrow:after,
-body.theme-highcontrast .s-popover .s-popover--arrow__lc:after,
-body.theme-highcontrast .s-popover .s-popover--arrow__lt:after,
-body.theme-highcontrast .s-popover .s-popover--arrow__lb:after {
-  box-shadow: -1px 1px 0 0 var(--bc-medium);
+body.theme-highcontrast .s-popover[data-popper-placement^="right"] > .s-popover--arrow,
+body.theme-highcontrast .s-popover .s-popover--arrow__lc,
+body.theme-highcontrast .s-popover .s-popover--arrow__lt,
+body.theme-highcontrast .s-popover .s-popover--arrow__lb {
+  --_po-arrow-after-bs: -1px 1px 0 0 var(--bc-medium);
 }
 .s-popover .s-popover--arrow__tc,
 .s-popover .s-popover--arrow__bc {
-  left: calc(50% - var(--su6));
+  --_po-arrow-l: calc(50% - var(--su6));
 }
 .s-popover .s-popover--arrow__lc,
 .s-popover .s-popover--arrow__rc {
-  top: calc(50% - var(--su6));
+  --_po-arrow-t: calc(50% - var(--su6));
 }
 .s-popover .s-popover--arrow__tr,
 .s-popover .s-popover--arrow__br {
-  right: var(--su12);
+  --_po-arrow-r: var(--su12);
 }
 .s-popover .s-popover--arrow__rb,
 .s-popover .s-popover--arrow__lb {
-  bottom: var(--su12);
-}
-.s-popover--close {
-  float: right;
-  top: calc(var(--su8) * -1);
-  right: calc(var(--su8) * -1);
-  padding: var(--su8) !important;
-}
-.s-popover--arrow,
-.s-popover--arrow:before,
-.s-popover--arrow:after {
-  position: absolute;
+  --_po-arrow-b: var(--su12);
+}
+.s-popover .s-popover--arrow {
+  bottom: var(--_po-arrow-b);
+  color: var(--_po-arrow-fc);
+  left: var(--_po-arrow-l);
+  right: var(--_po-arrow-r);
+  top: var(--_po-arrow-t);
+}
+.s-popover .s-popover--arrow,
+.s-popover .s-popover--arrow:before,
+.s-popover .s-popover--arrow:after {
   display: block;
-  width: var(--su12);
   height: var(--su12);
+  position: absolute;
+  width: var(--su12);
   z-index: -1;
 }
-.s-popover--arrow {
-  color: var(--white);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-popover--arrow {
-    color: var(--black-075);
-  }
-}
-body.theme-dark .s-popover--arrow,
-.theme-dark__forced .s-popover--arrow,
-body.theme-system .theme-dark__forced .s-popover--arrow {
-  color: var(--black-075);
-}
-.s-popover--arrow:before {
+.s-popover .s-popover--arrow:before,
+.s-popover .s-popover--arrow:after {
   content: '';
   transform: rotate(45deg);
 }
-.s-popover--arrow:after {
-  content: '';
-  transform: rotate(45deg);
-  border-radius: 1.5px;
+.s-popover .s-popover--arrow:after {
+  bottom: var(--_po-arrow-after-b);
+  box-shadow: var(--_po-arrow-after-bs);
+  left: var(--_po-arrow-after-l);
+  right: var(--_po-arrow-after-r);
+  top: var(--_po-arrow-after-t);
   background: currentColor;
+  border-radius: calc(var(--su-static1) * 1.5);
+}
+.s-popover .s-popover--close {
+  float: right;
+  top: calc(var(--su8) * -1);
+  right: calc(var(--su8) * -1);
+  padding: var(--su8) !important;
 }
 .s-post-summary {
   position: relative;
@@ -3383,19 +3394,37 @@ body.theme-system .theme-dark__forced .s-prose kbd {
   font-size: var(--fs-body2-relative);
 }
 .s-spinner {
+  --_sp-baw: calc(var(--su-static1) * 3);
+  --_sp-size: var(--su-static24);
+  height: var(--_sp-size);
+  width: var(--_sp-size);
   position: relative;
-  width: var(--su-static24);
-  height: var(--su-static24);
   text-align: left;
 }
+.s-spinner.s-spinner__xs {
+  --_sp-baw: var(--su-static1);
+  --_sp-size: var(--su-static12);
+}
+.s-spinner.s-spinner__sm {
+  --_sp-baw: var(--su-static2);
+  --_sp-size: var(--su-static16);
+}
+.s-spinner.s-spinner__md {
+  --_sp-baw: var(--su-static4);
+  --_sp-size: var(--su-static32);
+}
+.s-spinner.s-spinner__lg {
+  --_sp-baw: var(--su-static6);
+  --_sp-size: var(--su-static48);
+}
 .s-spinner:before,
 .s-spinner:after {
+  border: var(--_sp-baw) solid currentColor;
+  border-radius: var(--br-circle);
   content: '';
+  height: 100%;
   position: absolute;
   width: 100%;
-  height: 100%;
-  border: 3px solid currentColor;
-  border-radius: var(--br-circle);
 }
 .s-spinner:before {
   opacity: 0.25;
@@ -3407,77 +3436,32 @@ body.theme-system .theme-dark__forced .s-prose kbd {
   border-bottom-color: transparent;
   animation: s-spinner-rotate 0.9s infinite cubic-bezier(0.5, 0.1, 0.5, 0.9);
 }
-.s-spinner.s-spinner__xs {
-  width: var(--su-static12);
-  height: var(--su-static12);
-}
-.s-spinner.s-spinner__xs:before,
-.s-spinner.s-spinner__xs:after {
-  border-width: 1px;
-}
-.s-spinner.s-spinner__sm {
-  width: var(--su-static16);
-  height: var(--su-static16);
-}
-.s-spinner.s-spinner__sm:before,
-.s-spinner.s-spinner__sm:after {
-  border-width: var(--su-static2);
-}
-.s-spinner.s-spinner__md {
-  width: var(--su-static32);
-  height: var(--su-static32);
-}
-.s-spinner.s-spinner__md:before,
-.s-spinner.s-spinner__md:after {
-  border-width: var(--su-static4);
-}
-.s-spinner.s-spinner__lg {
-  width: var(--su-static48);
-  height: var(--su-static48);
-}
-.s-spinner.s-spinner__lg:before,
-.s-spinner.s-spinner__lg:after {
-  border-width: var(--su-static6);
-}
-@media not all and (min-resolution: 0.001dpcm) {
-  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
-    .s-spinner,
-    .s-spinner:before,
-    .s-spinner:after {
-      box-shadow: 0 0 0 2px transparent;
-    }
-  }
-}
 .is-loading {
-  position: relative;
+  --_li-offset: 0.6em;
+  --_il-size: 1.23076923em;
   padding-left: 2.2em;
+  position: relative;
 }
-.is-loading:before {
+.is-loading:before,
+.is-loading:after {
+  border-radius: var(--br-circle);
+  border-style: solid;
+  border-width: var(--su-static2);
   content: "";
+  height: var(--_il-size);
+  left: var(--_li-offset);
   position: absolute;
-  opacity: 0.3;
-  left: 0.6em;
-  top: calc(50% - 0.6em);
-  width: 1.23076923em;
-  height: 1.23076923em;
-  border-width: 2px;
-  border-style: solid;
+  top: calc(50% - var(--_li-offset));
+  width: var(--_il-size);
+}
+.is-loading:before {
   border-color: currentColor;
-  border-radius: var(--br-circle);
+  opacity: 0.3;
 }
 .is-loading:after {
-  content: "";
-  position: absolute;
-  left: 0.6em;
-  top: calc(50% - 0.6em);
-  width: 1.23076923em;
-  height: 1.23076923em;
-  border-width: 2px;
-  border-style: solid;
+  animation: s-spinner-rotate 0.9s infinite cubic-bezier(0.5, 0.1, 0.5, 0.9);
   border-color: transparent;
   border-left-color: currentColor;
-  border-radius: var(--br-circle);
-  animation: s-spinner-rotate 0.9s infinite cubic-bezier(0.5, 0.1, 0.5, 0.9);
   filter: invert(0);
   transform-origin: 50% 50% 1px;
 }
@@ -3714,114 +3698,101 @@ body.theme-system .theme-dark__forced .s-prose kbd {
   width: 100%;
 }
 .s-toggle-switch {
-  position: relative;
+  --_ts-bg: var(--black-300);
+  --_ts-bg-ps: left center;
+  --_ts-bs-color: transparent;
+  --_ts-multiple-bg: unset;
+  --_ts-multiple-fc: var(--black-500);
+}
+.s-toggle-switch.s-toggle-switch__multiple {
+  align-items: stretch;
+  display: flex;
 }
-.s-toggle-switch input[type="checkbox"] {
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"] {
+  left: -999em;
   margin: 0;
   opacity: 0;
   position: absolute;
-  left: 0;
-  top: 0;
-  width: 44px;
-  height: 24px;
-  cursor: pointer;
 }
-.s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator {
-  pointer-events: none;
-  outline: 0;
-  display: block;
-  width: 44px;
-  height: 24px;
-  position: relative;
-  background: var(--black-300);
-  border-radius: 1000px;
-  padding: 3px;
-  transition: left 0.2s ease;
-}
-.s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:after,
-.s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:before {
-  position: relative;
-  display: block;
-  content: "";
-  width: 50%;
-  height: 100%;
-}
-.s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:after {
-  left: 0;
-  border-radius: 50%;
-  background: hsl(0, 0%, 100%);
-  transition: left 0.1s ease;
-}
-body.theme-highcontrast .s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:after {
-  background: var(--white);
-}
-.s-toggle-switch input[type="checkbox"] + .s-toggle-switch--indicator:before {
-  display: none;
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
+  --_ts-multiple-bg: var(--black-500);
+  --_ts-multiple-fc: var(--white);
 }
-.s-toggle-switch input[type="checkbox"]:checked + .s-toggle-switch--indicator {
-  background: var(--green-400);
+@media (prefers-color-scheme: dark) {
+  body.theme-system .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
+    --_ts-multiple-bg: var(--black-350);
+  }
 }
-.s-toggle-switch input[type="checkbox"]:checked + .s-toggle-switch--indicator:after {
-  left: 50%;
+body.theme-dark .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off,
+.theme-dark__forced .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off,
+body.theme-system .theme-dark__forced .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
+  --_ts-multiple-bg: var(--black-350);
 }
-.s-toggle-switch input[type="checkbox"]:focus + .s-toggle-switch--indicator {
-  box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-muted);
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
+  --_ts-multiple-bg: var(--green-400);
+  --_ts-multiple-fc: hsl(0, 0%, 100%);
 }
-.s-toggle-switch input[type="checkbox"]:checked:focus + .s-toggle-switch--indicator {
-  box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-success);
+body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
+  --_ts-multiple-fc: var(--white);
 }
-.s-toggle-switch.s-toggle-switch__multiple {
-  display: flex;
-  align-items: stretch;
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label {
+  --_ts-bs-color: var(--focus-ring-success);
 }
-.s-toggle-switch.s-toggle-switch__multiple input[type="radio"] {
-  position: absolute;
-  left: -999em;
-  opacity: 0;
-  margin: 0;
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label.s-toggle-switch--label-off {
+  --_ts-bs-color: var(--focus-ring-muted);
 }
 .s-toggle-switch.s-toggle-switch__multiple label {
-  width: 100%;
-  margin: 0;
-  padding: 0.5em 0.7em;
+  background-color: var(--_ts-multiple-bg);
+  box-shadow: 0 0 0 var(--su-static4) var(--_ts-bs-color);
+  color: var(--_ts-multiple-fc);
   border-radius: 1000px;
-  color: var(--black-500);
+  cursor: pointer;
   font-size: var(--fs-body1);
   font-weight: 400;
   line-height: 1;
+  margin: 0;
+  padding: 0.5em 0.7em;
   text-align: center;
   white-space: nowrap;
-  cursor: pointer;
+  width: 100%;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   user-select: none;
 }
-.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
-  background-color: var(--black-500);
-  color: var(--white);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
-    background-color: var(--black-350);
-  }
-}
-body.theme-dark .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off,
-.theme-dark__forced .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off,
-body.theme-system .theme-dark__forced .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
-  background-color: var(--black-350);
+.s-toggle-switch input[type="checkbox"],
+input[type="checkbox"].s-toggle-switch {
+  background-color: var(--_ts-bg);
+  background-position: var(--_ts-bg-ps);
+  box-shadow: 0 0 0 var(--su-static4) var(--_ts-bs-color);
+  appearance: none;
+  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");
+  background-size: contain;
+  background-repeat: no-repeat;
+  border-radius: 1000px;
+  cursor: pointer;
+  height: var(--su-static24);
+  margin: 0;
+  transition: background-position 0.2s ease;
+  vertical-align: top;
+  width: calc(var(--su-static48) - var(--su-static4));
 }
-.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
-  background-color: var(--green-400);
-  color: hsl(0, 0%, 100%);
+.s-toggle-switch input[type="checkbox"]:checked,
+input[type="checkbox"].s-toggle-switch:checked {
+  --_ts-bg: var(--green-400);
+  --_ts-bg-ps: right center;
 }
-body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
-  color: var(--white);
+.s-toggle-switch input[type="checkbox"]:checked:focus,
+input[type="checkbox"].s-toggle-switch:checked:focus {
+  --_ts-bs-color: var(--focus-ring-success);
 }
-.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label.s-toggle-switch--label-off {
-  box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-muted);
+.s-toggle-switch input[type="checkbox"]:focus,
+input[type="checkbox"].s-toggle-switch:focus {
+  --_ts-bs-color: var(--focus-ring-muted);
+  outline: none;
 }
-.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label:not(.s-toggle-switch--label-off) {
-  box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-success);
+.s-toggle-switch input[type="checkbox"][disabled],
+input[type="checkbox"].s-toggle-switch[disabled] {
+  cursor: default;
 }
 .s-topbar {
   min-width: auto;
@@ -4318,111 +4289,110 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   cursor: pointer;
 }
 .s-user-card {
-  display: grid;
+  --_uc-ai: center;
+  --_uc-bg: unset;
+  --_uc-bar: unset;
+  --_uc-d: grid;
+  --_uc-fc: unset;
+  --_uc-g: var(--su4) var(--su8);
+  --_uc-p: var(--su8);
+  --_uc-info-ai: unset;
+  --_uc-info-fd: column;
+  --_uc-link-fs: var(--fs-caption);
+  --_uc-link-ws: unset;
+  --_uc-rep-fc: unset;
+  --_uc-time-fc: var(--black-500);
+  --_uc-time-ws: unset;
+  --_uc-type-fc: var(--theme-primary-400);
+  align-items: var(--_uc-ai);
+  background-color: var(--_uc-bg);
+  border-radius: var(--_uc-bar);
+  color: var(--_uc-fc);
+  display: var(--_uc-d);
+  gap: var(--_uc-g);
   grid-template-columns: auto 1fr;
-  column-gap: var(--su8);
-  row-gap: var(--su4);
-  align-items: center;
   line-height: 1;
-  padding: var(--su8);
+  padding: var(--_uc-p);
 }
-.s-user-card.s-user-card__highlighted {
-  background-color: var(--theme-secondary-050);
-  border-radius: var(--br-md);
+.s-user-card.s-user-card__deleted {
+  --_uc-fc: var(--black-500);
 }
-.s-user-card.s-user-card__highlighted .s-user-card--time {
-  color: var(--black-600);
+.s-user-card.s-user-card__highlighted {
+  --_uc-bg: var(--theme-secondary-050);
+  --_uc-bar: var(--br-md);
+  --_uc-time-fc: var(--black-600);
+  --_uc-type-fc: var(--black-700);
 }
-.s-user-card.s-user-card__highlighted .s-user-card--type {
-  color: var(--black-700);
+.s-user-card.s-user-card__minimal,
+.s-user-card.s-user-card__small {
+  --_uc-d: flex;
+  --_uc-g: var(--su4);
+  --_uc-p: 0;
+  --_uc-info-ai: center;
+  --_uc-info-fd: row;
 }
 .s-user-card.s-user-card__full {
-  align-items: flex-start;
+  --_uc-ai: flex-start;
+  --_uc-link-fs: var(--fs-body2);
 }
-.s-user-card.s-user-card__full .s-user-card--link {
-  font-size: var(--fs-body2);
+.s-user-card.s-user-card__minimal {
+  --_uc-link-ws: nowrap;
+  --_uc-rep-fc: var(--black-600);
+  --_uc-time-ws: nowrap;
 }
-.s-user-card.s-user-card__deleted {
+.s-user-card .s-user-card--location,
+.s-user-card .s-user-card--role {
+  font-size: var(--fs-caption);
   color: var(--black-500);
 }
-.s-user-card.s-user-card__small {
-  display: flex;
-  align-items: center;
-  gap: var(--su4);
+.s-user-card .s-user-card--awards {
+  list-style: none;
+  margin: 0;
   padding: 0;
-}
-.s-user-card.s-user-card__small .s-user-card--info {
-  flex-direction: row;
   align-items: center;
-}
-.s-user-card.s-user-card__minimal {
   display: flex;
-  align-items: center;
-  gap: var(--su4);
-  padding: 0;
-}
-.s-user-card.s-user-card__minimal .s-user-card--time {
-  white-space: nowrap;
-}
-.s-user-card.s-user-card__minimal .s-user-card--link {
-  white-space: nowrap;
-}
-.s-user-card.s-user-card__minimal .s-user-card--rep {
-  color: var(--black-600);
-}
-.s-user-card.s-user-card__minimal .s-user-card--info {
-  flex-direction: row;
-  align-items: center;
-}
-.s-user-card .s-user-card--type {
-  grid-column: 1 / 3;
-  font-size: var(--fs-caption);
-  color: var(--theme-primary-400);
-}
-.s-user-card .s-user-card--type a {
-  color: inherit;
+  gap: var(--su6);
 }
-.s-user-card--time {
-  grid-column: 1 / 3;
-  grid-row: 1 / 2;
-  color: var(--black-500);
+.s-user-card .s-user-card--awards li {
   font-size: var(--fs-caption);
 }
-.s-user-card--info {
+.s-user-card .s-user-card--info {
+  align-items: var(--_uc-info-ai);
+  flex-direction: var(--_uc-info-fd);
   display: flex;
-  flex-direction: column;
   gap: var(--su4);
 }
-.s-user-card--link {
-  min-width: 0;
-  font-size: var(--fs-caption);
+.s-user-card .s-user-card--link {
+  font-size: var(--_uc-link-fs);
+  white-space: var(--_uc-link-ws);
   align-items: center;
   flex-wrap: wrap;
+  min-width: 0;
   overflow-wrap: break-word;
 }
-.s-user-card--awards {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
+.s-user-card .s-user-card--rep {
+  color: var(--_uc-rep-fc);
+  font-weight: 700;
+}
+.s-user-card .s-user-card--tags {
   align-items: center;
-  gap: var(--su6);
+  min-width: 0;
+  flex-wrap: wrap;
 }
-.s-user-card--awards li {
+.s-user-card .s-user-card--time {
+  color: var(--_uc-time-fc);
+  white-space: var(--_uc-time-ws);
   font-size: var(--fs-caption);
+  grid-column: 1 / 3;
+  grid-row: 1 / 2;
 }
-.s-user-card--rep {
-  font-weight: 700;
-}
-.s-user-card--location,
-.s-user-card--role {
+.s-user-card .s-user-card--type {
+  color: var(--_uc-type-fc);
   font-size: var(--fs-caption);
-  color: var(--black-500);
+  grid-column: 1 / 3;
 }
-.s-user-card--tags {
-  min-width: 0;
-  align-items: center;
-  flex-wrap: wrap;
+.s-user-card .s-user-card--type a {
+  color: inherit;
 }
 .s-sidebarwidget {
   --s-sidebarwidget-content-padding: calc(var(--su16) - var(--su1));
@@ -10115,6 +10085,1590 @@ body.theme-system .theme-dark__forced .d\:bg-theme-secondary-025 {
 .flex__allitems12 > .flex--item {
   flex-basis: 100%;
 }
+.g0 > .flex--item1,
+.gx0 > .flex--item1,
+.gy0 > .flex--item1,
+.g0.flex__allitems1 > .d-flex,
+.gx0.flex__allitems1 > .d-flex,
+.gy0.flex__allitems1 > .d-flex,
+.g0.flex__allitems1 > .flex--item,
+.gx0.flex__allitems1 > .flex--item,
+.gy0.flex__allitems1 > .flex--item {
+  flex-basis: calc(8.333333333333334% - (var(--su0) * 0.9166666666666666));
+}
+.g0 > .flex--item2,
+.gx0 > .flex--item2,
+.gy0 > .flex--item2,
+.g0.flex__allitems2 > .d-flex,
+.gx0.flex__allitems2 > .d-flex,
+.gy0.flex__allitems2 > .d-flex,
+.g0.flex__allitems2 > .flex--item,
+.gx0.flex__allitems2 > .flex--item,
+.gy0.flex__allitems2 > .flex--item {
+  flex-basis: calc(16.666666666666668% - (var(--su0) * 0.8333333333333334));
+}
+.g0 > .flex--item3,
+.gx0 > .flex--item3,
+.gy0 > .flex--item3,
+.g0.flex__allitems3 > .d-flex,
+.gx0.flex__allitems3 > .d-flex,
+.gy0.flex__allitems3 > .d-flex,
+.g0.flex__allitems3 > .flex--item,
+.gx0.flex__allitems3 > .flex--item,
+.gy0.flex__allitems3 > .flex--item {
+  flex-basis: calc(25% - (var(--su0) * 0.75));
+}
+.g0 > .flex--item4,
+.gx0 > .flex--item4,
+.gy0 > .flex--item4,
+.g0.flex__allitems4 > .d-flex,
+.gx0.flex__allitems4 > .d-flex,
+.gy0.flex__allitems4 > .d-flex,
+.g0.flex__allitems4 > .flex--item,
+.gx0.flex__allitems4 > .flex--item,
+.gy0.flex__allitems4 > .flex--item {
+  flex-basis: calc(33.333333333333336% - (var(--su0) * 0.6666666666666666));
+}
+.g0 > .flex--item5,
+.gx0 > .flex--item5,
+.gy0 > .flex--item5,
+.g0.flex__allitems5 > .d-flex,
+.gx0.flex__allitems5 > .d-flex,
+.gy0.flex__allitems5 > .d-flex,
+.g0.flex__allitems5 > .flex--item,
+.gx0.flex__allitems5 > .flex--item,
+.gy0.flex__allitems5 > .flex--item {
+  flex-basis: calc(41.666666666666664% - (var(--su0) * 0.5833333333333334));
+}
+.g0 > .flex--item6,
+.gx0 > .flex--item6,
+.gy0 > .flex--item6,
+.g0.flex__allitems6 > .d-flex,
+.gx0.flex__allitems6 > .d-flex,
+.gy0.flex__allitems6 > .d-flex,
+.g0.flex__allitems6 > .flex--item,
+.gx0.flex__allitems6 > .flex--item,
+.gy0.flex__allitems6 > .flex--item {
+  flex-basis: calc(50% - (var(--su0) * 0.5));
+}
+.g0 > .flex--item7,
+.gx0 > .flex--item7,
+.gy0 > .flex--item7,
+.g0.flex__allitems7 > .d-flex,
+.gx0.flex__allitems7 > .d-flex,
+.gy0.flex__allitems7 > .d-flex,
+.g0.flex__allitems7 > .flex--item,
+.gx0.flex__allitems7 > .flex--item,
+.gy0.flex__allitems7 > .flex--item {
+  flex-basis: calc(58.333333333333336% - (var(--su0) * 0.4166666666666667));
+}
+.g0 > .flex--item8,
+.gx0 > .flex--item8,
+.gy0 > .flex--item8,
+.g0.flex__allitems8 > .d-flex,
+.gx0.flex__allitems8 > .d-flex,
+.gy0.flex__allitems8 > .d-flex,
+.g0.flex__allitems8 > .flex--item,
+.gx0.flex__allitems8 > .flex--item,
+.gy0.flex__allitems8 > .flex--item {
+  flex-basis: calc(66.66666666666667% - (var(--su0) * 0.3333333333333333));
+}
+.g0 > .flex--item9,
+.gx0 > .flex--item9,
+.gy0 > .flex--item9,
+.g0.flex__allitems9 > .d-flex,
+.gx0.flex__allitems9 > .d-flex,
+.gy0.flex__allitems9 > .d-flex,
+.g0.flex__allitems9 > .flex--item,
+.gx0.flex__allitems9 > .flex--item,
+.gy0.flex__allitems9 > .flex--item {
+  flex-basis: calc(75% - (var(--su0) * 0.25));
+}
+.g0 > .flex--item10,
+.gx0 > .flex--item10,
+.gy0 > .flex--item10,
+.g0.flex__allitems10 > .d-flex,
+.gx0.flex__allitems10 > .d-flex,
+.gy0.flex__allitems10 > .d-flex,
+.g0.flex__allitems10 > .flex--item,
+.gx0.flex__allitems10 > .flex--item,
+.gy0.flex__allitems10 > .flex--item {
+  flex-basis: calc(83.33333333333333% - (var(--su0) * 0.16666666666666666));
+}
+.g0 > .flex--item11,
+.gx0 > .flex--item11,
+.gy0 > .flex--item11,
+.g0.flex__allitems11 > .d-flex,
+.gx0.flex__allitems11 > .d-flex,
+.gy0.flex__allitems11 > .d-flex,
+.g0.flex__allitems11 > .flex--item,
+.gx0.flex__allitems11 > .flex--item,
+.gy0.flex__allitems11 > .flex--item {
+  flex-basis: calc(91.66666666666667% - (var(--su0) * 0.08333333333333333));
+}
+.g0 > .flex--item12,
+.gx0 > .flex--item12,
+.gy0 > .flex--item12,
+.g0.flex__allitems12 > .d-flex,
+.gx0.flex__allitems12 > .d-flex,
+.gy0.flex__allitems12 > .d-flex,
+.g0.flex__allitems12 > .flex--item,
+.gx0.flex__allitems12 > .flex--item,
+.gy0.flex__allitems12 > .flex--item {
+  flex-basis: calc(100% - (var(--su0) * 0));
+}
+.g1 > .flex--item1,
+.gx1 > .flex--item1,
+.gy1 > .flex--item1,
+.g1.flex__allitems1 > .d-flex,
+.gx1.flex__allitems1 > .d-flex,
+.gy1.flex__allitems1 > .d-flex,
+.g1.flex__allitems1 > .flex--item,
+.gx1.flex__allitems1 > .flex--item,
+.gy1.flex__allitems1 > .flex--item {
+  flex-basis: calc(8.333333333333334% - (var(--su1) * 0.9166666666666666));
+}
+.g1 > .flex--item2,
+.gx1 > .flex--item2,
+.gy1 > .flex--item2,
+.g1.flex__allitems2 > .d-flex,
+.gx1.flex__allitems2 > .d-flex,
+.gy1.flex__allitems2 > .d-flex,
+.g1.flex__allitems2 > .flex--item,
+.gx1.flex__allitems2 > .flex--item,
+.gy1.flex__allitems2 > .flex--item {
+  flex-basis: calc(16.666666666666668% - (var(--su1) * 0.8333333333333334));
+}
+.g1 > .flex--item3,
+.gx1 > .flex--item3,
+.gy1 > .flex--item3,
+.g1.flex__allitems3 > .d-flex,
+.gx1.flex__allitems3 > .d-flex,
+.gy1.flex__allitems3 > .d-flex,
+.g1.flex__allitems3 > .flex--item,
+.gx1.flex__allitems3 > .flex--item,
+.gy1.flex__allitems3 > .flex--item {
+  flex-basis: calc(25% - (var(--su1) * 0.75));
+}
+.g1 > .flex--item4,
+.gx1 > .flex--item4,
+.gy1 > .flex--item4,
+.g1.flex__allitems4 > .d-flex,
+.gx1.flex__allitems4 > .d-flex,
+.gy1.flex__allitems4 > .d-flex,
+.g1.flex__allitems4 > .flex--item,
+.gx1.flex__allitems4 > .flex--item,
+.gy1.flex__allitems4 > .flex--item {
+  flex-basis: calc(33.333333333333336% - (var(--su1) * 0.6666666666666666));
+}
+.g1 > .flex--item5,
+.gx1 > .flex--item5,
+.gy1 > .flex--item5,
+.g1.flex__allitems5 > .d-flex,
+.gx1.flex__allitems5 > .d-flex,
+.gy1.flex__allitems5 > .d-flex,
+.g1.flex__allitems5 > .flex--item,
+.gx1.flex__allitems5 > .flex--item,
+.gy1.flex__allitems5 > .flex--item {
+  flex-basis: calc(41.666666666666664% - (var(--su1) * 0.5833333333333334));
+}
+.g1 > .flex--item6,
+.gx1 > .flex--item6,
+.gy1 > .flex--item6,
+.g1.flex__allitems6 > .d-flex,
+.gx1.flex__allitems6 > .d-flex,
+.gy1.flex__allitems6 > .d-flex,
+.g1.flex__allitems6 > .flex--item,
+.gx1.flex__allitems6 > .flex--item,
+.gy1.flex__allitems6 > .flex--item {
+  flex-basis: calc(50% - (var(--su1) * 0.5));
+}
+.g1 > .flex--item7,
+.gx1 > .flex--item7,
+.gy1 > .flex--item7,
+.g1.flex__allitems7 > .d-flex,
+.gx1.flex__allitems7 > .d-flex,
+.gy1.flex__allitems7 > .d-flex,
+.g1.flex__allitems7 > .flex--item,
+.gx1.flex__allitems7 > .flex--item,
+.gy1.flex__allitems7 > .flex--item {
+  flex-basis: calc(58.333333333333336% - (var(--su1) * 0.4166666666666667));
+}
+.g1 > .flex--item8,
+.gx1 > .flex--item8,
+.gy1 > .flex--item8,
+.g1.flex__allitems8 > .d-flex,
+.gx1.flex__allitems8 > .d-flex,
+.gy1.flex__allitems8 > .d-flex,
+.g1.flex__allitems8 > .flex--item,
+.gx1.flex__allitems8 > .flex--item,
+.gy1.flex__allitems8 > .flex--item {
+  flex-basis: calc(66.66666666666667% - (var(--su1) * 0.3333333333333333));
+}
+.g1 > .flex--item9,
+.gx1 > .flex--item9,
+.gy1 > .flex--item9,
+.g1.flex__allitems9 > .d-flex,
+.gx1.flex__allitems9 > .d-flex,
+.gy1.flex__allitems9 > .d-flex,
+.g1.flex__allitems9 > .flex--item,
+.gx1.flex__allitems9 > .flex--item,
+.gy1.flex__allitems9 > .flex--item {
+  flex-basis: calc(75% - (var(--su1) * 0.25));
+}
+.g1 > .flex--item10,
+.gx1 > .flex--item10,
+.gy1 > .flex--item10,
+.g1.flex__allitems10 > .d-flex,
+.gx1.flex__allitems10 > .d-flex,
+.gy1.flex__allitems10 > .d-flex,
+.g1.flex__allitems10 > .flex--item,
+.gx1.flex__allitems10 > .flex--item,
+.gy1.flex__allitems10 > .flex--item {
+  flex-basis: calc(83.33333333333333% - (var(--su1) * 0.16666666666666666));
+}
+.g1 > .flex--item11,
+.gx1 > .flex--item11,
+.gy1 > .flex--item11,
+.g1.flex__allitems11 > .d-flex,
+.gx1.flex__allitems11 > .d-flex,
+.gy1.flex__allitems11 > .d-flex,
+.g1.flex__allitems11 > .flex--item,
+.gx1.flex__allitems11 > .flex--item,
+.gy1.flex__allitems11 > .flex--item {
+  flex-basis: calc(91.66666666666667% - (var(--su1) * 0.08333333333333333));
+}
+.g1 > .flex--item12,
+.gx1 > .flex--item12,
+.gy1 > .flex--item12,
+.g1.flex__allitems12 > .d-flex,
+.gx1.flex__allitems12 > .d-flex,
+.gy1.flex__allitems12 > .d-flex,
+.g1.flex__allitems12 > .flex--item,
+.gx1.flex__allitems12 > .flex--item,
+.gy1.flex__allitems12 > .flex--item {
+  flex-basis: calc(100% - (var(--su1) * 0));
+}
+.g2 > .flex--item1,
+.gx2 > .flex--item1,
+.gy2 > .flex--item1,
+.g2.flex__allitems1 > .d-flex,
+.gx2.flex__allitems1 > .d-flex,
+.gy2.flex__allitems1 > .d-flex,
+.g2.flex__allitems1 > .flex--item,
+.gx2.flex__allitems1 > .flex--item,
+.gy2.flex__allitems1 > .flex--item {
+  flex-basis: calc(8.333333333333334% - (var(--su2) * 0.9166666666666666));
+}
+.g2 > .flex--item2,
+.gx2 > .flex--item2,
+.gy2 > .flex--item2,
+.g2.flex__allitems2 > .d-flex,
+.gx2.flex__allitems2 > .d-flex,
+.gy2.flex__allitems2 > .d-flex,
+.g2.flex__allitems2 > .flex--item,
+.gx2.flex__allitems2 > .flex--item,
+.gy2.flex__allitems2 > .flex--item {
+  flex-basis: calc(16.666666666666668% - (var(--su2) * 0.8333333333333334));
+}
+.g2 > .flex--item3,
+.gx2 > .flex--item3,
+.gy2 > .flex--item3,
+.g2.flex__allitems3 > .d-flex,
+.gx2.flex__allitems3 > .d-flex,
+.gy2.flex__allitems3 > .d-flex,
+.g2.flex__allitems3 > .flex--item,
+.gx2.flex__allitems3 > .flex--item,
+.gy2.flex__allitems3 > .flex--item {
+  flex-basis: calc(25% - (var(--su2) * 0.75));
+}
+.g2 > .flex--item4,
+.gx2 > .flex--item4,
+.gy2 > .flex--item4,
+.g2.flex__allitems4 > .d-flex,
+.gx2.flex__allitems4 > .d-flex,
+.gy2.flex__allitems4 > .d-flex,
+.g2.flex__allitems4 > .flex--item,
+.gx2.flex__allitems4 > .flex--item,
+.gy2.flex__allitems4 > .flex--item {
+  flex-basis: calc(33.333333333333336% - (var(--su2) * 0.6666666666666666));
+}
+.g2 > .flex--item5,
+.gx2 > .flex--item5,
+.gy2 > .flex--item5,
+.g2.flex__allitems5 > .d-flex,
+.gx2.flex__allitems5 > .d-flex,
+.gy2.flex__allitems5 > .d-flex,
+.g2.flex__allitems5 > .flex--item,
+.gx2.flex__allitems5 > .flex--item,
+.gy2.flex__allitems5 > .flex--item {
+  flex-basis: calc(41.666666666666664% - (var(--su2) * 0.5833333333333334));
+}
+.g2 > .flex--item6,
+.gx2 > .flex--item6,
+.gy2 > .flex--item6,
+.g2.flex__allitems6 > .d-flex,
+.gx2.flex__allitems6 > .d-flex,
+.gy2.flex__allitems6 > .d-flex,
+.g2.flex__allitems6 > .flex--item,
+.gx2.flex__allitems6 > .flex--item,
+.gy2.flex__allitems6 > .flex--item {
+  flex-basis: calc(50% - (var(--su2) * 0.5));
+}
+.g2 > .flex--item7,
+.gx2 > .flex--item7,
+.gy2 > .flex--item7,
+.g2.flex__allitems7 > .d-flex,
+.gx2.flex__allitems7 > .d-flex,
+.gy2.flex__allitems7 > .d-flex,
+.g2.flex__allitems7 > .flex--item,
+.gx2.flex__allitems7 > .flex--item,
+.gy2.flex__allitems7 > .flex--item {
+  flex-basis: calc(58.333333333333336% - (var(--su2) * 0.4166666666666667));
+}
+.g2 > .flex--item8,
+.gx2 > .flex--item8,
+.gy2 > .flex--item8,
+.g2.flex__allitems8 > .d-flex,
+.gx2.flex__allitems8 > .d-flex,
+.gy2.flex__allitems8 > .d-flex,
+.g2.flex__allitems8 > .flex--item,
+.gx2.flex__allitems8 > .flex--item,
+.gy2.flex__allitems8 > .flex--item {
+  flex-basis: calc(66.66666666666667% - (var(--su2) * 0.3333333333333333));
+}
+.g2 > .flex--item9,
+.gx2 > .flex--item9,
+.gy2 > .flex--item9,
+.g2.flex__allitems9 > .d-flex,
+.gx2.flex__allitems9 > .d-flex,
+.gy2.flex__allitems9 > .d-flex,
+.g2.flex__allitems9 > .flex--item,
+.gx2.flex__allitems9 > .flex--item,
+.gy2.flex__allitems9 > .flex--item {
+  flex-basis: calc(75% - (var(--su2) * 0.25));
+}
+.g2 > .flex--item10,
+.gx2 > .flex--item10,
+.gy2 > .flex--item10,
+.g2.flex__allitems10 > .d-flex,
+.gx2.flex__allitems10 > .d-flex,
+.gy2.flex__allitems10 > .d-flex,
+.g2.flex__allitems10 > .flex--item,
+.gx2.flex__allitems10 > .flex--item,
+.gy2.flex__allitems10 > .flex--item {
+  flex-basis: calc(83.33333333333333% - (var(--su2) * 0.16666666666666666));
+}
+.g2 > .flex--item11,
+.gx2 > .flex--item11,
+.gy2 > .flex--item11,
+.g2.flex__allitems11 > .d-flex,
+.gx2.flex__allitems11 > .d-flex,
+.gy2.flex__allitems11 > .d-flex,
+.g2.flex__allitems11 > .flex--item,
+.gx2.flex__allitems11 > .flex--item,
+.gy2.flex__allitems11 > .flex--item {
+  flex-basis: calc(91.66666666666667% - (var(--su2) * 0.08333333333333333));
+}
+.g2 > .flex--item12,
+.gx2 > .flex--item12,
+.gy2 > .flex--item12,
+.g2.flex__allitems12 > .d-flex,
+.gx2.flex__allitems12 > .d-flex,
+.gy2.flex__allitems12 > .d-flex,
+.g2.flex__allitems12 > .flex--item,
+.gx2.flex__allitems12 > .flex--item,
+.gy2.flex__allitems12 > .flex--item {
+  flex-basis: calc(100% - (var(--su2) * 0));
+}
+.g4 > .flex--item1,
+.gx4 > .flex--item1,
+.gy4 > .flex--item1,
+.g4.flex__allitems1 > .d-flex,
+.gx4.flex__allitems1 > .d-flex,
+.gy4.flex__allitems1 > .d-flex,
+.g4.flex__allitems1 > .flex--item,
+.gx4.flex__allitems1 > .flex--item,
+.gy4.flex__allitems1 > .flex--item {
+  flex-basis: calc(8.333333333333334% - (var(--su4) * 0.9166666666666666));
+}
+.g4 > .flex--item2,
+.gx4 > .flex--item2,
+.gy4 > .flex--item2,
+.g4.flex__allitems2 > .d-flex,
+.gx4.flex__allitems2 > .d-flex,
+.gy4.flex__allitems2 > .d-flex,
+.g4.flex__allitems2 > .flex--item,
+.gx4.flex__allitems2 > .flex--item,
+.gy4.flex__allitems2 > .flex--item {
+  flex-basis: calc(16.666666666666668% - (var(--su4) * 0.8333333333333334));
+}
+.g4 > .flex--item3,
+.gx4 > .flex--item3,
+.gy4 > .flex--item3,
+.g4.flex__allitems3 > .d-flex,
+.gx4.flex__allitems3 > .d-flex,
+.gy4.flex__allitems3 > .d-flex,
+.g4.flex__allitems3 > .flex--item,
+.gx4.flex__allitems3 > .flex--item,
+.gy4.flex__allitems3 > .flex--item {
+  flex-basis: calc(25% - (var(--su4) * 0.75));
+}
+.g4 > .flex--item4,
+.gx4 > .flex--item4,
+.gy4 > .flex--item4,
+.g4.flex__allitems4 > .d-flex,
+.gx4.flex__allitems4 > .d-flex,
+.gy4.flex__allitems4 > .d-flex,
+.g4.flex__allitems4 > .flex--item,
+.gx4.flex__allitems4 > .flex--item,
+.gy4.flex__allitems4 > .flex--item {
+  flex-basis: calc(33.333333333333336% - (var(--su4) * 0.6666666666666666));
+}
+.g4 > .flex--item5,
+.gx4 > .flex--item5,
+.gy4 > .flex--item5,
+.g4.flex__allitems5 > .d-flex,
+.gx4.flex__allitems5 > .d-flex,
+.gy4.flex__allitems5 > .d-flex,
+.g4.flex__allitems5 > .flex--item,
+.gx4.flex__allitems5 > .flex--item,
+.gy4.flex__allitems5 > .flex--item {
+  flex-basis: calc(41.666666666666664% - (var(--su4) * 0.5833333333333334));
+}
+.g4 > .flex--item6,
+.gx4 > .flex--item6,
+.gy4 > .flex--item6,
+.g4.flex__allitems6 > .d-flex,
+.gx4.flex__allitems6 > .d-flex,
+.gy4.flex__allitems6 > .d-flex,
+.g4.flex__allitems6 > .flex--item,
+.gx4.flex__allitems6 > .flex--item,
+.gy4.flex__allitems6 > .flex--item {
+  flex-basis: calc(50% - (var(--su4) * 0.5));
+}
+.g4 > .flex--item7,
+.gx4 > .flex--item7,
+.gy4 > .flex--item7,
+.g4.flex__allitems7 > .d-flex,
+.gx4.flex__allitems7 > .d-flex,
+.gy4.flex__allitems7 > .d-flex,
+.g4.flex__allitems7 > .flex--item,
+.gx4.flex__allitems7 > .flex--item,
+.gy4.flex__allitems7 > .flex--item {
+  flex-basis: calc(58.333333333333336% - (var(--su4) * 0.4166666666666667));
+}
+.g4 > .flex--item8,
+.gx4 > .flex--item8,
+.gy4 > .flex--item8,
+.g4.flex__allitems8 > .d-flex,
+.gx4.flex__allitems8 > .d-flex,
+.gy4.flex__allitems8 > .d-flex,
+.g4.flex__allitems8 > .flex--item,
+.gx4.flex__allitems8 > .flex--item,
+.gy4.flex__allitems8 > .flex--item {
+  flex-basis: calc(66.66666666666667% - (var(--su4) * 0.3333333333333333));
+}
+.g4 > .flex--item9,
+.gx4 > .flex--item9,
+.gy4 > .flex--item9,
+.g4.flex__allitems9 > .d-flex,
+.gx4.flex__allitems9 > .d-flex,
+.gy4.flex__allitems9 > .d-flex,
+.g4.flex__allitems9 > .flex--item,
+.gx4.flex__allitems9 > .flex--item,
+.gy4.flex__allitems9 > .flex--item {
+  flex-basis: calc(75% - (var(--su4) * 0.25));
+}
+.g4 > .flex--item10,
+.gx4 > .flex--item10,
+.gy4 > .flex--item10,
+.g4.flex__allitems10 > .d-flex,
+.gx4.flex__allitems10 > .d-flex,
+.gy4.flex__allitems10 > .d-flex,
+.g4.flex__allitems10 > .flex--item,
+.gx4.flex__allitems10 > .flex--item,
+.gy4.flex__allitems10 > .flex--item {
+  flex-basis: calc(83.33333333333333% - (var(--su4) * 0.16666666666666666));
+}
+.g4 > .flex--item11,
+.gx4 > .flex--item11,
+.gy4 > .flex--item11,
+.g4.flex__allitems11 > .d-flex,
+.gx4.flex__allitems11 > .d-flex,
+.gy4.flex__allitems11 > .d-flex,
+.g4.flex__allitems11 > .flex--item,
+.gx4.flex__allitems11 > .flex--item,
+.gy4.flex__allitems11 > .flex--item {
+  flex-basis: calc(91.66666666666667% - (var(--su4) * 0.08333333333333333));
+}
+.g4 > .flex--item12,
+.gx4 > .flex--item12,
+.gy4 > .flex--item12,
+.g4.flex__allitems12 > .d-flex,
+.gx4.flex__allitems12 > .d-flex,
+.gy4.flex__allitems12 > .d-flex,
+.g4.flex__allitems12 > .flex--item,
+.gx4.flex__allitems12 > .flex--item,
+.gy4.flex__allitems12 > .flex--item {
+  flex-basis: calc(100% - (var(--su4) * 0));
+}
+.g6 > .flex--item1,
+.gx6 > .flex--item1,
+.gy6 > .flex--item1,
+.g6.flex__allitems1 > .d-flex,
+.gx6.flex__allitems1 > .d-flex,
+.gy6.flex__allitems1 > .d-flex,
+.g6.flex__allitems1 > .flex--item,
+.gx6.flex__allitems1 > .flex--item,
+.gy6.flex__allitems1 > .flex--item {
+  flex-basis: calc(8.333333333333334% - (var(--su6) * 0.9166666666666666));
+}
+.g6 > .flex--item2,
+.gx6 > .flex--item2,
+.gy6 > .flex--item2,
+.g6.flex__allitems2 > .d-flex,
+.gx6.flex__allitems2 > .d-flex,
+.gy6.flex__allitems2 > .d-flex,
+.g6.flex__allitems2 > .flex--item,
+.gx6.flex__allitems2 > .flex--item,
+.gy6.flex__allitems2 > .flex--item {
+  flex-basis: calc(16.666666666666668% - (var(--su6) * 0.8333333333333334));
+}
+.g6 > .flex--item3,
+.gx6 > .flex--item3,
+.gy6 > .flex--item3,
+.g6.flex__allitems3 > .d-flex,
+.gx6.flex__allitems3 > .d-flex,
+.gy6.flex__allitems3 > .d-flex,
+.g6.flex__allitems3 > .flex--item,
+.gx6.flex__allitems3 > .flex--item,
+.gy6.flex__allitems3 > .flex--item {
+  flex-basis: calc(25% - (var(--su6) * 0.75));
+}
+.g6 > .flex--item4,
+.gx6 > .flex--item4,
+.gy6 > .flex--item4,
+.g6.flex__allitems4 > .d-flex,
+.gx6.flex__allitems4 > .d-flex,
+.gy6.flex__allitems4 > .d-flex,
+.g6.flex__allitems4 > .flex--item,
+.gx6.flex__allitems4 > .flex--item,
+.gy6.flex__allitems4 > .flex--item {
+  flex-basis: calc(33.333333333333336% - (var(--su6) * 0.6666666666666666));
+}
+.g6 > .flex--item5,
+.gx6 > .flex--item5,
+.gy6 > .flex--item5,
+.g6.flex__allitems5 > .d-flex,
+.gx6.flex__allitems5 > .d-flex,
+.gy6.flex__allitems5 > .d-flex,
+.g6.flex__allitems5 > .flex--item,
+.gx6.flex__allitems5 > .flex--item,
+.gy6.flex__allitems5 > .flex--item {
+  flex-basis: calc(41.666666666666664% - (var(--su6) * 0.5833333333333334));
+}
+.g6 > .flex--item6,
+.gx6 > .flex--item6,
+.gy6 > .flex--item6,
+.g6.flex__allitems6 > .d-flex,
+.gx6.flex__allitems6 > .d-flex,
+.gy6.flex__allitems6 > .d-flex,
+.g6.flex__allitems6 > .flex--item,
+.gx6.flex__allitems6 > .flex--item,
+.gy6.flex__allitems6 > .flex--item {
+  flex-basis: calc(50% - (var(--su6) * 0.5));
+}
+.g6 > .flex--item7,
+.gx6 > .flex--item7,
+.gy6 > .flex--item7,
+.g6.flex__allitems7 > .d-flex,
+.gx6.flex__allitems7 > .d-flex,
+.gy6.flex__allitems7 > .d-flex,
+.g6.flex__allitems7 > .flex--item,
+.gx6.flex__allitems7 > .flex--item,
+.gy6.flex__allitems7 > .flex--item {
+  flex-basis: calc(58.333333333333336% - (var(--su6) * 0.4166666666666667));
+}
+.g6 > .flex--item8,
+.gx6 > .flex--item8,
+.gy6 > .flex--item8,
+.g6.flex__allitems8 > .d-flex,
+.gx6.flex__allitems8 > .d-flex,
+.gy6.flex__allitems8 > .d-flex,
+.g6.flex__allitems8 > .flex--item,
+.gx6.flex__allitems8 > .flex--item,
+.gy6.flex__allitems8 > .flex--item {
+  flex-basis: calc(66.66666666666667% - (var(--su6) * 0.3333333333333333));
+}
+.g6 > .flex--item9,
+.gx6 > .flex--item9,
+.gy6 > .flex--item9,
+.g6.flex__allitems9 > .d-flex,
+.gx6.flex__allitems9 > .d-flex,
+.gy6.flex__allitems9 > .d-flex,
+.g6.flex__allitems9 > .flex--item,
+.gx6.flex__allitems9 > .flex--item,
+.gy6.flex__allitems9 > .flex--item {
+  flex-basis: calc(75% - (var(--su6) * 0.25));
+}
+.g6 > .flex--item10,
+.gx6 > .flex--item10,
+.gy6 > .flex--item10,
+.g6.flex__allitems10 > .d-flex,
+.gx6.flex__allitems10 > .d-flex,
+.gy6.flex__allitems10 > .d-flex,
+.g6.flex__allitems10 > .flex--item,
+.gx6.flex__allitems10 > .flex--item,
+.gy6.flex__allitems10 > .flex--item {
+  flex-basis: calc(83.33333333333333% - (var(--su6) * 0.16666666666666666));
+}
+.g6 > .flex--item11,
+.gx6 > .flex--item11,
+.gy6 > .flex--item11,
+.g6.flex__allitems11 > .d-flex,
+.gx6.flex__allitems11 > .d-flex,
+.gy6.flex__allitems11 > .d-flex,
+.g6.flex__allitems11 > .flex--item,
+.gx6.flex__allitems11 > .flex--item,
+.gy6.flex__allitems11 > .flex--item {
+  flex-basis: calc(91.66666666666667% - (var(--su6) * 0.08333333333333333));
+}
+.g6 > .flex--item12,
+.gx6 > .flex--item12,
+.gy6 > .flex--item12,
+.g6.flex__allitems12 > .d-flex,
+.gx6.flex__allitems12 > .d-flex,
+.gy6.flex__allitems12 > .d-flex,
+.g6.flex__allitems12 > .flex--item,
+.gx6.flex__allitems12 > .flex--item,
+.gy6.flex__allitems12 > .flex--item {
+  flex-basis: calc(100% - (var(--su6) * 0));
+}
+.g8 > .flex--item1,
+.gx8 > .flex--item1,
+.gy8 > .flex--item1,
+.g8.flex__allitems1 > .d-flex,
+.gx8.flex__allitems1 > .d-flex,
+.gy8.flex__allitems1 > .d-flex,
+.g8.flex__allitems1 > .flex--item,
+.gx8.flex__allitems1 > .flex--item,
+.gy8.flex__allitems1 > .flex--item {
+  flex-basis: calc(8.333333333333334% - (var(--su8) * 0.9166666666666666));
+}
+.g8 > .flex--item2,
+.gx8 > .flex--item2,
+.gy8 > .flex--item2,
+.g8.flex__allitems2 > .d-flex,
+.gx8.flex__allitems2 > .d-flex,
+.gy8.flex__allitems2 > .d-flex,
+.g8.flex__allitems2 > .flex--item,
+.gx8.flex__allitems2 > .flex--item,
+.gy8.flex__allitems2 > .flex--item {
+  flex-basis: calc(16.666666666666668% - (var(--su8) * 0.8333333333333334));
+}
+.g8 > .flex--item3,
+.gx8 > .flex--item3,
+.gy8 > .flex--item3,
+.g8.flex__allitems3 > .d-flex,
+.gx8.flex__allitems3 > .d-flex,
+.gy8.flex__allitems3 > .d-flex,
+.g8.flex__allitems3 > .flex--item,
+.gx8.flex__allitems3 > .flex--item,
+.gy8.flex__allitems3 > .flex--item {
+  flex-basis: calc(25% - (var(--su8) * 0.75));
+}
+.g8 > .flex--item4,
+.gx8 > .flex--item4,
+.gy8 > .flex--item4,
+.g8.flex__allitems4 > .d-flex,
+.gx8.flex__allitems4 > .d-flex,
+.gy8.flex__allitems4 > .d-flex,
+.g8.flex__allitems4 > .flex--item,
+.gx8.flex__allitems4 > .flex--item,
+.gy8.flex__allitems4 > .flex--item {
+  flex-basis: calc(33.333333333333336% - (var(--su8) * 0.6666666666666666));
+}
+.g8 > .flex--item5,
+.gx8 > .flex--item5,
+.gy8 > .flex--item5,
+.g8.flex__allitems5 > .d-flex,
+.gx8.flex__allitems5 > .d-flex,
+.gy8.flex__allitems5 > .d-flex,
+.g8.flex__allitems5 > .flex--item,
+.gx8.flex__allitems5 > .flex--item,
+.gy8.flex__allitems5 > .flex--item {
+  flex-basis: calc(41.666666666666664% - (var(--su8) * 0.5833333333333334));
+}
+.g8 > .flex--item6,
+.gx8 > .flex--item6,
+.gy8 > .flex--item6,
+.g8.flex__allitems6 > .d-flex,
+.gx8.flex__allitems6 > .d-flex,
+.gy8.flex__allitems6 > .d-flex,
+.g8.flex__allitems6 > .flex--item,
+.gx8.flex__allitems6 > .flex--item,
+.gy8.flex__allitems6 > .flex--item {
+  flex-basis: calc(50% - (var(--su8) * 0.5));
+}
+.g8 > .flex--item7,
+.gx8 > .flex--item7,
+.gy8 > .flex--item7,
+.g8.flex__allitems7 > .d-flex,
+.gx8.flex__allitems7 > .d-flex,
+.gy8.flex__allitems7 > .d-flex,
+.g8.flex__allitems7 > .flex--item,
+.gx8.flex__allitems7 > .flex--item,
+.gy8.flex__allitems7 > .flex--item {
+  flex-basis: calc(58.333333333333336% - (var(--su8) * 0.4166666666666667));
+}
+.g8 > .flex--item8,
+.gx8 > .flex--item8,
+.gy8 > .flex--item8,
+.g8.flex__allitems8 > .d-flex,
+.gx8.flex__allitems8 > .d-flex,
+.gy8.flex__allitems8 > .d-flex,
+.g8.flex__allitems8 > .flex--item,
+.gx8.flex__allitems8 > .flex--item,
+.gy8.flex__allitems8 > .flex--item {
+  flex-basis: calc(66.66666666666667% - (var(--su8) * 0.3333333333333333));
+}
+.g8 > .flex--item9,
+.gx8 > .flex--item9,
+.gy8 > .flex--item9,
+.g8.flex__allitems9 > .d-flex,
+.gx8.flex__allitems9 > .d-flex,
+.gy8.flex__allitems9 > .d-flex,
+.g8.flex__allitems9 > .flex--item,
+.gx8.flex__allitems9 > .flex--item,
+.gy8.flex__allitems9 > .flex--item {
+  flex-basis: calc(75% - (var(--su8) * 0.25));
+}
+.g8 > .flex--item10,
+.gx8 > .flex--item10,
+.gy8 > .flex--item10,
+.g8.flex__allitems10 > .d-flex,
+.gx8.flex__allitems10 > .d-flex,
+.gy8.flex__allitems10 > .d-flex,
+.g8.flex__allitems10 > .flex--item,
+.gx8.flex__allitems10 > .flex--item,
+.gy8.flex__allitems10 > .flex--item {
+  flex-basis: calc(83.33333333333333% - (var(--su8) * 0.16666666666666666));
+}
+.g8 > .flex--item11,
+.gx8 > .flex--item11,
+.gy8 > .flex--item11,
+.g8.flex__allitems11 > .d-flex,
+.gx8.flex__allitems11 > .d-flex,
+.gy8.flex__allitems11 > .d-flex,
+.g8.flex__allitems11 > .flex--item,
+.gx8.flex__allitems11 > .flex--item,
+.gy8.flex__allitems11 > .flex--item {
+  flex-basis: calc(91.66666666666667% - (var(--su8) * 0.08333333333333333));
+}
+.g8 > .flex--item12,
+.gx8 > .flex--item12,
+.gy8 > .flex--item12,
+.g8.flex__allitems12 > .d-flex,
+.gx8.flex__allitems12 > .d-flex,
+.gy8.flex__allitems12 > .d-flex,
+.g8.flex__allitems12 > .flex--item,
+.gx8.flex__allitems12 > .flex--item,
+.gy8.flex__allitems12 > .flex--item {
+  flex-basis: calc(100% - (var(--su8) * 0));
+}
+.g12 > .flex--item1,
+.gx12 > .flex--item1,
+.gy12 > .flex--item1,
+.g12.flex__allitems1 > .d-flex,
+.gx12.flex__allitems1 > .d-flex,
+.gy12.flex__allitems1 > .d-flex,
+.g12.flex__allitems1 > .flex--item,
+.gx12.flex__allitems1 > .flex--item,
+.gy12.flex__allitems1 > .flex--item {
+  flex-basis: calc(8.333333333333334% - (var(--su12) * 0.9166666666666666));
+}
+.g12 > .flex--item2,
+.gx12 > .flex--item2,
+.gy12 > .flex--item2,
+.g12.flex__allitems2 > .d-flex,
+.gx12.flex__allitems2 > .d-flex,
+.gy12.flex__allitems2 > .d-flex,
+.g12.flex__allitems2 > .flex--item,
+.gx12.flex__allitems2 > .flex--item,
+.gy12.flex__allitems2 > .flex--item {
+  flex-basis: calc(16.666666666666668% - (var(--su12) * 0.8333333333333334));
+}
+.g12 > .flex--item3,
+.gx12 > .flex--item3,
+.gy12 > .flex--item3,
+.g12.flex__allitems3 > .d-flex,
+.gx12.flex__allitems3 > .d-flex,
+.gy12.flex__allitems3 > .d-flex,
+.g12.flex__allitems3 > .flex--item,
+.gx12.flex__allitems3 > .flex--item,
+.gy12.flex__allitems3 > .flex--item {
+  flex-basis: calc(25% - (var(--su12) * 0.75));
+}
+.g12 > .flex--item4,
+.gx12 > .flex--item4,
+.gy12 > .flex--item4,
+.g12.flex__allitems4 > .d-flex,
+.gx12.flex__allitems4 > .d-flex,
+.gy12.flex__allitems4 > .d-flex,
+.g12.flex__allitems4 > .flex--item,
+.gx12.flex__allitems4 > .flex--item,
+.gy12.flex__allitems4 > .flex--item {
+  flex-basis: calc(33.333333333333336% - (var(--su12) * 0.6666666666666666));
+}
+.g12 > .flex--item5,
+.gx12 > .flex--item5,
+.gy12 > .flex--item5,
+.g12.flex__allitems5 > .d-flex,
+.gx12.flex__allitems5 > .d-flex,
+.gy12.flex__allitems5 > .d-flex,
+.g12.flex__allitems5 > .flex--item,
+.gx12.flex__allitems5 > .flex--item,
+.gy12.flex__allitems5 > .flex--item {
+  flex-basis: calc(41.666666666666664% - (var(--su12) * 0.5833333333333334));
+}
+.g12 > .flex--item6,
+.gx12 > .flex--item6,
+.gy12 > .flex--item6,
+.g12.flex__allitems6 > .d-flex,
+.gx12.flex__allitems6 > .d-flex,
+.gy12.flex__allitems6 > .d-flex,
+.g12.flex__allitems6 > .flex--item,
+.gx12.flex__allitems6 > .flex--item,
+.gy12.flex__allitems6 > .flex--item {
+  flex-basis: calc(50% - (var(--su12) * 0.5));
+}
+.g12 > .flex--item7,
+.gx12 > .flex--item7,
+.gy12 > .flex--item7,
+.g12.flex__allitems7 > .d-flex,
+.gx12.flex__allitems7 > .d-flex,
+.gy12.flex__allitems7 > .d-flex,
+.g12.flex__allitems7 > .flex--item,
+.gx12.flex__allitems7 > .flex--item,
+.gy12.flex__allitems7 > .flex--item {
+  flex-basis: calc(58.333333333333336% - (var(--su12) * 0.4166666666666667));
+}
+.g12 > .flex--item8,
+.gx12 > .flex--item8,
+.gy12 > .flex--item8,
+.g12.flex__allitems8 > .d-flex,
+.gx12.flex__allitems8 > .d-flex,
+.gy12.flex__allitems8 > .d-flex,
+.g12.flex__allitems8 > .flex--item,
+.gx12.flex__allitems8 > .flex--item,
+.gy12.flex__allitems8 > .flex--item {
+  flex-basis: calc(66.66666666666667% - (var(--su12) * 0.3333333333333333));
+}
+.g12 > .flex--item9,
+.gx12 > .flex--item9,
+.gy12 > .flex--item9,
+.g12.flex__allitems9 > .d-flex,
+.gx12.flex__allitems9 > .d-flex,
+.gy12.flex__allitems9 > .d-flex,
+.g12.flex__allitems9 > .flex--item,
+.gx12.flex__allitems9 > .flex--item,
+.gy12.flex__allitems9 > .flex--item {
+  flex-basis: calc(75% - (var(--su12) * 0.25));
+}
+.g12 > .flex--item10,
+.gx12 > .flex--item10,
+.gy12 > .flex--item10,
+.g12.flex__allitems10 > .d-flex,
+.gx12.flex__allitems10 > .d-flex,
+.gy12.flex__allitems10 > .d-flex,
+.g12.flex__allitems10 > .flex--item,
+.gx12.flex__allitems10 > .flex--item,
+.gy12.flex__allitems10 > .flex--item {
+  flex-basis: calc(83.33333333333333% - (var(--su12) * 0.16666666666666666));
+}
+.g12 > .flex--item11,
+.gx12 > .flex--item11,
+.gy12 > .flex--item11,
+.g12.flex__allitems11 > .d-flex,
+.gx12.flex__allitems11 > .d-flex,
+.gy12.flex__allitems11 > .d-flex,
+.g12.flex__allitems11 > .flex--item,
+.gx12.flex__allitems11 > .flex--item,
+.gy12.flex__allitems11 > .flex--item {
+  flex-basis: calc(91.66666666666667% - (var(--su12) * 0.08333333333333333));
+}
+.g12 > .flex--item12,
+.gx12 > .flex--item12,
+.gy12 > .flex--item12,
+.g12.flex__allitems12 > .d-flex,
+.gx12.flex__allitems12 > .d-flex,
+.gy12.flex__allitems12 > .d-flex,
+.g12.flex__allitems12 > .flex--item,
+.gx12.flex__allitems12 > .flex--item,
+.gy12.flex__allitems12 > .flex--item {
+  flex-basis: calc(100% - (var(--su12) * 0));
+}
+.g16 > .flex--item1,
+.gx16 > .flex--item1,
+.gy16 > .flex--item1,
+.g16.flex__allitems1 > .d-flex,
+.gx16.flex__allitems1 > .d-flex,
+.gy16.flex__allitems1 > .d-flex,
+.g16.flex__allitems1 > .flex--item,
+.gx16.flex__allitems1 > .flex--item,
+.gy16.flex__allitems1 > .flex--item {
+  flex-basis: calc(8.333333333333334% - (var(--su16) * 0.9166666666666666));
+}
+.g16 > .flex--item2,
+.gx16 > .flex--item2,
+.gy16 > .flex--item2,
+.g16.flex__allitems2 > .d-flex,
+.gx16.flex__allitems2 > .d-flex,
+.gy16.flex__allitems2 > .d-flex,
+.g16.flex__allitems2 > .flex--item,
+.gx16.flex__allitems2 > .flex--item,
+.gy16.flex__allitems2 > .flex--item {
+  flex-basis: calc(16.666666666666668% - (var(--su16) * 0.8333333333333334));
+}
+.g16 > .flex--item3,
+.gx16 > .flex--item3,
+.gy16 > .flex--item3,
+.g16.flex__allitems3 > .d-flex,
+.gx16.flex__allitems3 > .d-flex,
+.gy16.flex__allitems3 > .d-flex,
+.g16.flex__allitems3 > .flex--item,
+.gx16.flex__allitems3 > .flex--item,
+.gy16.flex__allitems3 > .flex--item {
+  flex-basis: calc(25% - (var(--su16) * 0.75));
+}
+.g16 > .flex--item4,
+.gx16 > .flex--item4,
+.gy16 > .flex--item4,
+.g16.flex__allitems4 > .d-flex,
+.gx16.flex__allitems4 > .d-flex,
+.gy16.flex__allitems4 > .d-flex,
+.g16.flex__allitems4 > .flex--item,
+.gx16.flex__allitems4 > .flex--item,
+.gy16.flex__allitems4 > .flex--item {
+  flex-basis: calc(33.333333333333336% - (var(--su16) * 0.6666666666666666));
+}
+.g16 > .flex--item5,
+.gx16 > .flex--item5,
+.gy16 > .flex--item5,
+.g16.flex__allitems5 > .d-flex,
+.gx16.flex__allitems5 > .d-flex,
+.gy16.flex__allitems5 > .d-flex,
+.g16.flex__allitems5 > .flex--item,
+.gx16.flex__allitems5 > .flex--item,
+.gy16.flex__allitems5 > .flex--item {
+  flex-basis: calc(41.666666666666664% - (var(--su16) * 0.5833333333333334));
+}
+.g16 > .flex--item6,
+.gx16 > .flex--item6,
+.gy16 > .flex--item6,
+.g16.flex__allitems6 > .d-flex,
+.gx16.flex__allitems6 > .d-flex,
+.gy16.flex__allitems6 > .d-flex,
+.g16.flex__allitems6 > .flex--item,
+.gx16.flex__allitems6 > .flex--item,
+.gy16.flex__allitems6 > .flex--item {
+  flex-basis: calc(50% - (var(--su16) * 0.5));
+}
+.g16 > .flex--item7,
+.gx16 > .flex--item7,
+.gy16 > .flex--item7,
+.g16.flex__allitems7 > .d-flex,
+.gx16.flex__allitems7 > .d-flex,
+.gy16.flex__allitems7 > .d-flex,
+.g16.flex__allitems7 > .flex--item,
+.gx16.flex__allitems7 > .flex--item,
+.gy16.flex__allitems7 > .flex--item {
+  flex-basis: calc(58.333333333333336% - (var(--su16) * 0.4166666666666667));
+}
+.g16 > .flex--item8,
+.gx16 > .flex--item8,
+.gy16 > .flex--item8,
+.g16.flex__allitems8 > .d-flex,
+.gx16.flex__allitems8 > .d-flex,
+.gy16.flex__allitems8 > .d-flex,
+.g16.flex__allitems8 > .flex--item,
+.gx16.flex__allitems8 > .flex--item,
+.gy16.flex__allitems8 > .flex--item {
+  flex-basis: calc(66.66666666666667% - (var(--su16) * 0.3333333333333333));
+}
+.g16 > .flex--item9,
+.gx16 > .flex--item9,
+.gy16 > .flex--item9,
+.g16.flex__allitems9 > .d-flex,
+.gx16.flex__allitems9 > .d-flex,
+.gy16.flex__allitems9 > .d-flex,
+.g16.flex__allitems9 > .flex--item,
+.gx16.flex__allitems9 > .flex--item,
+.gy16.flex__allitems9 > .flex--item {
+  flex-basis: calc(75% - (var(--su16) * 0.25));
+}
+.g16 > .flex--item10,
+.gx16 > .flex--item10,
+.gy16 > .flex--item10,
+.g16.flex__allitems10 > .d-flex,
+.gx16.flex__allitems10 > .d-flex,
+.gy16.flex__allitems10 > .d-flex,
+.g16.flex__allitems10 > .flex--item,
+.gx16.flex__allitems10 > .flex--item,
+.gy16.flex__allitems10 > .flex--item {
+  flex-basis: calc(83.33333333333333% - (var(--su16) * 0.16666666666666666));
+}
+.g16 > .flex--item11,
+.gx16 > .flex--item11,
+.gy16 > .flex--item11,
+.g16.flex__allitems11 > .d-flex,
+.gx16.flex__allitems11 > .d-flex,
+.gy16.flex__allitems11 > .d-flex,
+.g16.flex__allitems11 > .flex--item,
+.gx16.flex__allitems11 > .flex--item,
+.gy16.flex__allitems11 > .flex--item {
+  flex-basis: calc(91.66666666666667% - (var(--su16) * 0.08333333333333333));
+}
+.g16 > .flex--item12,
+.gx16 > .flex--item12,
+.gy16 > .flex--item12,
+.g16.flex__allitems12 > .d-flex,
+.gx16.flex__allitems12 > .d-flex,
+.gy16.flex__allitems12 > .d-flex,
+.g16.flex__allitems12 > .flex--item,
+.gx16.flex__allitems12 > .flex--item,
+.gy16.flex__allitems12 > .flex--item {
+  flex-basis: calc(100% - (var(--su16) * 0));
+}
+.g24 > .flex--item1,
+.gx24 > .flex--item1,
+.gy24 > .flex--item1,
+.g24.flex__allitems1 > .d-flex,
+.gx24.flex__allitems1 > .d-flex,
+.gy24.flex__allitems1 > .d-flex,
+.g24.flex__allitems1 > .flex--item,
+.gx24.flex__allitems1 > .flex--item,
+.gy24.flex__allitems1 > .flex--item {
+  flex-basis: calc(8.333333333333334% - (var(--su24) * 0.9166666666666666));
+}
+.g24 > .flex--item2,
+.gx24 > .flex--item2,
+.gy24 > .flex--item2,
+.g24.flex__allitems2 > .d-flex,
+.gx24.flex__allitems2 > .d-flex,
+.gy24.flex__allitems2 > .d-flex,
+.g24.flex__allitems2 > .flex--item,
+.gx24.flex__allitems2 > .flex--item,
+.gy24.flex__allitems2 > .flex--item {
+  flex-basis: calc(16.666666666666668% - (var(--su24) * 0.8333333333333334));
+}
+.g24 > .flex--item3,
+.gx24 > .flex--item3,
+.gy24 > .flex--item3,
+.g24.flex__allitems3 > .d-flex,
+.gx24.flex__allitems3 > .d-flex,
+.gy24.flex__allitems3 > .d-flex,
+.g24.flex__allitems3 > .flex--item,
+.gx24.flex__allitems3 > .flex--item,
+.gy24.flex__allitems3 > .flex--item {
+  flex-basis: calc(25% - (var(--su24) * 0.75));
+}
+.g24 > .flex--item4,
+.gx24 > .flex--item4,
+.gy24 > .flex--item4,
+.g24.flex__allitems4 > .d-flex,
+.gx24.flex__allitems4 > .d-flex,
+.gy24.flex__allitems4 > .d-flex,
+.g24.flex__allitems4 > .flex--item,
+.gx24.flex__allitems4 > .flex--item,
+.gy24.flex__allitems4 > .flex--item {
+  flex-basis: calc(33.333333333333336% - (var(--su24) * 0.6666666666666666));
+}
+.g24 > .flex--item5,
+.gx24 > .flex--item5,
+.gy24 > .flex--item5,
+.g24.flex__allitems5 > .d-flex,
+.gx24.flex__allitems5 > .d-flex,
+.gy24.flex__allitems5 > .d-flex,
+.g24.flex__allitems5 > .flex--item,
+.gx24.flex__allitems5 > .flex--item,
+.gy24.flex__allitems5 > .flex--item {
+  flex-basis: calc(41.666666666666664% - (var(--su24) * 0.5833333333333334));
+}
+.g24 > .flex--item6,
+.gx24 > .flex--item6,
+.gy24 > .flex--item6,
+.g24.flex__allitems6 > .d-flex,
+.gx24.flex__allitems6 > .d-flex,
+.gy24.flex__allitems6 > .d-flex,
+.g24.flex__allitems6 > .flex--item,
+.gx24.flex__allitems6 > .flex--item,
+.gy24.flex__allitems6 > .flex--item {
+  flex-basis: calc(50% - (var(--su24) * 0.5));
+}
+.g24 > .flex--item7,
+.gx24 > .flex--item7,
+.gy24 > .flex--item7,
+.g24.flex__allitems7 > .d-flex,
+.gx24.flex__allitems7 > .d-flex,
+.gy24.flex__allitems7 > .d-flex,
+.g24.flex__allitems7 > .flex--item,
+.gx24.flex__allitems7 > .flex--item,
+.gy24.flex__allitems7 > .flex--item {
+  flex-basis: calc(58.333333333333336% - (var(--su24) * 0.4166666666666667));
+}
+.g24 > .flex--item8,
+.gx24 > .flex--item8,
+.gy24 > .flex--item8,
+.g24.flex__allitems8 > .d-flex,
+.gx24.flex__allitems8 > .d-flex,
+.gy24.flex__allitems8 > .d-flex,
+.g24.flex__allitems8 > .flex--item,
+.gx24.flex__allitems8 > .flex--item,
+.gy24.flex__allitems8 > .flex--item {
+  flex-basis: calc(66.66666666666667% - (var(--su24) * 0.3333333333333333));
+}
+.g24 > .flex--item9,
+.gx24 > .flex--item9,
+.gy24 > .flex--item9,
+.g24.flex__allitems9 > .d-flex,
+.gx24.flex__allitems9 > .d-flex,
+.gy24.flex__allitems9 > .d-flex,
+.g24.flex__allitems9 > .flex--item,
+.gx24.flex__allitems9 > .flex--item,
+.gy24.flex__allitems9 > .flex--item {
+  flex-basis: calc(75% - (var(--su24) * 0.25));
+}
+.g24 > .flex--item10,
+.gx24 > .flex--item10,
+.gy24 > .flex--item10,
+.g24.flex__allitems10 > .d-flex,
+.gx24.flex__allitems10 > .d-flex,
+.gy24.flex__allitems10 > .d-flex,
+.g24.flex__allitems10 > .flex--item,
+.gx24.flex__allitems10 > .flex--item,
+.gy24.flex__allitems10 > .flex--item {
+  flex-basis: calc(83.33333333333333% - (var(--su24) * 0.16666666666666666));
+}
+.g24 > .flex--item11,
+.gx24 > .flex--item11,
+.gy24 > .flex--item11,
+.g24.flex__allitems11 > .d-flex,
+.gx24.flex__allitems11 > .d-flex,
+.gy24.flex__allitems11 > .d-flex,
+.g24.flex__allitems11 > .flex--item,
+.gx24.flex__allitems11 > .flex--item,
+.gy24.flex__allitems11 > .flex--item {
+  flex-basis: calc(91.66666666666667% - (var(--su24) * 0.08333333333333333));
+}
+.g24 > .flex--item12,
+.gx24 > .flex--item12,
+.gy24 > .flex--item12,
+.g24.flex__allitems12 > .d-flex,
+.gx24.flex__allitems12 > .d-flex,
+.gy24.flex__allitems12 > .d-flex,
+.g24.flex__allitems12 > .flex--item,
+.gx24.flex__allitems12 > .flex--item,
+.gy24.flex__allitems12 > .flex--item {
+  flex-basis: calc(100% - (var(--su24) * 0));
+}
+.g32 > .flex--item1,
+.gx32 > .flex--item1,
+.gy32 > .flex--item1,
+.g32.flex__allitems1 > .d-flex,
+.gx32.flex__allitems1 > .d-flex,
+.gy32.flex__allitems1 > .d-flex,
+.g32.flex__allitems1 > .flex--item,
+.gx32.flex__allitems1 > .flex--item,
+.gy32.flex__allitems1 > .flex--item {
+  flex-basis: calc(8.333333333333334% - (var(--su32) * 0.9166666666666666));
+}
+.g32 > .flex--item2,
+.gx32 > .flex--item2,
+.gy32 > .flex--item2,
+.g32.flex__allitems2 > .d-flex,
+.gx32.flex__allitems2 > .d-flex,
+.gy32.flex__allitems2 > .d-flex,
+.g32.flex__allitems2 > .flex--item,
+.gx32.flex__allitems2 > .flex--item,
+.gy32.flex__allitems2 > .flex--item {
+  flex-basis: calc(16.666666666666668% - (var(--su32) * 0.8333333333333334));
+}
+.g32 > .flex--item3,
+.gx32 > .flex--item3,
+.gy32 > .flex--item3,
+.g32.flex__allitems3 > .d-flex,
+.gx32.flex__allitems3 > .d-flex,
+.gy32.flex__allitems3 > .d-flex,
+.g32.flex__allitems3 > .flex--item,
+.gx32.flex__allitems3 > .flex--item,
+.gy32.flex__allitems3 > .flex--item {
+  flex-basis: calc(25% - (var(--su32) * 0.75));
+}
+.g32 > .flex--item4,
+.gx32 > .flex--item4,
+.gy32 > .flex--item4,
+.g32.flex__allitems4 > .d-flex,
+.gx32.flex__allitems4 > .d-flex,
+.gy32.flex__allitems4 > .d-flex,
+.g32.flex__allitems4 > .flex--item,
+.gx32.flex__allitems4 > .flex--item,
+.gy32.flex__allitems4 > .flex--item {
+  flex-basis: calc(33.333333333333336% - (var(--su32) * 0.6666666666666666));
+}
+.g32 > .flex--item5,
+.gx32 > .flex--item5,
+.gy32 > .flex--item5,
+.g32.flex__allitems5 > .d-flex,
+.gx32.flex__allitems5 > .d-flex,
+.gy32.flex__allitems5 > .d-flex,
+.g32.flex__allitems5 > .flex--item,
+.gx32.flex__allitems5 > .flex--item,
+.gy32.flex__allitems5 > .flex--item {
+  flex-basis: calc(41.666666666666664% - (var(--su32) * 0.5833333333333334));
+}
+.g32 > .flex--item6,
+.gx32 > .flex--item6,
+.gy32 > .flex--item6,
+.g32.flex__allitems6 > .d-flex,
+.gx32.flex__allitems6 > .d-flex,
+.gy32.flex__allitems6 > .d-flex,
+.g32.flex__allitems6 > .flex--item,
+.gx32.flex__allitems6 > .flex--item,
+.gy32.flex__allitems6 > .flex--item {
+  flex-basis: calc(50% - (var(--su32) * 0.5));
+}
+.g32 > .flex--item7,
+.gx32 > .flex--item7,
+.gy32 > .flex--item7,
+.g32.flex__allitems7 > .d-flex,
+.gx32.flex__allitems7 > .d-flex,
+.gy32.flex__allitems7 > .d-flex,
+.g32.flex__allitems7 > .flex--item,
+.gx32.flex__allitems7 > .flex--item,
+.gy32.flex__allitems7 > .flex--item {
+  flex-basis: calc(58.333333333333336% - (var(--su32) * 0.4166666666666667));
+}
+.g32 > .flex--item8,
+.gx32 > .flex--item8,
+.gy32 > .flex--item8,
+.g32.flex__allitems8 > .d-flex,
+.gx32.flex__allitems8 > .d-flex,
+.gy32.flex__allitems8 > .d-flex,
+.g32.flex__allitems8 > .flex--item,
+.gx32.flex__allitems8 > .flex--item,
+.gy32.flex__allitems8 > .flex--item {
+  flex-basis: calc(66.66666666666667% - (var(--su32) * 0.3333333333333333));
+}
+.g32 > .flex--item9,
+.gx32 > .flex--item9,
+.gy32 > .flex--item9,
+.g32.flex__allitems9 > .d-flex,
+.gx32.flex__allitems9 > .d-flex,
+.gy32.flex__allitems9 > .d-flex,
+.g32.flex__allitems9 > .flex--item,
+.gx32.flex__allitems9 > .flex--item,
+.gy32.flex__allitems9 > .flex--item {
+  flex-basis: calc(75% - (var(--su32) * 0.25));
+}
+.g32 > .flex--item10,
+.gx32 > .flex--item10,
+.gy32 > .flex--item10,
+.g32.flex__allitems10 > .d-flex,
+.gx32.flex__allitems10 > .d-flex,
+.gy32.flex__allitems10 > .d-flex,
+.g32.flex__allitems10 > .flex--item,
+.gx32.flex__allitems10 > .flex--item,
+.gy32.flex__allitems10 > .flex--item {
+  flex-basis: calc(83.33333333333333% - (var(--su32) * 0.16666666666666666));
+}
+.g32 > .flex--item11,
+.gx32 > .flex--item11,
+.gy32 > .flex--item11,
+.g32.flex__allitems11 > .d-flex,
+.gx32.flex__allitems11 > .d-flex,
+.gy32.flex__allitems11 > .d-flex,
+.g32.flex__allitems11 > .flex--item,
+.gx32.flex__allitems11 > .flex--item,
+.gy32.flex__allitems11 > .flex--item {
+  flex-basis: calc(91.66666666666667% - (var(--su32) * 0.08333333333333333));
+}
+.g32 > .flex--item12,
+.gx32 > .flex--item12,
+.gy32 > .flex--item12,
+.g32.flex__allitems12 > .d-flex,
+.gx32.flex__allitems12 > .d-flex,
+.gy32.flex__allitems12 > .d-flex,
+.g32.flex__allitems12 > .flex--item,
+.gx32.flex__allitems12 > .flex--item,
+.gy32.flex__allitems12 > .flex--item {
+  flex-basis: calc(100% - (var(--su32) * 0));
+}
+.g48 > .flex--item1,
+.gx48 > .flex--item1,
+.gy48 > .flex--item1,
+.g48.flex__allitems1 > .d-flex,
+.gx48.flex__allitems1 > .d-flex,
+.gy48.flex__allitems1 > .d-flex,
+.g48.flex__allitems1 > .flex--item,
+.gx48.flex__allitems1 > .flex--item,
+.gy48.flex__allitems1 > .flex--item {
+  flex-basis: calc(8.333333333333334% - (var(--su48) * 0.9166666666666666));
+}
+.g48 > .flex--item2,
+.gx48 > .flex--item2,
+.gy48 > .flex--item2,
+.g48.flex__allitems2 > .d-flex,
+.gx48.flex__allitems2 > .d-flex,
+.gy48.flex__allitems2 > .d-flex,
+.g48.flex__allitems2 > .flex--item,
+.gx48.flex__allitems2 > .flex--item,
+.gy48.flex__allitems2 > .flex--item {
+  flex-basis: calc(16.666666666666668% - (var(--su48) * 0.8333333333333334));
+}
+.g48 > .flex--item3,
+.gx48 > .flex--item3,
+.gy48 > .flex--item3,
+.g48.flex__allitems3 > .d-flex,
+.gx48.flex__allitems3 > .d-flex,
+.gy48.flex__allitems3 > .d-flex,
+.g48.flex__allitems3 > .flex--item,
+.gx48.flex__allitems3 > .flex--item,
+.gy48.flex__allitems3 > .flex--item {
+  flex-basis: calc(25% - (var(--su48) * 0.75));
+}
+.g48 > .flex--item4,
+.gx48 > .flex--item4,
+.gy48 > .flex--item4,
+.g48.flex__allitems4 > .d-flex,
+.gx48.flex__allitems4 > .d-flex,
+.gy48.flex__allitems4 > .d-flex,
+.g48.flex__allitems4 > .flex--item,
+.gx48.flex__allitems4 > .flex--item,
+.gy48.flex__allitems4 > .flex--item {
+  flex-basis: calc(33.333333333333336% - (var(--su48) * 0.6666666666666666));
+}
+.g48 > .flex--item5,
+.gx48 > .flex--item5,
+.gy48 > .flex--item5,
+.g48.flex__allitems5 > .d-flex,
+.gx48.flex__allitems5 > .d-flex,
+.gy48.flex__allitems5 > .d-flex,
+.g48.flex__allitems5 > .flex--item,
+.gx48.flex__allitems5 > .flex--item,
+.gy48.flex__allitems5 > .flex--item {
+  flex-basis: calc(41.666666666666664% - (var(--su48) * 0.5833333333333334));
+}
+.g48 > .flex--item6,
+.gx48 > .flex--item6,
+.gy48 > .flex--item6,
+.g48.flex__allitems6 > .d-flex,
+.gx48.flex__allitems6 > .d-flex,
+.gy48.flex__allitems6 > .d-flex,
+.g48.flex__allitems6 > .flex--item,
+.gx48.flex__allitems6 > .flex--item,
+.gy48.flex__allitems6 > .flex--item {
+  flex-basis: calc(50% - (var(--su48) * 0.5));
+}
+.g48 > .flex--item7,
+.gx48 > .flex--item7,
+.gy48 > .flex--item7,
+.g48.flex__allitems7 > .d-flex,
+.gx48.flex__allitems7 > .d-flex,
+.gy48.flex__allitems7 > .d-flex,
+.g48.flex__allitems7 > .flex--item,
+.gx48.flex__allitems7 > .flex--item,
+.gy48.flex__allitems7 > .flex--item {
+  flex-basis: calc(58.333333333333336% - (var(--su48) * 0.4166666666666667));
+}
+.g48 > .flex--item8,
+.gx48 > .flex--item8,
+.gy48 > .flex--item8,
+.g48.flex__allitems8 > .d-flex,
+.gx48.flex__allitems8 > .d-flex,
+.gy48.flex__allitems8 > .d-flex,
+.g48.flex__allitems8 > .flex--item,
+.gx48.flex__allitems8 > .flex--item,
+.gy48.flex__allitems8 > .flex--item {
+  flex-basis: calc(66.66666666666667% - (var(--su48) * 0.3333333333333333));
+}
+.g48 > .flex--item9,
+.gx48 > .flex--item9,
+.gy48 > .flex--item9,
+.g48.flex__allitems9 > .d-flex,
+.gx48.flex__allitems9 > .d-flex,
+.gy48.flex__allitems9 > .d-flex,
+.g48.flex__allitems9 > .flex--item,
+.gx48.flex__allitems9 > .flex--item,
+.gy48.flex__allitems9 > .flex--item {
+  flex-basis: calc(75% - (var(--su48) * 0.25));
+}
+.g48 > .flex--item10,
+.gx48 > .flex--item10,
+.gy48 > .flex--item10,
+.g48.flex__allitems10 > .d-flex,
+.gx48.flex__allitems10 > .d-flex,
+.gy48.flex__allitems10 > .d-flex,
+.g48.flex__allitems10 > .flex--item,
+.gx48.flex__allitems10 > .flex--item,
+.gy48.flex__allitems10 > .flex--item {
+  flex-basis: calc(83.33333333333333% - (var(--su48) * 0.16666666666666666));
+}
+.g48 > .flex--item11,
+.gx48 > .flex--item11,
+.gy48 > .flex--item11,
+.g48.flex__allitems11 > .d-flex,
+.gx48.flex__allitems11 > .d-flex,
+.gy48.flex__allitems11 > .d-flex,
+.g48.flex__allitems11 > .flex--item,
+.gx48.flex__allitems11 > .flex--item,
+.gy48.flex__allitems11 > .flex--item {
+  flex-basis: calc(91.66666666666667% - (var(--su48) * 0.08333333333333333));
+}
+.g48 > .flex--item12,
+.gx48 > .flex--item12,
+.gy48 > .flex--item12,
+.g48.flex__allitems12 > .d-flex,
+.gx48.flex__allitems12 > .d-flex,
+.gy48.flex__allitems12 > .d-flex,
+.g48.flex__allitems12 > .flex--item,
+.gx48.flex__allitems12 > .flex--item,
+.gy48.flex__allitems12 > .flex--item {
+  flex-basis: calc(100% - (var(--su48) * 0));
+}
+.g64 > .flex--item1,
+.gx64 > .flex--item1,
+.gy64 > .flex--item1,
+.g64.flex__allitems1 > .d-flex,
+.gx64.flex__allitems1 > .d-flex,
+.gy64.flex__allitems1 > .d-flex,
+.g64.flex__allitems1 > .flex--item,
+.gx64.flex__allitems1 > .flex--item,
+.gy64.flex__allitems1 > .flex--item {
+  flex-basis: calc(8.333333333333334% - (var(--su64) * 0.9166666666666666));
+}
+.g64 > .flex--item2,
+.gx64 > .flex--item2,
+.gy64 > .flex--item2,
+.g64.flex__allitems2 > .d-flex,
+.gx64.flex__allitems2 > .d-flex,
+.gy64.flex__allitems2 > .d-flex,
+.g64.flex__allitems2 > .flex--item,
+.gx64.flex__allitems2 > .flex--item,
+.gy64.flex__allitems2 > .flex--item {
+  flex-basis: calc(16.666666666666668% - (var(--su64) * 0.8333333333333334));
+}
+.g64 > .flex--item3,
+.gx64 > .flex--item3,
+.gy64 > .flex--item3,
+.g64.flex__allitems3 > .d-flex,
+.gx64.flex__allitems3 > .d-flex,
+.gy64.flex__allitems3 > .d-flex,
+.g64.flex__allitems3 > .flex--item,
+.gx64.flex__allitems3 > .flex--item,
+.gy64.flex__allitems3 > .flex--item {
+  flex-basis: calc(25% - (var(--su64) * 0.75));
+}
+.g64 > .flex--item4,
+.gx64 > .flex--item4,
+.gy64 > .flex--item4,
+.g64.flex__allitems4 > .d-flex,
+.gx64.flex__allitems4 > .d-flex,
+.gy64.flex__allitems4 > .d-flex,
+.g64.flex__allitems4 > .flex--item,
+.gx64.flex__allitems4 > .flex--item,
+.gy64.flex__allitems4 > .flex--item {
+  flex-basis: calc(33.333333333333336% - (var(--su64) * 0.6666666666666666));
+}
+.g64 > .flex--item5,
+.gx64 > .flex--item5,
+.gy64 > .flex--item5,
+.g64.flex__allitems5 > .d-flex,
+.gx64.flex__allitems5 > .d-flex,
+.gy64.flex__allitems5 > .d-flex,
+.g64.flex__allitems5 > .flex--item,
+.gx64.flex__allitems5 > .flex--item,
+.gy64.flex__allitems5 > .flex--item {
+  flex-basis: calc(41.666666666666664% - (var(--su64) * 0.5833333333333334));
+}
+.g64 > .flex--item6,
+.gx64 > .flex--item6,
+.gy64 > .flex--item6,
+.g64.flex__allitems6 > .d-flex,
+.gx64.flex__allitems6 > .d-flex,
+.gy64.flex__allitems6 > .d-flex,
+.g64.flex__allitems6 > .flex--item,
+.gx64.flex__allitems6 > .flex--item,
+.gy64.flex__allitems6 > .flex--item {
+  flex-basis: calc(50% - (var(--su64) * 0.5));
+}
+.g64 > .flex--item7,
+.gx64 > .flex--item7,
+.gy64 > .flex--item7,
+.g64.flex__allitems7 > .d-flex,
+.gx64.flex__allitems7 > .d-flex,
+.gy64.flex__allitems7 > .d-flex,
+.g64.flex__allitems7 > .flex--item,
+.gx64.flex__allitems7 > .flex--item,
+.gy64.flex__allitems7 > .flex--item {
+  flex-basis: calc(58.333333333333336% - (var(--su64) * 0.4166666666666667));
+}
+.g64 > .flex--item8,
+.gx64 > .flex--item8,
+.gy64 > .flex--item8,
+.g64.flex__allitems8 > .d-flex,
+.gx64.flex__allitems8 > .d-flex,
+.gy64.flex__allitems8 > .d-flex,
+.g64.flex__allitems8 > .flex--item,
+.gx64.flex__allitems8 > .flex--item,
+.gy64.flex__allitems8 > .flex--item {
+  flex-basis: calc(66.66666666666667% - (var(--su64) * 0.3333333333333333));
+}
+.g64 > .flex--item9,
+.gx64 > .flex--item9,
+.gy64 > .flex--item9,
+.g64.flex__allitems9 > .d-flex,
+.gx64.flex__allitems9 > .d-flex,
+.gy64.flex__allitems9 > .d-flex,
+.g64.flex__allitems9 > .flex--item,
+.gx64.flex__allitems9 > .flex--item,
+.gy64.flex__allitems9 > .flex--item {
+  flex-basis: calc(75% - (var(--su64) * 0.25));
+}
+.g64 > .flex--item10,
+.gx64 > .flex--item10,
+.gy64 > .flex--item10,
+.g64.flex__allitems10 > .d-flex,
+.gx64.flex__allitems10 > .d-flex,
+.gy64.flex__allitems10 > .d-flex,
+.g64.flex__allitems10 > .flex--item,
+.gx64.flex__allitems10 > .flex--item,
+.gy64.flex__allitems10 > .flex--item {
+  flex-basis: calc(83.33333333333333% - (var(--su64) * 0.16666666666666666));
+}
+.g64 > .flex--item11,
+.gx64 > .flex--item11,
+.gy64 > .flex--item11,
+.g64.flex__allitems11 > .d-flex,
+.gx64.flex__allitems11 > .d-flex,
+.gy64.flex__allitems11 > .d-flex,
+.g64.flex__allitems11 > .flex--item,
+.gx64.flex__allitems11 > .flex--item,
+.gy64.flex__allitems11 > .flex--item {
+  flex-basis: calc(91.66666666666667% - (var(--su64) * 0.08333333333333333));
+}
+.g64 > .flex--item12,
+.gx64 > .flex--item12,
+.gy64 > .flex--item12,
+.g64.flex__allitems12 > .d-flex,
+.gx64.flex__allitems12 > .d-flex,
+.gy64.flex__allitems12 > .d-flex,
+.g64.flex__allitems12 > .flex--item,
+.gx64.flex__allitems12 > .flex--item,
+.gy64.flex__allitems12 > .flex--item {
+  flex-basis: calc(100% - (var(--su64) * 0));
+}
 .gs2 {
   margin: calc(var(--su2) / 2 * -1);
 }