npm - @stackoverflow/stacks - Versions diffs - 3.0.0-beta.1 → 3.0.0-beta.12 - Mend

@stackoverflow/stacks 3.0.0-beta.1 → 3.0.0-beta.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/dist/css/stacks.css +1543 -1285
package/dist/css/stacks.min.css +1 -1
package/lib/atomic/misc.less +1 -1
package/lib/atomic/typography.less +64 -38
package/lib/base/body.less +2 -7
package/lib/components/activity-indicator/activity-indicator.less +2 -19
package/lib/components/anchor/anchor.less +1 -1
package/lib/components/badge/badge.less +156 -177
package/lib/components/bling/bling.less +130 -0
package/lib/components/button/button.less +222 -374
package/lib/components/checkbox_radio/checkbox_radio.less +12 -10
package/lib/components/input-icon/input-icon.less +3 -3
package/lib/components/input_textarea/input_textarea.less +70 -58
package/lib/components/link/link.less +1 -1
package/lib/components/link-preview/link-preview.less +1 -1
package/lib/components/menu/menu.less +100 -21
package/lib/components/modal/modal.less +10 -10
package/lib/components/navigation/navigation.less +61 -37
package/lib/components/pagination/pagination.less +44 -43
package/lib/components/popover/popover.less +3 -5
package/lib/components/post-summary/post-summary.less +3 -2
package/lib/components/progress-bar/progress-bar.less +11 -10
package/lib/components/select/select.less +26 -37
package/lib/components/tag/tag.less +59 -70
package/lib/components/toggle-switch/toggle-switch.less +4 -2
package/lib/exports/color-mixins.less +13 -3
package/lib/exports/color-sets.less +256 -216
package/lib/exports/constants-helpers.less +4 -1
package/lib/exports/constants-type.less +25 -25
package/lib/stacks-static.less +1 -1
package/package.json +1 -1
package/lib/components/award-bling/award-bling.less +0 -31

package/dist/css/stacks.css CHANGED Viewed

@@ -411,7 +411,7 @@ fieldset {
   position: relative;
 }
 .s-activity-indicator {
-  --_ai-bg: var(--theme-secondary-400);
+  --_ai-bg: var(--pink-400);
   --_ai-fc: var(--white);
   --_ai-min-size: var(--su-static16);
   --_ai-p: 0 calc(var(--su-static4) - var(--su-static1));
@@ -420,7 +420,7 @@ fieldset {
   min-width: var(--_ai-min-size);
   min-height: var(--_ai-min-size);
   padding: var(--_ai-p);
-  border-radius: 1000px;
+  border-radius: var(--br-pill);
   display: inline-flex;
   font-size: var(--fs-fine);
   font-weight: 600;
@@ -430,28 +430,14 @@ fieldset {
   justify-content: center;
   text-transform: uppercase;
 }
-body.theme-highcontrast .s-activity-indicator {
-  --_ai-bg: var(--theme-secondary-500);
-}
 .s-activity-indicator.s-activity-indicator__danger {
   --_ai-bg: var(--red-400);
 }
-body.theme-highcontrast .s-activity-indicator.s-activity-indicator__danger {
-  --_ai-bg: var(--red-500);
-}
 .s-activity-indicator.s-activity-indicator__success {
   --_ai-bg: var(--green-400);
 }
-body.theme-highcontrast .s-activity-indicator.s-activity-indicator__success {
-  --_ai-bg: var(--green-500);
-}
 .s-activity-indicator.s-activity-indicator__warning {
   --_ai-bg: var(--yellow-400);
-  --_ai-fc: var(--_black-static);
-}
-body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
-  --_ai-bg: var(--yellow-500);
-  --_ai-fc: var(--white);
 }
 .s-activity-indicator.s-activity-indicator__sm {
   --_ai-min-size: calc(var(--su-static8) + var(--su-static2));
@@ -473,7 +459,7 @@ body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
   --_an-a-fc-visited: var(--red-600);
 }
 .s-anchors.s-anchors__default {
-  --_an-a-fc: var(--theme-link-color, var(--theme-secondary-400));
+  --_an-a-fc: var(--theme-link-color, var(--theme-secondary));
   --_an-a-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
   --_an-a-fc-visited: var(--theme-link-color-visited, var(--purple-500));
   --_an-a-fc-hover-visited: var(--theme-link-color-hover, var(--purple-600));
@@ -631,238 +617,219 @@ body.theme-highcontrast .s-avatar .s-avatar--letter {
   position: absolute;
   transform: translate(-50%, 60%);
 }
-.s-award-bling {
-  --_ab-before-bg: unset;
-  align-items: center;
-  color: inherit;
-  display: flex;
-}
-.s-award-bling.s-award-bling__gold {
-  --_ab-before-bg: var(--gold-300);
-}
-.s-award-bling.s-award-bling__silver {
-  --_ab-before-bg: var(--silver-300);
-}
-.s-award-bling.s-award-bling__bronze {
-  --_ab-before-bg: var(--bronze-300);
-}
-.s-award-bling:before {
-  background-color: var(--_ab-before-bg);
-  border-radius: 100%;
-  content: "";
-  margin-right: var(--su4);
-  height: var(--su8);
-  width: var(--su8);
-}
 .s-badge {
   --_ba-as: unset;
-  --_ba-bc: var(--bc-medium);
-  --_ba-bg: var(--black-150);
+  --_ba-bc: transparent;
+  --_ba-bg: var(--black-100);
   --_ba-fc: var(--black-500);
   --_ba-fs: var(--fs-caption);
-  --_ba-fw: normal;
-  --_ba-g: 0.3em;
-  --_ba-lh: 2;
   --_ba-px: var(--su6);
-  --_ba-py: 0;
+  --_ba-py: var(--su4);
   --_ba-tt: unset;
   --_ba-wmn: 0;
+  --_ba-bl: 0;
+  --_ba-fw: unset;
+  --_ba-sq-bg: var(--black-200);
+  --_ba-bx-sh-w: var(--su2);
+  --_ba-gap: unset;
+  --_ba-bx-sh-inset: ;
   align-self: var(--_ba-as);
   background-color: var(--_ba-bg);
-  border: var(--su-static1) solid var(--_ba-bc);
+  border-left: var(--_ba-bl) solid var(--_ba-bc);
   color: var(--_ba-fc);
   font-size: var(--_ba-fs);
-  gap: var(--_ba-g);
   font-weight: var(--_ba-fw);
-  line-height: var(--_ba-lh);
-  min-width: var(--_ba-wmn);
+  gap: var(--_ba-gap, var(--_ba-px));
   padding: var(--_ba-py) var(--_ba-px);
+  line-height: var(--lh-md);
+  min-width: var(--_ba-wmn);
   text-transform: var(--_ba-tt);
   align-items: center;
-  border-radius: var(--br-md);
   display: inline-flex;
   justify-content: center;
   text-decoration: none;
   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:not(.s-badge__answered),
-body.theme-highcontrast .s-badge__admin,
-body.theme-highcontrast .s-badge__moderator,
-body.theme-highcontrast .s-badge__staff {
-  --_ba-bc: currentColor;
-}
-body.theme-highcontrast .s-badge__new {
-  --_ba-fc: var(--purple-600);
-}
-.s-badge.s-badge__xs,
 .s-badge.s-badge__sm {
+  --_ba-wmn: calc(var(--su-static16) + var(--su-static2));
   --_ba-as: flex-start;
   --_ba-fs: var(--fs-fine);
+  --_ba-px: var(--su4);
+  --_ba-py: var(--su1);
+  --_ba-bx-sh-w: 0px;
+  --_ba-bx-sh-inset: inset;
 }
-.s-badge.s-badge__xs {
-  --_ba-lh: 1.5;
-  --_ba-px: var(--su2);
-  --_ba-wmn: calc(var(--su-static16) + var(--su-static2));
+.s-badge.s-badge__lg {
+  --_ba-fs: var(--fs-body1);
+  --_ba-px: var(--su8);
+  --_ba-py: calc(var(--su4) + var(--su1));
+  --_ba-bx-sh-w: var(--su4);
 }
-.s-badge.s-badge__sm {
-  --_ba-lh: 1.8;
-  --_ba-px: var(--su4);
-  --_ba-wmn: calc(var(--su-static16) + var(--su-static2));
+.s-badge .s-bling__filled {
+  margin: calc(var(--_ba-py) * -1) 0 calc(var(--_ba-py) * -1) calc(var(--_ba-px) * -1);
+}
+.s-badge svg {
+  margin: calc(var(--_ba-py) * -1) 0 calc(var(--_ba-py) * -1) calc(var(--su4) * -1);
+}
+.s-badge:has(.s-bling__rep) {
+  --_ba-fw: 600;
+  --_ba-fc: var(--black-600);
+}
+.s-badge:has(.s-bling) {
+  --_ba-bg: var(--black-150);
 }
 .s-badge.s-badge__gold,
 .s-badge.s-badge__silver,
 .s-badge.s-badge__bronze {
-  --_ba-fc: var(--black-500);
+  --_ba-bl: var(--su4);
+}
+.s-badge.s-badge__gold .s-bling__gold,
+.s-badge.s-badge__silver .s-bling__gold,
+.s-badge.s-badge__bronze .s-bling__gold,
+.s-badge.s-badge__gold .s-bling__silver,
+.s-badge.s-badge__silver .s-bling__silver,
+.s-badge.s-badge__bronze .s-bling__silver,
+.s-badge.s-badge__gold .s-bling__bronze,
+.s-badge.s-badge__silver .s-bling__bronze,
+.s-badge.s-badge__bronze .s-bling__bronze {
+  margin-left: -2px;
 }
 .s-badge.s-badge__gold {
-  --_ba-bc: var(--gold-300);
-  --_ba-bg: var(--gold-100);
+  --_ba-bc: var(--yellow-300);
 }
 .s-badge.s-badge__silver {
-  --_ba-bc: var(--silver-300);
-  --_ba-bg: var(--silver-100);
+  --_ba-bc: var(--blue-300);
 }
 .s-badge.s-badge__bronze {
-  --_ba-bc: var(--bronze-300);
-  --_ba-bg: var(--bronze-100);
-}
-.s-badge.s-badge__answered,
-.s-badge.s-badge__bounty,
-.s-badge.s-badge__important {
-  --_ba-bc: transparent;
-  --_ba-fc: var(--white);
-}
-.s-badge.s-badge__rep,
-.s-badge.s-badge__rep-down,
-.s-badge.s-badge__votes:not(.s-badge__answered) {
-  --_ba-bg: var(--white);
-}
-.s-badge.s-badge__answered {
-  --_ba-bg: var(--green-400);
-}
-.s-badge.s-badge__bounty {
-  --_ba-bg: var(--blue-400);
-}
-.s-badge.s-badge__important {
-  --_ba-bg: var(--red-400);
-}
-.s-badge.s-badge__rep {
-  --_ba-bc: var(--green-300);
-  --_ba-fc: var(--green-400);
-}
-.s-badge.s-badge__rep-down {
-  --_ba-bc: var(--red-300);
-  --_ba-fc: var(--red-400);
-}
-.s-badge.s-badge__votes:not(.s-badge__answered) {
-  --_ba-bc: var(--black-250);
-  --_ba-fc: var(--black-500);
+  --_ba-bc: var(--orange-300);
 }
-.s-badge.s-badge__admin {
-  --_ba-bc: var(--theme-primary-200);
-  --_ba-bg: var(--theme-primary-100);
-  --_ba-fc: var(--theme-primary-500);
+.s-badge.s-badge__admin,
+.s-badge.s-badge__moderator,
+.s-badge.s-badge__staff,
+.s-badge.s-badge__ai,
+.s-badge.s-badge__bot {
+  --_ba-bl: var(--su4);
+  --_ba-bg: var(--black-150);
+  --_ba-fc: var(--black-600);
 }
 .s-badge.s-badge__moderator {
-  --_ba-bc: var(--theme-secondary-300);
-  --_ba-bg: var(--theme-secondary-200);
-  --_ba-fc: var(--theme-secondary-600);
-  --_ba-g: calc(var(--su-static4) - var(--su-static1));
-  --_ba-before-h: calc(var(--su-static16) - var(--su-static2));
-  --_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='12' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.528.746c.257-.329.675-.327.93 0l4.42 5.66c.258.329.257.864 0 1.192l-4.42 5.66c-.256.328-.674.327-.93 0l-4.42-5.66c-.257-.329-.256-.865 0-1.192l4.42-5.66z' fill='%23fff'/%3E%3C/svg%3E");
-  --_ba-before-mt: calc(var(--su-static1) * -1);
-  --_ba-before-w: var(--su-static12);
-}
-.s-badge.s-badge__moderator.s-badge__xs {
-  --_ba-before-h: calc(var(--su-static8) + var(--su-static1));
-  --_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='7' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 .246c.3-.329.701-.327 1 0L6.776 4c.3.329.298.672 0 1L4 8.75c-.299.329-.702.327-1 0L.224 5c-.284-.324-.285-.675 0-1L3 .246z' fill='%23fff'/%3E%3C/svg%3E");
-  --_ba-before-mt: 0;
-  --_ba-before-w: calc(var(--su-static8) - var(--su-static1));
+  --_ba-bc: var(--blue-500);
+  --_ba-before-h: calc(var(--su12) + var(--su1));
+  --_ba-before-w: calc(var(--su12) - var(--su1));
+  --_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='11' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.528.746c.257-.329.675-.327.93 0l4.42 5.66c.258.329.257.864 0 1.192l-4.42 5.66c-.256.328-.674.327-.93 0l-4.42-5.66c-.257-.329-.256-.865 0-1.192l4.42-5.66z' fill='%23fff'/%3E%3C/svg%3E");
 }
 .s-badge.s-badge__moderator.s-badge__sm {
-  --_ba-g: var(--su-static2);
-  --_ba-before-h: calc(var(--su-static12) - var(--su-static1));
+  --_ba-before-h: calc(var(--su12) - var(--su1));
+  --_ba-before-w: calc(var(--su8) + var(--su1));
   --_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='9' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.55.246c.257-.329.647-.327.903 0l3.36 4.66c.256.329.256.864 0 1.192L4.45 10.75c-.257.329-.644.327-.9 0L.192 6.098c-.256-.329-.256-.865 0-1.192L3.55.246z' fill='%23fff'/%3E%3C/svg%3E");
-  --_ba-before-mt: 0;
-  --_ba-before-w: calc(var(--su-static8) + var(--su-static1));
 }
 .s-badge.s-badge__moderator:before {
   height: var(--_ba-before-h);
-  margin-top: var(--_ba-before-mt);
+  margin-top: calc(var(--su1) * -1);
   width: var(--_ba-before-w);
   content: "";
   display: inline-block;
-  background-color: currentColor;
+  background-color: var(--_ba-bc);
   -webkit-mask: var(--_ba-before-icon) no-repeat center;
   mask: var(--_ba-before-icon) no-repeat center;
   -webkit-mask-size: contain;
   mask-size: contain;
 }
 .s-badge.s-badge__staff {
-  --_ba-bc: var(--orange-300);
-  --_ba-bg: var(--orange-200);
-  --_ba-fc: var(--orange-600);
+  --_ba-bc: var(--orange-400);
+}
+.s-badge.s-badge__admin {
+  --_ba-bc: var(--theme-primary-500, var(--orange-500));
 }
 .s-badge.s-badge__ai {
-  --_ba-bc: var(--_ba-fc);
-  --_ba-bg: var(--black-050);
-  --_ba-fc: var(--orange-500);
-  --_ba-tt: uppercase;
+  --_ba-bc: var(--purple-400);
 }
 .s-badge.s-badge__bot {
-  --_ba-bc: var(--black-300);
+  --_ba-bc: var(--black-400);
 }
-.s-badge.s-badge__danger.s-badge__filled,
-.s-badge.s-badge__muted.s-badge__filled {
-  --_ba-bc: transparent;
+.s-badge.s-badge__info {
+  --_ba-bg: var(--blue-100);
+  --_ba-fc: var(--blue-500);
+  --_ba-sq-bg: var(--blue-200);
+}
+.s-badge.s-badge__info.s-badge__important {
+  --_ba-bg: var(--blue-400);
+  --_ba-sq-bg: var(--blue-500);
+}
+.s-badge.s-badge__warning {
+  --_ba-bg: var(--yellow-100);
+  --_ba-fc: var(--yellow-500);
+  --_ba-sq-bg: var(--yellow-200);
+}
+.s-badge.s-badge__warning.s-badge__important {
+  --_ba-bg: var(--yellow-400);
+  --_ba-sq-bg: var(--yellow-500);
 }
 .s-badge.s-badge__danger {
-  --_ba-bc: var(--red-300);
-  --_ba-bg: var(--red-200);
-  --_ba-fc: var(--red-600);
+  --_ba-bg: var(--red-100);
+  --_ba-fc: var(--red-500);
+  --_ba-sq-bg: var(--red-200);
 }
-.s-badge.s-badge__danger.s-badge__filled {
+.s-badge.s-badge__danger.s-badge__important {
   --_ba-bg: var(--red-400);
-  --_ba-fc: var(--white);
+  --_ba-sq-bg: var(--red-500);
 }
-.s-badge.s-badge__info {
-  --_ba-bc: var(--blue-300);
-  --_ba-bg: var(--blue-200);
-  --_ba-fc: var(--blue-600);
+.s-badge.s-badge__critical {
+  --_ba-bg: var(--red-200);
+  --_ba-fc: var(--red-600);
+  --_ba-sq-bg: var(--red-300);
 }
-.s-badge.s-badge__warning {
-  --_ba-bc: var(--yellow-300);
-  --_ba-bg: var(--yellow-200);
-  --_ba-fc: var(--yellow-600);
+.s-badge.s-badge__critical.s-badge__important {
+  --_ba-bg: var(--red-500);
+  --_ba-sq-bg: var(--red-600);
 }
-.s-badge.s-badge__muted {
-  --_ba-bc: var(--black-300);
+.s-badge.s-badge__tonal {
   --_ba-bg: var(--black-200);
-  --_ba-fc: var(--black-500);
+  --_ba-fc: var(--black-600);
+  --_ba-sq-bg: var(--black-300);
 }
-.s-badge.s-badge__muted.s-badge__filled {
+.s-badge.s-badge__tonal.s-badge__important {
   --_ba-bg: var(--black-500);
-  --_ba-fc: var(--white);
+  --_ba-sq-bg: var(--black-600);
 }
-.s-badge.s-badge__new {
-  --_ba-bc: var(--_ba-bg);
+.s-badge.s-badge__success {
+  --_ba-bg: var(--green-100);
+  --_ba-fc: var(--green-600);
+  --_ba-sq-bg: var(--green-200);
+}
+.s-badge.s-badge__success.s-badge__important {
+  --_ba-bg: var(--green-500);
+  --_ba-sq-bg: var(--green-600);
+}
+.s-badge.s-badge__featured {
   --_ba-bg: var(--purple-100);
-  --_ba-fc: var(--purple-400);
-  --_ba-fw: bold;
-  --_ba-tt: uppercase;
+  --_ba-fc: var(--purple-500);
+  --_ba-sq-bg: var(--purple-200);
 }
-.s-badge--image,
-.s-badge .s-badge--image {
-  align-self: center;
-  display: inline-flex;
-  margin-right: var(--su1);
-  margin-left: calc((var(--su4) + var(--su1)) * -1);
+.s-badge.s-badge__featured.s-badge__important {
+  --_ba-bg: var(--purple-400);
+  --_ba-sq-bg: var(--purple-500);
+}
+.s-badge.s-badge__squared {
+  --_ba_box-shadow: 0 0 0 var(--_ba-bx-sh-w) var(--_ba-sq-bg);
+}
+.s-badge.s-badge__squared svg {
+  background-color: var(--_ba-sq-bg);
+  box-shadow: var(--_ba_box-shadow);
+  margin-right: var(--_ba-bx-sh-w);
+}
+body.theme-highcontrast .s-badge.s-badge__squared:not(.s-badge__important) {
+  --_ba_box-shadow: 0 0 0 calc(var(--_ba-bx-sh-w) - var(--su1)) var(--_ba-sq-bg), 0 0 0 max(var(--su1), var(--_ba-bx-sh-w)) currentcolor var(--_ba-bx-sh-inset);
+}
+.s-badge:not(.s-badge__squared):has(> svg) {
+  --_ba-gap: calc(var(--_ba-px) - var(--su2));
+}
+.s-badge.s-badge__important {
+  --_ba-bg: var(--black-400);
+  --_ba-sq-bg: var(--black-500);
+  --_ba-fw: 600;
+  --_ba-fc: var(--black-050);
 }
 a.s-badge:hover {
   text-decoration: none;
@@ -1084,6 +1051,139 @@ body.theme-highcontrast .s-banner__warning.s-banner__important {
   position: relative;
   width: 100%;
 }
+.s-bling {
+  --_bl-bg: unset;
+  --_bl-size: calc(var(--su8) + var(--su2));
+  --_bl-icon: url("data:image/svg+xml;utf8,<svg viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'><circle cx='4' cy='4' r='4'/></svg>");
+  --_bl-icon-bg: var(--black-500);
+  --_bl-icon-size: var(--su8);
+  background-color: var(--_bl-bg);
+  height: var(--_bl-size);
+  width: var(--_bl-size);
+  align-items: center;
+  color: inherit;
+  display: inline-flex;
+  justify-content: center;
+}
+.s-bling.s-bling__activity {
+  --_bl-icon-bg: var(--pink-400);
+}
+.s-bling.s-bling__gold {
+  --_bl-icon-bg: var(--yellow-400);
+  --_bl-icon: url("data:image/svg+xml;,<svg viewBox='0 0 8 9' xmlns='http://www.w3.org/2000/svg'><path d='M3.89709 0L7.79421 2.25V6.75L3.89709 9L-1.95503e-05 6.75V2.25L3.89709 0Z'/></svg>");
+}
+.s-bling.s-bling__silver {
+  --_bl-icon-bg: var(--blue-400);
+  --_bl-icon: url("data:image/svg+xml;,<svg viewBox='0 0 9 9' xmlns='http://www.w3.org/2000/svg'><path d='M4.27979 0L8.55954 3.10942L6.92482 8.14058H1.63475L3.09944e-05 3.10942L4.27979 0Z'/></svg>");
+}
+.s-bling.s-bling__bronze {
+  --_bl-icon-bg: var(--orange-400);
+  --_bl-icon: url("data:image/svg+xml;,<svg viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'><rect width='8' height='8'/></svg>");
+}
+.s-bling.s-bling__filled {
+  --_bl-bg: var(--black-225);
+  --_bl-icon-bg: var(--black-600);
+  --_bl-size: var(--su24);
+}
+.s-bling.s-bling__filled.s-bling__rep {
+  --_bl-bg: var(--black-300);
+}
+@media (prefers-color-scheme: dark) {
+  body.theme-highcontrast.theme-system .s-bling.s-bling__filled.s-bling__rep {
+    --_bl-icon-bg: var(--black-050);
+  }
+}
+body.theme-highcontrast.theme-dark .s-bling.s-bling__filled.s-bling__rep {
+  --_bl-icon-bg: var(--black-050);
+}
+.s-bling.s-bling__filled.s-bling__activity {
+  --_bl-bg: var(--pink-300);
+  --_bl-icon-bg: var(--pink-600);
+}
+body.theme-highcontrast .s-bling.s-bling__filled.s-bling__activity {
+  --_bl-icon-bg: var(--black-050);
+}
+@media (prefers-color-scheme: dark) {
+  body.theme-highcontrast.theme-system .s-bling.s-bling__filled.s-bling__activity {
+    --_bl-bg: var(--pink-400);
+  }
+}
+body.theme-highcontrast.theme-dark .s-bling.s-bling__filled.s-bling__activity {
+  --_bl-bg: var(--pink-400);
+}
+.s-bling.s-bling__filled.s-bling__gold {
+  --_bl-bg: var(--yellow-300);
+  --_bl-icon-bg: var(--yellow-600);
+}
+body.theme-highcontrast .s-bling.s-bling__filled.s-bling__gold {
+  --_bl-icon-bg: var(--black-050);
+}
+@media (prefers-color-scheme: dark) {
+  body.theme-highcontrast.theme-system .s-bling.s-bling__filled.s-bling__gold {
+    --_bl-bg: var(--yellow-400);
+  }
+}
+body.theme-highcontrast.theme-dark .s-bling.s-bling__filled.s-bling__gold {
+  --_bl-bg: var(--yellow-400);
+}
+.s-bling.s-bling__filled.s-bling__silver {
+  --_bl-bg: var(--blue-300);
+  --_bl-icon-bg: var(--blue-600);
+}
+body.theme-highcontrast .s-bling.s-bling__filled.s-bling__silver {
+  --_bl-icon-bg: var(--black-050);
+}
+@media (prefers-color-scheme: dark) {
+  body.theme-highcontrast.theme-system .s-bling.s-bling__filled.s-bling__silver {
+    --_bl-bg: var(--blue-400);
+  }
+}
+body.theme-highcontrast.theme-dark .s-bling.s-bling__filled.s-bling__silver {
+  --_bl-bg: var(--blue-400);
+}
+.s-bling.s-bling__filled.s-bling__bronze {
+  --_bl-bg: var(--orange-300);
+  --_bl-icon-bg: var(--orange-600);
+}
+body.theme-highcontrast .s-bling.s-bling__filled.s-bling__bronze {
+  --_bl-icon-bg: var(--black-050);
+}
+@media (prefers-color-scheme: dark) {
+  body.theme-highcontrast.theme-system .s-bling.s-bling__filled.s-bling__bronze {
+    --_bl-bg: var(--orange-400);
+  }
+}
+body.theme-highcontrast.theme-dark .s-bling.s-bling__filled.s-bling__bronze {
+  --_bl-bg: var(--orange-400);
+}
+.s-bling.s-bling__sm:not(.s-bling__filled) {
+  --_bl-size: var(--su8);
+}
+.s-bling.s-bling__sm.s-bling__filled {
+  --_bl-size: var(--su16);
+}
+.s-bling.s-bling__lg.s-bling__filled {
+  --_bl-size: calc(var(--su24) + var(--su4));
+}
+.s-bling.s-bling__sm {
+  --_bl-icon-size: var(--su6);
+}
+.s-bling.s-bling__sm.s-bling__gold,
+.s-bling.s-bling__sm.s-bling__silver {
+  --_bl-icon-size: calc(var(--su6) + var(--su1));
+}
+.s-bling.s-bling__gold:not(.s-bling__sm),
+.s-bling.s-bling__silver:not(.s-bling__sm) {
+  --_bl-icon-size: calc(var(--su8) + var(--su1));
+}
+.s-bling:before {
+  -webkit-mask: var(--_bl-icon) no-repeat center;
+  mask: var(--_bl-icon) no-repeat center;
+  background-color: var(--_bl-icon-bg);
+  content: "";
+  height: var(--_bl-icon-size);
+  width: var(--_bl-icon-size);
+}
 a.s-block-link,
 .s-block-link {
   --_bl-bs-color: var(--theme-primary);
@@ -1208,136 +1308,141 @@ body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
 }
 .s-btn {
   --_bu-baw: var(--su-static1);
-  --_bu-bc: transparent;
-  --_bu-br: var(--br-md);
-  --_bu-fc: var(--theme-button-color, var(--theme-secondary-400));
+  --_bu-br: var(--br-pill);
   --_bu-fs: var(--fs-body1);
-  --_bu-p: 0.8em;
-  --_bu-bc-active: var(--_bu-bc);
-  --_bu-bg-active: var(--theme-button-active-background-color, var(--theme-secondary-300));
-  --_bu-fc-active: var(--theme-button-hover-color, var(--theme-secondary-500));
-  --_bu-bc-hover: var(--_bu-bc);
-  --_bu-bg-hover: var(--theme-button-hover-background-color, var(--theme-secondary-200));
-  --_bu-fc-hover: var(--theme-button-hover-color, var(--theme-secondary-500));
-  --_bu-bg-selected: var(--theme-button-selected-background-color, var(--theme-secondary-300));
-  --_bu-fc-selected: var(--theme-button-selected-color, var(--theme-secondary-600));
-  --_bu-filled-bc: transparent;
-  --_bu-filled-bg: var(--theme-button-primary-background-color, var(--theme-secondary-400));
-  --_bu-filled-fc: var(--theme-button-primary-color, var(--white));
-  --_bu-filled-bc-selected: transparent;
-  --_bu-filled-bg-selected: var(--theme-button-primary-selected-background-color, var(--theme-secondary-500));
-  --_bu-filled-fc-selected: var(--theme-button-primary-selected-color, var(--white));
-  --_bu-filled-bc-active: var(--_bu-filled-bc);
-  --_bu-filled-bg-active: var(--theme-button-primary-active-background-color, var(--theme-secondary-600));
-  --_bu-filled-fc-active: var(--theme-button-primary-hover-color, var(--white));
-  --_bu-filled-bc-hover: var(--_bu-filled-bc);
-  --_bu-filled-bg-hover: var(--theme-button-primary-hover-background-color, var(--theme-secondary-500));
-  --_bu-filled-fc-hover: var(--theme-button-primary-hover-color, var(--white));
-  --_bu-outlined-bc: var(--theme-button-outlined-border-color, var(--theme-secondary-400));
-  --_bu-outlined-bg: var(--theme-button-outlined-background-color);
-  --_bg-outlined-fc: var(--theme-button-outlined-color, var(--theme-secondary-400));
-  --_bu-outlined-bc-selected: var(--theme-button-outlined-selected-border-color, var(--theme-secondary-400));
-  --_bu-outlined-bg-selected: var(--theme-button-selected-background-color, var(--theme-secondary-300));
-  --_bu-outlined-fc-selected: var(--theme-button-selected-color, var(--theme-secondary-600));
-  --_bu-badge-o: 0.5;
+  --_bu-lh: var(--lh-base);
+  --_bu-g: var(--su8);
+  --_bu-px: var(--su16);
+  --_bu-py: calc(var(--su8) + var(--su2));
   --_bu-dropdown-bw: var(--su-static4);
-  --_bu-number-fc: var(--white);
-  --_bu-number-fc-filled: var(--theme-button-primary-number-color, var(--theme-secondary-600));
-  --_bu-number-fc-selected: var(--white);
-  background-color: var(--_bu-bg, inherit);
-  border: var(--_bu-baw) solid var(--_bu-bc);
-  border-radius: var(--_bu-br);
-  box-shadow: none;
+  background: linear-gradient(0deg, var(--_bu-bg-selected-overlay, var(--_bu-bg)) 50%, var(--_bu-bg) 50%) padding-box, linear-gradient(0deg, var(--_bu-bg-selected-overlay, var(--_bu-bg)) 50%, var(--_bu-bg) 50%) border-box;
+  border: var(--_bu-baw) solid var(--_bu-bc, transparent);
   color: var(--_bu-fc);
   font-size: var(--_bu-fs);
-  padding: var(--_bu-py, var(--_bu-p)) var(--_bu-px, var(--_bu-p));
+  gap: var(--_bu-g);
+  padding: var(--_bu-py) var(--_bu-px);
+  align-items: center;
+  align-self: center;
+  border-radius: var(--_bu-br);
+  border-style: solid;
   cursor: pointer;
-  display: inline-block;
+  display: inline-flex;
   font-family: inherit;
-  font-weight: normal;
-  line-height: var(--lh-sm);
+  font-weight: 600;
+  justify-content: center;
+  line-height: var(--_bu-lh);
   position: relative;
-  outline: none;
   text-align: center;
   text-decoration: none;
   user-select: none;
 }
-body.theme-highcontrast .s-btn {
-  --_bu-bc: currentColor;
-  --_bu-outlined-bc: var(--_bu-bc);
-  --_bu-fc-selected: var(--white);
-  --_bu-outlined-fc-selected: var(--white);
-  --_bu-badge-o: 0.8;
-  --_bu-number-fc-selected: var(--theme-button-primary-number-color, var(--theme-secondary-600));
+.s-btn:not(.s-btn__danger):not(.s-btn__featured):not(.s-btn__tonal):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google) {
+  --_bu-bg: var(--theme-button-color, var(--theme-secondary));
+  --_bu-bg-disabled: var(--theme-secondary-300);
+  --_bu-bg-hover: var(--theme-button-hover-background-color, var(--theme-secondary-500));
+  --_bu-fc: var(--white);
+  --_bu-fc-hover: var(--theme-button-hover-color, var(--white));
+  --_bu-badge-bg: var(--theme-secondary-200);
+  --_bu-badge-fc: var(--theme-secondary-600);
+  --_bu-badge-bg-disabled: var(--theme-secondary-200);
+  --_bu-badge-fc-disabled: var(--theme-secondary-300);
+}
+.s-btn:not(.s-btn__danger):not(.s-btn__featured):not(.s-btn__tonal):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google).s-btn__clear {
+  --_bu-bg: transparent;
+  --_bu-bg-disabled: var(--_bu-bg);
+  --_bu-bg-hover: var(--theme-secondary-100);
+  --_bu-bg-selected: var(--theme-secondary-100);
+  --_bu-fc: var(--theme-secondary-600);
+  --_bu-fc-disabled: var(--theme-secondary-300);
+  --_bu-fc-hover: var(--_bu-fc);
+  --_bu-badge-bg: var(--theme-secondary-500);
+  --_bu-badge-fc: var(--white);
+  --_bu-badge-bg-disabled: var(--theme-secondary-300);
+  --_bu-badge-fc-disabled: var(--white);
 }
-fieldset[disabled] .s-btn,
-.s-btn[disabled],
-.s-btn[aria-disabled="true"] {
-  opacity: var(--_o-disabled-static);
-  pointer-events: none;
-  text-decoration: none;
+body.theme-highcontrast .s-btn:not(.s-btn__danger):not(.s-btn__featured):not(.s-btn__tonal):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google).s-btn__clear {
+  --_bu-bc: var(--theme-secondary-600);
 }
-button .s-btn,
-button[type="submit"] .s-btn,
-button[type="reset"] .s-btn {
-  -webkit-appearance: button;
+.s-btn.s-btn__danger {
+  --_bu-bg: var(--red-400);
+  --_bu-fc: var(--white);
+  --_bu-bg-disabled: var(--red-200);
+  --_bu-bg-hover: var(--red-500);
+  --_bu-bg-selected: var(--red-500);
+  --_bu-fc-selected: var(--_bu-fc);
+  --_bu-badge-bg: var(--red-100);
+  --_bu-badge-fc: var(--red-400);
+  --_bu-badge-bg-disabled: var(--white);
+  --_bu-badge-fc-disabled: var(--red-200);
+}
+.s-btn.s-btn__danger.s-btn__clear {
+  --_bu-bg: transparent;
+  --_bu-bg-disabled: var(--_bu-bg);
+  --_bu-bg-hover: var(--red-100);
+  --_bu-bg-selected: var(--red-100);
+  --_bu-fc: var(--red-400);
+  --_bu-fc-disabled: var(--red-200);
+  --_bu-fc-hover: var(--red-500);
+  --_bu-fc-selected: var(--red-500);
+  --_bu-badge-bg: var(--red-400);
+  --_bu-badge-bg-selected: var(--red-400);
+  --_bu-badge-fc: var(--red-100);
+  --_bu-badge-bg-disabled: var(--red-200);
+  --_bu-badge-fc-disabled: var(--white);
 }
-.s-btn.grid {
-  display: flex;
+body.theme-highcontrast .s-btn.s-btn__danger.s-btn__clear {
+  --_bu-bc: var(--red-600);
+  --_bu-bc-disabled: var(--red-300);
 }
-.s-btn.is-loading {
-  padding-left: 2.2em;
+.s-btn.s-btn__featured {
+  --_bu-bg: var(--purple-400);
+  --_bu-bg-disabled: var(--purple-200);
+  --_bu-bg-hover: var(--purple-500);
+  --_bu-bg-selected: var(--purple-500);
+  --_bu-fc: var(--white);
+  --_bu-fc-selected: var(--_bu-fc);
+  --_bu-badge-bg: var(--purple-100);
+  --_bu-badge-fc: var(--purple-400);
+  --_bu-badge-bg-disabled: var(--white);
+  --_bu-badge-fc-disabled: var(--purple-200);
+}
+.s-btn.s-btn__tonal {
+  --_bu-bg: var(--black-150);
+  --_bu-bg-disabled: var(--black-100);
+  --_bu-bg-hover: var(--black-200);
+  --_bu-fc: var(--black);
+  --_bu-fc-disabled: var(--black-300);
+  --_bu-fc-selected: var(--_bu-fc);
+  --_bu-badge-bg: var(--black-500);
+  --_bu-badge-fc: var(--white);
+  --_bu-badge-bg-disabled: var(--black-300);
+  --_bu-badge-fc-disabled: var(--white);
+}
+body.theme-highcontrast .s-btn.s-btn__tonal {
+  --_bu-bc: var(--black-300);
 }
-.s-btn.is-loading .svg-icon:first-child {
-  margin-left: calc((var(--su-static24) - var(--su-static1)) * -1);
-  opacity: 0;
+.s-btn.s-btn__facebook {
+  --_bu-bg: #1877F2;
+  --_bu-bg-hover: #0d6ae4;
+  --_bu-fc: #fff;
+  --_bu-fc-hover: var(--_bu-fc);
 }
-.s-btn.is-selected,
-.s-btn--radio:checked + .s-btn {
-  background-color: var(--_bu-bg-selected);
-  border-color: var(--_bu-bc-selected, transparent);
-  color: var(--_bu-fc-selected);
-}
-.s-btn.is-selected .s-btn--number,
-.s-btn--radio:checked + .s-btn .s-btn--number {
-  color: var(--_bu-number-fc-selected);
-}
-.s-btn.is-selected.s-btn__filled,
-.s-btn--radio:checked + .s-btn.s-btn__filled {
-  border-color: var(--_bu-filled-bc-selected);
-  background-color: var(--_bu-filled-bg-selected);
-  color: var(--_bu-filled-fc-selected);
-}
-.s-btn.is-selected.s-btn__outlined,
-.s-btn--radio:checked + .s-btn.s-btn__outlined {
-  border-color: var(--_bu-outlined-bc-selected);
-  background-color: var(--_bu-outlined-bg-selected);
-  color: var(--_bu-outlined-fc-selected);
-}
-body.theme-highcontrast .s-btn.is-selected.s-btn__outlined.s-btn__muted,
-body.theme-highcontrast .s-btn--radio:checked + .s-btn.s-btn__outlined.s-btn__muted {
-  --_bu-outlined-bc-selected: var(--_bu-filled-bc-selected);
-  --_bu-outlined-bg-selected: var(--_bu-filled-bg-selected);
-  --_bu-outlined-fc-selected: var(--_bu-filled-fc-selected);
-  --_bu-number-fc-selected: var(--_bu-filled-bg-selected);
-}
-.s-btn.s-btn__filled {
-  border-color: var(--_bu-filled-bc);
-  background-color: var(--_bu-filled-bg);
-  color: var(--_bu-filled-fc);
-}
-.s-btn.s-btn__filled .s-btn--number {
-  color: var(--_bu-number-fc-filled);
-}
-.s-btn.s-btn__outlined {
-  border-color: var(--_bu-outlined-bc);
-  background-color: var(--_bu-outlined-bg, inherit);
+.s-btn.s-btn__google {
+  --_bu-bg: var(--black-150);
+  --_bu-bg-hover: var(--black-200);
+  --_bu-fc: var(--black-600);
+}
+.s-btn.s-btn__github {
+  --_bu-bg: var(--black-600);
+  --_bu-bg-hover: var(--black-500);
+  --_bu-fc: var(--white);
 }
 .s-btn.s-btn__link,
 .s-btn.s-btn__unset {
   --_bu-baw: 0;
   --_bu-br: 0;
-  --_bu-p: 0;
+  --_bu-px: 0;
+  --_bu-py: 0;
 }
 .s-btn.s-btn__link:focus,
 .s-btn.s-btn__unset:focus,
@@ -1346,7 +1451,7 @@ body.theme-highcontrast .s-btn--radio:checked + .s-btn.s-btn__outlined.s-btn__mu
   outline-style: auto;
 }
 .s-btn.s-btn__link {
-  --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
+  --_li-fc: var(--theme-link-color, var(--theme-secondary));
   --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
   --_li-fc-visited: var(--theme-link-color-visited, var(--purple-500));
   --_li-fc-hover-visited: var(--theme-link-color-visited, var(--purple-600));
@@ -1462,188 +1567,70 @@ p .s-btn.s-btn__link {
 .s-btn.s-btn__unset:hover,
 .s-btn.s-btn__unset:active,
 .s-btn.s-btn__unset:focus {
+  --_bu-baw: 0;
   --_bu-bg: none;
+  --_bu-br: unset;
   --_bu-fc: unset;
+  --_bu-fs: inherit;
+  --_bu-g: unset;
+  --_bu-lh: inherit;
   cursor: default;
   font: unset;
   user-select: auto;
 }
-.s-btn.s-btn__dropdown {
-  padding-right: calc(var(--_bu-px, var(--_bu-p)) * 2.5);
-}
 .s-btn.s-btn__dropdown:after {
   border-color: currentColor transparent;
   border-style: solid;
   border-width: var(--_bu-dropdown-bw);
   border-bottom-width: 0;
   content: "";
-  pointer-events: none;
-  position: absolute;
-  right: var(--_bu-px, var(--_bu-p));
-  top: calc(50% - var(--su-static2));
-  z-index: var(--zi-active);
-}
-.s-btn.s-btn__icon .svg-icon {
-  vertical-align: baseline;
-  margin-top: -0.3em;
-  margin-bottom: -0.3em;
-  transition: opacity 200ms var(--te-smooth);
-}
-.s-btn.s-btn__xs {
-  --_bu-fs: var(--fs-fine);
-  --_bu-dropdown-bw: calc(var(--su-static4) - var(--su-static1));
-  --_bu-p: 0.6em;
-}
-.s-btn.s-btn__sm {
-  --_bu-fs: var(--fs-caption);
-}
-.s-btn.s-btn__md {
-  --_bu-fs: var(--fs-body3);
-  --_bu-br: calc(var(--br-md) + var(--su-static1));
-  --_bu-p: 0.7em;
-}
-body.theme-highcontrast .s-btn.s-btn__danger,
-body.theme-highcontrast .s-btn.s-btn__featured,
-body.theme-highcontrast .s-btn.s-btn__muted {
-  --_bu-filled-bc: transparent;
-}
-.s-btn.s-btn__danger {
-  --_bu-bg-active: var(--red-300);
-  --_bu-bg-hover: var(--red-200);
-  --_bu-bg-selected: var(--red-300);
-  --_bu-fc: var(--red-500);
-  --_bu-fc-active: var(--_bu-fc);
-  --_bu-fc-hover: var(--red-500);
-  --_bu-fc-selected: var(--red-600);
-  --_bu-filled-bc: transparent;
-  --_bu-filled-bc-selected: var(--_bu-filled-bc);
-  --_bu-filled-bg: var(--red-400);
-  --_bu-filled-bg-active: var(--red-500);
-  --_bu-filled-bg-hover: var(--red-500);
-  --_bu-filled-bg-selected: var(--red-600);
-  --_bu-filled-fc: var(--white);
-  --_bu-filled-fc-active: var(--_bu-filled-fc);
-  --_bu-filled-fc-hover: var(--_bu-filled-fc);
-  --_bu-filled-fc-selected: var(--_bu-filled-fc);
-  --_bu-outlined-bc: var(--red-400);
-  --_bu-outlined-bc-selected: var(--red-500);
-  --_bu-outlined-bg-selected: var(--_bu-bg-selected);
-  --_bu-outlined-fc-selected: var(--_bu-fc-selected);
-  --_bu-number-fc: var(--white);
-  --_bu-number-fc-filled: var(--black);
 }
-.s-btn.s-btn__featured {
-  --_bu-bg-active: var(--purple-300);
-  --_bu-bg-hover: var(--purple-200);
-  --_bu-bg-selected: var(--purple-300);
-  --_bu-fc: var(--purple-500);
-  --_bu-fc-active: var(--_bu-fc);
-  --_bu-fc-hover: var(--purple-500);
-  --_bu-fc-selected: var(--purple-600);
-  --_bu-filled-bc: transparent;
-  --_bu-filled-bc-selected: var(--_bu-filled-bc);
-  --_bu-filled-bg: var(--purple-400);
-  --_bu-filled-bg-active: var(--purple-500);
-  --_bu-filled-bg-hover: var(--purple-500);
-  --_bu-filled-bg-selected: var(--purple-600);
-  --_bu-filled-fc: var(--white);
-  --_bu-filled-fc-active: var(--_bu-filled-fc);
-  --_bu-filled-fc-hover: var(--_bu-filled-fc);
-  --_bu-filled-fc-selected: var(--_bu-filled-fc);
-  --_bu-outlined-bc: var(--purple-400);
-  --_bu-outlined-bc-selected: var(--purple-500);
-  --_bu-outlined-bg-selected: var(--_bu-bg-selected);
-  --_bu-outlined-fc-selected: var(--_bu-fc-selected);
-  --_bu-number-fc: var(--white);
-  --_bu-number-fc-filled: var(--black);
-}
-.s-btn.s-btn__muted {
-  --_bu-bc-hover: var(--black-300);
-  --_bu-bg-active: var(--black-150);
-  --_bu-bg-hover: var(--black-100);
-  --_bu-bg-selected: var(--black-200);
-  --_bu-fc: var(--black-500);
-  --_bu-fc-active: var(--_bu-fc);
-  --_bu-fc-hover: var(--black-500);
-  --_bu-fc-selected: var(--black-500);
-  --_bu-filled-bc: transparent;
-  --_bu-filled-bc-selected: var(--_bu-filled-bc);
-  --_bu-filled-bg: var(--black-225);
-  --_bu-filled-bg-active: var(--black-300);
-  --_bu-filled-bg-hover: var(--black-250);
-  --_bu-filled-bg-selected: var(--black-350);
-  --_bu-filled-fc: var(--black-500);
-  --_bu-filled-fc-active: var(--_bu-filled-fc);
-  --_bu-filled-fc-hover: var(--_bu-filled-fc);
-  --_bu-filled-fc-selected: var(--black-600);
-  --_bu-outlined-bc: var(--black-300);
-  --_bu-outlined-bc-selected: var(--black-300);
-  --_bu-outlined-bg-selected: var(--_bu-bg-selected);
-  --_bu-outlined-fc-selected: var(--_bu-fc-selected);
-  --_bu-number-fc-filled: var(--white);
-  --_bu-number-fc-selected: var(--white);
-  --_bu-bg-focus: var(--black-400);
-  --_bu-fc-focus: var(--white);
-  --_bu-number-fc-focus: var(--black-500);
-}
-body.theme-highcontrast .s-btn.s-btn__muted {
-  --_bu-bc-hover: currentColor;
-  --_bu-bg-hover: var(--black-225);
-  --_bu-filled-bg: var(--black-400);
-  --_bu-filled-bg-active: var(--black-500);
-  --_bu-filled-bg-hover: var(--black-400);
-  --_bu-filled-bg-selected: var(--black-500);
-  --_bu-filled-fc: var(--white);
-  --_bu-filled-fc-selected: var(--_bu-filled-fc);
-  --_bu-bc-selected: currentColor;
-  --_bu-fc-selected: var(--black);
-  --_bu-number-fc: var(--white);
-  --_bu-number-fc-filled: var(--black);
-  --_bu-number-fc-selected: var(--white);
-}
-body.theme-highcontrast .s-btn.s-btn__facebook,
-body.theme-highcontrast .s-btn.s-btn__github {
-  --_bu-bc: transparent;
-}
-.s-btn.s-btn__facebook {
-  --_bu-bc: transparent;
-  --_bu-bg: #385499;
-  --_bu-bg-active: #2a4074;
-  --_bu-bg-hover: #314a86;
-  --_bu-fc: #fff;
-  --_bu-fc-active: var(--_bu-fc);
-  --_bu-fc-hover: var(--_bu-fc);
-  --_bu-hc-bc: transparent;
-}
-.s-btn.s-btn__google {
-  --_bu-bc: var(--bc-medium);
-  --_bu-bg: var(--white);
-  --_bu-bg-active: var(--black-150);
-  --_bu-bg-hover: var(--black-100);
-  --_bu-fc: var(--fc-medium);
-  --_bu-fc-active: var(--fc-dark);
-  --_bu-fc-hover: var(--black-600);
+.s-btn.is-selected,
+.s-btn--radio:checked + .s-btn {
+  --_bu-bg-selected-overlay-o: 20%;
+  --_bu-bg-selected-overlay: color-mix(in srgb, var(--_bu-bg-selected, var(--_bu-bg)), var(--white) var(--_bu-bg-selected-overlay-o));
+  --_bu-bg-gradient-top: var(--_bu-bg-selected, var(--_bu-bg));
+  --_bu-bg-gradient-bottom: var(--_bu-bg-selected-overlay, var(--_bu-bg));
+  background: linear-gradient(0deg, var(--_bu-bg-gradient-top) 50%, var(--_bu-bg-gradient-bottom) 50%) padding-box, linear-gradient(0deg, var(--_bu-bg-gradient-top) 50%, var(--_bu-bg-gradient-bottom) 50%) border-box;
+  color: var(--_bu-fc-selected, var(--_bu-fc));
 }
-.s-btn.s-btn__github {
-  --_bu-bg: var(--black-600);
-  --_bu-bg-active: var(--black);
-  --_bu-bg-hover: var(--black-600);
-  --_bu-fc: var(--white);
-  --_bu-fc-active: var(--white);
-  --_bu-fc-hover: var(--white);
-  --_bu-hc-bc: transparent;
+@media (prefers-color-scheme: dark) {
+  body.theme-system .s-btn.is-selected,
+  body.theme-system .s-btn--radio:checked + .s-btn {
+    --_bu-bg-selected-overlay-o: 13%;
+    --_bu-bg-gradient-top: var(--_bu-bg-selected-overlay, var(--_bu-bg));
+    --_bu-bg-gradient-bottom: var(--_bu-bg-selected, var(--_bu-bg));
+  }
+}
+body.theme-dark .s-btn.is-selected,
+body.theme-dark .s-btn--radio:checked + .s-btn,
+.theme-dark__forced .s-btn.is-selected,
+.theme-dark__forced .s-btn--radio:checked + .s-btn,
+body.theme-system .theme-dark__forced .s-btn.is-selected,
+body.theme-system .theme-dark__forced .s-btn--radio:checked + .s-btn {
+  --_bu-bg-selected-overlay-o: 13%;
+  --_bu-bg-gradient-top: var(--_bu-bg-selected-overlay, var(--_bu-bg));
+  --_bu-bg-gradient-bottom: var(--_bu-bg-selected, var(--_bu-bg));
+}
+.s-btn.is-selected .s-btn--badge,
+.s-btn--radio:checked + .s-btn .s-btn--badge {
+  background-color: var(--_bu-badge-bg);
+}
+.s-btn.is-selected .s-btn--badge .s-btn--number,
+.s-btn--radio:checked + .s-btn .s-btn--badge .s-btn--number {
+  color: var(--_bu-badge-fc, var(--_bu-fc));
 }
 .s-btn .s-btn--badge {
-  opacity: var(--_bu-badge-o);
+  background-color: var(--_bu-badge-bg);
+  border-radius: var(--br-pill);
   display: inline-block;
-  border-radius: var(--br-md);
-  padding: var(--su2) calc(var(--su4) - var(--su1));
   font-size: var(--fs-caption);
-  line-height: var(--lh-xs);
-  background-color: currentColor;
+  line-height: inherit;
+  opacity: var(--_bu-badge-o);
+  padding: var(--su1) var(--su4) 0;
 }
 .s-btn .s-btn--number {
-  color: var(--_bu-number-fc);
+  color: var(--_bu-badge-fc, var(--_bu-fc));
 }
 .s-btn--radio {
   border: 0;
@@ -1657,52 +1644,66 @@ body.theme-highcontrast .s-btn.s-btn__github {
   position: absolute;
   width: var(--su-static1);
 }
-.s-btn:not(.s-btn__link):not(.s-btn__unset):focus-visible,
-.s-btn--radio:focus-visible + .s-btn {
-  border-color: var(--focus-theme) !important;
-  box-shadow: inset 0 0 0 var(--su-static1) var(--focus-theme), inset 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-neutral);
-  outline: var(--su-static2) solid transparent !important;
-}
-.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible,
-.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected).focus-inset-bordered {
-  background-color: var(--_bu-bg-focus, var(--_bu-filled-bg));
-  color: var(--_bu-fc-focus, var(--_bu-filled-fc));
-}
-.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible:not(:hover) .s-btn--number,
-.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected).focus-inset-bordered:not(:hover) .s-btn--number {
-  color: var(--_bu-number-fc-focus, var(--_bu-number-fc-filled));
+.s-btn.s-btn__xs,
+.s-btn.s-btn__sm {
+  --_bu-lh: var(--lh-sm);
+  --_bu-px: var(--su12);
 }
-.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover {
-  background-color: var(--_bu-bg-hover);
-  color: var(--_bu-fc-hover);
+.s-btn.s-btn__xs {
+  --_bu-g: var(--su4);
+  --_bu-fs: var(--fs-fine);
+  --_bu-py: var(--su6);
 }
-.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover.s-btn__filled {
-  background-color: var(--_bu-filled-bg-hover);
-  border-color: var(--_bu-filled-bc-hover);
-  color: var(--_bu-filled-fc-hover);
+.s-btn.s-btn__sm {
+  --_bu-g: var(--su6);
+  --_bu-fs: var(--fs-caption);
+  --_bu-py: var(--su8);
 }
-.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:not(.s-btn__outlined):not(.s-btn__filled) {
-  border-color: var(--_bu-bc-hover);
+.s-btn.s-btn__lg {
+  --_bu-fs: var(--fs-body2);
+  --_bu-px: var(--su24);
+  --_bu-py: calc(var(--su12) + var(--su1));
 }
-.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:visited:not(:active):not(:focus):not(.s-btn__outlined) {
-  background-color: var(--_bu-bg);
-  border-color: var(--_bu-bc);
-  color: var(--_bu-fc);
+.s-btn:not(.s-btn__link):not(.s-btn__unset):focus-visible,
+.s-btn--radio:focus-visible + .s-btn {
+  border-color: var(--focus-neutral) !important;
+  box-shadow: 0 0 0 var(--su-static1) var(--focus-neutral), 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-theme);
+  outline: var(--su-static2) solid transparent !important;
 }
-.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:visited:not(:active):not(:focus):not(.s-btn__outlined).s-btn__filled {
-  background-color: var(--_bu-filled-bg-hover);
-  border-color: var(--_bu-filled-bc-hover);
-  color: var(--_bu-filled-fc-hover);
+.s-btn:not(.is-selected):hover {
+  background: linear-gradient(0deg, var(--_bu-bg-selected-overlay, var(--_bu-bg-hover, var(--_bu-bg))) 50%, var(--_bu-bg-hover, var(--_bu-bg-selected, var(--_bu-bg))) 50%) padding-box, linear-gradient(0deg, var(--_bu-bg-selected-overlay, var(--_bu-bg-hover, var(--_bu-bg))) 50%, var(--_bu-bg-hover, var(--_bu-bg-selected, var(--_bu-bg))) 50%) border-box;
+  color: var(--_bu-fc-hover, var(--_bu-fc));
 }
-.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):active {
-  background-color: var(--_bu-bg-active);
-  border-color: var(--_bu-bc-active);
-  color: var(--_bu-fc-active);
+fieldset[disabled] .s-btn,
+.s-btn[disabled],
+.s-btn[aria-disabled="true"] {
+  cursor: auto;
 }
-.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):active.s-btn__filled {
-  background-color: var(--_bu-filled-bg-active);
-  border-color: var(--_bu-filled-bc-active);
-  color: var(--_bu-filled-fc-active);
+fieldset[disabled] .s-btn,
+.s-btn[disabled],
+.s-btn[aria-disabled="true"],
+fieldset[disabled] .s-btn:hover,
+.s-btn[disabled]:hover,
+.s-btn[aria-disabled="true"]:hover {
+  background: var(--_bu-bg-disabled, var(--theme-secondary-400));
+  border-color: var(--_bu-bc-disabled, var(--_bu-bc, transparent));
+  color: var(--_bu-fc-disabled, var(--_bu-fc));
+}
+fieldset[disabled] .s-btn .s-btn--badge,
+.s-btn[disabled] .s-btn--badge,
+.s-btn[aria-disabled="true"] .s-btn--badge,
+fieldset[disabled] .s-btn:hover .s-btn--badge,
+.s-btn[disabled]:hover .s-btn--badge,
+.s-btn[aria-disabled="true"]:hover .s-btn--badge {
+  background-color: var(--_bu-badge-bg-disabled);
+}
+fieldset[disabled] .s-btn .s-btn--badge .s-btn--number,
+.s-btn[disabled] .s-btn--badge .s-btn--number,
+.s-btn[aria-disabled="true"] .s-btn--badge .s-btn--number,
+fieldset[disabled] .s-btn:hover .s-btn--badge .s-btn--number,
+.s-btn[disabled]: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(--su-static1) solid var(--black-300);
@@ -1868,33 +1869,33 @@ input.s-radio {
 }
 @media (prefers-color-scheme: dark) {
   body.theme-system .s-checkbox:checked {
-    --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
+    --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23141414'/%3E%3C/svg%3E");
   }
   body.theme-system .s-checkbox:indeterminate {
-    --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
+    --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='%23141414'/%3E%3C/svg%3E");
   }
 }
 body.theme-dark .s-checkbox:checked,
 .theme-dark__forced .s-checkbox:checked,
 body.theme-system .theme-dark__forced .s-checkbox:checked {
-  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
+  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23141414'/%3E%3C/svg%3E");
 }
 body.theme-dark .s-checkbox:indeterminate,
 .theme-dark__forced .s-checkbox:indeterminate,
 body.theme-system .theme-dark__forced .s-checkbox:indeterminate {
-  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E");
+  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='%23141414'/%3E%3C/svg%3E");
 }
 @media (prefers-color-scheme: dark) {
   body.theme-highcontrast.theme-system .s-checkbox:checked,
   body.theme-highcontrast.theme-system .s-checkbox:indeterminate {
-    --_ch-bc: var(--blue-500) !important;
-    --_ch-bg: var(--blue-400);
+    --_ch-bc: var(--black) !important;
+    --_ch-bg: var(--black);
   }
 }
 body.theme-highcontrast.theme-dark .s-checkbox:checked,
 body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
-  --_ch-bc: var(--blue-500) !important;
-  --_ch-bg: var(--blue-400);
+  --_ch-bc: var(--black) !important;
+  --_ch-bg: var(--black);
 }
 @media (forced-colors: active) {
   .s-checkbox:checked,
@@ -1904,31 +1905,31 @@ body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
 }
 .s-checkbox:checked,
 .s-checkbox:indeterminate {
-  --_ch-bc: var(--theme-secondary-400) !important;
-  --_ch-bg: var(--theme-secondary-400);
+  --_ch-bc: var(--theme-secondary) !important;
+  --_ch-bg: var(--theme-secondary);
 }
 .s-checkbox:checked {
-  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(0, 0%, 100%)'/%3E%3C/svg%3E");
+  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='%23ffffff'/%3E%3C/svg%3E");
 }
 .s-checkbox:indeterminate {
-  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(0, 0%, 100%)'/%3E%3C/svg%3E");
+  --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='%23ffffff'/%3E%3C/svg%3E");
 }
 .s-radio {
   border-radius: var(--br-circle);
 }
 @media (prefers-color-scheme: dark) {
   body.theme-highcontrast.theme-system .s-radio:checked {
-    --_ch-bc: var(--blue-400);
+    --_ch-bc: var(--black);
     outline: var(--su-static1) solid var(--black);
   }
 }
 body.theme-highcontrast.theme-dark .s-radio:checked {
-  --_ch-bc: var(--blue-400);
+  --_ch-bc: var(--black);
   outline: var(--su-static1) solid var(--black);
 }
 .s-radio:checked {
   --_ch-baw: 0.30769231em;
-  --_ch-bc: var(--theme-secondary-400);
+  --_ch-bc: var(--theme-secondary);
   --_ch-bg: var(--white);
 }
 .has-error .s-checkbox,
@@ -2210,43 +2211,35 @@ pre.s-code-block::-webkit-scrollbar-corner {
   transition: var(--_ex-content-transition);
 }
 .s-input,
-.s-textarea {
-  --_in-bc: var(--bc-darker);
+.s-textarea,
+:has(> .s-textarea) {
+  --_in-bc: var(--black-300);
   --_in-bg: var(--white);
   --_in-br: var(--br-md);
+  --_in-bw: var(--su-static1);
   --_in-c: unset;
-  --_in-fc: var(--fc-dark);
+  --_in-fc: var(--black-600);
   --_in-fs: var(--fs-body1);
-  --_in-o: unset;
-  --_in-px: 0.7em;
-  --_in-py: 0.6em;
+  --_in-lh: var(--lh-base);
+  --_in-px: calc(var(--su12) - var(--su1));
+  --_in-py: var(--su8);
   --_in-placeholder-fc: var(--black-300);
+}
+.s-input,
+.s-textarea {
   scrollbar-color: var(--scrollbar) transparent;
   background-color: var(--_in-bg);
-  border: var(--su-static1) solid var(--_in-bc);
-  border-radius: var(--_in-br);
+  border: var(--_in-bw) solid var(--_in-bc);
   color: var(--_in-fc);
   cursor: var(--_in-c);
   font-size: var(--_in-fs);
-  opacity: var(--_in-o);
+  line-height: var(--_in-lh);
   padding: var(--_in-py) var(--_in-px) var(--_in-py) var(--_in-pl, var(--_in-px));
-  -webkit-appearance: none;
+  border-radius: var(--br-md);
   font-family: inherit;
   margin: 0;
   width: 100%;
 }
-@supports (-webkit-overflow-scrolling: touch) {
-  .s-input,
-  .s-textarea {
-    --_in-fs: var(--su-static16);
-    --_in-px: 0.55em;
-    --_in-py: 0.36em;
-  }
-  .s-input::-webkit-input-placeholder,
-  .s-textarea::-webkit-input-placeholder {
-    line-height: normal !important;
-  }
-}
 body.theme-highcontrast .s-input,
 body.theme-highcontrast .s-textarea {
   --_in-bc: var(--black);
@@ -2257,14 +2250,13 @@ fieldset[disabled] .s-textarea,
 .s-input[disabled],
 .s-textarea[disabled] {
   --_in-c: not-allowed;
-  --_in-o: var(--_o-disabled-static);
 }
 .s-input[readonly],
 .s-textarea[readonly],
 .is-readonly .s-input,
 .is-readonly .s-textarea {
   --_in-bg: var(--black-150);
-  --_in-bc: var(--bc-light);
+  --_in-bc: var(--black-200);
   --_in-c: default;
   --_in-fc: var(--black-400);
 }
@@ -2272,7 +2264,7 @@ body.theme-highcontrast .s-input[readonly],
 body.theme-highcontrast .s-textarea[readonly],
 body.theme-highcontrast .is-readonly .s-input,
 body.theme-highcontrast .is-readonly .s-textarea {
-  --_in-fc: var(--fc-medium);
+  --_in-fc: var(--black-500);
 }
 .has-error .s-input,
 .has-error .s-textarea,
@@ -2311,65 +2303,21 @@ body.theme-highcontrast .has-warning .s-textarea {
 .s-textarea.s-input__sm,
 .s-textarea.s-textarea__sm {
   --_in-fs: var(--fs-caption);
-}
-.s-input.s-input__md,
-.s-input.s-textarea__md,
-.s-textarea.s-input__md,
-.s-textarea.s-textarea__md {
-  --_in-fs: var(--fs-body3);
-  --_in-br: calc(var(--br-md) + var(--su-static1));
-}
-@supports (-webkit-overflow-scrolling: touch) {
-  .s-input.s-input__md,
-  .s-input.s-textarea__md,
-  .s-textarea.s-input__md,
-  .s-textarea.s-textarea__md {
-    --_in-fs: calc(var(--su-static16) + var(--su-static1));
-    --_in-py: 0.4em;
-  }
+  --_in-lh: var(--lh-sm);
+  --_in-px: calc(var(--su12) - var(--su2));
+  --_in-py: calc(var(--su4) + var(--su1));
 }
 .s-input.s-input__lg,
 .s-input.s-textarea__lg,
 .s-textarea.s-input__lg,
 .s-textarea.s-textarea__lg {
-  --_in-fs: var(--fs-title);
-  --_in-br: calc(var(--br-md) + var(--su-static1));
-  --_in-px: 0.6em;
-  --_in-py: 0.45em;
-}
-.s-input.s-input__xl,
-.s-input.s-textarea__xl,
-.s-textarea.s-input__xl,
-.s-textarea.s-textarea__xl {
-  --_in-fs: var(--fs-headline1);
-  --_in-br: var(--br-md);
-  --_in-px: 0.5em;
-  --_in-py: 0.4em;
-}
-.s-input:-webkit-autofill,
-.s-textarea:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 1000px var(--theme-secondary-200) inset;
-  -webkit-text-fill-color: var(--black);
-  border-color: var(--blue-400);
-  transition: background-color 0s 50000s;
-}
-.s-input:-webkit-autofill:focus,
-.s-textarea:-webkit-autofill:focus {
-  border-color: var(--blue-400);
-  -webkit-box-shadow: 0 0 0 1000px var(--blue-200) inset, 0 0 0 var(--su-static4) var(--focus-ring);
-}
-.s-input::-webkit-contacts-auto-fill-button,
-.s-textarea::-webkit-contacts-auto-fill-button {
-  background-color: var(--black);
-}
-.s-input::placeholder,
-.s-textarea::placeholder,
-.s-input::-webkit-input-placeholder,
-.s-textarea::-webkit-input-placeholder {
-  color: var(--_in-placeholder-fc);
+  --_in-fs: var(--fs-body3);
+  --_in-lh: var(--lh-lg);
+  --_in-px: calc(var(--su12) + var(--su1));
 }
 .s-input::placeholder,
 .s-textarea::placeholder {
+  color: var(--_in-placeholder-fc);
   opacity: 1;
 }
 .s-input.s-input__creditcard,
@@ -2380,7 +2328,7 @@ body.theme-highcontrast .has-warning .s-textarea {
 .s-input.s-textarea__search,
 .s-textarea.s-input__search,
 .s-textarea.s-textarea__search {
-  --_in-pl: var(--su-static32);
+  --_in-pl: calc(var(--su-static32) + var(--su-static4));
 }
 .s-input:focus,
 .s-textarea:focus,
@@ -2410,6 +2358,13 @@ body.theme-highcontrast .has-warning .s-textarea {
   background-color: transparent;
   border-color: transparent;
 }
+.s-input:has(> input.s-input) {
+  display: flex;
+  align-items: center;
+}
+.s-input:has(> input.s-input) input.s-input {
+  flex: 1 1 0;
+}
 .is-disabled .s-input,
 .is-readonly .s-input,
 .has-success .s-input,
@@ -2417,8 +2372,24 @@ body.theme-highcontrast .has-warning .s-textarea {
 .has-warning .s-input {
   padding-right: var(--su32);
 }
-.s-input.s-input__md {
-  --_in-py: 0.5em;
+.s-input .s-input {
+  --_in-bg: transparent;
+  --_in-bw: 0;
+  --_in-px: 0;
+  box-shadow: none;
+  margin: calc(var(--_in-py) * -1) 0;
+}
+.s-input:has(.s-input) {
+  --_in-px: var(--_in-py);
+  flex-wrap: wrap;
+  gap: var(--su8);
+}
+.s-textarea {
+  --_in-py: var(--su8);
+  --_te-hmn: calc(var(--su32) + var(--su4));
+  --_te-h: calc(var(--su64) + var(--su6));
+  min-height: var(--_te-hmn);
+  height: var(--_te-h);
 }
 .is-disabled .s-textarea,
 .is-readonly .s-textarea,
@@ -2427,12 +2398,18 @@ body.theme-highcontrast .has-warning .s-textarea {
 .has-warning .s-textarea {
   padding-right: var(--su48);
 }
-.s-textarea.s-textarea__md {
-  --_in-py: 0.72em;
+.s-textarea.s-textarea__sm {
+  --_te-hmn: calc(var(--su32) - var(--su4));
+  --_te-h: calc(var(--su48) + var(--su6));
+}
+.s-textarea.s-textarea__lg {
+  --_te-hmn: calc(var(--su48) - var(--su4));
+  --_te-h: calc(var(--su64) + var(--su32));
 }
 .s-textarea ~ .s-input-icon {
-  right: 1.5em;
-  top: 1.5em;
+  right: var(--_in-px);
+  top: var(--_in-py);
+  margin-top: 0;
 }
 .s-input-fill {
   --_if-bc: var(--bc-dark);
@@ -2466,10 +2443,10 @@ body.theme-highcontrast .has-warning .s-textarea {
 }
 .s-input-icon {
   --_ii-fc: unset;
-  --_ii-r: 0.7em;
+  --_ii-r: calc(var(--su-static8) + var(--su-static2));
   color: var(--_ii-fc);
   right: var(--_ii-r);
-  margin-top: calc((var(--su-static8) + var(--su-static1)) * -1);
+  margin-top: calc((var(--su-static8) + var(--su-static2)) * -1);
   pointer-events: none;
   position: absolute;
   top: 50%;
@@ -2496,7 +2473,7 @@ body.theme-highcontrast .is-readonly .s-input-icon {
 .s-input-icon.s-input-icon__search {
   --_ii-r: auto;
   color: var(--black-400);
-  left: 0.7em;
+  left: calc(var(--su-static8) + var(--su-static2));
 }
 .s-input-message {
   --_im-fc: unset;
@@ -2647,7 +2624,7 @@ a.s-user-card--link:hover:visited {
 }
 a,
 .s-link {
-  --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
+  --_li-fc: var(--theme-link-color, var(--theme-secondary));
   --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
   --_li-fc-visited: var(--theme-link-color-visited, var(--purple-500));
   --_li-fc-hover-visited: var(--theme-link-color-visited, var(--purple-600));
@@ -2848,7 +2825,7 @@ body.theme-highcontrast .s-link-preview {
   font-weight: bold;
 }
 .s-link-preview a.s-link-preview--title {
-  color: var(--theme-link-color, var(--theme-secondary-400));
+  color: var(--theme-link-color, var(--theme-secondary));
   cursor: pointer;
   text-decoration: none;
 }
@@ -2885,55 +2862,109 @@ body.theme-highcontrast .s-link-preview a.s-link-preview--title.s-link__visited:
   white-space: nowrap;
 }
 .s-menu {
-  --_me-divider-bg: var(--bc-light);
-  --_me-label-btc: var(--bc-light);
-  --_me-label-cursor: pointer;
+  --_me-action-bg: unset;
+  --_me-action-fc: var(--black-500);
+  --_me-item-p: var(--su8);
+  --_me-after-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m14 3.88-.44.44-7.34 7.35-.44.44-.44-.44-2.9-2.9L2 8.34l.89-.88.44.44 2.45 2.45 6.9-6.9.44-.44z'/%3E%3C/svg%3E");
   list-style: none;
   margin: 0;
   padding: 0;
 }
-@media (prefers-color-scheme: dark) {
-  body.theme-system .s-menu {
-    --_me-divider-bg: var(--bc-light);
-    --_me-label-btc: var(--bc-light);
-  }
-}
-body.theme-dark .s-menu,
-.theme-dark__forced .s-menu,
-body.theme-system .theme-dark__forced .s-menu {
-  --_me-divider-bg: var(--bc-light);
-  --_me-label-btc: var(--bc-light);
-}
 .s-menu .s-menu--divider {
-  background-color: var(--_me-divider-bg);
+  background-color: var(--black-200);
   height: var(--su-static1);
   margin: var(--su8) 0;
 }
-.s-menu .s-menu--label {
-  border-top: var(--su-static1) solid var(--_me-label-btc);
-  cursor: var(--_me-label-cursor);
-  padding: var(--su12);
+.s-menu .s-menu--icon {
+  color: inherit;
+  margin-right: var(--su8);
+}
+.s-menu .s-menu--item {
+  color: var(--_me-action-fc);
+  padding: var(--_me-item-p);
+  align-items: center;
+  display: flex;
+  width: 100%;
+}
+.s-menu .s-menu--item:has(> .s-menu--action) {
+  --_me-item-p: 0;
+}
+.s-menu .s-menu--item.s-check-control {
+  --_me-item-p: var(--su6) var(--su8);
+  align-items: flex-start;
+}
+.s-menu .s-menu--item.s-check-control .s-radio,
+.s-menu .s-menu--item.s-check-control .s-checkbox {
+  margin-top: var(--su4);
+}
+.s-menu .s-menu--item:not(.s-check-control) .s-radio,
+.s-menu .s-menu--item:not(.s-check-control) .s-checkbox {
+  height: 0;
+  pointer-events: none;
+  position: absolute;
+  opacity: 0;
+  width: 0;
+}
+.s-menu .s-menu--action {
+  background-color: var(--_me-action-bg);
+  color: var(--_me-action-fc);
+  align-items: center;
+  border-radius: var(--br-md);
+  cursor: pointer;
+  display: flex;
+  padding: var(--su8);
+  width: 100%;
 }
-.s-menu .s-menu--label.is-disabled {
-  --_me-label-cursor: not-allowed;
+.s-menu .s-menu--action:focus-visible,
+.s-menu .s-menu--action:has(> input:focus-visible) {
+  box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
+  outline: var(--su-static2) solid transparent !important;
+}
+.s-menu .s-menu--action:focus-visible,
+.s-menu .s-menu--action:has(> input:focus-visible),
+.s-menu .s-menu--action:hover {
+  --_me-action-bg: var(--black-150);
+  --_me-action-fc: var(--black-600);
+}
+.s-menu .s-menu--action__danger {
+  --_me-action-fc: var(--red-400);
+}
+.s-menu .s-menu--action__danger:focus-visible,
+.s-menu .s-menu--action__danger:hover {
+  --_me-action-fc: var(--red-500);
+}
+.s-menu .s-menu--action.is-selected:after,
+.s-menu .s-menu--action:has(input:checked):after {
+  background-color: var(--_me-action-fc);
+  content: "";
+  height: var(--su16);
+  margin-left: auto;
+  width: var(--su16);
+  mask-image: var(--_me-after-mask);
+  mask-size: contain;
+  mask-repeat: no-repeat;
+}
+.s-menu button.s-menu--action {
+  border: none;
+  font-family: inherit;
+  line-height: inherit;
+  text-align: left;
 }
 .s-menu .s-menu--title {
-  color: var(--black-500);
-  font-size: var(--fs-fine);
-  padding: var(--su8) var(--su12);
-  text-transform: uppercase;
+  color: var(--black-600);
+  font-weight: 700;
+  padding: var(--su6) var(--su8);
 }
-.s-menu li + .s-menu--title {
+.s-menu .s-menu--item + .s-menu--title {
   margin-top: var(--su12);
 }
 .s-modal {
-  --_mo-bg: hsla(210, 8%, 5%, 0.5);
+  --_mo-bg: rgba(33, 29, 30, 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);
+  --_mo-dialog-ou: 0;
   background-color: var(--_mo-bg);
   max-height: var(--_mo-hmx);
   max-width: var(--_mo-wmx);
@@ -2950,21 +2981,16 @@ body.theme-system .theme-dark__forced .s-menu {
 }
 @media (prefers-color-scheme: dark) {
   body.theme-system .s-modal {
-    --_mo-dialog-bg: var(--black-225);
+    --_mo-dialog-bg: var(--black-100);
   }
 }
 body.theme-dark .s-modal,
 .theme-dark__forced .s-modal,
 body.theme-system .theme-dark__forced .s-modal {
-  --_mo-dialog-bg: var(--black-225);
-}
-@media (prefers-color-scheme: dark) {
-  body.theme-highcontrast.theme-system .s-modal {
-    --_mo-dialog-bg: var(--black-200);
-  }
+  --_mo-dialog-bg: var(--black-100);
 }
-body.theme-highcontrast.theme-dark .s-modal {
-  --_mo-dialog-bg: var(--black-200);
+body.theme-highcontrast .s-modal {
+  --_mo-dialog-ou: var(--su2) solid var(--black-500);
 }
 .s-modal[aria-hidden="false"],
 .s-modal[aria-hidden="false"] .s-modal--dialog {
@@ -2993,18 +3019,17 @@ body.theme-highcontrast.theme-dark .s-modal {
 }
 .s-modal.has-danger,
 .s-modal.s-modal__danger {
-  --_mo-bg: hsla(0, 65%, 4%, 0.5);
-  --_mo-header-fc: var(--red-500);
+  --_mo-bg: rgba(1, 0, 0, 0.5);
 }
 .s-modal .s-modal--body {
   color: var(--fc-medium);
   margin-bottom: var(--su24);
 }
 .s-modal .s-modal--close {
-  padding: var(--su12) !important;
+  padding: var(--su6) !important;
   position: absolute !important;
-  right: var(--su8);
-  top: var(--_mo-close-t);
+  right: var(--su16);
+  top: var(--su16);
 }
 .s-modal .s-modal--close .svg-icon {
   margin: 0 !important;
@@ -3012,6 +3037,7 @@ body.theme-highcontrast.theme-dark .s-modal {
 .s-modal .s-modal--dialog {
   padding: var(--_mo-dialog-pt) var(--su24) var(--su24);
   scrollbar-color: var(--scrollbar) transparent;
+  position: relative;
   backface-visibility: hidden;
   background-color: var(--_mo-dialog-bg);
   border-radius: var(--br-md);
@@ -3024,6 +3050,7 @@ body.theme-highcontrast.theme-dark .s-modal {
   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;
   z-index: var(--zi-hide);
+  outline: var(--_mo-dialog-ou);
 }
 .s-modal .s-modal--dialog::-webkit-scrollbar {
   width: calc(var(--su-static12) - var(--su-static2));
@@ -3046,7 +3073,7 @@ body.theme-highcontrast.theme-dark .s-modal {
   margin-top: var(--su24);
 }
 .s-modal .s-modal--header {
-  color: var(--_mo-header-fc);
+  color: var(--fc-dark);
   font-size: var(--fs-headline1);
   font-weight: normal;
   line-height: var(--lh-sm);
@@ -3059,18 +3086,20 @@ body.theme-highcontrast.theme-dark .s-modal {
   --_na-p: var(--su2) 0;
   --_na-gap: var(--su4);
   --_na-item-bg: none;
-  --_na-item-fc: var(--black-500);
+  --_na-item-fc: var(--black-400);
   --_na-item-fs: unset;
-  --_na-item-p: var(--su6) var(--su12);
-  --_na-item-py: var(--su12);
+  --_na-item-p: calc(var(--su12) - var(--su1)) var(--su16);
   --_na-item-ws: nowrap;
-  --_na-item-bg-hover: var(--black-200);
+  --_na-item-bg-hover: var(--black-100);
   --_na-item-fc-hover: var(--_na-item-fc);
-  --_na-item-selected-bg: var(--theme-primary);
-  --_na-item-selected-fc: var(--white);
-  --_na-item-selected-bg-hover: var(--theme-primary-500);
+  --_na-item-selected-bg: none;
+  --_na-item-selected-fc: var(--black-600);
+  --_na-item-selected-bg-hover: var(--_na-item-bg-hover);
+  --_na-item-selected-h: var(--su-static2);
   --_na-item-text-ta: center;
-  --_na-title-mt: var(--su16);
+  --_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);
   flex-wrap: var(--_na-fw);
   gap: var(--_na-gap);
@@ -3107,7 +3136,7 @@ body.theme-highcontrast .s-navigation {
 }
 .s-navigation.s-navigation__sm {
   --_na-item-fs: var(--fs-caption);
-  --_na-item-p: var(--su4) var(--su12);
+  --_na-item-p: var(--su6) var(--su4);
 }
 .s-navigation.s-navigation__vertical {
   --_na-fd: column;
@@ -3115,16 +3144,17 @@ body.theme-highcontrast .s-navigation {
   --_na-p: 0;
   --_na-item-text-ta: unset;
   --_na-item-ws: normal;
+  --_na-item-selected-h: 0;
+  --_na-item-p: var(--su6) var(--su8);
 }
-.s-navigation.s-navigation__muted {
-  --_na-item-selected-bg: var(--black-150);
-  --_na-item-selected-fc: var(--black-600);
-  --_na-item-selected-bg-hover: var(--_na-item-bg);
+.s-navigation.s-navigation__vertical .s-navigation--item.is-selected {
+  --_na-item-bg: var(--black-150);
+}
+.s-navigation.s-navigation__vertical .s-navigation--item:has(.s-navigation--icon) {
+  --_na-item-p: calc(var(--su12) - var(--su1)) var(--su8);
 }
-body.theme-highcontrast .s-navigation.s-navigation__muted {
-  --_na-item-selected-bg: var(--black-600);
-  --_na-item-selected-fc: var(--black-150);
-  --_na-item-selected-bg-hover: var(--black-600);
+.s-navigation.s-navigation__vertical .s-navigation--item:has(.s-navigation--avatar) {
+  --_na-item-p: var(--su12) var(--su8);
 }
 .s-navigation .s-navigation--item {
   background-color: var(--_na-item-bg);
@@ -3135,7 +3165,7 @@ body.theme-highcontrast .s-navigation.s-navigation__muted {
   white-space: var(--_na-item-ws);
   align-items: center;
   border: none;
-  border-radius: 1000px;
+  border-radius: var(--br-md);
   box-shadow: none;
   cursor: pointer;
   display: flex;
@@ -3149,28 +3179,37 @@ body.theme-highcontrast .s-navigation.s-navigation__muted {
   --_na-item-bg-hover: var(--_na-item-selected-bg-hover);
   font-weight: bold;
 }
-body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
-  text-decoration: none;
+.s-navigation .s-navigation--item.is-selected:before {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: var(--_na-item-selected-h);
+  background-color: var(--_na-item-selected-fc);
 }
-.s-navigation .s-navigation--item__dropdown {
-  padding-right: 2em;
+body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
+  --_na-item-fc-hover: var(--white);
 }
 .s-navigation .s-navigation--item__dropdown:after {
-  border-style: solid;
-  border-width: var(--su-static4) var(--su-static4) 0 var(--su-static4);
-  border-color: currentColor transparent;
+  mask-image: var(--_na-after-mask);
+  mask-size: contain;
+  mask-repeat: no-repeat;
+  background-color: var(--_na-after-bg-color);
   content: "";
-  pointer-events: none;
-  position: absolute;
-  right: 0.9em;
-  top: calc(50% - var(--su-static2));
-  z-index: var(--zi-active);
+  height: var(--su12);
+  width: var(--su12);
+  margin-left: var(--su8);
 }
 .s-navigation .s-navigation--item:hover,
 .s-navigation .s-navigation--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 {
+  --_na-after-bg-color: var(--white);
+}
 .s-navigation .s-navigation--item:focus-visible {
   box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
   outline: var(--su-static2) solid transparent !important;
@@ -3191,13 +3230,22 @@ body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
 .s-navigation .s-navigation--title {
   margin-top: var(--_na-title-mt);
   font-size: var(--fs-fine);
-  font-weight: bold;
-  padding: var(--su6) var(--su12);
-  text-transform: uppercase;
+  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 {
+  color: var(--black-400);
+}
+.s-navigation .s-navigation--icon {
+  color: inherit;
+  margin-right: var(--su4);
+}
+.s-navigation .s-navigation--avatar {
+  margin-right: var(--su8);
+}
 /**
  * Generate color variables with a given color name
  *
@@ -3459,63 +3507,64 @@ ul.s-pagination {
   padding: 0;
 }
 .s-pagination .s-pagination--item {
-  --_pa-item-bg: transparent;
-  --_pa-item-bc: var(--bc-darker);
-  --_pa-item-fc: var(--fc-medium);
-  --_pa-item-bg-focus: var(--black-400);
-  --_pa-item-fc-focus: var(--white);
-  --_pa-item-bg-hover: var(--black-225);
-  --_pa-item-bc-hover: var(--bc-darker);
-  --_pa-item-fc-hover: var(--fc-dark);
+  --_pa-item-bg: unset;
+  --_pa-item-br: unset;
+  --_pa-item-fc: var(--black-400);
+  --_pa-item-p: var(--su-static4);
   background-color: var(--_pa-item-bg);
-  border: 1px solid var(--_pa-item-bc);
+  border-radius: var(--_pa-item-br);
   color: var(--_pa-item-fc);
-  border-radius: var(--br-md);
-  display: inline-block;
-  font-size: var(--fs-body1);
-  line-height: var(--lh-xl);
-  padding: 0 var(--su8);
-}
-body.theme-highcontrast .s-pagination .s-pagination--item {
-  text-decoration: none;
+  padding: var(--_pa-item-p);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin: var(--su-static1);
+  position: relative;
 }
 .s-pagination .s-pagination--item.is-selected {
-  --_pa-item-bg: var(--theme-primary);
-  --_pa-item-bc: transparent;
-  --_pa-item-fc: var(--white);
-  --_pa-item-bg-focus: var(--theme-primary-400);
-}
-.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--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);
-}
-.s-pagination .s-pagination--item:hover {
-  background-color: var(--_pa-item-bg-hover);
-  border-color: var(--_pa-item-bc-hover);
-  color: var(--_pa-item-fc-hover);
+  --_pa-item-fc: var(--black-600);
+}
+.s-pagination .s-pagination--item.is-selected:not(:hover):not(:focus-visible):before {
+  background-color: var(--black-600);
+  content: "";
+  height: var(--su-static2);
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 100%;
+}
+.s-pagination .s-pagination--item.s-pagination--item__nav {
+  --_pa-item-bg: var(--black-150);
+  --_pa-item-br: var(--br-circle);
+  --_pa-item-fc: var(--black-600);
+  --_pa-item-p: var(--su-static6);
+  aspect-ratio: 1 / 1;
+}
+.s-pagination .s-pagination--item.s-pagination--item__nav:hover {
+  --_pa-item-bg: var(--black-200);
+}
+.s-pagination .s-pagination--item[href]:hover:not(.s-pagination .s-pagination--item__nav) {
+  --_pa-item-bg: var(--black-150);
+  --_pa-item-br: var(--br-pill);
+  --_pa-item-fc: var(--black-600);
 }
 .s-pagination .s-pagination--item:focus-visible {
-  border-color: var(--focus-theme) !important;
-  box-shadow: inset 0 0 0 var(--su-static1) var(--focus-theme), inset 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-neutral);
+  --_pa-item-bg: var(--black-150);
+  --_pa-item-fc: var(--black-600);
+  border-color: var(--focus-neutral) !important;
+  box-shadow: 0 0 0 var(--su-static1) var(--focus-neutral), 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-theme);
   outline: var(--su-static2) solid transparent !important;
 }
-.s-pagination .s-pagination--item:focus-visible,
+.s-pagination .s-pagination--item:focus-visible:not(.s-pagination .s-pagination--item__nav),
 .s-pagination .s-pagination--item.focus-inset-bordered {
-  background-color: var(--_pa-item-bg-focus);
-  color: var(--_pa-item-fc-focus);
+  --_pa-item-br: var(--br-md);
 }
 .s-pagination,
 .s-pagination ul {
   display: flex;
+  align-items: center;
   flex-wrap: wrap;
-  gap: var(--su4);
+  gap: var(--su2);
 }
 .s-popover {
   --_po-bg: var(--white);
@@ -3527,7 +3576,7 @@ body.theme-highcontrast .s-pagination .s-pagination--item {
   --_po-topbar-height: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
   --_po-content-mxh: calc(100vh - var(--_po-topbar-height) - var(--su48));
   background-color: var(--_po-bg);
-  border: 1px solid var(--_po-bc);
+  border: var(--su-static1) solid var(--_po-bc);
   box-shadow: var(--_po-bs);
   display: var(--_po-d);
   min-width: var(--_po-wmn);
@@ -3543,17 +3592,13 @@ body.theme-highcontrast .s-pagination .s-pagination--item {
 }
 @media (prefers-color-scheme: dark) {
   body.theme-system .s-popover {
-    --_po-bg: var(--black-200);
-    --_po-bc: var(--bc-light);
-    --_po-bs: var(--bs-lg);
+    --_po-bg: var(--black-100);
   }
 }
 body.theme-dark .s-popover,
 .theme-dark__forced .s-popover,
 body.theme-system .theme-dark__forced .s-popover {
-  --_po-bg: var(--black-200);
-  --_po-bc: var(--bc-light);
-  --_po-bs: var(--bs-lg);
+  --_po-bg: var(--black-100);
 }
 .s-popover.is-visible {
   --_po-d: block;
@@ -3566,7 +3611,7 @@ body.theme-system .theme-dark__forced .s-popover {
   float: right;
   top: calc(var(--su8) * -1);
   right: calc(var(--su8) * -1);
-  padding: var(--su8) !important;
+  padding: var(--su6) !important;
 }
 .s-popover .s-popover--content {
   max-height: var(--_po-content-mxh);
@@ -3579,7 +3624,7 @@ body.theme-system .theme-dark__forced .s-popover {
   --_ps-bg: unset;
   --_ps-o: unset;
   --_ps-content-excerpt-fc: var(--_ps-state-fc, var(--fc-medium));
-  --_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400))));
+  --_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary))));
   --_ps-content-title-a-fc-hover: var(--_ps-state-fc, var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500))));
   --_ps-content-title-a-fc-visited: var(--_ps-state-fc, var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--purple-500))));
   --_ps-content-title-a-fc-hover-visited: var(--_ps-state-fc, var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--purple-600))));
@@ -3665,6 +3710,7 @@ body.theme-system .theme-dark__forced .s-popover {
 .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag .focus-bordered {
   background-color: var(--_ps-meta-tags-tag-bg);
   color: var(--black-500);
+  border-color: var(--black-300);
 }
 body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a,
 body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a,
@@ -3745,7 +3791,7 @@ body.theme-system .theme-dark__forced .s-post-summary.s-post-summary__deleted .s
 .s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) {
   --_ps-bg: var(--yellow-100);
   --_ps-stats-fc: var(--black-400);
-  --_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400)));
+  --_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary)));
   --_ps-content-title-a-fc-hover: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500)));
   --_ps-content-title-a-fc-visited: var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--purple-500)));
   --_ps-content-title-a-fc-hover-visited: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--purple-600)));
@@ -4066,19 +4112,19 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
   --_pr-bar-bg: var(--orange-400);
 }
 .s-progress.s-progress__bronze {
-  --_pr-bar-bg: var(--bronze-100);
-  --_pr-label-bc: var(--bronze-400);
+  --_pr-bar-bg: var(--orange-100);
+  --_pr-label-bc: var(--orange-400);
 }
 .s-progress.s-progress__gold {
-  --_pr-bar-bg: var(--gold-100);
-  --_pr-label-bc: var(--gold-400);
+  --_pr-bar-bg: var(--yellow-100);
+  --_pr-label-bc: var(--yellow-400);
 }
 .s-progress.s-progress__info {
   --_pr-bar-bg: var(--blue-400);
 }
 .s-progress.s-progress__silver {
-  --_pr-bar-bg: var(--silver-100);
-  --_pr-label-bc: var(--silver-400);
+  --_pr-bar-bg: var(--blue-100);
+  --_pr-label-bc: var(--blue-400);
 }
 .s-progress.s-progress__badge,
 .s-progress.s-progress__privilege {
@@ -4181,18 +4227,18 @@ body.theme-highcontrast .s-progress.s-progress__privilege {
   position: relative;
 }
 .s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--bar.s-progress--bar__left {
-  background: var(--theme-secondary-400);
+  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-400);
+  background: var(--theme-secondary);
   box-shadow: 0 0 0 var(--su-static6) 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-400);
+  background: var(--theme-secondary);
 }
 .s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--label {
   color: var(--fc-dark);
@@ -4745,15 +4791,15 @@ body.theme-highcontrast .s-prose {
   width: 100%;
 }
 .s-select {
-  --_se-arrow-bc: currentColor transparent;
-  --_se-arrow-size: var(--su-static4);
+  --_se-arrow-fc: currentColor;
   --_se-select-bc: var(--bc-darker);
   --_se-select-bg: var(--white);
   --_se-select-br: var(--br-md);
   --_se-select-fc: var(--black);
   --_se-select-px: 0.7em;
-  --_se-select-py: 0.6em;
+  --_se-select-py: var(--su-static8);
   --_se-select-fs: var(--fs-body1);
+  --_se-select-lh: var(--lh-base);
   color: var(--fc-dark);
   position: relative;
 }
@@ -4785,28 +4831,14 @@ body.theme-highcontrast .s-prose {
 .has-warning .s-select {
   --_se-select-bc: var(--yellow-500);
 }
-.is-disabled .s-select {
-  --_se-arrow-bc: var(--bc-dark) transparent;
-}
 .s-select.s-select__sm {
   --_se-select-fs: var(--fs-caption);
-}
-.s-select.s-select__md {
-  --_se-select-fs: var(--fs-body3);
-  --_se-select-br: calc(var(--br-md) + var(--su-static1));
-  --_se-select-py: 0.5em;
+  --_se-select-lh: var(--lh-sm);
+  --_se-select-py: calc(var(--su6) - var(--su-static1) / 2);
 }
 .s-select.s-select__lg {
-  --_se-select-fs: var(--fs-title);
-  --_se-select-br: calc(var(--br-md) + var(--su-static1));
-  --_se-select-px: 0.6em;
-  --_se-select-py: 0.45em;
-}
-.s-select.s-select__xl {
-  --_se-select-fs: var(--fs-headline1);
-  --_se-select-br: var(--br-md);
-  --_se-select-px: 0.5em;
-  --_se-select-py: 0.4em;
+  --_se-select-fs: var(--fs-body3);
+  --_se-select-lh: var(--lh-lg);
 }
 select.s-select:-webkit-autofill,
 .s-select > select:-webkit-autofill {
@@ -4824,24 +4856,27 @@ select.s-select::-webkit-contacts-auto-fill-button,
 .s-select > select::-webkit-contacts-auto-fill-button {
   background-color: var(--black);
 }
-.s-select:before,
 .s-select:after {
-  border-color: var(--_se-arrow-bc);
-  border-style: solid;
-  border-width: var(--_se-arrow-size);
+  background-color: currentColor;
   content: "";
+  height: var(--su-static16);
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M13.06 10 8 15.06 2.94 10 4 8.94l.53.53L8 12.94l3.47-3.47.53-.53zm0-4L12 7.06l-.53-.53L8 3.06 4.53 6.53 4 7.06 2.94 6 8 .94z'/%3E%3C/svg%3E");
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: contain;
   pointer-events: none;
   position: absolute;
-  right: calc(var(--su-static12) + var(--su-static1));
+  right: calc(var(--su32) - var(--su-static24));
+  top: 50%;
+  transform: translateY(-50%);
+  width: var(--su-static16);
   z-index: var(--zi-selected);
 }
-.s-select:after {
-  border-bottom-width: 0;
-  top: calc(50% + var(--su-static1));
+.is-disabled .s-select {
+  --_se-arrow-fc: var(--bc-dark);
 }
-.s-select:before {
-  border-top-width: 0;
-  top: calc(50% - calc(var(--_se-arrow-size) + var(--su-static1)));
+.is-disabled .s-select:after {
+  background-color: var(--_se-arrow-fc);
 }
 .s-select > select {
   background-color: var(--_se-select-bg);
@@ -4853,7 +4888,7 @@ select.s-select::-webkit-contacts-auto-fill-button,
   appearance: none;
   font-family: inherit;
   height: 100%;
-  line-height: var(--lh-sm);
+  line-height: var(--_se-select-lh);
   outline: 0;
   padding-right: var(--su32);
   position: relative;
@@ -4862,7 +4897,8 @@ select.s-select::-webkit-contacts-auto-fill-button,
 fieldset[disabled] .s-select > select,
 .s-select > select[disabled] {
   cursor: not-allowed;
-  opacity: var(--_o-disabled-static);
+  --_se-select-fc: var(--black-300);
+  --_se-select-bg: var(--black-100);
 }
 .s-select > select[readonly],
 .is-readonly .s-select > select {
@@ -5518,87 +5554,80 @@ body.theme-highcontrast .s-skeleton {
 .s-tag {
   --_ta-bc: var(--theme-tag-border-color, var(--_ta-bg));
   --_ta-bg: var(--theme-tag-background-color, var(--black-150));
-  --_ta-fc: var(--theme-tag-color, var(--black-500));
+  --_ta-fc: var(--theme-tag-color, var(--black-600));
   --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--_ta-bg-hover));
   --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--black-200));
   --_ta-fc-hover: var(--theme-tag-hover-color, var(--black-600));
-  --_ta-br: var(--br-md);
   --_ta-fs: var(--fs-caption);
-  --_ta-lh: 1.84615385;
-  --_ta-pl: var(--_ta-px);
-  --_ta-pr: var(--_ta-px);
-  --_ta-px: var(--su4);
-  --_ta-dismiss-padding: calc(var(--_ta-px) - var(--su-static1));
+  --_ta-pb: calc(var(--_ta-pt) + var(--su1));
+  --_ta-pl: var(--su8);
+  --_ta-pr: var(--su8);
+  --_ta-pt: var(--su4);
   background-color: var(--_ta-bg);
   border: var(--su-static1) solid var(--_ta-bc);
-  border-radius: var(--_ta-br);
   color: var(--_ta-fc);
   font-size: var(--_ta-fs);
-  line-height: var(--_ta-lh);
-  padding-left: var(--_ta-pl);
-  padding-right: var(--_ta-pr);
+  padding: var(--_ta-pt) var(--_ta-pr) var(--_ta-pb) var(--_ta-pl);
   align-items: center;
   display: inline-flex;
-  font-weight: 700;
+  gap: var(--su4);
   justify-content: center;
-  min-width: 0;
+  line-height: var(--lh-xs);
   text-decoration: none;
-  vertical-align: middle;
   white-space: nowrap;
 }
 body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):not(body.theme-highcontrast .s-tag__required) {
   --_ta-bc: var(--theme-tag-border-color, var(--black-300));
   --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--black-300));
 }
-.s-tag.s-tag__xs {
-  --_ta-fs: var(--fs-fine);
-  --_ta-lh: 1.4;
-  --_ta-px: var(--su2);
+body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):not(body.theme-highcontrast .s-tag__required).s-tag__ignored {
+  --_ta-fc: var(--black-500);
 }
 .s-tag.s-tag__sm {
-  --_ta-fs: var(--fs-caption);
-  --_ta-lh: 1.5;
-}
-.s-tag.s-tag__md {
-  --_ta-px: var(--su6);
-  --_ta-fs: var(--fs-body2);
-  --_ta-lh: 1.73333333;
+  --_ta-pl: var(--su4);
+  --_ta-pr: var(--su4);
+  --_ta-pt: var(--su1);
 }
 .s-tag.s-tag__lg {
-  --_ta-br: calc(var(--br-md) + var(--su-static1));
-  --_ta-fs: var(--fs-subheading);
-  --_ta-lh: 1.68421053;
-  --_ta-px: var(--su6);
-}
-.s-tag__ignored,
-.s-tag.s-tag__ignored,
-.s-tag__watched,
-.s-tag.s-tag__watched {
-  --_ta-pl: calc(var(--su-static24) - var(--su-static2));
-  --_ta-before-size: calc(var(--su-static16) - var(--su-static2));
-  position: relative;
+  --_ta-fs: var(--fs-body1);
+  --_ta-pt: var(--su4);
 }
-.s-tag__ignored:before,
 .s-tag.s-tag__ignored:before,
-.s-tag__watched:before,
 .s-tag.s-tag__watched:before {
-  height: var(--_ta-before-size);
-  width: var(--_ta-before-size);
   -webkit-mask: var(--_ta-before-icon) no-repeat center;
   mask: var(--_ta-before-icon) no-repeat center;
   background-color: currentColor;
   content: "";
   display: block;
-  left: var(--su-static4);
-  margin-right: var(--su2);
-  position: absolute;
-  top: calc(50% - calc(var(--su-static8) - var(--su-static1)));
+  height: calc(var(--su-static16) - var(--su-static2));
   -webkit-mask-size: contain;
   mask-size: contain;
+  width: calc(var(--su-static16) - var(--su-static2));
+}
+.s-tag.s-tag__deleted,
+.s-tag.s-tag__ignored,
+.s-tag.s-tag__deleted.s-tag__required:not(.s-tag.s-tag__deleted__moderator),
+.s-tag.s-tag__ignored.s-tag__required:not(.s-tag.s-tag__deleted__moderator),
+.s-tag.s-tag__deleted.s-tag__required:not(.s-tag.s-tag__ignored__moderator),
+.s-tag.s-tag__ignored.s-tag__required:not(.s-tag.s-tag__ignored__moderator),
+.s-tag.s-tag__deleted.s-tag__moderator,
+.s-tag.s-tag__ignored.s-tag__moderator {
+  --_ta-bc-hover: var(--_ta-bc);
+  --_ta-bg-hover: var(--_ta-bg);
+  --_ta-fc-hover: var(--_ta-fc);
+}
+.s-tag.s-tag__deleted {
+  --_ta-fc: var(--black-500);
+}
+.s-tag.s-tag__deleted.s-tag__required:not(.s-tag.s-tag__deleted__moderator) {
+  --_ta-bc: var(--black-300);
+  --_ta-fc: var(--black-400);
 }
-.s-tag__ignored,
 .s-tag.s-tag__ignored {
+  --_ta-bg-hover: var(--_ta-bg);
   --_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
+  --_ta-fc: var(--black-400);
+  --_ta-fc-hover: var(--black-400);
 }
 .s-tag.s-tag__moderator {
   --_ta-bc: var(--orange-300);
@@ -5609,53 +5638,40 @@ body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):no
   --_ta-fc-hover: var(--orange-600);
 }
 .s-tag.s-tag__required:not(.s-tag__moderator) {
-  --_ta-bc: var(--theme-tag-required-border-color, var(--theme-tag-border-color, var(--black-400)));
-  --_ta-bg: var(--theme-tag-required-background-color, var(--theme-tag-background-color, var(--black-150)));
-  --_ta-fc: var(--theme-tag-required-color, var(--theme-tag-color, var(--black-500)));
+  --_ta-bc: var(--theme-tag-required-border-color, var(--theme-tag-border-color, var(--black-500)));
   --_ta-bc-hover: var(--theme-tag-required-hover-border-color, var(--theme-tag-hover-border-color, var(--black-600)));
-  --_ta-bg-hover: var(--theme-tag-required-hover-background-color, var(--theme-tag-hover-background-color, var(--black-200)));
-  --_ta-fc-hover: var(--theme-tag-required-hover-color, var(--theme-tag-hover-color, var(--black-600)));
 }
-.s-tag__watched,
 .s-tag.s-tag__watched {
-  --_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E");
+  --_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E");
 }
-.s-tag button.s-tag--dismiss:not(.s-btn) {
-  all: unset;
+.s-tag:has( > .s-tag--dismiss) {
+  --_ta-pr: var(--su2);
 }
-.s-tag .s-tag--dismiss,
-.s-tag button.s-tag--dismiss:not(.s-btn) {
+.s-tag .s-tag--dismiss {
+  all: unset;
   align-items: center;
-  align-self: stretch;
   background-color: transparent;
-  border-radius: var(--br-md);
   color: inherit;
   cursor: pointer;
   display: flex;
   justify-content: center;
-  margin: var(--su-static1) calc(var(--_ta-dismiss-padding) * -1) var(--su-static1) var(--_ta-dismiss-padding);
-  padding: var(--_ta-dismiss-padding);
+  margin: calc(var(--_ta-pt) * -1) 0 calc(var(--_ta-pb) * -1);
+  padding: var(--su2);
 }
-.s-tag .s-tag--dismiss:focus-visible,
-.s-tag button.s-tag--dismiss:not(.s-btn):focus-visible {
+.s-tag .s-tag--dismiss:focus-visible {
   box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
   outline: var(--su-static2) solid transparent !important;
 }
-.s-tag .s-tag--dismiss:hover,
-.s-tag button.s-tag--dismiss:not(.s-btn):hover {
+.s-tag .s-tag--dismiss:hover {
   background-color: var(--_ta-fc);
   color: var(--_ta-bg);
 }
-body.theme-highcontrast .s-tag .s-tag--dismiss:hover,
-body.theme-highcontrast .s-tag button.s-tag--dismiss:not(.s-btn):hover {
-  color: var(--white);
+.s-tag:has( > .s-tag--sponsor) {
+  --_ta-pl: var(--su2);
 }
 .s-tag .s-tag--sponsor {
-  align-self: center;
-  border-radius: calc(var(--br-md) - var(--su-static1));
-  display: inline-flex;
-  margin: calc(var(--su1) * -1) var(--su4) calc(var(--su2) * -1) calc(var(--su2) * -1);
   max-width: calc(var(--su-static16) + var(--su-static2));
+  margin: calc(var(--_ta-pt) * -1) 0 calc(var(--_ta-pb) * -1) 0;
 }
 .s-tag .s-tag--sponsor img,
 .s-tag .s-tag--sponsor .svg-icon {
@@ -5708,20 +5724,20 @@ a.s-tag:active {
 }
 .s-toggle-switch {
   --_ts-bg: var(--black-350);
-  --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(0, 0%, 100%)'/%3e%3c/svg%3e");
+  --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
   --_ts-bg-ps: left center;
   --_ts-multiple-bg: unset;
   --_ts-multiple-fc: var(--black-400);
 }
 @media (prefers-color-scheme: dark) {
   body.theme-system .s-toggle-switch {
-    --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(210, 3.0000000000000027%, 15%)'/%3e%3c/svg%3e");
+    --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23141414'/%3e%3c/svg%3e");
   }
 }
 body.theme-dark .s-toggle-switch,
 .theme-dark__forced .s-toggle-switch,
 body.theme-system .theme-dark__forced .s-toggle-switch {
-  --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(210, 3.0000000000000027%, 15%)'/%3e%3c/svg%3e");
+  --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23141414'/%3e%3c/svg%3e");
 }
 fieldset[disabled] .s-toggle-switch,
 .s-toggle-switch[disabled],
@@ -5841,13 +5857,13 @@ input[type="checkbox"].s-toggle-switch[disabled] {
 }
 @media (prefers-color-scheme: dark) {
   body.theme-system .s-topbar.s-topbar__light {
-    --focus-theme: var(--theme-dark-secondary-custom-200, var(--blue-200));
+    --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(--blue-200));
+  --focus-theme: var(--theme-dark-secondary-custom-200, var(--black-200));
 }
 body.theme-highcontrast .s-topbar {
   --_tb-notice-td: underline;
@@ -5864,30 +5880,30 @@ body.theme-highcontrast .s-topbar {
   border-bottom: var(--su-static1) solid currentColor;
 }
 body.theme-highcontrast .s-topbar.s-topbar__dark {
-  --focus-theme: hsl(210, 89%, 77%);
+  --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: hsl(210, 8%, 25%);
+  --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: hsl(210, 8%, 5%);
-  --theme-topbar-item-color-hover: hsl(210, 8%, 5%);
-  --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
+  --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(--blue-200);
+    --focus-theme: var(--black-200);
   }
 }
 body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
-  --focus-theme: var(--blue-200);
+  --focus-theme: var(--black-200);
 }
 @media (max-width: 640px) {
   .s-topbar {
@@ -5901,11 +5917,11 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
   }
 }
 .s-topbar.s-topbar__light {
-  --focus-neutral: hsl(0, 0%, 100%);
+  --focus-neutral: #ffffff;
 }
 .s-topbar.s-topbar__dark {
-  --focus-neutral: hsl(210, 8%, 5%);
-  --focus-theme: var(--theme-dark-secondary-custom-400, hsl(210, 89%, 77%));
+  --focus-neutral: #211d1e;
+  --focus-theme: var(--theme-dark-secondary-custom-400, #ffffff);
 }
 .s-topbar:has( > .s-topbar--skip-link:focus) {
   border-top: none;
@@ -6231,33 +6247,33 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
   color: var(--black-600);
 }
 .s-topbar__dark {
-  --theme-topbar-background-color: hsl(210, 8%, 5%);
-  --theme-topbar-bottom-border: var(--su-static1) solid hsl(210, 8%, 5%);
-  --theme-topbar-search-color: hsl(0, 0%, 100%);
-  --theme-topbar-search-background: hsl(210, 8%, 25%);
-  --theme-topbar-search-placeholder: hsl(210, 8%, 85%);
-  --theme-topbar-search-border: hsl(210, 8%, 45%);
-  --theme-topbar-select-color: hsl(210, 8%, 85%);
-  --theme-topbar-select-background: hsl(210, 8%, 35%);
-  --theme-topbar-item-color: hsl(210, 8%, 85%);
+  --theme-topbar-background-color: #211d1e;
+  --theme-topbar-bottom-border: var(--su-static1) 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: hsl(210, 8%, 25%);
+  --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(--su-static1) solid hsl(210, 8%, 85%);
-  --theme-topbar-search-color: hsl(210, 8%, 25%);
+  --theme-topbar-bottom-border: var(--su-static1) solid #d7d8db;
+  --theme-topbar-search-color: #46484d;
   --theme-topbar-search-background: var(--_white-static);
-  --theme-topbar-search-placeholder: hsl(210, 8%, 42%);
-  --theme-topbar-search-border: hsl(210, 9%, 75%);
-  --theme-topbar-select-color: hsl(210, 8%, 25%);
-  --theme-topbar-select-background: hsl(210, 8%, 90%);
-  --theme-topbar-item-color: hsl(210, 8%, 42%);
-  --theme-topbar-item-color-hover: hsl(210, 8%, 25%);
-  --theme-topbar-item-background-hover: hsl(210, 8%, 90%);
+  --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);
 }
@@ -6593,31 +6609,31 @@ body {
   --ff-serif: Georgia, Cambria, "Times New Roman", Times, serif;
   --ff-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
   --theme-body-font-family: var(--ff-sans);
-  --fs-fine: 11px;
-  --fs-caption: 12px;
-  --fs-body1: 13px;
-  --fs-body2: 1.15384615rem;
-  --fs-body3: 1.30769231rem;
-  --fs-subheading: 1.46153846rem;
-  --fs-title: 1.61538462rem;
-  --fs-headline1: 2.07692308rem;
-  --fs-headline2: 2.61538461rem;
-  --fs-display1: 3.30769231rem;
-  --fs-display2: 4.23076923rem;
-  --fs-display3: 5.30769231rem;
-  --fs-display4: 7.61538461rem;
-  --fs-body2-relative: 1.15384615em;
-  --fs-body3-relative: 1.30769231em;
-  --fs-subheading-relative: 1.46153846em;
-  --fs-title-relative: 1.61538462em;
-  --fs-headline1-relative: 2.07692308em;
-  --fs-headline2-relative: 2.61538461em;
-  --fs-display1-relative: 3.30769231em;
-  --fs-display2-relative: 4.23076923em;
-  --fs-display3-relative: 5.30769231em;
-  --fs-display4-relative: 7.61538461em;
-  --fs-base: 13px;
-  --stacks-internals-lh-unit: 13;
+  --fs-fine: 12px;
+  --fs-caption: 13px;
+  --fs-body1: 14px;
+  --fs-body2: 1.143rem;
+  --fs-body3: 1.286rem;
+  --fs-subheading: 1.429rem;
+  --fs-title: 1.571rem;
+  --fs-headline1: 2rem;
+  --fs-headline2: 2.571rem;
+  --fs-display1: 3.286rem;
+  --fs-display2: 4.143rem;
+  --fs-display3: 5.143rem;
+  --fs-display4: 7.143rem;
+  --fs-body2-relative: 1.143rem;
+  --fs-body3-relative: 1.286rem;
+  --fs-subheading-relative: 1.429rem;
+  --fs-title-relative: 1.571rem;
+  --fs-headline1-relative: 2rem;
+  --fs-headline2-relative: 2.571rem;
+  --fs-display1-relative: 3.286rem;
+  --fs-display2-relative: 4.143rem;
+  --fs-display3-relative: 5.143rem;
+  --fs-display4-relative: 7.143rem;
+  --fs-base: 14px;
+  --stacks-internals-lh-unit: 14;
   --lh-xs: 1;
   --lh-sm: calc((var(--stacks-internals-lh-unit) + 2) / var(--stacks-internals-lh-unit));
   --lh-md: calc((var(--stacks-internals-lh-unit) + 4) / var(--stacks-internals-lh-unit));
@@ -6643,6 +6659,8 @@ body {
   --br-md: calc(var(--su-static4) + var(--su-static6));
   --br-circle: 50%;
   --br-pill: 1000px;
+  --br-sm: var(--br-md);
+  --br-lg: var(--br-md);
   --te-smooth-slow: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   --te-smooth: cubic-bezier(0.165, 0.84, 0.44, 1);
   --te-smooth-quick: cubic-bezier(0.19, 1, 0.22, 1);
@@ -6659,8 +6677,8 @@ body {
 body {
   --_o-disabled: 0.55;
   --_o-disabled-static: 0.55;
-  --_black-static: hsl(0, 0%, 0%);
-  --_white-static: hsl(0, 0%, 100%);
+  --_black-static: #000000;
+  --_white-static: #ffffff;
 }
 body:not(.theme-dark),
 body.theme-highcontrast:not(.theme-dark),
@@ -6723,55 +6741,61 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced.themed,
 body:not(.theme-highcontrast):not(.theme-dark) .themed,
 body:not(.theme-highcontrast).theme-dark .theme-light__forced .themed,
 body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
-  --white: hsl(0, 0%, 100%);
-  --black-050: hsl(0, 0%, 100%);
-  --black-100: hsl(210, 8%, 98%);
-  --black-150: hsl(210, 8%, 95%);
-  --black-200: hsl(210, 8%, 90%);
-  --black-225: hsl(210, 8%, 85%);
-  --black-250: hsl(210, 8%, 80%);
-  --black-300: hsl(210, 9%, 75%);
-  --black-350: hsl(210, 8%, 68%);
-  --black-400: hsl(210, 8%, 42%);
-  --black-500: hsl(210, 8%, 25%);
-  --black-600: hsl(210, 8%, 5%);
-  --black: hsl(0, 0%, 0%);
-  --orange-100: hsl(23, 87%, 97%);
-  --orange-200: hsl(27, 87%, 87%);
-  --orange-300: hsl(27, 87%, 72%);
-  --orange-400: hsl(27, 89%, 48%);
-  --orange-500: hsl(27, 87%, 41%);
-  --orange-600: hsl(27, 87%, 27%);
-  --blue-100: hsl(210, 80%, 96%);
-  --blue-200: hsl(210, 80%, 91%);
-  --blue-300: hsl(210, 78%, 76%);
-  --blue-400: hsl(210, 77%, 46%);
-  --blue-500: hsl(210, 77%, 36%);
-  --blue-600: hsl(210, 80%, 23%);
-  --green-100: hsl(148, 35%, 95%);
-  --green-200: hsl(148, 35%, 88%);
-  --green-300: hsl(148, 35%, 69%);
-  --green-400: hsl(148, 70%, 31%);
-  --green-500: hsl(148, 75%, 22%);
-  --green-600: hsl(148, 75%, 15%);
-  --red-100: hsl(0, 72%, 96%);
-  --red-200: hsl(0, 70%, 93%);
-  --red-300: hsl(0, 66%, 80%);
-  --red-400: hsl(0, 60%, 49%);
-  --red-500: hsl(0, 65%, 37%);
-  --red-600: hsl(0, 65%, 22%);
-  --yellow-100: hsl(43, 85%, 95%);
-  --yellow-200: hsl(43, 85%, 88%);
-  --yellow-300: hsl(43, 85%, 72%);
-  --yellow-400: hsl(43, 85%, 50%);
-  --yellow-500: hsl(43, 85%, 33%);
-  --yellow-600: hsl(43, 85%, 18%);
-  --purple-100: hsl(237, 83%, 98%);
-  --purple-200: hsl(237, 78%, 93%);
-  --purple-300: hsl(237, 60%, 83%);
-  --purple-400: hsl(237, 55%, 57%);
-  --purple-500: hsl(237, 50%, 45%);
-  --purple-600: hsl(237, 50%, 32%);
+  --white: #ffffff;
+  --black-050: #ffffff;
+  --black-100: #f7f6f5;
+  --black-150: #f0efed;
+  --black-200: #dee0e3;
+  --black-225: #d7d8db;
+  --black-250: #c9ccd1;
+  --black-300: #a7aab0;
+  --black-350: #84878c;
+  --black-400: #6b6d73;
+  --black-500: #46484d;
+  --black-600: #211d1e;
+  --black: #000000;
+  --orange-100: #fff7f2;
+  --orange-200: #ffd5bd;
+  --orange-300: #f59056;
+  --orange-400: #e86113;
+  --orange-500: #bf4904;
+  --orange-600: #702d06;
+  --blue-100: #f0f4ff;
+  --blue-200: #c8d4fa;
+  --blue-300: #88a2f7;
+  --blue-400: #5076f2;
+  --blue-500: #2445b3;
+  --blue-600: #0f2466;
+  --green-100: #f4faeb;
+  --green-200: #cce6a1;
+  --green-300: #9fbf67;
+  --green-400: #6c991f;
+  --green-500: #4d730b;
+  --green-600: #324d04;
+  --red-100: #fceded;
+  --red-200: #f5b9b8;
+  --red-300: #e67373;
+  --red-400: #bf3030;
+  --red-500: #8c0e0e;
+  --red-600: #590404;
+  --yellow-100: #fcf8e8;
+  --yellow-200: #f5e39d;
+  --yellow-300: #edc10e;
+  --yellow-400: #ab8900;
+  --yellow-500: #806600;
+  --yellow-600: #4d3d00;
+  --purple-100: #f0edfc;
+  --purple-200: #d0c6f7;
+  --purple-300: #a591f2;
+  --purple-400: #6e50e6;
+  --purple-500: #4526bf;
+  --purple-600: #200b73;
+  --pink-100: #fbedfc;
+  --pink-200: #ebb6f2;
+  --pink-300: #e685f2;
+  --pink-400: #d34ae8;
+  --pink-500: #a224b3;
+  --pink-600: #670b73;
   --gold-100: hsl(46, 100%, 91%);
   --gold-200: hsl(46, 100%, 74%);
   --gold-300: hsl(45, 100%, 42%);
@@ -6794,14 +6818,14 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.06), 0 2px 6px hsla(0, 0%, 0%, 0.06), 0 3px 8px hsla(0, 0%, 0%, 0.09);
   --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.09), 0 3px 8px hsla(0, 0%, 0%, 0.09), 0 4px 13px hsla(0, 0%, 0%, 0.13);
   --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.05), 0 20px 48px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.1);
-  --translucent-secondary: var(--theme-secondary-custom-translucent, hsla(206, 100%, 40%, 0.15));
+  --translucent-secondary: var(--theme-secondary-custom-translucent, rgba(115, 115, 115, 0.15));
   --translucent-success: hsla(140, 40%, 75%, 0.4);
   --translucent-warning: hsla(47, 79%, 58%, 0.4);
   --translucent-error: hsla(358, 62%, 47%, 0.15);
   --translucent-muted: hsla(210, 8%, 15%, 0.1);
   --focus-neutral: var(--white);
-  --focus-theme: var(--theme-secondary-400);
-  --focus-ring: var(--theme-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.15));
+  --focus-theme: var(--theme-secondary);
+  --focus-ring: var(--theme-secondary-custom-focus-ring, rgba(115, 115, 115, 0.15));
   --focus-ring-success: hsla(140, 40%, 75%, 0.4);
   --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
   --focus-ring-error: hsla(358, 62%, 47%, 0.15);
@@ -6826,13 +6850,13 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --theme-primary-400: var(--theme-primary-custom-400, var(--orange-400));
   --theme-primary-500: var(--theme-primary-custom-500, var(--orange-500));
   --theme-primary-600: var(--theme-primary-custom-600, var(--orange-600));
-  --theme-secondary: var(--theme-secondary-custom, var(--blue-400));
-  --theme-secondary-100: var(--theme-secondary-custom-100, var(--blue-100));
-  --theme-secondary-200: var(--theme-secondary-custom-200, var(--blue-200));
-  --theme-secondary-300: var(--theme-secondary-custom-300, var(--blue-300));
-  --theme-secondary-400: var(--theme-secondary-custom-400, var(--blue-400));
-  --theme-secondary-500: var(--theme-secondary-custom-500, var(--blue-500));
-  --theme-secondary-600: var(--theme-secondary-custom-600, var(--blue-600));
+  --theme-secondary: var(--theme-secondary-custom, var(--black));
+  --theme-secondary-100: var(--theme-secondary-custom-100, var(--black-100));
+  --theme-secondary-200: var(--theme-secondary-custom-200, var(--black-200));
+  --theme-secondary-300: var(--theme-secondary-custom-300, var(--black-300));
+  --theme-secondary-400: var(--theme-secondary-custom-400, var(--black-400));
+  --theme-secondary-500: var(--theme-secondary-custom-500, var(--black-500));
+  --theme-secondary-600: var(--theme-secondary-custom-600, var(--black-600));
   --theme-primary-custom-100: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .9)));
   --theme-primary-custom-200: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .75)));
   --theme-primary-custom-300: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .5)));
@@ -6857,55 +6881,61 @@ body:not(.theme-highcontrast).theme-dark.themed,
 body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced.themed,
 body:not(.theme-highcontrast).theme-dark .themed,
 body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
-  --white: hsl(210, 3%, 15%);
-  --black-050: hsl(210, 3%, 15%);
-  --black-100: hsl(210, 3%, 18%);
-  --black-150: hsl(210, 4%, 21%);
-  --black-200: hsl(210, 4%, 27%);
-  --black-225: hsl(210, 4%, 30%);
-  --black-250: hsl(210, 5%, 36%);
-  --black-300: hsl(210, 4%, 47%);
-  --black-350: hsl(210, 8%, 70%);
-  --black-400: hsl(210, 8%, 80%);
-  --black-500: hsl(210, 8%, 90%);
-  --black-600: hsl(210, 11%, 98%);
-  --black: hsl(0, 0%, 100%);
-  --orange-100: hsl(27, 55%, 20%);
-  --orange-200: hsl(27, 50%, 33%);
-  --orange-300: hsl(27, 50%, 43%);
-  --orange-400: hsl(27, 90%, 68%);
-  --orange-500: hsl(27, 90%, 80%);
-  --orange-600: hsl(27, 90%, 90%);
-  --blue-100: hsl(210, 50%, 22%);
-  --blue-200: hsl(210, 50%, 36%);
-  --blue-300: hsl(210, 50%, 48%);
-  --blue-400: hsl(210, 89%, 77%);
-  --blue-500: hsl(210, 89%, 84%);
-  --blue-600: hsl(210, 89%, 92%);
-  --green-100: hsl(149, 51%, 15%);
-  --green-200: hsl(149, 51%, 25%);
-  --green-300: hsl(149, 51%, 36%);
-  --green-400: hsl(149, 50%, 62%);
-  --green-500: hsl(149, 50%, 74%);
-  --green-600: hsl(149, 50%, 88%);
-  --red-100: hsl(0, 43%, 22%);
-  --red-200: hsl(0, 43%, 41%);
-  --red-300: hsl(0, 43%, 56%);
-  --red-400: hsl(0, 90%, 81%);
-  --red-500: hsl(0, 90%, 88%);
-  --red-600: hsl(0, 90%, 94%);
-  --yellow-100: hsl(43, 50%, 17%);
-  --yellow-200: hsl(43, 50%, 28%);
-  --yellow-300: hsl(43, 50%, 39%);
-  --yellow-400: hsl(43, 90%, 75%);
-  --yellow-500: hsl(43, 90%, 82%);
-  --yellow-600: hsl(43, 90%, 91%);
-  --purple-100: hsl(237, 26%, 23%);
-  --purple-200: hsl(237, 26%, 44%);
-  --purple-300: hsl(237, 26%, 56%);
-  --purple-400: hsl(237, 98%, 87%);
-  --purple-500: hsl(237, 98%, 92%);
-  --purple-600: hsl(237, 98%, 96%);
+  --white: #141414;
+  --black-050: #141414;
+  --black-100: #262626;
+  --black-150: #333333;
+  --black-200: #575757;
+  --black-225: #666666;
+  --black-250: #737373;
+  --black-300: #8c8c8c;
+  --black-350: #a6a6a6;
+  --black-400: #d9d3ce;
+  --black-500: #f2ede9;
+  --black-600: #ffffff;
+  --black: #ffffff;
+  --orange-100: #401f0d;
+  --orange-200: #733c1c;
+  --orange-300: #c78c69;
+  --orange-400: #e6ab8a;
+  --orange-500: #fcccb1;
+  --orange-600: #fadac8;
+  --blue-100: #22304d;
+  --blue-200: #4d6699;
+  --blue-300: #7b9de0;
+  --blue-400: #a6c3ff;
+  --blue-500: #ccddff;
+  --blue-600: #e6eeff;
+  --green-100: #28380b;
+  --green-200: #5c7334;
+  --green-300: #96b364;
+  --green-400: #c4e68a;
+  --green-500: #cce6a1;
+  --green-600: #ecffcc;
+  --red-100: #330f0f;
+  --red-200: #662e2e;
+  --red-300: #b35d5d;
+  --red-400: #faafaf;
+  --red-500: #fccaca;
+  --red-600: #ffe6e6;
+  --yellow-100: #332b0a;
+  --yellow-200: #594c16;
+  --yellow-300: #a6944b;
+  --yellow-400: #e6d17e;
+  --yellow-500: #e3d59f;
+  --yellow-600: #fffae6;
+  --purple-100: #22174d;
+  --purple-200: #3d2d80;
+  --purple-300: #7262b3;
+  --purple-400: #b6a6f7;
+  --purple-500: #d2c8fa;
+  --purple-600: #e8e3fc;
+  --pink-100: #2e0a33;
+  --pink-200: #5e2466;
+  --pink-300: #bf81c7;
+  --pink-400: #f3bbfa;
+  --pink-500: #f7cffc;
+  --pink-600: #fae3fc;
   --gold-100: hsl(45, 29%, 24%);
   --gold-200: hsl(45, 47%, 37%);
   --gold-300: hsl(45, 92%, 62%);
@@ -6928,14 +6958,14 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
   --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
   --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
-  --translucent-secondary: var(--theme-dark-secondary-custom-translucent, hsla(206, 100%, 40%, 0.25));
+  --translucent-secondary: var(--theme-dark-secondary-custom-translucent, rgba(217, 211, 206, 0.25));
   --translucent-success: hsla(140, 40%, 75%, 0.4);
   --translucent-warning: hsla(47, 79%, 58%, 0.4);
   --translucent-error: hsla(358, 62%, 47%, 0.15);
   --translucent-muted: hsla(210, 8%, 15%, 0.1);
   --focus-neutral: var(--white);
-  --focus-theme: var(--theme-secondary-400);
-  --focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
+  --focus-theme: var(--theme-secondary);
+  --focus-ring: var(--theme-dark-secondary-custom-focus-ring, rgba(217, 211, 206, 0.25));
   --focus-ring-success: hsla(140, 40%, 75%, 0.4);
   --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
   --focus-ring-error: hsla(358, 62%, 47%, 0.15);
@@ -6960,13 +6990,13 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   --theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400));
   --theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500));
   --theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600));
-  --theme-secondary: var(--theme-dark-secondary-custom, var(--blue-400));
-  --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--blue-100));
-  --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--blue-200));
-  --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--blue-300));
-  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
-  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
-  --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
+  --theme-secondary: var(--theme-dark-secondary-custom, var(--black));
+  --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--black-100));
+  --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--black-200));
+  --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--black-300));
+  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--black-400));
+  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--black-500));
+  --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--black-600));
   --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7)));
   --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5)));
   --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2)));
@@ -6989,55 +7019,61 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   body:not(.theme-highcontrast).theme-system,
   body:not(.theme-highcontrast).theme-system.themed,
   body:not(.theme-highcontrast).theme-system .themed {
-    --white: hsl(210, 3%, 15%);
-    --black-050: hsl(210, 3%, 15%);
-    --black-100: hsl(210, 3%, 18%);
-    --black-150: hsl(210, 4%, 21%);
-    --black-200: hsl(210, 4%, 27%);
-    --black-225: hsl(210, 4%, 30%);
-    --black-250: hsl(210, 5%, 36%);
-    --black-300: hsl(210, 4%, 47%);
-    --black-350: hsl(210, 8%, 70%);
-    --black-400: hsl(210, 8%, 80%);
-    --black-500: hsl(210, 8%, 90%);
-    --black-600: hsl(210, 11%, 98%);
-    --black: hsl(0, 0%, 100%);
-    --orange-100: hsl(27, 55%, 20%);
-    --orange-200: hsl(27, 50%, 33%);
-    --orange-300: hsl(27, 50%, 43%);
-    --orange-400: hsl(27, 90%, 68%);
-    --orange-500: hsl(27, 90%, 80%);
-    --orange-600: hsl(27, 90%, 90%);
-    --blue-100: hsl(210, 50%, 22%);
-    --blue-200: hsl(210, 50%, 36%);
-    --blue-300: hsl(210, 50%, 48%);
-    --blue-400: hsl(210, 89%, 77%);
-    --blue-500: hsl(210, 89%, 84%);
-    --blue-600: hsl(210, 89%, 92%);
-    --green-100: hsl(149, 51%, 15%);
-    --green-200: hsl(149, 51%, 25%);
-    --green-300: hsl(149, 51%, 36%);
-    --green-400: hsl(149, 50%, 62%);
-    --green-500: hsl(149, 50%, 74%);
-    --green-600: hsl(149, 50%, 88%);
-    --red-100: hsl(0, 43%, 22%);
-    --red-200: hsl(0, 43%, 41%);
-    --red-300: hsl(0, 43%, 56%);
-    --red-400: hsl(0, 90%, 81%);
-    --red-500: hsl(0, 90%, 88%);
-    --red-600: hsl(0, 90%, 94%);
-    --yellow-100: hsl(43, 50%, 17%);
-    --yellow-200: hsl(43, 50%, 28%);
-    --yellow-300: hsl(43, 50%, 39%);
-    --yellow-400: hsl(43, 90%, 75%);
-    --yellow-500: hsl(43, 90%, 82%);
-    --yellow-600: hsl(43, 90%, 91%);
-    --purple-100: hsl(237, 26%, 23%);
-    --purple-200: hsl(237, 26%, 44%);
-    --purple-300: hsl(237, 26%, 56%);
-    --purple-400: hsl(237, 98%, 87%);
-    --purple-500: hsl(237, 98%, 92%);
-    --purple-600: hsl(237, 98%, 96%);
+    --white: #141414;
+    --black-050: #141414;
+    --black-100: #262626;
+    --black-150: #333333;
+    --black-200: #575757;
+    --black-225: #666666;
+    --black-250: #737373;
+    --black-300: #8c8c8c;
+    --black-350: #a6a6a6;
+    --black-400: #d9d3ce;
+    --black-500: #f2ede9;
+    --black-600: #ffffff;
+    --black: #ffffff;
+    --orange-100: #401f0d;
+    --orange-200: #733c1c;
+    --orange-300: #c78c69;
+    --orange-400: #e6ab8a;
+    --orange-500: #fcccb1;
+    --orange-600: #fadac8;
+    --blue-100: #22304d;
+    --blue-200: #4d6699;
+    --blue-300: #7b9de0;
+    --blue-400: #a6c3ff;
+    --blue-500: #ccddff;
+    --blue-600: #e6eeff;
+    --green-100: #28380b;
+    --green-200: #5c7334;
+    --green-300: #96b364;
+    --green-400: #c4e68a;
+    --green-500: #cce6a1;
+    --green-600: #ecffcc;
+    --red-100: #330f0f;
+    --red-200: #662e2e;
+    --red-300: #b35d5d;
+    --red-400: #faafaf;
+    --red-500: #fccaca;
+    --red-600: #ffe6e6;
+    --yellow-100: #332b0a;
+    --yellow-200: #594c16;
+    --yellow-300: #a6944b;
+    --yellow-400: #e6d17e;
+    --yellow-500: #e3d59f;
+    --yellow-600: #fffae6;
+    --purple-100: #22174d;
+    --purple-200: #3d2d80;
+    --purple-300: #7262b3;
+    --purple-400: #b6a6f7;
+    --purple-500: #d2c8fa;
+    --purple-600: #e8e3fc;
+    --pink-100: #2e0a33;
+    --pink-200: #5e2466;
+    --pink-300: #bf81c7;
+    --pink-400: #f3bbfa;
+    --pink-500: #f7cffc;
+    --pink-600: #fae3fc;
     --gold-100: hsl(45, 29%, 24%);
     --gold-200: hsl(45, 47%, 37%);
     --gold-300: hsl(45, 92%, 62%);
@@ -7060,14 +7096,14 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
     --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
     --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
     --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
-    --translucent-secondary: var(--theme-dark-secondary-custom-translucent, hsla(206, 100%, 40%, 0.25));
+    --translucent-secondary: var(--theme-dark-secondary-custom-translucent, rgba(217, 211, 206, 0.25));
     --translucent-success: hsla(140, 40%, 75%, 0.4);
     --translucent-warning: hsla(47, 79%, 58%, 0.4);
     --translucent-error: hsla(358, 62%, 47%, 0.15);
     --translucent-muted: hsla(210, 8%, 15%, 0.1);
     --focus-neutral: var(--white);
-    --focus-theme: var(--theme-secondary-400);
-    --focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
+    --focus-theme: var(--theme-secondary);
+    --focus-ring: var(--theme-dark-secondary-custom-focus-ring, rgba(217, 211, 206, 0.25));
     --focus-ring-success: hsla(140, 40%, 75%, 0.4);
     --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
     --focus-ring-error: hsla(358, 62%, 47%, 0.15);
@@ -7092,13 +7128,13 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
     --theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400));
     --theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500));
     --theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600));
-    --theme-secondary: var(--theme-dark-secondary-custom, var(--blue-400));
-    --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--blue-100));
-    --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--blue-200));
-    --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--blue-300));
-    --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
-    --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
-    --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
+    --theme-secondary: var(--theme-dark-secondary-custom, var(--black));
+    --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--black-100));
+    --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--black-200));
+    --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--black-300));
+    --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--black-400));
+    --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--black-500));
+    --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--black-600));
     --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7)));
     --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5)));
     --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2)));
@@ -7121,55 +7157,61 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
 body.theme-highcontrast:not(.theme-dark),
 body.theme-highcontrast.theme-dark .theme-light__forced,
 body.theme-highcontrast.theme-system .theme-light__forced {
-  --white: hsl(0, 0%, 100%);
-  --black-050: hsl(0, 0%, 100%);
-  --black-100: hsl(210, 8%, 98%);
-  --black-150: hsl(210, 8%, 95%);
-  --black-200: hsl(210, 8%, 90%);
-  --black-225: hsl(210, 8%, 85%);
-  --black-250: hsl(210, 8%, 80%);
-  --black-300: hsl(210, 9%, 75%);
-  --black-350: hsl(210, 8%, 45%);
-  --black-400: hsl(212, 8%, 35%);
-  --black-500: hsl(210, 8%, 25%);
-  --black-600: hsl(210, 8%, 5%);
-  --black: hsl(0, 0%, 0%);
-  --orange-100: hsl(23, 87%, 97%);
-  --orange-200: hsl(23, 87%, 97%);
-  --orange-300: hsl(27, 89%, 48%);
-  --orange-400: hsl(27, 87%, 29%);
-  --orange-500: hsl(27, 87%, 21%);
-  --orange-600: hsl(27, 87%, 21%);
-  --blue-100: hsl(210, 80%, 96%);
-  --blue-200: hsl(210, 80%, 96%);
-  --blue-300: hsl(210, 70%, 48%);
-  --blue-400: hsl(210, 77%, 34%);
-  --blue-500: hsl(210, 80%, 23%);
-  --blue-600: hsl(210, 80%, 23%);
-  --green-100: hsl(147, 36%, 95%);
-  --green-200: hsl(147, 36%, 95%);
-  --green-300: hsl(148, 70%, 31%);
-  --green-400: hsl(148, 75%, 22%);
-  --green-500: hsl(146, 74%, 15%);
-  --green-600: hsl(146, 74%, 15%);
-  --red-100: hsl(0, 80%, 96%);
-  --red-200: hsl(0, 80%, 96%);
-  --red-300: hsl(0, 60%, 49%);
-  --red-400: hsl(0, 65%, 37%);
-  --red-500: hsl(0, 65%, 22%);
-  --red-600: hsl(0, 65%, 22%);
-  --yellow-100: hsl(41, 85%, 95%);
-  --yellow-200: hsl(41, 85%, 95%);
-  --yellow-300: hsl(43, 85%, 50%);
-  --yellow-400: hsl(43, 85%, 50%);
-  --yellow-500: hsl(48, 85%, 18%);
-  --yellow-600: hsl(48, 85%, 18%);
-  --purple-100: hsl(237, 83%, 98%);
-  --purple-200: hsl(237, 83%, 98%);
-  --purple-300: hsl(237, 55%, 57%);
-  --purple-400: hsl(237, 52%, 48%);
-  --purple-500: hsl(237, 50%, 32%);
-  --purple-600: hsl(237, 50%, 32%);
+  --white: #ffffff;
+  --black-050: #ffffff;
+  --black-100: #f7f6f5;
+  --black-150: #f0efed;
+  --black-200: #dee0e3;
+  --black-225: #d7d8db;
+  --black-250: #c9ccd1;
+  --black-300: #91939c;
+  --black-350: #54585c;
+  --black-400: #545759;
+  --black-500: #46484d;
+  --black-600: #211d1e;
+  --black: #000000;
+  --orange-100: #fff7f2;
+  --orange-200: #fff7f2;
+  --orange-300: #e86113;
+  --orange-400: #963903;
+  --orange-500: #6e2c05;
+  --orange-600: #6e2c05;
+  --blue-100: #f0f4ff;
+  --blue-200: #f0f4ff;
+  --blue-300: #5076f2;
+  --blue-400: #2445b3;
+  --blue-500: #0f2466;
+  --blue-600: #0f2466;
+  --green-100: #f4faeb;
+  --green-200: #f4faeb;
+  --green-300: #72a120;
+  --green-400: #406107;
+  --green-500: #324d04;
+  --green-600: #324d04;
+  --red-100: #fceded;
+  --red-200: #fceded;
+  --red-300: #bf3030;
+  --red-400: #8c0e0e;
+  --red-500: #590404;
+  --red-600: #590404;
+  --yellow-100: #fcf8e8;
+  --yellow-200: #fcf8e8;
+  --yellow-300: #ab8900;
+  --yellow-400: #6b5600;
+  --yellow-500: #4d3d00;
+  --yellow-600: #4d3d00;
+  --purple-100: #f0edfc;
+  --purple-200: #f0edfc;
+  --purple-300: #6e50e6;
+  --purple-400: #4526bf;
+  --purple-500: #200b73;
+  --purple-600: #200b73;
+  --pink-100: #fbedfc;
+  --pink-200: #fbedfc;
+  --pink-300: #d34ae8;
+  --pink-400: #8f209e;
+  --pink-500: #670b73;
+  --pink-600: #670b73;
   --gold-100: hsl(46, 100%, 91%);
   --gold-200: hsl(46, 100%, 91%);
   --gold-300: hsl(45, 100%, 42%);
@@ -7192,14 +7234,14 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --bs-md: none;
   --bs-lg: none;
   --bs-xl: none;
-  --translucent-secondary: hsla(206, 100%, 40%, 0.9);
+  --translucent-secondary: hsla(204, 6%, 35%, 0.9);
   --translucent-success: hsla(140, 40%, 40%, 0.9);
   --translucent-warning: hsla(47, 76%, 46%, 0.9);
   --translucent-error: hsla(358, 62%, 47%, 0.9);
   --translucent-muted: hsla(210, 8%, 55%, 0.95);
   --focus-neutral: var(--white);
-  --focus-theme: var(--theme-secondary-400);
-  --focus-ring: hsla(206, 100%, 40%, 0.9);
+  --focus-theme: var(--theme-secondary);
+  --focus-ring: rgba(115, 115, 115, 0.9);
   --focus-ring-success: hsla(140, 40%, 40%, 0.9);
   --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
   --focus-ring-error: hsla(358, 62%, 47%, 0.9);
@@ -7224,66 +7266,72 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --theme-primary-400: var(--orange-400);
   --theme-primary-500: var(--orange-500);
   --theme-primary-600: var(--orange-600);
-  --theme-secondary: var(--blue-400);
-  --theme-secondary-100: var(--blue-100);
-  --theme-secondary-200: var(--blue-200);
-  --theme-secondary-300: var(--blue-300);
-  --theme-secondary-400: var(--blue-400);
-  --theme-secondary-500: var(--blue-500);
-  --theme-secondary-600: var(--blue-600);
+  --theme-secondary: var(--black);
+  --theme-secondary-100: var(--black-100);
+  --theme-secondary-200: var(--black-200);
+  --theme-secondary-300: var(--black-300);
+  --theme-secondary-400: var(--black-400);
+  --theme-secondary-500: var(--black-500);
+  --theme-secondary-600: var(--black-600);
   --_o-disabled: 0.8;
 }
 body.theme-highcontrast.theme-dark,
 body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
-  --white: hsl(0, 0%, 0%);
-  --black-050: hsl(210, 3%, 15%);
-  --black-100: hsl(210, 3%, 18%);
-  --black-150: hsl(210, 4%, 21%);
-  --black-200: hsl(210, 4%, 27%);
-  --black-225: hsl(210, 4%, 30%);
-  --black-250: hsl(210, 5%, 36%);
-  --black-300: hsl(210, 4%, 47%);
-  --black-350: hsl(210, 10%, 74%);
-  --black-400: hsl(210, 8%, 80%);
-  --black-500: hsl(210, 8%, 90%);
-  --black-600: hsl(210, 11%, 98%);
-  --black: hsl(0, 0%, 100%);
-  --orange-100: hsl(27, 30%, 19%);
-  --orange-200: hsl(27, 30%, 19%);
-  --orange-300: hsl(27, 80%, 72%);
-  --orange-400: hsl(27, 80%, 72%);
-  --orange-500: hsl(28, 78%, 93%);
-  --orange-600: hsl(28, 78%, 93%);
-  --blue-100: hsl(209, 30%, 19%);
-  --blue-200: hsl(209, 30%, 19%);
-  --blue-300: hsl(210, 80%, 72%);
-  --blue-400: hsl(210, 80%, 75%);
-  --blue-500: hsl(210, 78%, 93%);
-  --blue-600: hsl(210, 78%, 93%);
-  --green-100: hsl(147, 30%, 19%);
-  --green-200: hsl(147, 30%, 19%);
-  --green-300: hsl(148, 40%, 62%);
-  --green-400: hsl(148, 40%, 68%);
-  --green-500: hsl(150, 39%, 93%);
-  --green-600: hsl(150, 39%, 93%);
-  --red-100: hsl(358, 30%, 19%);
-  --red-200: hsl(358, 30%, 19%);
-  --red-300: hsl(0, 75%, 77%);
-  --red-400: hsl(0, 73%, 80%);
-  --red-500: hsl(0, 76%, 95%);
-  --red-600: hsl(0, 76%, 95%);
-  --yellow-100: hsl(43, 29%, 17%);
-  --yellow-200: hsl(43, 29%, 17%);
-  --yellow-300: hsl(43, 75%, 75%);
-  --yellow-400: hsl(43, 75%, 75%);
-  --yellow-500: hsl(48, 74%, 91%);
-  --yellow-600: hsl(44, 74%, 91%);
-  --purple-100: hsl(237, 26%, 23%);
-  --purple-200: hsl(237, 26%, 23%);
-  --purple-300: hsl(237, 98%, 87%);
-  --purple-400: hsl(237, 98%, 87%);
-  --purple-500: hsl(237, 98%, 96%);
-  --purple-600: hsl(237, 98%, 96%);
+  --white: #000000;
+  --black-050: #141414;
+  --black-100: #262626;
+  --black-150: #333333;
+  --black-200: #575757;
+  --black-225: #666666;
+  --black-250: #737373;
+  --black-300: #8c8c8c;
+  --black-350: #a6a6a6;
+  --black-400: #d9d3ce;
+  --black-500: #f2ede9;
+  --black-600: #ffffff;
+  --black: #ffffff;
+  --orange-100: #401f0d;
+  --orange-200: #401f0d;
+  --orange-300: #dead90;
+  --orange-400: #fcccb1;
+  --orange-500: #fadac8;
+  --orange-600: #fadac8;
+  --blue-100: #22304d;
+  --blue-200: #22304d;
+  --blue-300: #a6c3ff;
+  --blue-400: #ccddff;
+  --blue-500: #e6eeff;
+  --blue-600: #e6eeff;
+  --green-100: #28380b;
+  --green-200: #28380b;
+  --green-300: #c4e68a;
+  --green-400: #cce6a1;
+  --green-500: #ecffcc;
+  --green-600: #ecffcc;
+  --red-100: #330f0f;
+  --red-200: #330f0f;
+  --red-300: #faafaf;
+  --red-400: #fccaca;
+  --red-500: #ffe6e6;
+  --red-600: #ffe6e6;
+  --yellow-100: #332b0a;
+  --yellow-200: #332b0a;
+  --yellow-300: #e6d17e;
+  --yellow-400: #e3d59f;
+  --yellow-500: #fffae6;
+  --yellow-600: #fffae6;
+  --purple-100: #22174d;
+  --purple-200: #22174d;
+  --purple-300: #b6a6f7;
+  --purple-400: #d2c8fa;
+  --purple-500: #e8e3fc;
+  --purple-600: #e8e3fc;
+  --pink-100: #2e0a33;
+  --pink-200: #2e0a33;
+  --pink-300: #f3bbfa;
+  --pink-400: #f7cffc;
+  --pink-500: #fae3fc;
+  --pink-600: #fae3fc;
   --gold-100: hsl(45, 22%, 25%);
   --gold-200: hsl(45, 22%, 25%);
   --gold-300: hsl(45, 92%, 62%);
@@ -7306,14 +7354,14 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
   --bs-md: none;
   --bs-lg: none;
   --bs-xl: none;
-  --translucent-secondary: hsla(206, 100%, 40%, 0.9);
+  --translucent-secondary: hsla(204, 6%, 35%, 0.9);
   --translucent-success: hsla(140, 40%, 40%, 0.9);
   --translucent-warning: hsla(47, 76%, 46%, 0.9);
   --translucent-error: hsla(358, 62%, 47%, 0.9);
   --translucent-muted: hsla(210, 8%, 55%, 0.95);
   --focus-neutral: var(--white);
-  --focus-theme: var(--theme-secondary-400);
-  --focus-ring: hsla(206, 100%, 40%, 0.9);
+  --focus-theme: var(--theme-secondary);
+  --focus-ring: rgba(115, 115, 115, 0.9);
   --focus-ring-success: hsla(140, 40%, 40%, 0.9);
   --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
   --focus-ring-error: hsla(358, 62%, 47%, 0.9);
@@ -7338,66 +7386,72 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
   --theme-primary-400: var(--orange-400);
   --theme-primary-500: var(--orange-500);
   --theme-primary-600: var(--orange-600);
-  --theme-secondary: var(--blue-400);
-  --theme-secondary-100: var(--blue-100);
-  --theme-secondary-200: var(--blue-200);
-  --theme-secondary-300: var(--blue-300);
-  --theme-secondary-400: var(--blue-400);
-  --theme-secondary-500: var(--blue-500);
-  --theme-secondary-600: var(--blue-600);
+  --theme-secondary: var(--black);
+  --theme-secondary-100: var(--black-100);
+  --theme-secondary-200: var(--black-200);
+  --theme-secondary-300: var(--black-300);
+  --theme-secondary-400: var(--black-400);
+  --theme-secondary-500: var(--black-500);
+  --theme-secondary-600: var(--black-600);
   --_o-disabled: 0.8;
 }
 @media (prefers-color-scheme: dark) {
   body.theme-highcontrast.theme-system {
-    --white: hsl(0, 0%, 0%);
-    --black-050: hsl(210, 3%, 15%);
-    --black-100: hsl(210, 3%, 18%);
-    --black-150: hsl(210, 4%, 21%);
-    --black-200: hsl(210, 4%, 27%);
-    --black-225: hsl(210, 4%, 30%);
-    --black-250: hsl(210, 5%, 36%);
-    --black-300: hsl(210, 4%, 47%);
-    --black-350: hsl(210, 10%, 74%);
-    --black-400: hsl(210, 8%, 80%);
-    --black-500: hsl(210, 8%, 90%);
-    --black-600: hsl(210, 11%, 98%);
-    --black: hsl(0, 0%, 100%);
-    --orange-100: hsl(27, 30%, 19%);
-    --orange-200: hsl(27, 30%, 19%);
-    --orange-300: hsl(27, 80%, 72%);
-    --orange-400: hsl(27, 80%, 72%);
-    --orange-500: hsl(28, 78%, 93%);
-    --orange-600: hsl(28, 78%, 93%);
-    --blue-100: hsl(209, 30%, 19%);
-    --blue-200: hsl(209, 30%, 19%);
-    --blue-300: hsl(210, 80%, 72%);
-    --blue-400: hsl(210, 80%, 75%);
-    --blue-500: hsl(210, 78%, 93%);
-    --blue-600: hsl(210, 78%, 93%);
-    --green-100: hsl(147, 30%, 19%);
-    --green-200: hsl(147, 30%, 19%);
-    --green-300: hsl(148, 40%, 62%);
-    --green-400: hsl(148, 40%, 68%);
-    --green-500: hsl(150, 39%, 93%);
-    --green-600: hsl(150, 39%, 93%);
-    --red-100: hsl(358, 30%, 19%);
-    --red-200: hsl(358, 30%, 19%);
-    --red-300: hsl(0, 75%, 77%);
-    --red-400: hsl(0, 73%, 80%);
-    --red-500: hsl(0, 76%, 95%);
-    --red-600: hsl(0, 76%, 95%);
-    --yellow-100: hsl(43, 29%, 17%);
-    --yellow-200: hsl(43, 29%, 17%);
-    --yellow-300: hsl(43, 75%, 75%);
-    --yellow-400: hsl(43, 75%, 75%);
-    --yellow-500: hsl(48, 74%, 91%);
-    --yellow-600: hsl(44, 74%, 91%);
-    --purple-100: hsl(237, 26%, 23%);
-    --purple-200: hsl(237, 26%, 23%);
-    --purple-300: hsl(237, 98%, 87%);
-    --purple-400: hsl(237, 98%, 87%);
-    --purple-500: hsl(237, 98%, 96%);
-    --purple-600: hsl(237, 98%, 96%);
+    --white: #000000;
+    --black-050: #141414;
+    --black-100: #262626;
+    --black-150: #333333;
+    --black-200: #575757;
+    --black-225: #666666;
+    --black-250: #737373;
+    --black-300: #8c8c8c;
+    --black-350: #a6a6a6;
+    --black-400: #d9d3ce;
+    --black-500: #f2ede9;
+    --black-600: #ffffff;
+    --black: #ffffff;
+    --orange-100: #401f0d;
+    --orange-200: #401f0d;
+    --orange-300: #dead90;
+    --orange-400: #fcccb1;
+    --orange-500: #fadac8;
+    --orange-600: #fadac8;
+    --blue-100: #22304d;
+    --blue-200: #22304d;
+    --blue-300: #a6c3ff;
+    --blue-400: #ccddff;
+    --blue-500: #e6eeff;
+    --blue-600: #e6eeff;
+    --green-100: #28380b;
+    --green-200: #28380b;
+    --green-300: #c4e68a;
+    --green-400: #cce6a1;
+    --green-500: #ecffcc;
+    --green-600: #ecffcc;
+    --red-100: #330f0f;
+    --red-200: #330f0f;
+    --red-300: #faafaf;
+    --red-400: #fccaca;
+    --red-500: #ffe6e6;
+    --red-600: #ffe6e6;
+    --yellow-100: #332b0a;
+    --yellow-200: #332b0a;
+    --yellow-300: #e6d17e;
+    --yellow-400: #e3d59f;
+    --yellow-500: #fffae6;
+    --yellow-600: #fffae6;
+    --purple-100: #22174d;
+    --purple-200: #22174d;
+    --purple-300: #b6a6f7;
+    --purple-400: #d2c8fa;
+    --purple-500: #e8e3fc;
+    --purple-600: #e8e3fc;
+    --pink-100: #2e0a33;
+    --pink-200: #2e0a33;
+    --pink-300: #f3bbfa;
+    --pink-400: #f7cffc;
+    --pink-500: #fae3fc;
+    --pink-600: #fae3fc;
     --gold-100: hsl(45, 22%, 25%);
     --gold-200: hsl(45, 22%, 25%);
     --gold-300: hsl(45, 92%, 62%);
@@ -7420,14 +7474,14 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
     --bs-md: none;
     --bs-lg: none;
     --bs-xl: none;
-    --translucent-secondary: hsla(206, 100%, 40%, 0.9);
+    --translucent-secondary: hsla(204, 6%, 35%, 0.9);
     --translucent-success: hsla(140, 40%, 40%, 0.9);
     --translucent-warning: hsla(47, 76%, 46%, 0.9);
     --translucent-error: hsla(358, 62%, 47%, 0.9);
     --translucent-muted: hsla(210, 8%, 55%, 0.95);
     --focus-neutral: var(--white);
-    --focus-theme: var(--theme-secondary-400);
-    --focus-ring: hsla(206, 100%, 40%, 0.9);
+    --focus-theme: var(--theme-secondary);
+    --focus-ring: rgba(115, 115, 115, 0.9);
     --focus-ring-success: hsla(140, 40%, 40%, 0.9);
     --focus-ring-warning: hsla(47, 76%, 46%, 0.9);
     --focus-ring-error: hsla(358, 62%, 47%, 0.9);
@@ -7452,13 +7506,13 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
     --theme-primary-400: var(--orange-400);
     --theme-primary-500: var(--orange-500);
     --theme-primary-600: var(--orange-600);
-    --theme-secondary: var(--blue-400);
-    --theme-secondary-100: var(--blue-100);
-    --theme-secondary-200: var(--blue-200);
-    --theme-secondary-300: var(--blue-300);
-    --theme-secondary-400: var(--blue-400);
-    --theme-secondary-500: var(--blue-500);
-    --theme-secondary-600: var(--blue-600);
+    --theme-secondary: var(--black);
+    --theme-secondary-100: var(--black-100);
+    --theme-secondary-200: var(--black-200);
+    --theme-secondary-300: var(--black-300);
+    --theme-secondary-400: var(--black-400);
+    --theme-secondary-500: var(--black-500);
+    --theme-secondary-600: var(--black-600);
     --_o-disabled: 0.8;
   }
 }
@@ -8581,6 +8635,114 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
 .f\:fc-purple-600:focus-within {
   color: var(--purple-600) !important;
 }
+.bg-pink-100,
+.h\:bg-pink-100:hover,
+.f\:bg-pink-100:focus,
+.f\:bg-pink-100:focus-within {
+  background-color: var(--pink-100) !important;
+}
+.bc-pink-100,
+.h\:bc-pink-100:hover,
+.f\:bc-pink-100:focus,
+.f\:bc-pink-100:focus-within {
+  border-color: var(--pink-100) !important;
+}
+.fc-pink-100,
+.h\:fc-pink-100:hover,
+.f\:fc-pink-100:focus,
+.f\:fc-pink-100:focus-within {
+  color: var(--pink-100) !important;
+}
+.bg-pink-200,
+.h\:bg-pink-200:hover,
+.f\:bg-pink-200:focus,
+.f\:bg-pink-200:focus-within {
+  background-color: var(--pink-200) !important;
+}
+.bc-pink-200,
+.h\:bc-pink-200:hover,
+.f\:bc-pink-200:focus,
+.f\:bc-pink-200:focus-within {
+  border-color: var(--pink-200) !important;
+}
+.fc-pink-200,
+.h\:fc-pink-200:hover,
+.f\:fc-pink-200:focus,
+.f\:fc-pink-200:focus-within {
+  color: var(--pink-200) !important;
+}
+.bg-pink-300,
+.h\:bg-pink-300:hover,
+.f\:bg-pink-300:focus,
+.f\:bg-pink-300:focus-within {
+  background-color: var(--pink-300) !important;
+}
+.bc-pink-300,
+.h\:bc-pink-300:hover,
+.f\:bc-pink-300:focus,
+.f\:bc-pink-300:focus-within {
+  border-color: var(--pink-300) !important;
+}
+.fc-pink-300,
+.h\:fc-pink-300:hover,
+.f\:fc-pink-300:focus,
+.f\:fc-pink-300:focus-within {
+  color: var(--pink-300) !important;
+}
+.bg-pink-400,
+.h\:bg-pink-400:hover,
+.f\:bg-pink-400:focus,
+.f\:bg-pink-400:focus-within {
+  background-color: var(--pink-400) !important;
+}
+.bc-pink-400,
+.h\:bc-pink-400:hover,
+.f\:bc-pink-400:focus,
+.f\:bc-pink-400:focus-within {
+  border-color: var(--pink-400) !important;
+}
+.fc-pink-400,
+.h\:fc-pink-400:hover,
+.f\:fc-pink-400:focus,
+.f\:fc-pink-400:focus-within {
+  color: var(--pink-400) !important;
+}
+.bg-pink-500,
+.h\:bg-pink-500:hover,
+.f\:bg-pink-500:focus,
+.f\:bg-pink-500:focus-within {
+  background-color: var(--pink-500) !important;
+}
+.bc-pink-500,
+.h\:bc-pink-500:hover,
+.f\:bc-pink-500:focus,
+.f\:bc-pink-500:focus-within {
+  border-color: var(--pink-500) !important;
+}
+.fc-pink-500,
+.h\:fc-pink-500:hover,
+.f\:fc-pink-500:focus,
+.f\:fc-pink-500:focus-within {
+  color: var(--pink-500) !important;
+}
+.bg-pink-600,
+.h\:bg-pink-600:hover,
+.f\:bg-pink-600:focus,
+.f\:bg-pink-600:focus-within {
+  background-color: var(--pink-600) !important;
+}
+.bc-pink-600,
+.h\:bc-pink-600:hover,
+.f\:bc-pink-600:focus,
+.f\:bc-pink-600:focus-within {
+  border-color: var(--pink-600) !important;
+}
+.fc-pink-600,
+.h\:fc-pink-600:hover,
+.f\:fc-pink-600:focus,
+.f\:fc-pink-600:focus-within {
+  color: var(--pink-600) !important;
+}
 .bg-gold-100,
 .h\:bg-gold-100:hover,
 .f\:bg-gold-100:focus,
@@ -9458,6 +9620,42 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
   body.theme-system  .d\:fc-purple-600 {
     color: var(--purple-600) !important;
   }
+  body.theme-system  .d\:bg-pink-100 {
+    background-color: var(--pink-100) !important;
+  }
+  body.theme-system  .d\:fc-pink-100 {
+    color: var(--pink-100) !important;
+  }
+  body.theme-system  .d\:bg-pink-200 {
+    background-color: var(--pink-200) !important;
+  }
+  body.theme-system  .d\:fc-pink-200 {
+    color: var(--pink-200) !important;
+  }
+  body.theme-system  .d\:bg-pink-300 {
+    background-color: var(--pink-300) !important;
+  }
+  body.theme-system  .d\:fc-pink-300 {
+    color: var(--pink-300) !important;
+  }
+  body.theme-system  .d\:bg-pink-400 {
+    background-color: var(--pink-400) !important;
+  }
+  body.theme-system  .d\:fc-pink-400 {
+    color: var(--pink-400) !important;
+  }
+  body.theme-system  .d\:bg-pink-500 {
+    background-color: var(--pink-500) !important;
+  }
+  body.theme-system  .d\:fc-pink-500 {
+    color: var(--pink-500) !important;
+  }
+  body.theme-system  .d\:bg-pink-600 {
+    background-color: var(--pink-600) !important;
+  }
+  body.theme-system  .d\:fc-pink-600 {
+    color: var(--pink-600) !important;
+  }
   body.theme-system  .d\:bg-gold-100 {
     background-color: var(--gold-100) !important;
   }
@@ -10078,6 +10276,66 @@ body.theme-dark  .d\:fc-purple-600,
 body.theme-system .theme-dark__forced  .d\:fc-purple-600 {
   color: var(--purple-600) !important;
 }
+body.theme-dark  .d\:bg-pink-100,
+.theme-dark__forced  .d\:bg-pink-100,
+body.theme-system .theme-dark__forced  .d\:bg-pink-100 {
+  background-color: var(--pink-100) !important;
+}
+body.theme-dark  .d\:fc-pink-100,
+.theme-dark__forced  .d\:fc-pink-100,
+body.theme-system .theme-dark__forced  .d\:fc-pink-100 {
+  color: var(--pink-100) !important;
+}
+body.theme-dark  .d\:bg-pink-200,
+.theme-dark__forced  .d\:bg-pink-200,
+body.theme-system .theme-dark__forced  .d\:bg-pink-200 {
+  background-color: var(--pink-200) !important;
+}
+body.theme-dark  .d\:fc-pink-200,
+.theme-dark__forced  .d\:fc-pink-200,
+body.theme-system .theme-dark__forced  .d\:fc-pink-200 {
+  color: var(--pink-200) !important;
+}
+body.theme-dark  .d\:bg-pink-300,
+.theme-dark__forced  .d\:bg-pink-300,
+body.theme-system .theme-dark__forced  .d\:bg-pink-300 {
+  background-color: var(--pink-300) !important;
+}
+body.theme-dark  .d\:fc-pink-300,
+.theme-dark__forced  .d\:fc-pink-300,
+body.theme-system .theme-dark__forced  .d\:fc-pink-300 {
+  color: var(--pink-300) !important;
+}
+body.theme-dark  .d\:bg-pink-400,
+.theme-dark__forced  .d\:bg-pink-400,
+body.theme-system .theme-dark__forced  .d\:bg-pink-400 {
+  background-color: var(--pink-400) !important;
+}
+body.theme-dark  .d\:fc-pink-400,
+.theme-dark__forced  .d\:fc-pink-400,
+body.theme-system .theme-dark__forced  .d\:fc-pink-400 {
+  color: var(--pink-400) !important;
+}
+body.theme-dark  .d\:bg-pink-500,
+.theme-dark__forced  .d\:bg-pink-500,
+body.theme-system .theme-dark__forced  .d\:bg-pink-500 {
+  background-color: var(--pink-500) !important;
+}
+body.theme-dark  .d\:fc-pink-500,
+.theme-dark__forced  .d\:fc-pink-500,
+body.theme-system .theme-dark__forced  .d\:fc-pink-500 {
+  color: var(--pink-500) !important;
+}
+body.theme-dark  .d\:bg-pink-600,
+.theme-dark__forced  .d\:bg-pink-600,
+body.theme-system .theme-dark__forced  .d\:bg-pink-600 {
+  background-color: var(--pink-600) !important;
+}
+body.theme-dark  .d\:fc-pink-600,
+.theme-dark__forced  .d\:fc-pink-600,
+body.theme-system .theme-dark__forced  .d\:fc-pink-600 {
+  color: var(--pink-600) !important;
+}
 body.theme-dark  .d\:bg-gold-100,
 .theme-dark__forced  .d\:bg-gold-100,
 body.theme-system .theme-dark__forced  .d\:bg-gold-100 {
@@ -15170,85 +15428,88 @@ p {
 }
 .fs-display4 {
   font-size: var(--fs-display4) !important;
+  line-height: 1.18;
 }
 .fs-display3 {
   font-size: var(--fs-display3) !important;
+  line-height: 1.2;
 }
 .fs-display2 {
   font-size: var(--fs-display2) !important;
+  line-height: 1.28;
 }
 .fs-display1 {
   font-size: var(--fs-display1) !important;
+  line-height: 1.34;
 }
 .fs-headline2 {
   font-size: var(--fs-headline2) !important;
+  line-height: 1.4;
 }
 .fs-headline1 {
   font-size: var(--fs-headline1) !important;
+  line-height: 1.4;
 }
 .fs-title {
   font-size: var(--fs-title) !important;
+  line-height: 1.4;
 }
 .fs-subheading {
   font-size: var(--fs-subheading) !important;
+  line-height: 1.4;
 }
 .fs-body3 {
   font-size: var(--fs-body3) !important;
+  line-height: 1.4;
 }
 .fs-body2 {
   font-size: var(--fs-body2) !important;
+  line-height: 1.4;
 }
 .fs-body1 {
   font-size: var(--fs-body1) !important;
+  line-height: 1.4;
 }
-.fs-caption,
-.fs-category {
+.fs-caption {
   font-size: var(--fs-caption) !important;
+  line-height: 1.4;
 }
 .fs-fine {
   font-size: var(--fs-fine) !important;
+  line-height: 1.36;
 }
 @media (max-width: 640px) {
   html  .fs-display4 {
-    font-size: 3.8rem !important;
+    font-size: calc(var(--fs-display4) * 0.43) !important;
   }
   html  .fs-display3 {
-    font-size: 3.3rem !important;
+    font-size: calc(var(--fs-display3) * 0.5139) !important;
   }
   html  .fs-display2 {
-    font-size: 3rem !important;
+    font-size: calc(var(--fs-display2) * 0.5862) !important;
   }
   html  .fs-display1 {
-    font-size: 2.6rem !important;
+    font-size: calc(var(--fs-display1) * 0.6304) !important;
   }
   html  .fs-headline2 {
-    font-size: 2.3rem !important;
+    font-size: calc(var(--fs-headline2) * 0.7224) !important;
   }
   html  .fs-headline1 {
-    font-size: 2rem !important;
+    font-size: calc(var(--fs-headline1) * 0.8215) !important;
   }
   html  .fs-title {
-    font-size: 1.8rem !important;
+    font-size: calc(var(--fs-title) * 0.9094) !important;
   }
   html  .fs-subheading {
-    font-size: 1.6rem !important;
+    font-size: calc(var(--fs-subheading) * 0.8998) !important;
   }
   html  .fs-body3 {
-    font-size: 1.4rem !important;
+    font-size: calc(var(--fs-body3) * 0.8888) !important;
   }
   html  .fs-body2 {
-    font-size: 1.3rem !important;
+    font-size: calc(var(--fs-body2) * 0.9374) !important;
   }
 }
-.fs-category {
-  font-weight: 700;
-  text-transform: uppercase;
-}
-.fs-category.has-border {
-  width: 100%;
-  padding: var(--su4) 0;
-  border-top: var(--su-static1) solid var(--bc-medium);
-}
 .lh-xs {
   line-height: var(--lh-xs) !important;
 }
@@ -15285,8 +15546,11 @@ p {
 .fw-normal {
   font-weight: 400 !important;
 }
+.fw-medium {
+  font-weight: 500 !important;
+}
 .fw-bold {
-  font-weight: 700 !important;
+  font-weight: 600 !important;
 }
 .fs-normal {
   font-style: normal !important;
@@ -16139,22 +16403,22 @@ ol {
   box-shadow: 0 0 0 var(--su-static4) var(--focus-ring);
 }
 .bs-sm.bs-hover:hover {
-  box-shadow: 0 var(--su-static2) var(--su-static8) hsl(210, 8%, 95%) !important;
+  box-shadow: 0 var(--su-static2) var(--su-static8) #f0efed !important;
 }
 .bs-md.bs-hover:hover {
-  box-shadow: 0 var(--su-static4) var(--su-static8) hsl(210, 8%, 85%) !important;
+  box-shadow: 0 var(--su-static4) var(--su-static8) #d7d8db !important;
 }
 .bs-lg.bs-hover:hover {
-  box-shadow: 0 var(--su-static4) var(--su-static12) hsla(210, 8%, 68%, 0.7) !important;
+  box-shadow: 0 var(--su-static4) var(--su-static12) rgba(132, 135, 140, 0.7) !important;
 }
 .bs-i-sm.bs-hover:hover {
-  box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 hsla(210, 9%, 75%, 0.75) !important;
+  box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 rgba(167, 170, 176, 0.75) !important;
 }
 .bs-i-md.bs-hover:hover {
-  box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 hsla(210, 8%, 68%, 0.8) !important;
+  box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 rgba(132, 135, 140, 0.8) !important;
 }
 .bs-i-lg.bs-hover:hover {
-  box-shadow: inset 0 var(--su-static1) var(--su-static12) 0 hsl(210, 8%, 68%) !important;
+  box-shadow: inset 0 var(--su-static1) var(--su-static12) 0 #84878c !important;
 }
 .t {
   transition-duration: var(--transition-time);
@@ -22956,12 +23220,6 @@ body {
   font-size: var(--fs-base);
   line-height: var(--lh-base);
 }
-@media (max-width: 640px) {
-  html ,
-  html  body {
-    font-size: 11px;
-  }
-}
 body {
   box-sizing: border-box;
   min-height: 100%;