@norges-domstoler/dds-components 20.2.0 → 21.1.0

package/dist/index.css

@@ -180,10 +180,8 @@
     vertical-align: baseline;
   }
 }
-:where(.typographyStyles_a--visited) {
-  &:visited {
-    color: var(--dds-color-text-action-visited);
-  }
+.typographyStyles_a--visited:visited {
+  color: var(--dds-color-text-action-visited);
 }
 :where(.typographyStyles_body-xsmall) {
   margin: 0;
@@ -338,9 +336,6 @@
 :where(.typographyStyles_legend) {
   padding-inline: 0;
 }
-:where(.typographyStyles_legend--margins) {
-  margin-bottom: var(--dds-spacing-x1-5);
-}
 :where(.typographyStyles_caption--withMargins) {
   display: table-caption;
 }
@@ -710,344 +705,1080 @@
   height: 1.25em;
 }
 
-/* src/components/helpers/Paper/Paper.module.css */
-:where(.Paper_container) {
-  box-sizing: border-box;
-  background-color: var(--dds-color-surface-default);
-  border-radius: var(--dds-border-radius-surface);
-  margin: 0;
+/* src/components/layout/common/layout.module.css */
+.layout_dds-p {
+  --dds-r-p: var(--dds-r-xs-p);
+  padding: var(--dds-r-p, initial);
+}
+.layout_dds-p-i {
+  --dds-r-p-i: var(--dds-r-xs-p-i);
+  padding-inline: var(--dds-r-p-i, initial);
+}
+.layout_dds-p-b {
+  --dds-r-p-b: var(--dds-r-xs-p-b);
+  padding-block: var(--dds-r-p-b, initial);
+}
+.layout_dds-m {
+  --dds-r-m: var(--dds-r-xs-m);
+  margin: var(--dds-r-m, initial);
+}
+.layout_dds-m-i {
+  --dds-r-m-i: var(--dds-r-xs-m-i);
+  margin-inline: var(--dds-r-m-i, initial);
+}
+.layout_dds-m-b {
+  --dds-r-m-b: var(--dds-r-xs-m-b);
+  margin-block: var(--dds-r-m-b, initial);
+}
+.layout_dds-h {
+  --dds-r-h: var(--dds-r-xs-h);
+  height: var(--dds-r-h, initial);
+}
+.layout_dds-max-h {
+  --dds-r-max-h: var(--dds-r-xs-max-h);
+  max-height: var(--dds-r-max-h, initial);
+}
+.layout_dds-min-h {
+  --dds-r-min-h: var(--dds-r-xs-min-h);
+  min-height: var(--dds-r-min-h, initial);
+}
+.layout_dds-w {
+  --dds-r-w: var(--dds-r-xs-w);
+  width: var(--dds-r-w, initial);
 }
-:where(.Paper_shadow--1) {
-  box-shadow: var(--dds-shadow-1);
+.layout_dds-max-w {
+  --dds-r-max-w: var(--dds-r-xs-max-w);
+  max-width: var(--dds-r-max-w, initial);
 }
-:where(.Paper_shadow--2) {
-  box-shadow: var(--dds-shadow-2);
+.layout_dds-min-w {
+  --dds-r-min-w: var(--dds-r-xs-min-w);
+  min-width: var(--dds-r-min-w, initial);
 }
-:where(.Paper_shadow--3) {
-  box-shadow: var(--dds-shadow-3);
+.layout_dds-pos {
+  --dds-r-pos: var(--dds-r-xs-pos);
+  position: var(--dds-r-pos, initial);
 }
-:where(.Paper_shadow--4) {
-  box-shadow: var(--dds-shadow-4);
+.layout_dds-l {
+  --dds-r-l: var(--dds-r-xs-l);
+  left: var(--dds-r-l, initial);
 }
-:where(.Paper_border--default) {
-  border: 1px solid var(--dds-color-border-default);
+.layout_dds-r {
+  --dds-r-r: var(--dds-r-xs-r);
+  right: var(--dds-r-r, initial);
 }
-:where(.Paper_border--subtle) {
-  border: 1px solid var(--dds-color-border-subtle);
+.layout_dds-t {
+  --dds-r-t: var(--dds-r-xs-t);
+  top: var(--dds-r-t, initial);
 }
-:where(.Paper_border--on-inverse) {
-  border: 1px solid var(--dds-color-border-inverse);
+.layout_dds-b {
+  --dds-r-b: var(--dds-r-xs-b);
+  bottom: var(--dds-r-b, initial);
 }
-
-/* src/components/Accordion/Accordion.module.css */
-:where(.Accordion_container) {
-  border-bottom: 1px solid var(--dds-color-border-default);
+.layout_dds-o {
+  --dds-r-o: var(--dds-r-xs-o);
+  overflow: var(--dds-r-o, initial);
 }
-:where(.Accordion_container:first-child) {
-  border-top: 1px solid var(--dds-color-border-default);
+.layout_dds-o-x {
+  --dds-r-o-x: var(--dds-r-xs-o-x);
+  overflow-x: var(--dds-r-o-x, initial);
 }
-:where(.Accordion_header-button) {
-  @media (prefers-reduced-motion: no-preference) {
-    transition: background-color 0.2s, var(--dds-focus-transition);
-  }
-  &:hover {
-    background-color: var(--dds-color-surface-hover-default);
-    color: var(--dds-color-text-action-hover);
-  }
+.layout_dds-o-y {
+  --dds-r-o-y: var(--dds-r-xs-o-y);
+  overflow-y: var(--dds-r-o-y, initial);
 }
-.Accordion_header-container {
-  padding: var(--dds-spacing-x1) var(--dds-spacing-x1-5) var(--dds-spacing-x1) var(--dds-spacing-x1);
+.layout_dds-display {
+  --dds-r-display: var(--dds-r-xs-display);
+  display: var(--dds-r-display, initial);
 }
-.Accordion_header-container__chevron {
-  margin-right: var(--dds-spacing-x0-5);
+.layout_dds-text-align {
+  --dds-r-text-align: var(--dds-r-xs-text-align);
+  text-align: var(--dds-r-text-align, initial);
 }
-.Accordion_body {
-  height: var(--dds-card-accordion-body-height);
+.layout_dds-flex-dir {
+  --dds-r-flex-dir: var(--dds-r-xs-flex-dir);
+  flex-direction: var(--dds-r-flex-dir, initial);
 }
-.Accordion_body__content {
-  padding: var(--dds-spacing-x0-5) var(--dds-spacing-x1-5) var(--dds-spacing-x2) var(--dds-spacing-x1);
+.layout_dds-gap {
+  --dds-r-gap: var(--dds-r-xs-gap);
+  gap: var(--dds-r-gap, initial);
 }
-
-/* src/components/helpers/AccordionBase/AccordionBase.module.css */
-:where(.AccordionBase_header-button) {
-  -webkit-user-select: text;
-  -moz-user-select: text;
-  user-select: text;
-  position: relative;
-  cursor: pointer;
-  display: block;
-  width: 100%;
-  border-radius: inherit;
+.layout_dds-c-gap {
+  --dds-r-c-gap: var(--dds-r-xs-c-gap);
+  -moz-column-gap: var(--dds-r-c-gap, initial);
+  column-gap: var(--dds-r-c-gap, initial);
 }
-.AccordionBase_header-container {
-  display: flex;
-  align-items: center;
+.layout_dds-r-gap {
+  --dds-r-r-gap: var(--dds-r-xs-r-gap);
+  row-gap: var(--dds-r-r-gap, initial);
 }
-.AccordionBase_header__content {
-  text-align: left;
+.layout_dds-a-i {
+  --dds-r-a-i: var(--dds-r-xs-a-i);
+  align-items: var(--dds-r-a-i, initial);
 }
-.AccordionBase_header__chevron {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: var(--dds-icon-size-medium);
-  width: var(--dds-icon-size-medium);
+.layout_dds-a-c {
+  --dds-r-a-c: var(--dds-r-xs-a-c);
+  align-content: var(--dds-r-a-c, initial);
 }
-.AccordionBase_body {
-  overflow: hidden;
+.layout_dds-j-i {
+  --dds-r-j-i: var(--dds-r-xs-j-i);
+  justify-items: var(--dds-r-j-i, initial);
 }
-.AccordionBase_body--animated {
-  @media (prefers-reduced-motion: no-preference) {
-    transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  }
+.layout_dds-j-c {
+  --dds-r-j-c: var(--dds-r-xs-j-c);
+  justify-content: var(--dds-r-j-c, initial);
 }
-.AccordionBase_body--hidden {
-  display: none;
+.layout_dds-wrap {
+  --dds-r-wrap: var(--dds-r-xs-wrap);
+  flex-wrap: var(--dds-r-wrap, initial);
 }
-
-/* src/components/BackLink/BackLink.module.css */
-.BackLink_icon {
-  display: inline;
-  margin: 0.1em 0.25em -0.1em 0.1em;
-  transform: translateY(0.05em);
-  vertical-align: baseline;
+.layout_dds-basis {
+  --dds-r-basis: var(--dds-r-xs-basis);
+  flex-basis: var(--dds-r-basis, initial);
 }
-
-/* src/components/Breadcrumbs/Breadcrumbs.module.css */
-.Breadcrumbs_list {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--dds-spacing-x0-5);
+.layout_dds-flow {
+  --dds-r-flow: var(--dds-r-xs-flow);
+  flex-flow: var(--dds-r-flow, initial);
 }
-.Breadcrumbs_list--large-screen-hide-xs {
-  @media only screen and (max-width: 600px) {
-    display: none;
+@media (max-width: 599px) {
+  .layout_dds-p {
+    --dds-r-p: var(--dds-r-xs-p);
   }
-}
-.Breadcrumbs_list--large-screen-hide-sm {
-  @media only screen and (max-width: 960px) {
-    display: none;
+  .layout_dds-p-i {
+    --dds-r-p-i: var(--dds-r-xs-p-i);
   }
-}
-.Breadcrumbs_list--large-screen-hide-md {
-  @media only screen and (max-width: 1280px) {
-    display: none;
+  .layout_dds-p-b {
+    --dds-r-p-b: var(--dds-r-xs-p-b);
   }
-}
-.Breadcrumbs_list--large-screen-hide-lg {
-  @media only screen and (max-width: 1920px) {
-    display: none;
+  .layout_dds-m {
+    --dds-r-m: var(--dds-r-xs-m);
   }
-}
-.Breadcrumbs_list--large-screen-hide-xl {
-  display: none;
-}
-.Breadcrumbs_list--small-screen {
-  display: none;
-}
-.Breadcrumbs_list--small-screen-show-xs {
-  @media only screen and (max-width: 600px) {
-    display: flex;
+  .layout_dds-m-i {
+    --dds-r-m-i: var(--dds-r-xs-m-i);
   }
-}
-.Breadcrumbs_list--small-screen-show-sm {
-  @media only screen and (max-width: 960px) {
-    display: flex;
+  .layout_dds-m-b {
+    --dds-r-m-b: var(--dds-r-xs-m-b);
   }
-}
-.Breadcrumbs_list--small-screen-show-md {
-  @media only screen and (max-width: 1280px) {
-    display: flex;
+  .layout_dds-h {
+    --dds-r-h: var(--dds-r-xs-h);
   }
-}
-.Breadcrumbs_list--small-screen-show-lg {
-  @media only screen and (max-width: 1920px) {
-    display: flex;
+  .layout_dds-max-h {
+    --dds-r-max-h: var(--dds-r-xs-max-h);
   }
-}
-.Breadcrumbs_list--small-screen-show-xl {
-  display: flex;
-}
-.Breadcrumbs_list-item {
-  align-items: center;
-  display: flex;
-  gap: var(--dds-spacing-x0-5);
-  padding: 0;
-}
-.Breadcrumbs_list-item--large-screen {
-  padding: var(--dds-spacing-x0-125) 0;
-}
-.Breadcrumbs_icon {
-  color: var(--dds-color-icon-link);
-}
-
-/* src/components/Button/Button.module.css */
-:where(.Button_button) {
-  -webkit-user-select: text;
-  -moz-user-select: text;
-  user-select: text;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: -moz-fit-content;
-  height: fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-  cursor: pointer;
-  box-shadow: none;
-  text-decoration: none;
-  border-radius: var(--dds-border-radius-button);
-  border: 1px solid;
-  @media (prefers-reduced-motion: no-preference) {
-    transition: all 0.2s;
+  .layout_dds-min-h {
+    --dds-r-max-h: var(--dds-r-xs-max-h);
   }
-  &:active:not([aria-disabled=true]) {
-    scale: 0.95;
+  .layout_dds-w {
+    --dds-r-w: var(--dds-r-xs-w);
   }
-}
-.Button_button--is-loading {
-  cursor: not-allowed;
-}
-.Button_button--full-width {
-  width: 100%;
-  justify-content: space-between;
-  &.Button_button--is-loading,
-  &.Button_just-icon,
-  &.Button_just-text {
-    justify-content: center;
+  .layout_dds-max-w {
+    --dds-r-max-w: var(--dds-r-xs-max-w);
   }
-  &.Button_with-text-and-icon.Button_with-icon-left {
-    justify-content: left;
+  .layout_dds-min-w {
+    --dds-r-min-w: var(--dds-r-xs-min-w);
   }
-}
-.Button_button--xsmall {
-  &.Button_just-text {
-    padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
+  .layout_dds-pos {
+    --dds-r-pos: var(--dds-r-xs-pos);
   }
-  &.Button_with-text-and-icon {
-    gap: var(--dds-spacing-x0-125);
-    &.Button_with-icon-left {
-      padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5) var(--dds-spacing-x0-25) var(--dds-spacing-x0-25);
-    }
-    &.Button_with-icon-right {
-      padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-25) var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
-    }
+  .layout_dds-l {
+    --dds-r-l: var(--dds-r-xs-l);
   }
-  &.Button_just-icon,
-  &.Button_button--is-loading.Button_no-content {
-    padding: var(--dds-spacing-x0-25);
+  .layout_dds-r {
+    --dds-r-r: var(--dds-r-xs-r);
   }
-  .Button_icon {
-    font-size: calc(var(--dds-font-lineheight-x1) * 1em);
+  .layout_dds-t {
+    --dds-r-t: var(--dds-r-xs-t);
   }
-}
-.Button_button--small {
-  &.Button_just-text {
-    padding: var(--dds-spacing-x0-5) var(--dds-spacing-x0-75);
+  .layout_dds-b {
+    --dds-r-b: var(--dds-r-xs-b);
   }
-  &.Button_with-text-and-icon {
-    gap: var(--dds-spacing-x0-25);
-    &.Button_with-icon-left {
-      padding: var(--dds-spacing-x0-5) var(--dds-spacing-x0-75) var(--dds-spacing-x0-5) var(--dds-spacing-x0-5);
-    }
-    &.Button_with-icon-right {
-      padding: var(--dds-spacing-x0-5) var(--dds-spacing-x0-5) var(--dds-spacing-x0-5) var(--dds-spacing-x0-75);
-    }
+  .layout_dds-o {
+    --dds-r-o: var(--dds-r-xs-o);
   }
-  &.Button_just-icon,
-  &.Button_button--is-loading.Button_no-content {
-    padding: var(--dds-spacing-x0-5);
+  .layout_dds-o-x {
+    --dds-r-o-x: var(--dds-r-xs-o-x);
   }
-  .Button_icon {
-    font-size: calc(var(--dds-font-lineheight-x1) * 1em);
+  .layout_dds-o-y {
+    --dds-r-o-y: var(--dds-r-xs-o-y);
   }
-}
-.Button_button--medium {
-  &.Button_just-text {
-    padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1);
+  .layout_dds-display {
+    --dds-r-display: var(--dds-r-xs-display);
   }
-  &.Button_with-text-and-icon {
-    gap: var(--dds-spacing-x0-5);
-    &.Button_with-icon-left {
-      padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1) var(--dds-spacing-x0-75) var(--dds-spacing-x0-75);
-    }
-    &.Button_with-icon-right {
-      padding: var(--dds-spacing-x0-75) var(--dds-spacing-x0-75) var(--dds-spacing-x0-75) var(--dds-spacing-x1);
-    }
+  .layout_dds-text-align {
+    --dds-r-text-align: var(--dds-r-xs-text-align);
   }
-  &.Button_just-icon,
-  &.Button_button--is-loading.Button_no-content {
-    padding: var(--dds-spacing-x0-75);
+  .layout_dds-flex-dir {
+    --dds-r-flex-dir: var(--dds-r-xs-flex-dir);
   }
-  .Button_icon {
-    font-size: calc(var(--dds-font-lineheight-x1) * 1em);
+  .layout_dds-gap {
+    --dds-r-gap: var(--dds-r-xs-gap);
   }
-}
-.Button_button--large {
-  &.Button_just-text {
-    padding: var(--dds-spacing-x1) var(--dds-spacing-x1-5);
+  .layout_dds-c-gap {
+    --dds-r-c-gap: var(--dds-r-xs-c-gap);
   }
-  &.Button_with-text-and-icon {
-    gap: var(--dds-spacing-x0-75);
-    &.Button_with-icon-left {
-      padding: var(--dds-spacing-x1) var(--dds-spacing-x1-5) var(--dds-spacing-x1) var(--dds-spacing-x1);
-    }
-    &.Button_with-icon-right {
-      padding: var(--dds-spacing-x1) var(--dds-spacing-x1) var(--dds-spacing-x1) var(--dds-spacing-x1-5);
-    }
+  .layout_dds-r-gap {
+    --dds-r-r-gap: var(--dds-r-xs-r-gap);
   }
-  &.Button_just-icon,
-  &.Button_button--is-loading.Button_no-content {
-    padding: var(--dds-spacing-x1);
+  .layout_dds-a-i {
+    --dds-r-a-i: var(--dds-r-xs-a-i);
   }
-  .Button_icon {
-    font-size: calc(var(--dds-font-lineheight-x1) * 1em);
+  .layout_dds-a-c {
+    --dds-r-a-c: var(--dds-r-xs-a-c);
   }
-}
-.Button_spinner-wrapper--absolute {
-  position: absolute;
-}
-.Button_icon-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.Button_button--primary {
-  background-color: var(--dds-color-surface-action-resting);
-  border-color: var(--dds-color-surface-action-resting);
-  color: var(--dds-color-text-on-action);
-  &:hover:not(.Button_button--is-loading) {
-    background-color: var(--dds-color-surface-action-hover);
-    border-color: var(--dds-color-surface-action-hover);
-    color: var(--dds-color-text-on-action);
+  .layout_dds-j-i {
+    --dds-r-j-i: var(--dds-r-xs-j-i);
   }
-}
-.Button_button--secondary {
-  background-color: var(--dds-color-surface-default);
-  border-color: var(--dds-color-border-default);
-  color: var(--dds-color-text-default);
-  &:hover:not(.Button_button--is-loading) {
-    background-color: var(--dds-color-surface-hover-default);
-    border-color: var(--dds-color-border-action-hover);
-    color: var(--dds-color-text-default);
+  .layout_dds-j-c {
+    --dds-r-j-c: var(--dds-r-xs-j-c);
   }
-}
-.Button_button--tertiary {
-  background-color: transparent;
-  border-color: transparent;
-  color: var(--dds-color-text-default);
-  &:hover:not(.Button_button--is-loading) {
-    background-color: var(--dds-color-surface-hover-default);
-    border-color: transparent;
-    color: var(--dds-color-text-default);
+  .layout_dds-wrap {
+    --dds-r-wrap: var(--dds-r-xs-wrap);
+  }
+  .layout_dds-basis {
+    --dds-r-basis: var(--dds-r-xs-basis);
+  }
+  .layout_dds-flow {
+    --dds-r-flow: var(--dds-r-xs-flow);
   }
 }
-.Button_button--danger {
-  background-color: var(--dds-color-surface-action-danger-resting);
-  border-color: var(--dds-color-surface-action-danger-resting);
-  color: var(--dds-color-text-on-action);
-  &:hover:not(.Button_button--is-loading) {
+@media (min-width: 600px) {
+  .layout_dds-p {
+    --dds-r-p: var(--dds-r-sm-p);
+  }
+  .layout_dds-p-i {
+    --dds-r-p-i: var(--dds-r-sm-p-i);
+  }
+  .layout_dds-p-b {
+    --dds-r-p-b: var(--dds-r-sm-p-b);
+  }
+  .layout_dds-m {
+    --dds-r-m: var(--dds-r-sm-m);
+  }
+  .layout_dds-m-i {
+    --dds-r-m-i: var(--dds-r-sm-m-i);
+  }
+  .layout_dds-m-b {
+    --dds-r-m-b: var(--dds-r-sm-m-b);
+  }
+  .layout_dds-h {
+    --dds-r-h: var(--dds-r-sm-h);
+  }
+  .layout_dds-max-h {
+    --dds-r-max-h: var(--dds-r-sm-max-h);
+  }
+  .layout_dds-min-h {
+    --dds-r-max-h: var(--dds-r-sm-max-h);
+  }
+  .layout_dds-w {
+    --dds-r-w: var(--dds-r-sm-w);
+  }
+  .layout_dds-max-w {
+    --dds-r-max-w: var(--dds-r-sm-max-w);
+  }
+  .layout_dds-min-w {
+    --dds-r-min-w: var(--dds-r-sm-min-w);
+  }
+  .layout_dds-pos {
+    --dds-r-pos: var(--dds-r-sm-pos);
+  }
+  .layout_dds-l {
+    --dds-r-l: var(--dds-r-sm-l);
+  }
+  .layout_dds-r {
+    --dds-r-r: var(--dds-r-sm-r);
+  }
+  .layout_dds-t {
+    --dds-r-t: var(--dds-r-sm-t);
+  }
+  .layout_dds-b {
+    --dds-r-b: var(--dds-r-sm-b);
+  }
+  .layout_dds-o {
+    --dds-r-o: var(--dds-r-sm-o);
+  }
+  .layout_dds-o-x {
+    --dds-r-o-x: var(--dds-r-sm-o-x);
+  }
+  .layout_dds-o-y {
+    --dds-r-o-y: var(--dds-r-sm-o-y);
+  }
+  .layout_dds-display {
+    --dds-r-display: var(--dds-r-sm-display);
+  }
+  .layout_dds-text-align {
+    --dds-r-text-align: var(--dds-r-sm-text-align);
+  }
+  .layout_dds-flex-dir {
+    --dds-r-flex-dir: var(--dds-r-sm-flex-dir);
+  }
+  .layout_dds-gap {
+    --dds-r-gap: var(--dds-r-sm-gap);
+  }
+  .layout_dds-c-gap {
+    --dds-r-c-gap: var(--dds-r-sm-c-gap);
+  }
+  .layout_dds-r-gap {
+    --dds-r-r-gap: var(--dds-r-sm-r-gap);
+  }
+  .layout_dds-a-i {
+    --dds-r-a-i: var(--dds-r-sm-a-i);
+  }
+  .layout_dds-a-c {
+    --dds-r-a-c: var(--dds-r-sm-a-c);
+  }
+  .layout_dds-j-i {
+    --dds-r-j-i: var(--dds-r-sm-j-i);
+  }
+  .layout_dds-j-c {
+    --dds-r-j-c: var(--dds-r-sm-j-c);
+  }
+  .layout_dds-wrap {
+    --dds-r-wrap: var(--dds-r-sm-wrap);
+  }
+  .layout_dds-basis {
+    --dds-r-basis: var(--dds-r-sm-basis);
+  }
+  .layout_dds-flow {
+    --dds-r-flow: var(--dds-r-sm-flow);
+  }
+}
+@media (min-width: 960px) {
+  .layout_dds-p {
+    --dds-r-p: var(--dds-r-md-p);
+  }
+  .layout_dds-p-i {
+    --dds-r-p-i: var(--dds-r-md-p-i);
+  }
+  .layout_dds-p-b {
+    --dds-r-p-b: var(--dds-r-md-p-b);
+  }
+  .layout_dds-m {
+    --dds-r-m: var(--dds-r-md-m);
+  }
+  .layout_dds-m-i {
+    --dds-r-m-i: var(--dds-r-md-m-i);
+  }
+  .layout_dds-m-b {
+    --dds-r-m-b: var(--dds-r-md-m-b);
+  }
+  .layout_dds-h {
+    --dds-r-h: var(--dds-r-md-h);
+  }
+  .layout_dds-max-h {
+    --dds-r-max-h: var(--dds-r-md-max-h);
+  }
+  .layout_dds-min-h {
+    --dds-r-max-h: var(--dds-r-md-max-h);
+  }
+  .layout_dds-w {
+    --dds-r-w: var(--dds-r-md-w);
+  }
+  .layout_dds-max-w {
+    --dds-r-max-w: var(--dds-r-md-max-w);
+  }
+  .layout_dds-min-w {
+    --dds-r-min-w: var(--dds-r-md-min-w);
+  }
+  .layout_dds-pos {
+    --dds-r-pos: var(--dds-r-md-pos);
+  }
+  .layout_dds-l {
+    --dds-r-l: var(--dds-r-md-l);
+  }
+  .layout_dds-r {
+    --dds-r-r: var(--dds-r-md-r);
+  }
+  .layout_dds-t {
+    --dds-r-t: var(--dds-r-md-t);
+  }
+  .layout_dds-b {
+    --dds-r-b: var(--dds-r-md-b);
+  }
+  .layout_dds-o {
+    --dds-r-o: var(--dds-r-md-o);
+  }
+  .layout_dds-o-x {
+    --dds-r-o-x: var(--dds-r-md-o-x);
+  }
+  .layout_dds-o-y {
+    --dds-r-o-y: var(--dds-r-md-o-y);
+  }
+  .layout_dds-display {
+    --dds-r-display: var(--dds-r-md-display);
+  }
+  .layout_dds-text-align {
+    --dds-r-text-align: var(--dds-r-md-text-align);
+  }
+  .layout_dds-flex-dir {
+    --dds-r-flex-dir: var(--dds-r-md-flex-dir);
+  }
+  .layout_dds-gap {
+    --dds-r-gap: var(--dds-r-md-gap);
+  }
+  .layout_dds-c-gap {
+    --dds-r-c-gap: var(--dds-r-md-c-gap);
+  }
+  .layout_dds-r-gap {
+    --dds-r-r-gap: var(--dds-r-md-r-gap);
+  }
+  .layout_dds-a-i {
+    --dds-r-a-i: var(--dds-r-md-a-i);
+  }
+  .layout_dds-a-c {
+    --dds-r-a-c: var(--dds-r-md-a-c);
+  }
+  .layout_dds-j-i {
+    --dds-r-j-i: var(--dds-r-md-j-i);
+  }
+  .layout_dds-j-c {
+    --dds-r-j-c: var(--dds-r-md-j-c);
+  }
+  .layout_dds-wrap {
+    --dds-r-wrap: var(--dds-r-md-wrap);
+  }
+  .layout_dds-basis {
+    --dds-r-basis: var(--dds-r-md-basis);
+  }
+  .layout_dds-flow {
+    --dds-r-flow: var(--dds-r-md-flow);
+  }
+}
+@media (min-width: 1280px) {
+  .layout_dds-p {
+    --dds-r-p: var(--dds-r-lg-p);
+  }
+  .layout_dds-p-i {
+    --dds-r-p-i: var(--dds-r-lg-p-i);
+  }
+  .layout_dds-p-b {
+    --dds-r-p-b: var(--dds-r-lg-p-b);
+  }
+  .layout_dds-m {
+    --dds-r-m: var(--dds-r-lg-m);
+  }
+  .layout_dds-m-i {
+    --dds-r-m-i: var(--dds-r-lg-m-i);
+  }
+  .layout_dds-m-b {
+    --dds-r-m-b: var(--dds-r-lg-m-b);
+  }
+  .layout_dds-h {
+    --dds-r-h: var(--dds-r-lg-h);
+  }
+  .layout_dds-max-h {
+    --dds-r-max-h: var(--dds-r-lg-max-h);
+  }
+  .layout_dds-min-h {
+    --dds-r-max-h: var(--dds-r-lg-max-h);
+  }
+  .layout_dds-w {
+    --dds-r-w: var(--dds-r-lg-w);
+  }
+  .layout_dds-max-w {
+    --dds-r-max-w: var(--dds-r-lg-max-w);
+  }
+  .layout_dds-min-w {
+    --dds-r-min-w: var(--dds-r-lg-min-w);
+  }
+  .layout_dds-pos {
+    --dds-r-pos: var(--dds-r-lg-pos);
+  }
+  .layout_dds-l {
+    --dds-r-l: var(--dds-r-lg-l);
+  }
+  .layout_dds-r {
+    --dds-r-r: var(--dds-r-lg-r);
+  }
+  .layout_dds-t {
+    --dds-r-t: var(--dds-r-lg-t);
+  }
+  .layout_dds-b {
+    --dds-r-b: var(--dds-r-lg-b);
+  }
+  .layout_dds-o {
+    --dds-r-o: var(--dds-r-lg-o);
+  }
+  .layout_dds-o-x {
+    --dds-r-o-x: var(--dds-r-lg-o-x);
+  }
+  .layout_dds-o-y {
+    --dds-r-o-y: var(--dds-r-lg-o-y);
+  }
+  .layout_dds-display {
+    --dds-r-display: var(--dds-r-lg-display);
+  }
+  .layout_dds-text-align {
+    --dds-r-text-align: var(--dds-r-lg-text-align);
+  }
+  .layout_dds-flex-dir {
+    --dds-r-flex-dir: var(--dds-r-lg-flex-dir);
+  }
+  .layout_dds-gap {
+    --dds-r-gap: var(--dds-r-lg-gap);
+  }
+  .layout_dds-c-gap {
+    --dds-r-c-gap: var(--dds-r-lg-c-gap);
+  }
+  .layout_dds-r-gap {
+    --dds-r-r-gap: var(--dds-r-lg-r-gap);
+  }
+  .layout_dds-a-i {
+    --dds-r-a-i: var(--dds-r-lg-a-i);
+  }
+  .layout_dds-a-c {
+    --dds-r-a-c: var(--dds-r-lg-a-c);
+  }
+  .layout_dds-j-i {
+    --dds-r-j-i: var(--dds-r-lg-j-i);
+  }
+  .layout_dds-j-c {
+    --dds-r-j-c: var(--dds-r-lg-j-c);
+  }
+  .layout_dds-wrap {
+    --dds-r-wrap: var(--dds-r-lg-wrap);
+  }
+  .layout_dds-basis {
+    --dds-r-basis: var(--dds-r-lg-basis);
+  }
+  .layout_dds-flow {
+    --dds-r-flow: var(--dds-r-lg-flow);
+  }
+}
+@media (min-width: 1920px) {
+  .layout_dds-p {
+    --dds-r-p: var(--dds-r-xl-p);
+  }
+  .layout_dds-p-i {
+    --dds-r-p-i: var(--dds-r-xl-p-i);
+  }
+  .layout_dds-p-b {
+    --dds-r-p-b: var(--dds-r-xl-p-b);
+  }
+  .layout_dds-m {
+    --dds-r-m: var(--dds-r-xl-m);
+  }
+  .layout_dds-m-i {
+    --dds-r-m-i: var(--dds-r-xl-m-i);
+  }
+  .layout_dds-m-b {
+    --dds-r-m-b: var(--dds-r-xl-m-b);
+  }
+  .layout_dds-h {
+    --dds-r-h: var(--dds-r-xl-h);
+  }
+  .layout_dds-max-h {
+    --dds-r-max-h: var(--dds-r-xl-max-h);
+  }
+  .layout_dds-min-h {
+    --dds-r-min-h: var(--dds-r-xl-min-h);
+  }
+  .layout_dds-w {
+    --dds-r-w: var(--dds-r-xl-w);
+  }
+  .layout_dds-max-w {
+    --dds-r-max-w: var(--dds-r-xl-max-w);
+  }
+  .layout_dds-min-w {
+    --dds-r-min-w: var(--dds-r-xl-min-w);
+  }
+  .layout_dds-pos {
+    --dds-r-pos: var(--dds-r-xl-pos);
+  }
+  .layout_dds-l {
+    --dds-r-l: var(--dds-r-xl-l);
+  }
+  .layout_dds-r {
+    --dds-r-r: var(--dds-r-xl-r);
+  }
+  .layout_dds-t {
+    --dds-r-t: var(--dds-r-xl-t);
+  }
+  .layout_dds-b {
+    --dds-r-b: var(--dds-r-xl-b);
+  }
+  .layout_dds-o {
+    --dds-r-o: var(--dds-r-xl-o);
+  }
+  .layout_dds-o-x {
+    --dds-r-o-x: var(--dds-r-xl-o-x);
+  }
+  .layout_dds-o-y {
+    --dds-r-o-y: var(--dds-r-xl-o-y);
+  }
+  .layout_dds-display {
+    --dds-r-display: var(--dds-r-xl-display);
+  }
+  .layout_dds-text-align {
+    --dds-r-text-align: var(--dds-r-xl-text-align);
+  }
+  .layout_dds-flex-dir {
+    --dds-r-flex-dir: var(--dds-r-xl-flex-dir);
+  }
+  .layout_dds-gap {
+    --dds-r-gap: var(--dds-r-xl-gap);
+  }
+  .layout_dds-c-gap {
+    --dds-r-c-gap: var(--dds-r-xl-c-gap);
+  }
+  .layout_dds-r-gap {
+    --dds-r-r-gap: var(--dds-r-xl-r-gap);
+  }
+  .layout_dds-a-i {
+    --dds-r-a-i: var(--dds-r-xl-a-i);
+  }
+  .layout_dds-a-c {
+    --dds-r-a-c: var(--dds-r-xl-a-c);
+  }
+  .layout_dds-j-i {
+    --dds-r-j-i: var(--dds-r-xl-j-i);
+  }
+  .layout_dds-j-c {
+    --dds-r-j-c: var(--dds-r-xl-j-c);
+  }
+  .layout_dds-wrap {
+    --dds-r-wrap: var(--dds-r-xl-wrap);
+  }
+  .layout_dds-basis {
+    --dds-r-basis: var(--dds-r-xl-basis);
+  }
+  .layout_dds-flow {
+    --dds-r-flow: var(--dds-r-xl-flow);
+  }
+}
+
+/* src/components/layout/common/display.module.css */
+.display_xs-hide-below {
+  @media only screen and (max-width: 599px) {
+    display: none !important;
+  }
+}
+.display_sm-hide-below {
+  @media only screen and (max-width: 959px) {
+    display: none !important;
+  }
+}
+.display_md-hide-below {
+  @media only screen and (max-width: 1279px) {
+    display: none !important;
+  }
+}
+.display_lg-hide-below {
+  @media only screen and (max-width: 1919px) {
+    display: none !important;
+  }
+}
+.display_xl-hide-below {
+  display: none !important;
+}
+.display_xs-hide-above {
+  @media only screen and (min-width: 600px) {
+    display: none !important;
+  }
+}
+.display_sm-hide-above {
+  @media only screen and (min-width: 960px) {
+    display: none !important;
+  }
+}
+.display_md-hide-above {
+  @media only screen and (min-width: 1280px) {
+    display: none !important;
+  }
+}
+.display_lg-hide-above {
+  @media only screen and (min-width: 1920px) {
+    display: none !important;
+  }
+}
+
+/* src/components/layout/Grid/Grid.module.css */
+.Grid_dds-grid-template-columns {
+  --dds-r-grid-template-columns: var(--dds-r-xs-grid-template-columns);
+  grid-template-columns: var(--dds-r-grid-template-columns);
+}
+.Grid_dds-grid-column {
+  --dds-r-grid-column: var(--dds-r-xs-grid-column);
+  grid-column: var(--dds-r-grid-column);
+}
+.Grid_dds-grid-row {
+  --dds-r-grid-row: var(--dds-r-xs-grid-row);
+  grid-row: var(--dds-r-grid-row);
+}
+.Grid_dds-j-self {
+  --dds-r-j-self: var(--dds-r-xs-j-self);
+  grid-row: var(--dds-r-j-self);
+}
+.Grid_child--first-half {
+  grid-column: 1 / calc(var(--dds-grid-col-count) / 2 + 1);
+}
+.Grid_child--second-half {
+  grid-column: calc(var(--dds-grid-col-count) / 2 + 1) / -1;
+}
+@media (max-width: 599px) {
+  .Grid_dds-grid-template-columns {
+    --dds-r-grid-template-columns: var(--dds-r-xs-grid-template-columns);
+  }
+  .Grid_dds-grid-column {
+    --dds-r-grid-column: var(--dds-r-xs-grid-column);
+  }
+  .Grid_child-col-count {
+    --dds-grid-col-count: var(--dds-grid-xs-count);
+  }
+  .Grid_dds-grid-row {
+    --dds-r-grid-row: var(--dds-r-xs-grid-row);
+  }
+  .Grid_dds-j-self {
+    --dds-r-j-self: var(--dds-r-xs-j-self);
+  }
+}
+@media (min-width: 600px) {
+  .Grid_dds-grid-template-columns {
+    --dds-r-grid-template-columns: var(--dds-r-sm-grid-template-columns);
+  }
+  .Grid_dds-grid-column {
+    --dds-r-grid-column: var(--dds-r-sm-grid-column);
+  }
+  .Grid_child-col-count {
+    --dds-grid-col-count: var(--dds-grid-sm-count);
+  }
+  .Grid_dds-grid-row {
+    --dds-r-grid-row: var(--dds-r-sm-grid-row);
+  }
+  .Grid_dds-j-self {
+    --dds-r-j-self: var(--dds-r-sm-j-self);
+  }
+}
+@media (min-width: 960px) {
+  .Grid_dds-grid-template-columns {
+    --dds-r-grid-template-columns: var(--dds-r-md-grid-template-columns);
+  }
+  .Grid_dds-grid-column {
+    --dds-r-grid-column: var(--dds-r-md-grid-column);
+  }
+  .Grid_child-col-count {
+    --dds-grid-col-count: var(--dds-grid-md-count);
+  }
+  .Grid_dds-grid-row {
+    --dds-r-grid-row: var(--dds-r-md-grid-row);
+  }
+  .Grid_dds-j-self {
+    --dds-r-j-self: var(--dds-r-md-j-self);
+  }
+}
+@media (min-width: 1280px) {
+  .Grid_dds-grid-template-columns {
+    --dds-r-grid-template-columns: var(--dds-r-lg-grid-template-columns);
+  }
+  .Grid_dds-grid-column {
+    --dds-r-grid-column: var(--dds-r-lg-grid-column);
+  }
+  .Grid_child-col-count {
+    --dds-grid-col-count: var(--dds-grid-lg-count);
+  }
+  .Grid_dds-grid-row {
+    --dds-r-grid-row: var(--dds-r-lg-grid-row);
+  }
+  .Grid_dds-j-self {
+    --dds-r-j-self: var(--dds-r-lg-j-self);
+  }
+}
+@media (min-width: 1920px) {
+  .Grid_dds-grid-template-columns {
+    --dds-r-grid-template-columns: var(--dds-r-xl-grid-template-columns);
+  }
+  .Grid_dds-grid-column {
+    --dds-r-grid-column: var(--dds-r-xl-grid-column);
+  }
+  .Grid_child-col-count {
+    --dds-grid-col-count: var(--dds-grid-xl-count);
+  }
+  .Grid_dds-grid-row {
+    --dds-r-grid-row: var(--dds-r-xl-grid-row);
+  }
+  .Grid_dds-j-self {
+    --dds-r-j-self: var(--dds-r-xl-j-self);
+  }
+}
+
+/* src/components/layout/Paper/Paper.module.css */
+.Paper_background {
+  background: var(--dds-paper-background);
+}
+.Paper_border {
+  border: 1px solid var(--dds-paper-border);
+}
+:where(.Paper_container) {
+  box-sizing: border-box;
+  background-color: var(--dds-color-surface-default);
+  border-radius: var(--dds-border-radius-surface);
+  margin: 0;
+}
+:where(.Paper_shadow--1) {
+  box-shadow: var(--dds-shadow-1);
+}
+:where(.Paper_shadow--2) {
+  box-shadow: var(--dds-shadow-2);
+}
+:where(.Paper_shadow--3) {
+  box-shadow: var(--dds-shadow-3);
+}
+:where(.Paper_shadow--4) {
+  box-shadow: var(--dds-shadow-4);
+}
+:where(.Paper_border-radius--button) {
+  border-radius: var(--dds-border-radius-button);
+}
+:where(.Paper_border-radius--surface) {
+  border-radius: var(--dds-border-radius-surface);
+}
+:where(.Paper_border-radius--chip) {
+  border-radius: var(--dds-border-radius-chip);
+}
+:where(.Paper_border-radius--input) {
+  border-radius: var(--dds-border-radius-input);
+}
+:where(.Paper_border-radius--rounded) {
+  border-radius: var(--dds-border-radius-rounded);
+}
+:where(.Paper_border-radius--0) {
+  border-radius: 0;
+}
+
+/* src/components/Accordion/Accordion.module.css */
+:where(.Accordion_container) {
+  border-bottom: 1px solid var(--dds-color-border-default);
+}
+:where(.Accordion_container:first-child) {
+  border-top: 1px solid var(--dds-color-border-default);
+}
+:where(.Accordion_header-button) {
+  @media (prefers-reduced-motion: no-preference) {
+    transition: background-color 0.2s, var(--dds-focus-transition);
+  }
+  &:hover {
+    background-color: var(--dds-color-surface-hover-default);
+    color: var(--dds-color-text-action-hover);
+  }
+}
+.Accordion_body {
+  height: var(--dds-card-accordion-body-height);
+}
+
+/* src/components/helpers/AccordionBase/AccordionBase.module.css */
+:where(.AccordionBase_header-button) {
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  user-select: text;
+  position: relative;
+  cursor: pointer;
+  display: block;
+  width: 100%;
+  border-radius: inherit;
+}
+.AccordionBase_header-container {
+  display: flex;
+  align-items: center;
+}
+.AccordionBase_header__content {
+  text-align: left;
+}
+.AccordionBase_header__chevron {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: var(--dds-icon-size-medium);
+  width: var(--dds-icon-size-medium);
+}
+.AccordionBase_body {
+  overflow: hidden;
+}
+.AccordionBase_body--animated {
+  @media (prefers-reduced-motion: no-preference) {
+    transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+}
+.AccordionBase_body--hidden {
+  display: none;
+}
+
+/* src/components/BackLink/BackLink.module.css */
+.BackLink_icon {
+  display: inline;
+  margin: 0.1em 0.25em -0.1em 0.1em;
+  transform: translateY(0.05em);
+  vertical-align: baseline;
+}
+
+/* src/components/Breadcrumbs/Breadcrumbs.module.css */
+.Breadcrumbs_icon {
+  color: var(--dds-color-icon-link);
+}
+
+/* src/components/Button/Button.module.css */
+:where(.Button_button) {
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  user-select: text;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: -moz-fit-content;
+  height: fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  cursor: pointer;
+  box-shadow: none;
+  text-decoration: none;
+  border-radius: var(--dds-border-radius-button);
+  border: 1px solid;
+  @media (prefers-reduced-motion: no-preference) {
+    transition: all 0.2s;
+  }
+  &:active:not([aria-disabled=true]) {
+    scale: 0.95;
+  }
+}
+.Button_button--is-loading {
+  cursor: not-allowed;
+}
+.Button_button--full-width {
+  width: 100%;
+  justify-content: space-between;
+  &.Button_button--is-loading,
+  &.Button_just-icon,
+  &.Button_just-text {
+    justify-content: center;
+  }
+  &.Button_with-text-and-icon.Button_with-icon-left {
+    justify-content: left;
+  }
+}
+.Button_button--xsmall {
+  &.Button_just-text {
+    padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
+  }
+  &.Button_with-text-and-icon {
+    gap: var(--dds-spacing-x0-125);
+    &.Button_with-icon-left {
+      padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5) var(--dds-spacing-x0-25) var(--dds-spacing-x0-25);
+    }
+    &.Button_with-icon-right {
+      padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-25) var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
+    }
+  }
+  &.Button_just-icon,
+  &.Button_button--is-loading.Button_no-content {
+    padding: var(--dds-spacing-x0-25);
+  }
+  .Button_icon {
+    font-size: calc(var(--dds-font-lineheight-x1) * 1em);
+  }
+}
+.Button_button--small {
+  &.Button_just-text {
+    padding: var(--dds-spacing-x0-5) var(--dds-spacing-x0-75);
+  }
+  &.Button_with-text-and-icon {
+    gap: var(--dds-spacing-x0-25);
+    &.Button_with-icon-left {
+      padding: var(--dds-spacing-x0-5) var(--dds-spacing-x0-75) var(--dds-spacing-x0-5) var(--dds-spacing-x0-5);
+    }
+    &.Button_with-icon-right {
+      padding: var(--dds-spacing-x0-5) var(--dds-spacing-x0-5) var(--dds-spacing-x0-5) var(--dds-spacing-x0-75);
+    }
+  }
+  &.Button_just-icon,
+  &.Button_button--is-loading.Button_no-content {
+    padding: var(--dds-spacing-x0-5);
+  }
+  .Button_icon {
+    font-size: calc(var(--dds-font-lineheight-x1) * 1em);
+  }
+}
+.Button_button--medium {
+  &.Button_just-text {
+    padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1);
+  }
+  &.Button_with-text-and-icon {
+    gap: var(--dds-spacing-x0-5);
+    &.Button_with-icon-left {
+      padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1) var(--dds-spacing-x0-75) var(--dds-spacing-x0-75);
+    }
+    &.Button_with-icon-right {
+      padding: var(--dds-spacing-x0-75) var(--dds-spacing-x0-75) var(--dds-spacing-x0-75) var(--dds-spacing-x1);
+    }
+  }
+  &.Button_just-icon,
+  &.Button_button--is-loading.Button_no-content {
+    padding: var(--dds-spacing-x0-75);
+  }
+  .Button_icon {
+    font-size: calc(var(--dds-font-lineheight-x1) * 1em);
+  }
+}
+.Button_button--large {
+  &.Button_just-text {
+    padding: var(--dds-spacing-x1) var(--dds-spacing-x1-5);
+  }
+  &.Button_with-text-and-icon {
+    gap: var(--dds-spacing-x0-75);
+    &.Button_with-icon-left {
+      padding: var(--dds-spacing-x1) var(--dds-spacing-x1-5) var(--dds-spacing-x1) var(--dds-spacing-x1);
+    }
+    &.Button_with-icon-right {
+      padding: var(--dds-spacing-x1) var(--dds-spacing-x1) var(--dds-spacing-x1) var(--dds-spacing-x1-5);
+    }
+  }
+  &.Button_just-icon,
+  &.Button_button--is-loading.Button_no-content {
+    padding: var(--dds-spacing-x1);
+  }
+  .Button_icon {
+    font-size: calc(var(--dds-font-lineheight-x1) * 1em);
+  }
+}
+.Button_spinner-wrapper--absolute {
+  position: absolute;
+}
+.Button_icon-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.Button_button--primary {
+  background-color: var(--dds-color-surface-action-resting);
+  border-color: var(--dds-color-surface-action-resting);
+  color: var(--dds-color-text-on-action);
+  &:hover:not(.Button_button--is-loading) {
+    background-color: var(--dds-color-surface-action-hover);
+    border-color: var(--dds-color-surface-action-hover);
+    color: var(--dds-color-text-on-action);
+  }
+}
+.Button_button--secondary {
+  background-color: var(--dds-color-surface-default);
+  border-color: var(--dds-color-border-default);
+  color: var(--dds-color-text-default);
+  &:hover:not(.Button_button--is-loading) {
+    background-color: var(--dds-color-surface-hover-default);
+    border-color: var(--dds-color-border-action-hover);
+    color: var(--dds-color-text-default);
+  }
+}
+.Button_button--tertiary {
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--dds-color-text-default);
+  &:hover:not(.Button_button--is-loading) {
+    background-color: var(--dds-color-surface-hover-default);
+    border-color: transparent;
+    color: var(--dds-color-text-default);
+  }
+}
+.Button_button--danger {
+  background-color: var(--dds-color-surface-action-danger-resting);
+  border-color: var(--dds-color-surface-action-danger-resting);
+  color: var(--dds-color-text-on-action);
+  &:hover:not(.Button_button--is-loading) {
     background-color: var(--dds-color-surface-action-danger-hover);
     border-color: var(--dds-color-surface-action-danger-hover);
     color: var(--dds-color-text-on-action);
@@ -1093,9 +1824,6 @@
 .OverflowMenu_container {
   box-sizing: border-box;
   z-index: var(--dds-zindex-overflowmenu);
-  overflow-y: auto;
-  min-width: 180px;
-  max-width: 300px;
 }
 .OverflowMenu_list {
   display: flex;
@@ -1142,14 +1870,6 @@
   cursor: not-allowed;
   position: relative;
 }
-.OverflowMenu_divider {
-  margin-inline: var(--dds-spacing-x0-5);
-  margin-block: var(--dds-spacing-x0);
-}
-.OverflowMenu_group-header {
-  padding-inline: var(--dds-spacing-x0-75);
-  padding-block-start: var(--dds-spacing-x0-75);
-}
 
 /* src/components/Divider/Divider.module.css */
 :where(.Divider_divider) {
@@ -1216,78 +1936,251 @@
     transition: box-shadow 0.2s, border-color 0.2s;
   }
 }
-.Card_container--filled {
-  background-color: var(--dds-color-brand-primary-subtle);
-  border-color: var(--dds-color-brand-primary-subtle);
-}
-.Card_container--border {
-  background-color: var(--dds-color-surface-default);
-  border-color: var(--dds-color-border-subtle);
-}
-.Card_container--navigation {
-  text-decoration: none;
-  display: block;
-  &:hover {
-    border-color: var(--dds-color-border-action-hover);
-    box-shadow: inset 0 0 0 1px var(--dds-color-border-action-hover);
+.Card_container--filled {
+  background-color: var(--dds-color-brand-primary-subtle);
+  border-color: var(--dds-color-brand-primary-subtle);
+}
+.Card_container--border {
+  background-color: var(--dds-color-surface-default);
+  border-color: var(--dds-color-border-subtle);
+}
+.Card_container--navigation {
+  text-decoration: none;
+  display: block;
+  &:hover {
+    border-color: var(--dds-color-border-action-hover);
+    box-shadow: inset 0 0 0 1px var(--dds-color-border-action-hover);
+  }
+}
+.Card_container--expandable {
+  width: 100%;
+  box-sizing: border-box;
+  & + .Card_container--expandable {
+    border-top: none;
+  }
+}
+
+/* src/components/Card/CardExpandable/CardExpandable.module.css */
+.CardExpandable_container {
+  border-radius: inherit;
+}
+.CardExpandable_header-button {
+  @media (prefers-reduced-motion: no-preference) {
+    transition: box-shadow 0.2s, var(--dds-focus-transition);
+  }
+  &:hover {
+    box-shadow: 0 0 0 2px var(--dds-color-border-action-hover);
+  }
+}
+.CardExpandable_header-container {
+  padding: var(--dds-card-accordion-header-container-padding);
+  justify-content: space-between;
+  @media (prefers-reduced-motion: no-preference) {
+    transition: box-shadow 0.2s;
+  }
+}
+.CardExpandable_header-container__chevron {
+  margin-left: var(--dds-spacing-x0-5);
+}
+.CardExpandable_body {
+  height: var(--dds-card-accordion-body-height);
+}
+.CardExpandable_body__content {
+  padding: var(--dds-card-accordion-body-content-padding);
+}
+
+/* src/components/Chip/Chip.module.css */
+.Chip_container {
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
+  gap: var(--dds-spacing-x0-25);
+  padding: var(--dds-spacing-x0-125) var(--dds-spacing-x0-25) var(--dds-spacing-x0-125) var(--dds-spacing-x0-5);
+  border: 1px solid var(--dds-color-border-subtle);
+  border-radius: var(--dds-border-radius-chip);
+  background-color: var(--dds-color-surface-subtle);
+}
+
+/* src/components/Contrast/Contrast.module.css */
+:where(.Contrast_container) {
+  background-color: var(--dds-color-surface-inverse-default);
+}
+
+/* src/components/SelectionControl/SelectionControl.module.css */
+.SelectionControl_container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--dds-spacing-x0-125);
+}
+.SelectionControl_group {
+  display: flex;
+}
+.SelectionControl_group--row {
+  flex-direction: row;
+  gap: var(--dds-spacing-x0-75);
+}
+.SelectionControl_group--column {
+  flex-direction: column;
+  gap: var(--dds-spacing-x0-5);
+}
+.SelectionControl_label {
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  input ~ .SelectionControl_selection-control {
+    @media (prefers-reduced-motion: no-preference) {
+      transition:
+        box-shadow 0.2s,
+        background-color 0.2s,
+        border 0.2s,
+        var(--dds-focus-transition);
+    }
+  }
+  &:hover:not(.SelectionControl_label--readonly) input:enabled:not(:checked) ~ .SelectionControl_selection-control {
+    background-color: var(--dds-color-surface-hover-default);
+    box-shadow: inset 0 0 0 1px var(--dds-color-border-action-hover);
+    border-color: var(--dds-color-border-action-hover);
+  }
+  input:checked:enabled ~ .SelectionControl_selection-control,
+  input:enabled[data-indeterminate=true] ~ .SelectionControl_selection-control {
+    border-color: var(--dds-color-surface-action-selected);
+    background-color: var(--dds-color-surface-action-selected);
+  }
+  &.SelectionControl_label--readonly input:checked:enabled ~ .SelectionControl_selection-control,
+  &.SelectionControl_label--readonly input:enabled[data-indeterminate=true] ~ .SelectionControl_selection-control {
+    border-color: var(--dds-color-surface-action-selected-disabled);
+    background-color: var(--dds-color-surface-action-selected-disabled);
+  }
+  &:hover:not(.SelectionControl_label--readonly) input:checked:enabled[type=checkbox] ~ .SelectionControl_selection-control,
+  &:hover:not(.SelectionControl_label--readonly) input:enabled[data-indeterminate=true] ~ .SelectionControl_selection-control {
+    background-color: var(--dds-color-surface-action-hover);
+    border-color: var(--dds-color-surface-action-hover);
+  }
+  input:checked ~ .SelectionControl_selection-control:after,
+  input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
+    display: block;
+  }
+}
+.SelectionControl_label--checkbox {
+  .SelectionControl_selection-control:after {
+    border: solid var(--dds-color-icon-on-action);
+    border-width: 0 1px 1px 0;
+    left: 6px;
+    top: 1px;
+    width: 5px;
+    height: 10px;
+    transform: rotate(45deg);
+  }
+  input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
+    border-width: 1px 0 0 0;
+    left: 25%;
+    top: 50%;
+    width: 50%;
+    height: 1px;
+    transform: none;
   }
 }
-.Card_container--expandable {
-  width: 100%;
-  box-sizing: border-box;
-  & + .Card_container--expandable {
-    border-top: none;
+.SelectionControl_label--radio {
+  .SelectionControl_selection-control:after {
+    border-radius: var(--dds-border-radius-rounded);
+    background-color: var(--dds-color-icon-on-action);
+    height: 8px;
+    width: 8px;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
   }
 }
-
-/* src/components/Card/CardExpandable/CardExpandable.module.css */
-.CardExpandable_container {
-  border-radius: inherit;
+.SelectionControl_label--disabled {
+  cursor: not-allowed;
+  input:disabled ~ .SelectionControl_selection-control {
+    border-color: var(--dds-color-border-default);
+  }
+  input:checked:disabled ~ .SelectionControl_selection-control,
+  input:disabled[data-indeterminate=true] ~ .SelectionControl_selection-control {
+    border-color: var(--dds-color-surface-action-selected-disabled);
+    background-color: var(--dds-color-surface-action-selected-disabled);
+  }
 }
-.CardExpandable_header-button {
-  @media (prefers-reduced-motion: no-preference) {
-    transition: box-shadow 0.2s, var(--dds-focus-transition);
+.SelectionControl_label--readonly {
+  cursor: default;
+  color: var(--dds-color-text-medium);
+  input ~ .SelectionControl_selection-control {
+    border-color: var(--dds-color-border-default);
+    background-color: var(--dds-color-surface-field-disabled);
   }
-  &:hover {
-    box-shadow: 0 0 0 2px var(--dds-color-border-action-hover);
+  input:checked ~ .SelectionControl_selection-control,
+  input[data-indeterminate=true] ~ .SelectionControl_selection-control {
+    border-color: var(--dds-color-surface-action-selected-disabled);
+    background-color: var(--dds-color-surface-action-selected-disabled);
   }
 }
-.CardExpandable_header-container {
-  padding: var(--dds-card-accordion-header-container-padding);
-  justify-content: space-between;
-  @media (prefers-reduced-motion: no-preference) {
-    transition: box-shadow 0.2s;
+.SelectionControl_label--error {
+  &:hover input:enabled:not(:focus-visible):not(:checked) ~ .SelectionControl_selection-control {
+    background-color: var(--dds-color-surface-danger-default);
+    border-color: var(--dds-color-border-danger);
+    box-shadow: 0 0 0 1px var(--dds-c-tic-border-danger);
+  }
+  input:not(:focus-visible) ~ .SelectionControl_selection-control,
+  input:checked:enabled:not(:focus-visible) .SelectionControl_selection-control &:hover input:checked:enabled:not(:focus-visible) .SelectionControl_selection-control {
+    border-color: var(--dds-color-border-danger);
+    box-shadow: 0 0 0 1px var(--dds-color-border-danger);
   }
 }
-.CardExpandable_header-container__chevron {
-  margin-left: var(--dds-spacing-x0-5);
+.SelectionControl_label--no-text {
+  padding: 9px;
 }
-.CardExpandable_body {
-  height: var(--dds-card-accordion-body-height);
+.SelectionControl_selection-control {
+  position: absolute;
+  left: 0;
+  box-sizing: border-box;
+  border: 1px solid;
+  border-color: var(--dds-color-border-default);
+  background-color: var(--dds-color-surface-field-default);
+  border-radius: var(--dds-border-radius-input);
+  height: 18px;
+  width: 18px;
+  &:after {
+    content: "";
+    position: absolute;
+    display: none;
+    box-sizing: border-box;
+  }
 }
-.CardExpandable_body__content {
-  padding: var(--dds-card-accordion-body-content-padding);
+.SelectionControl_selection-control--radio {
+  border-radius: var(--dds-border-radius-rounded);
 }
 
-/* src/components/Chip/Chip.module.css */
-.Chip_container {
-  display: inline-flex;
-  align-items: center;
+/* src/components/InputMessage/InputMessage.module.css */
+.InputMessage_container {
+  display: flex;
+  width: -moz-fit-content;
+  width: fit-content;
+  word-break: break-word;
   max-width: 100%;
+}
+.InputMessage_container--error {
+  padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
+  background-color: var(--dds-color-surface-danger-default);
+  border-bottom-left-radius: var(--dds-border-radius-surface);
+  border-bottom-right-radius: var(--dds-border-radius-surface);
   gap: var(--dds-spacing-x0-25);
-  padding: var(--dds-spacing-x0-125) var(--dds-spacing-x0-25) var(--dds-spacing-x0-125) var(--dds-spacing-x0-5);
-  border: 1px solid var(--dds-color-border-subtle);
-  border-radius: var(--dds-border-radius-chip);
-  background-color: var(--dds-color-surface-subtle);
+  .InputMessage_icon {
+    color: var(--dds-color-icon-on-danger-default);
+  }
 }
-.Chip_group {
-  display: flex;
-  gap: var(--dds-spacing-x0-75);
+.InputMessage_icon {
+  margin-top: calc((var(--dds-font-lineheight-x1) * 1em - var(--dds-icon-size-small)) / 2 - 1px);
 }
 
-/* src/components/Contrast/Contrast.module.css */
-:where(.Contrast_container) {
-  background-color: var(--dds-color-surface-inverse-default);
+/* src/components/CookieBanner/CookieBanner.module.css */
+.CookieBanner_checkbox-label {
+  padding: 0 0 0 calc(18px + var(--dds-spacing-x0-5));
+  align-items: flex-start;
+  & > span {
+    top: calc((var(--dds-font-lineheight-x1) * 1em - var(--dds-icon-size-small)) / 2 - 1px);
+  }
 }
 
 /* src/components/date-inputs/common/DateInput.module.css */
@@ -1383,56 +2276,6 @@
 }
 .DateInput_popover {
   z-index: var(--dds-zindex-popover);
-  padding: var(--dds-spacing-x0-5);
-}
-.DateInput_popover--large-screen-hide-xs {
-  @media only screen and (max-width: 600px) {
-    display: none;
-  }
-}
-.DateInput_popover--large-screen-hide-sm {
-  @media only screen and (max-width: 960px) {
-    display: none;
-  }
-}
-.DateInput_popover--large-screen-hide-md {
-  @media only screen and (max-width: 1280px) {
-    display: none;
-  }
-}
-.DateInput_popover--large-screen-hide-lg {
-  @media only screen and (max-width: 1920px) {
-    display: none;
-  }
-}
-.DateInput_popover--large-screen-hide-xl {
-  display: none;
-}
-.DateInput_modal {
-  display: none;
-}
-.DateInput_modal--small-screen-show-xs {
-  @media only screen and (max-width: 600px) {
-    display: block;
-  }
-}
-.DateInput_modal--small-screen-show-sm {
-  @media only screen and (max-width: 960px) {
-    display: block;
-  }
-}
-.DateInput_modal--small-screen-show-md {
-  @media only screen and (max-width: 1280px) {
-    display: block;
-  }
-}
-.DateInput_modal--small-screen-show-lg {
-  @media only screen and (max-width: 1920px) {
-    display: block;
-  }
-}
-.DateInput_modal--small-screen-show-xl {
-  display: block;
 }
 .DateInput_modal-close-button-wrapper {
   display: flex;
@@ -1522,6 +2365,7 @@
   --dds-focus-box-shadow: 0 0 0 2px var(--dds-color-focus-inside);
   --dds-focus-transition: outline-offset 0.2s;
   --dds-input-default-width: 320px;
+  --dds-input-default-width-xsmall: 210px;
   --dds-transition-duration-surface-move: 0.5s;
 }
 .ThemeProvider_global-styles {
@@ -1530,37 +2374,8 @@
   color: var(--dds-color-text-default);
 }
 
-/* src/components/InputMessage/InputMessage.module.css */
-.InputMessage_container {
-  display: flex;
-  width: -moz-fit-content;
-  width: fit-content;
-  word-break: break-word;
-  max-width: 100%;
-}
-.InputMessage_container--error {
-  padding: var(--dds-spacing-x0-25) var(--dds-spacing-x0-5);
-  background-color: var(--dds-color-surface-danger-default);
-  border-bottom-left-radius: var(--dds-border-radius-surface);
-  border-bottom-right-radius: var(--dds-border-radius-surface);
-  gap: var(--dds-spacing-x0-25);
-  .InputMessage_icon {
-    color: var(--dds-color-icon-on-danger-default);
-  }
-}
-.InputMessage_icon {
-  margin-top: calc((var(--dds-font-lineheight-x1) * 1em - var(--dds-icon-size-small)) / 2 - 1px);
-}
-
 /* src/components/DescriptionList/DescriptionList.module.css */
 .DescriptionList_list {
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
-  row-gap: 0;
-  -moz-column-gap: var(--dds-spacing-x2);
-  column-gap: var(--dds-spacing-x2);
   & > dt:first-of-type {
     margin-top: var(--dds-spacing-x1);
   }
@@ -1625,6 +2440,18 @@
     }
   }
 }
+.DetailList_list--striped-with-bp {
+  .DetailList_row {
+    &:nth-of-type(4n-1),
+    &:nth-of-type(4n) {
+      background-color: var(--dds-color-surface-default);
+    }
+    &:nth-of-type(4n-3),
+    &:nth-of-type(4n-2) {
+      background-color: var(--dds-color-surface-subtle);
+    }
+  }
+}
 .DetailList_list--small {
   font: var(--dds-font-body-small);
   letter-spacing: var(--dds-font-body-small-letter-spacing);
@@ -1647,8 +2474,12 @@
     padding-inline: var(--dds-spacing-x0-75);
   }
 }
-.DetailList_row {
-  display: table-row;
+.DetailList_column {
+  dt,
+  dd {
+    margin-inline-start: 0;
+    text-align: left;
+  }
 }
 .DetailList_cell {
   display: table-cell;
@@ -1661,30 +2492,12 @@
 .Drawer_container {
   --dds-transition-duration-drawer-move: 0.2s;
   --dds-drawer-content-container-padding: var(--dds-spacing-x0-25);
-  --dds-drawer-container-padding: calc( var(--dds-spacing-x1) - var(--dds-drawer-content-container-padding) ) calc(var(--dds-spacing-x1) - var(--dds-drawer-content-container-padding)) calc(var(--dds-spacing-x1) - var(--dds-drawer-content-container-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-drawer-content-container-padding));
-  position: fixed;
-  top: 0;
-  height: 100%;
-  display: flex;
-  flex-direction: column-reverse;
-  justify-content: flex-end;
-  min-width: 300px;
+  --dds-drawer-container-padding: var(--dds-spacing-x1) calc(var(--dds-spacing-x1) - var(--dds-drawer-content-container-padding)) calc(var(--dds-spacing-x1) - var(--dds-drawer-content-container-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-drawer-content-container-padding));
   z-index: var(--dds-zindex-drawer);
-  border-radius: 0;
-  padding: var(--dds-drawer-container-padding);
   @media (prefers-reduced-motion: no-preference) {
     transition: transform var(--dds-transition-duration-drawer-move);
   }
 }
-.Drawer_container--small {
-  max-width: 400px;
-}
-.Drawer_container--medium {
-  max-width: 600px;
-}
-.Drawer_container--large {
-  max-width: 800px;
-}
 .Drawer_container--left {
   left: 0;
 }
@@ -1704,33 +2517,19 @@
   transform: translate(100%);
 }
 .Drawer_content-container {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x1);
   padding: var(--dds-drawer-content-container-padding);
 }
-.Drawer_button--close {
-  align-self: flex-end;
-}
-
-/* src/components/EmptyContent/EmptyContent.module.css */
-.EmptyContent_containter {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: var(--dds-spacing-x10);
-  height: 100%;
-  width: 100%;
-  background-color: var(--dds-color-surface-subtle);
-  padding: var(--dds-spacing-x1-5);
+.Drawer_drawer-header {
+  padding-bottom: calc(var(--dds-spacing-x0-75) - var(--dds-drawer-content-container-padding));
+  background-color: var(--dds-color-surface-default);
+  z-index: 1;
 }
-.EmptyContent_text {
-  max-width: 70ch;
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x1);
+.Drawer_button--close {
+  margin-left: auto;
+  margin-top: calc(-1 * var(--dds-spacing-x0-125));
 }
+
+/* src/components/EmptyContent/EmptyContent.module.css */
 .EmptyContent_message {
   color: var(--dds-text-color--subtle);
 }
@@ -1831,109 +2630,13 @@
   height: var(--dds-icon-size-large);
 }
 
-/* src/components/Stack/Stack.module.css */
-.Stack_stack {
-  display: flex;
-  align-items: var(--dds-stack-align-items);
-  justify-content: var(--dds-stack-justify-content);
-}
-.Stack_horizontal {
-  flex-direction: row;
-}
-.Stack_vertical {
-  flex-direction: column;
-}
-.Stack_gap-0 {
-  gap: 0;
-}
-.Stack_gap-x-0-125 {
-  gap: var(--dds-spacing-x0-125);
-}
-.Stack_gap-x-0-25 {
-  gap: var(--dds-spacing-x0-25);
-}
-.Stack_gap-x-0-5 {
-  gap: var(--dds-spacing-x0-5);
-}
-.Stack_gap-x-0-75 {
-  gap: var(--dds-spacing-x0-75);
-}
-.Stack_gap-x-1 {
-  gap: var(--dds-spacing-x1);
-}
-.Stack_gap-x-1-5 {
-  gap: var(--dds-spacing-x1-5);
-}
-.Stack_gap-x-2 {
-  gap: var(--dds-spacing-x2);
-}
-.Stack_gap-x-2-5 {
-  gap: var(--dds-spacing-x2-5);
-}
-.Stack_gap-x-3 {
-  gap: var(--dds-spacing-x3);
-}
-.Stack_gap-x-4 {
-  gap: var(--dds-spacing-x4);
-}
-.Stack_gap-x-6 {
-  gap: var(--dds-spacing-x6);
-}
-.Stack_gap-x-10 {
-  gap: var(--dds-spacing-x10);
-}
-.Stack_padding-0 {
-  padding: 0;
-}
-.Stack_padding-x-0-125 {
-  padding: var(--dds-spacing-x0-125);
-}
-.Stack_padding-x-0-25 {
-  padding: var(--dds-spacing-x0-25);
-}
-.Stack_padding-x-0-5 {
-  padding: var(--dds-spacing-x0-5);
-}
-.Stack_padding-x-0-75 {
-  padding: var(--dds-spacing-x0-75);
-}
-.Stack_padding-x-1 {
-  padding: var(--dds-spacing-x1);
-}
-.Stack_padding-x-1-5 {
-  padding: var(--dds-spacing-x1-5);
-}
-.Stack_padding-x-2 {
-  padding: var(--dds-spacing-x2);
-}
-.Stack_padding-x-2-5 {
-  padding: var(--dds-spacing-x2-5);
-}
-.Stack_padding-x-3 {
-  padding: var(--dds-spacing-x3);
-}
-.Stack_padding-x-4 {
-  padding: var(--dds-spacing-x4);
-}
-.Stack_padding-x-6 {
-  padding: var(--dds-spacing-x6);
-}
-.Stack_padding-x-10 {
-  padding: var(--dds-spacing-x10);
-}
-
 /* src/components/TextArea/TextArea.module.css */
 .TextArea_textarea {
-  width: var(--dds-text-area-width);
   height: auto;
   resize: vertical;
   vertical-align: bottom;
   padding-bottom: var(--dds-spacing-x0-5);
 }
-.TextArea_message-container {
-  display: flex;
-  justify-content: space-between;
-}
 
 /* src/components/Tooltip/Tooltip.module.css */
 .Tooltip_container {
@@ -1964,20 +2667,12 @@
 }
 
 /* src/components/FileUploader/FileUploader.module.css */
-.FileUploader_container {
-  width: var(--dds-input-default-width);
-}
 .FileUploader_input-container {
   box-sizing: border-box;
-  border: 2px solid;
-  border-style: dashed;
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x1);
+  border: 2px dashed;
   border-color: var(--dds-color-border-default);
   background-color: var(--dds-color-surface-default);
   border-radius: var(--dds-border-radius-surface);
-  padding: var(--dds-spacing-x1-5) var(--dds-spacing-x1-5) var(--dds-spacing-x2) var(--dds-spacing-x1-5);
   @media (prefers-reduced-motion: no-preference) {
     transition: background-color 0.2s, border-color 0.2s;
   }
@@ -1992,19 +2687,7 @@
 .FileUploader_input-container--no-drag-zone {
   padding: var(--dds-spacing-x0-5) 0;
 }
-.FileUploader_file {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--dds-spacing-x0-75);
-  padding: var(--dds-spacing-x0-5) var(--dds-spacing-x1);
-  margin-top: var(--dds-spacing-x0-5);
-  background-color: var(--dds-color-surface-subtle);
-  border-radius: var(--dds-border-radius-surface);
-  border: 1px solid var(--dds-color-border-default);
-}
 .FileUploader_file--invalid {
-  border: 1px solid var(--dds-color-border-danger);
   box-shadow: inset 0 0 0 1px var(--dds-color-border-danger);
 }
 .FileUploader_file__icon--invalid {
@@ -2026,21 +2709,6 @@
     padding-block: var(--dds-spacing-x4);
   }
 }
-.Footer_logo--xs-hide {
-  @media only screen and (max-width: 600px) {
-    display: none;
-  }
-}
-.Footer_logo--sm-hide {
-  @media only screen and (max-width: 960px) {
-    display: none;
-  }
-}
-.Footer_logo--md-hide {
-  @media only screen and (max-width: 1280px) {
-    display: none;
-  }
-}
 .Footer_left {
   display: flex;
   flex-direction: column;
@@ -2109,99 +2777,12 @@
   margin-right: var(--dds-spacing-x0-75);
 }
 
-/* src/components/Grid/Grid.module.css */
-.Grid_grid {
-  display: grid;
-  grid-template-columns: repeat(var(--dds-grid-xs-count), minmax(0, 1fr));
-  -moz-column-gap: var(--dds-grid-xs-gutter-size);
-  column-gap: var(--dds-grid-xs-gutter-size);
-  margin-inline: var(--dds-spacing-x1);
-  max-width: var(--dds-grid-xs-max-width);
-  row-gap: var(--dds-grid-xs-row-gap);
-  @media only screen and (min-width: 600px) {
-    grid-template-columns: repeat(var(--dds-grid-sm-count), minmax(0, 1fr));
-    -moz-column-gap: var(--dds-grid-sm-gutter-size);
-    column-gap: var(--dds-grid-sm-gutter-size);
-    margin-inline: var(--dds-spacing-x2);
-    max-width: var(--dds-grid-sm-max-width);
-    row-gap: var(--dds-grid-sm-row-gap);
-  }
-  @media only screen and (min-width: 960px) {
-    grid-template-columns: repeat(var(--dds-grid-md-count), minmax(0, 1fr));
-    -moz-column-gap: var(--dds-grid-md-gutter-size);
-    column-gap: var(--dds-grid-md-gutter-size);
-    margin-inline: var(--dds-spacing-x4);
-    max-width: var(--dds-grid-md-max-width);
-    row-gap: var(--dds-grid-md-row-gap);
-  }
-  @media only screen and (min-width: 1280px) {
-    grid-template-columns: repeat(var(--dds-grid-lg-count), minmax(0, 1fr));
-    -moz-column-gap: var(--dds-grid-lg-gutter-size);
-    column-gap: var(--dds-grid-lg-gutter-size);
-    margin-inline: var(--dds-spacing-x6);
-    max-width: var(--dds-grid-lg-max-width);
-    row-gap: var(--dds-grid-lg-row-gap);
-  }
-  @media only screen and (min-width: 1920px) {
-    grid-template-columns: repeat(var(--dds-grid-xl-count), minmax(0, 1fr));
-    -moz-column-gap: var(--dds-grid-xl-gutter-size);
-    column-gap: var(--dds-grid-xl-gutter-size);
-    margin-inline: var(--dds-spacing-x10);
-    max-width: var(--dds-grid-xl-max-width);
-    row-gap: var(--dds-grid-xl-row-gap);
-  }
-}
-.Grid_grid-child {
-  --dds-grid-half-col-count: var(--dds-grid-xs-count);
-  @media only screen and (min-width: 600px) {
-    --dds-grid-half-col-count: var(--dds-grid-sm-count);
-  }
-  @media only screen and (min-width: 960px) {
-    --dds-grid-half-col-count: var(--dds-grid-md-count);
-  }
-  @media only screen and (min-width: 1280px) {
-    --dds-grid-half-col-count: var(--dds-grid-lg-count);
-  }
-  @media only screen and (min-width: 1920px) {
-    --dds-grid-half-col-count: var(--dds-grid-xl-count);
-  }
-  grid-row: var(--dds-grid-child-grid-row);
-  justify-self: var(--dds-grid-child-justify-self);
-}
-.Grid_grid-child--all {
-  grid-column: 1 / -1;
-}
-.Grid_grid-child--first-half {
-  grid-column: 1 / calc(var(--dds-grid-half-col-count) / 2 + 1);
-}
-.Grid_grid-child--second-half {
-  grid-column: calc(var(--dds-grid-half-col-count) / 2 + 1) / -1;
-}
-.Grid_grid-child--custom {
-  grid-column: var(--dds-grid-child-xs-grid-column-custom);
-  @media only screen and (min-width: 600px) {
-    grid-column: var(--dds-grid-child-sm-grid-column-custom);
-  }
-  @media only screen and (min-width: 960px) {
-    grid-column: var(--dds-grid-child-md-grid-column-custom);
-  }
-  @media only screen and (min-width: 1280px) {
-    grid-column: var(--dds-grid-child-lg-grid-column-custom);
-  }
-  @media only screen and (min-width: 1920px) {
-    grid-column: var(--dds-grid-child-xl-grid-column-custom);
-  }
-}
-
 /* src/components/InlineButton/InlineButton.module.css */
 .InlineButton_button {
   display: inline;
 }
 
 /* src/components/InlineEdit/InlineEdit.module.css */
-.InlineEdit_container {
-  position: relative;
-}
 .InlineEdit_inline-input {
   width: 100%;
   padding: var(--dds-spacing-x0-25);
@@ -2231,9 +2812,6 @@
 .InlineEdit_inline-input--with-icon {
   padding-left: var(--dds-spacing-x2);
 }
-.InlineEdit_inline-input--with-icon--is-editing {
-  padding-left: var(--dds-spacing-x0-25);
-}
 .InlineEdit_inline-textarea {
   resize: vertical;
 }
@@ -2249,50 +2827,13 @@
 
 /* src/components/InternalHeader/InternalHeader.module.css */
 .InternalHeader_bar {
-  display: flex;
-  align-items: center;
   background-color: var(--dds-color-surface-default);
   border-bottom: 1px solid var(--dds-color-border-default);
   min-height: 58px;
-  gap: var(--dds-spacing-x1-5);
-  padding-inline: var(--dds-spacing-x1-5);
   .InternalHeader_bar-separator {
     margin-left: auto;
   }
 }
-.InternalHeader_bar--small-screen-xs {
-  @media only screen and (max-width: 600px) {
-    gap: var(--dds-spacing-x1);
-    padding-inline-start: var(--dds-spacing-x1);
-    padding-inline-end: var(--dds-spacing-x0-5);
-  }
-}
-.InternalHeader_bar--small-screen-sm {
-  @media only screen and (max-width: 960px) {
-    gap: var(--dds-spacing-x1);
-    padding-inline-start: var(--dds-spacing-x1);
-    padding-inline-end: var(--dds-spacing-x0-5);
-  }
-}
-.InternalHeader_bar--small-screen-md {
-  @media only screen and (max-width: 1280px) {
-    gap: var(--dds-spacing-x1);
-    padding-inline-start: var(--dds-spacing-x1);
-    padding-inline-end: var(--dds-spacing-x0-5);
-  }
-}
-.InternalHeader_bar--small-screen-lg {
-  @media only screen and (max-width: 1920px) {
-    gap: var(--dds-spacing-x1);
-    padding-inline-start: var(--dds-spacing-x1);
-    padding-inline-end: var(--dds-spacing-x0-5);
-  }
-}
-.InternalHeader_bar--small-screen-xl {
-  gap: var(--dds-spacing-x1);
-  padding-inline-start: var(--dds-spacing-x1);
-  padding-inline-end: var(--dds-spacing-x0-5);
-}
 .InternalHeader_bar--with-nav {
   .InternalHeader_bar-separator {
     margin-left: 0;
@@ -2312,82 +2853,6 @@
   width: 100%;
   gap: var(--dds-spacing-x1-5);
 }
-.InternalHeader_nav-list--small-screen {
-  align-items: initial;
-  flex-direction: column;
-}
-.InternalHeader_nav-list--small-screen-xs,
-.InternalHeader_context-menu-button-without-nav-xs {
-  @media only screen and (max-width: 600px) {
-    display: none;
-  }
-}
-.InternalHeader_nav-list--small-screen-sm,
-.InternalHeader_context-menu-button-without-nav-sm {
-  @media only screen and (max-width: 960px) {
-    display: none;
-  }
-}
-.InternalHeader_nav-list--small-screen-md,
-.InternalHeader_context-menu-button-without-nav-md {
-  @media only screen and (max-width: 1280px) {
-    display: none;
-  }
-}
-.InternalHeader_nav-list--small-screen-lg,
-.InternalHeader_context-menu-button-without-nav-lg {
-  @media only screen and (max-width: 1920px) {
-    display: none;
-  }
-}
-.InternalHeader_nav-list--small-screen-xl,
-.InternalHeader_context-menu-button-without-nav-xl {
-  display: none;
-}
-.InternalHeader_nav--in-menu--small-screen,
-.InternalHeader_context-menu-group--small-screen-only,
-.InternalHeader_context-menu-button-with-nav,
-.InternalHeader_menu-divider {
-  display: none;
-}
-.InternalHeader_nav--in-menu--small-screen-xs,
-.InternalHeader_context-menu-group--small-screen-only-xs,
-.InternalHeader_context-menu-button-with-nav-xs,
-.InternalHeader_menu-divider--small-screen-xs {
-  @media only screen and (max-width: 600px) {
-    display: block;
-  }
-}
-.InternalHeader_nav--in-menu--small-screen-sm,
-.InternalHeader_context-menu-group--small-screen-only-sm,
-.InternalHeader_context-menu-button-with-nav-sm,
-.InternalHeader_menu-divider--small-screen-sm {
-  @media only screen and (max-width: 960px) {
-    display: block;
-  }
-}
-.InternalHeader_nav--in-menu--small-screen-md,
-.InternalHeader_context-menu-group--small-screen-only-md,
-.InternalHeader_context-menu-button-with-nav-md,
-.InternalHeader_menu-divider--small-screen-md {
-  @media only screen and (max-width: 1280px) {
-    display: block;
-  }
-}
-.InternalHeader_nav--in-menu--small-screen-lg,
-.InternalHeader_context-menu-group--small-screen-only-lg,
-.InternalHeader_context-menu-button-with-nav-lg,
-.InternalHeader_menu-divider--small-screen-lg {
-  @media only screen and (max-width: 1920px) {
-    display: block;
-  }
-}
-.InternalHeader_nav--in-menu--small-screen-xl,
-.InternalHeader_context-menu-group--small-screen-only-xl,
-.InternalHeader_context-menu-button-with-nav-xl,
-.InternalHeader_menu-divider--small-screen-xl {
-  display: block;
-}
 .InternalHeader_nav-list__item {
   display: flex;
 }
@@ -2482,11 +2947,7 @@
 .LocalMessage_container {
   border: 1px solid;
   box-sizing: border-box;
-  display: grid;
-  align-items: center;
   border-radius: var(--dds-border-radius-surface);
-  padding: var(--dds-spacing-x0-75);
-  gap: var(--dds-spacing-x0-5);
 }
 .LocalMessage_container--info {
   border-color: var(--dds-color-border-info);
@@ -2535,143 +2996,49 @@
   grid-template-areas: "icon icon" "text text";
   grid-template-columns: 1fr min-content;
 }
-.LocalMessage_container--vertical--closable {
-  grid-template-areas: "icon closeButton" "text text";
-  grid-template-columns: 1fr;
-}
-.LocalMessage_container__text {
-  grid-area: text;
-  padding-right: var(--dds-spacing-x0-75);
-}
-.LocalMessage_container__icon {
-  grid-area: icon;
-}
-.LocalMessage_container__button {
-  grid-area: closeButton;
-  margin: calc(0px - var(--dds-spacing-x0-75)) 0;
-}
-
-/* src/components/Modal/Modal.module.css */
-.Modal_container {
-  --dds-modal-content-padding: var(--dds-spacing-x0-25);
-  --dds-modal-container-padding: calc( var(--dds-spacing-x1) - var(--dds-modal-content-padding) ) calc(var(--dds-spacing-x1) - var(--dds-modal-content-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-modal-content-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-modal-content-padding));
-  display: flex;
-  flex-direction: column;
-  min-width: 200px;
-  padding: var(--dds-modal-container-padding);
-}
-.Modal_container-scrollable {
-  max-height: calc(100vh - var(--dds-spacing-x1));
-  overflow: auto;
-}
-.Modal_content {
-  display: grid;
-  padding-right: calc(var(--dds-spacing-x1) - var(--dds-modal-content-padding));
-  gap: var(--dds-spacing-x1);
-}
-.Modal_body {
-  padding: var(--dds-modal-content-padding);
-}
-.Modal_header {
-  padding: var(--dds-modal-content-padding);
-}
-.Modal_actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--dds-spacing-x1);
-}
-.Modal_close-button {
-  align-self: flex-end;
-}
-
-/* src/components/Pagination/Pagination.module.css */
-.Pagination_container {
-  display: flex;
-  gap: var(--dds-spacing-x0-75);
-  justify-content: space-between;
-  flex-wrap: wrap;
-}
-.Pagination_container--small-screen-xs {
-  @media only screen and (max-width: 600px) {
-    flex-direction: column;
-    align-items: center;
-  }
-}
-.Pagination_container--small-screen-sm {
-  @media only screen and (max-width: 960px) {
-    flex-direction: column;
-    align-items: center;
-  }
-}
-.Pagination_container--small-screen-md {
-  @media only screen and (max-width: 1280px) {
-    flex-direction: column;
-    align-items: center;
-  }
-}
-.Pagination_container--small-screen-lg {
-  @media only screen and (max-width: 1920px) {
-    flex-direction: column;
-    align-items: center;
-  }
-}
-.Pagination_container--small-screen-xl {
-  flex-direction: column;
-  align-items: center;
-}
-.Pagination_nav {
-  display: flex;
-  align-items: center;
-}
-.Pagination_nav--large-screen-hide-xs {
-  @media only screen and (max-width: 600px) {
-    display: none;
-  }
-}
-.Pagination_nav--large-screen-hide-sm {
-  @media only screen and (max-width: 960px) {
-    display: none;
-  }
+.LocalMessage_container--vertical--closable {
+  grid-template-areas: "icon closeButton" "text text";
+  grid-template-columns: 1fr;
 }
-.Pagination_nav--large-screen-hide-md {
-  @media only screen and (max-width: 1280px) {
-    display: none;
-  }
+.LocalMessage_container__text {
+  grid-area: text;
+  padding-right: var(--dds-spacing-x0-75);
 }
-.Pagination_nav--large-screen-hide-lg {
-  @media only screen and (max-width: 1920px) {
-    display: none;
-  }
+.LocalMessage_container__icon {
+  grid-area: icon;
 }
-.Pagination_nav--large-screen-hide-xl {
-  display: none;
+.LocalMessage_container__button {
+  grid-area: closeButton;
+  margin: calc(0px - var(--dds-spacing-x0-75)) 0;
 }
-.Pagination_nav--small-screen {
-  display: none;
+
+/* src/components/Modal/Modal.module.css */
+.Modal_container {
+  --dds-modal-content-padding: var(--dds-spacing-x0-25);
+  --dds-modal-container-padding: var(--dds-spacing-x1) calc(var(--dds-spacing-x1) - var(--dds-modal-content-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-modal-content-padding)) calc(var(--dds-spacing-x1-5) - var(--dds-modal-content-padding));
+  padding: var(--dds-modal-container-padding);
 }
-.Pagination_nav--small-screen-show-xs {
-  @media only screen and (max-width: 600px) {
-    display: block;
-  }
+.Modal_container-scrollable {
+  max-height: calc(100vh - var(--dds-spacing-x1));
+  overflow: auto;
 }
-.Pagination_nav--small-screen-show-sm {
-  @media only screen and (max-width: 960px) {
-    display: block;
-  }
+.Modal_header-container {
+  background-color: var(--dds-color-surface-default);
+  padding-bottom: calc(var(--dds-spacing-x0-75) - var(--dds-modal-content-padding));
+  z-index: 1;
 }
-.Pagination_nav--small-screen-show-md {
-  @media only screen and (max-width: 1280px) {
-    display: block;
-  }
+.Modal_close-button {
+  margin-left: auto;
+  margin-top: calc(-1 * var(--dds-spacing-x0-125));
 }
-.Pagination_nav--small-screen-show-lg {
-  @media only screen and (max-width: 1920px) {
-    display: block;
-  }
+.Modal_content {
+  padding-right: calc(var(--dds-spacing-x1) - var(--dds-modal-content-padding));
 }
-.Pagination_nav--small-screen-show-xl {
-  display: block;
+.Modal_body {
+  padding: var(--dds-modal-content-padding);
 }
+
+/* src/components/Pagination/Pagination.module.css */
 .Pagination_list {
   display: grid;
   grid-auto-flow: column;
@@ -2698,11 +3065,6 @@
 }
 
 /* src/components/Select/Select.module.css */
-.Select_container {
-  margin: 0;
-  position: relative;
-  width: var(--dds-select-width);
-}
 .Select_container--disabled {
   cursor: not-allowed;
 }
@@ -2739,17 +3101,12 @@
 }
 
 /* src/components/Select/NativeSelect/NativeSelect.module.css */
-.NativeSelect_container {
-  position: relative;
-  width: -moz-fit-content;
-  width: fit-content;
-}
 .NativeSelect_select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  width: var(--dds-native-select-width);
   text-overflow: ellipsis;
+  width: 100%;
   &:hover:not(:disabled):not(.NativeSelect_select--readonly) {
     border-color: var(--dds-color-border-action-hover);
     box-shadow: 0 0 0 1px var(--dds-color-border-action-hover);
@@ -2815,108 +3172,78 @@
 
 /* src/components/PhoneInput/PhoneInput.module.css */
 .PhoneInput_inputs-container {
-  display: flex;
-  flex-direction: row;
   .PhoneInput_input {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
-    width: var(--dds-phone-input-width);
   }
-  .PhoneInput_select {
-    width: 8rem;
+  select {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
-    margin-right: -1px;
   }
-  .PhoneInput_select--xsmall {
-    width: 5rem;
+  .PhoneInput_select > div {
+    margin-right: -1px;
   }
 }
 .PhoneInput_inputs-container--small-screen-xs {
   @media only screen and (max-width: 600px) {
-    flex-direction: column;
-    width: var(--dds-phone-input-width);
     .PhoneInput_input {
-      border-top-left-radius: 0;
       border-top-right-radius: 0;
-      width: 100%;
     }
-    .PhoneInput_select {
+    select {
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
-      width: 100%;
       margin-bottom: -1px;
     }
   }
 }
 .PhoneInput_inputs-container--small-screen-sm {
   @media only screen and (max-width: 960px) {
-    flex-direction: column;
-    width: var(--dds-phone-input-width);
     .PhoneInput_input {
-      border-top-left-radius: 0;
       border-top-right-radius: 0;
-      width: 100%;
     }
-    .PhoneInput_select {
+    select {
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
-      width: 100%;
       margin-bottom: -1px;
     }
   }
 }
 .PhoneInput_inputs-container--small-screen-md {
   @media only screen and (max-width: 1280px) {
-    flex-direction: column;
-    width: var(--dds-phone-input-width);
     .PhoneInput_input {
-      border-top-left-radius: 0;
       border-top-right-radius: 0;
-      width: 100%;
     }
-    .PhoneInput_select {
+    select {
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
-      width: 100%;
       margin-bottom: -1px;
     }
   }
 }
 .PhoneInput_inputs-container--small-screen-lg {
   @media only screen and (max-width: 1920px) {
-    flex-direction: column;
-    width: var(--dds-phone-input-width);
     .PhoneInput_input {
-      border-top-left-radius: 0;
       border-top-right-radius: 0;
-      width: 100%;
     }
-    .PhoneInput_select {
+    select {
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
-      width: 100%;
       margin-bottom: -1px;
     }
   }
 }
 .PhoneInput_inputs-container--small-screen-xl {
-  flex-direction: column;
-  width: var(--dds-phone-input-width);
   .PhoneInput_input {
-    border-top-left-radius: 0;
     border-top-right-radius: 0;
-    width: 100%;
   }
-  .PhoneInput_select {
+  select {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
-    width: 100%;
     margin-bottom: -1px;
   }
 }
-.PhoneInput_select:focus-visible,
-.PhoneInput_select:hover {
+select:focus-visible,
+select:hover {
   z-index: var(--dds-zindex-absolute-element);
   & ~ svg {
     z-index: var(--dds-zindex-absolute-element);
@@ -3072,25 +3399,12 @@
 }
 
 /* src/components/ProgressBar/ProgressBar.module.css */
-.ProgressBar_container {
-  width: 100%;
-}
 .ProgressBar_progress {
-  width: var(--dds-progressbar-width);
-  height: 48px;
   background-color: var(--dds-color-surface-medium);
   border: 1px solid var(--dds-color-border-default);
   border-radius: var(--dds-border-radius-surface);
 }
-.ProgressBar_progress--small {
-  height: var(--dds-spacing-x0-75);
-}
-.ProgressBar_progress--medium {
-  height: var(--dds-spacing-x1-5);
-}
 .ProgressBar_fill {
-  height: 100%;
-  width: var(--dds-progressbar-fill-width);
   background-color: var(--dds-color-surface-action-resting);
   @media (prefers-reduced-motion: no-preference) {
     transition: width 0.2s, background-color 0.2s;
@@ -3103,7 +3417,6 @@
   background-color: var(--dds-color-surface-action-danger-resting);
 }
 .ProgressBar_fill--indeterminate {
-  width: 25%;
   animation: ProgressBar_indeterminate 2s infinite linear;
 }
 @keyframes ProgressBar_indeterminate {
@@ -3131,7 +3444,6 @@
 .Search_with-button-container {
   display: grid;
   grid-template-columns: 1fr auto;
-  gap: var(--dds-spacing-x0-5);
 }
 .Search_input {
   width: 100%;
@@ -3179,158 +3491,6 @@
   padding-left: var(--dds-spacing-x1);
 }
 
-/* src/components/SelectionControl/SelectionControl.module.css */
-.SelectionControl_container {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x0-125);
-}
-.SelectionControl_group {
-  display: flex;
-}
-.SelectionControl_group--row {
-  flex-direction: row;
-  gap: var(--dds-spacing-x0-75);
-}
-.SelectionControl_group--column {
-  flex-direction: column;
-  gap: var(--dds-spacing-x0-5);
-}
-.SelectionControl_label {
-  position: relative;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-  width: -moz-fit-content;
-  width: fit-content;
-  padding-left: calc(18px + var(--dds-spacing-x0-5));
-  input ~ .SelectionControl_selection-control {
-    @media (prefers-reduced-motion: no-preference) {
-      transition:
-        box-shadow 0.2s,
-        background-color 0.2s,
-        border 0.2s,
-        var(--dds-focus-transition);
-    }
-  }
-  &:hover:not(.SelectionControl_label--readonly) input:enabled:not(:checked) ~ .SelectionControl_selection-control {
-    background-color: var(--dds-color-surface-hover-default);
-    box-shadow: inset 0 0 0 1px var(--dds-color-border-action-hover);
-    border-color: var(--dds-color-border-action-hover);
-  }
-  input:checked:enabled ~ .SelectionControl_selection-control,
-  input:enabled[data-indeterminate=true] ~ .SelectionControl_selection-control {
-    border-color: var(--dds-color-surface-action-selected);
-    background-color: var(--dds-color-surface-action-selected);
-  }
-  &.SelectionControl_label--readonly input:checked:enabled ~ .SelectionControl_selection-control,
-  &.SelectionControl_label--readonly input:enabled[data-indeterminate=true] ~ .SelectionControl_selection-control {
-    border-color: var(--dds-color-surface-action-selected-disabled);
-    background-color: var(--dds-color-surface-action-selected-disabled);
-  }
-  &:hover:not(.SelectionControl_label--readonly) input:checked:enabled[type=checkbox] ~ .SelectionControl_selection-control,
-  &:hover:not(.SelectionControl_label--readonly) input:enabled[data-indeterminate=true] ~ .SelectionControl_selection-control {
-    background-color: var(--dds-color-surface-action-hover);
-    border-color: var(--dds-color-surface-action-hover);
-  }
-  input:checked ~ .SelectionControl_selection-control:after,
-  input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
-    display: block;
-  }
-}
-.SelectionControl_label--checkbox {
-  .SelectionControl_selection-control:after {
-    border: solid var(--dds-color-icon-on-action);
-    border-width: 0 1px 1px 0;
-    left: 6px;
-    top: 1px;
-    width: 5px;
-    height: 10px;
-    transform: rotate(45deg);
-  }
-  input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
-    border-width: 1px 0 0 0;
-    left: 25%;
-    top: 50%;
-    width: 50%;
-    height: 1px;
-    transform: none;
-  }
-}
-.SelectionControl_label--radio {
-  .SelectionControl_selection-control:after {
-    border-radius: var(--dds-border-radius-rounded);
-    background-color: var(--dds-color-icon-on-action);
-    height: 8px;
-    width: 8px;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-  }
-}
-.SelectionControl_label--disabled {
-  cursor: not-allowed;
-  input:disabled ~ .SelectionControl_selection-control {
-    border-color: var(--dds-color-border-default);
-  }
-  input:checked:disabled ~ .SelectionControl_selection-control,
-  input:disabled[data-indeterminate=true] ~ .SelectionControl_selection-control {
-    border-color: var(--dds-color-surface-action-selected-disabled);
-    background-color: var(--dds-color-surface-action-selected-disabled);
-  }
-}
-.SelectionControl_label--readonly {
-  cursor: default;
-  color: var(--dds-color-text-medium);
-  input ~ .SelectionControl_selection-control {
-    border-color: var(--dds-color-border-default);
-    background-color: var(--dds-color-surface-field-disabled);
-  }
-  input:checked ~ .SelectionControl_selection-control,
-  input[data-indeterminate=true] ~ .SelectionControl_selection-control {
-    border-color: var(--dds-color-surface-action-selected-disabled);
-    background-color: var(--dds-color-surface-action-selected-disabled);
-  }
-}
-.SelectionControl_label--error {
-  &:hover input:enabled:not(:focus-visible):not(:checked) ~ .SelectionControl_selection-control {
-    background-color: var(--dds-color-surface-danger-default);
-    border-color: var(--dds-color-border-danger);
-    box-shadow: 0 0 0 1px var(--dds-c-tic-border-danger);
-  }
-  input:not(:focus-visible) ~ .SelectionControl_selection-control,
-  input:checked:enabled:not(:focus-visible) .SelectionControl_selection-control &:hover input:checked:enabled:not(:focus-visible) .SelectionControl_selection-control {
-    border-color: var(--dds-color-border-danger);
-    box-shadow: 0 0 0 1px var(--dds-color-border-danger);
-  }
-}
-.SelectionControl_label--no-text {
-  padding: 9px;
-}
-.SelectionControl_selection-control {
-  position: absolute;
-  left: 0;
-  box-sizing: border-box;
-  border: 1px solid;
-  border-color: var(--dds-color-border-default);
-  background-color: var(--dds-color-surface-field-default);
-  border-radius: var(--dds-border-radius-input);
-  height: 18px;
-  width: 18px;
-  &:after {
-    content: "";
-    position: absolute;
-    display: none;
-    box-sizing: border-box;
-  }
-}
-.SelectionControl_selection-control--radio {
-  border-radius: var(--dds-border-radius-rounded);
-}
-
 /* src/components/Skeleton/Skeleton.module.css */
 @keyframes Skeleton_ddsSkeletonAnimation {
   0% {
@@ -3619,9 +3779,6 @@
   border-color: var(--dds-color-surface-action-selected);
   box-shadow: inset 0px -2px 0px 0px var(--dds-color-surface-action-selected);
 }
-.Tabs_tab-panel {
-  padding: var(--dds-spacing-x0-25);
-}
 
 /* src/components/Tag/Tag.module.css */
 .Tag_container {
@@ -3711,11 +3868,6 @@
 .TextInput_container--disabled {
   color: var(--dds-color-text-subtle);
 }
-.TextInput_affix-container {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
 .TextInput_input-width {
   width: var(--dds-textinput-width);
 }
@@ -3742,9 +3894,6 @@
 .TextInput_icon--xsmall {
   left: var(--dds-spacing-x0-5);
 }
-.TextInput_label {
-  display: block;
-}
 .TextInput_affix {
   position: absolute;
   height: 100%;
@@ -3770,11 +3919,6 @@
 .TextInput_affix--disabled {
   border-color: var(--dds-color-border-subtle);
 }
-.TextInput_message-container {
-  display: flex;
-  justify-content: space-between;
-  gap: var(--dds-spacing-x0-5);
-}
 
 /* src/components/Toggle/Toggle.module.css */
 .Toggle_label {
@@ -3940,11 +4084,6 @@
 }
 
 /* src/components/ToggleBar/ToggleBar.module.css */
-.ToggleBar_container {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x0-125);
-}
 .ToggleBar_bar {
   display: grid;
   grid-auto-flow: column;
@@ -4039,26 +4178,6 @@
 }
 
 /* src/components/ToggleButton/ToggleButton.module.css */
-.ToggleButton_group-container {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x0-5);
-}
-.ToggleButton_group {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--dds-spacing-x0-75);
-}
-.ToggleButton_group--row {
-  flex-direction: row;
-}
-.ToggleButton_group--column {
-  flex-direction: column;
-}
-.ToggleButton_container {
-  width: -moz-fit-content;
-  width: fit-content;
-}
 .ToggleButton_content {
   display: flex;
   align-items: center;