@gov-design-system-ce/components 4.1.0 → 4.1.2

package/dist/core/core.css

@@ -10,12 +10,7 @@
 /* stylelint-enable order/order */
 /* stylelint-disable order/order */
 /* stylelint-enable order/order */
-/* Variables - breakpoints */ /* Variables - Colors */ /* Variables - Sizes */ /* Variables - General */
-:root {
-  --roboto: Roboto, sans-serif;
-}
-
-/* Variables - Typography */ /* Variables - Container */ /* Variables - Forms */ /* Variables - shadows */ /* Variables - z-index */ /* stylelint-disable order/order */
+/* Variables - breakpoints */ /* Variables - Colors */ /* Variables - Sizes */ /* Variables - General */ /* Variables - Typography */ /* Variables - Container */ /* Variables - Forms */ /* Variables - shadows */ /* Variables - z-index */ /* stylelint-disable order/order */
 /* stylelint-enable order/order */
 gov-tabs__list, .gov-tabs__list, gov-pagination__list, .gov-pagination__list, gov-form-multi-select__list, .gov-form-multi-select__list, gov-form-autocomplete__list, .gov-form-autocomplete__list, gov-breadcrumbs ul, .gov-breadcrumbs ul {
   margin: 0;
@@ -238,12 +233,7 @@ body {
 /* stylelint-enable order/order */
 /* stylelint-disable order/order */
 /* stylelint-enable order/order */
-/* Variables - breakpoints */ /* Variables - Colors */ /* Variables - Sizes */ /* Variables - General */
-:root {
-  --roboto: Roboto, sans-serif;
-}
-
-/* Variables - Typography */ /* Variables - Container */ /* Variables - Forms */ /* Variables - shadows */ /* Variables - z-index */ /* stylelint-disable order/order */
+/* Variables - breakpoints */ /* Variables - Colors */ /* Variables - Sizes */ /* Variables - General */ /* Variables - Typography */ /* Variables - Container */ /* Variables - Forms */ /* Variables - shadows */ /* Variables - z-index */ /* stylelint-disable order/order */
 /* stylelint-enable order/order */
 gov-tabs__list, .gov-tabs__list, gov-pagination__list, .gov-pagination__list, gov-form-multi-select__list, .gov-form-multi-select__list, gov-form-autocomplete__list, .gov-form-autocomplete__list, gov-breadcrumbs ul, .gov-breadcrumbs ul {
   margin: 0;
@@ -327,7 +317,7 @@ gov-tile__link::before, .gov-tile__link::before {
   --button-outlined-success-active: var(--color-success-200);
   --button-outlined-success-hover: var(--color-success-100);
   --button-outlined-warning: var(--color-warning-50);
-  --button-outlined-warning-active: var(--color-secondary-200);
+  --button-outlined-warning-active: var(--color-warning-200);
   --button-outlined-warning-hover: var(--color-warning-100);
   --button-solid-disabled: var(--color-neutral-200);
   --button-solid-error: var(--color-error-600);
@@ -453,7 +443,7 @@ gov-tile__link::before, .gov-tile__link::before {
     --button-outlined-success-active: var(--color-success-200);
     --button-outlined-success-hover: var(--color-success-100);
     --button-outlined-warning: var(--color-warning-50);
-    --button-outlined-warning-active: var(--color-secondary-200);
+    --button-outlined-warning-active: var(--color-warning-200);
     --button-outlined-warning-hover: var(--color-warning-100);
     --button-solid-disabled: var(--color-neutral-200);
     --button-solid-error: var(--color-error-600);
@@ -564,23 +554,23 @@ gov-tile__link::before, .gov-tile__link::before {
   --border-success-disabled: var(--color-success-900);
   --border-warning-disabled: var(--color-warning-950);
   --button-outlined-error: var(--color-error-950);
-  --button-outlined-error-active: var(--color-error-900);
-  --button-outlined-error-hover: var(--color-error-950);
-  --button-outlined-neutral: var(--color-neutral-950);
+  --button-outlined-error-active: var(--color-error-950);
+  --button-outlined-error-hover: var(--color-error-900);
+  --button-outlined-neutral: var(--color-neutral-1000);
   --button-outlined-neutral-active: var(--color-neutral-900);
   --button-outlined-neutral-hover: var(--color-neutral-950);
   --button-outlined-primary: var(--color-primary-1000);
   --button-outlined-primary-active: var(--color-primary-900);
   --button-outlined-primary-hover: var(--color-primary-950);
-  --button-outlined-secondary: var(--color-secondary-900);
+  --button-outlined-secondary: var(--color-secondary-1000);
   --button-outlined-secondary-active: var(--color-secondary-900);
   --button-outlined-secondary-hover: var(--color-secondary-950);
   --button-outlined-success: var(--color-success-950);
-  --button-outlined-success-active: var(--color-success-900);
-  --button-outlined-success-hover: var(--color-success-950);
+  --button-outlined-success-active: var(--color-success-950);
+  --button-outlined-success-hover: var(--color-success-900);
   --button-outlined-warning: var(--color-warning-950);
-  --button-outlined-warning-active: var(--color-warning-900);
-  --button-outlined-warning-hover: var(--color-secondary-950);
+  --button-outlined-warning-active: var(--color-warning-950);
+  --button-outlined-warning-hover: var(--color-warning-900);
   --button-solid-disabled: var(--color-neutral-950);
   --button-solid-error: var(--color-error-600);
   --button-solid-error-active: var(--color-error-900);
@@ -690,23 +680,23 @@ gov-tile__link::before, .gov-tile__link::before {
     --border-success-disabled: var(--color-success-900);
     --border-warning-disabled: var(--color-warning-950);
     --button-outlined-error: var(--color-error-950);
-    --button-outlined-error-active: var(--color-error-900);
-    --button-outlined-error-hover: var(--color-error-950);
-    --button-outlined-neutral: var(--color-neutral-950);
+    --button-outlined-error-active: var(--color-error-950);
+    --button-outlined-error-hover: var(--color-error-900);
+    --button-outlined-neutral: var(--color-neutral-1000);
     --button-outlined-neutral-active: var(--color-neutral-900);
     --button-outlined-neutral-hover: var(--color-neutral-950);
     --button-outlined-primary: var(--color-primary-1000);
     --button-outlined-primary-active: var(--color-primary-900);
     --button-outlined-primary-hover: var(--color-primary-950);
-    --button-outlined-secondary: var(--color-secondary-900);
+    --button-outlined-secondary: var(--color-secondary-1000);
     --button-outlined-secondary-active: var(--color-secondary-900);
     --button-outlined-secondary-hover: var(--color-secondary-950);
     --button-outlined-success: var(--color-success-950);
-    --button-outlined-success-active: var(--color-success-900);
-    --button-outlined-success-hover: var(--color-success-950);
+    --button-outlined-success-active: var(--color-success-950);
+    --button-outlined-success-hover: var(--color-success-900);
     --button-outlined-warning: var(--color-warning-950);
-    --button-outlined-warning-active: var(--color-warning-900);
-    --button-outlined-warning-hover: var(--color-secondary-950);
+    --button-outlined-warning-active: var(--color-warning-950);
+    --button-outlined-warning-hover: var(--color-warning-900);
     --button-solid-disabled: var(--color-neutral-950);
     --button-solid-error: var(--color-error-600);
     --button-solid-error-active: var(--color-error-900);
@@ -870,6 +860,7 @@ 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);
@@ -1032,7 +1023,7 @@ body {
   margin: 0;
   padding: 0;
   color: var(--text-secondary);
-  font-family: var(--font-family, var(--roboto));
+  font-family: var(--font-family-primary, var(--font-family));
   background-color: var(--background-page);
 }
 body.body-fixed {
@@ -1140,7 +1131,7 @@ ul, .gov-list {
   list-style: none;
 }
 ul > *:last-child, .gov-list > *:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 ul--plain, .gov-list--plain {
   padding-left: 0;
@@ -1176,13 +1167,6 @@ ul > li::before,
   background-color: var(--text-primary-color);
 }
 
-body * {
-  margin-bottom: var(--spacing-m);
-}
-body *:last-child {
-  margin-bottom: 0;
-}
-
 .gov-bg--primary-50 {
   background-color: var(--color-primary-50);
 }
@@ -1815,6 +1799,76 @@ body *:last-child {
   color: var(--color-visited-700);
 }
 
+.gov-text--xs {
+  font-size: var(--font-size-xs);
+  line-height: var(--height-line-xs);
+  letter-spacing: 0.0125rem;
+  font-weight: 400;
+}
+
+.gov-text--s {
+  font-size: var(--font-size-s);
+  line-height: var(--height-line-s);
+  letter-spacing: 0.0109375rem;
+  font-weight: 400;
+}
+
+.gov-text--m {
+  font-size: var(--font-size-m);
+  line-height: var(--height-line-m);
+  letter-spacing: 0.0125rem;
+  font-weight: 400;
+}
+
+.gov-text--l {
+  font-size: var(--font-size-l);
+  line-height: var(--height-line-l);
+  letter-spacing: 0.0140625rem;
+  font-weight: 400;
+}
+
+.gov-text--xl {
+  font-size: var(--font-size-xl);
+  line-height: var(--height-line-xl);
+  letter-spacing: 0.015625rem;
+  font-weight: 400;
+}
+
+.gov-text--2xl {
+  font-size: var(--font-size-2xl);
+  line-height: var(--height-line-2xl);
+  letter-spacing: 0.0468125rem;
+  font-weight: 400;
+}
+
+.gov-text--3xl {
+  font-size: var(--font-size-3xl);
+  line-height: var(--height-line-3xl);
+  letter-spacing: initial;
+  font-weight: 400;
+}
+
+.gov-text--4xl {
+  font-size: var(--font-size-4xl);
+  line-height: 130%;
+  letter-spacing: initial;
+  font-weight: 400;
+}
+
+.gov-text--5xl {
+  font-size: var(--font-size-5xl);
+  line-height: 125%;
+  letter-spacing: initial;
+  font-weight: 400;
+}
+
+.gov-text--6xl {
+  font-size: var(--font-size-6xl);
+  line-height: 125%;
+  letter-spacing: initial;
+  font-weight: 400;
+}
+
 .gov-hide {
   display: none;
 }
@@ -2028,8 +2082,8 @@ gov-accordion-item, .gov-accordion-item {
   position: relative;
   display: block;
   width: 100%;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-accordion-item::before, .gov-accordion-item::before {
   content: "";
@@ -2044,7 +2098,7 @@ 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, var(--roboto));
+  font-family: var(--font-family-primary, var(--font-family));
   font-weight: 400;
   box-sizing: border-box;
   position: relative;
@@ -2079,15 +2133,15 @@ 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 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: flex;
   flex-direction: column;
   margin-right: auto;
 }
 gov-accordion-item *[slot=label], .gov-accordion-item *[slot=label] {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: inline-block;
   color: var(--text-primary-color);
   transform: translateY(1px);
@@ -2097,8 +2151,8 @@ gov-accordion-item *[slot=annotation], .gov-accordion-item *[slot=annotation] {
   margin-bottom: 0;
 }
 gov-accordion-item__icon, gov-accordion-item__right, .gov-accordion-item__icon, .gov-accordion-item__right {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: flex;
   flex-shrink: 0;
   align-items: center;
@@ -2334,7 +2388,7 @@ gov-attachments__label, .gov-attachments__label {
   color: var(--form-label-color, var(--text-primary));
 }
 gov-attachments__list > *:last-child, .gov-attachments__list > *:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 
 /* Backdrop */
@@ -2362,8 +2416,8 @@ gov-breadcrumbs, .gov-breadcrumbs {
   position: relative;
   display: flex;
   width: 100%;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   font-size: var(--font-size-s);
   line-height: var(--height-line-s);
   letter-spacing: 0.0109375rem;
@@ -2373,8 +2427,8 @@ gov-breadcrumbs, .gov-breadcrumbs {
   gap: var(--gap, var(--spacing-s));
 }
 gov-breadcrumbs nav, .gov-breadcrumbs nav {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   overflow: hidden;
   width: 100%;
 }
@@ -2522,8 +2576,8 @@ gov-button:focus-visible, .gov-button:focus-visible {
   outline-offset: var(--outline-offset, 0.125rem);
 }
 gov-button *, .gov-button * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-button .element, .gov-button .element {
   display: inline-flex;
@@ -2538,7 +2592,7 @@ gov-button .element, .gov-button .element {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-  font-family: var(--font-family, var(--roboto));
+  font-family: var(--font-family-primary, var(--font-family));
   border-radius: var(--border-radius, var(--corner-radius-s));
   transition: none;
 }
@@ -3627,13 +3681,13 @@ gov-button[type=link][disabled=""], gov-button[type=link][disabled=""] .element,
 
 /* Dropdown */
 gov-dropdown, .gov-dropdown {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
 }
 gov-dropdown *, .gov-dropdown * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-dropdown__list, .gov-dropdown__list {
   position: absolute;
@@ -3677,26 +3731,21 @@ gov-card, .gov-card {
   position: relative;
   display: flex;
   width: 100%;
+  margin-top: 0;
+  margin-bottom: 0;
   flex-direction: column;
-  border-width: var(--border-width, 0.0625rem);
-  border-color: var(--border, var(--border-subtlest));
-  border-style: solid;
-  border-radius: var(--border-radius, var(--corner-radius-s));
+  border-radius: var(--border-radius-doubled, var(--corner-radius-m));
   background: var(--background, var(--background-block-primary));
   overflow: hidden;
 }
 gov-card > *:last-child, .gov-card > *:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 gov-card__header, .gov-card__header {
   gap: var(--spacing-l);
   padding: var(--spacing-l);
   margin-top: 0;
   margin-bottom: 0;
-  border-width: 0;
-  border-bottom-width: var(--border-width, 0.0625rem);
-  border-color: var(--border, var(--border-subtlest));
-  border-style: solid;
   transition: background-color 150ms ease-in-out;
 }
 gov-card__arrow, .gov-card__arrow {
@@ -3708,7 +3757,7 @@ gov-card__arrow, .gov-card__arrow {
 gov-card *[slot=headline], .gov-card *[slot=headline] {
   margin: 0;
   padding: 0;
-  font-family: var(--font-family, var(--roboto));
+  font-family: var(--font-family-primary, var(--font-family));
   font-weight: 400;
   box-sizing: border-box;
   font-size: var(--font-size-xl);
@@ -3723,16 +3772,6 @@ gov-card *[slot=headline] > *, .gov-card *[slot=headline] > * {
   letter-spacing: 0.015625rem;
   font-weight: 700;
 }
-gov-card__img, .gov-card__img {
-  width: 100%;
-  margin: 0;
-  line-height: 1;
-}
-gov-card__img img, .gov-card__img img {
-  display: block;
-  width: 100%;
-  height: auto;
-}
 gov-card__inner, .gov-card__inner {
   display: flex;
   flex: 1 1 auto;
@@ -3741,28 +3780,32 @@ gov-card__inner, .gov-card__inner {
 gov-card__inner[aria-hidden=""], gov-card__inner[aria-hidden=true i], gov-card__inner[aria-hidden="1"], .gov-card__inner[aria-hidden=""], .gov-card__inner[aria-hidden=true i], .gov-card__inner[aria-hidden="1"] {
   display: none;
 }
-gov-card__main, .gov-card__main {
-  flex: 1 1 auto;
-  padding: var(--spacing-l);
-  margin-bottom: 0;
-  border-width: 0;
+gov-card__img, .gov-card__img {
+  width: 100%;
+  margin: 0;
+  line-height: 1;
 }
-gov-card__main > *:last-child, .gov-card__main > *:last-child {
-  margin-bottom: 0 !important;
+gov-card__img img, .gov-card__img img {
+  display: block;
+  width: 100%;
+  height: auto;
 }
 gov-card__icon, .gov-card__icon {
   flex: 0 0 auto;
   width: var(--icon-size-5xl);
   height: var(--icon-size-5xl);
-  margin-top: 0;
+  margin-top: var(--spacing-l);
   margin-bottom: 0;
+  margin-left: var(--spacing-l);
   color: var(--icon-color, var(--icon-on-subtle));
 }
-gov-card__btns, .gov-card__btns {
-  display: flex;
-  gap: var(--spacing-l);
-  flex: 0 0 auto;
-  flex-wrap: wrap;
+gov-card__content, .gov-card__content {
+  flex: 1 1 auto;
+  padding: var(--spacing-m) var(--spacing-l) var(--spacing-l) var(--spacing-l);
+  margin-bottom: 0;
+}
+gov-card__content > *:last-child, .gov-card__content > *:last-child {
+  margin-bottom: 0;
 }
 gov-card__footer, .gov-card__footer {
   padding: var(--spacing-l);
@@ -3773,23 +3816,32 @@ gov-card__footer, .gov-card__footer {
   font-weight: 400;
 }
 gov-card__footer > *:last-child, .gov-card__footer > *:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 gov-card:not([hydrated]), .gov-card:not([hydrated]) {
   padding: var(--spacing-l);
 }
-gov-card[is-expanded=""], gov-card[is-expanded=true i], gov-card[is-expanded="1"], .gov-card[is-expanded=""], .gov-card[is-expanded=true i], .gov-card[is-expanded="1"] {
-  height: 100%;
+@media not all and (pointer: coarse) {
+  gov-card:hover, .gov-card:hover {
+    box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.3);
+    transform: translateY(-0.1rem);
+    transition: all 150ms ease-in-out;
+  }
 }
-gov-card[promotion=""] .gov-card__main, gov-card[promotion=""]:not([hydrated]), gov-card[promotion=true i] .gov-card__main, gov-card[promotion=true i]:not([hydrated]), gov-card[promotion="1"] .gov-card__main, gov-card[promotion="1"]:not([hydrated]), .gov-card[promotion=""] .gov-card__main, .gov-card[promotion=""]:not([hydrated]), .gov-card[promotion=true i] .gov-card__main, .gov-card[promotion=true i]:not([hydrated]), .gov-card[promotion="1"] .gov-card__main, .gov-card[promotion="1"]:not([hydrated]) {
+gov-card:active, .gov-card:active {
+  background-color: var(--background-primary-subtlest);
+}
+gov-card[direction=horizontal] .gov-card__inner, gov-card[direction=horizontal]:not([hydrated]), .gov-card[direction=horizontal] .gov-card__inner, .gov-card[direction=horizontal]:not([hydrated]) {
   display: flex;
-  flex-direction: column;
-  gap: var(--spacing-l);
-  padding: var(--spacing-l);
 }
-gov-card[promotion=""] p, gov-card[promotion=true i] p, gov-card[promotion="1"] p, .gov-card[promotion=""] p, .gov-card[promotion=true i] p, .gov-card[promotion="1"] p {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+gov-card[direction=horizontal] .gov-card__inner[aria-hidden=""], gov-card[direction=horizontal] .gov-card__inner[aria-hidden=true i], gov-card[direction=horizontal] .gov-card__inner[aria-hidden="1"], gov-card[direction=horizontal]:not([hydrated])[aria-hidden=""], gov-card[direction=horizontal]:not([hydrated])[aria-hidden=true i], gov-card[direction=horizontal]:not([hydrated])[aria-hidden="1"], .gov-card[direction=horizontal] .gov-card__inner[aria-hidden=""], .gov-card[direction=horizontal] .gov-card__inner[aria-hidden=true i], .gov-card[direction=horizontal] .gov-card__inner[aria-hidden="1"], .gov-card[direction=horizontal]:not([hydrated])[aria-hidden=""], .gov-card[direction=horizontal]:not([hydrated])[aria-hidden=true i], .gov-card[direction=horizontal]:not([hydrated])[aria-hidden="1"] {
+  display: none;
+}
+gov-card[direction=horizontal] .gov-card__icon, .gov-card[direction=horizontal] .gov-card__icon {
+  margin-right: var(--spacing-s);
+}
+gov-card[direction=horizontal] p > *:last-child, .gov-card[direction=horizontal] p > *:last-child {
+  margin-bottom: 0;
 }
 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 {
   display: inline-flex;
@@ -3823,25 +3875,15 @@ gov-card[collapsible=""] .gov-card__header:focus-visible, gov-card[collapsible=t
     background: var(--header-hover-background, var(--button-outlined-primary-hover));
   }
 }
-gov-card[collapsible=""][open=""] .gov-card__header, gov-card[collapsible=""][open=true i] .gov-card__header, gov-card[collapsible=""][open="1"] .gov-card__header, gov-card[collapsible=true i][open=""] .gov-card__header, gov-card[collapsible=true i][open=true i] .gov-card__header, gov-card[collapsible=true i][open="1"] .gov-card__header, gov-card[collapsible="1"][open=""] .gov-card__header, gov-card[collapsible="1"][open=true i] .gov-card__header, gov-card[collapsible="1"][open="1"] .gov-card__header, .gov-card[collapsible=""][open=""] .gov-card__header, .gov-card[collapsible=""][open=true i] .gov-card__header, .gov-card[collapsible=""][open="1"] .gov-card__header, .gov-card[collapsible=true i][open=""] .gov-card__header, .gov-card[collapsible=true i][open=true i] .gov-card__header, .gov-card[collapsible=true i][open="1"] .gov-card__header, .gov-card[collapsible="1"][open=""] .gov-card__header, .gov-card[collapsible="1"][open=true i] .gov-card__header, .gov-card[collapsible="1"][open="1"] .gov-card__header {
-  border-bottom: var(--border, var(--border-subtlest));
-}
 gov-card[collapsible=""][open=""] .gov-card__arrow, gov-card[collapsible=""][open=true i] .gov-card__arrow, gov-card[collapsible=""][open="1"] .gov-card__arrow, gov-card[collapsible=true i][open=""] .gov-card__arrow, gov-card[collapsible=true i][open=true i] .gov-card__arrow, gov-card[collapsible=true i][open="1"] .gov-card__arrow, gov-card[collapsible="1"][open=""] .gov-card__arrow, gov-card[collapsible="1"][open=true i] .gov-card__arrow, gov-card[collapsible="1"][open="1"] .gov-card__arrow, .gov-card[collapsible=""][open=""] .gov-card__arrow, .gov-card[collapsible=""][open=true i] .gov-card__arrow, .gov-card[collapsible=""][open="1"] .gov-card__arrow, .gov-card[collapsible=true i][open=""] .gov-card__arrow, .gov-card[collapsible=true i][open=true i] .gov-card__arrow, .gov-card[collapsible=true i][open="1"] .gov-card__arrow, .gov-card[collapsible="1"][open=""] .gov-card__arrow, .gov-card[collapsible="1"][open=true i] .gov-card__arrow, .gov-card[collapsible="1"][open="1"] .gov-card__arrow {
   transform: scale(-1);
 }
 @container (width > 30em) {
-  gov-card[promotion=""] .gov-card__main, gov-card[promotion=true i] .gov-card__main, gov-card[promotion="1"] .gov-card__main, .gov-card[promotion=""] .gov-card__main, .gov-card[promotion=true i] .gov-card__main, .gov-card[promotion="1"] .gov-card__main {
+  gov-card[direction=horizontal] .gov-card__inner, .gov-card[direction=horizontal] .gov-card__inner {
     flex-direction: row;
-    gap: var(--spacing-l);
-    padding: var(--spacing-l);
-  }
-  gov-card[promotion=""] .gov-card__btns, gov-card[promotion=true i] .gov-card__btns, gov-card[promotion="1"] .gov-card__btns, .gov-card[promotion=""] .gov-card__btns, .gov-card[promotion=true i] .gov-card__btns, .gov-card[promotion="1"] .gov-card__btns {
-    flex-direction: column;
   }
-  gov-card[promotion=""]:not([hydrated]), gov-card[promotion=true i]:not([hydrated]), gov-card[promotion="1"]:not([hydrated]), .gov-card[promotion=""]:not([hydrated]), .gov-card[promotion=true i]:not([hydrated]), .gov-card[promotion="1"]:not([hydrated]) {
+  gov-card[direction=horizontal]:not([hydrated]), .gov-card[direction=horizontal]:not([hydrated]) {
     flex-direction: row;
-    gap: var(--spacing-l);
-    padding: var(--spacing-l);
   }
 }
 
@@ -3850,11 +3892,11 @@ gov-chip, .gov-chip {
   /* Variables - Chips */ /* Variables - Buttons */
   margin: 0;
   padding: 0;
-  font-family: var(--font-family, var(--roboto));
+  font-family: var(--font-family-primary, var(--font-family));
   font-weight: 400;
   box-sizing: border-box;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
@@ -3864,13 +3906,13 @@ gov-chip, .gov-chip {
   min-height: var(--height, var(--height-component-s));
 }
 gov-chip *, .gov-chip * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-chip .element, .gov-chip .element {
   margin: 0;
   padding: 0;
-  font-family: var(--font-family, var(--roboto));
+  font-family: var(--font-family-primary, var(--font-family));
   font-weight: 400;
   box-sizing: border-box;
   display: inline-flex;
@@ -4945,6 +4987,24 @@ gov-chip[type=link][color=warning][disabled=""] .element, gov-chip[type=link][co
 gov-chip[type=link][color=warning][disabled=""] .element gov-icon, gov-chip[type=link][color=warning][disabled=""] .element .gov-icon, gov-chip[type=link][color=warning][disabled=true i] .element gov-icon, gov-chip[type=link][color=warning][disabled=true i] .element .gov-icon, gov-chip[type=link][color=warning][disabled="1"] .element gov-icon, gov-chip[type=link][color=warning][disabled="1"] .element .gov-icon, .gov-chip[type=link][color=warning][disabled=""] .element gov-icon, .gov-chip[type=link][color=warning][disabled=""] .element .gov-icon, .gov-chip[type=link][color=warning][disabled=true i] .element gov-icon, .gov-chip[type=link][color=warning][disabled=true i] .element .gov-icon, .gov-chip[type=link][color=warning][disabled="1"] .element gov-icon, .gov-chip[type=link][color=warning][disabled="1"] .element .gov-icon {
   color: var(--disabled-icon-color, var(--icon-disabled));
 }
+gov-chip[type=outlined][color=primary], .gov-chip[type=outlined][color=primary] {
+  background-color: var(--background, var(--button-outlined-primary));
+}
+gov-chip[type=outlined][color=secondary], .gov-chip[type=outlined][color=secondary] {
+  background-color: var(--background, var(--button-outlined-secondary));
+}
+gov-chip[type=outlined][color=neutral], .gov-chip[type=outlined][color=neutral] {
+  background-color: var(--background, var(--button-outlined-neutral));
+}
+gov-chip[type=outlined][color=error], .gov-chip[type=outlined][color=error] {
+  background-color: var(--background, var(--button-outlined-error));
+}
+gov-chip[type=outlined][color=warning], .gov-chip[type=outlined][color=warning] {
+  background-color: var(--background, var(--button-outlined-warning));
+}
+gov-chip[type=outlined][color=success], .gov-chip[type=outlined][color=success] {
+  background-color: var(--background, var(--button-outlined-success));
+}
 gov-chip[size=xs], .gov-chip[size=xs] {
   min-height: var(--height, var(--height-component-xs));
 }
@@ -5069,8 +5129,8 @@ gov-control-group, .gov-control-group {
   border: var(--border-width, 0.0625rem) solid var(--border-neutral);
 }
 gov-control-group *, .gov-control-group * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-control-group > *,
 gov-control-group > * .element,
@@ -5186,8 +5246,8 @@ gov-cookiebar, .gov-cookiebar {
   box-shadow: 0 1rem 2.5rem 0 rgba(0, 0, 0, 0.3);
 }
 gov-cookiebar *[slot=headline], .gov-cookiebar *[slot=headline] {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   font-size: var(--font-size-2xl);
   line-height: var(--height-line-2xl);
   letter-spacing: 0.0468125rem;
@@ -5195,16 +5255,16 @@ gov-cookiebar *[slot=headline], .gov-cookiebar *[slot=headline] {
   color: var(--headline-color, var(--text-primary));
 }
 gov-cookiebar__content, gov-cookiebar:not(.hydrated), .gov-cookiebar__content, .gov-cookiebar:not(.hydrated) {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xs-nudge);
   color: var(--color, var(--text-secondary));
 }
 gov-cookiebar__actions *, .gov-cookiebar__actions * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 @media (max-width: 29.99em) {
   gov-cookiebar__actions, .gov-cookiebar__actions {
@@ -5276,8 +5336,8 @@ 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 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: flex;
   gap: var(--spacing-s);
   align-items: flex-start;
@@ -5285,8 +5345,8 @@ gov-dialog__header, .gov-dialog__header {
   border-bottom: var(--border-width, 0.0625rem) solid var(--border-color, var(--border-subtlest));
 }
 gov-dialog__header *, .gov-dialog__header * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-dialog *[slot=icon], .gov-dialog *[slot=icon] {
   flex: 0 0 auto;
@@ -5307,14 +5367,14 @@ gov-dialog__close, .gov-dialog__close {
   margin-left: auto;
 }
 gov-dialog__content, .gov-dialog__content {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  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;
 }
 gov-dialog__content > *:last-child, .gov-dialog__content > *:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 gov-dialog__footer, .gov-dialog__footer {
   display: flex;
@@ -5349,8 +5409,8 @@ gov-dialog[hydrated], .gov-dialog.hydrated {
 /* Alert */
 gov-empty, .gov-empty {
   /* Variables - Empty */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: flex;
   width: 100%;
@@ -5358,8 +5418,8 @@ gov-empty, .gov-empty {
   color: var(--text-secondary);
 }
 gov-empty *, .gov-empty * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-empty[align=center], gov-empty[align=center] > *, .gov-empty[align=center], .gov-empty[align=center] > * {
   align-items: center;
@@ -5384,7 +5444,7 @@ gov-empty__content, .gov-empty__content {
   color: var(--text-secondary);
 }
 gov-empty__content > *:last-child, .gov-empty__content > *:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 gov-empty *[slot=headline], .gov-empty *[slot=headline] {
   color: var(--text-primary);
@@ -5504,8 +5564,8 @@ gov-error-code, .gov-error-code {
   color: var(--text-secondary);
 }
 gov-error-code *, .gov-error-code * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-error-code *[slot=icon], .gov-error-code *[slot=icon] {
   display: flex;
@@ -5529,7 +5589,7 @@ gov-error-code__content, .gov-error-code__content {
   color: var(--text-secondary);
 }
 gov-error-code__content > *:last-child, .gov-error-code__content > *:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 gov-error-code__content p, .gov-error-code__content p {
   font-size: var(--font-size-l);
@@ -5570,10 +5630,14 @@ gov-error-code *[slot=headline], .gov-error-code *[slot=headline] {
 
 /* Flex */ /* Variables - Flex */
 gov-flex, .gov-flex {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: flex;
 }
+gov-flex *, .gov-flex * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
 gov-flex[direction=row], .gov-flex[direction=row] {
   flex-direction: row;
 }
@@ -5649,6 +5713,15 @@ gov-flex[align-content=stretch], .gov-flex[align-content=stretch] {
 gov-flex[align-self=auto], .gov-flex[align-self=auto] {
   align-self: auto;
 }
+gov-flex[align-self=normal], .gov-flex[align-self=normal] {
+  align-self: normal;
+}
+gov-flex[align-self=self-start], .gov-flex[align-self=self-start] {
+  align-self: self-start;
+}
+gov-flex[align-self=self-end], .gov-flex[align-self=self-end] {
+  align-self: self-end;
+}
 gov-flex[align-self=flex-start], .gov-flex[align-self=flex-start] {
   align-self: flex-start;
 }
@@ -5664,6 +5737,9 @@ gov-flex[align-self=baseline], .gov-flex[align-self=baseline] {
 gov-flex[align-self=stretch], .gov-flex[align-self=stretch] {
   align-self: stretch;
 }
+gov-flex[align-self=anchor-center], .gov-flex[align-self=anchor-center] {
+  align-self: anchor-center;
+}
 gov-flex[gap=unset], .gov-flex[gap=unset] {
   gap: var(--spacing-none);
 }
@@ -5673,12 +5749,21 @@ gov-flex[gap="2xs"], .gov-flex[gap="2xs"] {
 gov-flex[gap=xs], .gov-flex[gap=xs] {
   gap: var(--spacing-xs);
 }
+gov-flex[gap=xs-nudge], .gov-flex[gap=xs-nudge] {
+  gap: var(--spacing-xs-nudge);
+}
 gov-flex[gap=s], .gov-flex[gap=s] {
   gap: var(--spacing-s);
 }
+gov-flex[gap=s-nudge], .gov-flex[gap=s-nudge] {
+  gap: var(--spacing-s-nudge);
+}
 gov-flex[gap=m], .gov-flex[gap=m] {
   gap: var(--spacing-m);
 }
+gov-flex[gap=m-nudge], .gov-flex[gap=m-nudge] {
+  gap: var(--spacing-m-nudge);
+}
 gov-flex[gap=l], .gov-flex[gap=l] {
   gap: var(--spacing-l);
 }
@@ -5694,6 +5779,21 @@ gov-flex[gap="3xl"], .gov-flex[gap="3xl"] {
 gov-flex[gap="4xl"], .gov-flex[gap="4xl"] {
   gap: var(--spacing-4xl);
 }
+gov-flex[gap="5xl"], .gov-flex[gap="5xl"] {
+  gap: var(--spacing-5xl);
+}
+gov-flex[gap="6xl"], .gov-flex[gap="6xl"] {
+  gap: var(--spacing-6xl);
+}
+gov-flex[gap="7xl"], .gov-flex[gap="7xl"] {
+  gap: var(--spacing-7xl);
+}
+gov-flex[gap="8xl"], .gov-flex[gap="8xl"] {
+  gap: var(--spacing-8xl);
+}
+gov-flex[gap="9xl"], .gov-flex[gap="9xl"] {
+  gap: var(--spacing-9xl);
+}
 
 /* Autocomplete */
 gov-form-autocomplete, .gov-form-autocomplete {
@@ -5701,12 +5801,12 @@ gov-form-autocomplete, .gov-form-autocomplete {
   position: relative;
   display: block;
   width: 100%;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-autocomplete *, .gov-form-autocomplete * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-autocomplete__list, .gov-form-autocomplete__list {
   position: absolute;
@@ -5902,15 +6002,15 @@ gov-form-autocomplete[size=xl], .gov-form-autocomplete[size=xl] {
 /* Checkbox */
 gov-form-checkbox, .gov-form-checkbox {
   /* Variables - Form checkbox & radio */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: inline-block;
   cursor: pointer;
 }
 gov-form-checkbox *, .gov-form-checkbox * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-checkbox input, .gov-form-checkbox input {
   position: absolute;
@@ -6231,8 +6331,8 @@ gov-form-control, .gov-form-control {
   /* Variables - Form label */ /* Variables - Form checkbox & radio */ /* Variables - Form switch */
 }
 gov-form-control *, .gov-form-control * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-control, gov-form-control__holder, .gov-form-control, .gov-form-control__holder {
   display: flex;
@@ -6284,15 +6384,15 @@ 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 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: block;
   color: var(--text-primary);
 }
 gov-form-file *, .gov-form-file * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-file__area, .gov-form-file__area {
   display: flex;
@@ -6753,8 +6853,8 @@ 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 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: flex;
   width: 100%;
@@ -6806,16 +6906,16 @@ 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 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: flex;
   width: 100%;
   align-items: center;
 }
 gov-form-input *, .gov-form-input * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-input > .element, .gov-form-input > .element {
   position: relative;
@@ -6854,7 +6954,7 @@ gov-form-input *[slot=icon-end], .gov-form-input *[slot=icon-start],
 }
 gov-form-input, gov-form-input input, gov-form-input textarea, .gov-form-input, .gov-form-input input, .gov-form-input textarea {
   width: 100%;
-  font-family: var(--font-family, var(--roboto));
+  font-family: var(--font-family-primary, var(--font-family));
   color: var(--form-value-color, var(--text-primary));
   border-radius: var(--border-radius, var(--corner-radius-s));
   border: none;
@@ -7185,8 +7285,8 @@ gov-form-label, .gov-form-label {
   margin-bottom: var(--label-margin, var(--spacing-xs));
 }
 gov-form-label *, .gov-form-label * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-label, gov-form-label__label, .gov-form-label, .gov-form-label__label {
   display: inline-block;
@@ -7247,8 +7347,8 @@ gov-form-message, .gov-form-message {
   margin-bottom: 0;
 }
 gov-form-message *, .gov-form-message * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-message gov-icon, gov-form-message .gov-icon, .gov-form-message gov-icon, .gov-form-message .gov-icon {
   flex: 0 0 auto;
@@ -7336,15 +7436,15 @@ gov-form-message[size=xl], gov-form-message[size=xl] .gov-form-message__content,
 /* Multiselect */
 gov-form-multi-select, .gov-form-multi-select {
   /* Variables - Form multiselect */ /* Variables - Buttons */ /* Variables - Form input */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: flex;
   gap: var(--spacing-s);
   width: 100%;
 }
 gov-form-multi-select *, .gov-form-multi-select * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-multi-select option:not([selected]), .gov-form-multi-select option:not([selected]) {
   display: none;
@@ -7650,8 +7750,8 @@ gov-form-multi-select[success=""] .validation-icon, gov-form-multi-select[succes
 /* Password power */
 gov-form-password-power, .gov-form-password-power {
   /* Variables - Form password power */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: flex;
   align-items: center;
   width: 100%;
@@ -7659,8 +7759,8 @@ gov-form-password-power, .gov-form-password-power {
   height: var(--height-line-s);
 }
 gov-form-password-power *, .gov-form-password-power * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-password-power__bar, .gov-form-password-power__bar {
   display: flex;
@@ -7707,15 +7807,15 @@ 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 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: inline-block;
   cursor: pointer;
 }
 gov-form-radio *, .gov-form-radio * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-radio input, .gov-form-radio input {
   position: absolute;
@@ -7978,8 +8078,8 @@ gov-form-radio[size=xl][no-label=""], gov-form-radio[size=xl][no-label=true i],
 /* Search */
 gov-form-search, .gov-form-search {
   /* Variables - Search */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: flex;
   width: 100%;
@@ -7989,8 +8089,8 @@ gov-form-search, .gov-form-search {
   background-color: var(--form-bg-color, var(--background-block-primary));
 }
 gov-form-search *, .gov-form-search * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-search:focus, .gov-form-search:focus {
   outline: none;
@@ -8050,16 +8150,16 @@ gov-form-search[color=primary], .gov-form-search[color=primary] {
 /* Select */
 gov-form-select, .gov-form-select {
   /* Variables - Form input */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: flex;
   width: 100%;
   align-items: center;
 }
 gov-form-select *, .gov-form-select * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-select > .element, .gov-form-select > .element {
   position: relative;
@@ -8070,7 +8170,7 @@ gov-form-select, gov-form-select select, .gov-form-select, .gov-form-select sele
   width: 100%;
   border-radius: var(--border-radius, var(--corner-radius-s));
   color: var(--form-value-color, var(--text-primary));
-  font-family: var(--font-family, var(--roboto));
+  font-family: var(--font-family-primary, var(--font-family));
 }
 gov-form-select:focus, gov-form-select select:focus, .gov-form-select:focus, .gov-form-select select:focus {
   outline: none;
@@ -8330,15 +8430,15 @@ gov-form-select option:not([selected]) {
 /* Switch */
 gov-form-switch, .gov-form-switch {
   /* Variables - Form switch */ /* Variables - Form checkbox & radio */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: inline-block;
   cursor: pointer;
 }
 gov-form-switch *, .gov-form-switch * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-form-switch__input, .gov-form-switch__input {
   position: absolute;
@@ -8661,8 +8761,8 @@ gov-form-switch[size=xl][no-label=""], gov-form-switch[size=xl][no-label=true i]
 
 /* Grid */
 gov-grid, .gov-grid {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: flex;
   width: 100%;
@@ -8689,8 +8789,8 @@ gov-grid[align-y=space-around], .gov-grid[align-y=space-around] {
 
 /* Grid Cell */
 gov-grid-item, .gov-grid-item {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   border: 0 solid transparent;
   -o-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E");
      border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E");
@@ -8899,8 +8999,8 @@ gov-grid-item, .gov-grid-item[size="12/12"] {
 /* Icon */
 gov-icon, .gov-icon {
   /* Variables - Icons */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: inline-flex;
 }
 gov-icon svg, .gov-icon svg {
@@ -8980,8 +9080,8 @@ gov-icon[size="5xl"], .gov-icon[size="5xl"] {
 /* Infobar */
 gov-infobar, .gov-infobar {
   /* Variables - Toast Message */ /* Variables - Buttons */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: block;
   width: 100%;
@@ -8991,8 +9091,8 @@ gov-infobar, .gov-infobar {
   font-weight: 400;
 }
 gov-infobar *, .gov-infobar * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-infobar:not(.hydrated), gov-infobar__section, .gov-infobar:not(.hydrated), .gov-infobar__section {
   display: flex;
@@ -9016,7 +9116,7 @@ gov-infobar__headline, .gov-infobar__headline {
   gap: var(--spacing-s);
 }
 gov-infobar__headline > *:last-child, .gov-infobar__headline > *:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 gov-infobar__headline + div, .gov-infobar__headline + div {
   margin-top: var(--spacing-s);
@@ -9034,7 +9134,7 @@ gov-infobar__content, .gov-infobar__content {
   width: 100%;
 }
 gov-infobar__content > *:last-child, .gov-infobar__content > *:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 gov-infobar__content a, .gov-infobar__content a {
   color: inherit;
@@ -9280,12 +9380,12 @@ gov-layout-column, .gov-layout-column {
 /* Link */
 gov-link, .gov-link {
   /* Variables - Link */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-link *, .gov-link * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-link .element, .gov-link .element {
   display: inline-flex;
@@ -9383,8 +9483,8 @@ gov-loading[size=l] .gov-loading__icon, .gov-loading[size=l] .gov-loading__icon
 /* Skeleton */
 gov-skeleton, .gov-skeleton {
   /* Variables - Skeleton */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: inline-block;
   width: var(--width, 100%);
@@ -9612,11 +9712,9 @@ gov-message[color=warning][type=subtle] a, .gov-message[color=warning][type=subt
 /* Pagination */
 gov-pagination, .gov-pagination {
   /* Variables - Pagination */ /* Variables - Buttons */
-  position: relative;
-  display: block;
-  width: 100%;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
+  display: contents;
 }
 gov-pagination__list, .gov-pagination__list {
   display: flex;
@@ -9906,12 +10004,21 @@ gov-spacer[size="2xs"], .gov-spacer[size="2xs"] {
 gov-spacer[size=xs], .gov-spacer[size=xs] {
   height: var(--spacing-xs);
 }
+gov-spacer[size=xs-nudge], .gov-spacer[size=xs-nudge] {
+  height: var(--spacing-xs-nudge);
+}
 gov-spacer[size=s], .gov-spacer[size=s] {
   height: var(--spacing-s);
 }
+gov-spacer[size=s-nudge], .gov-spacer[size=s-nudge] {
+  height: var(--spacing-s-nudge);
+}
 gov-spacer[size=m], .gov-spacer[size=m] {
   height: var(--spacing-m);
 }
+gov-spacer[size=m-nudge], .gov-spacer[size=m-nudge] {
+  height: var(--spacing-m-nudge);
+}
 gov-spacer[size=l], .gov-spacer[size=l] {
   height: var(--spacing-l);
 }
@@ -9927,6 +10034,21 @@ gov-spacer[size="3xl"], .gov-spacer[size="3xl"] {
 gov-spacer[size="4xl"], .gov-spacer[size="4xl"] {
   height: var(--spacing-4xl);
 }
+gov-spacer[size="5xl"], .gov-spacer[size="5xl"] {
+  height: var(--spacing-5xl);
+}
+gov-spacer[size="6xl"], .gov-spacer[size="6xl"] {
+  height: var(--spacing-6xl);
+}
+gov-spacer[size="7xl"], .gov-spacer[size="7xl"] {
+  height: var(--spacing-7xl);
+}
+gov-spacer[size="8xl"], .gov-spacer[size="8xl"] {
+  height: var(--spacing-8xl);
+}
+gov-spacer[size="9xl"], .gov-spacer[size="9xl"] {
+  height: var(--spacing-9xl);
+}
 gov-spacer[breakpoint=none], .gov-spacer[breakpoint=none] {
   display: none;
 }
@@ -10064,16 +10186,16 @@ gov-stepper[size=l]:not([hydrated]) *[slot=annotation], .gov-stepper[size=l]:not
 /* Stepper - Item */
 gov-stepper-item, .gov-stepper-item {
   /* Variables - Wizard */ /* Variables - Stepper */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: block;
   width: 100%;
   display: flex;
 }
 gov-stepper-item__prefix, .gov-stepper-item__prefix {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: flex;
   flex: 0 0 auto;
   justify-content: center;
@@ -10085,8 +10207,8 @@ gov-stepper-item__headline, .gov-stepper-item__headline {
   position: relative;
 }
 gov-stepper-item *[slot=annotation], .gov-stepper-item *[slot=annotation] {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: block;
   color: var(--text-secondary);
 }
@@ -10192,7 +10314,7 @@ gov-stepper-item[size=s] .gov-stepper-item__content p, .gov-stepper-item[size=s]
   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 !important;
+  margin-bottom: 0;
 }
 gov-stepper-item[size=s]::before, .gov-stepper-item[size=s]::before {
   top: calc(var(--padding, var(--spacing-s-nudge)) + var(--indicator-size, var(--height-l)) + var(--connect-gap, var(--spacing-s-nudge)));
@@ -10242,7 +10364,7 @@ gov-stepper-item[size=m] .gov-stepper-item__content p, .gov-stepper-item[size=m]
   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 !important;
+  margin-bottom: 0;
 }
 gov-stepper-item[size=m]::before, .gov-stepper-item[size=m]::before {
   top: calc(var(--padding, var(--spacing-m)) + var(--indicator-size, var(--height-xl)) + var(--connect-gap, var(--spacing-m)));
@@ -10292,7 +10414,7 @@ gov-stepper-item[size=l] .gov-stepper-item__content p, .gov-stepper-item[size=l]
   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 !important;
+  margin-bottom: 0;
 }
 gov-stepper-item[size=l]::before, .gov-stepper-item[size=l]::before {
   top: calc(var(--padding, var(--spacing-m-nudge)) + var(--indicator-size, var(--height-2xl)) + var(--connect-gap, var(--spacing-m-nudge)));
@@ -10359,7 +10481,7 @@ gov-tabs__btn, .gov-tabs__btn {
   position: relative;
   margin: 0;
   padding: var(--spacing-s) 0;
-  font-family: var(--font-family, var(--roboto));
+  font-family: var(--font-family-primary, var(--font-family));
   text-align: center;
   color: var(--text-primary-color);
   border-radius: var(--border-radius, var(--corner-radius-s));
@@ -10689,7 +10811,7 @@ gov-tabs-item, .gov-tabs-item {
   /* Variables - Tabs */
 }
 gov-tabs-item__inner > *:last-child, .gov-tabs-item__inner > *:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 gov-tabs-item:not(.hydrated), .gov-tabs-item:not(.hydrated) {
   display: none;
@@ -10731,11 +10853,11 @@ gov-tabs-item[size=xl], gov-tabs-item[size=xl] p, .gov-tabs-item[size=xl], .gov-
 /* Tag */
 gov-tag, .gov-tag {
   /* Variables - Tag */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   margin: 0;
   padding: 0;
-  font-family: var(--font-family, var(--roboto));
+  font-family: var(--font-family-primary, var(--font-family));
   font-weight: 400;
   box-sizing: border-box;
   min-height: var(--min-height, var(--height-component-s));
@@ -10745,8 +10867,8 @@ gov-tag, .gov-tag {
   border-radius: var(--border-radius, var(--corner-radius-s));
 }
 gov-tag *, .gov-tag * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-tag, gov-tag .element, .gov-tag, .gov-tag .element {
   font-size: var(--font-size-xs);
@@ -10780,7 +10902,7 @@ gov-tag[icon-end]:has(gov-icon), gov-tag[icon-end]:has(.gov-icon), .gov-tag[icon
 gov-tag .element, .gov-tag .element {
   margin: 0;
   padding: 0;
-  font-family: var(--font-family, var(--roboto));
+  font-family: var(--font-family-primary, var(--font-family));
   font-weight: 400;
   box-sizing: border-box;
   display: inline-flex;
@@ -10980,19 +11102,29 @@ gov-tag[size=m][icon-end], .gov-tag[size=m][icon-end] {
 gov-tag[size=m][icon-end]:has(gov-icon), gov-tag[size=m][icon-end]:has(.gov-icon), .gov-tag[size=m][icon-end]:has(gov-icon), .gov-tag[size=m][icon-end]:has(.gov-icon) {
   padding-right: var(--padding-x, var(--spacing-m));
 }
+gov-tag[expanded=""], gov-tag[expanded=true i], gov-tag[expanded="1"], .gov-tag[expanded=""], .gov-tag[expanded=true i], .gov-tag[expanded="1"] {
+  width: 100%;
+  padding: 0;
+  max-width: none;
+  justify-content: center;
+}
+gov-tag[expanded=""] .element, gov-tag[expanded=true i] .element, gov-tag[expanded="1"] .element, .gov-tag[expanded=""] .element, .gov-tag[expanded=true i] .element, .gov-tag[expanded="1"] .element {
+  width: 100%;
+  margin: 0;
+}
 
 /* Theme switch */
 gov-theme-switch, .gov-theme-switch {
   /* Variables - Form switch */ /* Variables - Form checkbox & radio */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: inline-block;
   cursor: pointer;
 }
 gov-theme-switch *, .gov-theme-switch * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-theme-switch button, .gov-theme-switch button {
   display: inline-flex;
@@ -11007,6 +11139,8 @@ gov-theme-switch button, .gov-theme-switch button {
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
+  padding: 0;
+  color: var(--form-label-color, var(--text-primary));
 }
 gov-theme-switch button:focus, .gov-theme-switch button:focus {
   outline: none;
@@ -11061,9 +11195,6 @@ gov-theme-switch[theme=light] .gov-theme-switch__icon-dark, .gov-theme-switch[th
   opacity: 0;
   transition: opacity 150ms linear;
 }
-gov-theme-switch[theme=light] .gov-theme-switch__label-dark, .gov-theme-switch[theme=light] .gov-theme-switch__label-dark {
-  display: none;
-}
 gov-theme-switch[theme=dark] .gov-theme-switch__indicator, .gov-theme-switch[theme=dark] .gov-theme-switch__indicator {
   background-color: var(--checked, var(--interactive-active));
   border-color: var(--checked, var(--interactive-active));
@@ -11082,13 +11213,16 @@ gov-theme-switch[theme=dark] .gov-theme-switch__icon-light, .gov-theme-switch[th
   opacity: 0;
   transition: opacity 150ms linear;
 }
-gov-theme-switch[theme=dark] .gov-theme-switch__label-light, .gov-theme-switch[theme=dark] .gov-theme-switch__label-light {
-  display: none;
-}
 gov-theme-switch[size=xs], .gov-theme-switch[size=xs] {
   min-height: var(--height, var(--height-component-xs));
   padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) 0;
 }
+gov-theme-switch[size=xs] button, .gov-theme-switch[size=xs] button {
+  font-size: var(--font-size-xs);
+  line-height: var(--height-line-xs);
+  letter-spacing: 0.0125rem;
+  font-weight: 400;
+}
 gov-theme-switch[size=xs] button > span, .gov-theme-switch[size=xs] button > span {
   gap: var(--gap, var(--spacing-xs-nudge));
 }
@@ -11117,6 +11251,12 @@ gov-theme-switch[size=s], .gov-theme-switch[size=s] {
   min-height: var(--height, var(--height-component-s));
   padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) 0;
 }
+gov-theme-switch[size=s] button, .gov-theme-switch[size=s] button {
+  font-size: var(--font-size-s);
+  line-height: var(--height-line-s);
+  letter-spacing: 0.0109375rem;
+  font-weight: 400;
+}
 gov-theme-switch[size=s] button > span, .gov-theme-switch[size=s] button > span {
   gap: var(--gap, var(--spacing-s));
 }
@@ -11145,6 +11285,12 @@ gov-theme-switch[size=m], .gov-theme-switch[size=m] {
   min-height: var(--height, var(--height-component-m));
   padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) 0;
 }
+gov-theme-switch[size=m] button, .gov-theme-switch[size=m] button {
+  font-size: var(--font-size-m);
+  line-height: var(--height-line-m);
+  letter-spacing: 0.0125rem;
+  font-weight: 400;
+}
 gov-theme-switch[size=m] button > span, .gov-theme-switch[size=m] button > span {
   gap: var(--gap, var(--spacing-s-nudge));
 }
@@ -11173,6 +11319,12 @@ gov-theme-switch[size=l], .gov-theme-switch[size=l] {
   min-height: var(--height, var(--height-component-l));
   padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) 0;
 }
+gov-theme-switch[size=l] button, .gov-theme-switch[size=l] button {
+  font-size: var(--font-size-l);
+  line-height: var(--height-line-l);
+  letter-spacing: 0.0140625rem;
+  font-weight: 400;
+}
 gov-theme-switch[size=l] button > span, .gov-theme-switch[size=l] button > span {
   gap: var(--gap, var(--spacing-m));
 }
@@ -11201,6 +11353,12 @@ gov-theme-switch[size=xl], .gov-theme-switch[size=xl] {
   min-height: var(--height, var(--height-component-xl));
   padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) 0;
 }
+gov-theme-switch[size=xl] button, .gov-theme-switch[size=xl] button {
+  font-size: var(--font-size-xl);
+  line-height: var(--height-line-xl);
+  letter-spacing: 0.015625rem;
+  font-weight: 400;
+}
 gov-theme-switch[size=xl] button > span, .gov-theme-switch[size=xl] button > span {
   gap: var(--gap, var(--spacing-m-nudge));
 }
@@ -11288,8 +11446,8 @@ gov-tiles, .gov-tiles {
 /* Tile */
 gov-tile, .gov-tile {
   /* Variables - Grid & Tile */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: flex;
   width: 100%;
@@ -11304,8 +11462,8 @@ gov-tile, .gov-tile {
   transition: background-color 150ms;
 }
 gov-tile *, .gov-tile * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-tile *[slot=icon], .gov-tile *[slot=icon] {
   width: var(--icon-size, var(--icon-size-3xl));
@@ -11387,7 +11545,7 @@ gov-tile__icon, .gov-tile__icon {
   align-items: center;
 }
 gov-tile__annotation > *:last-child, .gov-tile__annotation > *:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 gov-tile__annotation a, .gov-tile__annotation a {
   position: relative;
@@ -11592,8 +11750,8 @@ gov-tile[clickable=""]:active, gov-tile[clickable=true i]:active, gov-tile[click
 /* Alert */
 gov-toast, .gov-toast {
   /* Variables - Toast Message */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   z-index: 301;
   position: fixed;
   display: flex;
@@ -11609,8 +11767,8 @@ gov-toast, .gov-toast {
   transition: opacity 300ms ease-in-out;
 }
 gov-toast *, .gov-toast * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-toast:before, .gov-toast:before {
   content: "";
@@ -11639,7 +11797,7 @@ gov-toast__content, .gov-toast__content {
   font-weight: 400;
 }
 gov-toast__content > *:last-child, .gov-toast__content > *:last-child {
-  margin-bottom: 0 !important;
+  margin-bottom: 0;
 }
 gov-toast__close, .gov-toast__close {
   position: absolute;
@@ -11895,8 +12053,8 @@ gov-toast[color=warning][type=subtle]:not([type=subtle]) gov-button, gov-toast[c
 
 /* Tooltip */
 .gov-tooltip {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: inline-block;
   border-bottom: var(--border-width, 0.0625rem) dashed currentcolor;
   color: var(--text-primary-color);
@@ -11909,8 +12067,8 @@ gov-toast[color=warning][type=subtle]:not([type=subtle]) gov-button, gov-toast[c
 /* Tooltip - Content */
 gov-tooltip-content, .gov-tooltip-content {
   /* Variables - Tooltip */
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   z-index: 51;
   font-size: var(--font-size-m);
   line-height: var(--height-line-m);
@@ -11930,8 +12088,8 @@ gov-tooltip-content, .gov-tooltip-content {
   transition: opacity 0.2s ease-in;
 }
 gov-tooltip-content *, .gov-tooltip-content * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-tooltip-content:before, .gov-tooltip-content:before {
   border: var(--arrow-size, 0.625rem) solid transparent;
@@ -12023,8 +12181,8 @@ gov-wizard, .gov-wizard {
   position: relative;
   display: flex;
   width: 100%;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   flex-direction: column;
   gap: var(--spacing-m);
 }
@@ -12116,8 +12274,8 @@ 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 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   position: relative;
   display: block;
   width: 100%;
@@ -12125,14 +12283,14 @@ gov-wizard-item, .gov-wizard-item {
   border-radius: var(--border-radius, var(--corner-radius-xs));
 }
 gov-wizard-item__header, .gov-wizard-item__header {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
   display: flex;
   transition: 150ms linear color;
 }
 gov-wizard-item__header *, .gov-wizard-item__header * {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 gov-wizard-item__header:focus, .gov-wizard-item__header:focus {
   outline: none;
@@ -12285,7 +12443,7 @@ gov-wizard-item[size=s] .gov-wizard-item__content p, .gov-wizard-item[size=s] .g
   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 !important;
+  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));
@@ -12335,7 +12493,7 @@ gov-wizard-item[size=m] .gov-wizard-item__content p, .gov-wizard-item[size=m] .g
   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 !important;
+  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));
@@ -12385,5 +12543,12 @@ gov-wizard-item[size=l] .gov-wizard-item__content p, .gov-wizard-item[size=l] .g
   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 !important;
+  margin-bottom: 0;
+}
+
+body * {
+  margin-bottom: var(--spacing-m);
+}
+body *:last-child {
+  margin-bottom: 0;
 }