@felleslosninger/minid-elements 0.0.97 → 0.0.99

package/dist/index.css

@@ -1,1357 +1,3 @@
-@charset "UTF-8";
-
-@layer ds.reset, ds.theme, ds.base, ds.utilities, ds.components;
-
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
-@layer ds.theme.color-scheme.light {
-  :root,
-  [data-color-scheme='light'] {
-    --ds-global-blue-1: #ffffff;
-    --ds-global-blue-2: #edf5fa;
-    --ds-global-blue-3: #d2e5f3;
-    --ds-global-blue-4: #b7d5ed;
-    --ds-global-blue-5: #9fc7e6;
-    --ds-global-blue-6: #94c1e3;
-    --ds-global-blue-7: #2a83c8;
-    --ds-global-blue-8: #0964a9;
-    --ds-global-blue-9: #0a71c0;
-    --ds-global-blue-10: #085d9f;
-    --ds-global-blue-11: #074a7e;
-    --ds-global-blue-12: #0964a9;
-    --ds-global-blue-13: #042d4d;
-    --ds-global-blue-contrast-1: #ffffff;
-    --ds-global-blue-contrast-2: #eff6fb;
-    --ds-global-green-1: #ffffff;
-    --ds-global-green-2: #ecf6ee;
-    --ds-global-green-3: #d0e8d3;
-    --ds-global-green-4: #b4dbba;
-    --ds-global-green-5: #9bcfa2;
-    --ds-global-green-6: #8fc997;
-    --ds-global-green-7: #1d922d;
-    --ds-global-green-8: #057114;
-    --ds-global-green-9: #068718;
-    --ds-global-green-10: #057014;
-    --ds-global-green-11: #045a10;
-    --ds-global-green-12: #057114;
-    --ds-global-green-13: #023409;
-    --ds-global-green-contrast-1: #ffffff;
-    --ds-global-green-contrast-2: #fafdfb;
-    --ds-global-orange-1: #ffffff;
-    --ds-global-orange-2: #faf2ee;
-    --ds-global-orange-3: #f1dfd3;
-    --ds-global-orange-4: #e9ccba;
-    --ds-global-orange-5: #e2baa2;
-    --ds-global-orange-6: #dfb398;
-    --ds-global-orange-7: #bf6732;
-    --ds-global-orange-8: #9b4a18;
-    --ds-global-orange-9: #b8581d;
-    --ds-global-orange-10: #994918;
-    --ds-global-orange-11: #7b3b13;
-    --ds-global-orange-12: #9b4a18;
-    --ds-global-orange-13: #46220b;
-    --ds-global-orange-contrast-1: #ffffff;
-    --ds-global-orange-contrast-2: #fdfbf9;
-    --ds-global-purple-1: #ffffff;
-    --ds-global-purple-2: #f6f2f9;
-    --ds-global-purple-3: #e7dfef;
-    --ds-global-purple-4: #d9cde6;
-    --ds-global-purple-5: #cdbcdd;
-    --ds-global-purple-6: #c7b4da;
-    --ds-global-purple-7: #936fb7;
-    --ds-global-purple-8: #794ca6;
-    --ds-global-purple-9: #663299;
-    --ds-global-purple-10: #4f2776;
-    --ds-global-purple-11: #371b53;
-    --ds-global-purple-12: #794ca6;
-    --ds-global-purple-13: #3a1d57;
-    --ds-global-purple-contrast-1: #ffffff;
-    --ds-global-purple-contrast-2: #eee8f3;
-    --ds-global-red-1: #ffffff;
-    --ds-global-red-2: #fbf1f1;
-    --ds-global-red-3: #f5dcdc;
-    --ds-global-red-4: #f0c8c8;
-    --ds-global-red-5: #ebb5b5;
-    --ds-global-red-6: #e8adad;
-    --ds-global-red-7: #d15757;
-    --ds-global-red-8: #bf1b1b;
-    --ds-global-red-9: #c01b1b;
-    --ds-global-red-10: #9b1616;
-    --ds-global-red-11: #791111;
-    --ds-global-red-12: #bf1b1b;
-    --ds-global-red-13: #590d0d;
-    --ds-global-red-contrast-1: #ffffff;
-    --ds-global-red-contrast-2: #f7e1e1;
-    --ds-global-yellow-1: #ffffff;
-    --ds-global-yellow-2: #f9f4e1;
-    --ds-global-yellow-3: #efe2b2;
-    --ds-global-yellow-4: #e6d184;
-    --ds-global-yellow-5: #ddc159;
-    --ds-global-yellow-6: #d9b945;
-    --ds-global-yellow-7: #957c21;
-    --ds-global-yellow-8: #736019;
-    --ds-global-yellow-9: #d4b12f;
-    --ds-global-yellow-10: #bb9c2a;
-    --ds-global-yellow-11: #a38824;
-    --ds-global-yellow-12: #736019;
-    --ds-global-yellow-13: #332b0b;
-    --ds-global-yellow-contrast-1: #000000;
-    --ds-global-yellow-contrast-2: #282209;
-    --ds-color-accent-background-default: #ffffff;
-    --ds-color-accent-background-tinted: #eef4fa;
-    --ds-color-accent-surface-tinted: #d3e4f3;
-    --ds-color-accent-surface-hover: #bad5ec;
-    --ds-color-accent-surface-active: #a3c6e6;
-    --ds-color-accent-border-subtle: #99c0e3;
-    --ds-color-accent-border-default: #3582c8;
-    --ds-color-accent-border-strong: #0061b8;
-    --ds-color-accent-base-default: #0062ba;
-    --ds-color-accent-base-hover: #004f96;
-    --ds-color-accent-base-active: #003d75;
-    --ds-color-accent-text-subtle: #0061b8;
-    --ds-color-accent-text-default: #002c54;
-    --ds-color-accent-base-contrast-default: #ffffff;
-    --ds-color-accent-base-contrast-subtle: #dbe9f5;
-    --ds-color-neutral-background-default: #ffffff;
-    --ds-color-neutral-background-tinted: #f3f4f4;
-    --ds-color-neutral-surface-tinted: #e0e2e4;
-    --ds-color-neutral-surface-hover: #cfd2d5;
-    --ds-color-neutral-surface-active: #bfc3c7;
-    --ds-color-neutral-border-subtle: #b8bcc1;
-    --ds-color-neutral-border-default: #777f89;
-    --ds-color-neutral-border-strong: #59626f;
-    --ds-color-neutral-base-default: #1e2b3c;
-    --ds-color-neutral-base-hover: #313d4d;
-    --ds-color-neutral-base-active: #444f5d;
-    --ds-color-neutral-text-subtle: #59626f;
-    --ds-color-neutral-text-default: #1f2c3d;
-    --ds-color-neutral-base-contrast-default: #ffffff;
-    --ds-color-neutral-base-contrast-subtle: #babec4;
-    --ds-color-brand1-background-default: #ffffff;
-    --ds-color-brand1-background-tinted: #fef0f1;
-    --ds-color-brand1-surface-tinted: #fcdadb;
-    --ds-color-brand1-surface-hover: #fbc4c5;
-    --ds-color-brand1-surface-active: #f9afb1;
-    --ds-color-brand1-border-subtle: #f9a5a8;
-    --ds-color-brand1-border-default: #d55356;
-    --ds-color-brand1-border-strong: #a44043;
-    --ds-color-brand1-base-default: #f45f63;
-    --ds-color-brand1-base-hover: #f78588;
-    --ds-color-brand1-base-active: #f9a6a8;
-    --ds-color-brand1-text-subtle: #a44043;
-    --ds-color-brand1-text-default: #4b1d1e;
-    --ds-color-brand1-base-contrast-default: #000000;
-    --ds-color-brand1-base-contrast-subtle: #020101;
-    --ds-color-brand2-background-default: #ffffff;
-    --ds-color-brand2-background-tinted: #fbf3df;
-    --ds-color-brand2-surface-tinted: #f6e0ae;
-    --ds-color-brand2-surface-hover: #f0ce7e;
-    --ds-color-brand2-surface-active: #eabc4f;
-    --ds-color-brand2-border-subtle: #e8b43a;
-    --ds-color-brand2-border-default: #a17817;
-    --ds-color-brand2-border-strong: #7c5c11;
-    --ds-color-brand2-base-default: #e5aa20;
-    --ds-color-brand2-base-hover: #c9951c;
-    --ds-color-brand2-base-active: #af8218;
-    --ds-color-brand2-text-subtle: #7c5c11;
-    --ds-color-brand2-text-default: #382908;
-    --ds-color-brand2-base-contrast-default: #000000;
-    --ds-color-brand2-base-contrast-subtle: #2c2006;
-    --ds-color-brand3-background-default: #ffffff;
-    --ds-color-brand3-background-tinted: #eaf5fe;
-    --ds-color-brand3-surface-tinted: #c8e6fd;
-    --ds-color-brand3-surface-hover: #a8d7fb;
-    --ds-color-brand3-surface-active: #89c9fa;
-    --ds-color-brand3-border-subtle: #7bc3f9;
-    --ds-color-brand3-border-default: #1a83d2;
-    --ds-color-brand3-border-strong: #1465a2;
-    --ds-color-brand3-base-default: #1e98f5;
-    --ds-color-brand3-base-hover: #53b0f7;
-    --ds-color-brand3-base-active: #81c5f9;
-    --ds-color-brand3-text-subtle: #1465a2;
-    --ds-color-brand3-text-default: #092d49;
-    --ds-color-brand3-base-contrast-default: #000000;
-    --ds-color-brand3-base-contrast-subtle: #010507;
-    --ds-color-success-background-default: #ffffff;
-    --ds-color-success-background-tinted: #ecf6ee;
-    --ds-color-success-surface-tinted: #d0e8d3;
-    --ds-color-success-surface-hover: #b4dbba;
-    --ds-color-success-surface-active: #9bcfa2;
-    --ds-color-success-border-subtle: #8fc997;
-    --ds-color-success-border-default: #1d922d;
-    --ds-color-success-border-strong: #057114;
-    --ds-color-success-base-default: #068718;
-    --ds-color-success-base-hover: #057014;
-    --ds-color-success-base-active: #045a10;
-    --ds-color-success-text-subtle: #057114;
-    --ds-color-success-text-default: #023409;
-    --ds-color-success-base-contrast-default: #ffffff;
-    --ds-color-success-base-contrast-subtle: #fafdfb;
-    --ds-color-danger-background-default: #ffffff;
-    --ds-color-danger-background-tinted: #fbf1f1;
-    --ds-color-danger-surface-tinted: #f5dcdc;
-    --ds-color-danger-surface-hover: #f0c8c8;
-    --ds-color-danger-surface-active: #ebb5b5;
-    --ds-color-danger-border-subtle: #e8adad;
-    --ds-color-danger-border-default: #d15757;
-    --ds-color-danger-border-strong: #bf1b1b;
-    --ds-color-danger-base-default: #c01b1b;
-    --ds-color-danger-base-hover: #9b1616;
-    --ds-color-danger-base-active: #791111;
-    --ds-color-danger-text-subtle: #bf1b1b;
-    --ds-color-danger-text-default: #590d0d;
-    --ds-color-danger-base-contrast-default: #ffffff;
-    --ds-color-danger-base-contrast-subtle: #f7e1e1;
-    --ds-color-info-background-default: #ffffff;
-    --ds-color-info-background-tinted: #edf5fa;
-    --ds-color-info-surface-tinted: #d2e5f3;
-    --ds-color-info-surface-hover: #b7d5ed;
-    --ds-color-info-surface-active: #9fc7e6;
-    --ds-color-info-border-subtle: #94c1e3;
-    --ds-color-info-border-default: #2a83c8;
-    --ds-color-info-border-strong: #0964a9;
-    --ds-color-info-base-default: #0a71c0;
-    --ds-color-info-base-hover: #085d9f;
-    --ds-color-info-base-active: #074a7e;
-    --ds-color-info-text-subtle: #0964a9;
-    --ds-color-info-text-default: #042d4d;
-    --ds-color-info-base-contrast-default: #ffffff;
-    --ds-color-info-base-contrast-subtle: #eff6fb;
-    --ds-color-warning-background-default: #ffffff;
-    --ds-color-warning-background-tinted: #f9f4e1;
-    --ds-color-warning-surface-tinted: #efe2b2;
-    --ds-color-warning-surface-hover: #e6d184;
-    --ds-color-warning-surface-active: #ddc159;
-    --ds-color-warning-border-subtle: #d9b945;
-    --ds-color-warning-border-default: #957c21;
-    --ds-color-warning-border-strong: #736019;
-    --ds-color-warning-base-default: #b8581d;
-    --ds-color-warning-base-hover: #994918;
-    --ds-color-warning-base-active: #7b3b13;
-    --ds-color-warning-text-subtle: #9b4a18;
-    --ds-color-warning-text-default: #46220b;
-    --ds-color-warning-base-contrast-default: #ffffff;
-    --ds-color-warning-base-contrast-subtle: #fdfbf9;
-    --ds-color-focus-inner: #ffffff;
-    --ds-color-focus-outer: #1f2c3d;
-
-    color-scheme: light;
-  }
-
-  @media (prefers-color-scheme: light) {
-    [data-color-scheme='auto'] {
-      --ds-global-blue-1: #ffffff;
-      --ds-global-blue-2: #edf5fa;
-      --ds-global-blue-3: #d2e5f3;
-      --ds-global-blue-4: #b7d5ed;
-      --ds-global-blue-5: #9fc7e6;
-      --ds-global-blue-6: #94c1e3;
-      --ds-global-blue-7: #2a83c8;
-      --ds-global-blue-8: #0964a9;
-      --ds-global-blue-9: #0a71c0;
-      --ds-global-blue-10: #085d9f;
-      --ds-global-blue-11: #074a7e;
-      --ds-global-blue-12: #0964a9;
-      --ds-global-blue-13: #042d4d;
-      --ds-global-blue-contrast-1: #ffffff;
-      --ds-global-blue-contrast-2: #eff6fb;
-      --ds-global-green-1: #ffffff;
-      --ds-global-green-2: #ecf6ee;
-      --ds-global-green-3: #d0e8d3;
-      --ds-global-green-4: #b4dbba;
-      --ds-global-green-5: #9bcfa2;
-      --ds-global-green-6: #8fc997;
-      --ds-global-green-7: #1d922d;
-      --ds-global-green-8: #057114;
-      --ds-global-green-9: #068718;
-      --ds-global-green-10: #057014;
-      --ds-global-green-11: #045a10;
-      --ds-global-green-12: #057114;
-      --ds-global-green-13: #023409;
-      --ds-global-green-contrast-1: #ffffff;
-      --ds-global-green-contrast-2: #fafdfb;
-      --ds-global-orange-1: #ffffff;
-      --ds-global-orange-2: #faf2ee;
-      --ds-global-orange-3: #f1dfd3;
-      --ds-global-orange-4: #e9ccba;
-      --ds-global-orange-5: #e2baa2;
-      --ds-global-orange-6: #dfb398;
-      --ds-global-orange-7: #bf6732;
-      --ds-global-orange-8: #9b4a18;
-      --ds-global-orange-9: #b8581d;
-      --ds-global-orange-10: #994918;
-      --ds-global-orange-11: #7b3b13;
-      --ds-global-orange-12: #9b4a18;
-      --ds-global-orange-13: #46220b;
-      --ds-global-orange-contrast-1: #ffffff;
-      --ds-global-orange-contrast-2: #fdfbf9;
-      --ds-global-purple-1: #ffffff;
-      --ds-global-purple-2: #f6f2f9;
-      --ds-global-purple-3: #e7dfef;
-      --ds-global-purple-4: #d9cde6;
-      --ds-global-purple-5: #cdbcdd;
-      --ds-global-purple-6: #c7b4da;
-      --ds-global-purple-7: #936fb7;
-      --ds-global-purple-8: #794ca6;
-      --ds-global-purple-9: #663299;
-      --ds-global-purple-10: #4f2776;
-      --ds-global-purple-11: #371b53;
-      --ds-global-purple-12: #794ca6;
-      --ds-global-purple-13: #3a1d57;
-      --ds-global-purple-contrast-1: #ffffff;
-      --ds-global-purple-contrast-2: #eee8f3;
-      --ds-global-red-1: #ffffff;
-      --ds-global-red-2: #fbf1f1;
-      --ds-global-red-3: #f5dcdc;
-      --ds-global-red-4: #f0c8c8;
-      --ds-global-red-5: #ebb5b5;
-      --ds-global-red-6: #e8adad;
-      --ds-global-red-7: #d15757;
-      --ds-global-red-8: #bf1b1b;
-      --ds-global-red-9: #c01b1b;
-      --ds-global-red-10: #9b1616;
-      --ds-global-red-11: #791111;
-      --ds-global-red-12: #bf1b1b;
-      --ds-global-red-13: #590d0d;
-      --ds-global-red-contrast-1: #ffffff;
-      --ds-global-red-contrast-2: #f7e1e1;
-      --ds-global-yellow-1: #ffffff;
-      --ds-global-yellow-2: #f9f4e1;
-      --ds-global-yellow-3: #efe2b2;
-      --ds-global-yellow-4: #e6d184;
-      --ds-global-yellow-5: #ddc159;
-      --ds-global-yellow-6: #d9b945;
-      --ds-global-yellow-7: #957c21;
-      --ds-global-yellow-8: #736019;
-      --ds-global-yellow-9: #d4b12f;
-      --ds-global-yellow-10: #bb9c2a;
-      --ds-global-yellow-11: #a38824;
-      --ds-global-yellow-12: #736019;
-      --ds-global-yellow-13: #332b0b;
-      --ds-global-yellow-contrast-1: #000000;
-      --ds-global-yellow-contrast-2: #282209;
-      --ds-color-accent-background-default: #ffffff;
-      --ds-color-accent-background-tinted: #eef4fa;
-      --ds-color-accent-surface-tinted: #d3e4f3;
-      --ds-color-accent-surface-hover: #bad5ec;
-      --ds-color-accent-surface-active: #a3c6e6;
-      --ds-color-accent-border-subtle: #99c0e3;
-      --ds-color-accent-border-default: #3582c8;
-      --ds-color-accent-border-strong: #0061b8;
-      --ds-color-accent-base-default: #0062ba;
-      --ds-color-accent-base-hover: #004f96;
-      --ds-color-accent-base-active: #003d75;
-      --ds-color-accent-text-subtle: #0061b8;
-      --ds-color-accent-text-default: #002c54;
-      --ds-color-accent-base-contrast-default: #ffffff;
-      --ds-color-accent-base-contrast-subtle: #dbe9f5;
-      --ds-color-neutral-background-default: #ffffff;
-      --ds-color-neutral-background-tinted: #f3f4f4;
-      --ds-color-neutral-surface-tinted: #e0e2e4;
-      --ds-color-neutral-surface-hover: #cfd2d5;
-      --ds-color-neutral-surface-active: #bfc3c7;
-      --ds-color-neutral-border-subtle: #b8bcc1;
-      --ds-color-neutral-border-default: #777f89;
-      --ds-color-neutral-border-strong: #59626f;
-      --ds-color-neutral-base-default: #1e2b3c;
-      --ds-color-neutral-base-hover: #313d4d;
-      --ds-color-neutral-base-active: #444f5d;
-      --ds-color-neutral-text-subtle: #59626f;
-      --ds-color-neutral-text-default: #1f2c3d;
-      --ds-color-neutral-base-contrast-default: #ffffff;
-      --ds-color-neutral-base-contrast-subtle: #babec4;
-      --ds-color-brand1-background-default: #ffffff;
-      --ds-color-brand1-background-tinted: #fef0f1;
-      --ds-color-brand1-surface-tinted: #fcdadb;
-      --ds-color-brand1-surface-hover: #fbc4c5;
-      --ds-color-brand1-surface-active: #f9afb1;
-      --ds-color-brand1-border-subtle: #f9a5a8;
-      --ds-color-brand1-border-default: #d55356;
-      --ds-color-brand1-border-strong: #a44043;
-      --ds-color-brand1-base-default: #f45f63;
-      --ds-color-brand1-base-hover: #f78588;
-      --ds-color-brand1-base-active: #f9a6a8;
-      --ds-color-brand1-text-subtle: #a44043;
-      --ds-color-brand1-text-default: #4b1d1e;
-      --ds-color-brand1-base-contrast-default: #000000;
-      --ds-color-brand1-base-contrast-subtle: #020101;
-      --ds-color-brand2-background-default: #ffffff;
-      --ds-color-brand2-background-tinted: #fbf3df;
-      --ds-color-brand2-surface-tinted: #f6e0ae;
-      --ds-color-brand2-surface-hover: #f0ce7e;
-      --ds-color-brand2-surface-active: #eabc4f;
-      --ds-color-brand2-border-subtle: #e8b43a;
-      --ds-color-brand2-border-default: #a17817;
-      --ds-color-brand2-border-strong: #7c5c11;
-      --ds-color-brand2-base-default: #e5aa20;
-      --ds-color-brand2-base-hover: #c9951c;
-      --ds-color-brand2-base-active: #af8218;
-      --ds-color-brand2-text-subtle: #7c5c11;
-      --ds-color-brand2-text-default: #382908;
-      --ds-color-brand2-base-contrast-default: #000000;
-      --ds-color-brand2-base-contrast-subtle: #2c2006;
-      --ds-color-brand3-background-default: #ffffff;
-      --ds-color-brand3-background-tinted: #eaf5fe;
-      --ds-color-brand3-surface-tinted: #c8e6fd;
-      --ds-color-brand3-surface-hover: #a8d7fb;
-      --ds-color-brand3-surface-active: #89c9fa;
-      --ds-color-brand3-border-subtle: #7bc3f9;
-      --ds-color-brand3-border-default: #1a83d2;
-      --ds-color-brand3-border-strong: #1465a2;
-      --ds-color-brand3-base-default: #1e98f5;
-      --ds-color-brand3-base-hover: #53b0f7;
-      --ds-color-brand3-base-active: #81c5f9;
-      --ds-color-brand3-text-subtle: #1465a2;
-      --ds-color-brand3-text-default: #092d49;
-      --ds-color-brand3-base-contrast-default: #000000;
-      --ds-color-brand3-base-contrast-subtle: #010507;
-      --ds-color-success-background-default: #ffffff;
-      --ds-color-success-background-tinted: #ecf6ee;
-      --ds-color-success-surface-tinted: #d0e8d3;
-      --ds-color-success-surface-hover: #b4dbba;
-      --ds-color-success-surface-active: #9bcfa2;
-      --ds-color-success-border-subtle: #8fc997;
-      --ds-color-success-border-default: #1d922d;
-      --ds-color-success-border-strong: #057114;
-      --ds-color-success-base-default: #068718;
-      --ds-color-success-base-hover: #057014;
-      --ds-color-success-base-active: #045a10;
-      --ds-color-success-text-subtle: #057114;
-      --ds-color-success-text-default: #023409;
-      --ds-color-success-base-contrast-default: #ffffff;
-      --ds-color-success-base-contrast-subtle: #fafdfb;
-      --ds-color-danger-background-default: #ffffff;
-      --ds-color-danger-background-tinted: #fbf1f1;
-      --ds-color-danger-surface-tinted: #f5dcdc;
-      --ds-color-danger-surface-hover: #f0c8c8;
-      --ds-color-danger-surface-active: #ebb5b5;
-      --ds-color-danger-border-subtle: #e8adad;
-      --ds-color-danger-border-default: #d15757;
-      --ds-color-danger-border-strong: #bf1b1b;
-      --ds-color-danger-base-default: #c01b1b;
-      --ds-color-danger-base-hover: #9b1616;
-      --ds-color-danger-base-active: #791111;
-      --ds-color-danger-text-subtle: #bf1b1b;
-      --ds-color-danger-text-default: #590d0d;
-      --ds-color-danger-base-contrast-default: #ffffff;
-      --ds-color-danger-base-contrast-subtle: #f7e1e1;
-      --ds-color-info-background-default: #ffffff;
-      --ds-color-info-background-tinted: #edf5fa;
-      --ds-color-info-surface-tinted: #d2e5f3;
-      --ds-color-info-surface-hover: #b7d5ed;
-      --ds-color-info-surface-active: #9fc7e6;
-      --ds-color-info-border-subtle: #94c1e3;
-      --ds-color-info-border-default: #2a83c8;
-      --ds-color-info-border-strong: #0964a9;
-      --ds-color-info-base-default: #0a71c0;
-      --ds-color-info-base-hover: #085d9f;
-      --ds-color-info-base-active: #074a7e;
-      --ds-color-info-text-subtle: #0964a9;
-      --ds-color-info-text-default: #042d4d;
-      --ds-color-info-base-contrast-default: #ffffff;
-      --ds-color-info-base-contrast-subtle: #eff6fb;
-      --ds-color-warning-background-default: #ffffff;
-      --ds-color-warning-background-tinted: #f9f4e1;
-      --ds-color-warning-surface-tinted: #efe2b2;
-      --ds-color-warning-surface-hover: #e6d184;
-      --ds-color-warning-surface-active: #ddc159;
-      --ds-color-warning-border-subtle: #d9b945;
-      --ds-color-warning-border-default: #957c21;
-      --ds-color-warning-border-strong: #736019;
-      --ds-color-warning-base-default: #b8581d;
-      --ds-color-warning-base-hover: #994918;
-      --ds-color-warning-base-active: #7b3b13;
-      --ds-color-warning-text-subtle: #9b4a18;
-      --ds-color-warning-text-default: #46220b;
-      --ds-color-warning-base-contrast-default: #ffffff;
-      --ds-color-warning-base-contrast-subtle: #fdfbf9;
-      --ds-color-focus-inner: #ffffff;
-      --ds-color-focus-outer: #1f2c3d;
-
-      color-scheme: light;
-    }
-  }
-}
-
-@layer ds.theme.typography.secondary {
-  [data-typography='secondary'] {
-    --ds-font-family: IBM Plex Mono;
-    --ds-font-weight-medium: 500;
-    --ds-font-weight-semibold: 600;
-    --ds-font-weight-regular: 400;
-    --ds-heading-2xl-font-weight: 500;
-    --ds-heading-2xl-line-height: 1.3;
-    --ds-heading-2xl-font-size: 3.75rem;
-    --ds-heading-2xl-letter-spacing: -1%;
-    --ds-heading-xl-font-weight: 500;
-    --ds-heading-xl-line-height: 1.3;
-    --ds-heading-xl-font-size: 3rem;
-    --ds-heading-xl-letter-spacing: -1%;
-    --ds-heading-lg-font-weight: 500;
-    --ds-heading-lg-line-height: 1.3;
-    --ds-heading-lg-font-size: 2.25rem;
-    --ds-heading-lg-letter-spacing: -0.5%;
-    --ds-heading-md-font-weight: 500;
-    --ds-heading-md-line-height: 1.3;
-    --ds-heading-md-font-size: 1.875rem;
-    --ds-heading-md-letter-spacing: -0.25%;
-    --ds-heading-sm-font-weight: 500;
-    --ds-heading-sm-line-height: 1.3;
-    --ds-heading-sm-font-size: 1.5rem;
-    --ds-heading-sm-letter-spacing: 0%;
-    --ds-heading-xs-font-weight: 500;
-    --ds-heading-xs-line-height: 1.3;
-    --ds-heading-xs-font-size: 1.3125rem;
-    --ds-heading-xs-letter-spacing: 0.15%;
-    --ds-heading-2xs-font-weight: 500;
-    --ds-heading-2xs-line-height: 1.3;
-    --ds-heading-2xs-font-size: 1.125rem;
-    --ds-heading-2xs-letter-spacing: 0.15%;
-    --ds-body-xl-font-weight: 400;
-    --ds-body-xl-line-height: 1.5;
-    --ds-body-xl-font-size: 1.5rem;
-    --ds-body-xl-letter-spacing: 0.5%;
-    --ds-body-lg-font-weight: 400;
-    --ds-body-lg-line-height: 1.5;
-    --ds-body-lg-font-size: 1.3125rem;
-    --ds-body-lg-letter-spacing: 0.5%;
-    --ds-body-md-font-weight: 400;
-    --ds-body-md-line-height: 1.5;
-    --ds-body-md-font-size: 1.125rem;
-    --ds-body-md-letter-spacing: 0.5%;
-    --ds-body-sm-font-weight: 400;
-    --ds-body-sm-line-height: 1.5;
-    --ds-body-sm-font-size: 1rem;
-    --ds-body-sm-letter-spacing: 0.25%;
-    --ds-body-xs-font-weight: 400;
-    --ds-body-xs-line-height: 1.5;
-    --ds-body-xs-font-size: 0.875rem;
-    --ds-body-xs-letter-spacing: 0.15%;
-    --ds-body-short-xl-font-weight: 400;
-    --ds-body-short-xl-line-height: 1.3;
-    --ds-body-short-xl-font-size: 1.5rem;
-    --ds-body-short-xl-letter-spacing: 0.5%;
-    --ds-body-short-lg-font-weight: 400;
-    --ds-body-short-lg-line-height: 1.3;
-    --ds-body-short-lg-font-size: 1.3125rem;
-    --ds-body-short-lg-letter-spacing: 0.5%;
-    --ds-body-short-md-font-weight: 400;
-    --ds-body-short-md-line-height: 1.3;
-    --ds-body-short-md-font-size: 1.125rem;
-    --ds-body-short-md-letter-spacing: 0.5%;
-    --ds-body-short-sm-font-weight: 400;
-    --ds-body-short-sm-line-height: 1.3;
-    --ds-body-short-sm-font-size: 1rem;
-    --ds-body-short-sm-letter-spacing: 0.25%;
-    --ds-body-short-xs-font-weight: 400;
-    --ds-body-short-xs-line-height: 1.3;
-    --ds-body-short-xs-font-size: 0.875rem;
-    --ds-body-short-xs-letter-spacing: 0.15%;
-    --ds-body-long-xl-font-weight: 400;
-    --ds-body-long-xl-line-height: 1.7;
-    --ds-body-long-xl-font-size: 1.5rem;
-    --ds-body-long-xl-letter-spacing: 0.5%;
-    --ds-body-long-lg-font-weight: 400;
-    --ds-body-long-lg-line-height: 1.7;
-    --ds-body-long-lg-font-size: 1.3125rem;
-    --ds-body-long-lg-letter-spacing: 0.5%;
-    --ds-body-long-md-font-weight: 400;
-    --ds-body-long-md-line-height: 1.7;
-    --ds-body-long-md-font-size: 1.125rem;
-    --ds-body-long-md-letter-spacing: 0.5%;
-    --ds-body-long-sm-font-weight: 400;
-    --ds-body-long-sm-line-height: 1.7;
-    --ds-body-long-sm-font-size: 1rem;
-    --ds-body-long-sm-letter-spacing: 0.25%;
-    --ds-body-long-xs-font-weight: 400;
-    --ds-body-long-xs-line-height: 1.7;
-    --ds-body-long-xs-font-size: 0.875rem;
-    --ds-body-long-xs-letter-spacing: 0.15%;
-    --ds-line-height-sm: 1.3;
-    --ds-line-height-md: 1.5;
-    --ds-line-height-lg: 1.7;
-    --ds-font-size-1: 0.75rem;
-    --ds-font-size-2: 0.8125rem;
-    --ds-font-size-3: 0.875rem;
-    --ds-font-size-4: 1rem;
-    --ds-font-size-5: 1.125rem;
-    --ds-font-size-6: 1.3125rem;
-    --ds-font-size-7: 1.5rem;
-    --ds-font-size-8: 1.875rem;
-    --ds-font-size-9: 2.25rem;
-    --ds-font-size-10: 3rem;
-    --ds-font-size-11: 3.75rem;
-    --ds-letter-spacing-1: -1%;
-    --ds-letter-spacing-2: -0.5%;
-    --ds-letter-spacing-3: -0.25%;
-    --ds-letter-spacing-4: -0.15%;
-    --ds-letter-spacing-5: 0%;
-    --ds-letter-spacing-6: 0.15%;
-    --ds-letter-spacing-7: 0.25%;
-    --ds-letter-spacing-8: 0.5%;
-    --ds-letter-spacing-9: 1.5%;
-  }
-}
-
-@layer ds.theme.semantic {
-  :root {
-    --ds-size-base: 18;
-    --ds-size-step: 4;
-    --ds-border-radius-base: 0.25rem;
-    --ds-border-radius-scale: 0.25rem;
-    --ds-border-radius-sm: min(
-      var(--ds-border-radius-base) * 0.5,
-      var(--ds-border-radius-scale)
-    );
-    --ds-border-radius-md: min(
-      var(--ds-border-radius-base),
-      var(--ds-border-radius-scale) * 2
-    );
-    --ds-border-radius-lg: min(
-      var(--ds-border-radius-base) * 2,
-      var(--ds-border-radius-scale) * 5
-    );
-    --ds-border-radius-xl: min(
-      var(--ds-border-radius-base) * 3,
-      var(--ds-border-radius-scale) * 7
-    );
-    --ds-border-radius-default: var(--ds-border-radius-base);
-    --ds-border-radius-full: 624.9375rem;
-    --ds-disabled-opacity: 30%;
-    --ds-border-width-default: 1px;
-    --ds-border-width-highlight: 2px;
-    --ds-shadow-xs: 0 0 1px 0 rgba(0, 0, 0, 0.16),
-      0 1px 2px 0 rgba(0, 0, 0, 0.12);
-    --ds-shadow-sm: 0 0 1px 0 rgba(0, 0, 0, 0.15),
-      0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
-    --ds-shadow-md: 0 0 1px 0 rgba(0, 0, 0, 0.14),
-      0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.12);
-    --ds-shadow-lg: 0 0 1px 0 rgba(0, 0, 0, 0.13),
-      0 3px 5px 0 rgba(0, 0, 0, 0.13), 0 6px 12px 0 rgba(0, 0, 0, 0.14);
-    --ds-shadow-xl: 0 0 1px 0 rgba(0, 0, 0, 0.12),
-      0 4px 8px 0 rgba(0, 0, 0, 0.16), 0 12px 24px 0 rgba(0, 0, 0, 0.16);
-
-    --ds-size-0: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 0);
-    --ds-size-1: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 1);
-    --ds-size-2: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 2);
-    --ds-size-3: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 3);
-    --ds-size-4: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 4);
-    --ds-size-5: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 5);
-    --ds-size-6: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 6);
-    --ds-size-7: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 7);
-    --ds-size-8: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 8);
-    --ds-size-9: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 9);
-    --ds-size-10: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 10);
-    --ds-size-11: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 11);
-    --ds-size-12: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 12);
-    --ds-size-13: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 13);
-    --ds-size-14: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 14);
-    --ds-size-15: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 15);
-    --ds-size-18: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 18);
-    --ds-size-22: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 22);
-    --ds-size-26: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 26);
-    --ds-size-30: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 30);
-
-    @supports (width: round(down, 0.1em, 1px)) {
-      --ds-size-0: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 0),
-        0.0625rem
-      );
-      --ds-size-1: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 1),
-        0.0625rem
-      );
-      --ds-size-2: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 2),
-        0.0625rem
-      );
-      --ds-size-3: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 3),
-        0.0625rem
-      );
-      --ds-size-4: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 4),
-        0.0625rem
-      );
-      --ds-size-5: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 5),
-        0.0625rem
-      );
-      --ds-size-6: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 6),
-        0.0625rem
-      );
-      --ds-size-7: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 7),
-        0.0625rem
-      );
-      --ds-size-8: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 8),
-        0.0625rem
-      );
-      --ds-size-9: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 9),
-        0.0625rem
-      );
-      --ds-size-10: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 10),
-        0.0625rem
-      );
-      --ds-size-11: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 11),
-        0.0625rem
-      );
-      --ds-size-12: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 12),
-        0.0625rem
-      );
-      --ds-size-13: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 13),
-        0.0625rem
-      );
-      --ds-size-14: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 14),
-        0.0625rem
-      );
-      --ds-size-15: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 15),
-        0.0625rem
-      );
-      --ds-size-18: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 18),
-        0.0625rem
-      );
-      --ds-size-22: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 22),
-        0.0625rem
-      );
-      --ds-size-26: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 26),
-        0.0625rem
-      );
-      --ds-size-30: round(
-        down,
-        calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 30),
-        0.0625rem
-      );
-    }
-  }
-}
-
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
-@layer ds.theme.color-scheme.dark {
-  [data-color-scheme='dark'] {
-    --ds-global-blue-1: #031e33;
-    --ds-global-blue-2: #032641;
-    --ds-global-blue-3: #043154;
-    --ds-global-blue-4: #063f6a;
-    --ds-global-blue-5: #074d82;
-    --ds-global-blue-6: #07538d;
-    --ds-global-blue-7: #2480c7;
-    --ds-global-blue-8: #69a8d8;
-    --ds-global-blue-9: #2d85c9;
-    --ds-global-blue-10: #519ad2;
-    --ds-global-blue-11: #77b0dc;
-    --ds-global-blue-12: #69a8d8;
-    --ds-global-blue-13: #d6e7f4;
-    --ds-global-blue-contrast-1: #000000;
-    --ds-global-blue-contrast-2: #050e15;
-    --ds-global-green-1: #022306;
-    --ds-global-green-2: #022c08;
-    --ds-global-green-3: #03380a;
-    --ds-global-green-4: #03470d;
-    --ds-global-green-5: #04570f;
-    --ds-global-green-6: #045f11;
-    --ds-global-green-7: #178f28;
-    --ds-global-green-8: #62b36d;
-    --ds-global-green-9: #138d24;
-    --ds-global-green-10: #3ca14b;
-    --ds-global-green-11: #66b571;
-    --ds-global-green-12: #62b36d;
-    --ds-global-green-13: #d4ead7;
-    --ds-global-green-contrast-1: #000000;
-    --ds-global-green-contrast-2: #010501;
-    --ds-global-orange-1: #2f1607;
-    --ds-global-orange-2: #3b1c09;
-    --ds-global-orange-3: #4d250c;
-    --ds-global-orange-4: #612f0f;
-    --ds-global-orange-5: #773913;
-    --ds-global-orange-6: #823e14;
-    --ds-global-orange-7: #bd632d;
-    --ds-global-orange-8: #d2946e;
-    --ds-global-orange-9: #bc612a;
-    --ds-global-orange-10: #c87d4f;
-    --ds-global-orange-11: #d39772;
-    --ds-global-orange-12: #d2946e;
-    --ds-global-orange-13: #f2e2d7;
-    --ds-global-orange-contrast-1: #000000;
-    --ds-global-orange-contrast-2: #070301;
-    --ds-global-purple-1: #27133a;
-    --ds-global-purple-2: #31184a;
-    --ds-global-purple-3: #401f5f;
-    --ds-global-purple-4: #512879;
-    --ds-global-purple-5: #633094;
-    --ds-global-purple-6: #6a379c;
-    --ds-global-purple-7: #916cb6;
-    --ds-global-purple-8: #b297cb;
-    --ds-global-purple-9: #b49acd;
-    --ds-global-purple-10: #a282c1;
-    --ds-global-purple-11: #906ab5;
-    --ds-global-purple-12: #b297cb;
-    --ds-global-purple-13: #e9e2f0;
-    --ds-global-purple-contrast-1: #000000;
-    --ds-global-purple-contrast-2: #18151c;
-    --ds-global-red-1: #3d0909;
-    --ds-global-red-2: #4c0b0b;
-    --ds-global-red-3: #610e0e;
-    --ds-global-red-4: #7a1111;
-    --ds-global-red-5: #941515;
-    --ds-global-red-6: #a11717;
-    --ds-global-red-7: #cf5252;
-    --ds-global-red-8: #df8b8b;
-    --ds-global-red-9: #d76e6e;
-    --ds-global-red-10: #df8b8b;
-    --ds-global-red-11: #e7a8a8;
-    --ds-global-red-12: #df8b8b;
-    --ds-global-red-13: #f6dfdf;
-    --ds-global-red-contrast-1: #000000;
-    --ds-global-red-contrast-2: #271414;
-    --ds-global-yellow-1: #221c08;
-    --ds-global-yellow-2: #2b240a;
-    --ds-global-yellow-3: #382f0c;
-    --ds-global-yellow-4: #483c10;
-    --ds-global-yellow-5: #584913;
-    --ds-global-yellow-6: #5f5015;
-    --ds-global-yellow-7: #927a20;
-    --ds-global-yellow-8: #bf9f2a;
-    --ds-global-yellow-9: #4a3e10;
-    --ds-global-yellow-10: #615115;
-    --ds-global-yellow-11: #77631a;
-    --ds-global-yellow-12: #bf9f2a;
-    --ds-global-yellow-13: #f1e5b9;
-    --ds-global-yellow-contrast-1: #ffffff;
-    --ds-global-yellow-contrast-2: #dbd9d0;
-    --ds-color-accent-background-default: #001e38;
-    --ds-color-accent-background-tinted: #002547;
-    --ds-color-accent-surface-tinted: #00305c;
-    --ds-color-accent-surface-hover: #003d74;
-    --ds-color-accent-surface-active: #004b8d;
-    --ds-color-accent-border-subtle: #00519a;
-    --ds-color-accent-border-default: #307fc7;
-    --ds-color-accent-border-strong: #70a7d8;
-    --ds-color-accent-base-default: #4c91cf;
-    --ds-color-accent-base-hover: #6fa6d8;
-    --ds-color-accent-base-active: #92bce1;
-    --ds-color-accent-text-subtle: #70a7d8;
-    --ds-color-accent-text-default: #d7e7f4;
-    --ds-color-accent-base-contrast-default: #000000;
-    --ds-color-accent-base-contrast-subtle: #0d1924;
-    --ds-color-neutral-background-default: #141d29;
-    --ds-color-neutral-background-tinted: #1a2534;
-    --ds-color-neutral-surface-tinted: #243041;
-    --ds-color-neutral-surface-hover: #323e4d;
-    --ds-color-neutral-surface-active: #404b5a;
-    --ds-color-neutral-border-subtle: #475260;
-    --ds-color-neutral-border-default: #747c87;
-    --ds-color-neutral-border-strong: #9da2aa;
-    --ds-color-neutral-base-default: #a6acb2;
-    --ds-color-neutral-base-hover: #90979f;
-    --ds-color-neutral-base-active: #7a828c;
-    --ds-color-neutral-text-subtle: #9da2aa;
-    --ds-color-neutral-text-default: #e3e5e7;
-    --ds-color-neutral-base-contrast-default: #000000;
-    --ds-color-neutral-base-contrast-subtle: #1b1c1d;
-    --ds-color-brand1-background-default: #321314;
-    --ds-color-brand1-background-tinted: #3f181a;
-    --ds-color-brand1-surface-tinted: #512021;
-    --ds-color-brand1-surface-hover: #67282a;
-    --ds-color-brand1-surface-active: #7e3133;
-    --ds-color-brand1-border-subtle: #893538;
-    --ds-color-brand1-border-default: #d05155;
-    --ds-color-brand1-border-strong: #f67e81;
-    --ds-color-brand1-base-default: #9f3e41;
-    --ds-color-brand1-base-hover: #7f3234;
-    --ds-color-brand1-base-active: #612628;
-    --ds-color-brand1-text-subtle: #f67e81;
-    --ds-color-brand1-text-default: #fdddde;
-    --ds-color-brand1-base-contrast-default: #ffffff;
-    --ds-color-brand1-base-contrast-subtle: #ffffff;
-    --ds-color-brand2-background-default: #251b05;
-    --ds-color-brand2-background-tinted: #2f2307;
-    --ds-color-brand2-surface-tinted: #3d2d09;
-    --ds-color-brand2-surface-hover: #4d3a0b;
-    --ds-color-brand2-surface-active: #5f460d;
-    --ds-color-brand2-border-subtle: #674d0e;
-    --ds-color-brand2-border-default: #9e7516;
-    --ds-color-brand2-border-strong: #ce991d;
-    --ds-color-brand2-base-default: #513c0b;
-    --ds-color-brand2-base-hover: #694e0f;
-    --ds-color-brand2-base-active: #816012;
-    --ds-color-brand2-text-subtle: #ce991d;
-    --ds-color-brand2-text-default: #f6e3b6;
-    --ds-color-brand2-base-contrast-default: #ffffff;
-    --ds-color-brand2-base-contrast-subtle: #ddd9cf;
-    --ds-color-brand3-background-default: #061e31;
-    --ds-color-brand3-background-tinted: #08263e;
-    --ds-color-brand3-surface-tinted: #0a3250;
-    --ds-color-brand3-surface-hover: #0c3f66;
-    --ds-color-brand3-surface-active: #0f4d7c;
-    --ds-color-brand3-border-subtle: #115487;
-    --ds-color-brand3-border-default: #1980ce;
-    --ds-color-brand3-border-strong: #42a8f7;
-    --ds-color-brand3-base-default: #135f9a;
-    --ds-color-brand3-base-hover: #0f4c7a;
-    --ds-color-brand3-base-active: #0b395d;
-    --ds-color-brand3-text-subtle: #42a8f7;
-    --ds-color-brand3-text-default: #cde8fd;
-    --ds-color-brand3-base-contrast-default: #ffffff;
-    --ds-color-brand3-base-contrast-subtle: #fbfcfd;
-    --ds-color-success-background-default: #022306;
-    --ds-color-success-background-tinted: #022c08;
-    --ds-color-success-surface-tinted: #03380a;
-    --ds-color-success-surface-hover: #03470d;
-    --ds-color-success-surface-active: #04570f;
-    --ds-color-success-border-subtle: #045f11;
-    --ds-color-success-border-default: #178f28;
-    --ds-color-success-border-strong: #62b36d;
-    --ds-color-success-base-default: #138d24;
-    --ds-color-success-base-hover: #3ca14b;
-    --ds-color-success-base-active: #66b571;
-    --ds-color-success-text-subtle: #62b36d;
-    --ds-color-success-text-default: #d4ead7;
-    --ds-color-success-base-contrast-default: #000000;
-    --ds-color-success-base-contrast-subtle: #010501;
-    --ds-color-danger-background-default: #3d0909;
-    --ds-color-danger-background-tinted: #4c0b0b;
-    --ds-color-danger-surface-tinted: #610e0e;
-    --ds-color-danger-surface-hover: #7a1111;
-    --ds-color-danger-surface-active: #941515;
-    --ds-color-danger-border-subtle: #a11717;
-    --ds-color-danger-border-default: #cf5252;
-    --ds-color-danger-border-strong: #df8b8b;
-    --ds-color-danger-base-default: #d76e6e;
-    --ds-color-danger-base-hover: #df8b8b;
-    --ds-color-danger-base-active: #e7a8a8;
-    --ds-color-danger-text-subtle: #df8b8b;
-    --ds-color-danger-text-default: #f6dfdf;
-    --ds-color-danger-base-contrast-default: #000000;
-    --ds-color-danger-base-contrast-subtle: #271414;
-    --ds-color-info-background-default: #031e33;
-    --ds-color-info-background-tinted: #032641;
-    --ds-color-info-surface-tinted: #043154;
-    --ds-color-info-surface-hover: #063f6a;
-    --ds-color-info-surface-active: #074d82;
-    --ds-color-info-border-subtle: #07538d;
-    --ds-color-info-border-default: #2480c7;
-    --ds-color-info-border-strong: #69a8d8;
-    --ds-color-info-base-default: #2d85c9;
-    --ds-color-info-base-hover: #519ad2;
-    --ds-color-info-base-active: #77b0dc;
-    --ds-color-info-text-subtle: #69a8d8;
-    --ds-color-info-text-default: #d6e7f4;
-    --ds-color-info-base-contrast-default: #000000;
-    --ds-color-info-base-contrast-subtle: #050e15;
-    --ds-color-warning-background-default: #221c08;
-    --ds-color-warning-background-tinted: #2b240a;
-    --ds-color-warning-surface-tinted: #382f0c;
-    --ds-color-warning-surface-hover: #483c10;
-    --ds-color-warning-surface-active: #584913;
-    --ds-color-warning-border-subtle: #5f5015;
-    --ds-color-warning-border-default: #927a20;
-    --ds-color-warning-border-strong: #bf9f2a;
-    --ds-color-warning-base-default: #bc612a;
-    --ds-color-warning-base-hover: #c87d4f;
-    --ds-color-warning-base-active: #d39772;
-    --ds-color-warning-text-subtle: #d2946e;
-    --ds-color-warning-text-default: #f2e2d7;
-    --ds-color-warning-base-contrast-default: #000000;
-    --ds-color-warning-base-contrast-subtle: #070301;
-    --ds-color-focus-inner: #141d29;
-    --ds-color-focus-outer: #e3e5e7;
-
-    color-scheme: dark;
-  }
-
-  @media (prefers-color-scheme: dark) {
-    [data-color-scheme='auto'] {
-      --ds-global-blue-1: #031e33;
-      --ds-global-blue-2: #032641;
-      --ds-global-blue-3: #043154;
-      --ds-global-blue-4: #063f6a;
-      --ds-global-blue-5: #074d82;
-      --ds-global-blue-6: #07538d;
-      --ds-global-blue-7: #2480c7;
-      --ds-global-blue-8: #69a8d8;
-      --ds-global-blue-9: #2d85c9;
-      --ds-global-blue-10: #519ad2;
-      --ds-global-blue-11: #77b0dc;
-      --ds-global-blue-12: #69a8d8;
-      --ds-global-blue-13: #d6e7f4;
-      --ds-global-blue-contrast-1: #000000;
-      --ds-global-blue-contrast-2: #050e15;
-      --ds-global-green-1: #022306;
-      --ds-global-green-2: #022c08;
-      --ds-global-green-3: #03380a;
-      --ds-global-green-4: #03470d;
-      --ds-global-green-5: #04570f;
-      --ds-global-green-6: #045f11;
-      --ds-global-green-7: #178f28;
-      --ds-global-green-8: #62b36d;
-      --ds-global-green-9: #138d24;
-      --ds-global-green-10: #3ca14b;
-      --ds-global-green-11: #66b571;
-      --ds-global-green-12: #62b36d;
-      --ds-global-green-13: #d4ead7;
-      --ds-global-green-contrast-1: #000000;
-      --ds-global-green-contrast-2: #010501;
-      --ds-global-orange-1: #2f1607;
-      --ds-global-orange-2: #3b1c09;
-      --ds-global-orange-3: #4d250c;
-      --ds-global-orange-4: #612f0f;
-      --ds-global-orange-5: #773913;
-      --ds-global-orange-6: #823e14;
-      --ds-global-orange-7: #bd632d;
-      --ds-global-orange-8: #d2946e;
-      --ds-global-orange-9: #bc612a;
-      --ds-global-orange-10: #c87d4f;
-      --ds-global-orange-11: #d39772;
-      --ds-global-orange-12: #d2946e;
-      --ds-global-orange-13: #f2e2d7;
-      --ds-global-orange-contrast-1: #000000;
-      --ds-global-orange-contrast-2: #070301;
-      --ds-global-purple-1: #27133a;
-      --ds-global-purple-2: #31184a;
-      --ds-global-purple-3: #401f5f;
-      --ds-global-purple-4: #512879;
-      --ds-global-purple-5: #633094;
-      --ds-global-purple-6: #6a379c;
-      --ds-global-purple-7: #916cb6;
-      --ds-global-purple-8: #b297cb;
-      --ds-global-purple-9: #b49acd;
-      --ds-global-purple-10: #a282c1;
-      --ds-global-purple-11: #906ab5;
-      --ds-global-purple-12: #b297cb;
-      --ds-global-purple-13: #e9e2f0;
-      --ds-global-purple-contrast-1: #000000;
-      --ds-global-purple-contrast-2: #18151c;
-      --ds-global-red-1: #3d0909;
-      --ds-global-red-2: #4c0b0b;
-      --ds-global-red-3: #610e0e;
-      --ds-global-red-4: #7a1111;
-      --ds-global-red-5: #941515;
-      --ds-global-red-6: #a11717;
-      --ds-global-red-7: #cf5252;
-      --ds-global-red-8: #df8b8b;
-      --ds-global-red-9: #d76e6e;
-      --ds-global-red-10: #df8b8b;
-      --ds-global-red-11: #e7a8a8;
-      --ds-global-red-12: #df8b8b;
-      --ds-global-red-13: #f6dfdf;
-      --ds-global-red-contrast-1: #000000;
-      --ds-global-red-contrast-2: #271414;
-      --ds-global-yellow-1: #221c08;
-      --ds-global-yellow-2: #2b240a;
-      --ds-global-yellow-3: #382f0c;
-      --ds-global-yellow-4: #483c10;
-      --ds-global-yellow-5: #584913;
-      --ds-global-yellow-6: #5f5015;
-      --ds-global-yellow-7: #927a20;
-      --ds-global-yellow-8: #bf9f2a;
-      --ds-global-yellow-9: #4a3e10;
-      --ds-global-yellow-10: #615115;
-      --ds-global-yellow-11: #77631a;
-      --ds-global-yellow-12: #bf9f2a;
-      --ds-global-yellow-13: #f1e5b9;
-      --ds-global-yellow-contrast-1: #ffffff;
-      --ds-global-yellow-contrast-2: #dbd9d0;
-      --ds-color-accent-background-default: #001e38;
-      --ds-color-accent-background-tinted: #002547;
-      --ds-color-accent-surface-tinted: #00305c;
-      --ds-color-accent-surface-hover: #003d74;
-      --ds-color-accent-surface-active: #004b8d;
-      --ds-color-accent-border-subtle: #00519a;
-      --ds-color-accent-border-default: #307fc7;
-      --ds-color-accent-border-strong: #70a7d8;
-      --ds-color-accent-base-default: #4c91cf;
-      --ds-color-accent-base-hover: #6fa6d8;
-      --ds-color-accent-base-active: #92bce1;
-      --ds-color-accent-text-subtle: #70a7d8;
-      --ds-color-accent-text-default: #d7e7f4;
-      --ds-color-accent-base-contrast-default: #000000;
-      --ds-color-accent-base-contrast-subtle: #0d1924;
-      --ds-color-neutral-background-default: #141d29;
-      --ds-color-neutral-background-tinted: #1a2534;
-      --ds-color-neutral-surface-tinted: #243041;
-      --ds-color-neutral-surface-hover: #323e4d;
-      --ds-color-neutral-surface-active: #404b5a;
-      --ds-color-neutral-border-subtle: #475260;
-      --ds-color-neutral-border-default: #747c87;
-      --ds-color-neutral-border-strong: #9da2aa;
-      --ds-color-neutral-base-default: #a6acb2;
-      --ds-color-neutral-base-hover: #90979f;
-      --ds-color-neutral-base-active: #7a828c;
-      --ds-color-neutral-text-subtle: #9da2aa;
-      --ds-color-neutral-text-default: #e3e5e7;
-      --ds-color-neutral-base-contrast-default: #000000;
-      --ds-color-neutral-base-contrast-subtle: #1b1c1d;
-      --ds-color-brand1-background-default: #321314;
-      --ds-color-brand1-background-tinted: #3f181a;
-      --ds-color-brand1-surface-tinted: #512021;
-      --ds-color-brand1-surface-hover: #67282a;
-      --ds-color-brand1-surface-active: #7e3133;
-      --ds-color-brand1-border-subtle: #893538;
-      --ds-color-brand1-border-default: #d05155;
-      --ds-color-brand1-border-strong: #f67e81;
-      --ds-color-brand1-base-default: #9f3e41;
-      --ds-color-brand1-base-hover: #7f3234;
-      --ds-color-brand1-base-active: #612628;
-      --ds-color-brand1-text-subtle: #f67e81;
-      --ds-color-brand1-text-default: #fdddde;
-      --ds-color-brand1-base-contrast-default: #ffffff;
-      --ds-color-brand1-base-contrast-subtle: #ffffff;
-      --ds-color-brand2-background-default: #251b05;
-      --ds-color-brand2-background-tinted: #2f2307;
-      --ds-color-brand2-surface-tinted: #3d2d09;
-      --ds-color-brand2-surface-hover: #4d3a0b;
-      --ds-color-brand2-surface-active: #5f460d;
-      --ds-color-brand2-border-subtle: #674d0e;
-      --ds-color-brand2-border-default: #9e7516;
-      --ds-color-brand2-border-strong: #ce991d;
-      --ds-color-brand2-base-default: #513c0b;
-      --ds-color-brand2-base-hover: #694e0f;
-      --ds-color-brand2-base-active: #816012;
-      --ds-color-brand2-text-subtle: #ce991d;
-      --ds-color-brand2-text-default: #f6e3b6;
-      --ds-color-brand2-base-contrast-default: #ffffff;
-      --ds-color-brand2-base-contrast-subtle: #ddd9cf;
-      --ds-color-brand3-background-default: #061e31;
-      --ds-color-brand3-background-tinted: #08263e;
-      --ds-color-brand3-surface-tinted: #0a3250;
-      --ds-color-brand3-surface-hover: #0c3f66;
-      --ds-color-brand3-surface-active: #0f4d7c;
-      --ds-color-brand3-border-subtle: #115487;
-      --ds-color-brand3-border-default: #1980ce;
-      --ds-color-brand3-border-strong: #42a8f7;
-      --ds-color-brand3-base-default: #135f9a;
-      --ds-color-brand3-base-hover: #0f4c7a;
-      --ds-color-brand3-base-active: #0b395d;
-      --ds-color-brand3-text-subtle: #42a8f7;
-      --ds-color-brand3-text-default: #cde8fd;
-      --ds-color-brand3-base-contrast-default: #ffffff;
-      --ds-color-brand3-base-contrast-subtle: #fbfcfd;
-      --ds-color-success-background-default: #022306;
-      --ds-color-success-background-tinted: #022c08;
-      --ds-color-success-surface-tinted: #03380a;
-      --ds-color-success-surface-hover: #03470d;
-      --ds-color-success-surface-active: #04570f;
-      --ds-color-success-border-subtle: #045f11;
-      --ds-color-success-border-default: #178f28;
-      --ds-color-success-border-strong: #62b36d;
-      --ds-color-success-base-default: #138d24;
-      --ds-color-success-base-hover: #3ca14b;
-      --ds-color-success-base-active: #66b571;
-      --ds-color-success-text-subtle: #62b36d;
-      --ds-color-success-text-default: #d4ead7;
-      --ds-color-success-base-contrast-default: #000000;
-      --ds-color-success-base-contrast-subtle: #010501;
-      --ds-color-danger-background-default: #3d0909;
-      --ds-color-danger-background-tinted: #4c0b0b;
-      --ds-color-danger-surface-tinted: #610e0e;
-      --ds-color-danger-surface-hover: #7a1111;
-      --ds-color-danger-surface-active: #941515;
-      --ds-color-danger-border-subtle: #a11717;
-      --ds-color-danger-border-default: #cf5252;
-      --ds-color-danger-border-strong: #df8b8b;
-      --ds-color-danger-base-default: #d76e6e;
-      --ds-color-danger-base-hover: #df8b8b;
-      --ds-color-danger-base-active: #e7a8a8;
-      --ds-color-danger-text-subtle: #df8b8b;
-      --ds-color-danger-text-default: #f6dfdf;
-      --ds-color-danger-base-contrast-default: #000000;
-      --ds-color-danger-base-contrast-subtle: #271414;
-      --ds-color-info-background-default: #031e33;
-      --ds-color-info-background-tinted: #032641;
-      --ds-color-info-surface-tinted: #043154;
-      --ds-color-info-surface-hover: #063f6a;
-      --ds-color-info-surface-active: #074d82;
-      --ds-color-info-border-subtle: #07538d;
-      --ds-color-info-border-default: #2480c7;
-      --ds-color-info-border-strong: #69a8d8;
-      --ds-color-info-base-default: #2d85c9;
-      --ds-color-info-base-hover: #519ad2;
-      --ds-color-info-base-active: #77b0dc;
-      --ds-color-info-text-subtle: #69a8d8;
-      --ds-color-info-text-default: #d6e7f4;
-      --ds-color-info-base-contrast-default: #000000;
-      --ds-color-info-base-contrast-subtle: #050e15;
-      --ds-color-warning-background-default: #221c08;
-      --ds-color-warning-background-tinted: #2b240a;
-      --ds-color-warning-surface-tinted: #382f0c;
-      --ds-color-warning-surface-hover: #483c10;
-      --ds-color-warning-surface-active: #584913;
-      --ds-color-warning-border-subtle: #5f5015;
-      --ds-color-warning-border-default: #927a20;
-      --ds-color-warning-border-strong: #bf9f2a;
-      --ds-color-warning-base-default: #bc612a;
-      --ds-color-warning-base-hover: #c87d4f;
-      --ds-color-warning-base-active: #d39772;
-      --ds-color-warning-text-subtle: #d2946e;
-      --ds-color-warning-text-default: #f2e2d7;
-      --ds-color-warning-base-contrast-default: #000000;
-      --ds-color-warning-base-contrast-subtle: #070301;
-      --ds-color-focus-inner: #141d29;
-      --ds-color-focus-outer: #e3e5e7;
-
-      color-scheme: dark;
-    }
-  }
-}
-
-@layer ds.theme.typography.primary {
-  :root,
-  [data-typography='primary'] {
-    --ds-font-family: Inter;
-    --ds-font-weight-medium: 500;
-    --ds-font-weight-semibold: 600;
-    --ds-font-weight-regular: 400;
-    --ds-heading-2xl-font-weight: 500;
-    --ds-heading-2xl-line-height: 1.3;
-    --ds-heading-2xl-font-size: 3.75rem;
-    --ds-heading-2xl-letter-spacing: -1%;
-    --ds-heading-xl-font-weight: 500;
-    --ds-heading-xl-line-height: 1.3;
-    --ds-heading-xl-font-size: 3rem;
-    --ds-heading-xl-letter-spacing: -1%;
-    --ds-heading-lg-font-weight: 500;
-    --ds-heading-lg-line-height: 1.3;
-    --ds-heading-lg-font-size: 2.25rem;
-    --ds-heading-lg-letter-spacing: -0.5%;
-    --ds-heading-md-font-weight: 500;
-    --ds-heading-md-line-height: 1.3;
-    --ds-heading-md-font-size: 1.875rem;
-    --ds-heading-md-letter-spacing: -0.25%;
-    --ds-heading-sm-font-weight: 500;
-    --ds-heading-sm-line-height: 1.3;
-    --ds-heading-sm-font-size: 1.5rem;
-    --ds-heading-sm-letter-spacing: 0%;
-    --ds-heading-xs-font-weight: 500;
-    --ds-heading-xs-line-height: 1.3;
-    --ds-heading-xs-font-size: 1.3125rem;
-    --ds-heading-xs-letter-spacing: 0.15%;
-    --ds-heading-2xs-font-weight: 500;
-    --ds-heading-2xs-line-height: 1.3;
-    --ds-heading-2xs-font-size: 1.125rem;
-    --ds-heading-2xs-letter-spacing: 0.15%;
-    --ds-body-xl-font-weight: 400;
-    --ds-body-xl-line-height: 1.5;
-    --ds-body-xl-font-size: 1.5rem;
-    --ds-body-xl-letter-spacing: 0.5%;
-    --ds-body-lg-font-weight: 400;
-    --ds-body-lg-line-height: 1.5;
-    --ds-body-lg-font-size: 1.3125rem;
-    --ds-body-lg-letter-spacing: 0.5%;
-    --ds-body-md-font-weight: 400;
-    --ds-body-md-line-height: 1.5;
-    --ds-body-md-font-size: 1.125rem;
-    --ds-body-md-letter-spacing: 0.5%;
-    --ds-body-sm-font-weight: 400;
-    --ds-body-sm-line-height: 1.5;
-    --ds-body-sm-font-size: 1rem;
-    --ds-body-sm-letter-spacing: 0.25%;
-    --ds-body-xs-font-weight: 400;
-    --ds-body-xs-line-height: 1.5;
-    --ds-body-xs-font-size: 0.875rem;
-    --ds-body-xs-letter-spacing: 0.15%;
-    --ds-body-short-xl-font-weight: 400;
-    --ds-body-short-xl-line-height: 1.3;
-    --ds-body-short-xl-font-size: 1.5rem;
-    --ds-body-short-xl-letter-spacing: 0.5%;
-    --ds-body-short-lg-font-weight: 400;
-    --ds-body-short-lg-line-height: 1.3;
-    --ds-body-short-lg-font-size: 1.3125rem;
-    --ds-body-short-lg-letter-spacing: 0.5%;
-    --ds-body-short-md-font-weight: 400;
-    --ds-body-short-md-line-height: 1.3;
-    --ds-body-short-md-font-size: 1.125rem;
-    --ds-body-short-md-letter-spacing: 0.5%;
-    --ds-body-short-sm-font-weight: 400;
-    --ds-body-short-sm-line-height: 1.3;
-    --ds-body-short-sm-font-size: 1rem;
-    --ds-body-short-sm-letter-spacing: 0.25%;
-    --ds-body-short-xs-font-weight: 400;
-    --ds-body-short-xs-line-height: 1.3;
-    --ds-body-short-xs-font-size: 0.875rem;
-    --ds-body-short-xs-letter-spacing: 0.15%;
-    --ds-body-long-xl-font-weight: 400;
-    --ds-body-long-xl-line-height: 1.7;
-    --ds-body-long-xl-font-size: 1.5rem;
-    --ds-body-long-xl-letter-spacing: 0.5%;
-    --ds-body-long-lg-font-weight: 400;
-    --ds-body-long-lg-line-height: 1.7;
-    --ds-body-long-lg-font-size: 1.3125rem;
-    --ds-body-long-lg-letter-spacing: 0.5%;
-    --ds-body-long-md-font-weight: 400;
-    --ds-body-long-md-line-height: 1.7;
-    --ds-body-long-md-font-size: 1.125rem;
-    --ds-body-long-md-letter-spacing: 0.5%;
-    --ds-body-long-sm-font-weight: 400;
-    --ds-body-long-sm-line-height: 1.7;
-    --ds-body-long-sm-font-size: 1rem;
-    --ds-body-long-sm-letter-spacing: 0.25%;
-    --ds-body-long-xs-font-weight: 400;
-    --ds-body-long-xs-line-height: 1.7;
-    --ds-body-long-xs-font-size: 0.875rem;
-    --ds-body-long-xs-letter-spacing: 0.15%;
-    --ds-line-height-sm: 1.3;
-    --ds-line-height-md: 1.5;
-    --ds-line-height-lg: 1.7;
-    --ds-font-size-1: 0.75rem;
-    --ds-font-size-2: 0.8125rem;
-    --ds-font-size-3: 0.875rem;
-    --ds-font-size-4: 1rem;
-    --ds-font-size-5: 1.125rem;
-    --ds-font-size-6: 1.3125rem;
-    --ds-font-size-7: 1.5rem;
-    --ds-font-size-8: 1.875rem;
-    --ds-font-size-9: 2.25rem;
-    --ds-font-size-10: 3rem;
-    --ds-font-size-11: 3.75rem;
-    --ds-letter-spacing-1: -1%;
-    --ds-letter-spacing-2: -0.5%;
-    --ds-letter-spacing-3: -0.25%;
-    --ds-letter-spacing-4: -0.15%;
-    --ds-letter-spacing-5: 0%;
-    --ds-letter-spacing-6: 0.15%;
-    --ds-letter-spacing-7: 0.25%;
-    --ds-letter-spacing-8: 0.5%;
-    --ds-letter-spacing-9: 1.5%;
-  }
-}
-
 @supports (scrollbar-gutter: stable) {
   .mid-scroll-lock {
     scrollbar-gutter: var(--mid-scroll-lock-gutter) !important;
@@ -1363,7 +9,6 @@
 }
 
 /** This can go away once Safari has scrollbar-gutter support. */
-
 @supports not (scrollbar-gutter: stable) {
   .mid-scroll-lock body {
     padding-right: var(--mid-scroll-lock-size) !important;