npm - @gov-design-system-ce/components - Versions diffs - 4.2.9 → 4.6.0 - Mend

@gov-design-system-ce/components 4.2.9 → 4.6.0

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

Files changed (1489) hide show

package/dist/core/core.css CHANGED Viewed

@@ -1,52 +1,4 @@
 @charset "UTF-8";
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* Converts hex value to rgb colors value */
-/* Generates CSS3 var */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* Variables - breakpoints */
-/* Variables - Colors */
-/* Variables - Sizes */
-/* Variables - General */
-/* Variables - Typography */
-/* Variables - Forms */
-/* Variables - shadows */
-/* Variables - z-index */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-gov-breadcrumbs ul, .gov-breadcrumbs ul, gov-form-multi-select__list, .gov-form-multi-select__list, gov-tabs__list, .gov-tabs__list {
-  margin: 0;
-  padding: 0;
-}
-gov-breadcrumbs li, .gov-breadcrumbs li, gov-form-multi-select__list > gov-form-multi-select__item, gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select__list > gov-form-multi-select__item, .gov-form-multi-select__list > .gov-form-multi-select__item, gov-tabs__list > gov-tabs__item, gov-tabs__list > .gov-tabs__item, .gov-tabs__list > gov-tabs__item, .gov-tabs__list > .gov-tabs__item {
-  margin: 0;
-  padding: 0;
-  background: none;
-}
-gov-breadcrumbs li::before, .gov-breadcrumbs li::before, gov-form-multi-select__list > gov-form-multi-select__item::before, gov-form-multi-select__list > .gov-form-multi-select__item::before, .gov-form-multi-select__list > gov-form-multi-select__item::before, .gov-form-multi-select__list > .gov-form-multi-select__item::before, gov-tabs__list > gov-tabs__item::before, gov-tabs__list > .gov-tabs__item::before, .gov-tabs__list > gov-tabs__item::before, .gov-tabs__list > .gov-tabs__item::before {
-  display: none;
-}
-gov-tile__link::before, .gov-tile__link::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-}
 /* latin-ext */
 @font-face {
   font-family: Roboto;
@@ -232,52 +184,89 @@ body {
   -webkit-font-smoothing: antialiased;
 }
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* Converts hex value to rgb colors value */
-/* Generates CSS3 var */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* Variables - breakpoints */
-/* Variables - Colors */
-/* Variables - Sizes */
-/* Variables - General */
-/* Variables - Typography */
-/* Variables - Forms */
-/* Variables - shadows */
-/* Variables - z-index */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-gov-tabs__list, .gov-tabs__list, gov-form-multi-select__list, .gov-form-multi-select__list, gov-breadcrumbs ul, .gov-breadcrumbs ul {
-  margin: 0;
-  padding: 0;
-}
-gov-tabs__list > gov-tabs__item, gov-tabs__list > .gov-tabs__item, .gov-tabs__list > gov-tabs__item, .gov-tabs__list > .gov-tabs__item, gov-form-multi-select__list > gov-form-multi-select__item, gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select__list > gov-form-multi-select__item, .gov-form-multi-select__list > .gov-form-multi-select__item, gov-breadcrumbs li, .gov-breadcrumbs li {
-  margin: 0;
-  padding: 0;
-  background: none;
-}
-gov-tabs__list > gov-tabs__item::before, gov-tabs__list > .gov-tabs__item::before, .gov-tabs__list > gov-tabs__item::before, .gov-tabs__list > .gov-tabs__item::before, gov-form-multi-select__list > gov-form-multi-select__item::before, gov-form-multi-select__list > .gov-form-multi-select__item::before, .gov-form-multi-select__list > gov-form-multi-select__item::before, .gov-form-multi-select__list > .gov-form-multi-select__item::before, gov-breadcrumbs li::before, .gov-breadcrumbs li::before {
-  display: none;
-}
-gov-tile__link::before, .gov-tile__link::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
+/* Primitive tokens - colors and sizes */
+/* Primitives - colors */
+:root {
+  --color-primary-50: rgb(242, 246, 252);
+  --color-primary-100: rgb(226, 238, 248);
+  --color-primary-200: rgb(206, 227, 244);
+  --color-primary-300: rgb(158, 200, 233);
+  --color-primary-400: rgb(111, 166, 216);
+  --color-primary-500: rgb(79, 135, 194);
+  --color-primary-600: rgb(46, 106, 168);
+  --color-primary-700: rgb(0, 70, 155);
+  --color-primary-800: rgb(14, 62, 134);
+  --color-primary-900: rgb(12, 51, 114);
+  --color-primary-950: rgb(10, 36, 80);
+  --color-primary-1000: rgb(12, 24, 56);
+  --color-primary-1050: rgb(3, 7, 15);
+  --color-secondary-50: rgb(255, 249, 233);
+  --color-secondary-100: rgb(255, 246, 225);
+  --color-secondary-200: rgb(254, 240, 208);
+  --color-secondary-300: rgb(253, 225, 161);
+  --color-secondary-400: rgb(255, 207, 116);
+  --color-secondary-500: rgb(251, 195, 66);
+  --color-secondary-600: rgb(250, 180, 19);
+  --color-secondary-700: rgb(200, 144, 15);
+  --color-secondary-800: rgb(175, 122, 0);
+  --color-secondary-900: rgb(74, 52, 3);
+  --color-secondary-950: rgb(61, 43, 0);
+  --color-secondary-1000: rgb(36, 27, 4);
+  --color-neutral-0: rgb(255, 255, 255);
+  --color-neutral-50: rgb(246, 246, 246);
+  --color-neutral-100: rgb(231, 231, 231);
+  --color-neutral-200: rgb(209, 209, 209);
+  --color-neutral-300: rgb(176, 176, 176);
+  --color-neutral-400: rgb(136, 136, 136);
+  --color-neutral-500: rgb(109, 109, 109);
+  --color-neutral-600: rgb(93, 93, 93);
+  --color-neutral-700: rgb(79, 79, 79);
+  --color-neutral-800: rgb(69, 69, 69);
+  --color-neutral-900: rgb(59, 59, 59);
+  --color-neutral-950: rgb(38, 38, 38);
+  --color-neutral-1000: rgb(0, 0, 0);
+  --color-neutral-transparent: rgba(255, 255, 255, 0);
+  --color-error-50: rgb(255, 244, 242);
+  --color-error-100: rgb(250, 227, 222);
+  --color-error-200: rgb(248, 194, 185);
+  --color-error-300: rgb(242, 156, 151);
+  --color-error-400: rgb(237, 122, 115);
+  --color-error-500: rgb(232, 101, 99);
+  --color-error-600: rgb(215, 12, 15);
+  --color-error-700: rgb(181, 8, 23);
+  --color-error-800: rgb(160, 3, 29);
+  --color-error-900: rgb(104, 5, 38);
+  --color-error-950: rgb(74, 3, 26);
+  --color-error-1000: rgb(38, 1, 12);
+  --color-success-50: rgb(243, 250, 243);
+  --color-success-100: rgb(226, 246, 227);
+  --color-success-200: rgb(199, 235, 201);
+  --color-success-300: rgb(155, 218, 158);
+  --color-success-400: rgb(103, 193, 107);
+  --color-success-500: rgb(66, 165, 71);
+  --color-success-600: rgb(46, 125, 50);
+  --color-success-700: rgb(42, 107, 45);
+  --color-success-800: rgb(38, 85, 41);
+  --color-success-900: rgb(32, 71, 36);
+  --color-success-950: rgb(13, 38, 15);
+  --color-success-1000: rgb(6, 27, 8);
+  --color-warning-50: rgb(254, 251, 232);
+  --color-warning-100: rgb(254, 247, 195);
+  --color-warning-200: rgb(254, 237, 138);
+  --color-warning-300: rgb(253, 216, 53);
+  --color-warning-400: rgb(250, 198, 21);
+  --color-warning-500: rgb(234, 173, 8);
+  --color-warning-600: rgb(202, 133, 4);
+  --color-warning-700: rgb(228, 148, 0);
+  --color-warning-800: rgb(190, 125, 2);
+  --color-warning-900: rgb(107, 74, 13);
+  --color-warning-950: rgb(67, 46, 6);
+  --color-warning-1000: rgb(42, 27, 0);
+  --color-focus-300: rgb(108, 174, 244);
+  --color-focus-600: rgb(0, 123, 255);
+  --color-visited-300: rgb(196, 167, 230);
+  --color-visited-600: rgb(103, 50, 158);
+  --color-visited-700: rgb(96, 48, 107);
 }
 /* Tokens - Colors light mode */
@@ -784,9 +773,19 @@ gov-tile__link::before, .gov-tile__link::before {
     --text-status-warning: var(--color-warning-400);
   }
 }
-/* Primitive tokens - colors and sizes */
-/* Primitives - colors */
 /* Tokens - Sizes */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/* Variables - shadows */
+/* stylelint-disable */
+/* stylelint-enable */
+/* Converts hex value to rgb colors value */
+/* Generates CSS3 var */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/* Variables - Typography */
+/* Variables - General */
+/* Variables - z-index */
 @media (max-width: 29.99em) {
   :root {
     --corner-radius-none: 0rem;
@@ -1051,86 +1050,6 @@ gov-tile__link::before, .gov-tile__link::before {
 :root {
   --font-family: Roboto, sans-serif;
-  --color-primary-50: rgb(243, 247, 252);
-  --color-primary-100: rgb(229, 238, 249);
-  --color-primary-200: rgb(197, 219, 242);
-  --color-primary-300: rgb(147, 189, 230);
-  --color-primary-400: rgb(89, 155, 215);
-  --color-primary-500: rgb(51, 127, 196);
-  --color-primary-600: rgb(35, 98, 162);
-  --color-primary-700: rgb(30, 80, 134);
-  --color-primary-800: rgb(29, 69, 111);
-  --color-primary-900: rgb(29, 60, 93);
-  --color-primary-950: rgb(19, 38, 62);
-  --color-primary-1000: rgb(15, 31, 51);
-  --color-primary-1050: rgb(1, 4, 9);
-  --color-secondary-50: rgb(255, 249, 233);
-  --color-secondary-100: rgb(255, 246, 225);
-  --color-secondary-200: rgb(254, 240, 208);
-  --color-secondary-300: rgb(253, 225, 161);
-  --color-secondary-400: rgb(255, 207, 116);
-  --color-secondary-500: rgb(251, 195, 66);
-  --color-secondary-600: rgb(250, 180, 19);
-  --color-secondary-700: rgb(200, 144, 15);
-  --color-secondary-800: rgb(175, 122, 0);
-  --color-secondary-900: rgb(74, 52, 3);
-  --color-secondary-950: rgb(61, 43, 0);
-  --color-secondary-1000: rgb(36, 27, 4);
-  --color-neutral-0: rgb(255, 255, 255);
-  --color-neutral-50: rgb(246, 246, 246);
-  --color-neutral-100: rgb(231, 231, 231);
-  --color-neutral-200: rgb(209, 209, 209);
-  --color-neutral-300: rgb(176, 176, 176);
-  --color-neutral-400: rgb(136, 136, 136);
-  --color-neutral-500: rgb(109, 109, 109);
-  --color-neutral-600: rgb(93, 93, 93);
-  --color-neutral-700: rgb(79, 79, 79);
-  --color-neutral-800: rgb(69, 69, 69);
-  --color-neutral-900: rgb(59, 59, 59);
-  --color-neutral-950: rgb(38, 38, 38);
-  --color-neutral-1000: rgb(0, 0, 0);
-  --color-neutral-transparent: rgba(255, 255, 255, 0);
-  --color-error-50: rgb(254, 242, 242);
-  --color-error-100: rgb(253, 227, 227);
-  --color-error-200: rgb(252, 204, 204);
-  --color-error-300: rgb(248, 169, 169);
-  --color-error-400: rgb(243, 118, 118);
-  --color-error-500: rgb(232, 75, 75);
-  --color-error-600: rgb(198, 40, 40);
-  --color-error-700: rgb(179, 34, 34);
-  --color-error-800: rgb(126, 20, 20);
-  --color-error-900: rgb(73, 12, 12);
-  --color-error-950: rgb(48, 6, 6);
-  --color-error-1000: rgb(36, 3, 3);
-  --color-success-50: rgb(243, 250, 243);
-  --color-success-100: rgb(226, 246, 227);
-  --color-success-200: rgb(199, 235, 201);
-  --color-success-300: rgb(155, 218, 158);
-  --color-success-400: rgb(103, 193, 107);
-  --color-success-500: rgb(66, 165, 71);
-  --color-success-600: rgb(46, 125, 50);
-  --color-success-700: rgb(42, 107, 45);
-  --color-success-800: rgb(38, 85, 41);
-  --color-success-900: rgb(32, 71, 36);
-  --color-success-950: rgb(13, 38, 15);
-  --color-success-1000: rgb(6, 27, 8);
-  --color-warning-50: rgb(254, 251, 232);
-  --color-warning-100: rgb(254, 247, 195);
-  --color-warning-200: rgb(254, 237, 138);
-  --color-warning-300: rgb(253, 216, 53);
-  --color-warning-400: rgb(250, 198, 21);
-  --color-warning-500: rgb(234, 173, 8);
-  --color-warning-600: rgb(202, 133, 4);
-  --color-warning-700: rgb(228, 148, 0);
-  --color-warning-800: rgb(190, 125, 2);
-  --color-warning-900: rgb(107, 74, 13);
-  --color-warning-950: rgb(67, 46, 6);
-  --color-warning-1000: rgb(42, 27, 0);
-  --color-focus-300: rgb(108, 174, 244);
-  --color-focus-600: rgb(0, 123, 255);
-  --color-visited-300: rgb(196, 167, 230);
-  --color-visited-600: rgb(103, 50, 158);
-  --color-visited-700: rgb(96, 48, 107);
 }
 .gov-spin-animation,
@@ -1167,8 +1086,6 @@ gov-tile__link::before, .gov-tile__link::before {
     opacity: 1;
   }
 }
-/* Primitive tokens - colors and sizes */
-/* Primitives - colors */
 html {
   margin: 0;
   padding: 0;
@@ -1197,10 +1114,6 @@ body.body-fixed {
   overflow: hidden;
 }
-:first-child {
-  margin-top: 0;
-}
 img {
   max-width: 100%;
   height: auto;
@@ -1214,10 +1127,6 @@ hr {
 }
 /* General typography */
-* {
-  margin: 0;
-}
 h1, .h1 {
   font-size: var(--font-size-headline-xl);
   line-height: 130%;
@@ -1260,13 +1169,11 @@ p {
   font-weight: 400;
 }
-/* Link */
-a, .gov-link {
-  color: var(--text-primary-color);
-  text-decoration: underline;
-  transition: color 150ms ease-in-out;
-  cursor: pointer;
+h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p {
+  margin: 0;
 }
+/* Link */
 a:focus, .gov-link:focus {
   outline: none;
 }
@@ -1275,6 +1182,12 @@ a:focus-visible, .gov-link:focus-visible {
   outline: var(--outline-width, 0.125rem) solid var(--status-focus);
   outline-offset: var(--outline-offset, 0.125rem);
 }
+a, .gov-link {
+  color: var(--text-primary-color);
+  text-decoration: underline;
+  transition: color 150ms ease-in-out;
+  cursor: pointer;
+}
 a > *, .gov-link > * {
   color: var(--text-primary-color);
 }
@@ -1692,8 +1605,9 @@ ul ul > li ul > li:before, .gov-list ul > li ul > li:before {
 }
 /* Accordion */
+/* Variables - Accordion */
+/* Variables - Sizes */
 gov-accordion, .gov-accordion {
-  /* Variables - Accordion */
   position: relative;
   display: block;
   width: 100%;
@@ -1843,8 +1757,8 @@ gov-accordion[size=xl]:not([hydrated]) *[slot=toggle-icon], .gov-accordion[size=
 }
 /* Accordion - Item */
+/* Variables - Forms */
 gov-accordion-item, .gov-accordion-item {
-  /* Variables - Accordion */
   position: relative;
   display: block;
   width: 100%;
@@ -1864,9 +1778,6 @@ gov-accordion-item::before, .gov-accordion-item::before {
 gov-accordion-item summary, .gov-accordion-item summary {
   margin: 0;
   padding: 0;
-  font-family: var(--font-family-primary, var(--font-family));
-  font-weight: 400;
-  box-sizing: border-box;
   position: relative;
   display: flex;
   justify-content: space-between;
@@ -1899,29 +1810,29 @@ gov-accordion-item *[slot=suffix], gov-accordion-item__arrow, .gov-accordion-ite
   color: var(--text-primary-color);
 }
 gov-accordion-item__title, .gov-accordion-item__title {
-  margin-top: 0;
-  margin-bottom: 0;
   display: flex;
   flex-direction: column;
   margin-right: auto;
-}
-gov-accordion-item__title *[slot=label], .gov-accordion-item__title *[slot=label] {
   margin-top: 0;
   margin-bottom: 0;
+}
+gov-accordion-item__title *[slot=label], .gov-accordion-item__title *[slot=label] {
   display: inline-block;
   color: var(--text-primary-color);
   transform: translateY(1px);
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-accordion-item *[slot=annotation], .gov-accordion-item *[slot=annotation] {
   color: var(--text-secondary);
   margin-bottom: 0;
 }
 gov-accordion-item__icon, gov-accordion-item__right, .gov-accordion-item__icon, .gov-accordion-item__right {
-  margin-top: 0;
-  margin-bottom: 0;
   display: flex;
   flex-shrink: 0;
   align-items: center;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-accordion-item__right, .gov-accordion-item__right {
   margin-left: auto;
@@ -2128,6 +2039,55 @@ gov-accordion-item[size=xl] .gov-accordion-item__content p, .gov-accordion-item[
   font-weight: 400;
 }
+/* Attribute Section */
+/* Variables - Attribute Section */
+.gov-attribute-section > h1, .gov-attribute-section > h2, .gov-attribute-section > h3, .gov-attribute-section > h4, .gov-attribute-section > h5, .gov-attribute-section > h6 {
+  margin-bottom: var(--spacing-m);
+}
+.gov-attribute-section dl {
+  display: flex;
+  flex-direction: column;
+}
+.gov-attribute-section dt {
+  color: var(--text-secondary);
+  font-size: var(--font-size-body-m);
+  line-height: 150%;
+  font-weight: 400;
+}
+.gov-attribute-section dd {
+  color: var(--text-primary);
+  margin-bottom: var(--spacing-s);
+  font-size: var(--font-size-body-m);
+  line-height: 150%;
+  font-weight: 400;
+}
+.gov-attribute-section dd:last-child {
+  margin-bottom: 0;
+}
+@media (min-width: 48em) {
+  .gov-attribute-section dl {
+    display: grid;
+    row-gap: var(--spacing-s);
+    -moz-column-gap: var(--spacing-xs);
+         column-gap: var(--spacing-xs);
+  }
+  .gov-attribute-section dd {
+    margin-bottom: 0;
+  }
+  .gov-attribute-section[data-size=xs] dl {
+    grid-template-columns: var(--width, 6.25rem 1fr);
+  }
+  .gov-attribute-section[data-size=s] dl {
+    grid-template-columns: var(--width, 12.5rem 1fr);
+  }
+  .gov-attribute-section[data-size=m] dl {
+    grid-template-columns: var(--width, 18.75rem 1fr);
+  }
+  .gov-attribute-section[data-size=l] dl {
+    grid-template-columns: var(--width, 25rem 1fr);
+  }
+}
 /* Attachments */
 gov-attachments, .gov-attachments {
   position: relative;
@@ -2137,21 +2097,137 @@ gov-attachments, .gov-attachments {
   gap: var(--spacing-xs);
 }
 gov-attachments__label, .gov-attachments__label {
+  color: var(--form-label-color, var(--text-primary));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  color: var(--form-label-color, var(--text-primary));
 }
 gov-attachments__list > *:last-child, .gov-attachments__list > *:last-child {
   margin-bottom: 0;
 }
-/* Backdrop */
-gov-backdrop, .gov-backdrop {
-  /* Variables - Backdrop */
+/* Avatar */
+.gov-avatar {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--height-component-m);
+  height: var(--height-component-m);
+  padding: 0;
+  border-radius: var(--corner-radius-m-nudge);
+  border: var(--border-width, 0.0625rem) solid var(--border-primary);
+  background-color: var(--background-block-primary);
+  color: var(--text-primary-color);
+}
+.gov-avatar, .gov-avatar * {
+  font-size: var(--font-size-body-s);
+  line-height: 150%;
+  font-weight: 400;
+}
+.gov-avatar[data-type=icon] gov-icon, .gov-avatar[data-type=icon] .gov-icon {
+  width: var(--icon-size-2xl);
+  height: var(--icon-size-2xl);
+  color: var(--icon-on-subtle);
+}
+.gov-avatar[data-type=icon-initials] {
+  flex-direction: column;
+}
+.gov-avatar[data-type=icon-initials] gov-icon, .gov-avatar[data-type=icon-initials] .gov-icon {
+  position: relative;
+  top: 3px;
+  width: var(--icon-size-s);
+  height: var(--icon-size-s);
+  color: var(--icon-on-subtle);
+}
+.gov-avatar[data-type=photo] img, .gov-avatar[data-type=photo] svg {
+  border-radius: var(--corner-radius-m-nudge);
+}
+.gov-avatar gov-badge, .gov-avatar .gov-badge {
+  position: absolute;
+  right: calc(var(--spacing-xs-nudge) * -1);
+  z-index: 1;
+}
+.gov-avatar[data-badge-position=top] gov-badge, .gov-avatar[data-badge-position=top] .gov-badge {
+  top: 0;
+}
+.gov-avatar[data-badge-position=bottom] gov-badge, .gov-avatar[data-badge-position=bottom] .gov-badge {
+  bottom: 0;
+}
+.gov-avatar[disabled=""], .gov-avatar[disabled=true i], .gov-avatar[disabled="1"] {
+  pointer-events: none;
+  border-color: var(--border-disabled);
+  color: var(--text-disabled);
+}
+.gov-avatar[disabled=""] gov-icon, .gov-avatar[disabled=""] .gov-icon, .gov-avatar[disabled=true i] gov-icon, .gov-avatar[disabled=true i] .gov-icon, .gov-avatar[disabled="1"] gov-icon, .gov-avatar[disabled="1"] .gov-icon {
+  color: var(--icon-disabled);
+}
+.gov-avatar[disabled=""] *, .gov-avatar[disabled=true i] *, .gov-avatar[disabled="1"] * {
+  color: var(--text-disabled);
+}
+a.gov-avatar, button.gov-avatar {
+  text-decoration: none;
+  vertical-align: middle;
+  text-align: center;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+@media not all and (pointer: coarse) {
+  a.gov-avatar:hover, button.gov-avatar:hover {
+    background-color: var(--button-outlined-primary-hover);
+  }
+}
+a.gov-avatar:active, button.gov-avatar:active {
+  background-color: var(--button-outlined-primary-active);
+}
+a.gov-avatar:focus, button.gov-avatar:focus {
+  outline: none;
+}
+a.gov-avatar:focus-visible, button.gov-avatar:focus-visible {
+  border-radius: var(--corner-radius-m-nudge);
+  outline: var(--outline-width, 0.125rem) solid var(--status-focus);
+  outline-offset: 1px;
+}
+a.gov-avatar[data-type=photo]:hover:after, button.gov-avatar[data-type=photo]:hover:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: var(--corner-radius-m-nudge);
+  background: var(--photo-overlay-hover);
+}
+a.gov-avatar[data-type=photo]:active:after, button.gov-avatar[data-type=photo]:active:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: var(--corner-radius-m-nudge);
+  background: var(--photo-overlay-active);
+}
+a.gov-avatar[data-type=photo][disabled=""] img, a.gov-avatar[data-type=photo][disabled=""] svg, a.gov-avatar[data-type=photo][disabled=true i] img, a.gov-avatar[data-type=photo][disabled=true i] svg, a.gov-avatar[data-type=photo][disabled="1"] img, a.gov-avatar[data-type=photo][disabled="1"] svg, button.gov-avatar[data-type=photo][disabled=""] img, button.gov-avatar[data-type=photo][disabled=""] svg, button.gov-avatar[data-type=photo][disabled=true i] img, button.gov-avatar[data-type=photo][disabled=true i] svg, button.gov-avatar[data-type=photo][disabled="1"] img, button.gov-avatar[data-type=photo][disabled="1"] svg {
+  filter: grayscale(100%);
+}
+a.gov-avatar[data-type=photo][disabled=""]:after, a.gov-avatar[data-type=photo][disabled=true i]:after, a.gov-avatar[data-type=photo][disabled="1"]:after, button.gov-avatar[data-type=photo][disabled=""]:after, button.gov-avatar[data-type=photo][disabled=true i]:after, button.gov-avatar[data-type=photo][disabled="1"]:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: var(--corner-radius-m-nudge);
+  background: var(--photo-overlay-disabled);
 }
+/* Backdrop */
+/* Variables - Backdrop */
 gov-backdrop__background, .gov-backdrop__background {
-  z-index: 100;
   position: fixed;
   top: 0;
   right: 0;
@@ -2159,15 +2235,62 @@ gov-backdrop__background, .gov-backdrop__background {
   left: 0;
   background-color: var(--background, var(--color-neutral-900));
   opacity: var(--opacity, 0.45);
+  z-index: 100;
 }
 gov-backdrop[inverse=""] .gov-backdrop__background, gov-backdrop[inverse=true i] .gov-backdrop__background, gov-backdrop[inverse="1"] .gov-backdrop__background, .gov-backdrop[inverse=""] .gov-backdrop__background, .gov-backdrop[inverse=true i] .gov-backdrop__background, .gov-backdrop[inverse="1"] .gov-backdrop__background {
   background-color: var(--background-inverse, var(--color-neutral-100));
   opacity: var(--opacity-inverse, 0.45);
 }
+/* Badge */
+/* Variables - Badge */
+gov-badge, .gov-badge {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: -moz-fit-content;
+  width: fit-content;
+  color: var(--text-black-fixed);
+  background-color: var(--background-secondary);
+}
+gov-badge[size=s]:not([content=empty]), .gov-badge[size=s]:not([content=empty]) {
+  height: var(--height, var(--height-m));
+  min-width: var(--height, var(--height-m));
+  border-radius: var(--border-radius, var(--corner-radius-s));
+  font-size: var(--font-size, var(--font-size-body-xs));
+  line-height: var(--line-height, 1.2);
+}
+gov-badge[size=s]:not([content=empty])[content=number], .gov-badge[size=s]:not([content=empty])[content=number] {
+  padding: var(--padding, 0 var(--spacing-xs));
+}
+gov-badge[size=s]:not([content=empty])[content=icon] > gov-icon, gov-badge[size=s]:not([content=empty])[content=icon] > .gov-icon, .gov-badge[size=s]:not([content=empty])[content=icon] > gov-icon, .gov-badge[size=s]:not([content=empty])[content=icon] > .gov-icon {
+  width: var(--icon-size, var(--icon-size-xs));
+  height: var(--icon-size, var(--icon-size-xs));
+}
+gov-badge[size=m]:not([content=empty]), .gov-badge[size=m]:not([content=empty]) {
+  height: var(--height, var(--height-l));
+  min-width: var(--height, var(--height-l));
+  border-radius: var(--border-radius, var(--corner-radius-s-nudge));
+  font-size: var(--font-size, var(--font-size-body-m));
+  line-height: var(--line-height, 1);
+}
+gov-badge[size=m]:not([content=empty])[content=number], .gov-badge[size=m]:not([content=empty])[content=number] {
+  padding: var(--padding, 0 var(--spacing-xs-nudge));
+}
+gov-badge[size=m]:not([content=empty])[content=icon] > gov-icon, gov-badge[size=m]:not([content=empty])[content=icon] > .gov-icon, .gov-badge[size=m]:not([content=empty])[content=icon] > gov-icon, .gov-badge[size=m]:not([content=empty])[content=icon] > .gov-icon {
+  width: var(--icon-size, var(--icon-size-m));
+  height: var(--icon-size, var(--icon-size-m));
+}
+gov-badge[content=empty], .gov-badge[content=empty] {
+  width: var(--height-s-nudge);
+  height: var(--height-s-nudge);
+  border-radius: var(--corner-radius-s);
+  border: 1px solid var(--border-secondary-bold);
+}
 /* Blockquote */
+/* Variables - Blockquote */
 gov-blockquote, .gov-blockquote {
-  /* Variables - Blockquote */
   position: relative;
   display: block;
   padding: var(--spacing-l);
@@ -2184,6 +2307,8 @@ gov-blockquote > gov-icon, gov-blockquote > .gov-icon, .gov-blockquote > gov-ico
   height: var(--icon-size-3xl);
 }
 gov-blockquote blockquote, gov-blockquote p, .gov-blockquote blockquote, .gov-blockquote p {
+  margin: 0;
+  padding: 0;
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
@@ -2198,10 +2323,10 @@ gov-blockquote *[slot=image], .gov-blockquote *[slot=image] {
 }
 gov-blockquote *[slot=author], .gov-blockquote *[slot=author] {
   margin-top: var(--spacing-m);
+  font-weight: 700;
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  font-weight: 700;
 }
 gov-blockquote *[slot=author] cite, .gov-blockquote *[slot=author] cite {
   font-weight: 400;
@@ -2250,8 +2375,8 @@ gov-blockquote[type=primary] blockquote a, .gov-blockquote[type=primary] blockqu
 }
 /* Banner */
+/* Variables - Banner */
 gov-banner, .gov-banner {
-  /* Variables - Banner */
   position: relative;
   display: block;
   max-width: 100%;
@@ -2291,8 +2416,8 @@ gov-banner gov-button, gov-banner .gov-button, .gov-banner gov-button, .gov-bann
 gov-banner:not([size=xl]), .gov-banner:not([size=xl]) {
   padding: var(--spacing-l);
   background: linear-gradient(45deg, var(--color-primary-500) 0%, var(--color-primary-900) 100%);
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
   border-radius: var(--corner-radius-xl);
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
 }
 gov-banner:not([size=xl]) img, .gov-banner:not([size=xl]) img {
   display: none;
@@ -3110,10 +3235,10 @@ gov-banner[size=xl] .gov-banner__content, .gov-banner[size=xl] .gov-banner__cont
   gap: var(--spacing-s-nudge);
 }
 gov-banner[size=xl] *[slot=headline], .gov-banner[size=xl] *[slot=headline] {
+  color: var(--text-white-fixed);
   font-size: var(--font-size-display-s);
   line-height: 130%;
   font-weight: 500;
-  color: var(--text-white-fixed);
 }
 @media (min-width: 48em) {
   gov-banner[size=xl], .gov-banner[size=xl] {
@@ -3148,25 +3273,49 @@ gov-banner[size=xl] *[slot=headline], .gov-banner[size=xl] *[slot=headline] {
 }
 /* Breadcrumb */
+gov-tabs__list, .gov-tabs__list, gov-form-multi-select__list, .gov-form-multi-select__list, gov-breadcrumbs ul, .gov-breadcrumbs ul {
+  margin: 0;
+  padding: 0;
+}
+gov-tabs__list > gov-tabs__item, gov-tabs__list > .gov-tabs__item, .gov-tabs__list > gov-tabs__item, .gov-tabs__list > .gov-tabs__item, gov-form-multi-select__list > gov-form-multi-select__item, gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select__list > gov-form-multi-select__item, .gov-form-multi-select__list > .gov-form-multi-select__item, gov-breadcrumbs li, .gov-breadcrumbs li {
+  margin: 0;
+  padding: 0;
+  background: none;
+}
+gov-tabs__list > gov-tabs__item::before, gov-tabs__list > .gov-tabs__item::before, .gov-tabs__list > gov-tabs__item::before, .gov-tabs__list > .gov-tabs__item::before, gov-form-multi-select__list > gov-form-multi-select__item::before, gov-form-multi-select__list > .gov-form-multi-select__item::before, .gov-form-multi-select__list > gov-form-multi-select__item::before, .gov-form-multi-select__list > .gov-form-multi-select__item::before, gov-breadcrumbs li::before, .gov-breadcrumbs li::before {
+  display: none;
+}
+gov-tile__link::before, .gov-tile__link::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+}
+/* Variables - Breadcrumbs */
 gov-breadcrumbs, .gov-breadcrumbs {
-  /* Variables - Breadcrumbs */
   position: relative;
   display: flex;
   width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--gap, var(--spacing-s));
   margin-top: 0;
   margin-bottom: 0;
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--gap, var(--spacing-s));
 }
 gov-breadcrumbs nav, .gov-breadcrumbs nav {
-  margin-top: 0;
-  margin-bottom: 0;
   overflow: hidden;
   width: 100%;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-breadcrumbs ul, .gov-breadcrumbs ul {
   position: relative;
@@ -3238,29 +3387,17 @@ gov-breadcrumbs[expanded=""] li > a:first-child, gov-breadcrumbs[expanded=""] li
 }
 /* Button */
+/* Variables - Buttons */
+/* Variables - Colors */
 gov-button, .gov-button {
-  /* Variables - Buttons */
   height: var(--height, var(--height-component-m));
-  box-sizing: border-box;
-  display: inline-block;
-  align-content: center;
-  white-space: nowrap;
-  text-align: center;
-  max-width: -moz-max-content;
-  max-width: max-content;
-  margin-top: 0;
-  margin-bottom: 0;
-  border-radius: var(--border-radius, var(--corner-radius-s));
-  border: var(--border-width, 0.0625rem) solid transparent;
-  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
-  will-change: background-color, border-color;
 }
 gov-button, gov-button .element, .gov-button, .gov-button .element {
+  gap: var(--gap, var(--spacing-s-nudge));
+  padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-m));
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 700;
-  gap: var(--gap, var(--spacing-s-nudge));
-  padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-m));
 }
 gov-button .element, .gov-button .element {
   height: var(--height, var(--height-component-m));
@@ -3321,6 +3458,21 @@ gov-button *, .gov-button * {
   margin-top: 0;
   margin-bottom: 0;
 }
+gov-button, .gov-button {
+  box-sizing: border-box;
+  display: inline-block;
+  align-content: center;
+  white-space: nowrap;
+  text-align: center;
+  max-width: -moz-max-content;
+  max-width: max-content;
+  margin-top: 0;
+  margin-bottom: 0;
+  border-radius: var(--border-radius, var(--corner-radius-s));
+  border: var(--border-width, 0.0625rem) solid transparent;
+  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
+  will-change: background-color, border-color;
+}
 gov-button .element, .gov-button .element {
   display: inline-flex;
   vertical-align: middle;
@@ -3334,6 +3486,11 @@ gov-button .element, .gov-button .element {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
+}
+gov-button .element:focus, .gov-button .element:focus {
+  outline: none;
+}
+gov-button .element, .gov-button .element {
   position: relative;
   top: calc(-1 * var(--border-width, 0.0625rem));
   font-family: var(--font-family-primary, var(--font-family));
@@ -3343,9 +3500,6 @@ gov-button .element, .gov-button .element {
 gov-button .element:focus, .gov-button .element:focus {
   outline: none;
 }
-gov-button .element:focus, .gov-button .element:focus {
-  outline: none;
-}
 gov-button .element:focus-visible, .gov-button .element:focus-visible {
   border-radius: var(--outline-border-radius, var(--corner-radius-xs-nudge));
   outline: var(--outline-width, 0.125rem) solid var(--status-focus);
@@ -4169,11 +4323,11 @@ gov-button[size=xs], .gov-button[size=xs] {
   height: var(--height, var(--height-component-xs));
 }
 gov-button[size=xs], gov-button[size=xs] .element, .gov-button[size=xs], .gov-button[size=xs] .element {
+  gap: var(--gap, var(--spacing-xs-nudge));
+  padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-s));
   font-size: var(--font-size-body-xs);
   line-height: 150%;
   font-weight: 700;
-  gap: var(--gap, var(--spacing-xs-nudge));
-  padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-s));
 }
 gov-button[size=xs] .element, .gov-button[size=xs] .element {
   height: var(--height, var(--height-component-xs));
@@ -4226,11 +4380,11 @@ gov-button[size=s], .gov-button[size=s] {
   height: var(--height, var(--height-component-s));
 }
 gov-button[size=s], gov-button[size=s] .element, .gov-button[size=s], .gov-button[size=s] .element {
+  gap: var(--gap, var(--spacing-s));
+  padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-s-nudge));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 700;
-  gap: var(--gap, var(--spacing-s));
-  padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-s-nudge));
 }
 gov-button[size=s] .element, .gov-button[size=s] .element {
   height: var(--height, var(--height-component-s));
@@ -4283,11 +4437,11 @@ gov-button[size=l], .gov-button[size=l] {
   height: var(--height, var(--height-component-l));
 }
 gov-button[size=l], gov-button[size=l] .element, .gov-button[size=l], .gov-button[size=l] .element {
+  gap: var(--gap, var(--spacing-m));
+  padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-m-nudge));
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 700;
-  gap: var(--gap, var(--spacing-m));
-  padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-m-nudge));
 }
 gov-button[size=l] .element, .gov-button[size=l] .element {
   height: var(--height, var(--height-component-l));
@@ -4340,11 +4494,11 @@ gov-button[size=xl], .gov-button[size=xl] {
   height: var(--height, var(--height-component-xl));
 }
 gov-button[size=xl], gov-button[size=xl] .element, .gov-button[size=xl], .gov-button[size=xl] .element {
+  gap: var(--gap, var(--spacing-m-nudge));
+  padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-l));
   font-size: var(--font-size-body-xl);
   line-height: 150%;
   font-weight: 700;
-  gap: var(--gap, var(--spacing-m-nudge));
-  padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-l));
 }
 gov-button[size=xl] .element, .gov-button[size=xl] .element {
   height: var(--height, var(--height-component-xl));
@@ -4445,9 +4599,9 @@ gov-button[type=link][disabled=""], gov-button[type=link][disabled=""] .element,
 /* Dropdown */
 gov-dropdown, .gov-dropdown {
+  position: relative;
   margin-top: 0;
   margin-bottom: 0;
-  position: relative;
 }
 gov-dropdown *, .gov-dropdown * {
   margin-top: 0;
@@ -4494,8 +4648,8 @@ gov-dropdown[position=right] .gov-dropdown__list, .gov-dropdown[position=right]
 }
 /* Card */
+/* Variables - Card */
 gov-card, .gov-card {
-  /* Variables - Card */
   position: relative;
   display: flex;
   width: 100%;
@@ -4512,9 +4666,9 @@ gov-card > *:last-child, .gov-card > *:last-child {
 gov-card__header, .gov-card__header {
   gap: var(--spacing-l);
   padding: var(--spacing-l);
+  transition: background-color 150ms ease-in-out;
   margin-top: 0;
   margin-bottom: 0;
-  transition: background-color 150ms ease-in-out;
 }
 gov-card__arrow, .gov-card__arrow {
   flex: 0 0 auto;
@@ -4525,9 +4679,6 @@ gov-card__arrow, .gov-card__arrow {
 gov-card *[slot=headline], .gov-card *[slot=headline] {
   margin: 0;
   padding: 0;
-  font-family: var(--font-family-primary, var(--font-family));
-  font-weight: 400;
-  box-sizing: border-box;
   font-size: var(--font-size-headline-s);
   line-height: 150%;
   font-weight: 500;
@@ -4634,12 +4785,14 @@ gov-card[collapsible=""] .gov-card__header, gov-card[collapsible=true i] .gov-ca
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-  justify-content: space-between;
-  text-align: left;
 }
 gov-card[collapsible=""] .gov-card__header:focus, gov-card[collapsible=true i] .gov-card__header:focus, gov-card[collapsible="1"] .gov-card__header:focus, .gov-card[collapsible=""] .gov-card__header:focus, .gov-card[collapsible=true i] .gov-card__header:focus, .gov-card[collapsible="1"] .gov-card__header:focus {
   outline: none;
 }
+gov-card[collapsible=""] .gov-card__header, gov-card[collapsible=true i] .gov-card__header, gov-card[collapsible="1"] .gov-card__header, .gov-card[collapsible=""] .gov-card__header, .gov-card[collapsible=true i] .gov-card__header, .gov-card[collapsible="1"] .gov-card__header {
+  justify-content: space-between;
+  text-align: left;
+}
 gov-card[collapsible=""] .gov-card__header:focus, gov-card[collapsible=true i] .gov-card__header:focus, gov-card[collapsible="1"] .gov-card__header:focus, .gov-card[collapsible=""] .gov-card__header:focus, .gov-card[collapsible=true i] .gov-card__header:focus, .gov-card[collapsible="1"] .gov-card__header:focus {
   outline: none;
 }
@@ -4695,34 +4848,28 @@ gov-card[collapsible=""][open=""] .gov-card__arrow, gov-card[collapsible=""][ope
 }
 /* Chip */
+/* Variables - Chips */
 gov-chip, .gov-chip {
-  /* Variables - Chips */
-  /* Variables - Buttons */
   margin: 0;
   padding: 0;
-  font-family: var(--font-family-primary, var(--font-family));
-  font-weight: 400;
-  box-sizing: border-box;
   margin-top: 0;
   margin-bottom: 0;
+}
+gov-chip *, .gov-chip * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+gov-chip, .gov-chip {
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
   border: var(--border-width, 0.0625rem) solid transparent;
   transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
   will-change: background-color, border-color;
-  min-height: var(--height, var(--height-component-s));
-}
-gov-chip *, .gov-chip * {
-  margin-top: 0;
-  margin-bottom: 0;
 }
 gov-chip .element, .gov-chip .element {
   margin: 0;
   padding: 0;
-  font-family: var(--font-family-primary, var(--font-family));
-  font-weight: 400;
-  box-sizing: border-box;
   display: inline-flex;
   vertical-align: middle;
   justify-content: center;
@@ -4735,21 +4882,26 @@ gov-chip .element, .gov-chip .element {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-  transition: none;
 }
 gov-chip .element:focus, .gov-chip .element:focus {
   outline: none;
 }
+gov-chip .element, .gov-chip .element {
+  transition: none;
+}
 gov-chip span.element, .gov-chip span.element {
   cursor: default;
 }
+gov-chip, .gov-chip {
+  min-height: var(--height, var(--height-component-s));
+}
 gov-chip, gov-chip .element, .gov-chip, .gov-chip .element {
-  font-size: var(--font-size-body-s);
-  line-height: 150%;
-  font-weight: 400;
   gap: var(--padding-x, var(--spacing-s-nudge));
   padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-s-nudge));
   border-radius: var(--radius, var(--corner-radius-m));
+  font-size: var(--font-size-body-s);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-chip .element, .gov-chip .element {
   min-height: calc(var(--height, var(--height-component-s)) - var(--border-width, 0.0625rem) * 2);
@@ -5880,12 +6032,12 @@ gov-chip[size=xs], .gov-chip[size=xs] {
   min-height: var(--height, var(--height-component-xs));
 }
 gov-chip[size=xs], gov-chip[size=xs] .element, .gov-chip[size=xs], .gov-chip[size=xs] .element {
-  font-size: var(--font-size-body-xs);
-  line-height: 150%;
-  font-weight: 400;
   gap: var(--padding-x, var(--spacing-s));
   padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-s));
   border-radius: var(--radius, var(--corner-radius-s-nudge));
+  font-size: var(--font-size-body-xs);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-chip[size=xs] .element, .gov-chip[size=xs] .element {
   min-height: calc(var(--height, var(--height-component-xs)) - var(--border-width, 0.0625rem) * 2);
@@ -5943,12 +6095,12 @@ gov-chip[size=m], .gov-chip[size=m] {
   min-height: var(--height, var(--height-component-m));
 }
 gov-chip[size=m], gov-chip[size=m] .element, .gov-chip[size=m], .gov-chip[size=m] .element {
-  font-size: var(--font-size-body-m);
-  line-height: 150%;
-  font-weight: 400;
   gap: var(--padding-x, var(--spacing-m));
   padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-m));
   border-radius: var(--radius, var(--corner-radius-m-nudge));
+  font-size: var(--font-size-body-m);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-chip[size=m] .element, .gov-chip[size=m] .element {
   min-height: calc(var(--height, var(--height-component-m)) - var(--border-width, 0.0625rem) * 2);
@@ -6003,6 +6155,52 @@ gov-chip[size=m][icon-end]:has(gov-icon), gov-chip[size=m][icon-end]:has(.gov-ic
   padding-right: var(--padding-x, var(--spacing-m));
 }
+/* Collapsible */
+/* Variables - Collapsible */
+gov-collapsible, .gov-collapsible {
+  display: block;
+}
+gov-collapsible gov-button .element, gov-collapsible .gov-button .element, .gov-collapsible gov-button .element, .gov-collapsible .gov-button .element {
+  font-weight: 400 !important;
+}
+gov-collapsible[direction=up], .gov-collapsible[direction=up] {
+  display: flex;
+  flex-direction: column-reverse;
+}
+gov-collapsible:not([hydrated]):not([open]), .gov-collapsible:not([hydrated]):not([open]) {
+  display: none;
+}
+gov-collapsible[size=xs] gov-button .element, gov-collapsible[size=xs] .gov-button .element, .gov-collapsible[size=xs] gov-button .element, .gov-collapsible[size=xs] .gov-button .element {
+  padding: var(--padding, var(--spacing-xs) 0);
+}
+gov-collapsible[size=xs] .gov-collapsible__content, .gov-collapsible[size=xs] .gov-collapsible__content {
+  padding: var(--padding, var(--spacing-xs) 0);
+}
+gov-collapsible[size=s] gov-button .element, gov-collapsible[size=s] .gov-button .element, .gov-collapsible[size=s] gov-button .element, .gov-collapsible[size=s] .gov-button .element {
+  padding: var(--padding, var(--spacing-xs) 0);
+}
+gov-collapsible[size=s] .gov-collapsible__content, .gov-collapsible[size=s] .gov-collapsible__content {
+  padding: var(--padding, var(--spacing-xs) 0);
+}
+gov-collapsible[size=m] gov-button .element, gov-collapsible[size=m] .gov-button .element, .gov-collapsible[size=m] gov-button .element, .gov-collapsible[size=m] .gov-button .element {
+  padding: var(--padding, var(--spacing-xs-nudge) 0);
+}
+gov-collapsible[size=m] .gov-collapsible__content, .gov-collapsible[size=m] .gov-collapsible__content {
+  padding: var(--padding, var(--spacing-xs-nudge) 0);
+}
+gov-collapsible[size=l] gov-button .element, gov-collapsible[size=l] .gov-button .element, .gov-collapsible[size=l] gov-button .element, .gov-collapsible[size=l] .gov-button .element {
+  padding: var(--padding, var(--spacing-s) 0);
+}
+gov-collapsible[size=l] .gov-collapsible__content, .gov-collapsible[size=l] .gov-collapsible__content {
+  padding: var(--padding, var(--spacing-s) 0);
+}
+gov-collapsible[size=xl] gov-button .element, gov-collapsible[size=xl] .gov-button .element, .gov-collapsible[size=xl] gov-button .element, .gov-collapsible[size=xl] .gov-button .element {
+  padding: var(--padding, var(--spacing-s) 0);
+}
+gov-collapsible[size=xl] .gov-collapsible__content, .gov-collapsible[size=xl] .gov-collapsible__content {
+  padding: var(--padding, var(--spacing-s) 0);
+}
 /* Container */
 gov-container, .gov-container {
   container-type: inline-size;
@@ -6015,8 +6213,8 @@ gov-container, .gov-container {
 }
 /* Control group */
+/* Variables - Control group */
 gov-control-group, .gov-control-group {
-  /* Variables - Control group */
   position: relative;
   display: flex;
   align-items: center;
@@ -6049,7 +6247,7 @@ gov-control-group > .gov-form-file gov-button, gov-control-group > .gov-form-fil
 .gov-control-group > gov-form-file gov-button, .gov-control-group > gov-form-file .gov-button,
 .gov-control-group > .gov-form-file gov-button, .gov-control-group > .gov-form-file .gov-button {
   border: none !important;
-  border-radius: 0;
+  border-radius: 0 !important;
 }
 gov-control-group > gov-form-input, gov-control-group .gov-form-input,
 gov-control-group > gov-form-select, gov-control-group .gov-form-select,
@@ -6069,23 +6267,23 @@ gov-control-group > *:first-child,
 gov-control-group > *:first-child .element,
 gov-control-group > *:first-child .element input,
 gov-control-group > *:first-child .element select,
-gov-control-group > gov-button:first-child, gov-control-group > .gov-button:first-child > gov-dropdown:first-child > gov-button,
-gov-control-group > gov-dropdown:first-child > .gov-button,
+gov-control-group > gov-button:first-child, gov-control-group > .gov-button:first-child,
+gov-control-group > gov-dropdown:first-child > gov-button, gov-control-group > gov-dropdown:first-child > .gov-button,
 gov-control-group > .gov-dropdown:first-child > gov-button, gov-control-group > .gov-dropdown:first-child > .gov-button,
 gov-control-group > gov-form-file:first-child gov-button, gov-control-group > gov-form-file:first-child .gov-button,
 gov-control-group > .gov-form-file:first-child gov-button, gov-control-group > .gov-form-file:first-child .gov-button, .gov-control-group > *:first-child,
 .gov-control-group > *:first-child .element,
 .gov-control-group > *:first-child .element input,
 .gov-control-group > *:first-child .element select,
-.gov-control-group > gov-button:first-child, .gov-control-group > .gov-button:first-child > gov-dropdown:first-child > gov-button,
-.gov-control-group > gov-dropdown:first-child > .gov-button,
+.gov-control-group > gov-button:first-child, .gov-control-group > .gov-button:first-child,
+.gov-control-group > gov-dropdown:first-child > gov-button, .gov-control-group > gov-dropdown:first-child > .gov-button,
 .gov-control-group > .gov-dropdown:first-child > gov-button, .gov-control-group > .gov-dropdown:first-child > .gov-button,
 .gov-control-group > gov-form-file:first-child gov-button, .gov-control-group > gov-form-file:first-child .gov-button,
 .gov-control-group > .gov-form-file:first-child gov-button, .gov-control-group > .gov-form-file:first-child .gov-button {
-  border-top-left-radius: calc(var(--border-radius, var(--corner-radius-s)) - 2px);
-  border-bottom-left-radius: calc(var(--border-radius, var(--corner-radius-s)) - 2px);
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+  border-top-left-radius: calc(var(--border-radius, var(--corner-radius-s)) - 2px) !important;
+  border-bottom-left-radius: calc(var(--border-radius, var(--corner-radius-s)) - 2px) !important;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
 }
 gov-control-group > *:last-child,
 gov-control-group > *:last-child .element,
@@ -6104,10 +6302,13 @@ gov-control-group > .gov-form-file:last-child gov-button, gov-control-group > .g
 .gov-control-group > .gov-dropdown:last-child > gov-button, .gov-control-group > .gov-dropdown:last-child > .gov-button,
 .gov-control-group > gov-form-file:last-child gov-button, .gov-control-group > gov-form-file:last-child .gov-button,
 .gov-control-group > .gov-form-file:last-child gov-button, .gov-control-group > .gov-form-file:last-child .gov-button {
-  border-top-right-radius: calc(var(--border-radius, var(--corner-radius-s)) - 2px);
-  border-bottom-right-radius: calc(var(--border-radius, var(--corner-radius-s)) - 2px);
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+  border-top-right-radius: calc(var(--border-radius, var(--corner-radius-s)) - 2px) !important;
+  border-bottom-right-radius: calc(var(--border-radius, var(--corner-radius-s)) - 2px) !important;
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+gov-control-group > gov-dropdown .gov-dropdown__list, gov-control-group .gov-dropdown .gov-dropdown__list, .gov-control-group > gov-dropdown .gov-dropdown__list, .gov-control-group .gov-dropdown .gov-dropdown__list {
+  margin-top: var(--border-width, 0.0625rem);
 }
 gov-control-group[fit-content=""], gov-control-group[fit-content=true i], gov-control-group[fit-content="1"], .gov-control-group[fit-content=""], .gov-control-group[fit-content=true i], .gov-control-group[fit-content="1"] {
   display: inline-flex;
@@ -6152,9 +6353,9 @@ gov-control-group[no-inner-border=""] > *, gov-control-group[no-inner-border=tru
   border-right: none !important;
 }
-/* Cookie Consent */
+/* Cookiebar */
+/* Variables - Cookiebar */
 gov-cookiebar, .gov-cookiebar {
-  /* Variables - Cookiebar */
   z-index: 51;
   position: fixed;
   right: 0;
@@ -6218,13 +6419,12 @@ gov-cookiebar__actions *, .gov-cookiebar__actions * {
 }
 /* Dialog */
+/* Variables - Dialog */
 gov-dialog, .gov-dialog {
-  /* Variables - Dialog */
   display: none;
   visibility: hidden;
 }
 gov-dialog__dialog, .gov-dialog__dialog {
-  z-index: 101;
   position: fixed;
   top: 50%;
   left: 50%;
@@ -6241,6 +6441,7 @@ gov-dialog__dialog, .gov-dialog__dialog {
   background: transparent;
   transform: translate(-50%, -50%);
   pointer-events: none;
+  z-index: 101;
 }
 gov-dialog__dialog:focus, .gov-dialog__dialog:focus {
   outline: none;
@@ -6263,8 +6464,6 @@ gov-dialog__inner, .gov-dialog__inner {
   box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.3);
 }
 gov-dialog__header, .gov-dialog__header {
-  margin-top: 0;
-  margin-bottom: 0;
   display: flex;
   gap: var(--spacing-s);
   align-items: flex-start;
@@ -6272,6 +6471,8 @@ gov-dialog__header, .gov-dialog__header {
   padding-right: calc(var(--icon-size-m) + var(--spacing-m) * 2 + var(--spacing-s) + var(--border-width, 0.0625rem) * 2);
   line-height: var(--height-line-l);
   border-bottom: var(--border-width, 0.0625rem) solid var(--border-color, var(--border-subtlest));
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-dialog__header *, .gov-dialog__header * {
   margin-top: 0;
@@ -6297,11 +6498,11 @@ gov-dialog__close, .gov-dialog__close {
   right: 0;
 }
 gov-dialog__content, .gov-dialog__content {
-  margin-top: 0;
-  margin-bottom: 0;
   height: 100%;
   padding: var(--spacing-m) var(--spacing-s-nudge) var(--spacing-m-nudge) var(--spacing-s-nudge);
   overflow: auto;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-dialog__content > *:last-child, .gov-dialog__content > *:last-child {
   margin-bottom: 0;
@@ -6348,16 +6549,16 @@ gov-dialog[hydrated], .gov-dialog.hydrated {
   visibility: visible;
 }
-/* Alert */
+/* Empty */
+/* Variables - Empty */
 gov-empty, .gov-empty {
-  /* Variables - Empty */
-  margin-top: 0;
-  margin-bottom: 0;
   position: relative;
   display: flex;
   width: 100%;
   flex-direction: column;
   color: var(--text-secondary);
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-empty *, .gov-empty * {
   margin-top: 0;
@@ -6380,14 +6581,14 @@ gov-empty *[slot=icon], .gov-empty *[slot=icon] {
   background: var(--icon-circle-background, linear-gradient(to bottom, var(--background-primary-subtle), var(--background-block-primary)));
   color: var(--icon-color, var(--background-primary));
 }
+gov-empty__content > *:last-child, .gov-empty__content > *:last-child {
+  margin-bottom: 0;
+}
 gov-empty__content, .gov-empty__content {
   display: flex;
   flex-direction: column;
   color: var(--text-secondary);
 }
-gov-empty__content > *:last-child, .gov-empty__content > *:last-child {
-  margin-bottom: 0;
-}
 gov-empty *[slot=headline], .gov-empty *[slot=headline] {
   color: var(--text-primary);
 }
@@ -6515,9 +6716,9 @@ gov-empty[size=l] .gov-empty__content *[slot=headline], .gov-empty[size=l] .gov-
   }
 }
-/* Alert */
+/* Error code */
+/* Variables - Error code */
 gov-error-code, .gov-error-code {
-  /* Variables - Error code */
   position: relative;
   display: flex;
   width: 100%;
@@ -6564,10 +6765,10 @@ gov-error-code__content > *, .gov-error-code__content > * {
   text-align: center;
 }
 gov-error-code *[slot=headline], .gov-error-code *[slot=headline] {
+  color: var(--text-primary);
   font-size: var(--font-size-headline-l);
   line-height: 150%;
   font-weight: 500;
-  color: var(--text-primary);
 }
 @container (width > 30em) {
   gov-error-code, .gov-error-code {
@@ -6593,8 +6794,8 @@ gov-error-code *[slot=headline], .gov-error-code *[slot=headline] {
 }
 /* Flex */
+/* Variables - Flex */
 gov-flex, .gov-flex {
-  /* Variables - Flex */
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -6870,9 +7071,9 @@ gov-flex[responsive=false i][align-self=anchor-center], gov-flex[responsive="0"]
 }
 /* Autocomplete */
+/* Variables - Form input */
+/* Variables - Form Autocomplete */
 gov-form-autocomplete, .gov-form-autocomplete {
-  /* Variables - Form Autocomplete */
-  /* Variables - Form input */
   position: relative;
   display: block;
   width: 100%;
@@ -6891,6 +7092,7 @@ gov-form-autocomplete__list, .gov-form-autocomplete__list {
   z-index: 5;
   margin: 0;
   padding: 0;
+  max-height: calc(var(--list-height-scale, 2) * var(--height-8xl));
   border: var(--border-width, 0.0625rem) solid var(--border, var(--border-subtle));
   border-radius: var(--border-radius, var(--corner-radius-s));
   background: var(--background, var(--background-neutral-white));
@@ -6938,11 +7140,11 @@ gov-form-autocomplete[size=xs] .gov-form-autocomplete__item--empty,
 gov-form-autocomplete[size=xs] .gov-form-autocomplete__item--loading, .gov-form-autocomplete[size=xs] .gov-form-autocomplete__item,
 .gov-form-autocomplete[size=xs] .gov-form-autocomplete__item--empty,
 .gov-form-autocomplete[size=xs] .gov-form-autocomplete__item--loading {
+  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-xs)) var(--padding-horizontal, var(--spacing-xs-nudge));
+  gap: var(--gap, var(--spacing-xs));
   font-size: var(--font-size-body-xs);
   line-height: 150%;
   font-weight: 400;
-  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-xs)) var(--padding-horizontal, var(--spacing-xs-nudge));
-  gap: var(--gap, var(--spacing-xs));
 }
 gov-form-autocomplete[size=xs] .gov-form-autocomplete__item gov-icon, gov-form-autocomplete[size=xs] .gov-form-autocomplete__item .gov-icon,
 gov-form-autocomplete[size=xs] .gov-form-autocomplete__item--empty gov-icon,
@@ -6964,11 +7166,11 @@ gov-form-autocomplete[size=s] .gov-form-autocomplete__item--empty,
 gov-form-autocomplete[size=s] .gov-form-autocomplete__item--loading, .gov-form-autocomplete[size=s] .gov-form-autocomplete__item,
 .gov-form-autocomplete[size=s] .gov-form-autocomplete__item--empty,
 .gov-form-autocomplete[size=s] .gov-form-autocomplete__item--loading {
+  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-s)) var(--padding-horizontal, var(--spacing-s));
+  gap: var(--gap, var(--spacing-xs-nudge));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-s)) var(--padding-horizontal, var(--spacing-s));
-  gap: var(--gap, var(--spacing-xs-nudge));
 }
 gov-form-autocomplete[size=s] .gov-form-autocomplete__item gov-icon, gov-form-autocomplete[size=s] .gov-form-autocomplete__item .gov-icon,
 gov-form-autocomplete[size=s] .gov-form-autocomplete__item--empty gov-icon,
@@ -6990,11 +7192,11 @@ gov-form-autocomplete[size=m] .gov-form-autocomplete__item--empty,
 gov-form-autocomplete[size=m] .gov-form-autocomplete__item--loading, .gov-form-autocomplete[size=m] .gov-form-autocomplete__item,
 .gov-form-autocomplete[size=m] .gov-form-autocomplete__item--empty,
 .gov-form-autocomplete[size=m] .gov-form-autocomplete__item--loading {
+  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-m)) var(--padding-horizontal, var(--spacing-s-nudge));
+  gap: var(--gap, var(--spacing-s));
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
-  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-m)) var(--padding-horizontal, var(--spacing-s-nudge));
-  gap: var(--gap, var(--spacing-s));
 }
 gov-form-autocomplete[size=m] .gov-form-autocomplete__item gov-icon, gov-form-autocomplete[size=m] .gov-form-autocomplete__item .gov-icon,
 gov-form-autocomplete[size=m] .gov-form-autocomplete__item--empty gov-icon,
@@ -7016,11 +7218,11 @@ gov-form-autocomplete[size=l] .gov-form-autocomplete__item--empty,
 gov-form-autocomplete[size=l] .gov-form-autocomplete__item--loading, .gov-form-autocomplete[size=l] .gov-form-autocomplete__item,
 .gov-form-autocomplete[size=l] .gov-form-autocomplete__item--empty,
 .gov-form-autocomplete[size=l] .gov-form-autocomplete__item--loading {
+  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-l)) var(--padding-horizontal, var(--spacing-m));
+  gap: var(--gap, var(--spacing-s-nudge));
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
-  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-l)) var(--padding-horizontal, var(--spacing-m));
-  gap: var(--gap, var(--spacing-s-nudge));
 }
 gov-form-autocomplete[size=l] .gov-form-autocomplete__item gov-icon, gov-form-autocomplete[size=l] .gov-form-autocomplete__item .gov-icon,
 gov-form-autocomplete[size=l] .gov-form-autocomplete__item--empty gov-icon,
@@ -7042,11 +7244,11 @@ gov-form-autocomplete[size=xl] .gov-form-autocomplete__item--empty,
 gov-form-autocomplete[size=xl] .gov-form-autocomplete__item--loading, .gov-form-autocomplete[size=xl] .gov-form-autocomplete__item,
 .gov-form-autocomplete[size=xl] .gov-form-autocomplete__item--empty,
 .gov-form-autocomplete[size=xl] .gov-form-autocomplete__item--loading {
+  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-xl)) var(--padding-horizontal, var(--spacing-m-nudge));
+  gap: var(--gap, var(--spacing-m));
   font-size: var(--font-size-body-xl);
   line-height: 150%;
   font-weight: 400;
-  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-xl)) var(--padding-horizontal, var(--spacing-m-nudge));
-  gap: var(--gap, var(--spacing-m));
 }
 gov-form-autocomplete[size=xl] .gov-form-autocomplete__item gov-icon, gov-form-autocomplete[size=xl] .gov-form-autocomplete__item .gov-icon,
 gov-form-autocomplete[size=xl] .gov-form-autocomplete__item--empty gov-icon,
@@ -7077,12 +7279,12 @@ gov-form-autocomplete[size=xl], .gov-form-autocomplete[size=xl] {
 }
 /* Checkbox */
+/* Variables - Form checkbox & radio */
 gov-form-checkbox, .gov-form-checkbox {
-  /* Variables - Form checkbox & radio */
-  margin-top: 0;
-  margin-bottom: 0;
   position: relative;
   display: inline-block;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-checkbox *, .gov-form-checkbox * {
   margin-top: 0;
@@ -7098,6 +7300,9 @@ gov-form-checkbox input, .gov-form-checkbox input {
           appearance: none;
   cursor: pointer;
 }
+gov-form-checkbox input[type=checkbox], .gov-form-checkbox input[type=checkbox] {
+  margin: 0;
+}
 gov-form-checkbox input + span, .gov-form-checkbox input + span {
   position: relative;
   display: block;
@@ -7204,11 +7409,11 @@ gov-form-checkbox[disabled="1"] input:indeterminate + span:before, .gov-form-che
   background-color: var(--disabled-indicator-background, var(--interactive-disabled));
 }
 gov-form-checkbox[size=xs], .gov-form-checkbox[size=xs] {
+  min-height: var(--height, var(--height-component-xs));
+  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) 0;
   font-size: var(--font-size-body-xs);
   line-height: 150%;
   font-weight: 400;
-  min-height: var(--height, var(--height-component-xs));
-  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) 0;
 }
 gov-form-checkbox[size=xs] input, .gov-form-checkbox[size=xs] input {
   top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) + (var(--height, var(--height-component-xs)) - var(--indicator-size, var(--height-s-nudge)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) * 2) / 2);
@@ -7223,10 +7428,10 @@ gov-form-checkbox[size=xs] *[slot=label], .gov-form-checkbox[size=xs] *[slot=lab
   padding-left: var(--indicator-size, var(--height-s-nudge));
 }
 gov-form-checkbox[size=xs] *[slot=label] label, .gov-form-checkbox[size=xs] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-xs-nudge));
   font-size: var(--font-size-body-xs);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-xs-nudge));
 }
 gov-form-checkbox[size=xs] input + span:before, .gov-form-checkbox[size=xs] input + span:before {
   top: calc((var(--height, var(--height-component-xs)) - var(--indicator-size, var(--height-s-nudge)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) * 2) / 2);
@@ -7245,11 +7450,11 @@ gov-form-checkbox[size=xs][no-label=""], gov-form-checkbox[size=xs][no-label=tru
   width: var(--indicator-size, var(--height-s-nudge));
 }
 gov-form-checkbox[size=s], .gov-form-checkbox[size=s] {
+  min-height: var(--height, var(--height-component-s));
+  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) 0;
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  min-height: var(--height, var(--height-component-s));
-  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) 0;
 }
 gov-form-checkbox[size=s] input, .gov-form-checkbox[size=s] input {
   top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) + (var(--height, var(--height-component-s)) - var(--indicator-size, var(--height-m)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) * 2) / 2);
@@ -7264,10 +7469,10 @@ gov-form-checkbox[size=s] *[slot=label], .gov-form-checkbox[size=s] *[slot=label
   padding-left: var(--indicator-size, var(--height-m));
 }
 gov-form-checkbox[size=s] *[slot=label] label, .gov-form-checkbox[size=s] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-s));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-s));
 }
 gov-form-checkbox[size=s] input + span:before, .gov-form-checkbox[size=s] input + span:before {
   top: calc((var(--height, var(--height-component-s)) - var(--indicator-size, var(--height-m)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) * 2) / 2);
@@ -7286,11 +7491,11 @@ gov-form-checkbox[size=s][no-label=""], gov-form-checkbox[size=s][no-label=true
   width: var(--indicator-size, var(--height-m));
 }
 gov-form-checkbox[size=m], .gov-form-checkbox[size=m] {
+  min-height: var(--height, var(--height-component-m));
+  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) 0;
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
-  min-height: var(--height, var(--height-component-m));
-  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) 0;
 }
 gov-form-checkbox[size=m] input, .gov-form-checkbox[size=m] input {
   top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) + (var(--height, var(--height-component-m)) - var(--indicator-size, var(--height-m-nudge)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) * 2) / 2);
@@ -7305,10 +7510,10 @@ gov-form-checkbox[size=m] *[slot=label], .gov-form-checkbox[size=m] *[slot=label
   padding-left: var(--indicator-size, var(--height-m-nudge));
 }
 gov-form-checkbox[size=m] *[slot=label] label, .gov-form-checkbox[size=m] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-s-nudge));
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-s-nudge));
 }
 gov-form-checkbox[size=m] input + span:before, .gov-form-checkbox[size=m] input + span:before {
   top: calc((var(--height, var(--height-component-m)) - var(--indicator-size, var(--height-m-nudge)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) * 2) / 2);
@@ -7327,11 +7532,11 @@ gov-form-checkbox[size=m][no-label=""], gov-form-checkbox[size=m][no-label=true
   width: var(--indicator-size, var(--height-m-nudge));
 }
 gov-form-checkbox[size=l], .gov-form-checkbox[size=l] {
+  min-height: var(--height, var(--height-component-l));
+  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) 0;
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
-  min-height: var(--height, var(--height-component-l));
-  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) 0;
 }
 gov-form-checkbox[size=l] input, .gov-form-checkbox[size=l] input {
   top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) + (var(--height, var(--height-component-l)) - var(--indicator-size, var(--height-l)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) * 2) / 2);
@@ -7346,10 +7551,10 @@ gov-form-checkbox[size=l] *[slot=label], .gov-form-checkbox[size=l] *[slot=label
   padding-left: var(--indicator-size, var(--height-l));
 }
 gov-form-checkbox[size=l] *[slot=label] label, .gov-form-checkbox[size=l] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-m));
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-m));
 }
 gov-form-checkbox[size=l] input + span:before, .gov-form-checkbox[size=l] input + span:before {
   top: calc((var(--height, var(--height-component-l)) - var(--indicator-size, var(--height-l)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) * 2) / 2);
@@ -7368,11 +7573,11 @@ gov-form-checkbox[size=l][no-label=""], gov-form-checkbox[size=l][no-label=true
   width: var(--indicator-size, var(--height-l));
 }
 gov-form-checkbox[size=xl], .gov-form-checkbox[size=xl] {
+  min-height: var(--height, var(--height-component-xl));
+  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) 0;
   font-size: var(--font-size-body-xl);
   line-height: 150%;
   font-weight: 400;
-  min-height: var(--height, var(--height-component-xl));
-  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) 0;
 }
 gov-form-checkbox[size=xl] input, .gov-form-checkbox[size=xl] input {
   top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) + (var(--height, var(--height-component-xl)) - var(--indicator-size, var(--height-xl)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) * 2) / 2);
@@ -7387,10 +7592,10 @@ gov-form-checkbox[size=xl] *[slot=label], .gov-form-checkbox[size=xl] *[slot=lab
   padding-left: var(--indicator-size, var(--height-xl));
 }
 gov-form-checkbox[size=xl] *[slot=label] label, .gov-form-checkbox[size=xl] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-m-nudge));
   font-size: var(--font-size-body-xl);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-m-nudge));
 }
 gov-form-checkbox[size=xl] input + span:before, .gov-form-checkbox[size=xl] input + span:before {
   top: calc((var(--height, var(--height-component-xl)) - var(--indicator-size, var(--height-xl)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) * 2) / 2);
@@ -7410,11 +7615,8 @@ gov-form-checkbox[size=xl][no-label=""], gov-form-checkbox[size=xl][no-label=tru
 }
 /* Form Control */
-gov-form-control, .gov-form-control {
-  /* Variables - Form label */
-  /* Variables - Form checkbox & radio */
-  /* Variables - Form switch */
-}
+/* Variables - Form label */
+/* Variables - Form switch */
 gov-form-control *, .gov-form-control * {
   margin-top: 0;
   margin-bottom: 0;
@@ -7468,11 +7670,11 @@ gov-form-control[disabled=""] gov-form-label[slot=top], gov-form-control[disable
 /* File */
 gov-form-file, .gov-form-file {
-  /* Variables - Buttons */
   margin-top: 0;
   margin-bottom: 0;
   position: relative;
   display: block;
+  width: 100%;
   color: var(--text-primary);
 }
 gov-form-file__area, .gov-form-file__area {
@@ -7941,11 +8143,11 @@ gov-form-file[expanded=""][disabled=""] .gov-form-file__area .gov-form-file__not
   color: var(--form-state-label-disabled, var(--text-disabled));
 }
-/* Form Control */
+/* Form Group */
+/* Variables - Form group */
 gov-form-group, .gov-form-group,
 gov-form-radio-group, .gov-form-radio-group,
 gov-form-checkbox-group, .gov-form-checkbox-group {
-  /* Variables - Form group */
   margin-top: 0;
   margin-bottom: 0;
   position: relative;
@@ -7998,45 +8200,56 @@ gov-form-checkbox-group[gap=xl], .gov-form-checkbox-group[gap=xl] {
 /* Input */
 gov-form-input, .gov-form-input {
-  /* Variables - Form input */
-  margin-top: 0;
-  margin-bottom: 0;
   position: relative;
   display: flex;
   width: 100%;
-  align-items: center;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-input *, .gov-form-input * {
   margin-top: 0;
   margin-bottom: 0;
 }
+gov-form-input, .gov-form-input {
+  align-items: center;
+}
 gov-form-input > .element, .gov-form-input > .element {
   position: relative;
   display: flex;
   flex: 1 1 auto;
   align-items: center;
+}
+gov-form-input > .element *[slot=prefix],
+gov-form-input > .element *[slot=sufix], .gov-form-input > .element *[slot=prefix],
+.gov-form-input > .element *[slot=sufix] {
+  margin: 0;
+}
+gov-form-input > .element:not(:has(textarea)),
+gov-form-input > .element textarea, .gov-form-input > .element:not(:has(textarea)),
+.gov-form-input > .element textarea {
   border-radius: var(--border-radius, var(--corner-radius-s));
   background-color: var(--form-bg-color, var(--background-block-primary));
   border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
 }
-gov-form-input > .element:focus, .gov-form-input > .element:focus {
+gov-form-input > .element:not(:has(textarea)):focus,
+gov-form-input > .element textarea:focus, .gov-form-input > .element:not(:has(textarea)):focus,
+.gov-form-input > .element textarea:focus {
   outline: none;
 }
-gov-form-input > .element:focus-visible, .gov-form-input > .element:focus-visible {
+gov-form-input > .element:not(:has(textarea)):focus-visible,
+gov-form-input > .element textarea:focus-visible, .gov-form-input > .element:not(:has(textarea)):focus-visible,
+.gov-form-input > .element textarea:focus-visible {
   border-radius: var(--outline-border-radius, var(--corner-radius-xs-nudge));
   outline: var(--outline-width, 0.125rem) solid var(--status-focus);
   outline-offset: var(--outline-offset, 0.125rem);
 }
-gov-form-input > .element:focus-within, .gov-form-input > .element:focus-within {
+gov-form-input > .element:not(:has(textarea)):focus-within,
+gov-form-input > .element textarea:focus-within, .gov-form-input > .element:not(:has(textarea)):focus-within,
+.gov-form-input > .element textarea:focus-within {
   border-radius: var(--outline-border-radius, var(--corner-radius-xs-nudge));
   outline: var(--outline-width, 0.125rem) solid var(--status-focus);
   outline-offset: var(--outline-offset, 0.125rem);
 }
-gov-form-input > .element *[slot=prefix],
-gov-form-input > .element *[slot=sufix], .gov-form-input > .element *[slot=prefix],
-.gov-form-input > .element *[slot=sufix] {
-  margin: 0;
-}
 gov-form-input__icons, .gov-form-input__icons {
   display: flex;
 }
@@ -8071,19 +8284,25 @@ gov-form-input:not(.hydrated), .gov-form-input:not(.hydrated) {
   border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
 }
 @media not all and (pointer: coarse) {
-  gov-form-input:hover > .element, .gov-form-input:hover > .element {
+  gov-form-input:hover > .element:not(:has(textarea)),
+  gov-form-input:hover > .element textarea, .gov-form-input:hover > .element:not(:has(textarea)),
+  .gov-form-input:hover > .element textarea {
     background-color: var(--form-hover-color, var(--button-outlined-primary-hover));
   }
-  gov-form-input:hover > .element gov-button, gov-form-input:hover > .element .gov-button, .gov-form-input:hover > .element gov-button, .gov-form-input:hover > .element .gov-button {
+  gov-form-input:hover > .element:not(:has(textarea)) gov-button, gov-form-input:hover > .element:not(:has(textarea)) .gov-button,
+  gov-form-input:hover > .element textarea gov-button,
+  gov-form-input:hover > .element textarea .gov-button, .gov-form-input:hover > .element:not(:has(textarea)) gov-button, .gov-form-input:hover > .element:not(:has(textarea)) .gov-button,
+  .gov-form-input:hover > .element textarea gov-button,
+  .gov-form-input:hover > .element textarea .gov-button {
     background-color: transparent;
   }
 }
 gov-form-input[size=xs], .gov-form-input[size=xs] {
+  gap: var(--gap, var(--spacing-xs));
+  min-height: var(--height, var(--height-component-xs));
   font-size: var(--font-size-body-xs);
   line-height: 150%;
   font-weight: 400;
-  gap: var(--gap, var(--spacing-xs));
-  min-height: var(--height, var(--height-component-xs));
 }
 gov-form-input[size=xs] > .element, .gov-form-input[size=xs] > .element {
   gap: var(--gap, var(--spacing-xs));
@@ -8106,11 +8325,11 @@ gov-form-input[size=xs] .gov-form-input__icons + input, .gov-form-input[size=xs]
   padding-left: 0;
 }
 gov-form-input[size=xs] input, gov-form-input[size=xs] textarea, .gov-form-input[size=xs] input, .gov-form-input[size=xs] textarea {
+  min-height: var(--height, var(--height-component-xs));
+  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-xs)) var(--padding-horizontal, var(--spacing-xs-nudge));
   font-size: var(--font-size-body-xs);
   line-height: 150%;
   font-weight: 400;
-  min-height: var(--height, var(--height-component-xs));
-  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-xs)) var(--padding-horizontal, var(--spacing-xs-nudge));
 }
 gov-form-input[size=xs] input + .gov-form-input__icons, gov-form-input[size=xs] textarea + .gov-form-input__icons, .gov-form-input[size=xs] input + .gov-form-input__icons, .gov-form-input[size=xs] textarea + .gov-form-input__icons {
   padding-right: var(--padding-horizontal, var(--spacing-xs-nudge));
@@ -8119,11 +8338,11 @@ gov-form-input[size=xs] input:has(+ .gov-form-input__icons), gov-form-input[size
   padding-right: 0;
 }
 gov-form-input[size=s], .gov-form-input[size=s] {
+  gap: var(--gap, var(--spacing-xs-nudge));
+  min-height: var(--height, var(--height-component-s));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  gap: var(--gap, var(--spacing-xs-nudge));
-  min-height: var(--height, var(--height-component-s));
 }
 gov-form-input[size=s] > .element, .gov-form-input[size=s] > .element {
   gap: var(--gap, var(--spacing-xs-nudge));
@@ -8146,11 +8365,11 @@ gov-form-input[size=s] .gov-form-input__icons + input, .gov-form-input[size=s] .
   padding-left: 0;
 }
 gov-form-input[size=s] input, gov-form-input[size=s] textarea, .gov-form-input[size=s] input, .gov-form-input[size=s] textarea {
+  min-height: var(--height, var(--height-component-s));
+  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-s)) var(--padding-horizontal, var(--spacing-s));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  min-height: var(--height, var(--height-component-s));
-  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-s)) var(--padding-horizontal, var(--spacing-s));
 }
 gov-form-input[size=s] input + .gov-form-input__icons, gov-form-input[size=s] textarea + .gov-form-input__icons, .gov-form-input[size=s] input + .gov-form-input__icons, .gov-form-input[size=s] textarea + .gov-form-input__icons {
   padding-right: var(--padding-horizontal, var(--spacing-s));
@@ -8159,11 +8378,11 @@ gov-form-input[size=s] input:has(+ .gov-form-input__icons), gov-form-input[size=
   padding-right: 0;
 }
 gov-form-input[size=m], .gov-form-input[size=m] {
+  gap: var(--gap, var(--spacing-s));
+  min-height: var(--height, var(--height-component-m));
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
-  gap: var(--gap, var(--spacing-s));
-  min-height: var(--height, var(--height-component-m));
 }
 gov-form-input[size=m] > .element, .gov-form-input[size=m] > .element {
   gap: var(--gap, var(--spacing-s));
@@ -8186,11 +8405,11 @@ gov-form-input[size=m] .gov-form-input__icons + input, .gov-form-input[size=m] .
   padding-left: 0;
 }
 gov-form-input[size=m] input, gov-form-input[size=m] textarea, .gov-form-input[size=m] input, .gov-form-input[size=m] textarea {
+  min-height: var(--height, var(--height-component-m));
+  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-m)) var(--padding-horizontal, var(--spacing-s-nudge));
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
-  min-height: var(--height, var(--height-component-m));
-  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-m)) var(--padding-horizontal, var(--spacing-s-nudge));
 }
 gov-form-input[size=m] input + .gov-form-input__icons, gov-form-input[size=m] textarea + .gov-form-input__icons, .gov-form-input[size=m] input + .gov-form-input__icons, .gov-form-input[size=m] textarea + .gov-form-input__icons {
   padding-right: var(--padding-horizontal, var(--spacing-s-nudge));
@@ -8199,11 +8418,11 @@ gov-form-input[size=m] input:has(+ .gov-form-input__icons), gov-form-input[size=
   padding-right: 0;
 }
 gov-form-input[size=l], .gov-form-input[size=l] {
+  gap: var(--gap, var(--spacing-s-nudge));
+  min-height: var(--height, var(--height-component-l));
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
-  gap: var(--gap, var(--spacing-s-nudge));
-  min-height: var(--height, var(--height-component-l));
 }
 gov-form-input[size=l] > .element, .gov-form-input[size=l] > .element {
   gap: var(--gap, var(--spacing-s-nudge));
@@ -8226,11 +8445,11 @@ gov-form-input[size=l] .gov-form-input__icons + input, .gov-form-input[size=l] .
   padding-left: 0;
 }
 gov-form-input[size=l] input, gov-form-input[size=l] textarea, .gov-form-input[size=l] input, .gov-form-input[size=l] textarea {
+  min-height: var(--height, var(--height-component-l));
+  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-l)) var(--padding-horizontal, var(--spacing-m));
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
-  min-height: var(--height, var(--height-component-l));
-  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-l)) var(--padding-horizontal, var(--spacing-m));
 }
 gov-form-input[size=l] input + .gov-form-input__icons, gov-form-input[size=l] textarea + .gov-form-input__icons, .gov-form-input[size=l] input + .gov-form-input__icons, .gov-form-input[size=l] textarea + .gov-form-input__icons {
   padding-right: var(--padding-horizontal, var(--spacing-m));
@@ -8239,11 +8458,11 @@ gov-form-input[size=l] input:has(+ .gov-form-input__icons), gov-form-input[size=
   padding-right: 0;
 }
 gov-form-input[size=xl], .gov-form-input[size=xl] {
+  gap: var(--gap, var(--spacing-m));
+  min-height: var(--height, var(--height-component-xl));
   font-size: var(--font-size-body-xl);
   line-height: 150%;
   font-weight: 400;
-  gap: var(--gap, var(--spacing-m));
-  min-height: var(--height, var(--height-component-xl));
 }
 gov-form-input[size=xl] > .element, .gov-form-input[size=xl] > .element {
   gap: var(--gap, var(--spacing-m));
@@ -8266,11 +8485,11 @@ gov-form-input[size=xl] .gov-form-input__icons + input, .gov-form-input[size=xl]
   padding-left: 0;
 }
 gov-form-input[size=xl] input, gov-form-input[size=xl] textarea, .gov-form-input[size=xl] input, .gov-form-input[size=xl] textarea {
+  min-height: var(--height, var(--height-component-xl));
+  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-xl)) var(--padding-horizontal, var(--spacing-m-nudge));
   font-size: var(--font-size-body-xl);
   line-height: 150%;
   font-weight: 400;
-  min-height: var(--height, var(--height-component-xl));
-  padding: var(--padding-vertical, var(--spacing-multiline-vertical-padding-xl)) var(--padding-horizontal, var(--spacing-m-nudge));
 }
 gov-form-input[size=xl] input + .gov-form-input__icons, gov-form-input[size=xl] textarea + .gov-form-input__icons, .gov-form-input[size=xl] input + .gov-form-input__icons, .gov-form-input[size=xl] textarea + .gov-form-input__icons {
   padding-right: var(--padding-horizontal, var(--spacing-m-nudge));
@@ -8364,7 +8583,6 @@ gov-form-input[input-type=password] input + .gov-form-input__icons, gov-form-inp
 /* Label */
 gov-form-label, .gov-form-label {
-  /* Variables - Form label */
   position: relative;
   display: flex;
   width: 100%;
@@ -8390,10 +8608,10 @@ gov-form-label[legend=""] .gov-form-label__label, gov-form-label[legend=true i]
   cursor: initial;
 }
 gov-form-label[legend=""], gov-form-label[legend=""] .gov-form-label__label, gov-form-label[legend=true i], gov-form-label[legend=true i] .gov-form-label__label, gov-form-label[legend="1"], gov-form-label[legend="1"] .gov-form-label__label, .gov-form-label[legend=""], .gov-form-label[legend=""] .gov-form-label__label, .gov-form-label[legend=true i], .gov-form-label[legend=true i] .gov-form-label__label, .gov-form-label[legend="1"], .gov-form-label[legend="1"] .gov-form-label__label {
+  color: var(--legend-color, var(--text-primary));
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
-  color: var(--legend-color, var(--text-primary));
 }
 gov-form-label[size=xs]:not([slot=label]):not([legend]), gov-form-label[size=xs]:not([slot=label]) .gov-form-label__label:not(legend), .gov-form-label[size=xs]:not([slot=label]):not([legend]), .gov-form-label[size=xs]:not([slot=label]) .gov-form-label__label:not(legend) {
   font-size: var(--font-size-body-xs);
@@ -8422,8 +8640,8 @@ gov-form-label[size=xl]:not([slot=label]):not([legend]), gov-form-label[size=xl]
 }
 /* Form Message */
+/* Variables - Form Message */
 gov-form-message, .gov-form-message {
-  /* Variables - Form Message */
   display: flex;
   margin-top: var(--margin, var(--spacing-xs));
   margin-bottom: 0;
@@ -8511,15 +8729,13 @@ gov-form-message[size=xl], gov-form-message[size=xl] .gov-form-message__content,
 }
 /* Multiselect */
+/* Variables - Form multiselect */
 gov-form-multi-select, .gov-form-multi-select {
-  /* Variables - Form multiselect */
-  /* Variables - Buttons */
-  /* Variables - Form input */
-  margin-top: 0;
-  margin-bottom: 0;
   display: flex;
   gap: var(--spacing-s);
   width: 100%;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-multi-select *, .gov-form-multi-select * {
   margin-top: 0;
@@ -8556,12 +8772,12 @@ gov-form-multi-select .arrow-icon, .gov-form-multi-select .arrow-icon {
   color: var(--form-icon-color, var(--icon-on-subtle));
 }
 gov-form-multi-select__list, .gov-form-multi-select__list {
-  font-size: var(--font-size-body-xs);
-  line-height: 150%;
-  font-weight: 400;
   display: flex;
   gap: var(--spacing-s);
   flex-wrap: wrap;
+  font-size: var(--font-size-body-xs);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-form-multi-select__list > gov-form-multi-select__item, gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select__list > gov-form-multi-select__item, .gov-form-multi-select__list > .gov-form-multi-select__item {
   position: relative;
@@ -8821,15 +9037,15 @@ gov-form-multi-select[success=""] .validation-icon, gov-form-multi-select[succes
 }
 /* Password power */
+/* Variables - Form password power */
 gov-form-password-power, .gov-form-password-power {
-  /* Variables - Form password power */
-  margin-top: 0;
-  margin-bottom: 0;
   display: flex;
   align-items: center;
   width: 100%;
   gap: var(--spacing-l);
   height: var(--height-line-s);
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-password-power *, .gov-form-password-power * {
   margin-top: 0;
@@ -8848,12 +9064,12 @@ gov-form-password-power__bar span, .gov-form-password-power__bar span {
   background-color: var(--color, var(--background-neutral-subtle));
 }
 gov-form-password-power__text, .gov-form-password-power__text {
-  font-size: var(--font-size-body-s);
-  line-height: 150%;
-  font-weight: 400;
   text-align: right;
   flex-basis: 3rem;
   flex-shrink: 0;
+  font-size: var(--font-size-body-s);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-form-password-power[power="1"], .gov-form-password-power[power="1"] {
   color: var(--color-weak, var(--status-error));
@@ -8878,11 +9094,10 @@ gov-form-password-power[power="3"] .gov-form-password-power__bar span, .gov-form
 /* Radio */
 gov-form-radio, .gov-form-radio {
-  /* Variables - Form checkbox & radio */
-  margin-top: 0;
-  margin-bottom: 0;
   position: relative;
   display: inline-flex;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-radio *, .gov-form-radio * {
   margin-top: 0;
@@ -8903,6 +9118,9 @@ gov-form-radio input, .gov-form-radio input {
   border: 3px solid var(--background-neutral-white);
   box-shadow: 0 0 0 2px var(--interactive-inactive);
 }
+gov-form-radio input[type=radio], .gov-form-radio input[type=radio] {
+  margin: 0 0 0 2px;
+}
 gov-form-radio input:checked, .gov-form-radio input:checked {
   background: var(--interactive-active);
   box-shadow: 0 0 0 2px var(--interactive-active);
@@ -8944,21 +9162,21 @@ gov-form-radio[disabled=""] *[slot=label], gov-form-radio[disabled=""] *[slot=la
   color: var(--form-state-label-disabled, var(--text-disabled));
 }
 gov-form-radio[size=xs], .gov-form-radio[size=xs] {
-  font-size: var(--font-size-body-xs);
-  line-height: 150%;
-  font-weight: 400;
   min-height: var(--height, var(--height-component-xs));
   gap: var(--gap, var(--spacing-xs-nudge));
   padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) 0;
+  font-size: var(--font-size-body-xs);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-form-radio[size=xs] *[slot=label], .gov-form-radio[size=xs] *[slot=label] {
   padding-left: var(--indicator-size, var(--height-s-nudge));
 }
 gov-form-radio[size=xs] *[slot=label] label, .gov-form-radio[size=xs] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-xs-nudge));
   font-size: var(--font-size-body-xs);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-xs-nudge));
 }
 gov-form-radio[size=xs] input, .gov-form-radio[size=xs] input {
   border-width: var(--radio-space, var(--spacing-2xs));
@@ -8974,21 +9192,21 @@ gov-form-radio[size=xs][no-label=""], gov-form-radio[size=xs][no-label=true i],
   width: var(--indicator-size, var(--height-s-nudge));
 }
 gov-form-radio[size=s], .gov-form-radio[size=s] {
-  font-size: var(--font-size-body-s);
-  line-height: 150%;
-  font-weight: 400;
   min-height: var(--height, var(--height-component-s));
   gap: var(--gap, var(--spacing-s));
   padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) 0;
+  font-size: var(--font-size-body-s);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-form-radio[size=s] *[slot=label], .gov-form-radio[size=s] *[slot=label] {
   padding-left: var(--indicator-size, var(--height-m));
 }
 gov-form-radio[size=s] *[slot=label] label, .gov-form-radio[size=s] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-s));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-s));
 }
 gov-form-radio[size=s] input, .gov-form-radio[size=s] input {
   border-width: var(--radio-space, var(--spacing-multiline-vertical-padding-xs));
@@ -9004,21 +9222,21 @@ gov-form-radio[size=s][no-label=""], gov-form-radio[size=s][no-label=true i], go
   width: var(--indicator-size, var(--height-m));
 }
 gov-form-radio[size=m], .gov-form-radio[size=m] {
-  font-size: var(--font-size-body-m);
-  line-height: 150%;
-  font-weight: 400;
   min-height: var(--height, var(--height-component-m));
   gap: var(--gap, var(--spacing-s-nudge));
   padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) 0;
+  font-size: var(--font-size-body-m);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-form-radio[size=m] *[slot=label], .gov-form-radio[size=m] *[slot=label] {
   padding-left: var(--indicator-size, var(--height-m-nudge));
 }
 gov-form-radio[size=m] *[slot=label] label, .gov-form-radio[size=m] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-s-nudge));
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-s-nudge));
 }
 gov-form-radio[size=m] input, .gov-form-radio[size=m] input {
   border-width: var(--radio-space, var(--spacing-xs));
@@ -9034,21 +9252,21 @@ gov-form-radio[size=m][no-label=""], gov-form-radio[size=m][no-label=true i], go
   width: var(--indicator-size, var(--height-m-nudge));
 }
 gov-form-radio[size=l], .gov-form-radio[size=l] {
-  font-size: var(--font-size-body-l);
-  line-height: 150%;
-  font-weight: 400;
   min-height: var(--height, var(--height-component-l));
   gap: var(--gap, var(--spacing-m));
   padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) 0;
+  font-size: var(--font-size-body-l);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-form-radio[size=l] *[slot=label], .gov-form-radio[size=l] *[slot=label] {
   padding-left: var(--indicator-size, var(--height-l));
 }
 gov-form-radio[size=l] *[slot=label] label, .gov-form-radio[size=l] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-m));
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-m));
 }
 gov-form-radio[size=l] input, .gov-form-radio[size=l] input {
   border-width: var(--radio-space, var(--spacing-multiline-vertical-padding-s));
@@ -9064,21 +9282,21 @@ gov-form-radio[size=l][no-label=""], gov-form-radio[size=l][no-label=true i], go
   width: var(--indicator-size, var(--height-l));
 }
 gov-form-radio[size=xl], .gov-form-radio[size=xl] {
-  font-size: var(--font-size-body-xl);
-  line-height: 150%;
-  font-weight: 400;
   min-height: var(--height, var(--height-component-xl));
   gap: var(--gap, var(--spacing-m-nudge));
   padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) 0;
-}
-gov-form-radio[size=xl] *[slot=label], .gov-form-radio[size=xl] *[slot=label] {
+  font-size: var(--font-size-body-xl);
+  line-height: 150%;
+  font-weight: 400;
+}
+gov-form-radio[size=xl] *[slot=label], .gov-form-radio[size=xl] *[slot=label] {
   padding-left: var(--indicator-size, var(--height-xl));
 }
 gov-form-radio[size=xl] *[slot=label] label, .gov-form-radio[size=xl] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-m-nudge));
   font-size: var(--font-size-body-xl);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-m-nudge));
 }
 gov-form-radio[size=xl] input, .gov-form-radio[size=xl] input {
   border-width: var(--radio-space, var(--spacing-xs-nudge));
@@ -9095,8 +9313,8 @@ gov-form-radio[size=xl][no-label=""], gov-form-radio[size=xl][no-label=true i],
 }
 /* Range */
+/* Variables - Form range */
 gov-form-range, .gov-form-range {
-  /* Variables - Form range */
   position: relative;
   display: flex;
   align-items: flex-end;
@@ -9126,7 +9344,7 @@ gov-form-range .gov-form-range--fill, .gov-form-range .gov-form-range--fill {
   top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s)) / -2 + var(--focus-space, 0.25rem) / 2);
   block-size: var(--height, var(--height-s));
 }
-gov-form-range[tooltip] .gov-form-range--fill, .gov-form-range[tooltip] .gov-form-range--fill {
+gov-form-range[tooltip=""] .gov-form-range--fill, gov-form-range[tooltip=true i] .gov-form-range--fill, gov-form-range[tooltip="1"] .gov-form-range--fill, .gov-form-range[tooltip=""] .gov-form-range--fill, .gov-form-range[tooltip=true i] .gov-form-range--fill, .gov-form-range[tooltip="1"] .gov-form-range--fill {
   top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem) + var(--thumb-size) / 2 + var(--height, var(--height-s)) / -2 + var(--focus-space, 0.25rem) / 2);
 }
 gov-form-range .gov-form-range--input, .gov-form-range .gov-form-range--input {
@@ -9140,10 +9358,10 @@ gov-form-range:not(.hydrated):after, .gov-form-range:not(.hydrated):after {
   top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s)) / -2 + var(--focus-space, 0.25rem) / 2);
   height: var(--height, var(--height-s));
 }
-gov-form-range:not(.hydrated)[tooltip]:before, .gov-form-range:not(.hydrated)[tooltip]:before {
+gov-form-range:not(.hydrated)[tooltip=""]:before, gov-form-range:not(.hydrated)[tooltip=true i]:before, gov-form-range:not(.hydrated)[tooltip="1"]:before, .gov-form-range:not(.hydrated)[tooltip=""]:before, .gov-form-range:not(.hydrated)[tooltip=true i]:before, .gov-form-range:not(.hydrated)[tooltip="1"]:before {
   height: calc(var(--thumb-size) + var(--focus-space, 0.25rem) + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
 }
-gov-form-range:not(.hydrated)[tooltip]:after, .gov-form-range:not(.hydrated)[tooltip]:after {
+gov-form-range:not(.hydrated)[tooltip=""]:after, gov-form-range:not(.hydrated)[tooltip=true i]:after, gov-form-range:not(.hydrated)[tooltip="1"]:after, .gov-form-range:not(.hydrated)[tooltip=""]:after, .gov-form-range:not(.hydrated)[tooltip=true i]:after, .gov-form-range:not(.hydrated)[tooltip="1"]:after {
   top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s)) / -2 + var(--focus-space, 0.25rem) / 2 + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
 }
 gov-form-range:has(.gov-form-range--input), .gov-form-range:has(.gov-form-range--input) {
@@ -9277,10 +9495,10 @@ gov-form-range--fill, .gov-form-range--fill {
   border-radius: var(--border-radius-doubled, var(--corner-radius-m));
   background-color: var(--button-solid-primary);
 }
-gov-form-range[tooltip] > .element, .gov-form-range[tooltip] > .element {
+gov-form-range[tooltip=""] > .element, gov-form-range[tooltip=true i] > .element, gov-form-range[tooltip="1"] > .element, .gov-form-range[tooltip=""] > .element, .gov-form-range[tooltip=true i] > .element, .gov-form-range[tooltip="1"] > .element {
   padding-top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
 }
-gov-form-range[tooltip] gov-form-input > .element, gov-form-range[tooltip] .gov-form-input > .element, .gov-form-range[tooltip] gov-form-input > .element, .gov-form-range[tooltip] .gov-form-input > .element {
+gov-form-range[tooltip=""] gov-form-input > .element, gov-form-range[tooltip=""] .gov-form-input > .element, gov-form-range[tooltip=true i] gov-form-input > .element, gov-form-range[tooltip=true i] .gov-form-input > .element, gov-form-range[tooltip="1"] gov-form-input > .element, gov-form-range[tooltip="1"] .gov-form-input > .element, .gov-form-range[tooltip=""] gov-form-input > .element, .gov-form-range[tooltip=""] .gov-form-input > .element, .gov-form-range[tooltip=true i] gov-form-input > .element, .gov-form-range[tooltip=true i] .gov-form-input > .element, .gov-form-range[tooltip="1"] gov-form-input > .element, .gov-form-range[tooltip="1"] .gov-form-input > .element {
   margin-top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
 }
 gov-form-range--input, .gov-form-range--input {
@@ -9377,7 +9595,7 @@ gov-form-range[size=s] .gov-form-range--fill, .gov-form-range[size=s] .gov-form-
   top: calc(var(--thumb-size) / 2 + var(--height, var(--height-xs-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
   block-size: var(--height, var(--height-xs-nudge));
 }
-gov-form-range[size=s][tooltip] .gov-form-range--fill, .gov-form-range[size=s][tooltip] .gov-form-range--fill {
+gov-form-range[size=s][tooltip=""] .gov-form-range--fill, gov-form-range[size=s][tooltip=true i] .gov-form-range--fill, gov-form-range[size=s][tooltip="1"] .gov-form-range--fill, .gov-form-range[size=s][tooltip=""] .gov-form-range--fill, .gov-form-range[size=s][tooltip=true i] .gov-form-range--fill, .gov-form-range[size=s][tooltip="1"] .gov-form-range--fill {
   top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem) + var(--thumb-size) / 2 + var(--height, var(--height-xs-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
 }
 gov-form-range[size=s] .gov-form-range--input, .gov-form-range[size=s] .gov-form-range--input {
@@ -9391,10 +9609,10 @@ gov-form-range[size=s]:not(.hydrated):after, .gov-form-range[size=s]:not(.hydrat
   top: calc(var(--thumb-size) / 2 + var(--height, var(--height-xs-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
   height: var(--height, var(--height-xs-nudge));
 }
-gov-form-range[size=s]:not(.hydrated)[tooltip]:before, .gov-form-range[size=s]:not(.hydrated)[tooltip]:before {
+gov-form-range[size=s]:not(.hydrated)[tooltip=""]:before, gov-form-range[size=s]:not(.hydrated)[tooltip=true i]:before, gov-form-range[size=s]:not(.hydrated)[tooltip="1"]:before, .gov-form-range[size=s]:not(.hydrated)[tooltip=""]:before, .gov-form-range[size=s]:not(.hydrated)[tooltip=true i]:before, .gov-form-range[size=s]:not(.hydrated)[tooltip="1"]:before {
   height: calc(var(--thumb-size) + var(--focus-space, 0.25rem) + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
 }
-gov-form-range[size=s]:not(.hydrated)[tooltip]:after, .gov-form-range[size=s]:not(.hydrated)[tooltip]:after {
+gov-form-range[size=s]:not(.hydrated)[tooltip=""]:after, gov-form-range[size=s]:not(.hydrated)[tooltip=true i]:after, gov-form-range[size=s]:not(.hydrated)[tooltip="1"]:after, .gov-form-range[size=s]:not(.hydrated)[tooltip=""]:after, .gov-form-range[size=s]:not(.hydrated)[tooltip=true i]:after, .gov-form-range[size=s]:not(.hydrated)[tooltip="1"]:after {
   top: calc(var(--thumb-size) / 2 + var(--height, var(--height-xs-nudge)) / -2 + var(--focus-space, 0.25rem) / 2 + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
 }
 gov-form-range[size=m], .gov-form-range[size=m] {
@@ -9426,7 +9644,7 @@ gov-form-range[size=l] .gov-form-range--fill, .gov-form-range[size=l] .gov-form-
   top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
   block-size: var(--height, var(--height-s-nudge));
 }
-gov-form-range[size=l][tooltip] .gov-form-range--fill, .gov-form-range[size=l][tooltip] .gov-form-range--fill {
+gov-form-range[size=l][tooltip=""] .gov-form-range--fill, gov-form-range[size=l][tooltip=true i] .gov-form-range--fill, gov-form-range[size=l][tooltip="1"] .gov-form-range--fill, .gov-form-range[size=l][tooltip=""] .gov-form-range--fill, .gov-form-range[size=l][tooltip=true i] .gov-form-range--fill, .gov-form-range[size=l][tooltip="1"] .gov-form-range--fill {
   top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem) + var(--thumb-size) / 2 + var(--height, var(--height-s-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
 }
 gov-form-range[size=l] .gov-form-range--input, .gov-form-range[size=l] .gov-form-range--input {
@@ -9440,18 +9658,16 @@ gov-form-range[size=l]:not(.hydrated):after, .gov-form-range[size=l]:not(.hydrat
   top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
   height: var(--height, var(--height-s-nudge));
 }
-gov-form-range[size=l]:not(.hydrated)[tooltip]:before, .gov-form-range[size=l]:not(.hydrated)[tooltip]:before {
+gov-form-range[size=l]:not(.hydrated)[tooltip=""]:before, gov-form-range[size=l]:not(.hydrated)[tooltip=true i]:before, gov-form-range[size=l]:not(.hydrated)[tooltip="1"]:before, .gov-form-range[size=l]:not(.hydrated)[tooltip=""]:before, .gov-form-range[size=l]:not(.hydrated)[tooltip=true i]:before, .gov-form-range[size=l]:not(.hydrated)[tooltip="1"]:before {
   height: calc(var(--thumb-size) + var(--focus-space, 0.25rem) + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
 }
-gov-form-range[size=l]:not(.hydrated)[tooltip]:after, .gov-form-range[size=l]:not(.hydrated)[tooltip]:after {
+gov-form-range[size=l]:not(.hydrated)[tooltip=""]:after, gov-form-range[size=l]:not(.hydrated)[tooltip=true i]:after, gov-form-range[size=l]:not(.hydrated)[tooltip="1"]:after, .gov-form-range[size=l]:not(.hydrated)[tooltip=""]:after, .gov-form-range[size=l]:not(.hydrated)[tooltip=true i]:after, .gov-form-range[size=l]:not(.hydrated)[tooltip="1"]:after {
   top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s-nudge)) / -2 + var(--focus-space, 0.25rem) / 2 + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
 }
 /* Search */
+/* Variables - Search */
 gov-form-search, .gov-form-search {
-  /* Variables - Search */
-  margin-top: 0;
-  margin-bottom: 0;
   position: relative;
   display: flex;
   width: 100%;
@@ -9459,6 +9675,8 @@ gov-form-search, .gov-form-search {
   align-items: center;
   border-radius: var(--border-radius, var(--corner-radius-s));
   background-color: var(--form-bg-color, var(--background-block-primary));
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-search *, .gov-form-search * {
   margin-top: 0;
@@ -9525,13 +9743,12 @@ gov-form-search[color=primary], .gov-form-search[color=primary] {
 /* Select */
 gov-form-select, .gov-form-select {
-  /* Variables - Form input */
-  margin-top: 0;
-  margin-bottom: 0;
   position: relative;
   display: flex;
   width: 100%;
   align-items: center;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-select *, .gov-form-select * {
   margin-top: 0;
@@ -9569,6 +9786,9 @@ gov-form-select select::-ms-expand, .gov-form-select select::-ms-expand {
   gov-form-select select:hover, .gov-form-select select:hover {
     background-color: var(--form-hover-color, var(--button-outlined-primary-hover));
   }
+  gov-form-select select:hover option, .gov-form-select select:hover option {
+    background-color: var(--form-bg-color, var(--background-block-primary));
+  }
 }
 gov-form-select .arrow-icon,
 gov-form-select .validation-icon, .gov-form-select .arrow-icon,
@@ -9594,18 +9814,18 @@ gov-form-select:not(.hydrated), .gov-form-select:not(.hydrated) {
   border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
 }
 gov-form-select[size=xs], .gov-form-select[size=xs] {
+  gap: var(--gap, var(--spacing-xs));
+  height: var(--height, var(--height-component-xs));
   font-size: var(--font-size-body-xs);
   line-height: 150%;
   font-weight: 400;
-  gap: var(--gap, var(--spacing-xs));
-  height: var(--height, var(--height-component-xs));
 }
 gov-form-select[size=xs] select, .gov-form-select[size=xs] select {
+  height: var(--height, var(--height-component-xs));
+  padding: 0 var(--padding-horizontal, var(--spacing-xs-nudge));
   font-size: var(--font-size-body-xs);
   line-height: 150%;
   font-weight: 400;
-  height: var(--height, var(--height-component-xs));
-  padding: 0 var(--padding-horizontal, var(--spacing-xs-nudge));
 }
 gov-form-select[size=xs] > .element select, .gov-form-select[size=xs] > .element select {
   padding-right: calc(var(--padding-horizontal, var(--spacing-xs-nudge)) + var(--icon-size, var(--icon-size-xs)) + var(--gap, var(--spacing-xs)));
@@ -9626,18 +9846,18 @@ gov-form-select[size=xs] .arrow-icon, .gov-form-select[size=xs] .arrow-icon {
   right: var(--padding-horizontal, var(--spacing-xs-nudge));
 }
 gov-form-select[size=s], .gov-form-select[size=s] {
+  gap: var(--gap, var(--spacing-xs-nudge));
+  height: var(--height, var(--height-component-s));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  gap: var(--gap, var(--spacing-xs-nudge));
-  height: var(--height, var(--height-component-s));
 }
 gov-form-select[size=s] select, .gov-form-select[size=s] select {
+  height: var(--height, var(--height-component-s));
+  padding: 0 var(--padding-horizontal, var(--spacing-s));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  height: var(--height, var(--height-component-s));
-  padding: 0 var(--padding-horizontal, var(--spacing-s));
 }
 gov-form-select[size=s] > .element select, .gov-form-select[size=s] > .element select {
   padding-right: calc(var(--padding-horizontal, var(--spacing-s)) + var(--icon-size, var(--icon-size-s)) + var(--gap, var(--spacing-xs-nudge)));
@@ -9658,18 +9878,18 @@ gov-form-select[size=s] .arrow-icon, .gov-form-select[size=s] .arrow-icon {
   right: var(--padding-horizontal, var(--spacing-s));
 }
 gov-form-select[size=m], .gov-form-select[size=m] {
+  gap: var(--gap, var(--spacing-s));
+  height: var(--height, var(--height-component-m));
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
-  gap: var(--gap, var(--spacing-s));
-  height: var(--height, var(--height-component-m));
 }
 gov-form-select[size=m] select, .gov-form-select[size=m] select {
+  height: var(--height, var(--height-component-m));
+  padding: 0 var(--padding-horizontal, var(--spacing-s-nudge));
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
-  height: var(--height, var(--height-component-m));
-  padding: 0 var(--padding-horizontal, var(--spacing-s-nudge));
 }
 gov-form-select[size=m] > .element select, .gov-form-select[size=m] > .element select {
   padding-right: calc(var(--padding-horizontal, var(--spacing-s-nudge)) + var(--icon-size, var(--icon-size-m)) + var(--gap, var(--spacing-s)));
@@ -9690,18 +9910,18 @@ gov-form-select[size=m] .arrow-icon, .gov-form-select[size=m] .arrow-icon {
   right: var(--padding-horizontal, var(--spacing-s-nudge));
 }
 gov-form-select[size=l], .gov-form-select[size=l] {
+  gap: var(--gap, var(--spacing-s-nudge));
+  height: var(--height, var(--height-component-l));
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
-  gap: var(--gap, var(--spacing-s-nudge));
-  height: var(--height, var(--height-component-l));
 }
 gov-form-select[size=l] select, .gov-form-select[size=l] select {
+  height: var(--height, var(--height-component-l));
+  padding: 0 var(--padding-horizontal, var(--spacing-m));
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
-  height: var(--height, var(--height-component-l));
-  padding: 0 var(--padding-horizontal, var(--spacing-m));
 }
 gov-form-select[size=l] > .element select, .gov-form-select[size=l] > .element select {
   padding-right: calc(var(--padding-horizontal, var(--spacing-m)) + var(--icon-size, var(--icon-size-l)) + var(--gap, var(--spacing-s-nudge)));
@@ -9722,18 +9942,18 @@ gov-form-select[size=l] .arrow-icon, .gov-form-select[size=l] .arrow-icon {
   right: var(--padding-horizontal, var(--spacing-m));
 }
 gov-form-select[size=xl], .gov-form-select[size=xl] {
+  gap: var(--gap, var(--spacing-m));
+  height: var(--height, var(--height-component-xl));
   font-size: var(--font-size-body-xl);
   line-height: 150%;
   font-weight: 400;
-  gap: var(--gap, var(--spacing-m));
-  height: var(--height, var(--height-component-xl));
 }
 gov-form-select[size=xl] select, .gov-form-select[size=xl] select {
+  height: var(--height, var(--height-component-xl));
+  padding: 0 var(--padding-horizontal, var(--spacing-m-nudge));
   font-size: var(--font-size-body-xl);
   line-height: 150%;
   font-weight: 400;
-  height: var(--height, var(--height-component-xl));
-  padding: 0 var(--padding-horizontal, var(--spacing-m-nudge));
 }
 gov-form-select[size=xl] > .element select, .gov-form-select[size=xl] > .element select {
   padding-right: calc(var(--padding-horizontal, var(--spacing-m-nudge)) + var(--icon-size, var(--icon-size-xl)) + var(--gap, var(--spacing-m)));
@@ -9795,12 +10015,10 @@ gov-form-select option:not([selected]) {
 /* Switch */
 gov-form-switch, .gov-form-switch {
-  /* Variables - Form switch */
-  /* Variables - Form checkbox & radio */
-  margin-top: 0;
-  margin-bottom: 0;
   position: relative;
   display: inline-block;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-switch *, .gov-form-switch * {
   margin-top: 0;
@@ -9909,21 +10127,21 @@ gov-form-switch[disabled=""] .gov-form-switch__input:checked + span .gov-form-sw
   color: var(--disabled-checked, var(--interactive-disabled));
 }
 gov-form-switch[size=xs], .gov-form-switch[size=xs] {
+  min-height: calc(var(--height, var(--height-component-xs)) - 2 * (var(--padding-ver, var(--spacing-multiline-vertical-padding-xs))));
+  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) 0;
   font-size: var(--font-size-body-xs);
   line-height: 150%;
   font-weight: 400;
-  min-height: calc(var(--height, var(--height-component-xs)) - 2 * (var(--padding-ver, var(--spacing-multiline-vertical-padding-xs))));
-  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) 0;
 }
 gov-form-switch[size=xs] *[slot=label], .gov-form-switch[size=xs] *[slot=label] {
   padding-left: var(--indicator-width, var(--height-l));
   margin-bottom: 0;
 }
 gov-form-switch[size=xs] *[slot=label] label, .gov-form-switch[size=xs] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-xs-nudge));
   font-size: var(--font-size-body-xs);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-xs-nudge));
 }
 gov-form-switch[size=xs].gov-form-switch__no-label, .gov-form-switch[size=xs].gov-form-switch__no-label {
   width: var(--indicator-width, var(--height-l));
@@ -9965,21 +10183,21 @@ gov-form-switch[size=xs][no-label=""], gov-form-switch[size=xs][no-label=true i]
   width: var(--indicator-width, var(--height-l));
 }
 gov-form-switch[size=s], .gov-form-switch[size=s] {
+  min-height: calc(var(--height, var(--height-component-s)) - 2 * (var(--padding-ver, var(--spacing-multiline-vertical-padding-s))));
+  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) 0;
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  min-height: calc(var(--height, var(--height-component-s)) - 2 * (var(--padding-ver, var(--spacing-multiline-vertical-padding-s))));
-  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) 0;
 }
 gov-form-switch[size=s] *[slot=label], .gov-form-switch[size=s] *[slot=label] {
   padding-left: var(--indicator-width, var(--height-xl));
   margin-bottom: 0;
 }
 gov-form-switch[size=s] *[slot=label] label, .gov-form-switch[size=s] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-s));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-s));
 }
 gov-form-switch[size=s].gov-form-switch__no-label, .gov-form-switch[size=s].gov-form-switch__no-label {
   width: var(--indicator-width, var(--height-xl));
@@ -10021,21 +10239,21 @@ gov-form-switch[size=s][no-label=""], gov-form-switch[size=s][no-label=true i],
   width: var(--indicator-width, var(--height-xl));
 }
 gov-form-switch[size=m], .gov-form-switch[size=m] {
+  min-height: calc(var(--height, var(--height-component-m)) - 2 * (var(--padding-ver, var(--spacing-multiline-vertical-padding-m))));
+  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) 0;
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
-  min-height: calc(var(--height, var(--height-component-m)) - 2 * (var(--padding-ver, var(--spacing-multiline-vertical-padding-m))));
-  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) 0;
 }
 gov-form-switch[size=m] *[slot=label], .gov-form-switch[size=m] *[slot=label] {
   padding-left: var(--indicator-width, var(--height-2xl));
   margin-bottom: 0;
 }
 gov-form-switch[size=m] *[slot=label] label, .gov-form-switch[size=m] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-s-nudge));
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-s-nudge));
 }
 gov-form-switch[size=m].gov-form-switch__no-label, .gov-form-switch[size=m].gov-form-switch__no-label {
   width: var(--indicator-width, var(--height-2xl));
@@ -10077,21 +10295,21 @@ gov-form-switch[size=m][no-label=""], gov-form-switch[size=m][no-label=true i],
   width: var(--indicator-width, var(--height-2xl));
 }
 gov-form-switch[size=l], .gov-form-switch[size=l] {
+  min-height: calc(var(--height, var(--height-component-l)) - 2 * (var(--padding-ver, var(--spacing-multiline-vertical-padding-l))));
+  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) 0;
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
-  min-height: calc(var(--height, var(--height-component-l)) - 2 * (var(--padding-ver, var(--spacing-multiline-vertical-padding-l))));
-  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) 0;
 }
 gov-form-switch[size=l] *[slot=label], .gov-form-switch[size=l] *[slot=label] {
   padding-left: var(--indicator-width, var(--height-3xl));
   margin-bottom: 0;
 }
 gov-form-switch[size=l] *[slot=label] label, .gov-form-switch[size=l] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-m));
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-m));
 }
 gov-form-switch[size=l].gov-form-switch__no-label, .gov-form-switch[size=l].gov-form-switch__no-label {
   width: var(--indicator-width, var(--height-3xl));
@@ -10133,21 +10351,21 @@ gov-form-switch[size=l][no-label=""], gov-form-switch[size=l][no-label=true i],
   width: var(--indicator-width, var(--height-3xl));
 }
 gov-form-switch[size=xl], .gov-form-switch[size=xl] {
+  min-height: calc(var(--height, var(--height-component-xl)) - 2 * (var(--padding-ver, var(--spacing-multiline-vertical-padding-xl))));
+  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) 0;
   font-size: var(--font-size-body-xl);
   line-height: 150%;
   font-weight: 400;
-  min-height: calc(var(--height, var(--height-component-xl)) - 2 * (var(--padding-ver, var(--spacing-multiline-vertical-padding-xl))));
-  padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) 0;
 }
 gov-form-switch[size=xl] *[slot=label], .gov-form-switch[size=xl] *[slot=label] {
   padding-left: var(--indicator-width, var(--height-4xl));
   margin-bottom: 0;
 }
 gov-form-switch[size=xl] *[slot=label] label, .gov-form-switch[size=xl] *[slot=label] label {
+  padding-left: var(--gap, var(--spacing-m-nudge));
   font-size: var(--font-size-body-xl);
   line-height: 150%;
   font-weight: 400;
-  padding-left: var(--gap, var(--spacing-m-nudge));
 }
 gov-form-switch[size=xl].gov-form-switch__no-label, .gov-form-switch[size=xl].gov-form-switch__no-label {
   width: var(--indicator-width, var(--height-4xl));
@@ -10190,8 +10408,8 @@ gov-form-switch[size=xl][no-label=""], gov-form-switch[size=xl][no-label=true i]
 }
 /* Grid */
+/* Variables - Grid */
 gov-grid, .gov-grid {
-  /* Variables - Grid */
   margin-top: 0;
   margin-bottom: 0;
   position: relative;
@@ -10279,6 +10497,7 @@ gov-grid[gap="9xl"], .gov-grid[gap="9xl"] {
 }
 /* Grid Cell */
+/* Variables - breakpoints */
 gov-grid-item, .gov-grid-item {
   margin-top: 0;
   margin-bottom: 0;
@@ -10571,8 +10790,8 @@ gov-grid-item[row-span="1"], .gov-grid-item[row-span="1"] {
 }
 /* Icon */
+/* Variables - Icons */
 gov-icon, .gov-icon {
-  /* Variables - Icons */
   margin-top: 0;
   margin-bottom: 0;
   display: inline-flex;
@@ -10653,17 +10872,16 @@ gov-icon[size="5xl"], .gov-icon[size="5xl"] {
 }
 /* Infobar */
+/* Variables - Toast Message */
 gov-infobar, .gov-infobar {
-  /* Variables - Toast Message */
-  /* Variables - Buttons */
-  margin-top: 0;
-  margin-bottom: 0;
   position: relative;
   display: block;
   width: 100%;
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-infobar *, .gov-infobar * {
   margin-top: 0;
@@ -10917,8 +11135,8 @@ gov-infobar[color=warning][type=subtle]:not([type=subtle]) gov-button, gov-infob
 }
 /* Layout */
+/* Variables - Layout */
 gov-layout, .gov-layout {
-  /* Variables - Layout */
   position: relative;
   display: block;
   width: 100%;
@@ -10977,13 +11195,13 @@ gov-layout-column, .gov-layout-column {
 }
 /* Link */
+/* Variables - Link */
 gov-link, .gov-link {
-  /* Variables - Link */
-  margin-top: 0;
-  margin-bottom: 0;
   position: relative;
   display: inline-flex;
   text-decoration: none;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-link *, .gov-link * {
   margin-top: 0;
@@ -11017,7 +11235,7 @@ gov-link *[slot=icon-start], .gov-link *[slot=icon-start] {
 gov-link *[slot=icon-end], gov-link--external, .gov-link *[slot=icon-end], .gov-link--external {
   right: 0;
 }
-gov-link[truncate] .element > span, .gov-link[truncate] .element > span {
+gov-link[truncate] .element > span:not(.gov-icon), .gov-link[truncate] .element > span:not(.gov-icon) {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
@@ -11121,8 +11339,8 @@ gov-link[size=l]:has([slot=icon-end] + .gov-link--external) *[slot=icon-end], .g
 }
 /* Loading */
+/* Variables - Loading */
 gov-loading, .gov-loading {
-  /* Variables - Loading */
   display: block;
 }
 gov-loading__content, .gov-loading__content {
@@ -11180,8 +11398,8 @@ gov-loading[size=l] .gov-loading__icon, .gov-loading[size=l] .gov-loading__icon
 }
 /* Skeleton */
+/* Variables - Skeleton */
 gov-skeleton, .gov-skeleton {
-  /* Variables - Skeleton */
   margin-top: 0;
   margin-bottom: 0;
   position: relative;
@@ -11244,20 +11462,19 @@ gov-skeleton[color=neutral].progress, .gov-skeleton[color=neutral].progress {
   background-image: linear-gradient(90deg, var(--background, var(--background-neutral-subtle)), var(--foreground, var(--background-neutral-subtlest)), var(--background, var(--background-neutral-subtle)));
 }
-/* Alert */
+/* Message */
 gov-message, .gov-message {
-  /* Variables - Toast Message */
   position: relative;
   display: flex;
   width: 100%;
-  font-size: var(--font-size-body-m);
-  line-height: 150%;
-  font-weight: 400;
   padding: var(--spacing-m);
   align-items: flex-start;
   gap: var(--spacing-s-nudge);
   border-radius: var(--border-radius, var(--corner-radius-s));
   overflow: hidden;
+  font-size: var(--font-size-body-m);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-message:before, .gov-message:before {
   content: "";
@@ -11413,9 +11630,8 @@ gov-message[color=warning][type=subtle] a, .gov-message[color=warning][type=subt
 }
 /* Pagination */
+/* Variables - Pagination */
 gov-pagination, .gov-pagination {
-  /* Variables - Pagination */
-  /* Variables - Buttons */
   margin-top: 0;
   margin-bottom: 0;
   display: contents;
@@ -11793,17 +12009,162 @@ gov-spacer[breakpoint=xl], .gov-spacer[breakpoint=xl] {
   }
 }
+/* Horizontal Stepper */
+.gov-horizontal-stepper {
+  display: flex;
+  align-items: flex-start;
+  padding: var(--spacing-s) 0;
+}
+@media (min-width: 48em) {
+  .gov-horizontal-stepper {
+    gap: var(--spacing-m);
+    justify-content: space-between;
+    padding: var(--spacing-m) 0;
+  }
+}
+.gov-horizontal-stepper li {
+  position: relative;
+  margin-bottom: 0;
+}
+.gov-horizontal-stepper li::marker {
+  content: none;
+}
+.gov-horizontal-stepper li > button {
+  display: inline-flex;
+  vertical-align: middle;
+  justify-content: center;
+  align-items: center;
+  border: 0;
+  background-color: transparent;
+  text-align: center;
+  text-decoration: none;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.gov-horizontal-stepper li > button:focus {
+  outline: none;
+}
+.gov-horizontal-stepper li > a {
+  text-decoration: none;
+}
+.gov-horizontal-stepper li .gov-horizontal-stepper__prefix {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: var(--corner-radius-m);
+}
+.gov-horizontal-stepper li .gov-horizontal-stepper__prefix > gov-icon, .gov-horizontal-stepper li .gov-horizontal-stepper__prefix > .gov-icon {
+  max-width: var(--icon-size-m);
+  max-height: var(--icon-size-m);
+}
+.gov-horizontal-stepper li:before, .gov-horizontal-stepper li:after {
+  background-color: var(--border-subtle);
+}
+.gov-horizontal-stepper li .gov-horizontal-stepper__prefix {
+  background: var(--background-neutral-subtle);
+  color: var(--text-primary);
+}
+.gov-horizontal-stepper li .gov-horizontal-stepper__content {
+  color: var(--text-primary);
+}
+.gov-horizontal-stepper li[data-color=primary]::before, .gov-horizontal-stepper li[data-color=primary]::after {
+  background-color: var(--border-primary);
+}
+.gov-horizontal-stepper li[data-color=primary] .gov-horizontal-stepper__prefix {
+  background: var(--background-primary);
+  color: var(--text-white-fixed);
+}
+.gov-horizontal-stepper li[data-color=primary] .gov-horizontal-stepper__content {
+  color: var(--text-status-info);
+}
+.gov-horizontal-stepper li[data-color=primary]:has(+ li:not([data-color=primary])):after {
+  background-color: var(--border-subtle);
+}
+@media (max-width: 47.99em) {
+  .gov-horizontal-stepper li {
+    flex: 1;
+  }
+  .gov-horizontal-stepper li > button, .gov-horizontal-stepper li > a {
+    display: flex;
+    flex-direction: column;
+  }
+  .gov-horizontal-stepper li:before {
+    content: "";
+    position: absolute;
+    top: calc(var(--height-component-xs) / 2);
+    left: calc(-50% + var(--height-component-xs) / 2 + var(--spacing-xs-nudge));
+    right: calc(50% + var(--height-component-xs) / 2 + var(--spacing-xs-nudge));
+    height: 1px;
+  }
+  .gov-horizontal-stepper li:first-child:before {
+    content: none;
+  }
+  .gov-horizontal-stepper li .gov-horizontal-stepper__prefix {
+    margin: 0 auto;
+    width: var(--height-component-xs);
+    height: var(--height-component-xs);
+  }
+  .gov-horizontal-stepper li .gov-horizontal-stepper__content {
+    margin-top: var(--spacing-s);
+    padding: 0 var(--spacing-xs);
+    text-align: center;
+  }
+  .gov-horizontal-stepper li .gov-horizontal-stepper__prefix,
+  .gov-horizontal-stepper li .gov-horizontal-stepper__content {
+    font-size: var(--font-size-body-xs);
+    line-height: 150%;
+    font-weight: 700;
+  }
+}
+@media (min-width: 48em) {
+  .gov-horizontal-stepper li, .gov-horizontal-stepper li > button, .gov-horizontal-stepper li > a {
+    display: grid;
+    grid-template-columns: auto auto 1fr;
+    grid-template-rows: auto;
+    grid-template-areas: "prefix headline line";
+    flex: 1 1 auto;
+    align-items: center;
+  }
+  .gov-horizontal-stepper li:last-child, .gov-horizontal-stepper li > button:last-child, .gov-horizontal-stepper li > a:last-child {
+    flex: 0 0 auto;
+  }
+  .gov-horizontal-stepper li:before {
+    content: none;
+  }
+  .gov-horizontal-stepper li:after {
+    grid-area: line;
+    content: "";
+    display: block;
+    height: 1px;
+    margin-left: var(--spacing-s-nudge);
+  }
+  .gov-horizontal-stepper li .gov-horizontal-stepper__prefix {
+    grid-area: prefix;
+    width: var(--height-component-s);
+    height: var(--height-component-s);
+  }
+  .gov-horizontal-stepper li .gov-horizontal-stepper__content {
+    grid-area: headline;
+    margin-left: var(--spacing-s-nudge);
+  }
+  .gov-horizontal-stepper li .gov-horizontal-stepper__prefix,
+  .gov-horizontal-stepper li .gov-horizontal-stepper__content {
+    font-size: var(--font-size-body-m);
+    line-height: 150%;
+    font-weight: 700;
+  }
+}
 /* Stepper */
+/* Variables - Stepper */
 gov-stepper, .gov-stepper {
-  /* Variables - Stepper */
   position: relative;
   display: block;
   width: 100%;
 }
 gov-stepper[size=s]:not([hydrated]) *[slot=prefix], .gov-stepper[size=s]:not([hydrated]) *[slot=prefix] {
-  font-size: var(--font-size-body-s);
-  line-height: 150%;
-  font-weight: 700;
   width: var(--indicator-size, var(--height-l));
   height: var(--indicator-size, var(--height-l));
   display: flex;
@@ -11812,12 +12173,15 @@ gov-stepper[size=s]:not([hydrated]) *[slot=prefix], .gov-stepper[size=s]:not([hy
   flex: 0 0 auto;
   float: left;
   margin-right: var(--gap, var(--spacing-s));
+  font-size: var(--font-size-body-s);
+  line-height: 150%;
+  font-weight: 700;
 }
 gov-stepper[size=s]:not([hydrated]) *[slot=headline], .gov-stepper[size=s]:not([hydrated]) *[slot=headline] {
+  height: var(--indicator-size, var(--height-l));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 700;
-  height: var(--indicator-size, var(--height-l));
 }
 gov-stepper[size=s]:not([hydrated]) *[slot=annotation], .gov-stepper[size=s]:not([hydrated]) *[slot=annotation] {
   font-size: var(--font-size-body-xs);
@@ -11825,9 +12189,6 @@ gov-stepper[size=s]:not([hydrated]) *[slot=annotation], .gov-stepper[size=s]:not
   font-weight: 400;
 }
 gov-stepper[size=m]:not([hydrated]) *[slot=prefix], .gov-stepper[size=m]:not([hydrated]) *[slot=prefix] {
-  font-size: var(--font-size-body-m);
-  line-height: 150%;
-  font-weight: 700;
   width: var(--indicator-size, var(--height-xl));
   height: var(--indicator-size, var(--height-xl));
   display: flex;
@@ -11836,12 +12197,15 @@ gov-stepper[size=m]:not([hydrated]) *[slot=prefix], .gov-stepper[size=m]:not([hy
   flex: 0 0 auto;
   float: left;
   margin-right: var(--gap, var(--spacing-s-nudge));
+  font-size: var(--font-size-body-m);
+  line-height: 150%;
+  font-weight: 700;
 }
 gov-stepper[size=m]:not([hydrated]) *[slot=headline], .gov-stepper[size=m]:not([hydrated]) *[slot=headline] {
+  height: var(--indicator-size, var(--height-xl));
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 700;
-  height: var(--indicator-size, var(--height-xl));
 }
 gov-stepper[size=m]:not([hydrated]) *[slot=annotation], .gov-stepper[size=m]:not([hydrated]) *[slot=annotation] {
   font-size: var(--font-size-body-s);
@@ -11849,9 +12213,6 @@ gov-stepper[size=m]:not([hydrated]) *[slot=annotation], .gov-stepper[size=m]:not
   font-weight: 400;
 }
 gov-stepper[size=l]:not([hydrated]) *[slot=prefix], .gov-stepper[size=l]:not([hydrated]) *[slot=prefix] {
-  font-size: var(--font-size-body-l);
-  line-height: 150%;
-  font-weight: 700;
   width: var(--indicator-size, var(--height-2xl));
   height: var(--indicator-size, var(--height-2xl));
   display: flex;
@@ -11860,12 +12221,15 @@ gov-stepper[size=l]:not([hydrated]) *[slot=prefix], .gov-stepper[size=l]:not([hy
   flex: 0 0 auto;
   float: left;
   margin-right: var(--gap, var(--spacing-m));
+  font-size: var(--font-size-body-l);
+  line-height: 150%;
+  font-weight: 700;
 }
 gov-stepper[size=l]:not([hydrated]) *[slot=headline], .gov-stepper[size=l]:not([hydrated]) *[slot=headline] {
+  height: var(--indicator-size, var(--height-2xl));
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 700;
-  height: var(--indicator-size, var(--height-2xl));
 }
 gov-stepper[size=l]:not([hydrated]) *[slot=annotation], .gov-stepper[size=l]:not([hydrated]) *[slot=annotation] {
   font-size: var(--font-size-body-m);
@@ -11874,9 +12238,8 @@ gov-stepper[size=l]:not([hydrated]) *[slot=annotation], .gov-stepper[size=l]:not
 }
 /* Stepper - Item */
+/* Variables - Wizard */
 gov-stepper-item, .gov-stepper-item {
-  /* Variables - Wizard */
-  /* Variables - Stepper */
   margin-top: 0;
   margin-bottom: 0;
   position: relative;
@@ -12004,24 +12367,24 @@ gov-stepper-item[size=s] *[slot=prefix], .gov-stepper-item[size=s] *[slot=prefix
   font-weight: 700;
 }
 gov-stepper-item[size=s] *[slot=headline], .gov-stepper-item[size=s] *[slot=headline] {
+  line-height: var(--indicator-size, var(--height-l));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 700;
-  line-height: var(--indicator-size, var(--height-l));
 }
 gov-stepper-item[size=s] *[slot=annotation], .gov-stepper-item[size=s] *[slot=annotation] {
   font-size: var(--font-size-body-xs);
   line-height: 150%;
   font-weight: 400;
 }
+gov-stepper-item[size=s] .gov-stepper-item__content p > *:last-child, .gov-stepper-item[size=s] .gov-stepper-item__content p > *:last-child {
+  margin-bottom: 0;
+}
 gov-stepper-item[size=s] .gov-stepper-item__content p, .gov-stepper-item[size=s] .gov-stepper-item__content p {
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
 }
-gov-stepper-item[size=s] .gov-stepper-item__content p > *:last-child, .gov-stepper-item[size=s] .gov-stepper-item__content p > *:last-child {
-  margin-bottom: 0;
-}
 gov-stepper-item[size=m] > div, .gov-stepper-item[size=m] > div {
   gap: var(--gap, var(--spacing-s-nudge));
 }
@@ -12045,24 +12408,24 @@ gov-stepper-item[size=m] *[slot=prefix], .gov-stepper-item[size=m] *[slot=prefix
   font-weight: 700;
 }
 gov-stepper-item[size=m] *[slot=headline], .gov-stepper-item[size=m] *[slot=headline] {
+  line-height: var(--indicator-size, var(--height-xl));
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 700;
-  line-height: var(--indicator-size, var(--height-xl));
 }
 gov-stepper-item[size=m] *[slot=annotation], .gov-stepper-item[size=m] *[slot=annotation] {
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
 }
+gov-stepper-item[size=m] .gov-stepper-item__content p > *:last-child, .gov-stepper-item[size=m] .gov-stepper-item__content p > *:last-child {
+  margin-bottom: 0;
+}
 gov-stepper-item[size=m] .gov-stepper-item__content p, .gov-stepper-item[size=m] .gov-stepper-item__content p {
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
 }
-gov-stepper-item[size=m] .gov-stepper-item__content p > *:last-child, .gov-stepper-item[size=m] .gov-stepper-item__content p > *:last-child {
-  margin-bottom: 0;
-}
 gov-stepper-item[size=l] > div, .gov-stepper-item[size=l] > div {
   gap: var(--gap, var(--spacing-m));
 }
@@ -12086,28 +12449,28 @@ gov-stepper-item[size=l] *[slot=prefix], .gov-stepper-item[size=l] *[slot=prefix
   font-weight: 700;
 }
 gov-stepper-item[size=l] *[slot=headline], .gov-stepper-item[size=l] *[slot=headline] {
+  line-height: var(--indicator-size, var(--height-2xl));
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 700;
-  line-height: var(--indicator-size, var(--height-2xl));
 }
 gov-stepper-item[size=l] *[slot=annotation], .gov-stepper-item[size=l] *[slot=annotation] {
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
 }
+gov-stepper-item[size=l] .gov-stepper-item__content p > *:last-child, .gov-stepper-item[size=l] .gov-stepper-item__content p > *:last-child {
+  margin-bottom: 0;
+}
 gov-stepper-item[size=l] .gov-stepper-item__content p, .gov-stepper-item[size=l] .gov-stepper-item__content p {
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
 }
-gov-stepper-item[size=l] .gov-stepper-item__content p > *:last-child, .gov-stepper-item[size=l] .gov-stepper-item__content p > *:last-child {
-  margin-bottom: 0;
-}
 /* Tabs */
+/* Variables - Tabs */
 gov-tabs, .gov-tabs {
-  /* Variables - Tabs */
   position: relative;
   display: block;
   width: 100%;
@@ -12115,8 +12478,6 @@ gov-tabs, .gov-tabs {
 gov-tabs__tabs, .gov-tabs__tabs {
   margin-bottom: var(--spacing-m-nudge);
   overflow-x: auto;
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
 }
 gov-tabs__tabs::-webkit-scrollbar, .gov-tabs__tabs::-webkit-scrollbar {
   width: var(--height-m);
@@ -12131,11 +12492,11 @@ gov-tabs__tabs::-webkit-scrollbar-thumb, .gov-tabs__tabs::-webkit-scrollbar-thum
 gov-tabs__tabs::-webkit-scrollbar-track, .gov-tabs__tabs::-webkit-scrollbar-track {
   background: transparent;
 }
+gov-tabs__tabs, .gov-tabs__tabs {
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+}
 @media not all and (pointer: coarse) {
-  gov-tabs__tabs:hover, .gov-tabs__tabs:hover {
-    scrollbar-width: thin;
-    scrollbar-color: var(--background-neutral-disabled) transparent;
-  }
   gov-tabs__tabs:hover::-webkit-scrollbar, .gov-tabs__tabs:hover::-webkit-scrollbar {
     width: var(--height-m);
     height: var(--height-m);
@@ -12149,19 +12510,15 @@ gov-tabs__tabs::-webkit-scrollbar-track, .gov-tabs__tabs::-webkit-scrollbar-trac
   gov-tabs__tabs:hover::-webkit-scrollbar-track, .gov-tabs__tabs:hover::-webkit-scrollbar-track {
     background: transparent;
   }
+  gov-tabs__tabs:hover, .gov-tabs__tabs:hover {
+    scrollbar-width: thin;
+    scrollbar-color: var(--background-neutral-disabled) transparent;
+  }
 }
 gov-tabs__list, .gov-tabs__list {
   display: flex;
-}
-gov-tabs__list:before, .gov-tabs__list:before {
-  content: "";
-  position: absolute;
-  display: block;
-  left: 0;
-  right: 0;
-  width: 100%;
-  height: var(--border-width, 0.0625rem);
-  background-color: var(--tabs-list-border, var(--border-subtlest));
+  width: -moz-fit-content;
+  width: fit-content;
 }
 gov-tabs__list > gov-tabs__item, gov-tabs__list > .gov-tabs__item, .gov-tabs__list > gov-tabs__item, .gov-tabs__list > .gov-tabs__item {
   display: flex;
@@ -12181,8 +12538,14 @@ gov-tabs__btn, .gov-tabs__btn {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-  position: relative;
-  margin: 0;
+}
+gov-tabs__btn:focus, .gov-tabs__btn:focus {
+  outline: none;
+}
+gov-tabs__btn, .gov-tabs__btn {
+  position: relative;
+  bottom: calc(var(--outline-width, 0.125rem) * -1);
+  margin: 0;
   padding: var(--spacing-s) 0;
   font-family: var(--font-family-primary, var(--font-family));
   text-align: center;
@@ -12193,9 +12556,6 @@ gov-tabs__btn, .gov-tabs__btn {
 gov-tabs__btn:focus, .gov-tabs__btn:focus {
   outline: none;
 }
-gov-tabs__btn:focus, .gov-tabs__btn:focus {
-  outline: none;
-}
 gov-tabs__btn:focus-visible, .gov-tabs__btn:focus-visible {
   border-radius: var(--border-radius, var(--corner-radius-s));
   outline: var(--outline-width, 0.125rem) solid var(--status-focus);
@@ -12230,6 +12590,12 @@ gov-tabs[orientation=vertical] .gov-tabs__btn, .gov-tabs[orientation=vertical] .
 gov-tabs[direction=column] .gov-tabs__btn, .gov-tabs[direction=column] .gov-tabs__btn {
   flex-direction: column;
 }
+gov-tabs[type=text]:not([orientation=vertical]) .gov-tabs__list, .gov-tabs[type=text]:not([orientation=vertical]) .gov-tabs__list {
+  border-bottom: var(--border-width, 0.0625rem) solid var(--tabs-list-border, var(--border-subtlest));
+}
+gov-tabs[type=chip] .gov-tabs__list, .gov-tabs[type=chip] .gov-tabs__list {
+  padding: calc(var(--outline-width, 0.125rem) + var(--outline-offset, 0.125rem));
+}
 gov-tabs[type=chip] .gov-tabs__list:before, .gov-tabs[type=chip] .gov-tabs__list:before {
   content: none;
 }
@@ -12500,9 +12866,6 @@ gov-tabs[color=neutral][type=text] .gov-tabs__btn[aria-selected=true]:after, .go
 }
 /* Tabs - Item */
-gov-tabs-item, .gov-tabs-item {
-  /* Variables - Tabs */
-}
 gov-tabs-item__inner > *:last-child, .gov-tabs-item__inner > *:last-child {
   margin-bottom: 0;
 }
@@ -12539,28 +12902,30 @@ gov-tabs-item[size=xl], gov-tabs-item[size=xl] p, .gov-tabs-item[size=xl], .gov-
 }
 /* Tag */
+/* Variables - Tag */
 gov-tag, .gov-tag {
-  /* Variables - Tag */
-  margin-top: 0;
-  margin-bottom: 0;
-  min-height: var(--min-height, var(--height-component-s));
   box-sizing: border-box;
   display: inline-flex;
   flex-wrap: wrap;
   align-content: center;
   border-radius: var(--border-radius, var(--corner-radius-s));
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-tag *, .gov-tag * {
   margin-top: 0;
   margin-bottom: 0;
 }
+gov-tag, .gov-tag {
+  min-height: var(--min-height, var(--height-component-s));
+}
 gov-tag, gov-tag .element, .gov-tag, .gov-tag .element {
-  font-size: var(--font-size-body-s);
-  line-height: 150%;
-  font-weight: 400;
   -moz-column-gap: var(--gap, var(--spacing-s));
        column-gap: var(--gap, var(--spacing-s));
   padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-s-nudge));
+  font-size: var(--font-size-body-s);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-tag .element, .gov-tag .element {
   min-height: var(--min-height, var(--height-component-s));
@@ -12595,14 +12960,16 @@ gov-tag .element, .gov-tag .element {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
+}
+gov-tag .element:focus, .gov-tag .element:focus {
+  outline: none;
+}
+gov-tag .element, .gov-tag .element {
   font-family: var(--font-family-primary, var(--font-family));
   font-weight: 400;
   border-radius: var(--border-radius, var(--corner-radius-s));
   cursor: initial;
 }
-gov-tag .element:focus, .gov-tag .element:focus {
-  outline: none;
-}
 gov-tag gov-icon, gov-tag .gov-icon, .gov-tag gov-icon, .gov-tag .gov-icon {
   flex: 0 0 auto;
   color: inherit;
@@ -12722,12 +13089,12 @@ gov-tag[size=xs], .gov-tag[size=xs] {
   min-height: var(--min-height, var(--height-component-xs));
 }
 gov-tag[size=xs], gov-tag[size=xs] .element, .gov-tag[size=xs], .gov-tag[size=xs] .element {
-  font-size: var(--font-size-body-xs);
-  line-height: 150%;
-  font-weight: 400;
   -moz-column-gap: var(--gap, var(--spacing-xs-nudge));
        column-gap: var(--gap, var(--spacing-xs-nudge));
   padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-s));
+  font-size: var(--font-size-body-xs);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-tag[size=xs] .element, .gov-tag[size=xs] .element {
   min-height: var(--min-height, var(--height-component-xs));
@@ -12753,12 +13120,12 @@ gov-tag[size=m], .gov-tag[size=m] {
   min-height: var(--min-height, var(--height-component-m));
 }
 gov-tag[size=m], gov-tag[size=m] .element, .gov-tag[size=m], .gov-tag[size=m] .element {
-  font-size: var(--font-size-body-m);
-  line-height: 150%;
-  font-weight: 400;
   -moz-column-gap: var(--gap, var(--spacing-s-nudge));
        column-gap: var(--gap, var(--spacing-s-nudge));
   padding: var(--padding-y, var(--spacing-none)) var(--padding-x, var(--spacing-m));
+  font-size: var(--font-size-body-m);
+  line-height: 150%;
+  font-weight: 400;
 }
 gov-tag[size=m] .element, .gov-tag[size=m] .element {
   min-height: var(--min-height, var(--height-component-m));
@@ -12793,13 +13160,11 @@ gov-tag[expanded=""] .element, gov-tag[expanded=true i] .element, gov-tag[expand
 /* Theme switch */
 gov-theme-switch, .gov-theme-switch {
-  /* Variables - Form switch */
-  /* Variables - Form checkbox & radio */
-  margin-top: 0;
-  margin-bottom: 0;
   position: relative;
   display: inline-block;
   cursor: pointer;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-theme-switch *, .gov-theme-switch * {
   margin-top: 0;
@@ -12818,12 +13183,14 @@ gov-theme-switch button, .gov-theme-switch button {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-  padding: 0;
-  color: var(--label-color, var(--text-primary));
 }
 gov-theme-switch button:focus, .gov-theme-switch button:focus {
   outline: none;
 }
+gov-theme-switch button, .gov-theme-switch button {
+  padding: 0;
+  color: var(--form-label-color, var(--text-primary));
+}
 gov-theme-switch button:focus, .gov-theme-switch button:focus {
   outline: none;
 }
@@ -13072,25 +13439,23 @@ gov-theme-switch[size=xl][theme=dark] .gov-icon, .gov-theme-switch[size=xl][them
 }
 /* Tile */
+/* Variables - Grid & Tile */
 gov-tile, .gov-tile {
-  /* Variables - Grid & Tile */
-  margin-top: 0;
-  margin-bottom: 0;
   position: relative;
   display: flex;
   width: 100%;
+  margin-top: 0;
+  margin-bottom: 0;
+  color: var(--text-color, var(--text-primary));
+  border-bottom: var(--border-width, 0.0625rem) solid var(--border-subtlest);
+  transition: background-color 150ms;
+}
+gov-tile, .gov-tile {
   padding: var(--padding, var(--spacing-s-nudge));
   gap: var(--gap, var(--spacing-s));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  color: var(--text-color, var(--text-primary));
-  border-bottom: var(--border-width, 0.0625rem) solid var(--border-subtlest);
-  transition: background-color 150ms;
-}
-gov-tile *, .gov-tile * {
-  margin-top: 0;
-  margin-bottom: 0;
 }
 gov-tile *[slot=icon], .gov-tile *[slot=icon] {
   width: var(--icon-size, var(--icon-size-3xl));
@@ -13146,6 +13511,10 @@ gov-tile .gov-tile__annotation p, .gov-tile .gov-tile__annotation p {
     margin-bottom: var(--margin, var(--spacing-xs));
   }
 }
+gov-tile *, .gov-tile * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
 gov-tile *[slot=icon], .gov-tile *[slot=icon] {
   flex: 0 0 auto;
   color: var(--icon-color, var(--icon-on-subtle));
@@ -13369,12 +13738,8 @@ gov-tile[clickable=""]:active, gov-tile[clickable=true i]:active, gov-tile[click
   }
 }
-/* Alert */
+/* Toast */
 gov-toast, .gov-toast {
-  /* Variables - Toast Message */
-  margin-top: 0;
-  margin-bottom: 0;
-  z-index: 301;
   position: fixed;
   display: flex;
   align-items: flex-start;
@@ -13382,11 +13747,14 @@ gov-toast, .gov-toast {
   padding: var(--spacing-s-nudge);
   padding-right: calc(var(--spacing-s-nudge) + var(--spacing-s) + 40px);
   border-radius: var(--border-radius, var(--corner-radius-s));
-  box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
   overflow: hidden;
   width: 20.5rem;
   opacity: 1;
   transition: opacity 300ms ease-in-out;
+  z-index: 301;
+  box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-toast *, .gov-toast * {
   margin-top: 0;
@@ -13413,13 +13781,15 @@ gov-toast *[slot=icon], .gov-toast *[slot=icon] {
 }
 gov-toast__content, .gov-toast__content {
   flex: 1 1 auto;
-  font-size: var(--font-size-body-m);
-  line-height: 150%;
-  font-weight: 400;
 }
 gov-toast__content > *:last-child, .gov-toast__content > *:last-child {
   margin-bottom: 0;
 }
+gov-toast__content, .gov-toast__content {
+  font-size: var(--font-size-body-m);
+  line-height: 150%;
+  font-weight: 400;
+}
 gov-toast__close, .gov-toast__close {
   position: absolute;
   top: calc(var(--spacing-s-nudge) - 4px);
@@ -13694,15 +14064,8 @@ gov-toast[color=warning][type=subtle]:not([type=subtle]) gov-button, gov-toast[c
 }
 /* Tooltip - Content */
+/* Variables - Tooltip */
 gov-tooltip-content, .gov-tooltip-content {
-  /* Variables - Tooltip */
-  margin-top: 0;
-  margin-bottom: 0;
-  z-index: 51;
-  font-size: var(--font-size-body-m);
-  line-height: 150%;
-  font-weight: 400;
-  padding: var(--padding, var(--spacing-s-nudge));
   position: absolute;
   display: none;
   width: -moz-max-content;
@@ -13714,11 +14077,20 @@ gov-tooltip-content, .gov-tooltip-content {
   visibility: hidden;
   opacity: 0;
   transition: opacity 0.2s ease-in;
+  z-index: 51;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-tooltip-content *, .gov-tooltip-content * {
   margin-top: 0;
   margin-bottom: 0;
 }
+gov-tooltip-content, .gov-tooltip-content {
+  padding: var(--padding, var(--spacing-s-nudge));
+  font-size: var(--font-size-body-m);
+  line-height: 150%;
+  font-weight: 400;
+}
 gov-tooltip-content:before, .gov-tooltip-content:before {
   border: var(--arrow-size, 0.625rem) solid transparent;
 }
@@ -13753,10 +14125,10 @@ gov-tooltip-content[color=neutral], .gov-tooltip-content[color=neutral] {
   color: var(--text-color, var(--text-secondary));
 }
 gov-tooltip-content[size=s], .gov-tooltip-content[size=s] {
+  padding: var(--padding, var(--spacing-s));
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
-  padding: var(--padding, var(--spacing-s));
 }
 gov-tooltip-content[size=s]:before, .gov-tooltip-content[size=s]:before {
   border: var(--arrow-size, 0.4375rem) solid transparent;
@@ -13765,10 +14137,10 @@ gov-tooltip-content[size=s][persist=true i], .gov-tooltip-content[size=s][persis
   padding-right: var(--persist-space, 2.5rem);
 }
 gov-tooltip-content[size=l], .gov-tooltip-content[size=l] {
+  padding: var(--padding, var(--spacing-m));
   font-size: var(--font-size-body-xl);
   line-height: 150%;
   font-weight: 400;
-  padding: var(--padding, var(--spacing-m));
 }
 gov-tooltip-content[size=l]:before, .gov-tooltip-content[size=l]:before {
   border: var(--arrow-size, 0.875rem) solid transparent;
@@ -13801,9 +14173,259 @@ gov-tooltip-content[position=right]:before, .gov-tooltip-content[position=right]
   border-right-color: var(--tooltip-content-background-color);
 }
+/* User Navigation */
+gov-user-navigation, .gov-user-navigation {
+  position: relative;
+  display: block;
+  height: var(--height-component-m);
+}
+gov-user-navigation__button, .gov-user-navigation__button {
+  display: inline-flex;
+  vertical-align: middle;
+  justify-content: center;
+  align-items: center;
+  border: 0;
+  background-color: transparent;
+  text-align: center;
+  text-decoration: none;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+gov-user-navigation__button:focus, .gov-user-navigation__button:focus {
+  outline: none;
+}
+gov-user-navigation__button, .gov-user-navigation__button {
+  position: relative;
+  justify-content: space-between;
+  gap: var(--spacing-s-nudge);
+  width: 100%;
+  height: 100%;
+  padding: 0 var(--spacing-s-nudge);
+  background-color: var(--button-solid-primary);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--corner-radius-s);
+  text-decoration: none !important;
+  text-align: left;
+  white-space: nowrap;
+  cursor: pointer;
+}
+gov-user-navigation__button > img, .gov-user-navigation__button > img {
+  width: var(--height-xl);
+  height: var(--height-xl);
+  border-radius: var(--corner-radius-xl);
+}
+gov-user-navigation__button[aria-expanded=""] *[name=toggle-icon] gov-icon,
+gov-user-navigation__button[aria-expanded=""] *[name=toggle-icon] .gov-icon, gov-user-navigation__button[aria-expanded=true i] *[name=toggle-icon] gov-icon,
+gov-user-navigation__button[aria-expanded=true i] *[name=toggle-icon] .gov-icon, gov-user-navigation__button[aria-expanded="1"] *[name=toggle-icon] gov-icon,
+gov-user-navigation__button[aria-expanded="1"] *[name=toggle-icon] .gov-icon, .gov-user-navigation__button[aria-expanded=""] *[name=toggle-icon] gov-icon,
+.gov-user-navigation__button[aria-expanded=""] *[name=toggle-icon] .gov-icon, .gov-user-navigation__button[aria-expanded=true i] *[name=toggle-icon] gov-icon,
+.gov-user-navigation__button[aria-expanded=true i] *[name=toggle-icon] .gov-icon, .gov-user-navigation__button[aria-expanded="1"] *[name=toggle-icon] gov-icon,
+.gov-user-navigation__button[aria-expanded="1"] *[name=toggle-icon] .gov-icon {
+  transform: scale(-1);
+}
+gov-user-navigation__button:visited, gov-user-navigation__button:visited > *, .gov-user-navigation__button:visited, .gov-user-navigation__button:visited > * {
+  color: var(--text-primary-color);
+}
+gov-user-navigation__button:hover, .gov-user-navigation__button:hover {
+  background-color: var(--button-solid-primary-hover);
+}
+gov-user-navigation__button:active, .gov-user-navigation__button:active {
+  background-color: var(--button-solid-primary-active);
+}
+gov-user-navigation__button:focus, .gov-user-navigation__button:focus {
+  outline: none;
+}
+gov-user-navigation__button:focus-visible, .gov-user-navigation__button:focus-visible {
+  border-radius: var(--outline-border-radius, var(--corner-radius-xs-nudge));
+  outline: var(--outline-width, 0.125rem) solid var(--status-focus);
+  outline-offset: var(--outline-offset, 0.125rem);
+}
+gov-user-navigation__button gov-badge, gov-user-navigation__button .gov-badge, .gov-user-navigation__button gov-badge, .gov-user-navigation__button .gov-badge {
+  position: absolute;
+  top: -8px;
+  right: -8px;
+}
+gov-user-navigation__label, gov-user-navigation__description, .gov-user-navigation__label, .gov-user-navigation__description {
+  width: 100%;
+  color: var(--text-white-fixed) !important;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  min-width: 0;
+}
+gov-user-navigation__label, .gov-user-navigation__label {
+  display: flex;
+  flex-direction: column;
+  margin-right: auto;
+  font-size: var(--font-size-body-s);
+  line-height: 150%;
+  font-weight: 700;
+  line-height: normal;
+}
+gov-user-navigation__description, .gov-user-navigation__description {
+  display: block;
+  font-size: var(--font-size-body-xs);
+  line-height: 150%;
+  font-weight: 400;
+  line-height: normal;
+}
+gov-user-navigation__text, .gov-user-navigation__text {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+gov-user-navigation__list, .gov-user-navigation__list {
+  display: block;
+  position: absolute;
+  top: calc(var(--height-component-m) + var(--spacing-xs));
+  width: 100vw;
+  padding: var(--spacing-2xs) 0;
+  background-color: var(--background-block-primary);
+  z-index: 100;
+}
+gov-user-navigation__list ul, .gov-user-navigation__list ul {
+  padding-left: 0;
+}
+gov-user-navigation__list li, .gov-user-navigation__list li {
+  list-style: none;
+}
+gov-user-navigation__list li:before, .gov-user-navigation__list li:before {
+  content: none;
+}
+gov-user-navigation__list[hidden], .gov-user-navigation__list[hidden] {
+  display: none !important;
+}
+gov-user-navigation__more, .gov-user-navigation__more {
+  margin: var(--spacing-2xs) var(--spacing-s-nudge) var(--spacing-s-nudge) var(--spacing-s-nudge);
+}
+gov-user-navigation__more gov-button .element[aria-expanded=""] gov-icon, gov-user-navigation__more gov-button .element[aria-expanded=""] .gov-icon, gov-user-navigation__more gov-button .element[aria-expanded=true i] gov-icon, gov-user-navigation__more gov-button .element[aria-expanded=true i] .gov-icon, gov-user-navigation__more gov-button .element[aria-expanded="1"] gov-icon, gov-user-navigation__more gov-button .element[aria-expanded="1"] .gov-icon, gov-user-navigation__more .gov-button .element[aria-expanded=""] gov-icon, gov-user-navigation__more .gov-button .element[aria-expanded=""] .gov-icon, gov-user-navigation__more .gov-button .element[aria-expanded=true i] gov-icon, gov-user-navigation__more .gov-button .element[aria-expanded=true i] .gov-icon, gov-user-navigation__more .gov-button .element[aria-expanded="1"] gov-icon, gov-user-navigation__more .gov-button .element[aria-expanded="1"] .gov-icon, .gov-user-navigation__more gov-button .element[aria-expanded=""] gov-icon, .gov-user-navigation__more gov-button .element[aria-expanded=""] .gov-icon, .gov-user-navigation__more gov-button .element[aria-expanded=true i] gov-icon, .gov-user-navigation__more gov-button .element[aria-expanded=true i] .gov-icon, .gov-user-navigation__more gov-button .element[aria-expanded="1"] gov-icon, .gov-user-navigation__more gov-button .element[aria-expanded="1"] .gov-icon, .gov-user-navigation__more .gov-button .element[aria-expanded=""] gov-icon, .gov-user-navigation__more .gov-button .element[aria-expanded=""] .gov-icon, .gov-user-navigation__more .gov-button .element[aria-expanded=true i] gov-icon, .gov-user-navigation__more .gov-button .element[aria-expanded=true i] .gov-icon, .gov-user-navigation__more .gov-button .element[aria-expanded="1"] gov-icon, .gov-user-navigation__more .gov-button .element[aria-expanded="1"] .gov-icon {
+  transform: scale(-1);
+}
+gov-user-navigation hr, .gov-user-navigation hr {
+  width: calc(100% - 2 * var(--spacing-s-nudge));
+  margin: var(--spacing-2xs) var(--spacing-s-nudge);
+}
+@media (min-width: 30em) {
+  gov-user-navigation__list, .gov-user-navigation__list {
+    width: auto;
+    min-width: 100%;
+    border-radius: var(--corner-radius-s);
+    box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
+  }
+  gov-user-navigation[position=left] .gov-user-navigation__list, .gov-user-navigation[position=left] .gov-user-navigation__list {
+    left: 0;
+  }
+  gov-user-navigation[position=right] .gov-user-navigation__list, .gov-user-navigation[position=right] .gov-user-navigation__list {
+    right: 0;
+  }
+}
+/* User Navigation Item */
+gov-user-navigation-item > .element, .gov-user-navigation-item > .element {
+  display: inline-flex;
+  vertical-align: middle;
+  justify-content: center;
+  align-items: center;
+  border: 0;
+  background-color: transparent;
+  text-align: center;
+  text-decoration: none;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+gov-user-navigation-item > .element:focus, .gov-user-navigation-item > .element:focus {
+  outline: none;
+}
+gov-user-navigation-item > .element, .gov-user-navigation-item > .element {
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: left;
+  width: 100%;
+  min-height: var(--height-component-xl);
+  padding: 0 var(--spacing-m-nudge);
+  overflow: hidden;
+  min-width: 0;
+}
+gov-user-navigation-item > .element:hover, .gov-user-navigation-item > .element:hover {
+  background-color: var(--button-outlined-neutral-hover);
+}
+gov-user-navigation-item > .element:active, .gov-user-navigation-item > .element:active {
+  background-color: var(--button-outlined-neutral-active);
+}
+gov-user-navigation-item > .element:focus, .gov-user-navigation-item > .element:focus {
+  outline: none;
+}
+gov-user-navigation-item > .element:focus-visible, .gov-user-navigation-item > .element:focus-visible {
+  border-radius: var(--outline-border-radius, var(--corner-radius-xs-nudge));
+  outline: var(--outline-width, 0.125rem) solid var(--status-focus);
+  outline-offset: var(--outline-offset, 0.125rem);
+}
+gov-user-navigation-item__label, gov-user-navigation-item__description, .gov-user-navigation-item__label, .gov-user-navigation-item__description {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-s);
+  width: 100%;
+  color: var(--text-primary) !important;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  min-width: 0;
+}
+gov-user-navigation-item__label, .gov-user-navigation-item__label {
+  justify-content: space-between;
+  font-size: var(--font-size-body-m);
+  line-height: 150%;
+  font-weight: 700;
+}
+gov-user-navigation-item__description, .gov-user-navigation-item__description {
+  font-size: var(--font-size-body-s);
+  line-height: 150%;
+  font-weight: 400;
+}
+gov-user-navigation-item__text, .gov-user-navigation-item__text {
+  display: block;
+  flex: 1 1 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+gov-user-navigation-item__person, .gov-user-navigation-item__person {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+}
+gov-user-navigation-item__person gov-icon, gov-user-navigation-item__person .gov-icon, .gov-user-navigation-item__person gov-icon, .gov-user-navigation-item__person .gov-icon {
+  width: var(--icon-size-s);
+  height: var(--icon-size-s);
+}
+@media (min-width: 30em) {
+  gov-user-navigation-item > .element, .gov-user-navigation-item > .element {
+    padding: 0 var(--spacing-s-nudge);
+    min-height: var(--height-3xl);
+  }
+  gov-user-navigation-item .gov-user-navigation-item__label, .gov-user-navigation-item .gov-user-navigation-item__label {
+    font-size: var(--font-size-body-s);
+    line-height: 150%;
+    font-weight: 700;
+  }
+  gov-user-navigation-item .gov-user-navigation-item__description, .gov-user-navigation-item .gov-user-navigation-item__description {
+    font-size: var(--font-size-body-xs);
+    line-height: 150%;
+    font-weight: 400;
+  }
+  gov-user-navigation-item .gov-user-navigation-item__person gov-icon, gov-user-navigation-item .gov-user-navigation-item__person .gov-icon, .gov-user-navigation-item .gov-user-navigation-item__person gov-icon, .gov-user-navigation-item .gov-user-navigation-item__person .gov-icon {
+    width: var(--icon-size-xs);
+    height: var(--icon-size-xs);
+  }
+}
 /* Wizard */
 gov-wizard, .gov-wizard {
-  /* Variables - Wizard */
   position: relative;
   display: flex;
   width: 100%;
@@ -13816,9 +14438,6 @@ gov-wizard[size=s]:not([hydrated]) gov-wizard-item, gov-wizard[size=s]:not([hydr
   padding: var(--header-padding, var(--spacing-s-nudge));
 }
 gov-wizard[size=s]:not([hydrated]) *[slot=prefix], .gov-wizard[size=s]:not([hydrated]) *[slot=prefix] {
-  font-size: var(--font-size-body-s);
-  line-height: 150%;
-  font-weight: 700;
   width: var(--indicator-size, var(--height-l));
   height: var(--indicator-size, var(--height-l));
   display: flex;
@@ -13826,6 +14445,9 @@ gov-wizard[size=s]:not([hydrated]) *[slot=prefix], .gov-wizard[size=s]:not([hydr
   align-items: center;
   float: left;
   margin-right: var(--gap, var(--spacing-s));
+  font-size: var(--font-size-body-s);
+  line-height: 150%;
+  font-weight: 700;
 }
 gov-wizard[size=s]:not([hydrated]) *[slot=headline], .gov-wizard[size=s]:not([hydrated]) *[slot=headline] {
   font-size: var(--font-size-body-s);
@@ -13841,9 +14463,6 @@ gov-wizard[size=m]:not([hydrated]) gov-wizard-item, gov-wizard[size=m]:not([hydr
   padding: var(--header-padding, var(--spacing-m));
 }
 gov-wizard[size=m]:not([hydrated]) *[slot=prefix], .gov-wizard[size=m]:not([hydrated]) *[slot=prefix] {
-  font-size: var(--font-size-body-m);
-  line-height: 150%;
-  font-weight: 700;
   width: var(--indicator-size, var(--height-xl));
   height: var(--indicator-size, var(--height-xl));
   display: flex;
@@ -13851,6 +14470,9 @@ gov-wizard[size=m]:not([hydrated]) *[slot=prefix], .gov-wizard[size=m]:not([hydr
   align-items: center;
   float: left;
   margin-right: var(--gap, var(--spacing-s-nudge));
+  font-size: var(--font-size-body-m);
+  line-height: 150%;
+  font-weight: 700;
 }
 gov-wizard[size=m]:not([hydrated]) *[slot=headline], .gov-wizard[size=m]:not([hydrated]) *[slot=headline] {
   font-size: var(--font-size-body-m);
@@ -13866,9 +14488,6 @@ gov-wizard[size=l]:not([hydrated]) gov-wizard-item, gov-wizard[size=l]:not([hydr
   padding: var(--header-padding, var(--spacing-m-nudge));
 }
 gov-wizard[size=l]:not([hydrated]) *[slot=prefix], .gov-wizard[size=l]:not([hydrated]) *[slot=prefix] {
-  font-size: var(--font-size-body-l);
-  line-height: 150%;
-  font-weight: 700;
   width: var(--indicator-size, var(--height-xl));
   height: var(--indicator-size, var(--height-xl));
   display: flex;
@@ -13876,6 +14495,9 @@ gov-wizard[size=l]:not([hydrated]) *[slot=prefix], .gov-wizard[size=l]:not([hydr
   align-items: center;
   float: left;
   margin-right: var(--gap, var(--spacing-m));
+  font-size: var(--font-size-body-l);
+  line-height: 150%;
+  font-weight: 700;
 }
 gov-wizard[size=l]:not([hydrated]) *[slot=headline], .gov-wizard[size=l]:not([hydrated]) *[slot=headline] {
   font-size: var(--font-size-body-l);
@@ -13890,7 +14512,6 @@ gov-wizard[size=l]:not([hydrated]) *[slot=annotation], .gov-wizard[size=l]:not([
 /* Wizard - Item */
 gov-wizard-item, .gov-wizard-item {
-  /* Variables - Wizard */
   margin-top: 0;
   margin-bottom: 0;
   position: relative;
@@ -13900,10 +14521,10 @@ gov-wizard-item, .gov-wizard-item {
   border-radius: var(--border-radius, var(--corner-radius-s));
 }
 gov-wizard-item__header, .gov-wizard-item__header {
-  margin-top: 0;
-  margin-bottom: 0;
   display: flex;
   transition: 150ms linear color;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-wizard-item__header *, .gov-wizard-item__header * {
   margin-top: 0;
@@ -13941,15 +14562,17 @@ gov-wizard-item button.gov-wizard-item__label, .gov-wizard-item button.gov-wizar
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
+}
+gov-wizard-item button.gov-wizard-item__label:focus, .gov-wizard-item button.gov-wizard-item__label:focus {
+  outline: none;
+}
+gov-wizard-item button.gov-wizard-item__label, .gov-wizard-item button.gov-wizard-item__label {
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-start;
   padding: 0;
   text-align: left;
 }
-gov-wizard-item button.gov-wizard-item__label:focus, .gov-wizard-item button.gov-wizard-item__label:focus {
-  outline: none;
-}
 gov-wizard-item__headline, .gov-wizard-item__headline {
   position: relative;
   display: flex;
@@ -14051,14 +14674,14 @@ gov-wizard-item[size=s] *[slot=annotation], .gov-wizard-item[size=s] *[slot=anno
 gov-wizard-item[size=s] .gov-wizard-item__content, .gov-wizard-item[size=s] .gov-wizard-item__content {
   padding: var(--content-padding, var(--spacing-s) var(--spacing-s-nudge) var(--spacing-s-nudge) var(--spacing-2xl));
 }
+gov-wizard-item[size=s] .gov-wizard-item__content p > *:last-child, .gov-wizard-item[size=s] .gov-wizard-item__content p > *:last-child {
+  margin-bottom: 0;
+}
 gov-wizard-item[size=s] .gov-wizard-item__content p, .gov-wizard-item[size=s] .gov-wizard-item__content p {
   font-size: var(--font-size-body-s);
   line-height: 150%;
   font-weight: 400;
 }
-gov-wizard-item[size=s] .gov-wizard-item__content p > *:last-child, .gov-wizard-item[size=s] .gov-wizard-item__content p > *:last-child {
-  margin-bottom: 0;
-}
 gov-wizard-item[size=m] .gov-wizard-item__header, .gov-wizard-item[size=m] .gov-wizard-item__header {
   gap: var(--gap, var(--spacing-s-nudge));
   padding: var(--header-padding, var(--spacing-m));
@@ -14097,14 +14720,14 @@ gov-wizard-item[size=m] *[slot=annotation], .gov-wizard-item[size=m] *[slot=anno
 gov-wizard-item[size=m] .gov-wizard-item__content, .gov-wizard-item[size=m] .gov-wizard-item__content {
   padding: var(--content-padding, var(--spacing-s-nudge) var(--spacing-m) var(--spacing-m) var(--spacing-4xl));
 }
+gov-wizard-item[size=m] .gov-wizard-item__content p > *:last-child, .gov-wizard-item[size=m] .gov-wizard-item__content p > *:last-child {
+  margin-bottom: 0;
+}
 gov-wizard-item[size=m] .gov-wizard-item__content p, .gov-wizard-item[size=m] .gov-wizard-item__content p {
   font-size: var(--font-size-body-m);
   line-height: 150%;
   font-weight: 400;
 }
-gov-wizard-item[size=m] .gov-wizard-item__content p > *:last-child, .gov-wizard-item[size=m] .gov-wizard-item__content p > *:last-child {
-  margin-bottom: 0;
-}
 gov-wizard-item[size=l] .gov-wizard-item__header, .gov-wizard-item[size=l] .gov-wizard-item__header {
   gap: var(--gap, var(--spacing-m));
   padding: var(--header-padding, var(--spacing-m-nudge));
@@ -14143,11 +14766,11 @@ gov-wizard-item[size=l] *[slot=annotation], .gov-wizard-item[size=l] *[slot=anno
 gov-wizard-item[size=l] .gov-wizard-item__content, .gov-wizard-item[size=l] .gov-wizard-item__content {
   padding: var(--content-padding, var(--spacing-m) var(--spacing-m-nudge) var(--spacing-m-nudge) var(--spacing-5xl));
 }
+gov-wizard-item[size=l] .gov-wizard-item__content p > *:last-child, .gov-wizard-item[size=l] .gov-wizard-item__content p > *:last-child {
+  margin-bottom: 0;
+}
 gov-wizard-item[size=l] .gov-wizard-item__content p, .gov-wizard-item[size=l] .gov-wizard-item__content p {
   font-size: var(--font-size-body-l);
   line-height: 150%;
   font-weight: 400;
-}
-gov-wizard-item[size=l] .gov-wizard-item__content p > *:last-child, .gov-wizard-item[size=l] .gov-wizard-item__content p > *:last-child {
-  margin-bottom: 0;
 }