@digigov/theme-grnet 2.0.0-rc.21

package/dist/index.css

@@ -0,0 +1,1480 @@
+:root {
+  --color-gray-100: #fefefe;
+  --color-gray-100-rgb: 254, 254, 254;
+  --color-gray-200: #ebebec;
+  --color-gray-200-rgb: 235, 235, 236;
+  --color-gray-300: #cbcdce;
+  --color-gray-300-rgb: 203, 205, 206;
+  --color-gray-400: #b1b2b5;
+  --color-gray-400-rgb: 177, 178, 181;
+  --color-gray-500: #96999b;
+  --color-gray-500-rgb: 150, 153, 155;
+  --color-gray-600: #7f8184;
+  --color-gray-600-rgb: 127, 129, 132;
+  --color-gray-700: #6b6b6e;
+  --color-gray-700-rgb: 107, 107, 110;
+  --color-gray-800: #515153;
+  --color-gray-800-rgb: 81, 81, 83;
+  --color-gray-900: #383536;
+  --color-gray-900-rgb: 56, 53, 54;
+  --color-gray-1000: #2b2729;
+  --color-gray-1000-rgb: 43, 39, 41;
+  --color-gray-1100: #191516;
+  --color-gray-1100-rgb: 25, 21, 22;
+  --color-gray-1200: #000000;
+  --color-gray-1200-rgb: 0, 0, 0;
+  --color-red-100: #ff837b;
+  --color-red-100-rgb: 255, 131, 123;
+  --color-red-200: #fe5955;
+  --color-red-200-rgb: 254, 89, 85;
+  --color-red-300: #df3035;
+  --color-red-300-rgb: 223, 48, 53;
+  --color-red-400: #c4292d;
+  --color-red-400-rgb: 196, 41, 45;
+  --color-red-500: #a82728;
+  --color-red-500-rgb: 168, 39, 40;
+  --color-red-600: #762422;
+  --color-red-600-rgb: 118, 36, 34;
+  --color-red-700: #60201e;
+  --color-red-700-rgb: 96, 32, 30;
+  --color-orange-100: #f29019;
+  --color-orange-100-rgb: 242, 144, 25;
+  --color-orange-200: #d57d11;
+  --color-orange-200-rgb: 213, 125, 17;
+  --color-orange-300: #aa6617;
+  --color-orange-300-rgb: 170, 102, 23;
+  --color-orange-400: #935a1a;
+  --color-orange-400-rgb: 147, 90, 26;
+  --color-orange-500: #7d4e1b;
+  --color-orange-500-rgb: 125, 78, 27;
+  --color-orange-600: #593a1a;
+  --color-orange-600-rgb: 89, 58, 26;
+  --color-orange-700: #483118;
+  --color-orange-700-rgb: 72, 49, 24;
+  --color-green-100: #6abb3b;
+  --color-green-100-rgb: 106, 187, 59;
+  --color-green-200: #53a51c;
+  --color-green-200-rgb: 83, 165, 28;
+  --color-green-300: #47841e;
+  --color-green-300-rgb: 71, 132, 30;
+  --color-green-400: #40731f;
+  --color-green-400-rgb: 64, 115, 31;
+  --color-green-500: #3a631f;
+  --color-green-500-rgb: 58, 99, 31;
+  --color-green-600: #2d471d;
+  --color-green-600-rgb: 45, 71, 29;
+  --color-green-700: #273b1a;
+  --color-green-700-rgb: 39, 59, 26;
+  --color-blue-100: #88aad7;
+  --color-blue-100-rgb: 136, 170, 215;
+  --color-blue-200: #6b94ce;
+  --color-blue-200-rgb: 107, 148, 206;
+  --color-blue-300: #4b77b7;
+  --color-blue-300-rgb: 75, 119, 183;
+  --color-blue-400: #3c67a8;
+  --color-blue-400-rgb: 60, 103, 168;
+  --color-blue-500: #305898;
+  --color-blue-500-rgb: 48, 88, 152;
+  --color-blue-600: #1e3f79;
+  --color-blue-600-rgb: 30, 63, 121;
+  --color-blue-700: #173469;
+  --color-blue-700-rgb: 23, 52, 105;
+  --color-purple-100: #b69cde;
+  --color-purple-100-rgb: 182, 156, 222;
+  --color-purple-200: #a680df;
+  --color-purple-200-rgb: 166, 128, 223;
+  --color-purple-300: #8c58e3;
+  --color-purple-300-rgb: 140, 88, 227;
+  --color-purple-400: #6b58b8;
+  --color-purple-400-rgb: 107, 88, 184;
+  --color-purple-500: #5b4e9a;
+  --color-purple-500-rgb: 91, 78, 154;
+  --color-purple-600: #413b68;
+  --color-purple-600-rgb: 65, 59, 104;
+  --color-purple-700: #353252;
+  --color-purple-700-rgb: 53, 50, 82;
+  --color-yellow-100: #f7d41d;
+  --color-yellow-100-rgb: 247, 212, 29;
+  --color-primary-100: #ffb85b;
+  --color-primary-100-rgb: 255, 184, 91;
+  --color-primary-200: #f7941d;
+  --color-primary-200-rgb: 247, 148, 29;
+  --color-primary-300: #de8311;
+  --color-primary-300-rgb: 222, 131, 17;
+  --color-primary: #f7941d;
+  --color-primary-rgb: 247, 148, 29;
+  --color-secondary-100: #85abdf;
+  --color-secondary-100-rgb: 133, 171, 223;
+  --color-secondary-200: #6993cd;
+  --color-secondary-200-rgb: 105, 147, 205;
+  --color-secondary-300: #5b82b8;
+  --color-secondary-300-rgb: 91, 130, 184;
+  --color-secondary: #6993cd;
+  --color-secondary-rgb: 105, 147, 205;
+  --color-tertiary-100: #263d69;
+  --color-tertiary-100-rgb: 38, 61, 105;
+  --color-tertiary-200: #102958;
+  --color-tertiary-200-rgb: 16, 41, 88;
+  --color-tertiary-300: #02153f;
+  --color-tertiary-300-rgb: 2, 21, 63;
+  --color-tertiary: #102958;
+  --color-tertiary-rgb: 16, 41, 88;
+  --color-base-100: #fefefe;
+  --color-base-100-rgb: 254, 254, 254;
+  --color-base-200: #ebebec;
+  --color-base-200-rgb: 235, 235, 236;
+  --color-base-300: #cbcdce;
+  --color-base-300-rgb: 203, 205, 206;
+  --color-base-400: #b1b2b5;
+  --color-base-400-rgb: 177, 178, 181;
+  --color-base-500: #96999b;
+  --color-base-500-rgb: 150, 153, 155;
+  --color-base-600: #7f8184;
+  --color-base-600-rgb: 127, 129, 132;
+  --color-base-700: #6b6b6e;
+  --color-base-700-rgb: 107, 107, 110;
+  --color-base-800: #515153;
+  --color-base-800-rgb: 81, 81, 83;
+  --color-base-900: #383536;
+  --color-base-900-rgb: 56, 53, 54;
+  --color-base-1000: #2b2729;
+  --color-base-1000-rgb: 43, 39, 41;
+  --color-base-1100: #191516;
+  --color-base-1100-rgb: 25, 21, 22;
+  --color-base-content: #2b2729;
+  --color-base-content-rgb: 43, 39, 41;
+  --color-base-content-secondary: #6b6b6e;
+  --color-base-content-secondary-rgb: 107, 107, 110;
+  --color-base-content-invert: #fefefe;
+  --color-base-content-invert-rgb: 254, 254, 254;
+  --color-accent: #2b2729;
+  --color-accent-rgb: 43, 39, 41;
+  --color-accent-focus: #383536;
+  --color-accent-focus-rgb: 56, 53, 54;
+  --color-accent-content: #fefefe;
+  --color-accent-content-rgb: 254, 254, 254;
+  --color-focus: #f7d41d;
+  --color-focus-rgb: 247, 212, 29;
+  --color-error: #a82728;
+  --color-error-rgb: 168, 39, 40;
+  --color-error-hover: #762422;
+  --color-error-hover-rgb: 118, 36, 34;
+  --color-success: #40731f;
+  --color-success-rgb: 64, 115, 31;
+  --color-success-hover: #3a631f;
+  --color-success-hover-rgb: 58, 99, 31;
+  --color-link: #305898;
+  --color-link-rgb: 48, 88, 152;
+  --color-link-hover: #1e3f79;
+  --color-link-hover-rgb: 30, 63, 121;
+  --color-link-active: #2b2729;
+  --color-link-active-rgb: 43, 39, 41;
+  --color-link-visited: #413b68;
+  --color-link-visited-rgb: 65, 59, 104;
+  --color-warning: #f29019;
+  --color-warning-rgb: 242, 144, 25;
+  --color-info: #3c67a8;
+  --color-info-rgb: 60, 103, 168;
+  --color-info-hover: #305898;
+  --color-info-hover-rgb: 48, 88, 152;
+  --color-footer: #fefefe;
+  --color-footer-rgb: 254, 254, 254;
+  --color-footer-hover: #ebebec;
+  --color-footer-hover-rgb: 235, 235, 236;
+  --color-white: #fefefe;
+  --color-white-rgb: 254, 254, 254;
+  --color-black: #000000;
+  --color-black-rgb: 0, 0, 0;
+}
+
+:root.dark,
+.dark {
+  --color-gray-100: #171314;
+  --color-gray-100-rgb: 23, 19, 20;
+  --color-gray-200: #272324;
+  --color-gray-200-rgb: 39, 35, 36;
+  --color-gray-300: #3a3839;
+  --color-gray-300-rgb: 58, 56, 57;
+  --color-gray-400: #4b4a4c;
+  --color-gray-400-rgb: 75, 74, 76;
+  --color-gray-500: #5e5e61;
+  --color-gray-500-rgb: 94, 94, 97;
+  --color-gray-600: #717375;
+  --color-gray-600-rgb: 113, 115, 117;
+  --color-gray-700: #87898c;
+  --color-gray-700-rgb: 135, 137, 140;
+  --color-gray-800: #a7a9ac;
+  --color-gray-800-rgb: 167, 169, 172;
+  --color-gray-900: #cfd0d2;
+  --color-gray-900-rgb: 207, 208, 210;
+  --color-gray-1000: #e4e4e5;
+  --color-gray-1000-rgb: 228, 228, 229;
+  --color-gray-1100: #fbfbfb;
+  --color-gray-1100-rgb: 251, 251, 251;
+  --color-gray-1200: #fefffe;
+  --color-gray-1200-rgb: 254, 255, 254;
+  --color-red-100: #9b2627;
+  --color-red-100-rgb: 155, 38, 39;
+  --color-red-200: #bd282c;
+  --color-red-200-rgb: 189, 40, 44;
+  --color-red-300: #ea383b;
+  --color-red-300-rgb: 234, 56, 59;
+  --color-red-400: #fb504e;
+  --color-red-400-rgb: 251, 80, 78;
+  --color-red-500: #ff726b;
+  --color-red-500-rgb: 255, 114, 107;
+  --color-red-600: #ffa9a2;
+  --color-red-600-rgb: 255, 169, 162;
+  --color-red-700: #ffc1bb;
+  --color-red-700-rgb: 255, 193, 187;
+  --color-orange-100: #73491c;
+  --color-orange-100-rgb: 115, 73, 28;
+  --color-orange-200: #8c571b;
+  --color-orange-200-rgb: 140, 87, 27;
+  --color-orange-300: #b56c15;
+  --color-orange-300-rgb: 181, 108, 21;
+  --color-orange-400: #ce7912;
+  --color-orange-400-rgb: 206, 121, 18;
+  --color-orange-500: #e68813;
+  --color-orange-500-rgb: 230, 136, 19;
+  --color-orange-600: #ffaf4a;
+  --color-orange-600-rgb: 255, 175, 74;
+  --color-orange-700: #ffc679;
+  --color-orange-700-rgb: 255, 198, 121;
+  --color-green-100: #375b1f;
+  --color-green-100-rgb: 55, 91, 31;
+  --color-green-200: #3f6f1f;
+  --color-green-200-rgb: 63, 111, 31;
+  --color-green-300: #4a8d1d;
+  --color-green-300-rgb: 74, 141, 29;
+  --color-green-400: #519f1b;
+  --color-green-400-rgb: 81, 159, 27;
+  --color-green-500: #5fb22b;
+  --color-green-500-rgb: 95, 178, 43;
+  --color-green-600: #93cf73;
+  --color-green-600-rgb: 147, 207, 115;
+  --color-green-700: #b3dc9f;
+  --color-green-700-rgb: 179, 220, 159;
+  --color-blue-100: #2b5190;
+  --color-blue-100-rgb: 43, 81, 144;
+  --color-blue-200: #3963a4;
+  --color-blue-200-rgb: 57, 99, 164;
+  --color-blue-300: #527ebe;
+  --color-blue-300-rgb: 82, 126, 190;
+  --color-blue-400: #658fcb;
+  --color-blue-400-rgb: 101, 143, 203;
+  --color-blue-500: #7ba1d4;
+  --color-blue-500-rgb: 123, 161, 212;
+  --color-blue-600: #abc1e0;
+  --color-blue-600-rgb: 171, 193, 224;
+  --color-blue-700: #c3d2e6;
+  --color-blue-700-rgb: 195, 210, 230;
+  --color-purple-100: #53498b;
+  --color-purple-100-rgb: 83, 73, 139;
+  --color-purple-200: #6655b0;
+  --color-purple-200-rgb: 102, 85, 176;
+  --color-purple-300: #9661e2;
+  --color-purple-300-rgb: 150, 97, 226;
+  --color-purple-400: #a379e0;
+  --color-purple-400-rgb: 163, 121, 224;
+  --color-purple-500: #af90de;
+  --color-purple-500-rgb: 175, 144, 222;
+  --color-purple-600: #c8b9e2;
+  --color-purple-600-rgb: 200, 185, 226;
+  --color-purple-700: #d6cce7;
+  --color-purple-700-rgb: 214, 204, 231;
+  --color-yellow-100: #f7d41d;
+  --color-yellow-100-rgb: 247, 212, 29;
+  --color-primary-100: #ffb85b;
+  --color-primary-100-rgb: 255, 184, 91;
+  --color-primary-200: #f7941d;
+  --color-primary-200-rgb: 247, 148, 29;
+  --color-primary-300: #de8311;
+  --color-primary-300-rgb: 222, 131, 17;
+  --color-primary: #f7941d;
+  --color-primary-rgb: 247, 148, 29;
+  --color-secondary-100: #85abdf;
+  --color-secondary-100-rgb: 133, 171, 223;
+  --color-secondary-200: #6993cd;
+  --color-secondary-200-rgb: 105, 147, 205;
+  --color-secondary-300: #5b82b8;
+  --color-secondary-300-rgb: 91, 130, 184;
+  --color-secondary: #6993cd;
+  --color-secondary-rgb: 105, 147, 205;
+  --color-tertiary-100: #263d69;
+  --color-tertiary-100-rgb: 38, 61, 105;
+  --color-tertiary-200: #102958;
+  --color-tertiary-200-rgb: 16, 41, 88;
+  --color-tertiary-300: #02153f;
+  --color-tertiary-300-rgb: 2, 21, 63;
+  --color-tertiary: #102958;
+  --color-tertiary-rgb: 16, 41, 88;
+  --color-base-100: #171314;
+  --color-base-100-rgb: 23, 19, 20;
+  --color-base-200: #272324;
+  --color-base-200-rgb: 39, 35, 36;
+  --color-base-300: #3a3839;
+  --color-base-300-rgb: 58, 56, 57;
+  --color-base-400: #4b4a4c;
+  --color-base-400-rgb: 75, 74, 76;
+  --color-base-500: #5e5e61;
+  --color-base-500-rgb: 94, 94, 97;
+  --color-base-600: #717375;
+  --color-base-600-rgb: 113, 115, 117;
+  --color-base-700: #87898c;
+  --color-base-700-rgb: 135, 137, 140;
+  --color-base-800: #a7a9ac;
+  --color-base-800-rgb: 167, 169, 172;
+  --color-base-900: #cfd0d2;
+  --color-base-900-rgb: 207, 208, 210;
+  --color-base-1000: #e4e4e5;
+  --color-base-1000-rgb: 228, 228, 229;
+  --color-base-1100: #fbfbfb;
+  --color-base-1100-rgb: 251, 251, 251;
+  --color-base-content: #e4e4e5;
+  --color-base-content-rgb: 228, 228, 229;
+  --color-base-content-secondary: #87898c;
+  --color-base-content-secondary-rgb: 135, 137, 140;
+  --color-base-content-invert: #171314;
+  --color-base-content-invert-rgb: 23, 19, 20;
+  --color-accent: #e4e4e5;
+  --color-accent-rgb: 228, 228, 229;
+  --color-accent-focus: #cfd0d2;
+  --color-accent-focus-rgb: 207, 208, 210;
+  --color-accent-content: #171314;
+  --color-accent-content-rgb: 23, 19, 20;
+  --color-focus: #f7d41d;
+  --color-focus-rgb: 247, 212, 29;
+  --color-error: #bd282c;
+  --color-error-rgb: 189, 40, 44;
+  --color-error-hover: #ea383b;
+  --color-error-hover-rgb: 234, 56, 59;
+  --color-success: #3f6f1f;
+  --color-success-rgb: 63, 111, 31;
+  --color-success-hover: #4a8d1d;
+  --color-success-hover-rgb: 74, 141, 29;
+  --color-link: #658fcb;
+  --color-link-rgb: 101, 143, 203;
+  --color-link-hover: #7ba1d4;
+  --color-link-hover-rgb: 123, 161, 212;
+  --color-link-active: #2b5190;
+  --color-link-active-rgb: 43, 81, 144;
+  --color-link-visited: #9661e2;
+  --color-link-visited-rgb: 150, 97, 226;
+  --color-warning: #e68813;
+  --color-warning-rgb: 230, 136, 19;
+  --color-info: #527ebe;
+  --color-info-rgb: 82, 126, 190;
+  --color-info-hover: #658fcb;
+  --color-info-hover-rgb: 101, 143, 203;
+  --color-footer: #cfd0d2;
+  --color-footer-rgb: 207, 208, 210;
+  --color-footer-hover: #a7a9ac;
+  --color-footer-hover-rgb: 167, 169, 172;
+  --color-white: #fefffe;
+  --color-white-rgb: 254, 255, 254;
+  --color-black: #171314;
+  --color-black-rgb: 23, 19, 20;
+  --text-sm-default: 0.875rem;
+  --text-base-default: 1rem;
+  --text-lg-default: 1.1875rem;
+  --text-xl-default: 1.25rem;
+  --text-2xl-default: 1.5rem;
+  --text-3xl-default: 1.875rem;
+  --text-4xl-default: 2.25rem;
+  --text-5xl-default: 3rem;
+  --text-sm-large: 1rem;
+  --text-base-large: 1.25rem;
+  --text-lg-large: 1.4rem;
+  --text-xl-large: 1.6rem;
+  --text-2xl-large: 1.875rem;
+  --text-3xl-large: 2.25rem;
+  --text-4xl-large: 2.5rem;
+  --text-5xl-large: 3rem;
+  --text-sm: var(--text-sm-default);
+  --text-base: var(--text-base-default);
+  --text-lg: var(--text-lg-default);
+  --text-xl: var(--text-xl-default);
+  --text-2xl: var(--text-2xl-default);
+  --text-3xl: var(--text-3xl-default);
+  --text-4xl: var(--text-4xl-default);
+  --text-5xl: var(--text-5xl-default);
+  --line-h-sm-default: 1.375;
+  --line-h-base-default: 1.375;
+  --line-h-lg-default: 1.375;
+  --line-h-xl-default: 1.25;
+  --line-h-2xl-default: 1.25;
+  --line-h-3xl-default: 1.25;
+  --line-h-4xl-default: 1.25;
+  --line-h-5xl-default: 1.25;
+  --line-h-sm-large: 2;
+  --line-h-base-large: 2;
+  --line-h-lg-large: 2;
+  --line-h-xl-large: 1.75;
+  --line-h-2xl-large: 1.75;
+  --line-h-3xl-large: 1.5;
+  --line-h-4xl-large: 1.5;
+  --line-h-5xl-large: 1.25;
+  --line-h-sm: var(--line-h-sm-default);
+  --line-h-base: var(--line-h-base-default);
+  --line-h-lg: var(--line-h-lg-default);
+  --line-h-xl: var(--line-h-xl-default);
+  --line-h-2xl: var(--line-h-2xl-default);
+  --line-h-3xl: var(--line-h-3xl-default);
+  --line-h-4xl: var(--line-h-4xl-default);
+  --line-h-5xl: var(--line-h-5xl-default);
+  --letter-spacing-normal-default: normal;
+  --letter-spacing-wide-default: 0.025rem;
+  --letter-spacing-wider-default: 0.05rem;
+  --letter-spacing-widest-default: 0.075rem;
+  --letter-spacing-normal-extra: 0.05rem;
+  --letter-spacing-wide-extra: 0.075rem;
+  --letter-spacing-wider-extra: 0.01rem;
+  --letter-spacing-widest-extra: 0.125rem;
+  --letter-spacing-normal: var(--letter-spacing-normal-default);
+  --letter-spacing-wide: var(--letter-spacing-wide-default);
+  --letter-spacing-wider: var(--letter-spacing-wider-default);
+  --letter-spacing-widest: var(--letter-spacing-widest-default);
+  --border-radius-md: 4px;
+  --border-radius-lg: 8px;
+  --color-header-text: var(--black);
+  --color-header-text-hover: var(--black);
+}
+
+:root.darker,
+.darker {
+  --color-gray-100: #020202;
+  --color-gray-100-rgb: 2, 2, 2;
+  --color-gray-200: #1c1819;
+  --color-gray-200-rgb: 28, 24, 25;
+  --color-gray-300: #333031;
+  --color-gray-300-rgb: 51, 48, 49;
+  --color-gray-400: #444244;
+  --color-gray-400-rgb: 68, 66, 68;
+  --color-gray-500: #565658;
+  --color-gray-500-rgb: 86, 86, 88;
+  --color-gray-600: #6a6a6d;
+  --color-gray-600-rgb: 106, 106, 109;
+  --color-gray-700: #7e8083;
+  --color-gray-700-rgb: 126, 128, 131;
+  --color-gray-800: #9d9fa2;
+  --color-gray-800-rgb: 157, 159, 162;
+  --color-gray-900: #c3c5c7;
+  --color-gray-900-rgb: 195, 197, 199;
+  --color-gray-1000: #d8d8da;
+  --color-gray-1000-rgb: 216, 216, 218;
+  --color-gray-1100: #ededee;
+  --color-gray-1100-rgb: 237, 237, 238;
+  --color-gray-1200: #fefffe;
+  --color-gray-1200-rgb: 254, 255, 254;
+  --color-red-100: #8b2525;
+  --color-red-100-rgb: 139, 37, 37;
+  --color-red-200: #ad2729;
+  --color-red-200-rgb: 173, 39, 41;
+  --color-red-300: #dd2f34;
+  --color-red-300-rgb: 221, 47, 52;
+  --color-red-400: #f24142;
+  --color-red-400-rgb: 242, 65, 66;
+  --color-red-500: #ff5e59;
+  --color-red-500-rgb: 255, 94, 89;
+  --color-red-600: #ff9990;
+  --color-red-600-rgb: 255, 153, 144;
+  --color-red-700: #ffb1aa;
+  --color-red-700-rgb: 255, 177, 170;
+  --color-orange-100: #67431b;
+  --color-orange-100-rgb: 103, 67, 27;
+  --color-orange-200: #81501b;
+  --color-orange-200-rgb: 129, 80, 27;
+  --color-orange-300: #a86518;
+  --color-orange-300-rgb: 168, 101, 24;
+  --color-orange-400: #c07214;
+  --color-orange-400-rgb: 192, 114, 20;
+  --color-orange-500: #d97f11;
+  --color-orange-500-rgb: 217, 127, 17;
+  --color-orange-600: #ff9e2c;
+  --color-orange-600-rgb: 255, 158, 44;
+  --color-orange-700: #ffb658;
+  --color-orange-700-rgb: 255, 182, 88;
+  --color-green-100: #33531e;
+  --color-green-100-rgb: 51, 83, 30;
+  --color-green-200: #3b661f;
+  --color-green-200-rgb: 59, 102, 31;
+  --color-green-300: #46831e;
+  --color-green-300-rgb: 70, 131, 30;
+  --color-green-400: #4d951c;
+  --color-green-400-rgb: 77, 149, 28;
+  --color-green-500: #55a81e;
+  --color-green-500-rgb: 85, 168, 30;
+  --color-green-600: #7fc758;
+  --color-green-600-rgb: 127, 199, 88;
+  --color-green-700: #9dd381;
+  --color-green-700-rgb: 157, 211, 129;
+  --color-blue-100: #254a86;
+  --color-blue-100-rgb: 37, 74, 134;
+  --color-blue-200: #325b9b;
+  --color-blue-200-rgb: 50, 91, 155;
+  --color-blue-300: #4976b6;
+  --color-blue-300-rgb: 73, 118, 182;
+  --color-blue-400: #5b86c4;
+  --color-blue-400-rgb: 91, 134, 196;
+  --color-blue-500: #6f97cf;
+  --color-blue-500-rgb: 111, 151, 207;
+  --color-blue-600: #9bb7dc;
+  --color-blue-600-rgb: 155, 183, 220;
+  --color-blue-700: #b2c6e2;
+  --color-blue-700-rgb: 178, 198, 226;
+  --color-purple-100: #4b437c;
+  --color-purple-100-rgb: 75, 67, 124;
+  --color-purple-200: #5c509e;
+  --color-purple-200-rgb: 92, 80, 158;
+  --color-purple-300: #8858e2;
+  --color-purple-300-rgb: 136, 88, 226;
+  --color-purple-400: #9c6ce1;
+  --color-purple-400-rgb: 156, 108, 225;
+  --color-purple-500: #a883df;
+  --color-purple-500-rgb: 168, 131, 223;
+  --color-purple-600: #bface0;
+  --color-purple-600-rgb: 191, 172, 224;
+  --color-purple-700: #ccbfe3;
+  --color-purple-700-rgb: 204, 191, 227;
+  --color-yellow-100: #f7d41d;
+  --color-yellow-100-rgb: 247, 212, 29;
+  --color-primary-100: #ffb85b;
+  --color-primary-100-rgb: 255, 184, 91;
+  --color-primary-200: #f7941d;
+  --color-primary-200-rgb: 247, 148, 29;
+  --color-primary-300: #de8311;
+  --color-primary-300-rgb: 222, 131, 17;
+  --color-primary: #f7941d;
+  --color-primary-rgb: 247, 148, 29;
+  --color-secondary-100: #85abdf;
+  --color-secondary-100-rgb: 133, 171, 223;
+  --color-secondary-200: #6993cd;
+  --color-secondary-200-rgb: 105, 147, 205;
+  --color-secondary-300: #5b82b8;
+  --color-secondary-300-rgb: 91, 130, 184;
+  --color-secondary: #6993cd;
+  --color-secondary-rgb: 105, 147, 205;
+  --color-tertiary-100: #263d69;
+  --color-tertiary-100-rgb: 38, 61, 105;
+  --color-tertiary-200: #102958;
+  --color-tertiary-200-rgb: 16, 41, 88;
+  --color-tertiary-300: #02153f;
+  --color-tertiary-300-rgb: 2, 21, 63;
+  --color-tertiary: #102958;
+  --color-tertiary-rgb: 16, 41, 88;
+  --color-base-100: #020202;
+  --color-base-100-rgb: 2, 2, 2;
+  --color-base-200: #1c1819;
+  --color-base-200-rgb: 28, 24, 25;
+  --color-base-300: #333031;
+  --color-base-300-rgb: 51, 48, 49;
+  --color-base-400: #444244;
+  --color-base-400-rgb: 68, 66, 68;
+  --color-base-500: #565658;
+  --color-base-500-rgb: 86, 86, 88;
+  --color-base-600: #6a6a6d;
+  --color-base-600-rgb: 106, 106, 109;
+  --color-base-700: #7e8083;
+  --color-base-700-rgb: 126, 128, 131;
+  --color-base-800: #9d9fa2;
+  --color-base-800-rgb: 157, 159, 162;
+  --color-base-900: #c3c5c7;
+  --color-base-900-rgb: 195, 197, 199;
+  --color-base-1000: #d8d8da;
+  --color-base-1000-rgb: 216, 216, 218;
+  --color-base-1100: #ededee;
+  --color-base-1100-rgb: 237, 237, 238;
+  --color-base-content: #d8d8da;
+  --color-base-content-rgb: 216, 216, 218;
+  --color-base-content-secondary: #7e8083;
+  --color-base-content-secondary-rgb: 126, 128, 131;
+  --color-base-content-invert: #020202;
+  --color-base-content-invert-rgb: 2, 2, 2;
+  --color-accent: #d8d8da;
+  --color-accent-rgb: 216, 216, 218;
+  --color-accent-focus: #c3c5c7;
+  --color-accent-focus-rgb: 195, 197, 199;
+  --color-accent-content: #020202;
+  --color-accent-content-rgb: 2, 2, 2;
+  --color-focus: #f7d41d;
+  --color-focus-rgb: 247, 212, 29;
+  --color-error: #dd2f34;
+  --color-error-rgb: 221, 47, 52;
+  --color-error-hover: #f24142;
+  --color-error-hover-rgb: 242, 65, 66;
+  --color-success: #46831e;
+  --color-success-rgb: 70, 131, 30;
+  --color-success-hover: #4d951c;
+  --color-success-hover-rgb: 77, 149, 28;
+  --color-link: #5b86c4;
+  --color-link-rgb: 91, 134, 196;
+  --color-link-hover: #6f97cf;
+  --color-link-hover-rgb: 111, 151, 207;
+  --color-link-active: #254a86;
+  --color-link-active-rgb: 37, 74, 134;
+  --color-link-visited: #8858e2;
+  --color-link-visited-rgb: 136, 88, 226;
+  --color-warning: #d97f11;
+  --color-warning-rgb: 217, 127, 17;
+  --color-info: #325b9b;
+  --color-info-rgb: 50, 91, 155;
+  --color-info-hover: #4976b6;
+  --color-info-hover-rgb: 73, 118, 182;
+  --color-footer: #020202;
+  --color-footer-rgb: 2, 2, 2;
+  --color-footer-hover: #1c1819;
+  --color-footer-hover-rgb: 28, 24, 25;
+  --color-white: #fefffe;
+  --color-white-rgb: 254, 255, 254;
+  --color-black: #020202;
+  --color-black-rgb: 2, 2, 2;
+  --text-sm-default: 0.875rem;
+  --text-base-default: 1rem;
+  --text-lg-default: 1.1875rem;
+  --text-xl-default: 1.25rem;
+  --text-2xl-default: 1.5rem;
+  --text-3xl-default: 1.875rem;
+  --text-4xl-default: 2.25rem;
+  --text-5xl-default: 3rem;
+  --text-sm-large: 1rem;
+  --text-base-large: 1.25rem;
+  --text-lg-large: 1.4rem;
+  --text-xl-large: 1.6rem;
+  --text-2xl-large: 1.875rem;
+  --text-3xl-large: 2.25rem;
+  --text-4xl-large: 2.5rem;
+  --text-5xl-large: 3rem;
+  --text-sm: var(--text-sm-default);
+  --text-base: var(--text-base-default);
+  --text-lg: var(--text-lg-default);
+  --text-xl: var(--text-xl-default);
+  --text-2xl: var(--text-2xl-default);
+  --text-3xl: var(--text-3xl-default);
+  --text-4xl: var(--text-4xl-default);
+  --text-5xl: var(--text-5xl-default);
+  --line-h-sm-default: 1.375;
+  --line-h-base-default: 1.375;
+  --line-h-lg-default: 1.375;
+  --line-h-xl-default: 1.25;
+  --line-h-2xl-default: 1.25;
+  --line-h-3xl-default: 1.25;
+  --line-h-4xl-default: 1.25;
+  --line-h-5xl-default: 1.25;
+  --line-h-sm-large: 2;
+  --line-h-base-large: 2;
+  --line-h-lg-large: 2;
+  --line-h-xl-large: 1.75;
+  --line-h-2xl-large: 1.75;
+  --line-h-3xl-large: 1.5;
+  --line-h-4xl-large: 1.5;
+  --line-h-5xl-large: 1.25;
+  --line-h-sm: var(--line-h-sm-default);
+  --line-h-base: var(--line-h-base-default);
+  --line-h-lg: var(--line-h-lg-default);
+  --line-h-xl: var(--line-h-xl-default);
+  --line-h-2xl: var(--line-h-2xl-default);
+  --line-h-3xl: var(--line-h-3xl-default);
+  --line-h-4xl: var(--line-h-4xl-default);
+  --line-h-5xl: var(--line-h-5xl-default);
+  --letter-spacing-normal-default: normal;
+  --letter-spacing-wide-default: 0.025rem;
+  --letter-spacing-wider-default: 0.05rem;
+  --letter-spacing-widest-default: 0.075rem;
+  --letter-spacing-normal-extra: 0.05rem;
+  --letter-spacing-wide-extra: 0.075rem;
+  --letter-spacing-wider-extra: 0.01rem;
+  --letter-spacing-widest-extra: 0.125rem;
+  --letter-spacing-normal: var(--letter-spacing-normal-default);
+  --letter-spacing-wide: var(--letter-spacing-wide-default);
+  --letter-spacing-wider: var(--letter-spacing-wider-default);
+  --letter-spacing-widest: var(--letter-spacing-widest-default);
+  --border-radius-md: 4px;
+  --border-radius-lg: 8px;
+  --color-header-text: var(--black);
+  --color-header-text-hover: var(--black);
+}
+.ds-accordion__section-summary {
+  --accordion__section-summary-background: var(--color-base-200);
+  --accordion__section-summary-background-hover: var(--color-base-300);
+}
+.ds-btn {
+  --btn-border-radius: 4px;
+  --btn-border-bottom-width-native: 0;
+}
+.ds-btn-primary {
+  --btn-primary-background-color: var(--color-primary);
+  --btn-primary-color: var(--color-base-content);
+  --btn-primary-background-color-hover: var(--color-primary-300);
+  --btn-primary-color-hover: var(--color-base-content);
+  --btn-primary-background-color-active: var(--color-primary-300);
+  --btn-primary-box-shadow: 0;
+}
+@media print {
+.ds-btn-primary {
+    --btn-primary-background-color: var(--color-white);
+    --btn-primary-color: var(--color-base-content)
+}
+  }
+.ds-btn-secondary {
+  --btn-secondary-background-color: var(--color-base-300);
+  --btn-secondary-color: var(--color-base-content);
+  --btn-secondary-background-color-hover: var(--color-base-400);
+  --btn-secondary-color-hover: var(--color-base-content);
+  --btn-secondary-background-color-active: var(--color-base-500);
+  --btn-secondary-box-shadow: 0;
+}
+@media print {
+.ds-btn-secondary {
+    --btn-secondary-background-color: var(--color-white);
+    --btn-secondary-color: var(--color-base-content)
+}
+  }
+.ds-btn-warning {
+  --btn-warning-background-color: var(--color-error);
+  --btn-warning-color: var(--color-white);
+  --btn-warning-background-color-hover: var(--color-error-hover);
+  --btn-warning-color-hover: var(--color-white);
+  --btn-warning-background-color-active: var(--color-error-hover);
+  --btn-warning-box-shadow: 0;
+}
+@media print {
+.ds-btn-warning {
+    --btn-warning-background-color: var(--color-white);
+    --btn-warning-color: var(--color-base-content)
+}
+  }
+.ds-card__text {
+  --card__text-font-size: var(--text-base);
+  --card__text-line-height: var(--line-h-base);
+}
+@media (min-width: 768px) {
+.ds-card__text {
+    --card__text-font-size: var(--text-lg);
+    --card__text-line-height: var(--line-h-lg)
+}
+  }
+.ds-card {
+  --card-border-radius: var(--border-radius-lg);
+  --card-background-color: var(--color-base-200);
+  --card-padding-x: 1rem;
+  --card-padding-y: 1.5rem;
+}
+.ds-footer {
+  --footer-border: solid var(--color-tertiary);
+  --footer-border-width: 0;
+  --footer-background-color: var(--color-base-900);
+  --footer-color: var(--color-base-200);
+}
+.ds-footer__link {
+  --footer__link-text-decoration: none;
+  --footer__link-text-decoration-hover: underline;
+  --footer__link-color-hover: var(--color-base-300);
+  --footer__link-color-focus: var(--color-base-content);
+}
+.ds-header {
+  --header-border: solid var(--color-base-300);
+  --header-border-width: 0 0 1px 0;
+  --header-background: var(--color-base-200);
+}
+.ds-header__title {
+  --header__title-color: var(--header-color);
+  --header__title-color-hover: var(--header-color-hover);
+}
+.ds-circular-progress__circle--1 {
+  --circular-progress__circle--1-stroke: var(--color-secondary);
+}
+.ds-circular-progress__circle--2 {
+  --circular-progress__circle--2-stroke: var(--color-tertiary);
+}
+.ds-tabs__panel {
+  --tabs__panel-border-radius: 0 var(--border-radius-md) var(--border-radius-lg);
+}
+:root {
+  --text-sm-default: 0.875rem;
+  --text-base-default: 1rem;
+  --text-lg-default: 1.1875rem;
+  --text-xl-default: 1.25rem;
+  --text-2xl-default: 1.5rem;
+  --text-3xl-default: 1.875rem;
+  --text-4xl-default: 2.25rem;
+  --text-5xl-default: 3rem;
+
+  --text-sm-large: 1rem;
+  --text-base-large: 1.25rem;
+  --text-lg-large: 1.4rem;
+  --text-xl-large: 1.6rem;
+  --text-2xl-large: 1.875rem;
+  --text-3xl-large: 2.25rem;
+  --text-4xl-large: 2.5rem;
+  --text-5xl-large: 3rem;
+
+  --text-sm: var(--text-sm-default);
+  --text-base: var(--text-base-default);
+  --text-lg: var(--text-lg-default);
+  --text-xl: var(--text-xl-default);
+  --text-2xl: var(--text-2xl-default);
+  --text-3xl: var(--text-3xl-default);
+  --text-4xl: var(--text-4xl-default);
+  --text-5xl: var(--text-5xl-default);
+
+  --line-h-sm-default: 1.375;
+  --line-h-base-default: 1.375;
+  --line-h-lg-default: 1.375;
+  --line-h-xl-default: 1.25;
+  --line-h-2xl-default: 1.25;
+  --line-h-3xl-default: 1.25;
+  --line-h-4xl-default: 1.25;
+  --line-h-5xl-default: 1.25;
+
+  --line-h-sm-large: 2;
+  --line-h-base-large: 2;
+  --line-h-lg-large: 2;
+  --line-h-xl-large: 1.75;
+  --line-h-2xl-large: 1.75;
+  --line-h-3xl-large: 1.5;
+  --line-h-4xl-large: 1.5;
+  --line-h-5xl-large: 1.25;
+
+  --line-h-sm: var(--line-h-sm-default);
+  --line-h-base: var(--line-h-base-default);
+  --line-h-lg: var(--line-h-lg-default);
+  --line-h-xl: var(--line-h-xl-default);
+  --line-h-2xl: var(--line-h-2xl-default);
+  --line-h-3xl: var(--line-h-3xl-default);
+  --line-h-4xl: var(--line-h-4xl-default);
+  --line-h-5xl: var(--line-h-5xl-default);
+
+  --letter-spacing-normal-default: normal;
+  --letter-spacing-wide-default: 0.025rem;
+  --letter-spacing-wider-default: 0.05rem;
+  --letter-spacing-widest-default: 0.075rem;
+
+  --letter-spacing-normal-extra: 0.05rem;
+  --letter-spacing-wide-extra: 0.075rem;
+  --letter-spacing-wider-extra: 0.01rem;
+  --letter-spacing-widest-extra: 0.125rem;
+
+  --letter-spacing-normal: var(--letter-spacing-normal-default);
+  --letter-spacing-wide: var(--letter-spacing-wide-default);
+  --letter-spacing-wider: var(--letter-spacing-wider-default);
+  --letter-spacing-widest: var(--letter-spacing-widest-default);
+
+  --border-radius-md: 4px;
+  --border-radius-lg: 8px;
+
+  /* TODO: This was not originally defined */
+  --color-footer-link: var(--color-link);
+  --color-footer-link-hover: var(--color-link-hover);
+
+  --color-header-text: var(--black);
+  --color-header-text-hover: var(--black);
+}
+
+.ds-accordion__section-heading {
+  --accordion__section-heading-font-size: var(--text-lg);
+}
+
+@media (min-width: 768px) {
+
+.ds-accordion__section-heading {
+    --accordion__section-heading-font-size: var(--text-xl)
+}
+  }
+
+.ds-accordion__section-summary {
+  --accordion__section-summary-background: var(--color-base-200);
+  --accordion__section-summary-background-hover: var(--color-base-300);
+}
+
+.ds-breadcrumbs__list-item {
+  --breadcrumbs__list-item-font-size: var(--text-sm);
+}
+
+@media (min-width: 768px) {
+
+.ds-breadcrumbs__list-item {
+    --breadcrumbs__list-item-font-size: var(--text-base)
+}
+  }
+
+.ds-back-to-top-link {
+  --back-to-top-link-color: var(--color-link);
+  --back-to-top-link-color-active: var(--color-link-active);
+  --back-to-top-link-color-hover: var(--color-link-hover);
+  --back-to-top-link-padding: 0px;
+  --back-to-top-link-font-size: var(--text-base);
+  --back-to-top-link-line-height: var(--line-h-base);
+  --back-to-top-link-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-back-to-top-link {
+    --back-to-top-link-font-size: var(--text-lg);
+    --back-to-top-link-line-height: var(--line-h-lg)
+}
+  }
+
+.ds-btn {
+  --btn-border-radius: 4px;
+  --btn-padding: 0.5rem 1.25rem;
+  --btn-letter-spacing: var(--letter-spacing-wide);
+  --btn-font-size: var(--text-base);
+}
+
+@media (min-width: 768px) {
+
+.ds-btn {
+    --btn-font-size: var(--text-lg)
+}
+  }
+
+@media print {
+
+.ds-btn {
+    --btn-padding: 0.5rem 1rem
+}
+  }
+
+.ds-btn-cta {
+  --btn-cta-font-size: var(--text-lg);
+}
+
+@media (min-width: 768px) {
+
+.ds-btn-cta {
+    --btn-cta-font-size: var(--text-xl)
+}
+  }
+
+.ds-btn-primary {
+  --btn-primary-background-color: var(--color-primary);
+  --btn-primary-color: var(--color-base-content);
+  --btn-primary-background-color-hover: var(--color-primary-300);
+  --btn-primary-color-hover: var(--color-base-content);
+  --btn-primary-background-color-active: var(--color-primary-300);
+  --btn-primary-box-shadow: 0;
+}
+
+@media print {
+
+.ds-btn-primary {
+    --btn-primary-background-color: var(--color-white);
+    --btn-primary-color: var(--color-base-content)
+}
+  }
+
+.ds-btn-secondary {
+  --btn-secondary-background-color: var(--color-base-300);
+  --btn-secondary-color: var(--color-base-content);
+  --btn-secondary-background-color-hover: var(--color-base-400);
+  --btn-secondary-color-hover: var(--color-base-content);
+  --btn-secondary-background-color-active: var(--color-base-500);
+  --btn-secondary-box-shadow: 0;
+}
+
+@media print {
+
+.ds-btn-secondary {
+    --btn-secondary-background-color: var(--color-white);
+    --btn-secondary-color: var(--color-base-content)
+}
+  }
+
+.ds-btn-warning {
+  --btn-warning-background-color: var(--color-error);
+  --btn-warning-color: var(--color-white);
+  --btn-warning-background-color-hover: var(--color-error-hover);
+  --btn-warning-color-hover: var(--color-white);
+  --btn-warning-background-color-active: var(--color-error-hover);
+  --btn-warning-box-shadow: 0;
+}
+
+@media print {
+
+.ds-btn-warning {
+    --btn-warning-background-color: var(--color-white);
+    --btn-warning-color: var(--color-base-content)
+}
+  }
+
+.ds-card__text {
+  --card__text-font-size: var(--text-base);
+  --card__text-line-height: var(--line-h-base);
+}
+
+@media (min-width: 768px) {
+
+.ds-card__text {
+    --card__text-font-size: var(--text-lg);
+    --card__text-line-height: var(--line-h-lg)
+}
+  }
+
+.ds-card {
+  --card-border-radius: var(--border-radius-lg);
+  --card-background-color: var(--color-base-200);
+  --card-padding: 1.5rem 1rem;
+}
+
+.ds-label {
+  --label-font-size: var(--text-base);
+  --label-line-height: var(--line-h-base);
+  --label-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-label {
+    --label-font-size: var(--text-lg);
+    --label-line-height: var(--line-h-lg)
+}
+  }
+
+.ds-input {
+  --input-border-radius: var(--border-radius-md);
+}
+
+.ds-textarea {
+  --textarea-border-radius: var(--border-radius-md);
+}
+
+.ds-select {
+  --select-border-radius: var(--border-radius-md);
+}
+
+.ds-footer__copyright {
+  --footer__copyright-font-size: var(--text-sm);
+}
+
+@media (min-width: 768px) {
+
+.ds-footer__copyright {
+    --footer__copyright-font-size: var(--text-base)
+}
+  }
+
+.ds-footer {
+  --footer-border: solid var(--color-tertiary);
+  --footer-border-width: 0;
+  --footer-background-color: var(--color-base-900);
+  --footer-color: var(--color-base-200);
+}
+
+.ds-footer__link {
+  --footer__link-text-decoration: none;
+  --footer__link-text-decoration-hover: underline;
+  --footer__link-color-hover: var(--color-base-300);
+  --footer__link-color-focus: var(--color-base-content);
+}
+
+.ds-header {
+  --header-border: solid var(--color-base-300);
+  --header-border-width: 0 0 1px 0;
+  --header-background: var(--color-base-200);
+}
+
+.ds-header__title {
+  --header__title-color: var(--header-color);
+  --header__title-color-hover: var(--header-color-hover);
+}
+
+.ds-warning-text {
+  --warning-text-font-size: var(--text-base);
+}
+
+@media (min-width: 768px) {
+
+.ds-warning-text {
+    --warning-text-font-size: var(--text-lg)
+}
+  }
+
+.ds-details {
+  --details-font-size: var(--text-base);
+  --details-line-height: var(--line-h-base);
+}
+
+@media (min-width: 768px) {
+
+.ds-details {
+    --details-font-size: var(--text-lg);
+    --details-line-height: var(--line-h-lg)
+}
+  }
+
+.ds-details__summary {
+  --details__summary-font-size: var(--text-base);
+  --details__summary-line-height: var(--line-h-base);
+}
+
+@media (min-width: 768px) {
+
+.ds-details__summary {
+    --details__summary-font-size: var(--text-lg);
+    --details__summary-line-height: var(--line-h-lg)
+}
+  }
+
+.ds-details__summary--lg {
+  --details__summary--lg-font-size: var(--text-lg);
+  --details__summary--lg-line-height: var(--line-h-lg);
+}
+
+@media (min-width: 768px) {
+
+.ds-details__summary--lg {
+    --details__summary--lg-font-size: var(--text-xl);
+    --details__summary--lg-line-height: var(--line-h-xl)
+}
+  }
+
+.ds-blockquote {
+  --blockquote-font-size: var(--text-base);
+  --blockquote-line-height: var(--line-h-base);
+}
+
+@media (min-width: 768px) {
+
+.ds-blockquote {
+    --blockquote-font-size: var(--text-lg);
+    --blockquote-line-height: var(--line-h-lg)
+}
+  }
+
+.ds-notification-banner {
+  --notification-banner-border-radius: var(--border-radius-md);
+}
+
+.ds-circular-progress__circle--1 {
+  --circular-progress__circle--1-stroke: var(--color-secondary);
+}
+
+.ds-circular-progress__circle--2 {
+  --circular-progress__circle--2-stroke: var(--color-tertiary);
+}
+
+.ds-tabs__panel {
+  --tabs__panel-border-radius: 0 var(--border-radius-md) var(--border-radius-lg);
+}
+
+.ds-panel {
+  --panel-border-radius: var(--border-radius-md);
+}
+
+.ds-panel__title {
+  --panel__title-font-size: var(--text-4xl);
+  --panel__title-line-height: var(--line-h-4xl);
+  --panel__title-margin-bottom: 1rem;
+  --panel__title-font-weight: 700;
+  --panel__title-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-panel__title {
+    --panel__title-font-size: var(--text-5xl);
+    --panel__title-line-height: var(--line-h-5xl);
+    --panel__title-margin-bottom: 1.5rem
+}
+  }
+
+@media print {
+
+.ds-panel__title {
+    --panel__title-font-size: var(--text-4xl);
+    --panel__title-line-height: var(--line-h-4xl);
+    --panel__title-margin-bottom: 1.5rem
+}
+  }
+
+.ds-panel__body {
+  --panel__body-font-size: var(--text-2xl);
+  --panel__body-line-height: var(--line-h-2xl);
+  --panel__body-margin: auto;
+  --panel__body-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-panel__body {
+    --panel__body-font-size: var(--text-4xl);
+    --panel__body-line-height: var(--line-h-4xl)
+}
+  }
+
+@media print {
+
+.ds-panel__body {
+    --panel__body-font-size: var(--text-2xl);
+    --panel__body-line-height: var(--line-h-2xl)
+}
+  }
+
+.ds-phase-banner__content {
+  --phase-banner__content-font-size: var(--text-base);
+}
+
+@media (min-width: 768px) {
+
+.ds-phase-banner__content {
+    --phase-banner__content-font-size: var(--text-lg)
+}
+  }
+
+.ds-radios__label {
+  --radios__label-font-size: var(--text-base);
+}
+
+@media (min-width: 768px) {
+
+.ds-radios__label {
+    --radios__label-font-size: var(--text-lg)
+}
+  }
+
+.ds-summary-list {
+  --summary-list-font-size: var(--text-base);
+}
+
+@media (min-width: 768px) {
+
+.ds-summary-list {
+    --summary-list-font-size: var(--text-lg)
+}
+  }
+
+.ds-heading-xl {
+  --heading-xl-font-size: var(--text-3xl);
+  --heading-xl-line-height: var(--line-h-3xl);
+  --heading-xl-margin-bottom: 2rem;
+  --heading-xl-font-weight: 700;
+  --heading-xl-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-heading-xl {
+    --heading-xl-font-size: var(--text-5xl);
+    --heading-xl-line-height: var(--line-h-5xl);
+    --heading-xl-margin-bottom: 3rem
+}
+  }
+
+.ds-heading-lg {
+  --heading-lg-font-size: var(--text-2xl);
+  --heading-lg-line-height: var(--line-h-2xl);
+  --heading-lg-margin-bottom: 2rem;
+  --heading-lg-font-weight: 700;
+  --heading-lg-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-heading-lg {
+    --heading-lg-font-size: var(--text-4xl);
+    --heading-lg-line-height: var(--line-h-4xl);
+    --heading-lg-margin-bottom: 2.5rem
+}
+  }
+
+.ds-heading-md {
+  --heading-md-font-size: var(--text-xl);
+  --heading-md-line-height: var(--line-h-xl);
+  --heading-md-margin-bottom: 1.5rem;
+  --heading-md-font-weight: 700;
+  --heading-md-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-heading-md {
+    --heading-md-font-size: var(--text-2xl);
+    --heading-md-line-height: var(--line-h-2xl);
+    --heading-md-margin-bottom: 2rem
+}
+  }
+
+.ds-heading-sm {
+  --heading-sm-font-size: var(--text-base);
+  --heading-sm-line-height: var(--line-h-base);
+  --heading-sm-margin-bottom: 0.75rem;
+  --heading-sm-font-weight: 700;
+  --heading-sm-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-heading-sm {
+    --heading-sm-font-size: var(--text-lg);
+    --heading-sm-line-height: var(--line-h-lg);
+    --heading-sm-margin-bottom: 1.25rem
+}
+  }
+
+.ds-heading-xs {
+  --heading-xs-font-size: var(--text-sm);
+  --heading-xs-line-height: var(--line-h-sm);
+  --heading-xs-margin-bottom: 0.5rem;
+  --heading-xs-font-weight: 700;
+  --heading-xs-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-heading-xs {
+    --heading-xs-font-size: var(--text-base);
+    --heading-xs-line-height: var(--line-h-base);
+    --heading-xs-margin-bottom: 1rem
+}
+  }
+
+.ds-caption-xl {
+  --caption-xl-font-size: var(--text-xl);
+  --caption-xl-line-height: var(--line-h-xl);
+  --caption-xl-margin-bottom: 0.25rem;
+  --caption-xl-color: var(--color-base-800);
+  --caption-xl-font-weight: 400;
+  --caption-xl-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-caption-xl {
+    --caption-xl-font-size: var(--text-2xl);
+    --caption-xl-line-height: var(--line-h-2xl);
+    --caption-xl-margin-bottom: 0.5rem
+}
+  }
+
+.ds-caption-lg {
+  --caption-lg-font-size: var(--text-lg);
+  --caption-lg-line-height: var(--line-h-lg);
+  --caption-lg-margin-bottom: 0rem;
+  --caption-lg-color: var(--color-base-800);
+  --caption-lg-font-weight: 400;
+  --caption-lg-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-caption-lg {
+    --caption-lg-font-size: var(--text-xl);
+    --caption-lg-line-height: var(--line-h-xl)
+}
+  }
+
+.ds-caption-md {
+  --caption-md-font-size: var(--text-base);
+  --caption-md-line-height: var(--line-h-base);
+  --caption-md-margin-bottom: 0rem;
+  --caption-md-color: var(--color-base-800);
+  --caption-md-font-weight: 400;
+  --caption-md-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-caption-md {
+    --caption-md-font-size: var(--text-lg);
+    --caption-md-line-height: var(--line-h-lg)
+}
+  }
+
+.ds-body {
+  --body-font-size: var(--text-base);
+  --body-line-height: var(--line-h-base);
+  --body-margin-bottom: 1rem;
+  --body-color: var(--color-base-content);
+  --body-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-body {
+    --body-font-size: var(--text-lg);
+    --body-line-height: var(--line-h-lg);
+    --body-margin-bottom: 2rem
+}
+  }
+
+.ds-body-lg {
+  --body-lg-font-size: var(--text-lg);
+  --body-lg-line-height: var(--line-h-lg);
+}
+
+.ds-body-sm {
+  --body-sm-font-size: var(--text-sm);
+  --body-sm-line-height: var(--line-h-sm);
+}
+
+.ds-hint {
+  --hint-font-size: var(--text-base);
+  --hint-line-height: var(--line-h-base);
+  --hint-margin-bottom: 1rem;
+  --hint-color: var(--color-base-800);
+  --hint-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-hint {
+    --hint-font-size: var(--text-lg);
+    --hint-line-height: var(--line-h-lg)
+}
+  }
+
+.ds-hint-lg {
+  --hint-lg-font-size: var(--text-lg);
+  --hint-lg-line-height: var(--line-h-lg);
+}
+
+.ds-hint-sm {
+  --hint-sm-font-size: var(--text-sm);
+  --hint-sm-line-height: var(--line-h-sm);
+}
+
+.ds-link {
+  --link-color: var(--color-link);
+  --link-color-active: var(--color-link-active);
+  --link-color-hover: var(--color-link-hover);
+  --link-padding: 0px;
+  --link-font-size: var(--text-base);
+  --link-line-height: var(--line-h-base);
+  --link-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-link {
+    --link-font-size: var(--text-lg);
+    --link-line-height: var(--line-h-lg)
+}
+  }
+
+.ds-back-link {
+  --back-link-font-size: var(--text-base);
+  --back-link-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-back-link {
+    --back-link-font-size: var(--text-lg)
+}
+  }
+
+.ds-list {
+  --list-font-size: var(--text-base);
+  --list-line-height: var(--line-h-base);
+  --list-letter-spacing: var(--letter-spacing-normal);
+}
+
+@media (min-width: 768px) {
+
+.ds-list {
+    --list-font-size: var(--text-lg);
+    --list-line-height: var(--line-h-lg)
+}
+  }