@norges-domstoler/dds-components 0.0.0-dev-20250407075532 → 0.0.0-dev-20250409100025

package/dist/index.css

@@ -710,7 +710,807 @@
   height: 1.25em;
 }
 
-/* src/components/helpers/Paper/Paper.module.css */
+/* 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);
+}
+.layout_dds-max-w {
+  --dds-r-max-w: var(--dds-r-xs-max-w);
+  max-width: var(--dds-r-max-w, initial);
+}
+.layout_dds-min-w {
+  --dds-r-min-w: var(--dds-r-xs-min-w);
+  min-width: var(--dds-r-min-w, initial);
+}
+.layout_dds-pos {
+  --dds-r-pos: var(--dds-r-xs-pos);
+  position: var(--dds-r-pos, initial);
+}
+.layout_dds-l {
+  --dds-r-l: var(--dds-r-xs-l);
+  left: var(--dds-r-l, initial);
+}
+.layout_dds-r {
+  --dds-r-r: var(--dds-r-xs-r);
+  right: var(--dds-r-r, initial);
+}
+.layout_dds-t {
+  --dds-r-t: var(--dds-r-xs-t);
+  top: var(--dds-r-t, initial);
+}
+.layout_dds-b {
+  --dds-r-b: var(--dds-r-xs-b);
+  bottom: var(--dds-r-b, initial);
+}
+.layout_dds-o {
+  --dds-r-o: var(--dds-r-xs-o);
+  overflow: var(--dds-r-o, initial);
+}
+.layout_dds-o-x {
+  --dds-r-o-x: var(--dds-r-xs-o-x);
+  overflow-x: var(--dds-r-o-x, initial);
+}
+.layout_dds-o-y {
+  --dds-r-o-y: var(--dds-r-xs-o-y);
+  overflow-y: var(--dds-r-o-y, initial);
+}
+.layout_dds-display {
+  --dds-r-display: var(--dds-r-xs-display);
+  display: var(--dds-r-display, initial);
+}
+.layout_dds-text-align {
+  --dds-r-text-align: var(--dds-r-xs-text-align);
+  text-align: var(--dds-r-text-align, initial);
+}
+.layout_dds-flex-dir {
+  --dds-r-flex-dir: var(--dds-r-xs-flex-dir);
+  flex-direction: var(--dds-r-flex-dir, initial);
+}
+.layout_dds-gap {
+  --dds-r-gap: var(--dds-r-xs-gap);
+  gap: var(--dds-r-gap, initial);
+}
+.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);
+}
+.layout_dds-r-gap {
+  --dds-r-r-gap: var(--dds-r-xs-r-gap);
+  row-gap: var(--dds-r-r-gap, initial);
+}
+.layout_dds-a-i {
+  --dds-r-a-i: var(--dds-r-xs-a-i);
+  align-items: var(--dds-r-a-i, initial);
+}
+.layout_dds-a-c {
+  --dds-r-a-c: var(--dds-r-xs-a-c);
+  align-content: var(--dds-r-a-c, initial);
+}
+.layout_dds-j-i {
+  --dds-r-j-i: var(--dds-r-xs-j-i);
+  justify-items: var(--dds-r-j-i, initial);
+}
+.layout_dds-j-c {
+  --dds-r-j-c: var(--dds-r-xs-j-c);
+  justify-content: var(--dds-r-j-c, initial);
+}
+.layout_dds-wrap {
+  --dds-r-wrap: var(--dds-r-xs-wrap);
+  flex-wrap: var(--dds-r-wrap, initial);
+}
+.layout_dds-basis {
+  --dds-r-basis: var(--dds-r-xs-basis);
+  flex-basis: var(--dds-r-basis, initial);
+}
+.layout_dds-flow {
+  --dds-r-flow: var(--dds-r-xs-flow);
+  flex-flow: var(--dds-r-flow, initial);
+}
+@media (max-width: 599px) {
+  .layout_dds-p {
+    --dds-r-p: var(--dds-r-xs-p);
+  }
+  .layout_dds-p-i {
+    --dds-r-p-i: var(--dds-r-xs-p-i);
+  }
+  .layout_dds-p-b {
+    --dds-r-p-b: var(--dds-r-xs-p-b);
+  }
+  .layout_dds-m {
+    --dds-r-m: var(--dds-r-xs-m);
+  }
+  .layout_dds-m-i {
+    --dds-r-m-i: var(--dds-r-xs-m-i);
+  }
+  .layout_dds-m-b {
+    --dds-r-m-b: var(--dds-r-xs-m-b);
+  }
+  .layout_dds-h {
+    --dds-r-h: var(--dds-r-xs-h);
+  }
+  .layout_dds-max-h {
+    --dds-r-max-h: var(--dds-r-xs-max-h);
+  }
+  .layout_dds-min-h {
+    --dds-r-max-h: var(--dds-r-xs-max-h);
+  }
+  .layout_dds-w {
+    --dds-r-w: var(--dds-r-xs-w);
+  }
+  .layout_dds-max-w {
+    --dds-r-max-w: var(--dds-r-xs-max-w);
+  }
+  .layout_dds-min-w {
+    --dds-r-min-w: var(--dds-r-xs-min-w);
+  }
+  .layout_dds-pos {
+    --dds-r-pos: var(--dds-r-xs-pos);
+  }
+  .layout_dds-l {
+    --dds-r-l: var(--dds-r-xs-l);
+  }
+  .layout_dds-r {
+    --dds-r-r: var(--dds-r-xs-r);
+  }
+  .layout_dds-t {
+    --dds-r-t: var(--dds-r-xs-t);
+  }
+  .layout_dds-b {
+    --dds-r-b: var(--dds-r-xs-b);
+  }
+  .layout_dds-o {
+    --dds-r-o: var(--dds-r-xs-o);
+  }
+  .layout_dds-o-x {
+    --dds-r-o-x: var(--dds-r-xs-o-x);
+  }
+  .layout_dds-o-y {
+    --dds-r-o-y: var(--dds-r-xs-o-y);
+  }
+  .layout_dds-display {
+    --dds-r-display: var(--dds-r-xs-display);
+  }
+  .layout_dds-text-align {
+    --dds-r-text-align: var(--dds-r-xs-text-align);
+  }
+  .layout_dds-flex-dir {
+    --dds-r-flex-dir: var(--dds-r-xs-flex-dir);
+  }
+  .layout_dds-gap {
+    --dds-r-gap: var(--dds-r-xs-gap);
+  }
+  .layout_dds-c-gap {
+    --dds-r-c-gap: var(--dds-r-xs-c-gap);
+  }
+  .layout_dds-r-gap {
+    --dds-r-r-gap: var(--dds-r-xs-r-gap);
+  }
+  .layout_dds-a-i {
+    --dds-r-a-i: var(--dds-r-xs-a-i);
+  }
+  .layout_dds-a-c {
+    --dds-r-a-c: var(--dds-r-xs-a-c);
+  }
+  .layout_dds-j-i {
+    --dds-r-j-i: var(--dds-r-xs-j-i);
+  }
+  .layout_dds-j-c {
+    --dds-r-j-c: var(--dds-r-xs-j-c);
+  }
+  .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);
+  }
+}
+@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-t: var(--dds-r-sm-t);
+  }
+  .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-t: var(--dds-r-md-t);
+  }
+  .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-t: var(--dds-r-lg-t);
+  }
+  .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);
@@ -729,14 +1529,23 @@
 :where(.Paper_shadow--4) {
   box-shadow: var(--dds-shadow-4);
 }
-:where(.Paper_border--default) {
-  border: 1px solid var(--dds-color-border-default);
+:where(.Paper_border-radius--button) {
+  border-radius: var(--dds-border-radius-button);
 }
-:where(.Paper_border--subtle) {
-  border: 1px solid var(--dds-color-border-subtle);
+: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--on-inverse) {
-  border: 1px solid var(--dds-color-border-inverse);
+: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 */
@@ -755,18 +1564,9 @@
     color: var(--dds-color-text-action-hover);
   }
 }
-.Accordion_header-container {
-  padding: var(--dds-spacing-x1) var(--dds-spacing-x1-5) var(--dds-spacing-x1) var(--dds-spacing-x1);
-}
-.Accordion_header-container__chevron {
-  margin-right: var(--dds-spacing-x0-5);
-}
 .Accordion_body {
   height: var(--dds-card-accordion-body-height);
 }
-.Accordion_body__content {
-  padding: var(--dds-spacing-x0-5) var(--dds-spacing-x1-5) var(--dds-spacing-x2) var(--dds-spacing-x1);
-}
 
 /* src/components/helpers/AccordionBase/AccordionBase.module.css */
 :where(.AccordionBase_header-button) {
@@ -814,70 +1614,6 @@
 }
 
 /* src/components/Breadcrumbs/Breadcrumbs.module.css */
-.Breadcrumbs_list {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--dds-spacing-x0-5);
-}
-.Breadcrumbs_list--large-screen-hide-xs {
-  @media only screen and (max-width: 600px) {
-    display: none;
-  }
-}
-.Breadcrumbs_list--large-screen-hide-sm {
-  @media only screen and (max-width: 960px) {
-    display: none;
-  }
-}
-.Breadcrumbs_list--large-screen-hide-md {
-  @media only screen and (max-width: 1280px) {
-    display: none;
-  }
-}
-.Breadcrumbs_list--large-screen-hide-lg {
-  @media only screen and (max-width: 1920px) {
-    display: none;
-  }
-}
-.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;
-  }
-}
-.Breadcrumbs_list--small-screen-show-sm {
-  @media only screen and (max-width: 960px) {
-    display: flex;
-  }
-}
-.Breadcrumbs_list--small-screen-show-md {
-  @media only screen and (max-width: 1280px) {
-    display: flex;
-  }
-}
-.Breadcrumbs_list--small-screen-show-lg {
-  @media only screen and (max-width: 1920px) {
-    display: flex;
-  }
-}
-.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);
 }
@@ -1093,9 +1829,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 +1875,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) {
@@ -1280,10 +2005,6 @@
   border-radius: var(--dds-border-radius-chip);
   background-color: var(--dds-color-surface-subtle);
 }
-.Chip_group {
-  display: flex;
-  gap: var(--dds-spacing-x0-75);
-}
 
 /* src/components/Contrast/Contrast.module.css */
 :where(.Contrast_container) {
@@ -1383,56 +2104,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;
@@ -1554,13 +2225,6 @@
 
 /* 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);
   }
@@ -1661,30 +2325,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 +2350,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_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;
+}
 .Drawer_button--close {
-  align-self: flex-end;
+  margin-left: auto;
+  margin-top: calc(-1 * var(--dds-spacing-x0-125));
 }
 
 /* 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);
-}
-.EmptyContent_text {
-  max-width: 70ch;
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x1);
-}
 .EmptyContent_message {
   color: var(--dds-text-color--subtle);
 }
@@ -1782,144 +2414,53 @@
   left: 0;
   right: 0;
   opacity: 1;
-  @media (prefers-reduced-motion: no-preference) {
-    transition: opacity 0.2s, transform 0.2s;
-  }
-}
-.FavStar_icon--invisible {
-  opacity: 0;
-}
-
-/* src/components/Feedback/Feedback.module.css */
-.Feedback_rating-container {
-  display: flex;
-  gap: var(--dds-spacing-x1);
-}
-.Feedback_rating-container--horizontal {
-  flex-direction: row;
-  align-items: center;
-}
-.Feedback_rating-container--vertical {
-  flex-direction: column;
-  align-items: start;
-}
-.Feedback_rating-submitted-title {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--dds-spacing-x0-5);
-}
-.Feedback_button {
-  border-radius: var(--dds-border-radius-button);
-  color: var(--dds-color-icon-medium);
-  &:hover {
-    background-color: var(--dds-color-surface-hover-default);
-    color: var(--dds-color-icon-action-hover);
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    transition:
-      background-color 0.2s,
-      color 0.2s,
-      var(--dds-focus-transition);
-  }
-}
-.Feedback_button--horizontal {
-  width: var(--dds-icon-size-medium);
-  height: var(--dds-icon-size-medium);
-}
-.Feedback_button--vertical {
-  width: var(--dds-icon-size-large);
-  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);
+  @media (prefers-reduced-motion: no-preference) {
+    transition: opacity 0.2s, transform 0.2s;
+  }
 }
-.Stack_padding-x-1 {
-  padding: var(--dds-spacing-x1);
+.FavStar_icon--invisible {
+  opacity: 0;
 }
-.Stack_padding-x-1-5 {
-  padding: var(--dds-spacing-x1-5);
+
+/* src/components/Feedback/Feedback.module.css */
+.Feedback_rating-container {
+  display: flex;
+  gap: var(--dds-spacing-x1);
 }
-.Stack_padding-x-2 {
-  padding: var(--dds-spacing-x2);
+.Feedback_rating-container--horizontal {
+  flex-direction: row;
+  align-items: center;
 }
-.Stack_padding-x-2-5 {
-  padding: var(--dds-spacing-x2-5);
+.Feedback_rating-container--vertical {
+  flex-direction: column;
+  align-items: start;
 }
-.Stack_padding-x-3 {
-  padding: var(--dds-spacing-x3);
+.Feedback_rating-submitted-title {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--dds-spacing-x0-5);
 }
-.Stack_padding-x-4 {
-  padding: var(--dds-spacing-x4);
+.Feedback_button {
+  border-radius: var(--dds-border-radius-button);
+  color: var(--dds-color-icon-medium);
+  &:hover {
+    background-color: var(--dds-color-surface-hover-default);
+    color: var(--dds-color-icon-action-hover);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      var(--dds-focus-transition);
+  }
 }
-.Stack_padding-x-6 {
-  padding: var(--dds-spacing-x6);
+.Feedback_button--horizontal {
+  width: var(--dds-icon-size-medium);
+  height: var(--dds-icon-size-medium);
 }
-.Stack_padding-x-10 {
-  padding: var(--dds-spacing-x10);
+.Feedback_button--vertical {
+  width: var(--dds-icon-size-large);
+  height: var(--dds-icon-size-large);
 }
 
 /* src/components/TextArea/TextArea.module.css */
@@ -2026,21 +2567,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,90 +2635,6 @@
   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;
@@ -2249,50 +2691,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 +2717,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;
 }
@@ -2554,124 +2883,30 @@
 /* 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;
+  --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);
 }
 .Modal_container-scrollable {
   max-height: calc(100vh - var(--dds-spacing-x1));
   overflow: auto;
 }
+.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;
+}
+.Modal_close-button {
+  margin-left: auto;
+  margin-top: calc(-1 * var(--dds-spacing-x0-125));
+}
 .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;
-  }
-}
-.Pagination_nav--large-screen-hide-md {
-  @media only screen and (max-width: 1280px) {
-    display: none;
-  }
-}
-.Pagination_nav--large-screen-hide-lg {
-  @media only screen and (max-width: 1920px) {
-    display: none;
-  }
-}
-.Pagination_nav--large-screen-hide-xl {
-  display: none;
-}
-.Pagination_nav--small-screen {
-  display: none;
-}
-.Pagination_nav--small-screen-show-xs {
-  @media only screen and (max-width: 600px) {
-    display: block;
-  }
-}
-.Pagination_nav--small-screen-show-sm {
-  @media only screen and (max-width: 960px) {
-    display: block;
-  }
-}
-.Pagination_nav--small-screen-show-md {
-  @media only screen and (max-width: 1280px) {
-    display: block;
-  }
-}
-.Pagination_nav--small-screen-show-lg {
-  @media only screen and (max-width: 1920px) {
-    display: block;
-  }
-}
-.Pagination_nav--small-screen-show-xl {
-  display: block;
-}
 .Pagination_list {
   display: grid;
   grid-auto-flow: column;
@@ -2815,8 +3050,6 @@
 
 /* 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;
@@ -2834,10 +3067,8 @@
 }
 .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%;
     }
@@ -2851,10 +3082,8 @@
 }
 .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%;
     }
@@ -2868,10 +3097,8 @@
 }
 .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%;
     }
@@ -2885,10 +3112,8 @@
 }
 .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%;
     }
@@ -2901,10 +3126,8 @@
   }
 }
 .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%;
   }
@@ -3619,9 +3842,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 +3931,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 +3957,6 @@
 .TextInput_icon--xsmall {
   left: var(--dds-spacing-x0-5);
 }
-.TextInput_label {
-  display: block;
-}
 .TextInput_affix {
   position: absolute;
   height: 100%;
@@ -3770,11 +3982,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 {
@@ -4039,26 +4246,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;