@stackoverflow/stacks 3.0.0-beta.26 → 3.0.0-beta.28

package/dist/css/stacks.css

@@ -10432,8 +10432,7 @@ ol {
 .v-hidden {
   visibility: hidden !important;
 }
-.v-visible-sr,
-.s-topbar .s-topbar--skip-link:not(:focus) {
+.v-visible-sr {
   border: 0;
   /* stylelint-disable-next-line property-no-deprecated -- clip is kept for older browser compatibility alongside clip-path */
   clip: rect(var(--su1), var(--su1), var(--su1), var(--su1));
@@ -11496,40 +11495,6 @@ body.theme-highcontrast.theme-dark .s-bling.s-bling__filled.s-bling__bronze {
   height: var(--_bl-icon-size);
   width: var(--_bl-icon-size);
 }
-.s-breadcrumbs {
-  --_br-divider-px: var(--su4);
-  --_br-link-fc: var(--fc-light);
-  align-items: flex-start;
-  color: var(--black-300);
-  display: flex;
-  flex-wrap: wrap;
-  font-size: var(--fs-caption);
-}
-@media (max-width: 48.75rem) {
-  .s-breadcrumbs {
-    --_br-divider-px: var(--su2);
-  }
-}
-.s-breadcrumbs .s-breadcrumbs--divider {
-  margin-left: var(--_br-divider-px);
-  margin-right: var(--_br-divider-px);
-}
-body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
-  color: var(--fc-light);
-}
-.s-breadcrumbs .s-breadcrumbs--item {
-  align-items: center;
-  display: flex;
-  flex-wrap: nowrap;
-  margin-bottom: var(--su2);
-  margin-top: var(--su2);
-}
-.s-breadcrumbs .s-breadcrumbs--link {
-  color: var(--_br-link-fc);
-}
-.s-breadcrumbs .s-breadcrumbs--link:hover {
-  --_br-link-fc: var(--fc-medium);
-}
 .s-btn {
   --_bu-baw: var(--su1);
   --_bu-br: var(--br-pill);
@@ -12023,101 +11988,6 @@ fieldset[disabled] .s-btn:hover .s-btn--badge .s-btn--number,
 .s-btn[aria-disabled="true"]:hover .s-btn--badge .s-btn--number {
   color: var(--_bu-badge-fc-disabled);
 }
-.s-btn-group {
-  border: var(--su1) solid var(--black-300);
-  border-radius: var(--br-md);
-  display: inline-flex;
-  flex-wrap: wrap;
-  padding: var(--su3);
-}
-@media (max-width: 48.75rem) {
-  html .s-btn-group .s-btn {
-    --_bu-px: 0.4em;
-  }
-  html .s-btn-group .s-btn.s-btn__dropdown {
-    padding-right: 1.2em;
-  }
-  html .s-btn-group .s-btn.s-btn__dropdown:after {
-    right: var(--_bu-px);
-  }
-}
-.s-btn-group form {
-  display: flex;
-  margin-right: var(--sun1);
-}
-.s-btn-group .s-btn {
-  --_bu-br: var(--br-md);
-  --_bu-bc-hover: transparent;
-  --_bu-px: calc(var(--su12) - var(--su1));
-  --_bu-py: calc(var(--su6) + 0.65px);
-  font-weight: 400;
-  white-space: nowrap;
-}
-.s-btn-group .s-btn.s-btn__xs {
-  --_bu-px: calc(var(--su8) - var(--su1));
-  --_bu-py: calc(var(--su2) + 0.9px);
-}
-.s-btn-group .s-btn.s-btn__sm {
-  --_bu-px: calc(var(--su8) + var(--su1));
-  --_bu-py: calc(var(--su4) + (var(--su2) - 0.15px));
-}
-.s-btn-group .s-btn.s-btn__md {
-  --_bu-px: var(--su12);
-  --_bu-py: calc(var(--su8) + 0.15px);
-}
-.s-btn-group .s-btn.is-selected,
-.s-btn-group .s-btn--radio:checked + .s-btn {
-  font-weight: bold;
-}
-.s-btn-group .s-btn .s-btn--badge {
-  margin-bottom: -100%;
-  margin-top: -100%;
-  font-weight: normal;
-}
-.s-btn-group .s-btn .s-btn--text {
-  display: inline-flex;
-  flex-direction: column;
-}
-.s-btn-group .s-btn .s-btn--text:before {
-  content: attr(data-text);
-  font-weight: bold;
-  height: 0;
-  pointer-events: none;
-  user-select: none;
-  visibility: hidden;
-}
-.s-card {
-  --_ca-bc: var(--bc-medium);
-  border: var(--su1) solid var(--_ca-bc);
-  background-color: var(--white);
-  border-radius: var(--br-md);
-  padding: var(--su12);
-}
-a.s-card {
-  text-decoration: none !important;
-}
-.s-card.s-card__muted {
-  --_ca-bc: var(--bc-light);
-}
-.s-card.s-card__muted > * {
-  opacity: 0.65;
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-card.s-card__muted > * {
-    opacity: 0.7;
-  }
-}
-body.theme-dark .s-card.s-card__muted > *,
-.theme-dark__forced .s-card.s-card__muted > *,
-body.theme-system .theme-dark__forced .s-card.s-card__muted > * {
-  opacity: 0.7;
-}
-body.theme-highcontrast .s-card.s-card__muted > * {
-  opacity: 0.75;
-}
-.s-card > :last-child {
-  margin-bottom: 0;
-}
 .s-checkbox,
 .s-radio {
   --_ch-ai: center;
@@ -12594,64 +12464,6 @@ pre.s-code-block::-webkit-scrollbar-corner {
 .s-empty-state:last-child {
   margin-bottom: 0;
 }
-.s-expandable {
-  --_ex-after-h: 10px;
-  --_ex-after-hmx: 0;
-  --_ex-after-transition: height 100ms linear, max-height 0s 100ms linear;
-  --_ex-content-hmx: 1000000px;
-  --_ex-content-mb: 0;
-  --_ex-content-o: unset;
-  --_ex-content-transform: unset;
-  --_ex-content-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);
-  --_ex-content-v: unset;
-  align-items: flex-start;
-  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);
-  transition: clip-path 0s var(--_ex-transition-duration), -webkit-clip-path 0s var(--_ex-transition-duration);
-}
-.s-expandable:not(.is-expanded) {
-  --_ex-after-h: 0;
-  --_ex-after-hmx: 10px;
-  --_ex-after-transition: height 10px linear;
-  --_ex-content-hmx: 0;
-  --_ex-content-mb: -1500px;
-  --_ex-content-o: 0;
-  --_ex-content-transform: scaleY(0);
-  --_ex-content-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);
-  --_ex-content-v: hidden;
-  -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;
-}
-@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 {
-    --_ex-content-o: 0;
-    --_ex-content-transform: none;
-  }
-}
-.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);
-  visibility: var(--_ex-content-v);
-  -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,
 :has(> .s-textarea) {
@@ -13095,123 +12907,82 @@ p .s-link {
 .s-link:visited:hover {
   color: var(--_li-fc-hover);
 }
-.s-link-preview {
-  --_lp-details-fc: var(--black-400);
-  --_lp-details-mt: var(--su2);
-  --_lp-footer-bg: var(--black-100);
-  --_lp-footer-fd: unset;
-  --_lp-header-bg: var(--black-100);
-  --_lp-misc-pl: var(--su4);
-  --_lp-misc-pt: unset;
-  border: var(--su1) solid var(--bc-medium);
-  border-radius: var(--br-md);
-  box-shadow: var(--bs-sm);
-  text-align: left;
-}
-@media (max-width: 48.75rem) {
-  .s-link-preview {
-    --_lp-details-mt: var(--su4);
-    --_lp-footer-fd: column;
-    --_lp-misc-pl: 0;
-    --_lp-misc-pt: var(--su2);
-  }
-}
-body.theme-highcontrast .s-link-preview {
-  --_lp-details-fc: var(--black-600);
-  --_lp-footer-bg: var(--black-050);
-  --_lp-header-bg: var(--black-050);
-}
-.s-link-preview .s-link-preview--details a,
-.s-link-preview .s-link-preview--footer a {
-  color: var(--black-600);
-  cursor: pointer;
-  text-decoration: none;
-}
-.s-link-preview .s-link-preview--details a:hover,
-.s-link-preview .s-link-preview--footer a:hover,
-.s-link-preview .s-link-preview--details a:active,
-.s-link-preview .s-link-preview--footer a:active,
-.s-link-preview .s-link-preview--details a:focus,
-.s-link-preview .s-link-preview--footer a:focus,
-.s-link-preview .s-link-preview--details a:visited,
-.s-link-preview .s-link-preview--footer a:visited {
-  color: var(--black-500);
-}
-.s-link-preview .s-link-preview--body {
-  font-size: var(--fs-body2);
-  padding: var(--su12);
-}
-.s-link-preview .s-link-preview--body *:last-child {
-  margin-bottom: 0;
-}
-.s-link-preview .s-link-preview--code pre {
-  border-radius: 0 !important;
-  margin: 0;
-  max-height: 400px;
-}
-.s-link-preview .s-link-preview--details {
-  color: var(--_lp-details-fc);
-  margin-top: var(--_lp-details-mt);
-  font-size: var(--fs-caption);
-}
-.s-link-preview .s-link-preview--footer {
-  background: var(--_lp-footer-bg);
-  flex-direction: var(--_lp-footer-fd);
-  border-bottom-left-radius: var(--br-md);
-  border-bottom-right-radius: var(--br-md);
-  border-top: var(--su1) solid var(--bc-medium);
-  display: flex;
-  font-size: var(--fs-caption);
-  justify-content: space-between;
-  padding: var(--su12);
-}
-.s-link-preview .s-link-preview--header {
-  background: var(--_lp-header-bg);
-  border-bottom: var(--su1) solid var(--bc-medium);
-  border-top-left-radius: var(--br-md);
-  border-top-right-radius: var(--br-md);
+.s-loader {
+  --_ld-color: var(--black-600);
+  --_ld-gap: calc(var(--_ld-size) / 2);
+  --_ld-size: calc(var(--su4) + var(--su1));
+  --_ld-offset: calc(calc(var(--_ld-size) / 8) * -5);
   display: flex;
-  padding: var(--su12) var(--su8);
+  gap: var(--_ld-gap);
+  margin-top: var(--_ld-gap);
 }
-.s-link-preview .s-link-preview--icon {
-  color: var(--black-600);
-  margin-right: var(--su8);
+.s-loader__sm {
+  --_ld-size: calc(calc(var(--su8) - var(--su1)) / 2);
+  margin-left: var(--su1);
+  margin-right: var(--su1);
 }
-.s-link-preview .s-link-preview--misc {
-  padding-left: var(--_lp-misc-pl);
-  padding-top: var(--_lp-misc-pt);
-  color: var(--black-400);
+.s-loader__lg {
+  --_ld-size: var(--su8);
 }
-.s-link-preview .s-link-preview--title {
-  color: var(--black-600);
-  font-size: var(--fs-body3);
-  font-weight: bold;
+.s-loader:before,
+.s-loader .s-loader--sr-text:before,
+.s-loader:after {
+  background-color: currentColor;
+  content: "";
+  display: block;
+  height: var(--_ld-size);
+  width: var(--_ld-size);
+  animation: loader-animation 0.8s cubic-bezier(1, 1, 0, 1) infinite;
 }
-.s-link-preview a.s-link-preview--title {
-  color: var(--theme-link-color, var(--theme-secondary));
-  cursor: pointer;
-  text-decoration: none;
+.s-loader .s-loader--sr-text {
+  display: block;
+  flex-shrink: 0;
+  height: var(--_ld-size);
+  width: var(--_ld-size);
+  font-size: 0;
+  overflow: visible;
 }
-.s-link-preview a.s-link-preview--title:active,
-.s-link-preview a.s-link-preview--title:hover {
-  color: var(--theme-link-color-hover, var(--theme-secondary-500));
-  text-decoration: none;
+.s-loader .s-loader--sr-text:before {
+  animation-delay: 0.25s;
 }
-body.theme-highcontrast .s-link-preview a.s-link-preview--title:active,
-body.theme-highcontrast .s-link-preview a.s-link-preview--title:hover {
-  text-decoration: underline;
+.s-loader:after {
+  animation-delay: 0.5s;
 }
-.s-link-preview a.s-link-preview--title:visited {
-  color: var(--theme-link-color, var(--purple-500));
+@media (prefers-reduced-motion: reduce) {
+  .s-loader:before,
+  .s-loader .s-loader--sr-text:before,
+  .s-loader:after {
+    animation: loader-animation-reduced-motion 2s ease-in-out infinite;
+  }
 }
-.s-link-preview a.s-link-preview--title:visited:hover {
-  color: var(--theme-link-color, var(--purple-600));
+@keyframes loader-animation {
+  0%,
+  1%,
+  99%,
+  to {
+    opacity: 0.2;
+    transform: translateY(0);
+  }
+  49%,
+  50% {
+    opacity: 1;
+    transform: translateY(var(--_ld-offset));
+  }
+  51% {
+    opacity: 0.2;
+    transform: translateY(var(--_ld-offset));
+  }
 }
-.s-link-preview .s-link-preview--url {
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis !important;
-  white-space: nowrap;
+@keyframes loader-animation-reduced-motion {
+  0%,
+  to {
+    opacity: 0.3;
+    transform: none;
+  }
+  50% {
+    opacity: 1;
+    transform: none;
+  }
 }
 .s-menu {
   --_me-action-bg: unset;
@@ -13424,7 +13195,8 @@ body.theme-highcontrast .s-modal {
   margin-bottom: var(--su16);
   margin-right: var(--su24);
 }
-.s-navigation {
+.s-navigation,
+.s-navigation ul {
   --_na-fd: row;
   --_na-fw: wrap;
   --_na-p: var(--su2) 0;
@@ -13441,7 +13213,6 @@ body.theme-highcontrast .s-modal {
   --_na-item-selected-bg-hover: var(--_na-item-bg-hover);
   --_na-item-selected-h: var(--su2);
   --_na-item-text-ta: center;
-  --_na-title-mt: var(--su24);
   --_na-after-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M11.35 4.35 6 9.71.65 4.35l.7-.7L6 8.29l4.65-4.64z'/%3E%3C/svg%3E");
   --_na-after-bg-color: var(--black-400);
   flex-direction: var(--_na-fd);
@@ -13452,40 +13223,67 @@ body.theme-highcontrast .s-modal {
   list-style: none;
   margin: 0;
 }
-body.theme-highcontrast .s-navigation {
+body.theme-highcontrast .s-navigation,
+body.theme-highcontrast .s-navigation ul {
   --_na-item-bg-hover: var(--black-500);
   --_na-item-fc-hover: var(--black-225);
 }
-body.theme-highcontrast .s-navigation a[href].s-navigation--item {
+body.theme-highcontrast .s-navigation a[href].s-navigation--item,
+body.theme-highcontrast .s-navigation ul a[href].s-navigation--item {
   text-decoration: underline;
 }
-.s-navigation.s-navigation__scroll {
+.s-navigation.s-navigation__scroll,
+.s-navigation.s-navigation ul__scroll,
+.s-navigation ul.s-navigation__scroll,
+.s-navigation ul.s-navigation ul__scroll {
   --_na-fw: nowrap;
   overflow-x: auto;
   scrollbar-color: var(--scrollbar) transparent;
 }
-.s-navigation.s-navigation__scroll::-webkit-scrollbar {
+.s-navigation.s-navigation__scroll::-webkit-scrollbar,
+.s-navigation.s-navigation ul__scroll::-webkit-scrollbar,
+.s-navigation ul.s-navigation__scroll::-webkit-scrollbar,
+.s-navigation ul.s-navigation ul__scroll::-webkit-scrollbar {
   width: calc(var(--su12) - var(--su2));
   height: calc(var(--su12) - var(--su2));
   background-color: transparent;
 }
-.s-navigation.s-navigation__scroll::-webkit-scrollbar-track {
+.s-navigation.s-navigation__scroll::-webkit-scrollbar-track,
+.s-navigation.s-navigation ul__scroll::-webkit-scrollbar-track,
+.s-navigation ul.s-navigation__scroll::-webkit-scrollbar-track,
+.s-navigation ul.s-navigation ul__scroll::-webkit-scrollbar-track {
   border-radius: calc(var(--su12) - var(--su2));
   background-color: transparent;
 }
-.s-navigation.s-navigation__scroll::-webkit-scrollbar-thumb {
+.s-navigation.s-navigation__scroll::-webkit-scrollbar-thumb,
+.s-navigation.s-navigation ul__scroll::-webkit-scrollbar-thumb,
+.s-navigation ul.s-navigation__scroll::-webkit-scrollbar-thumb,
+.s-navigation ul.s-navigation ul__scroll::-webkit-scrollbar-thumb {
   border-radius: calc(var(--su12) - var(--su2));
   background-color: var(--scrollbar);
 }
-.s-navigation.s-navigation__scroll::-webkit-scrollbar-corner {
+.s-navigation.s-navigation__scroll::-webkit-scrollbar-corner,
+.s-navigation.s-navigation ul__scroll::-webkit-scrollbar-corner,
+.s-navigation ul.s-navigation__scroll::-webkit-scrollbar-corner,
+.s-navigation ul.s-navigation ul__scroll::-webkit-scrollbar-corner {
   background-color: transparent;
   border-color: transparent;
 }
-.s-navigation.s-navigation__sm {
+.s-navigation.s-navigation__sm,
+.s-navigation.s-navigation ul__sm,
+.s-navigation ul.s-navigation__sm,
+.s-navigation ul.s-navigation ul__sm {
   --_na-item-fs: var(--fs-caption);
   --_na-item-p: var(--su6) var(--su4);
 }
-.s-navigation.s-navigation__vertical {
+.s-navigation.s-navigation__vertical,
+.s-navigation.s-navigation ul__vertical,
+.s-navigation ul.s-navigation__vertical,
+.s-navigation ul.s-navigation ul__vertical,
+.s-navigation.s-navigation__vertical ul,
+.s-navigation.s-navigation ul__vertical ul,
+.s-navigation ul.s-navigation__vertical ul,
+.s-navigation ul.s-navigation ul__vertical ul {
   --_na-fd: column;
   --_na-gap: 0;
   --_na-p: 0;
@@ -13495,16 +13293,40 @@ body.theme-highcontrast .s-navigation a[href].s-navigation--item {
   --_na-item-p: var(--su6) var(--su8);
   --_na-item-fc: var(--black-600);
 }
-.s-navigation.s-navigation__vertical .s-navigation--item.is-selected {
+.s-navigation.s-navigation__vertical .s-navigation--item.is-selected,
+.s-navigation.s-navigation ul__vertical .s-navigation--item.is-selected,
+.s-navigation ul.s-navigation__vertical .s-navigation--item.is-selected,
+.s-navigation ul.s-navigation ul__vertical .s-navigation--item.is-selected,
+.s-navigation.s-navigation__vertical ul .s-navigation--item.is-selected,
+.s-navigation.s-navigation ul__vertical ul .s-navigation--item.is-selected,
+.s-navigation ul.s-navigation__vertical ul .s-navigation--item.is-selected,
+.s-navigation ul.s-navigation ul__vertical ul .s-navigation--item.is-selected {
   --_na-item-bg: var(--black-150);
 }
-.s-navigation.s-navigation__vertical .s-navigation--item:has(.s-navigation--icon) {
+.s-navigation.s-navigation__vertical .s-navigation--item:has(.s-navigation--icon),
+.s-navigation.s-navigation ul__vertical .s-navigation--item:has(.s-navigation--icon),
+.s-navigation ul.s-navigation__vertical .s-navigation--item:has(.s-navigation--icon),
+.s-navigation ul.s-navigation ul__vertical .s-navigation--item:has(.s-navigation--icon),
+.s-navigation.s-navigation__vertical ul .s-navigation--item:has(.s-navigation--icon),
+.s-navigation.s-navigation ul__vertical ul .s-navigation--item:has(.s-navigation--icon),
+.s-navigation ul.s-navigation__vertical ul .s-navigation--item:has(.s-navigation--icon),
+.s-navigation ul.s-navigation ul__vertical ul .s-navigation--item:has(.s-navigation--icon) {
   --_na-item-p: calc(var(--su12) - var(--su1)) var(--su8);
 }
-.s-navigation.s-navigation__vertical .s-navigation--item:has(.s-navigation--avatar) {
+.s-navigation.s-navigation__vertical .s-navigation--item:has(.s-navigation--avatar),
+.s-navigation.s-navigation ul__vertical .s-navigation--item:has(.s-navigation--avatar),
+.s-navigation ul.s-navigation__vertical .s-navigation--item:has(.s-navigation--avatar),
+.s-navigation ul.s-navigation ul__vertical .s-navigation--item:has(.s-navigation--avatar),
+.s-navigation.s-navigation__vertical ul .s-navigation--item:has(.s-navigation--avatar),
+.s-navigation.s-navigation ul__vertical ul .s-navigation--item:has(.s-navigation--avatar),
+.s-navigation ul.s-navigation__vertical ul .s-navigation--item:has(.s-navigation--avatar),
+.s-navigation ul.s-navigation ul__vertical ul .s-navigation--item:has(.s-navigation--avatar) {
   --_na-item-p: var(--su12) var(--su8);
 }
-.s-navigation .s-navigation--item {
+.s-navigation .s-navigation--item,
+.s-navigation .s-navigation ul--item,
+.s-navigation ul .s-navigation--item,
+.s-navigation ul .s-navigation ul--item {
   background-color: var(--_na-item-bg);
   color: var(--_na-item-fc);
   font: unset;
@@ -13521,14 +13343,20 @@ body.theme-highcontrast .s-navigation a[href].s-navigation--item {
   text-decoration: none;
   user-select: auto;
 }
-.s-navigation .s-navigation--item.is-selected {
+.s-navigation .s-navigation--item.is-selected,
+.s-navigation .s-navigation ul--item.is-selected,
+.s-navigation ul .s-navigation--item.is-selected,
+.s-navigation ul .s-navigation ul--item.is-selected {
   --_na-item-bg: var(--_na-item-selected-bg);
   --_na-item-fc: var(--_na-item-selected-fc);
   --_na-item-fc-hover: var(--_na-item-fc);
   --_na-item-bg-hover: var(--_na-item-selected-bg-hover);
   font-weight: bold;
 }
-.s-navigation .s-navigation--item.is-selected:before {
+.s-navigation .s-navigation--item.is-selected:before,
+.s-navigation .s-navigation ul--item.is-selected:before,
+.s-navigation ul .s-navigation--item.is-selected:before,
+.s-navigation ul .s-navigation ul--item.is-selected:before {
   content: "";
   position: absolute;
   bottom: 0;
@@ -13537,10 +13365,16 @@ body.theme-highcontrast .s-navigation a[href].s-navigation--item {
   height: var(--_na-item-selected-h);
   background-color: var(--_na-item-selected-fc);
 }
-body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
+body.theme-highcontrast .s-navigation .s-navigation--item.is-selected,
+body.theme-highcontrast .s-navigation .s-navigation ul--item.is-selected,
+body.theme-highcontrast .s-navigation ul .s-navigation--item.is-selected,
+body.theme-highcontrast .s-navigation ul .s-navigation ul--item.is-selected {
   --_na-item-fc-hover: var(--white);
 }
-.s-navigation .s-navigation--item__dropdown:after {
+.s-navigation .s-navigation--item__dropdown:after,
+.s-navigation .s-navigation ul--item__dropdown:after,
+.s-navigation ul .s-navigation--item__dropdown:after,
+.s-navigation ul .s-navigation ul--item__dropdown:after {
   mask-image: var(--_na-after-mask);
   mask-size: contain;
   mask-repeat: no-repeat;
@@ -13551,24 +13385,45 @@ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
   margin-left: var(--su8);
 }
 .s-navigation .s-navigation--item:hover,
-.s-navigation .s-navigation--item:active {
+.s-navigation .s-navigation ul--item:hover,
+.s-navigation ul .s-navigation--item:hover,
+.s-navigation ul .s-navigation ul--item:hover,
+.s-navigation .s-navigation--item:active,
+.s-navigation .s-navigation ul--item:active,
+.s-navigation ul .s-navigation--item:active,
+.s-navigation ul .s-navigation ul--item:active {
   background-color: var(--_na-item-bg-hover);
   color: var(--_na-item-fc-hover);
 }
 body.theme-highcontrast .s-navigation .s-navigation--item:hover,
-body.theme-highcontrast .s-navigation .s-navigation--item:active {
+body.theme-highcontrast .s-navigation .s-navigation ul--item:hover,
+body.theme-highcontrast .s-navigation ul .s-navigation--item:hover,
+body.theme-highcontrast .s-navigation ul .s-navigation ul--item:hover,
+body.theme-highcontrast .s-navigation .s-navigation--item:active,
+body.theme-highcontrast .s-navigation .s-navigation ul--item:active,
+body.theme-highcontrast .s-navigation ul .s-navigation--item:active,
+body.theme-highcontrast .s-navigation ul .s-navigation ul--item:active {
   --_na-after-bg-color: var(--white);
 }
-.s-navigation .s-navigation--item:focus-visible {
+.s-navigation .s-navigation--item:focus-visible,
+.s-navigation .s-navigation ul--item:focus-visible,
+.s-navigation ul .s-navigation--item:focus-visible,
+.s-navigation ul .s-navigation ul--item:focus-visible {
   box-shadow: inset 0 0 0 var(--su2) var(--focus-theme), inset 0 0 0 var(--su4) var(--focus-neutral);
   outline: var(--su2) solid transparent !important;
 }
-.s-navigation .s-navigation--item-text {
+.s-navigation .s-navigation--item-text,
+.s-navigation .s-navigation ul--item-text,
+.s-navigation ul .s-navigation--item-text,
+.s-navigation ul .s-navigation ul--item-text {
   display: inline-flex;
   flex-direction: column;
   text-align: var(--_na-item-text-ta);
 }
-.s-navigation .s-navigation--item-text:before {
+.s-navigation .s-navigation--item-text:before,
+.s-navigation .s-navigation ul--item-text:before,
+.s-navigation ul .s-navigation--item-text:before,
+.s-navigation ul .s-navigation ul--item-text:before {
   content: attr(data-text);
   font-weight: bold;
   height: 0;
@@ -13576,23 +13431,37 @@ body.theme-highcontrast .s-navigation .s-navigation--item:active {
   user-select: none;
   visibility: hidden;
 }
-.s-navigation .s-navigation--title {
-  margin-top: var(--_na-title-mt);
+.s-navigation .s-navigation--title,
+.s-navigation .s-navigation ul--title,
+.s-navigation ul .s-navigation--title,
+.s-navigation ul .s-navigation ul--title {
+  margin-bottom: 0;
   font-size: var(--fs-fine);
+  font-weight: normal;
   color: var(--black-400);
   padding: calc(var(--su16) + var(--su2)) var(--su8);
 }
-.s-navigation .s-navigation--title:first-child {
-  --_na-title-mt: 0;
-}
-.s-navigation .s-navigation--title .s-btn {
+.s-navigation .s-navigation--title .s-btn,
+.s-navigation .s-navigation ul--title .s-btn,
+.s-navigation ul .s-navigation--title .s-btn,
+.s-navigation ul .s-navigation ul--title .s-btn {
   color: var(--black-400);
 }
-.s-navigation .s-navigation--icon {
+.s-navigation > li ~ li .s-navigation--title,
+.s-navigation ul > li ~ li .s-navigation--title {
+  margin-top: var(--su24);
+}
+.s-navigation .s-navigation--icon,
+.s-navigation .s-navigation ul--icon,
+.s-navigation ul .s-navigation--icon,
+.s-navigation ul .s-navigation ul--icon {
   color: inherit;
   margin-right: var(--su4);
 }
-.s-navigation .s-navigation--avatar {
+.s-navigation .s-navigation--avatar,
+.s-navigation .s-navigation ul--avatar,
+.s-navigation ul .s-navigation--avatar,
+.s-navigation ul .s-navigation ul--avatar {
   margin-right: var(--su8);
   background: transparent;
 }
@@ -13786,55 +13655,6 @@ button.s-notice--dismiss.focus-inset-bordered {
   margin-top: calc(var(--_no-pd) * -1);
   margin-bottom: calc(var(--_no-pd) * -1);
 }
-.s-page-title {
-  --_pt-ai: flex-end;
-  --_pt-fd: row;
-  --_pt-actions-ml: var(--su8);
-  --_pt-actions-mt: unset;
-  --_pt-breadcrums-mb: var(--su8);
-  align-items: var(--_pt-ai);
-  flex-direction: var(--_pt-fd);
-  border-bottom: var(--su1) solid var(--bc-medium);
-  display: flex;
-  justify-content: space-between;
-  padding-bottom: var(--su16);
-  width: 100%;
-}
-@media (max-width: 48.75rem) {
-  .s-page-title {
-    --_pt-breadcrums-mb: var(--su2);
-  }
-}
-@media (max-width: 71.875rem) {
-  .s-page-title {
-    --_pt-ai: flex-start;
-    --_pt-fd: column;
-    --_pt-actions-ml: 0;
-    --_pt-actions-mt: var(--su8);
-  }
-}
-.s-page-title .s-page-title--actions {
-  margin-left: var(--_pt-actions-ml);
-  margin-top: var(--_pt-actions-mt);
-  flex-shrink: 0;
-}
-.s-page-title .s-page-title--description {
-  color: var(--fc-light);
-  font-size: var(--fs-body2);
-  margin-bottom: 0;
-  margin-top: var(--su4);
-}
-.s-page-title .s-page-title--header {
-  color: var(--fc-dark);
-  font-size: var(--fs-headline1);
-  font-weight: bold;
-  line-height: var(--lh-sm);
-  margin: 0;
-  margin-bottom: 0;
-}
-.s-page-title .s-breadcrumbs {
-  margin-bottom: var(--_pt-breadcrums-mb);
-}
 .s-pagination ul,
 ul.s-pagination {
   list-style: none;
@@ -14184,6 +14004,7 @@ body.theme-highcontrast .s-post-summary__deleted * {
   display: flex;
   gap: var(--su6);
   line-height: 1.563rem;
+  word-break: break-all;
 }
 .s-post-summary .s-post-summary--title-link {
   color: var(--_ps-title-link-fc);
@@ -14206,282 +14027,56 @@ body.theme-highcontrast .s-post-summary__deleted * {
 .s-post-summary .s-post-summary--title-icon {
   flex-shrink: 0;
 }
-.s-progress {
-  --_pr-bar: var(--br-md);
-  --_pr-bg: var(--black-300);
-  --_pr-h: unset;
-  --_pr-size: unset;
-  --_pr-w: 100%;
-  --_pr-hmn: var(--su4);
-  --_pr-bar-bar: var(--br-md);
-  --_pr-bar-bg: var(--green-400);
-  --_pr-bar-hmn: var(--su4);
-  --_pr-label-ai: unset;
-  --_pr-label-bc: transparent;
-  --_pr-label-d: unset;
-  --_pr-label-g: unset;
-  --_pr-label-jc: unset;
-  --_pr-label-px: unset;
-  background-color: var(--_pr-bg);
-  border-radius: var(--_pr-bar);
-  height: var(--_pr-size, var(--_pr-h));
-  min-height: var(--_pr-hmn);
-  min-width: var(--su6);
-  position: relative;
-  width: var(--_pr-size, var(--_pr-w));
-}
-.s-progress.s-progress__brand {
-  --_pr-bar-bg: var(--orange-400);
+.s-prose {
+  --_pr-fs: unset;
+  --_pr-lh: 1.5;
+  --_pr-blockquote-ml: 1em;
+  --_pr-blockquote-mt: 0;
+  --_pr-blockquote-before-bg: var(--black-250);
+  --_pr-code-fs: var(--fs-body1);
+  --_pr-h1-fs: var(--fs-headline1);
+  --_pr-h2-fs: var(--fs-title);
+  --_pr-h3-fs: var(--fs-subheading);
+  --_pr-h4-fs: var(--fs-body3);
+  --_pr-h5-fs: var(--fs-body2);
+  --_pr-h6-fs: var(--fs-body1);
+  --_pr-hr-bg: var(--black-225);
+  --_pr-img-mb: 1.1em;
+  --_pr-kbd-bc: var(--black-300);
+  --_pr-kbd-bs: 0 var(--su1) var(--su1) hsla(210, 8%, 5%, 0.15), inset 0 1px 0 0 var(--_white-static);
+  --_pr-spoiler-cursor: pointer;
+  --_pr-spoiler-after-t: 1em;
+  --_pr-soiler-after-o: unset;
+  --_pr-soiler-child-o: 0;
+  --_pr-soiler-child-visibility: hidden;
+  --s-prose-spacing: 1.1em;
+  --s-prose-spacing-condensed: calc(1.1em / 2);
+  font-size: var(--_pr-fs);
+  line-height: var(--_pr-lh);
+  overflow-wrap: break-word;
 }
-.s-progress.s-progress__bronze {
-  --_pr-bar-bg: var(--orange-100);
-  --_pr-label-bc: var(--orange-400);
+@media (prefers-color-scheme: dark) {
+  body.theme-system .s-prose {
+    --_pr-kbd-bc: transparent;
+    --_pr-kbd-btc: var(--black-400);
+    --_pr-kbd-bs: 0 var(--su1) var(--su1) hsla(210, 8%, 5%, 0.8);
+  }
 }
-.s-progress.s-progress__gold {
-  --_pr-bar-bg: var(--yellow-100);
-  --_pr-label-bc: var(--yellow-400);
+body.theme-dark .s-prose,
+.theme-dark__forced .s-prose,
+body.theme-system .theme-dark__forced .s-prose {
+  --_pr-kbd-bc: transparent;
+  --_pr-kbd-btc: var(--black-400);
+  --_pr-kbd-bs: 0 var(--su1) var(--su1) hsla(210, 8%, 5%, 0.8);
 }
-.s-progress.s-progress__info {
-  --_pr-bar-bg: var(--blue-400);
+body.theme-highcontrast .s-prose {
+  --_pr-blockquote-before-bg: var(--black-500);
+  --_pr-hr-bg: var(--black-400);
 }
-.s-progress.s-progress__silver {
-  --_pr-bar-bg: var(--blue-100);
-  --_pr-label-bc: var(--blue-400);
-}
-.s-progress.s-progress__badge,
-.s-progress.s-progress__privilege {
-  --_pr-bar: var(--br-md);
-  --_pr-bg: transparent;
-  --_pr-hmn: 2em;
-  --_pr-bar-bar: var(--br-md);
-  --_pr-bar-hmn: 2em;
-  --_pr-label-d: flex;
-  --_pr-label-g: var(--su4);
-}
-.s-progress.s-progress__badge {
-  --_pr-label-ai: center;
-  --_pr-label-px: 1em;
-}
-.s-progress.s-progress__badge .s-progress--label .s-badge--label {
-  flex-grow: 1;
-  text-align: center;
-}
-.s-progress.s-progress__circular {
-  --_pr-bg: transparent;
-  --_pr-size: var(--su32);
-  --s-progress-value: 0;
-}
-.s-progress.s-progress__circular.s-progress__sm {
-  --_pr-size: var(--su24);
-}
-.s-progress.s-progress__circular.s-progress__md {
-  --_pr-size: var(--su48);
-}
-.s-progress.s-progress__circular.s-progress__lg {
-  --_pr-size: var(--su64);
-}
-.s-progress.s-progress__circular .s-progress-bar {
-  transform: rotate(270deg);
-}
-.s-progress.s-progress__circular .s-progress-bar circle {
-  fill: none;
-  stroke-linecap: round;
-  stroke-width: var(--su4);
-}
-.s-progress.s-progress__circular .s-progress-bar circle:nth-of-type(1) {
-  opacity: 0.4;
-  stroke: currentColor;
-}
-.s-progress.s-progress__circular .s-progress-bar circle:nth-of-type(2) {
-  stroke: currentColor;
-  stroke-dasharray: 87.9645943;
-  stroke-dashoffset: calc(((1 - var(--s-progress-value)) * 87.9645943) * 1px);
-}
-.s-progress.s-progress__privilege {
-  --_pr-bar-bg: var(--green-200);
-  --_pr-label-ai: center;
-  --_pr-label-bc: var(--green-400);
-  --_pr-label-jc: center;
-}
-body.theme-highcontrast .s-progress.s-progress__privilege {
-  --_pr-bar-bg: var(--green-300);
-}
-.s-progress.s-progress__stepped {
-  background: transparent;
-  display: flex;
-}
-.s-progress.s-progress__stepped .s-progress--bar {
-  background: var(--black-250);
-  border-radius: 0;
-  height: var(--su6);
-  position: absolute;
-  top: calc(var(--su8) + var(--su1));
-  z-index: var(--zi-base);
-}
-.s-progress.s-progress__stepped .s-progress--bar.s-progress--bar__left {
-  left: 0;
-  right: 50%;
-}
-.s-progress.s-progress__stepped .s-progress--bar.s-progress--bar__right {
-  left: 50%;
-  right: 0;
-}
-.s-progress.s-progress__stepped .s-progress--label {
-  border: 0;
-  border-radius: 0;
-  color: var(--black-400);
-  display: block;
-  font-size: var(--fs-body1);
-  height: auto;
-  padding: var(--su12) var(--su6) 0 var(--su6);
-  position: static;
-  text-align: center;
-  width: auto;
-  z-index: var(--zi-base);
-}
-.s-progress.s-progress__stepped .s-progress--step {
-  align-items: center;
-  display: flex;
-  flex-basis: 0;
-  flex-direction: column;
-  flex-grow: 1;
-  flex-shrink: 1;
-  position: relative;
-}
-.s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--bar.s-progress--bar__left {
-  background: var(--theme-secondary);
-}
-.s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--label {
-  color: var(--fc-dark);
-}
-.s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--stop {
-  background: var(--theme-secondary);
-  box-shadow: 0 0 0 var(--su6) var(--translucent-secondary);
-}
-.s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--bar,
-.s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--stop {
-  background: var(--theme-secondary);
-}
-.s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--label {
-  color: var(--fc-dark);
-}
-.s-progress.s-progress__stepped .s-progress--stop {
-  align-items: center;
-  background: var(--black-250);
-  border-radius: 100%;
-  color: var(--_white-static);
-  display: flex;
-  height: var(--su24);
-  justify-content: center;
-  position: relative;
-  width: var(--su24);
-  z-index: var(--zi-selected);
-}
-body.theme-highcontrast .s-progress.s-progress__stepped .s-progress--stop {
-  color: var(--white);
-}
-.s-progress .s-progress--bar {
-  background-color: var(--_pr-bar-bg);
-  border-radius: var(--_pr-bar);
-  min-height: var(--_pr-hmn);
-  height: 100%;
-  min-width: var(--su6);
-  position: relative;
-}
-.s-progress .s-progress--label {
-  align-items: var(--_pr-label-ai);
-  border: var(--su1) solid var(--_pr-label-bc);
-  display: var(--_pr-label-d);
-  gap: var(--_pr-label-g);
-  justify-content: var(--_pr-label-jc);
-  padding-left: var(--_pr-label-px);
-  padding-right: var(--_pr-label-px);
-  border-radius: var(--br-md);
-  color: var(--fc-dark);
-  font-size: var(--fs-caption);
-  height: 100%;
-  line-height: var(--lh-xs);
-  position: absolute;
-  width: 100%;
-  z-index: calc(var(--zi-base) + 2);
-}
-.s-progress .s-progress--segments {
-  display: flex;
-  height: 100%;
-  justify-content: space-between;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-.s-progress .s-progress--segments li {
-  display: block;
-  padding-top: var(--su4);
-  position: relative;
-  text-align: center;
-}
-.s-progress .s-progress--segments li:not(:first-child):not(:last-child):before {
-  background-color: var(--white);
-  content: "";
-  display: block;
-  height: 100%;
-  left: var(--sun1);
-  position: absolute;
-  top: 0;
-  width: var(--su4);
-}
-.s-prose {
-  --_pr-fs: unset;
-  --_pr-lh: 1.5;
-  --_pr-blockquote-ml: 1em;
-  --_pr-blockquote-mt: 0;
-  --_pr-blockquote-before-bg: var(--black-250);
-  --_pr-code-fs: var(--fs-body1);
-  --_pr-h1-fs: var(--fs-headline1);
-  --_pr-h2-fs: var(--fs-title);
-  --_pr-h3-fs: var(--fs-subheading);
-  --_pr-h4-fs: var(--fs-body3);
-  --_pr-h5-fs: var(--fs-body2);
-  --_pr-h6-fs: var(--fs-body1);
-  --_pr-hr-bg: var(--black-225);
-  --_pr-img-mb: 1.1em;
-  --_pr-kbd-bc: var(--black-300);
-  --_pr-kbd-bs: 0 var(--su1) var(--su1) hsla(210, 8%, 5%, 0.15), inset 0 1px 0 0 var(--_white-static);
-  --_pr-spoiler-cursor: pointer;
-  --_pr-spoiler-after-t: 1em;
-  --_pr-soiler-after-o: unset;
-  --_pr-soiler-child-o: 0;
-  --_pr-soiler-child-visibility: hidden;
-  --s-prose-spacing: 1.1em;
-  --s-prose-spacing-condensed: calc(1.1em / 2);
-  font-size: var(--_pr-fs);
-  line-height: var(--_pr-lh);
-  overflow-wrap: break-word;
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-prose {
-    --_pr-kbd-bc: transparent;
-    --_pr-kbd-btc: var(--black-400);
-    --_pr-kbd-bs: 0 var(--su1) var(--su1) hsla(210, 8%, 5%, 0.8);
-  }
-}
-body.theme-dark .s-prose,
-.theme-dark__forced .s-prose,
-body.theme-system .theme-dark__forced .s-prose {
-  --_pr-kbd-bc: transparent;
-  --_pr-kbd-btc: var(--black-400);
-  --_pr-kbd-bs: 0 var(--su1) var(--su1) hsla(210, 8%, 5%, 0.8);
-}
-body.theme-highcontrast .s-prose {
-  --_pr-blockquote-before-bg: var(--black-500);
-  --_pr-hr-bg: var(--black-400);
-}
-@media (max-width: 48.75rem) {
-  .s-prose {
-    --_pr-spoiler-after-t: calc(var(--su8) + var(--su1));
-  }
+@media (max-width: 48.75rem) {
+  .s-prose {
+    --_pr-spoiler-after-t: calc(var(--su8) + var(--su1));
+  }
 }
 .s-prose.s-prose__sm {
   --_pr-h1-fs: 1.75em;
@@ -15095,83 +14690,6 @@ body.theme-highcontrast .is-readonly .s-select > select {
 .s-sidebarwidget .s-sidebarwidget--action:is(a, button) {
   white-space: nowrap;
 }
-.s-loader {
-  --_ld-color: var(--black-600);
-  --_ld-gap: calc(var(--_ld-size) / 2);
-  --_ld-size: calc(var(--su4) + var(--su1));
-  --_ld-offset: calc(calc(var(--_ld-size) / 8) * -5);
-  display: flex;
-  gap: var(--_ld-gap);
-  margin-top: var(--_ld-gap);
-}
-.s-loader__sm {
-  --_ld-size: calc(calc(var(--su8) - var(--su1)) / 2);
-  margin-left: var(--su1);
-  margin-right: var(--su1);
-}
-.s-loader__lg {
-  --_ld-size: var(--su8);
-}
-.s-loader:before,
-.s-loader .s-loader--sr-text:before,
-.s-loader:after {
-  background-color: currentColor;
-  content: "";
-  display: block;
-  height: var(--_ld-size);
-  width: var(--_ld-size);
-  animation: loader-animation 0.8s cubic-bezier(1, 1, 0, 1) infinite;
-}
-.s-loader .s-loader--sr-text {
-  display: block;
-  flex-shrink: 0;
-  height: var(--_ld-size);
-  width: var(--_ld-size);
-  font-size: 0;
-  overflow: visible;
-}
-.s-loader .s-loader--sr-text:before {
-  animation-delay: 0.25s;
-}
-.s-loader:after {
-  animation-delay: 0.5s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .s-loader:before,
-  .s-loader .s-loader--sr-text:before,
-  .s-loader:after {
-    animation: loader-animation-reduced-motion 2s ease-in-out infinite;
-  }
-}
-@keyframes loader-animation {
-  0%,
-  1%,
-  99%,
-  to {
-    opacity: 0.2;
-    transform: translateY(0);
-  }
-  49%,
-  50% {
-    opacity: 1;
-    transform: translateY(var(--_ld-offset));
-  }
-  51% {
-    opacity: 0.2;
-    transform: translateY(var(--_ld-offset));
-  }
-}
-@keyframes loader-animation-reduced-motion {
-  0%,
-  to {
-    opacity: 0.3;
-    transform: none;
-  }
-  50% {
-    opacity: 1;
-    transform: none;
-  }
-}
 .s-table {
   --_ta-tbody-tbody-bc: var(--bc-medium);
   --_ta-tbody-tbody-bw: var(--su2);
@@ -15770,637 +15288,6 @@ input[type="checkbox"].s-toggle-switch:focus-visible {
 input[type="checkbox"].s-toggle-switch[disabled] {
   cursor: default;
 }
-.s-topbar {
-  --_tb-bt: var(--theme-topbar-accent-border, 3px solid var(--theme-primary));
-  --_tb-h: var(--theme-topbar-height, calc(var(--su48) + var(--su8)));
-  --_tb-item-bg: unset;
-  --_tb-item-fc: var(--theme-topbar-item-color, var(--black-400));
-  --_tb-item-ai-bs: 0 0 0 var(--su2) var(--theme-topbar-background-color, var(--white));
-  --_tb-item-ai-t: calc(50% - calc(var(--su12) + var(--su2)));
-  --_tb-logo-bg: transparent;
-  --_tb-menu-btn-bg: unset;
-  --_tb-menu-btn-bg-hover: unset;
-  --_tb-menu-btn-fc-hover: unset;
-  --_tb-menu-btn-span-bg: var(--theme-topbar-item-color, var(--black-400));
-  --_tb-menu-btn-span-fc: unset;
-  --_tb-menu-btn-span-after-t: calc(var(--su6) - var(--su1));
-  --_tb-menu-btn-span-after-rotate: 0deg;
-  --_tb-menu-btn-span-before-t: calc(var(--su1) - var(--su6));
-  --_tb-menu-btn-span-before-rotate: 0deg;
-  --_tb-notice-bg: transparent;
-  --_tb-notice-fc: var(--theme-topbar-item-color, var(--black-400));
-  --_tb-notice-bg-hover: var(--theme-topbar-item-background-hover, var(--black-200));
-  --_tb-notice-fc-hover: var(--theme-topbar-item-color-hover, var(--black-600));
-  --_tb-notice-td: none;
-  --_tb-searchbar-d: flex;
-  --_tb-searchbar-p: 0 var(--su8);
-  --_tb-searchbar-open-d: unset;
-  --_tb-searchbar-open-mxw: 0;
-  --_tb-searchbar-popover-wmn: var(--su448);
-  --_tb-searchbar-popover-content-mxh: calc(100vh - var(--_tb-h) - var(--su16));
-  align-items: center;
-  background-color: var(--theme-topbar-background-color, var(--white));
-  border-bottom: var(--theme-topbar-bottom-border, var(--su1) solid var(--black-225));
-  border-top: var(--_tb-bt);
-  display: flex;
-  height: var(--_tb-h);
-  min-width: auto;
-  position: relative;
-  width: 100%;
-  z-index: var(--zi-navigation-fixed);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-topbar.s-topbar__light {
-    --focus-theme: var(--theme-dark-secondary-custom-200, var(--black-200));
-  }
-}
-body.theme-dark .s-topbar.s-topbar__light,
-.theme-dark__forced .s-topbar.s-topbar__light,
-body.theme-system .theme-dark__forced .s-topbar.s-topbar__light {
-  --focus-theme: var(--theme-dark-secondary-custom-200, var(--black-200));
-}
-body.theme-highcontrast .s-topbar {
-  --_tb-notice-td: underline;
-  --theme-topbar-search-color: var(--theme-topbar-item-color, var(--black-400));
-  --theme-topbar-search-background: var(--theme-topbar-background-color, var(--white));
-  --theme-topbar-search-placeholder: var(--theme-topbar-item-color, var(--black-400));
-  --theme-topbar-search-border: var(--theme-topbar-item-color, var(--black-400));
-  --theme-topbar-select-color: var(--theme-topbar-item-color, var(--black-400));
-  --theme-topbar-select-background: var(--theme-topbar-background-color, var(--white));
-  --theme-topbar-item-color: var(--black-600);
-  --theme-topbar-item-color-hover: var(--black-600);
-  --theme-topbar-item-background-hover: var(--black-300);
-  --theme-topbar-item-color-current: var(--black);
-  border-bottom: var(--su1) solid currentColor;
-}
-body.theme-highcontrast .s-topbar.s-topbar__dark {
-  --focus-theme: #ffffff;
-}
-body.theme-highcontrast .s-topbar__dark {
-  --theme-topbar-item-color: var(--_white-static);
-  --theme-topbar-item-color-hover: var(--_white-static);
-  --theme-topbar-item-background-hover: #46484d;
-  --theme-topbar-item-color-current: var(--_white-static);
-}
-body.theme-highcontrast .s-topbar__dark .s-badge {
-  border-color: currentColor;
-}
-body.theme-highcontrast .s-topbar__light {
-  --theme-topbar-item-color: #211d1e;
-  --theme-topbar-item-color-hover: #211d1e;
-  --theme-topbar-item-background-hover: #dee0e3;
-  --theme-topbar-item-color-current: var(--_black-static);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-highcontrast.theme-system .s-topbar.s-topbar__light {
-    --focus-theme: var(--black-200);
-  }
-}
-body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
-  --focus-theme: var(--black-200);
-}
-@media (max-width: 48.75rem) {
-  .s-topbar {
-    --_tb-searchbar-d: none;
-    --_tb-searchbar-p: var(--su8) var(--su12);
-    --_tb-searchbar-open-d: flex;
-    --_tb-searchbar-open-mxw: none;
-    --_tb-searchbar-select-w: 25%;
-    --_tb-searchbar-popover-wmn: initial;
-    --_tb-searchbar-popover-content-mxh: calc(100vh - var(--_tb-h) - var(--su48) - var(--su12));
-  }
-}
-.s-topbar.s-topbar__light {
-  --focus-neutral: #ffffff;
-}
-.s-topbar.s-topbar__dark {
-  --focus-neutral: #211d1e;
-  --focus-theme: var(--theme-dark-secondary-custom-400, #ffffff);
-}
-.s-topbar:has( > .s-topbar--skip-link:focus) {
-  border-top: none;
-  display: block;
-  height: auto;
-}
-.s-topbar:has( > .s-topbar--skip-link:focus) .s-topbar--container {
-  height: var(--_tb-h);
-}
-.s-topbar:has( > .s-topbar--skip-link:focus) .s-topbar--skip-link {
-  border-bottom: var(--_tb-bt);
-}
-.s-topbar a.s-topbar--logo:focus-visible {
-  box-shadow: inset 0 0 0 var(--su2) var(--focus-theme), inset 0 0 0 var(--su4) var(--focus-neutral);
-  outline: var(--su2) solid transparent !important;
-}
-.s-topbar a.s-topbar--logo:hover,
-.s-topbar a.s-topbar--logo.is-selected {
-  --_tb-logo-bg: var(--theme-topbar-item-background-hover, var(--black-200));
-}
-.s-topbar .s-topbar--container {
-  align-items: center;
-  display: flex;
-  height: 100%;
-  margin: 0 auto;
-  max-width: 100%;
-  width: var(--su-max);
-}
-.s-topbar .s-topbar--content {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  scrollbar-color: var(--scrollbar) transparent;
-  display: flex;
-  height: 100%;
-  margin-left: auto;
-  overflow-x: auto;
-}
-.s-topbar .s-topbar--content > li {
-  display: inline-flex;
-}
-.s-topbar .s-topbar--content::-webkit-scrollbar {
-  width: calc(var(--su12) - var(--su2));
-  height: calc(var(--su12) - var(--su2));
-  background-color: transparent;
-}
-.s-topbar .s-topbar--content::-webkit-scrollbar-track {
-  border-radius: calc(var(--su12) - var(--su2));
-  background-color: transparent;
-}
-.s-topbar .s-topbar--content::-webkit-scrollbar-thumb {
-  border-radius: calc(var(--su12) - var(--su2));
-  background-color: var(--scrollbar);
-}
-.s-topbar .s-topbar--content::-webkit-scrollbar-corner {
-  background-color: transparent;
-  border-color: transparent;
-}
-.s-topbar .s-topbar--item:not(.s-topbar--item__unset) {
-  background-color: var(--_tb-item-bg);
-  color: var(--_tb-item-fc);
-  align-items: center;
-  border-radius: var(--br-md);
-  display: inline-flex;
-  padding: 0 calc(var(--su12) - var(--su2));
-  position: relative;
-  text-decoration: none;
-  white-space: nowrap;
-}
-.s-topbar .s-topbar--item:not(.s-topbar--item__unset) .svg-icon {
-  vertical-align: text-top;
-}
-.s-topbar .s-topbar--item:not(.s-topbar--item__unset):focus-visible {
-  box-shadow: inset 0 0 0 var(--su2) var(--focus-theme), inset 0 0 0 var(--su4) var(--focus-neutral);
-  outline: var(--su2) solid transparent !important;
-}
-.s-topbar .s-topbar--item:not(.s-topbar--item__unset):hover,
-.s-topbar .s-topbar--item:not(.s-topbar--item__unset).is-selected,
-.s-topbar .s-topbar--item:not(.s-topbar--item__unset).is-selected:hover {
-  --_tb-item-bg: var(--theme-topbar-item-background-hover, var(--black-200));
-  --_tb-item-fc: var(--theme-topbar-item-color-hover, var(--black-600));
-  --_tb-item-ai-bs: 0 0 0 var(--su2) var(--theme-topbar-item-background-hover, var(--black-200));
-  --_tb-item-ai-t: calc(50% - calc(var(--su16) + var(--su2)));
-  outline: none;
-}
-.s-topbar .s-topbar--item:not(.s-topbar--item__unset) .s-activity-indicator {
-  box-shadow: var(--_tb-item-ai-bs);
-  top: var(--_tb-item-ai-t);
-  position: absolute;
-  right: var(--su2);
-  transition: top var(--te-smooth) 0.15s;
-}
-.s-topbar .s-topbar--item.s-topbar--item__unset {
-  align-self: center;
-  padding-top: var(--su8);
-  padding-bottom: var(--su8);
-}
-.s-topbar .s-topbar--logo {
-  background-color: var(--_tb-logo-bg);
-  align-items: center;
-  border-radius: var(--br-md);
-  display: flex;
-  height: 100%;
-  padding: 0 var(--su8);
-}
-.s-topbar .s-topbar--menu-btn {
-  background-color: var(--_tb-menu-btn-bg);
-  color: var(--_tb-menu-btn-fc);
-  align-items: center;
-  display: flex;
-  flex-shrink: 0;
-  height: 100%;
-  justify-content: center;
-  padding: 0 var(--su16);
-}
-.s-topbar .s-topbar--menu-btn.is-selected {
-  --_tb-menu-btn-bg: var(--theme-topbar-item-background-current);
-  --_tb-menu-btn-bg-hover: var(--theme-topbar-item-background-hover, var(--black-200));
-  --_tb-menu-btn-fc: var(--theme-topbar-item-color-current, var(--black));
-  --_tb-menu-btn-fc-hover: var(--theme-topbar-item-color-hover, var(--black-400));
-  --_tb-menu-btn-span-bg: transparent;
-  --_tb-menu-btn-span-after-t: 0;
-  --_tb-menu-btn-span-after-rotate: 45deg;
-  --_tb-menu-btn-span-before-t: 0;
-  --_tb-menu-btn-span-before-rotate: -45deg;
-}
-.s-topbar .s-topbar--menu-btn:not(.is-selected) span {
-  transition: background-color;
-  transition-duration: 0.1s;
-}
-.s-topbar .s-topbar--menu-btn span {
-  background-color: var(--_tb-menu-btn-span-bg);
-}
-.s-topbar .s-topbar--menu-btn span,
-.s-topbar .s-topbar--menu-btn span:after,
-.s-topbar .s-topbar--menu-btn span:before {
-  height: var(--su2);
-  position: relative;
-  width: var(--su16);
-}
-.s-topbar .s-topbar--menu-btn span:after,
-.s-topbar .s-topbar--menu-btn span:before {
-  background-color: var(--theme-topbar-item-color, var(--black-400));
-  content: '';
-  left: 0;
-  position: absolute;
-  transition: top, transform;
-  transition-duration: 0.1s;
-  transition-timing-function: ease-in-out;
-}
-.s-topbar .s-topbar--menu-btn span:after {
-  top: var(--_tb-menu-btn-span-after-t);
-  transform: rotate(var(--_tb-menu-btn-span-after-rotate));
-}
-.s-topbar .s-topbar--menu-btn span:before {
-  top: var(--_tb-menu-btn-span-before-t);
-  transform: rotate(var(--_tb-menu-btn-span-before-rotate));
-}
-.s-topbar .s-topbar--menu-btn:hover {
-  background-color: var(--_tb-menu-btn-bg-hover);
-  color: var(--_tb-menu-btn-fc-hover);
-}
-.s-topbar .s-topbar--navigation {
-  scrollbar-color: var(--scrollbar) transparent;
-  display: flex;
-  height: 100%;
-  margin-left: auto;
-  overflow-x: auto;
-}
-.s-topbar .s-topbar--navigation::-webkit-scrollbar {
-  width: calc(var(--su12) - var(--su2));
-  height: calc(var(--su12) - var(--su2));
-  background-color: transparent;
-}
-.s-topbar .s-topbar--navigation::-webkit-scrollbar-track {
-  border-radius: calc(var(--su12) - var(--su2));
-  background-color: transparent;
-}
-.s-topbar .s-topbar--navigation::-webkit-scrollbar-thumb {
-  border-radius: calc(var(--su12) - var(--su2));
-  background-color: var(--scrollbar);
-}
-.s-topbar .s-topbar--navigation::-webkit-scrollbar-corner {
-  background-color: transparent;
-  border-color: transparent;
-}
-.s-topbar .s-topbar--notice {
-  background-color: var(--_tb-notice-bg);
-  border: var(--su1) solid var(--_tb-notice-bg);
-  color: var(--_tb-notice-fc);
-  text-decoration: var(--_tb-notice-td);
-  border-radius: var(--br-md);
-  display: inline-flex;
-  flex-shrink: 0;
-  font-size: var(--fs-fine);
-  font-weight: 700;
-  margin-left: var(--su8);
-  margin-right: var(--su8);
-  line-height: var(--lh-xxl);
-  padding: 0 var(--su6);
-  text-transform: uppercase;
-}
-.s-topbar .s-topbar--notice.is-unread {
-  --_tb-notice-bg: var(--theme-primary-400);
-  --_tb-notice-fc: var(--white);
-  --_tb-notice-bg-hover: var(--theme-primary-500);
-  --_tb-notice-fc-hover: var(--white);
-}
-.s-topbar .s-topbar--notice:focus-visible {
-  border-color: var(--focus-theme) !important;
-  box-shadow: inset 0 0 0 var(--su1) var(--focus-theme), inset 0 0 0 var(--su3) var(--focus-neutral);
-  outline: var(--su2) solid transparent !important;
-}
-.s-topbar .s-topbar--notice:hover {
-  background-color: var(--_tb-notice-bg-hover);
-  border-color: var(--_tb-notice-bg-hover);
-  color: var(--_tb-notice-fc-hover);
-}
-.s-topbar .s-topbar--searchbar {
-  display: var(--_tb-searchbar-d);
-  align-items: center;
-  flex-grow: 1;
-  flex-shrink: 10000;
-  padding: var(--_tb-searchbar-p);
-}
-@media (max-width: 48.75rem) {
-  .s-topbar .s-topbar--searchbar {
-    background: var(--theme-topbar-item-background-hover, var(--black-200));
-    left: 0;
-    max-width: 100%;
-    position: absolute;
-    right: 0;
-    top: 100%;
-  }
-}
-.s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group {
-  flex-grow: 1;
-  position: relative;
-}
-.s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input {
-  background-color: var(--theme-topbar-search-background, var(--white));
-  border-color: var(--theme-topbar-search-border, var(--black-300));
-  color: var(--theme-topbar-search-color, var(--black-500));
-  display: block;
-  line-height: var(--lh-sm);
-}
-.s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input::placeholder {
-  color: var(--theme-topbar-search-placeholder, var(--black-400));
-  font-style: normal;
-}
-.s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input:not(:focus-visible):not(.focus) {
-  box-shadow: var(--theme-topbar-search-shadow);
-}
-.s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input-icon {
-  color: var(--theme-topbar-search-placeholder, var(--black-400));
-}
-.s-topbar .s-topbar--searchbar .s-popover {
-  max-width: 100%;
-  min-width: var(--_tb-searchbar-popover-wmn);
-  padding: 0;
-}
-.s-topbar .s-topbar--searchbar .s-popover .s-popover--content {
-  max-height: var(--_tb-searchbar-popover-content-mxh);
-}
-.s-topbar .s-topbar--searchbar .s-select {
-  align-self: stretch;
-  color: var(--theme-topbar-select-color, var(--black-500));
-  margin-right: var(--sun1);
-  max-width: var(--su256) !important;
-}
-@media (max-width: 48.75rem) {
-  .s-topbar .s-topbar--searchbar .s-select {
-    width: 25% !important;
-  }
-}
-.s-topbar .s-topbar--searchbar .s-select > select {
-  background-color: var(--theme-topbar-select-background, var(--black-200));
-  border-bottom-right-radius: 0 !important;
-  border-color: var(--theme-topbar-search-border, var(--black-300));
-  border-top-right-radius: 0 !important;
-  color: var(--theme-topbar-select-color, var(--black-500));
-  height: 100%;
-  line-height: var(--lh-sm);
-}
-.s-topbar .s-topbar--searchbar .s-select > select:focus-visible,
-.s-topbar .s-topbar--searchbar .s-select > select.focus {
-  z-index: var(--zi-selected);
-}
-.s-topbar .s-topbar--searchbar .s-select + .s-topbar--searchbar--input-group > .s-input {
-  border-bottom-left-radius: 0 !important;
-  border-top-left-radius: 0 !important;
-}
-.s-topbar .s-topbar--searchbar .s-select:before,
-.s-topbar .s-topbar--searchbar .s-select:after {
-  z-index: var(--zi-active);
-}
-@media (max-width: 48.75rem) {
-  .s-topbar .s-topbar--searchbar.s-topbar--searchbar__open {
-    display: var(--_tb-searchbar-open-d);
-    max-width: var(--_tb-searchbar-open-mxw);
-  }
-}
-.s-topbar .s-topbar--skip-link {
-  background-color: var(--theme-secondary-100);
-  border-bottom: var(--_tb-bt);
-  display: block;
-  outline: none;
-  padding: var(--su12);
-  text-align: center;
-}
-.s-topbar .s-navigation .s-navigation--item:not(.is-selected) {
-  color: var(--theme-topbar-item-color, var(--black-400));
-}
-.s-topbar .s-navigation .s-navigation--item:not(.is-selected):hover {
-  background-color: var(--theme-topbar-item-background-hover, var(--black-200));
-  color: var(--theme-topbar-item-color-hover, var(--black-400));
-}
-.s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected) {
-  color: var(--black-500);
-}
-.s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected):hover {
-  background-color: var(--black-200);
-  color: var(--black-600);
-}
-.s-topbar__dark {
-  --theme-topbar-background-color: #211d1e;
-  --theme-topbar-bottom-border: var(--su1) solid #211d1e;
-  --theme-topbar-search-color: #ffffff;
-  --theme-topbar-search-background: #584c4f;
-  --theme-topbar-search-placeholder: #eceaea;
-  --theme-topbar-search-border: #8d7d81;
-  --theme-topbar-select-color: #eceaea;
-  --theme-topbar-select-background: #736468;
-  --theme-topbar-item-color: #d7d8db;
-  --theme-topbar-item-color-hover: var(--_white-static);
-  --theme-topbar-item-background-hover: #46484d;
-  --theme-topbar-item-color-current: var(--_white-static);
-  --theme-topbar-accent-border: none;
-  --scrollbar: hsla(0, 0%, 100%, 0.2);
-}
-.s-topbar__light {
-  --theme-topbar-background-color: var(--_white-static);
-  --theme-topbar-bottom-border: var(--su1) solid #d7d8db;
-  --theme-topbar-search-color: #46484d;
-  --theme-topbar-search-background: var(--_white-static);
-  --theme-topbar-search-placeholder: #6b6d73;
-  --theme-topbar-search-border: #a7aab0;
-  --theme-topbar-select-color: #46484d;
-  --theme-topbar-select-background: #dee0e3;
-  --theme-topbar-item-color: #6b6d73;
-  --theme-topbar-item-color-hover: #46484d;
-  --theme-topbar-item-background-hover: #dee0e3;
-  --theme-topbar-item-color-current: var(--_black-static);
-  --scrollbar: hsla(0, 0%, 0%, 0.2);
-}
-.s-uploader {
-  --_up-bg-b-image: url("data:image/svg+xml;,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23000000' stroke-width='8' stroke-dasharray='7%2c 22' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
-  --_up-bg: var(--black-100);
-  --_up-bg-focus: var(--black-150);
-  --_up-bg-bc: var(--black-250);
-  --_up-focus-ring-color: var(--focus-ring);
-  position: relative;
-}
-body.theme-highcontrast .s-uploader {
-  --_up-bg-bc-hc: var(--black-400);
-}
-body.theme-highcontrast .s-uploader.has-error {
-  --_up-bg-bc-hc-state: var(--red-500);
-}
-body.theme-highcontrast .s-uploader.has-success {
-  --_up-bg-bc-hc-state: var(--green-400);
-}
-body.theme-highcontrast .s-uploader.has-warning {
-  --_up-bg-bc-hc-state: var(--yellow-500);
-}
-.s-uploader.has-error .s-link,
-.s-uploader.has-success .s-link,
-.s-uploader.has-warning .s-link {
-  color: var(--_up-link-fc);
-}
-.s-uploader.has-error {
-  --_up-bg: var(--red-100);
-  --_up-bg-focus: var(--red-200);
-  --_up-bg-bc: var(--red-300);
-  --_up-focus-ring-color: var(--focus-ring-error);
-  --_up-link-fc: var(--red-500);
-}
-.s-uploader.has-success {
-  --_up-bg: var(--green-100);
-  --_up-bg-focus: var(--green-200);
-  --_up-bg-bc: var(--green-300);
-  --_up-focus-ring-color: var(--focus-ring-success);
-  --_up-link-fc: var(--green-400);
-}
-.s-uploader.has-warning {
-  --_up-bg: var(--yellow-100);
-  --_up-bg-focus: var(--yellow-200);
-  --_up-bg-bc: var(--yellow-300);
-  --_up-focus-ring-color: var(--focus-ring-warning);
-  --_up-link-fc: var(--yellow-500);
-}
-.s-uploader.is-active {
-  --_up-bg: var(--black-150);
-  --_up-bg-bc: var(--black-300);
-}
-.s-uploader.is-disabled {
-  opacity: var(--_o-disabled-static);
-}
-.s-uploader .s-uploader--container {
-  align-items: center;
-  background-color: var(--_up-bg);
-  border-radius: var(--br-md);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-height: var(--su128);
-  padding: var(--su8) var(--su16);
-  position: relative;
-  text-align: center;
-}
-.s-uploader .s-uploader--container:before {
-  -webkit-mask-image: var(--_up-bg-b-image);
-  mask-image: var(--_up-bg-b-image);
-  background-color: var(--_up-bg-bc-hc-state, var(--_up-bg-bc-hc, var(--_up-bg-bc)));
-  border-radius: var(--br-md);
-  content: '';
-  display: block;
-  inset: 0;
-  position: absolute;
-}
-.s-uploader .s-uploader--input {
-  cursor: pointer;
-  height: 100%;
-  inset: 0;
-  opacity: 0;
-  position: absolute;
-  width: 100%;
-  z-index: var(--zi-selected);
-}
-.s-uploader .s-uploader--input:focus:focus-visible + .s-uploader--container {
-  box-shadow: 0 0 0 var(--su2) var(--focus-neutral), 0 0 0 var(--su4) var(--focus-theme);
-  outline: var(--su2) solid transparent !important;
-}
-.s-uploader .s-uploader--input:focus:focus-visible + .s-uploader--container,
-.s-uploader .s-uploader--input .s-uploader--container.focus {
-  background-color: var(--_up-bg-focus);
-}
-.s-uploader .s-uploader--preview {
-  max-width: 100%;
-  pointer-events: none;
-}
-.s-uploader .s-uploader--preview-thumbnail {
-  background-color: var(--white);
-  border-radius: var(--br-md);
-  box-shadow: var(--bs-md);
-  max-height: var(--su128);
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
-  border: var(--su1) solid var(--black);
-}
-.s-uploader .s-uploader--preview-thumbnail:is(img) {
-  object-fit: scale-down;
-  object-position: center;
-}
-.s-uploader .s-uploader--preview-thumbnail:not(img) {
-  padding: var(--su16);
-}
-.s-uploader .s-uploader--previews {
-  max-width: 100%;
-  text-align: left;
-}
-.s-uploader .s-uploader--previews.has-multiple {
-  display: block;
-  height: auto;
-  padding: var(--su8) var(--su2);
-  width: 100%;
-}
-.s-uploader .s-uploader--previews.has-multiple .s-uploader--preview {
-  align-items: center;
-  display: flex;
-  padding: var(--su6) 0;
-  width: 100%;
-}
-.s-uploader .s-uploader--previews.has-multiple .s-uploader--preview:after {
-  content: attr(data-filename);
-  display: block;
-  margin-left: var(--su12);
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.s-uploader .s-uploader--previews.has-multiple .s-uploader--preview-thumbnail {
-  color: transparent;
-  height: var(--su32);
-  flex-shrink: 0;
-  width: var(--su32);
-}
-.s-uploader .s-uploader--previews.has-multiple .s-uploader--preview-thumbnail:is(img) {
-  object-fit: cover;
-}
-.s-uploader .s-uploader--previews.has-multiple .s-uploader--preview-thumbnail:not(img) {
-  background-image: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='%23535A60' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3 3a2 2 0 012-2h6l4 4v10a2 2 0 01-2 2H5a2 2 0 01-2-2V3zm7-1.5V6h4.5L10 1.5z'%3E%3C/path%3E%3C/svg%3E");
-  background-position: center;
-  background-repeat: no-repeat;
-}
-.s-uploader .s-uploader--previews-heading {
-  color: var(--black-600);
-  font-size: var(--fs-body2);
-  font-weight: 700;
-  padding-bottom: var(--su8);
-}
-.s-uploader .s-uploader--reset {
-  position: absolute;
-  right: var(--su8);
-  top: var(--su8);
-  z-index: var(--zi-active);
-}
-.s-uploader input[type="file"]::file-selector-button {
-  cursor: pointer;
-}
 .s-user-card {
   --_uc-ai: center;
   --_uc-fd: unset;