@stackoverflow/stacks 1.6.4 → 1.6.6

package/dist/css/stacks.css

@@ -419,6 +419,10 @@ template {
 body.theme-highcontrast .s-activity-indicator {
   --_ai-fc: var(--white);
 }
+.s-activity-indicator.s-activity-indicator__danger {
+  --_ai-bg: var(--red-500);
+  --_ai-focus-ring: var(--focus-ring-error);
+}
 .s-activity-indicator.s-activity-indicator__success {
   --_ai-bg: var(--green-500);
   --_ai-focus-ring: var(--focus-ring-success);
@@ -427,10 +431,6 @@ body.theme-highcontrast .s-activity-indicator {
   --_ai-bg: var(--yellow-600);
   --_ai-focus-ring: var(--focus-ring-warning);
 }
-.s-activity-indicator.s-activity-indicator__danger {
-  --_ai-bg: var(--red-500);
-  --_ai-focus-ring: var(--focus-ring-error);
-}
 .s-award-bling {
   --_ab-before-bg: unset;
   align-items: center;
@@ -530,8 +530,8 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
   width: var(--_av-size);
 }
 .s-avatar .s-avatar--letter {
-  display: block;
   color: hsl(0, 0%, 100%);
+  display: block;
   font-size: var(--_av-fs-letter);
   font-weight: bold;
   line-height: 1.4;
@@ -734,8 +734,8 @@ body.theme-highcontrast .s-badge.s-badge__danger.s-badge__filled {
 }
 .s-badge--image,
 .s-badge .s-badge--image {
-  display: inline-flex;
   align-self: center;
+  display: inline-flex;
   margin-right: var(--su1);
   margin-left: calc((var(--su4) + var(--su1)) * -1);
 }
@@ -769,13 +769,6 @@ a.s-badge:hover {
     --_br-divider-px: var(--su2);
   }
 }
-.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--divider {
   margin-left: var(--_br-divider-px);
   margin-right: var(--_br-divider-px);
@@ -783,6 +776,13 @@ a.s-badge:hover {
 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);
 }
@@ -1023,39 +1023,36 @@ pre.s-code-block::-webkit-scrollbar-corner {
   border-color: transparent;
 }
 .s-expandable {
-  --_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-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 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);
+  --_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);
   align-items: flex-start;
   display: flex;
-  -webkit-clip-path: var(--_ex-clip-path);
-  clip-path: var(--_ex-clip-path);
+  -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: var(--_ex-min-expected-height);
-  --_ex-after-transition: height var(--_ex-min-expected-height) linear;
+  --_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 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);
+  --_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);
   -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;
@@ -1773,8 +1770,8 @@ body.theme-system .theme-dark__forced .s-menu {
   margin: var(--su8) 0;
 }
 .s-menu .s-menu--label {
+  border-top: var(--su-static1) solid var(--_me-label-btc);
   cursor: var(--_me-label-cursor);
-  border-top: 1px solid var(--_me-label-btc);
   padding: var(--su12);
 }
 .s-menu .s-menu--label.is-disabled {
@@ -1915,6 +1912,18 @@ body.theme-system .theme-dark__forced .s-modal .s-modal--dialog {
   --_na-fw: wrap;
   --_na-p: var(--su2) 0;
   --_na-gap: var(--su4);
+  --_na-item-bg: none;
+  --_na-item-fc: var(--black-600);
+  --_na-item-fs: unset;
+  --_na-item-p: var(--su6) var(--su12);
+  --_na-item-py: var(--su12);
+  --_na-item-ws: nowrap;
+  --_na-item-bg-hover: var(--black-075);
+  --_na-item-fc-hover: var(--_na-item-fc);
+  --_na-item-selected-bg: var(--theme-primary-color);
+  --_na-item-selected-fc: var(--white);
+  --_na-item-selected-bg-hover: var(--theme-primary-600);
+  --_na-title-mt: var(--su16);
   flex-direction: var(--_na-fd);
   flex-wrap: var(--_na-fw);
   gap: var(--_na-gap);
@@ -1923,6 +1932,10 @@ body.theme-system .theme-dark__forced .s-modal .s-modal--dialog {
   list-style: none;
   margin: 0;
 }
+body.theme-highcontrast .s-navigation {
+  --_na-item-bg-hover: var(--black-600);
+  --_na-item-fc-hover: var(--black-100);
+}
 .s-navigation.s-navigation__scroll {
   --_na-fw: nowrap;
   overflow-x: auto;
@@ -1945,7 +1958,7 @@ body.theme-system .theme-dark__forced .s-modal .s-modal--dialog {
   background-color: transparent;
   border-color: transparent;
 }
-.s-navigation.s-navigation__sm .s-navigation--item {
+.s-navigation.s-navigation__sm {
   --_na-item-fs: var(--fs-caption);
   --_na-item-p: var(--su4) var(--su12);
 }
@@ -1953,29 +1966,19 @@ body.theme-system .theme-dark__forced .s-modal .s-modal--dialog {
   --_na-fd: column;
   --_na-gap: 0;
   --_na-p: 0;
-}
-.s-navigation.s-navigation__vertical .s-navigation--item {
   --_na-item-ws: normal;
 }
-.s-navigation.s-navigation__muted .s-navigation--item.is-selected {
-  --_na-item-bg: var(--black-050);
-  --_na-item-fc: var(--black-800);
-  --_na-item-bg-hover: var(--_na-item-bg);
-  --_na-item-fc-hover: var(--_na-item-fc);
+.s-navigation.s-navigation__muted {
+  --_na-item-selected-bg: var(--black-050);
+  --_na-item-selected-fc: var(--black-800);
+  --_na-item-selected-bg-hover: var(--_na-item-bg);
 }
-body.theme-highcontrast .s-navigation.s-navigation__muted .s-navigation--item.is-selected {
-  --_na-item-bg: var(--black-800);
-  --_na-item-fc: var(--black-050);
+body.theme-highcontrast .s-navigation.s-navigation__muted {
+  --_na-item-selected-bg: var(--black-800);
+  --_na-item-selected-fc: var(--black-050);
+  --_na-item-selected-bg-hover: var(--black-900);
 }
 .s-navigation .s-navigation--item {
-  --_na-item-bg: none;
-  --_na-item-fc: var(--black-600);
-  --_na-item-fs: unset;
-  --_na-item-p: var(--su6) var(--su12);
-  --_na-item-py: var(--su12);
-  --_na-item-ws: nowrap;
-  --_na-item-bg-hover: var(--black-075);
-  --_na-item-fc-hover: var(--_na-item-fc);
   background-color: var(--_na-item-bg);
   color: var(--_na-item-fc);
   font: unset;
@@ -1991,14 +1994,11 @@ body.theme-highcontrast .s-navigation.s-navigation__muted .s-navigation--item.is
   position: relative;
   user-select: auto;
 }
-body.theme-highcontrast .s-navigation .s-navigation--item {
-  --_na-item-bg-hover: var(--black-600);
-  --_na-item-fc-hover: var(--black-100);
-}
 .s-navigation .s-navigation--item.is-selected {
-  --_na-item-bg: var(--theme-primary-color);
-  --_na-item-fc: var(--white);
-  --_na-item-bg-hover: var(--theme-primary-600);
+  --_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);
 }
 body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
   text-decoration: none;
@@ -2031,7 +2031,6 @@ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
   box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-muted);
 }
 .s-navigation .s-navigation--title {
-  --_na-title-mt: var(--su16);
   margin-top: var(--_na-title-mt);
   font-size: var(--fs-fine);
   font-weight: bold;
@@ -2897,7 +2896,7 @@ body.theme-highcontrast .s-progress.s-progress__stepped .s-progress--stop {
   content: "";
   display: block;
   height: 100%;
-  left: calc(var(--su-static) * -1);
+  left: calc(var(--su-static1) * -1);
   position: absolute;
   top: 0;
   width: var(--su-static4);
@@ -2916,7 +2915,7 @@ body.theme-highcontrast .s-progress.s-progress__stepped .s-progress--stop {
   --_pr-h5-fs: var(--fs-body2);
   --_pr-h6-fs: var(--fs-body1);
   --_pr-hr-bg: var(--black-100);
-  --_pr-img-mb: var(--_pr-spacing);
+  --_pr-img-mb: 1.1em;
   --_pr-kbd-bc: var(--black-300);
   --_pr-kbd-bs: 0 var(--su-static1) var(--su-static1) hsla(210, 8%, 5%, 0.15), inset 0 1px 0 0 hsl(0, 0%, 100%);
   --_pr-spoiler-cursor: pointer;
@@ -2924,11 +2923,8 @@ body.theme-highcontrast .s-progress.s-progress__stepped .s-progress--stop {
   --_pr-soiler-after-o: unset;
   --_pr-soiler-child-o: 0;
   --_pr-soiler-child-visibility: hidden;
-  --_pr-spacing: 1.1em;
-  --_pr-spacing-condensed: calc(var(--_pr-spacing) / 2);
-  --_pr-spoiler-transition: opacity 0.1s ease-in-out;
-  --s-prose-spacing: var(--_pr-spacing);
-  --s-prose-spacing-condensed: var(--_pr-spacing-condensed);
+  --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;
@@ -2977,15 +2973,15 @@ body.theme-highcontrast .s-prose {
   --_pr-fs: var(--fs-body3);
   --_pr-lh: var(--lh-xl);
 }
+.s-prose *:not(.s-code-block) > a code {
+  color: var(--theme-link-color);
+}
 .s-prose *:not(.s-code-block) > code {
   padding: var(--su2) var(--su4);
   color: var(--black-800);
   background-color: var(--black-075);
   border-radius: var(--br-sm);
 }
-.s-prose *:not(.s-code-block) > a code {
-  color: var(--theme-link-color);
-}
 .s-prose blockquote:last-child,
 .s-prose dl:last-child,
 .s-prose h1:last-child,
@@ -3133,15 +3129,14 @@ body.theme-highcontrast .s-prose {
   quotes: none;
 }
 .s-prose dd,
-.s-prose div,
 .s-prose dl,
 .s-prose .s-table-container,
 .s-prose .s-link-preview {
-  margin-bottom: var(--_pr-spacing);
+  margin-bottom: 1.1em;
 }
 .s-prose ol,
 .s-prose ul {
-  margin-bottom: var(--_pr-spacing);
+  margin-bottom: 1.1em;
   margin-top: 0;
 }
 .s-prose ol blockquote:last-child,
@@ -3192,7 +3187,7 @@ body.theme-highcontrast .s-prose {
 .s-prose ul table,
 .s-prose ol ul,
 .s-prose ul ul {
-  margin-bottom: var(--_pr-spacing-condensed);
+  margin-bottom: calc(1.1em / 2);
 }
 .s-prose ol li:last-child,
 .s-prose ul li:last-child {
@@ -3202,11 +3197,11 @@ body.theme-highcontrast .s-prose {
 .s-prose ul li ol,
 .s-prose ol li ul,
 .s-prose ul li ul {
-  margin-top: var(--_pr-spacing-condensed);
+  margin-top: calc(1.1em / 2);
 }
 .s-prose ol pre,
 .s-prose ul pre {
-  margin-bottom: calc(var(--_pr-spacing-condensed) + 0.1em);
+  margin-bottom: calc(calc(1.1em / 2) + 0.1em);
 }
 .s-prose sub,
 .s-prose sup {
@@ -3215,7 +3210,7 @@ body.theme-highcontrast .s-prose {
 .s-prose blockquote {
   --_pr-img-mb: 0;
   color: var(--black-600);
-  margin: var(--_pr-blockquote-mt) 1em var(--_pr-spacing) var(--_pr-blockquote-ml);
+  margin: var(--_pr-blockquote-mt) 1em 1.1em var(--_pr-blockquote-ml);
   padding: 0.8em 0.8em 0.8em 1em;
   position: relative;
 }
@@ -3258,7 +3253,7 @@ body.theme-highcontrast .s-prose {
   color: var(--_pr-hr-bg);
   border: 0;
   height: var(--su-static1);
-  margin-bottom: var(--_pr-spacing);
+  margin-bottom: 1.1em;
 }
 .s-prose img {
   margin-bottom: var(--_pr-img-mb);
@@ -3282,7 +3277,7 @@ body.theme-highcontrast .s-prose {
   text-shadow: 0 var(--su-static1) 0 var(--white);
 }
 .s-prose li {
-  --_pr-blockquote-mt: var(--_pr-spacing-condensed);
+  --_pr-blockquote-mt: calc(1.1em / 2);
   --_pr-img-mb: 0;
   overflow-wrap: break-word;
 }
@@ -3291,11 +3286,11 @@ body.theme-highcontrast .s-prose {
 }
 .s-prose p {
   --_pr-img-mb: 0;
-  margin-bottom: var(--_pr-spacing);
+  margin-bottom: 1.1em;
 }
 .s-prose pre {
   margin-top: 0;
-  margin-bottom: calc(var(--_pr-spacing) + 0.4em);
+  margin-bottom: calc(1.1em + 0.4em);
   overflow-wrap: normal;
 }
 .s-prose pre:not(.s-code-block) {
@@ -3347,7 +3342,7 @@ body.theme-highcontrast .s-prose {
 .s-prose .spoiler:after {
   opacity: var(--_pr-soiler-after-o);
   top: var(--_pr-spoiler-after-t);
-  transition: var(--_pr-spoiler-transition);
+  transition: opacity 0.1s ease-in-out;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='rgb(132, 141, 149)' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 17A8 8 0 119 1a8 8 0 010 16zM8 4v6h2V4H8zm0 8v2h2v-2H8z'%3E%3C/path%3E%3C/svg%3E");
   background-position: center right;
   background-repeat: no-repeat;
@@ -3367,7 +3362,7 @@ body.theme-highcontrast .s-prose {
 }
 .s-prose .spoiler > * {
   opacity: var(--_pr-soiler-child-o);
-  transition: var(--_pr-spoiler-transition);
+  transition: opacity 0.1s ease-in-out;
   visibility: var(--_pr-soiler-child-visibility);
 }
 .s-prose .youtube-embed {
@@ -3387,9 +3382,6 @@ body.theme-highcontrast .s-prose {
   width: 100%;
 }
 .s-sidebarwidget {
-  --_sw-content-px: calc(var(--su16) - var(--su1));
-  --_sw-content-spacing-inner: var(--su12);
-  --_sw-content-spacing-outer: var(--su16);
   --_sw-bc: var(--bc-medium);
   --_sw-after-bc: var(--_sw-bc);
   --_sw-content-bc: var(--bc-light);
@@ -3401,6 +3393,10 @@ body.theme-highcontrast .s-prose {
   font-size: var(--fs-body1);
   position: relative;
 }
+.s-sidebarwidget:not(.s-anchors) a:not(.button):not(.post-tag):not(.s-btn):not(.s-sidebarwidget--action):not(.s-user-card--link),
+.s-sidebarwidget:not(.s-anchors) a:not(.button):not(.post-tag):not(.s-btn):not(.s-sidebarwidget--action):not(.s-user-card--link):visited {
+  color: var(--black-500);
+}
 .s-sidebarwidget.s-sidebarwidget__blue {
   --_sw-bc: var(--blue-200);
   background-color: var(--blue-050);
@@ -3409,15 +3405,15 @@ body.theme-highcontrast .s-prose {
 body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__blue {
   --_sw-bc: var(--blue-700);
 }
+.s-sidebarwidget.s-sidebarwidget__blue:after,
+.s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--content,
+.s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--header {
+  border-color: var(--_sw-bc);
+}
 .s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--header {
   background-color: var(--blue-100);
   color: var(--fc-medium);
 }
-.s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--header,
-.s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--content,
-.s-sidebarwidget.s-sidebarwidget__blue:after {
-  border-color: var(--_sw-bc);
-}
 .s-sidebarwidget.s-sidebarwidget__yellow {
   --_sw-bc: var(--yellow-200);
   background-color: var(--yellow-050);
@@ -3426,15 +3422,15 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__blue {
 body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__yellow {
   --_sw-bc: var(--yellow-700);
 }
+.s-sidebarwidget.s-sidebarwidget__yellow:after,
+.s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--content,
+.s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--header {
+  border-color: var(--_sw-bc);
+}
 .s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--header {
   background-color: var(--yellow-100);
   color: var(--fc-medium);
 }
-.s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--header,
-.s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--content,
-.s-sidebarwidget.s-sidebarwidget__yellow:after {
-  border-color: var(--_sw-bc);
-}
 .s-sidebarwidget.s-sidebarwidget__green {
   --_sw-bc: var(--green-200);
   background-color: var(--green-050);
@@ -3443,15 +3439,15 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__yellow {
 body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   --_sw-bc: var(--green-700);
 }
+.s-sidebarwidget.s-sidebarwidget__green:after,
+.s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--content,
+.s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--header {
+  border-color: var(--_sw-bc);
+}
 .s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--header {
   background-color: var(--green-100);
   color: var(--fc-medium);
 }
-.s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--header,
-.s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--content,
-.s-sidebarwidget.s-sidebarwidget__green:after {
-  border-color: var(--_sw-bc);
-}
 .s-sidebarwidget .s-sidebarwidget--action {
   color: var(--blue);
   float: right;
@@ -3462,10 +3458,14 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
 .s-sidebarwidget .s-sidebarwidget--content {
   border-top: var(--su-static1) solid var(--_sw-content-bc);
   margin: 0;
-  padding: var(--_sw-content-spacing-outer) var(--_sw-content-px);
+  padding: var(--su16) calc(var(--su16) - var(--su1));
+}
+.s-sidebarwidget .s-sidebarwidget--content:not(table):not(.s-sidebarwidget__items),
+.s-sidebarwidget .s-sidebarwidget--content:not(table):not(.s-sidebarwidget__block-items) .s-sidebarwidget--item {
+  display: flex;
 }
 .s-sidebarwidget .s-sidebarwidget--content.s-sidebarwidget__items {
-  padding: calc(var(--_sw-content-spacing-outer) - var(--_sw-content-spacing-inner)) var(--_sw-content-px);
+  padding: calc(var(--su16) - var(--su12)) calc(var(--su16) - var(--su1));
 }
 .s-sidebarwidget .s-sidebarwidget--content.s-sidebarwidget__items,
 .s-sidebarwidget .s-sidebarwidget--content.s-sidebarwidget__items.s-sidebarwidget__block-items .s-sidebarwidget--item {
@@ -3474,10 +3474,6 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
 .s-sidebarwidget .s-sidebarwidget--content:active {
   outline: none;
 }
-.s-sidebarwidget .s-sidebarwidget--content:not(table):not(.s-sidebarwidget__items),
-.s-sidebarwidget .s-sidebarwidget--content:not(table):not(.s-sidebarwidget__block-items) .s-sidebarwidget--item {
-  display: flex;
-}
 .s-sidebarwidget .s-sidebarwidget--header {
   background: var(--black-025);
   border-top: var(--su-static1) solid var(--_sw-header-bc);
@@ -3485,7 +3481,11 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   font-size: var(--fs-body2);
   font-weight: normal;
   margin: 0;
-  padding: var(--_sw-content-spacing-inner) var(--_sw-content-px);
+  padding: var(--su12) calc(var(--su16) - var(--su1));
+}
+.s-sidebarwidget .s-sidebarwidget--header:first-child {
+  border-top-left-radius: var(--br-sm);
+  border-top-right-radius: var(--br-sm);
 }
 .s-sidebarwidget .s-sidebarwidget--header.s-sidebarwidget__expanding-control {
   cursor: pointer;
@@ -3511,15 +3511,11 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   font-weight: normal;
   line-height: calc(var(--lh-base) * var(--fs-caption));
 }
-.s-sidebarwidget .s-sidebarwidget--header:first-child {
-  border-top-left-radius: var(--br-sm);
-  border-top-right-radius: var(--br-sm);
-}
 .s-sidebarwidget .s-sidebarwidget--header:active {
   outline: none;
 }
 .s-sidebarwidget .s-sidebarwidget--item {
-  margin: var(--_sw-content-spacing-inner) 0;
+  margin: var(--su12) 0;
 }
 .s-sidebarwidget .s-sidebarwidget--item[aria-current="true"],
 .s-sidebarwidget .s-sidebarwidget--item > :first-child[aria-current="true"],
@@ -3537,10 +3533,10 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   border-left-style: solid;
   border-left-width: calc(var(--su-static1) * 3);
   content: '';
-  height: calc(100% + var(--_sw-content-spacing-inner));
+  height: calc(100% + var(--su12));
   left: 0;
-  margin-left: calc(var(--_sw-content-px) * -1 - var(--su-static1));
-  margin-top: calc(var(--_sw-content-spacing-inner) / 2 * -1);
+  margin-left: calc(calc(var(--su16) - var(--su1)) * -1 - var(--su-static1));
+  margin-top: calc(var(--su12) / 2 * -1);
   position: absolute;
 }
 .s-sidebarwidget .s-sidebarwidget--item[aria-current="true"] a,
@@ -3580,8 +3576,8 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
 }
 .s-sidebarwidget table.s-sidebarwidget--content.s-sidebarwidget__items {
   border-collapse: separate;
-  border-spacing: var(--_sw-content-spacing-inner);
-  padding: calc(var(--_sw-content-spacing-outer) - var(--_sw-content-spacing-inner)) calc(var(--_sw-content-px) - var(--_sw-content-spacing-inner));
+  border-spacing: var(--su12);
+  padding: calc(var(--su16) - var(--su12)) calc(calc(var(--su16) - var(--su1)) - var(--su12));
 }
 .s-sidebarwidget table.s-sidebarwidget--content.s-sidebarwidget__items tr.s-sidebarwidget--item {
   display: table-row;
@@ -3589,10 +3585,6 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
 .s-sidebarwidget table.s-sidebarwidget--content.s-sidebarwidget__items tr.s-sidebarwidget--item td {
   padding: 0;
 }
-.s-sidebarwidget:not(.s-anchors) a:not(.button):not(.s-btn):not(.post-tag):not(.s-sidebarwidget--action):not(.s-user-card--link),
-.s-sidebarwidget:not(.s-anchors) a:not(.button):not(.s-btn):not(.post-tag):not(.s-sidebarwidget--action):not(.s-user-card--link):visited {
-  color: var(--black-500);
-}
 .s-sidebarwidget:before {
   content: '';
   display: block;
@@ -3634,8 +3626,8 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   --_sp-baw: var(--su-static6);
   --_sp-size: var(--su-static48);
 }
-.s-spinner:before,
-.s-spinner:after {
+.s-spinner:after,
+.s-spinner:before {
   border: var(--_sp-baw) solid currentColor;
   border-radius: var(--br-circle);
   content: '';
@@ -3643,24 +3635,24 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   position: absolute;
   width: 100%;
 }
-.s-spinner:before {
-  opacity: 0.25;
-  transform: rotate(90deg);
-}
 .s-spinner:after {
   border-top-color: transparent;
   border-right-color: transparent;
   border-bottom-color: transparent;
   animation: s-spinner-rotate 0.9s infinite cubic-bezier(0.5, 0.1, 0.5, 0.9);
 }
+.s-spinner:before {
+  opacity: 0.25;
+  transform: rotate(90deg);
+}
 .is-loading {
   --_li-offset: 0.6em;
   --_il-size: 1.23076923em;
   padding-left: 2.2em;
   position: relative;
 }
-.is-loading:before,
-.is-loading:after {
+.is-loading:after,
+.is-loading:before {
   border-radius: var(--br-circle);
   border-style: solid;
   border-width: var(--su-static2);
@@ -3671,10 +3663,6 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   top: calc(50% - var(--_li-offset));
   width: var(--_il-size);
 }
-.is-loading:before {
-  border-color: currentColor;
-  opacity: 0.3;
-}
 .is-loading:after {
   animation: s-spinner-rotate 0.9s infinite cubic-bezier(0.5, 0.1, 0.5, 0.9);
   border-color: transparent;
@@ -3682,6 +3670,10 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   filter: invert(0);
   transform-origin: 50% 50% 1px;
 }
+.is-loading:before {
+  border-color: currentColor;
+  opacity: 0.3;
+}
 @keyframes s-spinner-rotate {
   from {
     transform: rotate(0deg);
@@ -4370,11 +4362,11 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
   }
 }
 .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-025);
   --_up-bg-focus: var(--black-050);
   --_up-bg-bc: var(--black-150);
   --_up-focus-ring-color: var(--focus-ring);
-  --_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");
   position: relative;
 }
 body.theme-highcontrast .s-uploader {
@@ -4432,11 +4424,11 @@ body.theme-highcontrast .s-uploader {
   -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)));
-  content: '';
   border-radius: var(--br-lg);
+  content: '';
   display: block;
-  position: absolute;
   inset: 0;
+  position: absolute;
 }
 .s-uploader .s-uploader--input {
   cursor: pointer;
@@ -4466,7 +4458,7 @@ body.theme-highcontrast .s-uploader {
   white-space: nowrap;
 }
 body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
-  border: 1px solid var(--black);
+  border: var(--su-static1) solid var(--black);
 }
 .s-uploader .s-uploader--preview-thumbnail:is(img) {
   object-fit: scale-down;
@@ -22106,7 +22098,7 @@ body.theme-system .theme-dark__forced .s-block-link.is-selected {
   --_lp-footer-fd: unset;
   --_lp-misc-pl: var(--su4);
   --_lp-misc-pt: unset;
-  border: 1px solid var(--bc-medium);
+  border: var(--su-static1) solid var(--bc-medium);
   border-radius: var(--br-sm);
   box-shadow: var(--bs-sm);
   text-align: left;
@@ -22159,7 +22151,7 @@ body.theme-system .theme-dark__forced .s-block-link.is-selected {
   background: var(--black-025);
   border-bottom-left-radius: var(--br-sm);
   border-bottom-right-radius: var(--br-sm);
-  border-top: 1px solid var(--bc-medium);
+  border-top: var(--su-static1) solid var(--bc-medium);
   display: flex;
   font-size: var(--fs-caption);
   justify-content: space-between;
@@ -22167,7 +22159,7 @@ body.theme-system .theme-dark__forced .s-block-link.is-selected {
 }
 .s-link-preview .s-link-preview--header {
   background: var(--black-025);
-  border-bottom: 1px solid var(--bc-medium);
+  border-bottom: var(--su-static1) solid var(--bc-medium);
   border-top-left-radius: var(--br-sm);
   border-top-right-radius: var(--br-sm);
   display: flex;
@@ -22233,12 +22225,12 @@ body.theme-highcontrast .s-link-preview a.s-link-preview--title.s-link__visited:
   color: var(--_no-fc);
   border-style: solid;
   font-size: var(--fs-body1);
-  -webkit-transform: translate3d(0, var(--_no-x-offset), 0);
-  transform: translate3d(0, var(--_no-x-offset), 0);
   border-width: var(--su-static1) 0;
   inset: 0 0 auto 0;
   padding: var(--su12);
   position: fixed;
+  -webkit-transform: translate3d(0, var(--_no-x-offset), 0);
+  transform: translate3d(0, var(--_no-x-offset), 0);
   width: 100%;
   z-index: calc(var(--zi-navigation-fixed) - 1);
 }
@@ -22431,13 +22423,13 @@ body.theme-highcontrast .s-banner__warning.s-banner__important {
 .s-banner .s-banner--btn:not(:focus) {
   box-shadow: none;
 }
+.s-banner .s-banner--btn:active {
+  background: var(--_no-btn-bg-active);
+}
 .s-banner .s-banner--btn:focus,
 .s-banner .s-banner--btn:hover {
   background: var(--_no-btn-bg-focus);
 }
-.s-banner .s-banner--btn:active {
-  background: var(--_no-btn-bg-active);
-}
 .s-banner[aria-hidden="true"] {
   --_no-x-offset: calc(var(--su48) + var(--su2) * -1);
   opacity: 0;
@@ -22664,13 +22656,13 @@ body.theme-highcontrast .s-notice__warning.s-notice__important {
 .s-notice .s-notice--btn:not(:focus) {
   box-shadow: none;
 }
+.s-notice .s-notice--btn:active {
+  background: var(--_no-btn-bg-active);
+}
 .s-notice .s-notice--btn:focus,
 .s-notice .s-notice--btn:hover {
   background: var(--_no-btn-bg-focus);
 }
-.s-notice .s-notice--btn:active {
-  background: var(--_no-btn-bg-active);
-}
 .s-toast {
   display: flex;
   justify-content: center;
@@ -22706,20 +22698,20 @@ body.theme-highcontrast .s-notice__warning.s-notice__important {
 }
 .s-tag {
   --_ta-bc: var(--theme-tag-border-color);
+  --_ta-bc-hover: var(--theme-tag-hover-border-color);
+  --_ta-bc-selected: transparent;
   --_ta-bg: var(--theme-tag-background-color);
+  --_ta-bg-hover: var(--theme-tag-hover-background-color);
+  --_ta-bg-selected: var(--theme-secondary-200);
   --_ta-br: var(--br-sm);
   --_ta-fc: var(--theme-tag-color);
+  --_ta-fc-hover: var(--theme-tag-hover-color);
+  --_ta-fc-selected: var(--theme-secondary-900);
   --_ta-fs: var(--fs-caption);
   --_ta-lh: 1.84615385;
   --_ta-pl: var(--_ta-px);
   --_ta-pr: var(--_ta-px);
   --_ta-px: var(--su4);
-  --_ta-bc-hover: var(--theme-tag-hover-border-color);
-  --_ta-bg-hover: var(--theme-tag-hover-background-color);
-  --_ta-fc-hover: var(--theme-tag-hover-color);
-  --_ta-bc-selected: transparent;
-  --_ta-bg-selected: var(--theme-secondary-200);
-  --_ta-fc-selected: var(--theme-secondary-900);
   background-color: var(--_ta-bg);
   border: var(--su-static1) solid var(--_ta-bc);
   border-radius: var(--_ta-br);
@@ -22919,13 +22911,13 @@ body.theme-highcontrast .s-pagination .s-pagination--item {
   --_pa-item-bc: transparent;
   --_pa-item-fc: var(--white);
 }
-.s-pagination .s-pagination--item.s-pagination .s-pagination--item__clear {
+.s-pagination .s-pagination--item.s-pagination--item__clear {
   --_pa-item-bg: transparent;
   --_pa-item-bc: transparent;
   --_pa-item-fc: inherit;
 }
 .s-pagination .s-pagination--item.is-selected,
-.s-pagination .s-pagination--item.s-pagination .s-pagination--item__clear {
+.s-pagination .s-pagination--item.s-pagination--item__clear {
   --_pa-item-bc-hover: var(--_pa-item-bc);
   --_pa-item-bg-hover: var(--_pa-item-bg);
   --_pa-item-fc-hover: var(--_pa-item-fc);