@digigov/theme-govgr 2.0.0-rc.21

package/dist/index.css

@@ -0,0 +1,1586 @@
+:root {
+  --color-gray-100: #fefefe;
+  --color-gray-100-rgb: 254, 254, 254;
+  --color-gray-200: #ecebec;
+  --color-gray-200-rgb: 236, 235, 236;
+  --color-gray-300: #cdccce;
+  --color-gray-300-rgb: 205, 204, 206;
+  --color-gray-400: #b3b2b5;
+  --color-gray-400-rgb: 179, 178, 181;
+  --color-gray-500: #99989c;
+  --color-gray-500-rgb: 153, 152, 156;
+  --color-gray-600: #828086;
+  --color-gray-600-rgb: 130, 128, 134;
+  --color-gray-700: #6d6a71;
+  --color-gray-700-rgb: 109, 106, 113;
+  --color-gray-800: #515058;
+  --color-gray-800-rgb: 81, 80, 88;
+  --color-gray-900: #32363d;
+  --color-gray-900-rgb: 50, 54, 61;
+  --color-gray-1000: #252830;
+  --color-gray-1000-rgb: 37, 40, 48;
+  --color-gray-1100: #14161b;
+  --color-gray-1100-rgb: 20, 22, 27;
+  --color-gray-1200: #000000;
+  --color-gray-1200-rgb: 0, 0, 0;
+  --color-red-100: #ec8f7c;
+  --color-red-100-rgb: 236, 143, 124;
+  --color-red-200: #e66f59;
+  --color-red-200-rgb: 230, 111, 89;
+  --color-red-300: #d6402b;
+  --color-red-300-rgb: 214, 64, 43;
+  --color-red-400: #c82415;
+  --color-red-400-rgb: 200, 36, 21;
+  --color-red-500: #b60202;
+  --color-red-500-rgb: 182, 2, 2;
+  --color-red-600: #880000;
+  --color-red-600-rgb: 136, 0, 0;
+  --color-red-700: #710602;
+  --color-red-700-rgb: 113, 6, 2;
+  --color-orange-100: #f39000;
+  --color-orange-100-rgb: 243, 144, 0;
+  --color-orange-200: #d47e00;
+  --color-orange-200-rgb: 212, 126, 0;
+  --color-orange-300: #a9660f;
+  --color-orange-300-rgb: 169, 102, 15;
+  --color-orange-400: #925a15;
+  --color-orange-400-rgb: 146, 90, 21;
+  --color-orange-500: #7c4f18;
+  --color-orange-500-rgb: 124, 79, 24;
+  --color-orange-600: #583b18;
+  --color-orange-600-rgb: 88, 59, 24;
+  --color-orange-700: #483117;
+  --color-orange-700-rgb: 72, 49, 23;
+  --color-green-100: #82b291;
+  --color-green-100-rgb: 130, 178, 145;
+  --color-green-200: #5da074;
+  --color-green-200-rgb: 93, 160, 116;
+  --color-green-300: #15874d;
+  --color-green-300-rgb: 21, 135, 77;
+  --color-green-400: #007738;
+  --color-green-400-rgb: 0, 119, 56;
+  --color-green-500: #006736;
+  --color-green-500-rgb: 0, 103, 54;
+  --color-green-600: #154a2b;
+  --color-green-600-rgb: 21, 74, 43;
+  --color-green-700: #173d25;
+  --color-green-700-rgb: 23, 61, 37;
+  --color-blue-100: #22b3f0;
+  --color-blue-100-rgb: 34, 179, 240;
+  --color-blue-200: #0099e9;
+  --color-blue-200-rgb: 0, 153, 233;
+  --color-blue-300: #0076d9;
+  --color-blue-300-rgb: 0, 118, 217;
+  --color-blue-400: #0064cc;
+  --color-blue-400-rgb: 0, 100, 204;
+  --color-blue-500: #0054ba;
+  --color-blue-500-rgb: 0, 84, 186;
+  --color-blue-600: #0e3d8b;
+  --color-blue-600-rgb: 14, 61, 139;
+  --color-blue-700: #12336f;
+  --color-blue-700-rgb: 18, 51, 111;
+  --color-purple-100: #b69be2;
+  --color-purple-100-rgb: 182, 155, 226;
+  --color-purple-200: #a67fe2;
+  --color-purple-200-rgb: 166, 127, 226;
+  --color-purple-300: #9057de;
+  --color-purple-300-rgb: 144, 87, 222;
+  --color-purple-400: #8045d4;
+  --color-purple-400-rgb: 128, 69, 212;
+  --color-purple-500: #6d38c2;
+  --color-purple-500-rgb: 109, 56, 194;
+  --color-purple-600: #4c2a90;
+  --color-purple-600-rgb: 76, 42, 144;
+  --color-purple-700: #3d2674;
+  --color-purple-700-rgb: 61, 38, 116;
+  --color-yellow-100: #ffdd00;
+  --color-yellow-100-rgb: 255, 221, 0;
+  --color-primary-100: #1f4884;
+  --color-primary-100-rgb: 31, 72, 132;
+  --color-primary-200: #003375;
+  --color-primary-200-rgb: 0, 51, 117;
+  --color-primary-300: #00225e;
+  --color-primary-300-rgb: 0, 34, 94;
+  --color-primary: #003375;
+  --color-primary-rgb: 0, 51, 117;
+  --color-secondary-100: #61c9ff;
+  --color-secondary-100-rgb: 97, 201, 255;
+  --color-secondary-200: #00b0f0;
+  --color-secondary-200-rgb: 0, 176, 240;
+  --color-secondary-300: #009cd8;
+  --color-secondary-300-rgb: 0, 156, 216;
+  --color-secondary: #00b0f0;
+  --color-secondary-rgb: 0, 176, 240;
+  --color-tertiary-100: #3379c1;
+  --color-tertiary-100-rgb: 51, 121, 193;
+  --color-tertiary-200: #0065b3;
+  --color-tertiary-200-rgb: 0, 101, 179;
+  --color-tertiary-300: #00559e;
+  --color-tertiary-300-rgb: 0, 85, 158;
+  --color-tertiary: #0065b3;
+  --color-tertiary-rgb: 0, 101, 179;
+  --color-base-100: #fefefe;
+  --color-base-100-rgb: 254, 254, 254;
+  --color-base-200: #ecebec;
+  --color-base-200-rgb: 236, 235, 236;
+  --color-base-300: #cdccce;
+  --color-base-300-rgb: 205, 204, 206;
+  --color-base-400: #b3b2b5;
+  --color-base-400-rgb: 179, 178, 181;
+  --color-base-500: #99989c;
+  --color-base-500-rgb: 153, 152, 156;
+  --color-base-600: #828086;
+  --color-base-600-rgb: 130, 128, 134;
+  --color-base-700: #6d6a71;
+  --color-base-700-rgb: 109, 106, 113;
+  --color-base-800: #515058;
+  --color-base-800-rgb: 81, 80, 88;
+  --color-base-900: #32363d;
+  --color-base-900-rgb: 50, 54, 61;
+  --color-base-1000: #252830;
+  --color-base-1000-rgb: 37, 40, 48;
+  --color-base-1100: #14161b;
+  --color-base-1100-rgb: 20, 22, 27;
+  --color-base-content: #252830;
+  --color-base-content-rgb: 37, 40, 48;
+  --color-base-content-secondary: #6d6a71;
+  --color-base-content-secondary-rgb: 109, 106, 113;
+  --color-base-content-invert: #fefefe;
+  --color-base-content-invert-rgb: 254, 254, 254;
+  --color-accent: #252830;
+  --color-accent-rgb: 37, 40, 48;
+  --color-accent-focus: #32363d;
+  --color-accent-focus-rgb: 50, 54, 61;
+  --color-accent-content: #fefefe;
+  --color-accent-content-rgb: 254, 254, 254;
+  --color-focus: #ffdd00;
+  --color-focus-rgb: 255, 221, 0;
+  --color-error: #b60202;
+  --color-error-rgb: 182, 2, 2;
+  --color-error-hover: #880000;
+  --color-error-hover-rgb: 136, 0, 0;
+  --color-error-text: #b60202;
+  --color-error-text-rgb: 182, 2, 2;
+  --color-success: #006736;
+  --color-success-rgb: 0, 103, 54;
+  --color-success-hover: #154a2b;
+  --color-success-hover-rgb: 21, 74, 43;
+  --color-link: #0054ba;
+  --color-link-rgb: 0, 84, 186;
+  --color-link-hover: #0e3d8b;
+  --color-link-hover-rgb: 14, 61, 139;
+  --color-link-active: #252830;
+  --color-link-active-rgb: 37, 40, 48;
+  --color-link-visited: #4c2a90;
+  --color-link-visited-rgb: 76, 42, 144;
+  --color-warning: #f39000;
+  --color-warning-rgb: 243, 144, 0;
+  --color-info: #0064cc;
+  --color-info-rgb: 0, 100, 204;
+  --color-info-hover: #0054ba;
+  --color-info-hover-rgb: 0, 84, 186;
+  --color-footer: #0054ba;
+  --color-footer-rgb: 0, 84, 186;
+  --color-footer-hover: #0e3d8b;
+  --color-footer-hover-rgb: 14, 61, 139;
+  --color-white: #fefefe;
+  --color-white-rgb: 254, 254, 254;
+  --color-black: #000000;
+  --color-black-rgb: 0, 0, 0;
+}
+
+:root.dark,
+.dark {
+  --color-gray-100: #111317;
+  --color-gray-100-rgb: 17, 19, 23;
+  --color-gray-200: #20242a;
+  --color-gray-200-rgb: 32, 36, 42;
+  --color-gray-300: #363941;
+  --color-gray-300-rgb: 54, 57, 65;
+  --color-gray-400: #4a4a52;
+  --color-gray-400-rgb: 74, 74, 82;
+  --color-gray-500: #5f5d65;
+  --color-gray-500-rgb: 95, 93, 101;
+  --color-gray-600: #747178;
+  --color-gray-600-rgb: 116, 113, 120;
+  --color-gray-700: #8a888e;
+  --color-gray-700-rgb: 138, 136, 142;
+  --color-gray-800: #aaa8ac;
+  --color-gray-800-rgb: 170, 168, 172;
+  --color-gray-900: #d1d0d2;
+  --color-gray-900-rgb: 209, 208, 210;
+  --color-gray-1000: #e5e4e5;
+  --color-gray-1000-rgb: 229, 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: #aa0000;
+  --color-red-100-rgb: 170, 0, 0;
+  --color-red-200: #c31c0f;
+  --color-red-200-rgb: 195, 28, 15;
+  --color-red-300: #db4d37;
+  --color-red-300-rgb: 219, 77, 55;
+  --color-red-400: #e46752;
+  --color-red-400-rgb: 228, 103, 82;
+  --color-red-500: #ea816e;
+  --color-red-500-rgb: 234, 129, 110;
+  --color-red-600: #f0b0a4;
+  --color-red-600-rgb: 240, 176, 164;
+  --color-red-700: #f1c7bf;
+  --color-red-700-rgb: 241, 199, 191;
+  --color-orange-100: #734919;
+  --color-orange-100-rgb: 115, 73, 25;
+  --color-orange-200: #8c5716;
+  --color-orange-200-rgb: 140, 87, 22;
+  --color-orange-300: #b56c0a;
+  --color-orange-300-rgb: 181, 108, 10;
+  --color-orange-400: #cd7a00;
+  --color-orange-400-rgb: 205, 122, 0;
+  --color-orange-500: #e68800;
+  --color-orange-500-rgb: 230, 136, 0;
+  --color-orange-600: #ffb037;
+  --color-orange-600-rgb: 255, 176, 55;
+  --color-orange-700: #ffc76c;
+  --color-orange-700-rgb: 255, 199, 108;
+  --color-green-100: #085f33;
+  --color-green-100-rgb: 8, 95, 51;
+  --color-green-200: #007339;
+  --color-green-200-rgb: 0, 115, 57;
+  --color-green-300: #2e8e56;
+  --color-green-300-rgb: 46, 142, 86;
+  --color-green-400: #549c6d;
+  --color-green-400-rgb: 84, 156, 109;
+  --color-green-500: #73ab84;
+  --color-green-500-rgb: 115, 171, 132;
+  --color-green-600: #a9c7b1;
+  --color-green-600-rgb: 169, 199, 177;
+  --color-green-700: #c0d6c6;
+  --color-green-700-rgb: 192, 214, 198;
+  --color-blue-100: #004eaf;
+  --color-blue-100-rgb: 0, 78, 175;
+  --color-blue-200: #0060c7;
+  --color-blue-200-rgb: 0, 96, 199;
+  --color-blue-300: #007fde;
+  --color-blue-300-rgb: 0, 127, 222;
+  --color-blue-400: #0093e7;
+  --color-blue-400-rgb: 0, 147, 231;
+  --color-blue-500: #00a8ee;
+  --color-blue-500-rgb: 0, 168, 238;
+  --color-blue-600: #7fc9f0;
+  --color-blue-600-rgb: 127, 201, 240;
+  --color-blue-700: #aad7f0;
+  --color-blue-700-rgb: 170, 215, 240;
+  --color-purple-100: #6433b7;
+  --color-purple-100-rgb: 100, 51, 183;
+  --color-purple-200: #7b40d1;
+  --color-purple-200-rgb: 123, 64, 209;
+  --color-purple-300: #9662e0;
+  --color-purple-300-rgb: 150, 98, 224;
+  --color-purple-400: #a378e2;
+  --color-purple-400-rgb: 163, 120, 226;
+  --color-purple-500: #af8fe2;
+  --color-purple-500-rgb: 175, 143, 226;
+  --color-purple-600: #c8b9e4;
+  --color-purple-600-rgb: 200, 185, 228;
+  --color-purple-700: #d6cce9;
+  --color-purple-700-rgb: 214, 204, 233;
+  --color-yellow-100: #ffdd00;
+  --color-yellow-100-rgb: 255, 221, 0;
+  --color-primary-100: #1f4884;
+  --color-primary-100-rgb: 31, 72, 132;
+  --color-primary-200: #003375;
+  --color-primary-200-rgb: 0, 51, 117;
+  --color-primary-300: #00225e;
+  --color-primary-300-rgb: 0, 34, 94;
+  --color-primary: #003375;
+  --color-primary-rgb: 0, 51, 117;
+  --color-secondary-100: #61c9ff;
+  --color-secondary-100-rgb: 97, 201, 255;
+  --color-secondary-200: #00b0f0;
+  --color-secondary-200-rgb: 0, 176, 240;
+  --color-secondary-300: #009cd8;
+  --color-secondary-300-rgb: 0, 156, 216;
+  --color-secondary: #00b0f0;
+  --color-secondary-rgb: 0, 176, 240;
+  --color-tertiary-100: #3379c1;
+  --color-tertiary-100-rgb: 51, 121, 193;
+  --color-tertiary-200: #0065b3;
+  --color-tertiary-200-rgb: 0, 101, 179;
+  --color-tertiary-300: #00559e;
+  --color-tertiary-300-rgb: 0, 85, 158;
+  --color-tertiary: #0065b3;
+  --color-tertiary-rgb: 0, 101, 179;
+  --color-base-100: #111317;
+  --color-base-100-rgb: 17, 19, 23;
+  --color-base-200: #20242a;
+  --color-base-200-rgb: 32, 36, 42;
+  --color-base-300: #363941;
+  --color-base-300-rgb: 54, 57, 65;
+  --color-base-400: #4a4a52;
+  --color-base-400-rgb: 74, 74, 82;
+  --color-base-500: #5f5d65;
+  --color-base-500-rgb: 95, 93, 101;
+  --color-base-600: #747178;
+  --color-base-600-rgb: 116, 113, 120;
+  --color-base-700: #8a888e;
+  --color-base-700-rgb: 138, 136, 142;
+  --color-base-800: #aaa8ac;
+  --color-base-800-rgb: 170, 168, 172;
+  --color-base-900: #d1d0d2;
+  --color-base-900-rgb: 209, 208, 210;
+  --color-base-1000: #e5e4e5;
+  --color-base-1000-rgb: 229, 228, 229;
+  --color-base-1100: #fbfbfb;
+  --color-base-1100-rgb: 251, 251, 251;
+  --color-base-content: #e5e4e5;
+  --color-base-content-rgb: 229, 228, 229;
+  --color-base-content-secondary: #8a888e;
+  --color-base-content-secondary-rgb: 138, 136, 142;
+  --color-base-content-invert: #111317;
+  --color-base-content-invert-rgb: 17, 19, 23;
+  --color-accent: #e5e4e5;
+  --color-accent-rgb: 229, 228, 229;
+  --color-accent-focus: #d1d0d2;
+  --color-accent-focus-rgb: 209, 208, 210;
+  --color-accent-content: #111317;
+  --color-accent-content-rgb: 17, 19, 23;
+  --color-focus: #ffdd00;
+  --color-focus-rgb: 255, 221, 0;
+  --color-error: #c31c0f;
+  --color-error-rgb: 195, 28, 15;
+  --color-error-hover: #db4d37;
+  --color-error-hover-rgb: 219, 77, 55;
+  --color-error-text: #db4d37;
+  --color-error-text-rgb: 219, 77, 55;
+  --color-success: #007339;
+  --color-success-rgb: 0, 115, 57;
+  --color-success-hover: #2e8e56;
+  --color-success-hover-rgb: 46, 142, 86;
+  --color-link: #0093e7;
+  --color-link-rgb: 0, 147, 231;
+  --color-link-hover: #00a8ee;
+  --color-link-hover-rgb: 0, 168, 238;
+  --color-link-active: #004eaf;
+  --color-link-active-rgb: 0, 78, 175;
+  --color-link-visited: #9662e0;
+  --color-link-visited-rgb: 150, 98, 224;
+  --color-warning: #e68800;
+  --color-warning-rgb: 230, 136, 0;
+  --color-info: #007fde;
+  --color-info-rgb: 0, 127, 222;
+  --color-info-hover: #0093e7;
+  --color-info-hover-rgb: 0, 147, 231;
+  --color-footer: #00a8ee;
+  --color-footer-rgb: 0, 168, 238;
+  --color-footer-hover: #7fc9f0;
+  --color-footer-hover-rgb: 127, 201, 240;
+  --color-white: #fefffe;
+  --color-white-rgb: 254, 255, 254;
+  --color-black: #111317;
+  --color-black-rgb: 17, 19, 23;
+}
+
+:root.darker,
+.darker {
+  --color-gray-100: #010101;
+  --color-gray-100-rgb: 1, 1, 1;
+  --color-gray-200: #16191e;
+  --color-gray-200-rgb: 22, 25, 30;
+  --color-gray-300: #2e3139;
+  --color-gray-300-rgb: 46, 49, 57;
+  --color-gray-400: #41424a;
+  --color-gray-400-rgb: 65, 66, 74;
+  --color-gray-500: #56565d;
+  --color-gray-500-rgb: 86, 86, 93;
+  --color-gray-600: #6b6970;
+  --color-gray-600-rgb: 107, 105, 112;
+  --color-gray-700: #817f85;
+  --color-gray-700-rgb: 129, 127, 133;
+  --color-gray-800: #a09ea3;
+  --color-gray-800-rgb: 160, 158, 163;
+  --color-gray-900: #c5c4c7;
+  --color-gray-900-rgb: 197, 196, 199;
+  --color-gray-1000: #d8d8d9;
+  --color-gray-1000-rgb: 216, 216, 217;
+  --color-gray-1100: #eeedee;
+  --color-gray-1100-rgb: 238, 237, 238;
+  --color-gray-1200: #fefffe;
+  --color-gray-1200-rgb: 254, 255, 254;
+  --color-red-100: #9b0000;
+  --color-red-100-rgb: 155, 0, 0;
+  --color-red-200: #b90804;
+  --color-red-200-rgb: 185, 8, 4;
+  --color-red-300: #d53e2a;
+  --color-red-300-rgb: 213, 62, 42;
+  --color-red-400: #df5943;
+  --color-red-400-rgb: 223, 89, 67;
+  --color-red-500: #e7735e;
+  --color-red-500-rgb: 231, 115, 94;
+  --color-red-600: #eea192;
+  --color-red-600-rgb: 238, 161, 146;
+  --color-red-700: #f0b7ac;
+  --color-red-700-rgb: 240, 183, 172;
+  --color-orange-100: #674319;
+  --color-orange-100-rgb: 103, 67, 25;
+  --color-orange-200: #805117;
+  --color-orange-200-rgb: 128, 81, 23;
+  --color-orange-300: #a7660f;
+  --color-orange-300-rgb: 167, 102, 15;
+  --color-orange-400: #c07204;
+  --color-orange-400-rgb: 192, 114, 4;
+  --color-orange-500: #d88000;
+  --color-orange-500-rgb: 216, 128, 0;
+  --color-orange-600: #ff9e0f;
+  --color-orange-600-rgb: 255, 158, 15;
+  --color-orange-700: #ffb747;
+  --color-orange-700-rgb: 255, 183, 71;
+  --color-green-100: #10562f;
+  --color-green-100-rgb: 16, 86, 47;
+  --color-green-200: #006937;
+  --color-green-200-rgb: 0, 105, 55;
+  --color-green-300: #0f864b;
+  --color-green-300-rgb: 15, 134, 75;
+  --color-green-400: #409461;
+  --color-green-400-rgb: 64, 148, 97;
+  --color-green-500: #61a377;
+  --color-green-500-rgb: 97, 163, 119;
+  --color-green-600: #97bea2;
+  --color-green-600-rgb: 151, 190, 162;
+  --color-green-700: #b0cbb7;
+  --color-green-700-rgb: 176, 203, 183;
+  --color-blue-100: #0346a2;
+  --color-blue-100-rgb: 3, 70, 162;
+  --color-blue-200: #0057bd;
+  --color-blue-200-rgb: 0, 87, 189;
+  --color-blue-300: #0075d8;
+  --color-blue-300-rgb: 0, 117, 216;
+  --color-blue-400: #0088e3;
+  --color-blue-400-rgb: 0, 136, 227;
+  --color-blue-500: #009dea;
+  --color-blue-500-rgb: 0, 157, 234;
+  --color-blue-600: #5cbff0;
+  --color-blue-600-rgb: 92, 191, 240;
+  --color-blue-700: #8dcdef;
+  --color-blue-700-rgb: 141, 205, 239;
+  --color-purple-100: #592fa7;
+  --color-purple-100-rgb: 89, 47, 167;
+  --color-purple-200: #7139c6;
+  --color-purple-200-rgb: 113, 57, 198;
+  --color-purple-300: #8f56de;
+  --color-purple-300-rgb: 143, 86, 222;
+  --color-purple-400: #9c6ce2;
+  --color-purple-400-rgb: 156, 108, 226;
+  --color-purple-500: #a883e2;
+  --color-purple-500-rgb: 168, 131, 226;
+  --color-purple-600: #c0abe3;
+  --color-purple-600-rgb: 192, 171, 227;
+  --color-purple-700: #ccbee5;
+  --color-purple-700-rgb: 204, 190, 229;
+  --color-yellow-100: #ffdd00;
+  --color-yellow-100-rgb: 255, 221, 0;
+  --color-primary-100: #1f4884;
+  --color-primary-100-rgb: 31, 72, 132;
+  --color-primary-200: #003375;
+  --color-primary-200-rgb: 0, 51, 117;
+  --color-primary-300: #00225e;
+  --color-primary-300-rgb: 0, 34, 94;
+  --color-primary: #003375;
+  --color-primary-rgb: 0, 51, 117;
+  --color-secondary-100: #61c9ff;
+  --color-secondary-100-rgb: 97, 201, 255;
+  --color-secondary-200: #00b0f0;
+  --color-secondary-200-rgb: 0, 176, 240;
+  --color-secondary-300: #009cd8;
+  --color-secondary-300-rgb: 0, 156, 216;
+  --color-secondary: #00b0f0;
+  --color-secondary-rgb: 0, 176, 240;
+  --color-tertiary-100: #3379c1;
+  --color-tertiary-100-rgb: 51, 121, 193;
+  --color-tertiary-200: #0065b3;
+  --color-tertiary-200-rgb: 0, 101, 179;
+  --color-tertiary-300: #00559e;
+  --color-tertiary-300-rgb: 0, 85, 158;
+  --color-tertiary: #0065b3;
+  --color-tertiary-rgb: 0, 101, 179;
+  --color-base-100: #010101;
+  --color-base-100-rgb: 1, 1, 1;
+  --color-base-200: #16191e;
+  --color-base-200-rgb: 22, 25, 30;
+  --color-base-300: #2e3139;
+  --color-base-300-rgb: 46, 49, 57;
+  --color-base-400: #41424a;
+  --color-base-400-rgb: 65, 66, 74;
+  --color-base-500: #56565d;
+  --color-base-500-rgb: 86, 86, 93;
+  --color-base-600: #6b6970;
+  --color-base-600-rgb: 107, 105, 112;
+  --color-base-700: #817f85;
+  --color-base-700-rgb: 129, 127, 133;
+  --color-base-800: #a09ea3;
+  --color-base-800-rgb: 160, 158, 163;
+  --color-base-900: #c5c4c7;
+  --color-base-900-rgb: 197, 196, 199;
+  --color-base-1000: #d8d8d9;
+  --color-base-1000-rgb: 216, 216, 217;
+  --color-base-1100: #eeedee;
+  --color-base-1100-rgb: 238, 237, 238;
+  --color-base-content: #d8d8d9;
+  --color-base-content-rgb: 216, 216, 217;
+  --color-base-content-secondary: #817f85;
+  --color-base-content-secondary-rgb: 129, 127, 133;
+  --color-base-content-invert: #010101;
+  --color-base-content-invert-rgb: 1, 1, 1;
+  --color-accent: #d8d8d9;
+  --color-accent-rgb: 216, 216, 217;
+  --color-accent-focus: #c5c4c7;
+  --color-accent-focus-rgb: 197, 196, 199;
+  --color-accent-content: #010101;
+  --color-accent-content-rgb: 1, 1, 1;
+  --color-focus: #ffdd00;
+  --color-focus-rgb: 255, 221, 0;
+  --color-error: #d53e2a;
+  --color-error-rgb: 213, 62, 42;
+  --color-error-hover: #df5943;
+  --color-error-hover-rgb: 223, 89, 67;
+  --color-success: #0f864b;
+  --color-success-rgb: 15, 134, 75;
+  --color-success-hover: #409461;
+  --color-success-hover-rgb: 64, 148, 97;
+  --color-link: #0088e3;
+  --color-link-rgb: 0, 136, 227;
+  --color-link-hover: #009dea;
+  --color-link-hover-rgb: 0, 157, 234;
+  --color-link-active: #0346a2;
+  --color-link-active-rgb: 3, 70, 162;
+  --color-link-visited: #8f56de;
+  --color-link-visited-rgb: 143, 86, 222;
+  --color-warning: #d88000;
+  --color-warning-rgb: 216, 128, 0;
+  --color-info: #0057bd;
+  --color-info-rgb: 0, 87, 189;
+  --color-info-hover: #0075d8;
+  --color-info-hover-rgb: 0, 117, 216;
+  --color-footer: #009dea;
+  --color-footer-rgb: 0, 157, 234;
+  --color-footer-hover: #5cbff0;
+  --color-footer-hover-rgb: 92, 191, 240;
+  --color-white: #fefffe;
+  --color-white-rgb: 254, 255, 254;
+  --color-black: #010101;
+  --color-black-rgb: 1, 1, 1;
+}
+: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: 0px;
+  --border-radius-lg: 0px;
+
+  --color-footer-link: var(--color-link);
+  --color-footer-link-hover: var(--color-link-hover);
+
+  --color-header-text: var(--color-white);
+  --color-header-text-hover: var(--color-white);
+}
+
+.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-100);
+  --accordion__section-summary-background-hover: var(--color-base-200);
+}
+.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: 0px;
+  --btn-padding-y: 0.5rem;
+  --btn-padding-x: 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-y: 0.5rem;
+    --btn-padding-x: 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-success);
+  --btn-primary-color: var(--color-white);
+  --btn-primary-background-color-hover: var(--color-success-hover);
+  --btn-primary-color-hover: var(--color-white);
+  --btn-primary-background-color-active: var(--color-success-hover);
+  --btn-primary-box-shadow: 0 2px 0 var(--color-base-content);
+}
+@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 2px 0 var(--color-base-500);
+}
+@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 2px 0 var(--color-base-content);
+}
+@media print {
+.ds-btn-warning {
+    --btn-warning-background-color: var(--color-white);
+    --btn-warning-color: var(--color-base-content)
+}
+  }
+.ds-card__content {
+  --card__content-font-size: var(--text-sm);
+  --card__content-line-height: var(--line-h-sm);
+}
+@media (min-width: 768px) {
+.ds-card__content {
+    --card__content-font-size: var(--text-base);
+    --card__content-line-height: var(--line-h-base)
+}
+  }
+.ds-card {
+  --card-border-radius: var(--border-radius-lg);
+  --card-background-color: var(--color-base-100);
+  --card-padding: 0;
+}
+.ds-fieldset__legend {
+  --fieldset__legend-margin-bottom: 1rem;
+  --fieldset__legend-font-weight: 700;
+  --fieldset__legend-letter-spacing: var(--letter-spacing-normal);
+}
+.ds-fieldset__legend--xl {
+  --fieldset__legend--xl-font-size: var(--text-3xl);
+  --fieldset__legend--xl-line-height: var(--line-h-3xl);
+}
+@media (min-width: 768px) {
+.ds-fieldset__legend--xl {
+    --fieldset__legend--xl-font-size: var(--text-5xl);
+    --fieldset__legend--xl-line-height: var(--line-h-5xl)
+}
+  }
+.ds-fieldset__legend--lg {
+  --fieldset__legend--lg-font-size: var(--text-2xl);
+  --fieldset__legend--lg-line-height: var(--line-h-2xl);
+}
+@media (min-width: 768px) {
+.ds-fieldset__legend--lg {
+    --fieldset__legend--lg-font-size: var(--text-4xl);
+    --fieldset__legend--lg-line-height: var(--line-h-4xl)
+}
+  }
+.ds-fieldset__legend--md {
+  --fieldset__legend--md-font-size: var(--text-xl);
+  --fieldset__legend--md-line-height: var(--line-h-xl);
+}
+@media (min-width: 768px) {
+.ds-fieldset__legend--md {
+    --fieldset__legend--md-font-size: var(--text-2xl);
+    --fieldset__legend--md-line-height: var(--line-h-2xl)
+}
+  }
+.ds-fieldset__legend--sm {
+  --fieldset__legend--sm-font-size: var(--text-base);
+  --fieldset__legend--sm-line-height: var(--line-h-base);
+}
+@media (min-width: 768px) {
+.ds-fieldset__legend--sm {
+    --fieldset__legend--sm-font-size: var(--text-lg);
+    --fieldset__legend--sm-line-height: var(--line-h-lg)
+}
+  }
+.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-label__title {
+  --label__title-margin-bottom: 0rem;
+  --label__title-font-weight: 700;
+  --label__title-letter-spacing: var(--letter-spacing-normal);
+}
+.ds-label__title--xl {
+  --label__title--xl-font-size: var(--text-3xl);
+  --label__title--xl-line-height: var(--line-h-3xl);
+}
+@media (min-width: 768px) {
+.ds-label__title--xl {
+    --label__title--xl-font-size: var(--text-5xl);
+    --label__title--xl-line-height: var(--line-h-5xl)
+}
+  }
+.ds-label__title--lg {
+  --label__title--lg-font-size: var(--text-2xl);
+  --label__title--lg-line-height: var(--line-h-2xl);
+}
+@media (min-width: 768px) {
+.ds-label__title--lg {
+    --label__title--lg-font-size: var(--text-4xl);
+    --label__title--lg-line-height: var(--line-h-4xl)
+}
+  }
+.ds-label__title--md {
+  --label__title--md-font-size: var(--text-xl);
+  --label__title--md-line-height: var(--line-h-xl);
+}
+@media (min-width: 768px) {
+.ds-label__title--md {
+    --label__title--md-font-size: var(--text-2xl);
+    --label__title--md-line-height: var(--line-h-2xl)
+}
+  }
+.ds-label__title--sm {
+  --label__title--sm-font-size: var(--text-base);
+  --label__title--sm-line-height: var(--line-h-base);
+}
+@media (min-width: 768px) {
+.ds-label__title--sm {
+    --label__title--sm-font-size: var(--text-lg);
+    --label__title--sm-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: 4px 0 0 0;
+  --footer-background-color: var(--color-base-200);
+  --footer-color: var(--color-base-800);
+}
+.ds-footer__link {
+  --footer__link-text-decoration: underline;
+  --footer__link-text-decoration-hover: underline;
+  --footer__link-color-hover: var(--link-color-hover);
+  --footer__link-color-focus: var(--link-color-active);
+}
+.ds-header {
+  --header-border: solid var(--color-tertiary);
+  --header-border-width: 0 0 8px 0;
+  --header-background: var(--color-primary);
+}
+.ds-header__title {
+  --header__title-color: var(--color-header-text);
+  --header__title-color-hover: var(--color-header-text-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-primary);
+}
+.ds-tabs__panel {
+  --tabs__panel-border-radius: 0;
+}
+.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);
+}
+@media (min-width: 768px) {
+.ds-body--lg {
+    --body--lg-font-size: var(--text-2xl);
+    --body--lg-line-height: var(--line-h-2xl)
+}
+  }
+.ds-body--sm {
+  --body--sm-font-size: var(--text-sm);
+  --body--sm-line-height: var(--line-h-sm);
+}
+@media (min-width: 768px) {
+.ds-body--sm {
+    --body--sm-font-size: var(--text-base);
+    --body--sm-line-height: var(--text-base)
+}
+  }
+.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);
+}
+@media (min-width: 768px) {
+.ds-hint--lg {
+    --hint--lg-font-size: var(--text-2xl);
+    --hint--lg-line-height: var(--line-h-2xl)
+}
+  }
+.ds-hint--sm {
+  --hint--sm-font-size: var(--text-sm);
+  --hint--sm-line-height: var(--line-h-sm);
+}
+@media (min-width: 768px) {
+.ds-hint--sm {
+    --hint--sm-font-size: var(--text-base);
+    --hint--sm-line-height: var(--text-lg)
+}
+  }
+.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)
+}
+  }
+
+/* LAYOUT */
+.dark .ds-footer {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-tertiary-300-rgb), var(--tw-border-opacity));
+}
+.dark .ds-radios__input:focus {
+  border-width: 2px;
+    box-shadow:
+      0 0 0 4px var(--color-base-100),
+      0 0 0 7px var(--color-focus);
+}
+.dark .ds-radios__input:focus:before {
+      top: 6px;
+      left: 6px;
+    }
+.dark .ds-footer__government-logo {
+  display: none;
+}
+.dark .ds-footer__government-logo-inverted {
+  display: block;
+}
+.dark .ds-image-logo-light {
+  display: none;
+}
+.dark .ds-image-logo-dark {
+  display: block;
+}
+.dark .ds-footer__link {
+  padding: 0 2px;
+}
+.dark .ds-footer__link:focus {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
+    box-shadow:
+      0 -2px var(--color-focus),
+      0 4px var(--color-link-active);
+}
+.dark .ds-masthead.ds-masthead--primary {
+  color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
+}
+.dark .ds-masthead.ds-masthead--primary .ds-body {
+  color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
+}
+.dark .ds-masthead__body {
+  color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
+}
+.dark .ds-background-dark .ds-hint, .dark .ds-masthead.ds-masthead--primary .ds-hint {
+  color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
+}
+.dark .ds-background-dark .ds-btn, .dark .ds-masthead--primary .ds-btn {
+  border-color: rgba(var(--color-base-content-rgb),var(--tw-border-opacity));
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-base-content-rgb), var(--tw-border-opacity));
+}
+.dark .ds-background-dark .ds-btn:focus, .dark .ds-masthead--primary .ds-btn:focus {
+      box-shadow:
+        0 0 0 6px var(--color-tertiary),
+        0 0 0 10px var(--color-focus);
+    }
+
+/* FORM */
+.dark .ds-checkboxes__input:focus {
+    box-shadow:
+      0 0 0 3px var(--color-base-100),
+      0 0 0 6px var(--color-focus);
+  }
+.dark .ds-checkboxes__input:focus:before {
+  border-width: 3px;
+}
+.dark .ds-input:focus,
+.dark .ds-select:focus,
+.dark .ds-textarea:focus,
+.dark
+  .ds-autocomplete__multi-input-container.ds-autocomplete__multi-input-container--focused,
+.dark .ds-autocomplete__input.ds-autocomplete__input--focused {
+  outline: 4px solid transparent;
+  box-shadow:
+    0 0 0 3px var(--color-base-100),
+    0 0 0 6px var(--color-focus);
+}
+
+/* BUTTONS AND LINKS */
+.dark .ds-btn:focus, .dark .ds-btn[type="button"]:focus, .dark .ds-btn[type="reset"]:focus, .dark .ds-btn[type="submit"]:focus {
+    box-shadow:
+      0 0 0 6px var(--color-base-100),
+      0 0 0 10px var(--color-focus);
+  }
+.dark .ds-header .ds-dropdown__button.ds-link:focus, .dark .ds-admin-header .ds-dropdown__button.ds-link:focus {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
+}
+.dark .ds-btn-secondary {
+  color: rgba(var(--color-base-100-rgb),var(--tw-text-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-base-800-rgb), var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-base-100-rgb), var(--tw-text-opacity));
+}
+.dark .ds-btn-secondary:hover {
+  background-color: rgba(var(--color-base-700-rgb),var(--tw-bg-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-base-700-rgb), var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-black-rgb), var(--tw-text-opacity));
+}
+.dark .ds-btn-secondary .ds-svg-icon {
+    fill: var(--color-base-100);
+  }
+.dark .ds-dropdown[open] .ds-dropdown__button.ds-btn-secondary {
+  background-color: rgba(var(--color-base-700-rgb),var(--tw-bg-opacity));
+  color: rgba(var(--color-white-rgb),var(--tw-text-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-base-700-rgb), var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-white-rgb), var(--tw-text-opacity));
+}
+
+.dark .ds-link {
+  padding: 0 2px;
+}
+
+.dark .ds-link:focus {
+    box-shadow:
+      0 -2px var(--color-focus),
+      0 4px var(--color-link-active);
+  }
+.dark .ds-background-dark .ds-link,
+.dark .ds-masthead.ds-masthead--primary .ds-link {
+  color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
+}
+.dark .ds-background-dark .ds-link:focus, .dark .ds-masthead.ds-masthead--primary .ds-link:focus {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
+}
+.dark .ds-breadcrumbs__list-item::before {
+    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"> <path d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z" style="fill:%23fff;"/></svg>');
+  }
+.dark .ds-breadcrumbs__link,
+.dark .ds-back-link,
+.dark .ds-back-to-top-link,
+.dark .ds-details__summary {
+  padding: 0 2px;
+}
+.dark .ds-breadcrumbs__link:focus, .dark .ds-back-link:focus, .dark .ds-back-to-top-link:focus, .dark .ds-details__summary:focus {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
+    box-shadow:
+      0 -2px var(--color-focus),
+      0 4px var(--color-link-active);
+}
+.dark .ds-back-link:focus .ds-svg-icon--caret,
+.dark .ds-back-to-top-link:focus .ds-svg-icon--arrow {
+  fill: var(--color-link-active);
+}
+
+/* CORE COMPONENTS */
+.dark .ds-accordion .ds-accordion__section-button {
+    padding: 0 1px;
+  }
+.dark .ds-accordion .ds-accordion__section-button::after {
+      padding: 0 1px;
+    }
+.dark .ds-accordion .ds-accordion__section-summary:focus .ds-accordion__section-button {
+  color: rgba(var(--color-base-content-invert-rgb),var(--tw-text-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-base-content-invert-rgb), var(--tw-text-opacity));
+}
+.dark .ds-accordion .ds-accordion__section-summary:focus .ds-accordion__section-button::after {
+  color: rgba(var(--color-base-content-invert-rgb),var(--tw-text-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-base-content-invert-rgb), var(--tw-text-opacity));
+}
+
+.dark .ds-card.ds-card--border.ds-card--border-light {
+  border-width: 0;
+  background-color: rgba(var(--color-base-300-rgb),var(--tw-bg-opacity));
+  border-width: 0px;
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--color-base-300-rgb), var(--tw-bg-opacity));
+}
+.dark .ds-card.ds-card--divider,
+  .dark .ds-card.ds-card--border-top,
+  .dark .ds-card.ds-card--border-light {
+  border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
+}
+.dark .ds-card.ds-card--cta .ds-card__body:after {
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'> <path d='M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z' style='fill:%23fff;' />  </svg>");
+}
+.dark .ds-section-break.ds-section-break--visible {
+  border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
+}
+.dark .ds-phase-banner__tag {
+  color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
+}
+.dark .ds-phase-banner-header .ds-phase-banner__message {
+  color: rgba(var(--color-base-content-invert-rgb),var(--tw-text-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-base-content-invert-rgb), var(--tw-text-opacity));
+}
+.dark .ds-summary-list__row {
+  border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
+}
+@media (min-width: 640px) {
+
+  .dark .ds-summary-list__key,
+.dark .ds-summary-list__value,
+.dark .ds-summary-list__actions {
+    border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
+    --tw-border-opacity: 1;
+    border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
+  }
+}
+
+.dark .ds-table-container.ds-table-container--border {
+  border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
+}
+.dark .ds-table.ds-table--vertical-lines .ds-table__cell,
+  .dark .ds-table.ds-table--vertical-lines .ds-table__header,
+  .dark .ds-table.ds-table--vertical-lines .ds-table__head {
+  border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
+}
+@supports (-moz-appearance: none) {
+      .dark .ds-table.ds-table--vertical-lines .ds-table__header:last-child, .dark .ds-table.ds-table--vertical-lines .ds-table__cell:last-child {
+    border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity)) !important;
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity)) !important;
+  }
+}
+.dark .ds-table.ds-table--vertical-lines.ds-table--light .ds-table__body .ds-table__header {
+  border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity)) !important;
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity)) !important;
+}
+@media (min-width: 768px) {
+      .dark .ds-table.ds-table--stacked-md .ds-table__header:last-child, .dark .ds-table.ds-table--stacked-md .ds-table__cell:last-child {
+        border-bottom-color: rgb(var(--color-base-500-rgb));
+      }
+  }
+.dark .ds-table__header,
+.dark .ds-table__cell {
+  border-color: rgba(var(--color-base-500-rgb),var(--tw-border-opacity));
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--color-base-500-rgb), var(--tw-border-opacity));
+}
+.dark .ds-table.ds-table--dark .ds-table__header {
+  color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
+}
+.dark .ds-tabs .ds-tabs__list .ds-tabs__tab {
+  padding: 0 2px;
+}
+.dark .ds-tabs .ds-tabs__list .ds-tabs__tab:focus {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
+}
+.dark .ds-step-nav__accordion__summary:focus .ds-step-nav__accordion__heading__title {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
+    padding: 0 2px;
+    box-shadow:
+      0 -2px var(--color-focus),
+      0 4px var(--color-link-active);
+}
+.dark .ds-step-nav__accordion__summary:focus .ds-step-nav__accordion__closed,
+  .dark .ds-step-nav__accordion__summary:focus .ds-step-nav__accordion__opened {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
+    padding: 0 2px;
+}
+.dark .ds-nav__list-item:focus {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
+  box-shadow:
+    0 -2px var(--color-focus),
+    0 4px var(--color-link-active);
+}
+.dark .ds-task-list__content__tag.ds-task-list__content__tag--primary {
+  color: rgba(var(--color-base-content-rgb),var(--tw-text-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-base-content-rgb), var(--tw-text-opacity));
+}
+.dark .ds-notification-banner__link {
+  padding: 0 2px;
+}
+.dark .ds-notification-banner__link:focus {
+  --tw-text-opacity: 1;
+  color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity));
+    box-shadow:
+      0 -2px var(--color-focus),
+      0 4px var(--color-link-active);
+}
+.dark .ds-chip:focus {
+    outline: 2px solid var(--color-focus);
+    outline-offset: 3px;
+    box-shadow: none;
+  }
+@media (min-width: 0px) {
+
+  .dark .ds-nav__list-item-link:focus, .dark .ds-nav__list-item-btn:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(var(--color-link-active-rgb), var(--tw-text-opacity)) !important;
+  }
+}
+.dark .ds-nav__list-item-link:focus > .ds-svg-icon, .dark .ds-nav__list-item-btn:focus > .ds-svg-icon {
+      fill: var(--color-link-active) !important;
+    }
+.dark .ds-code.ds-code--name {
+  --tw-text-opacity: 1 !important;
+  color: rgba(var(--color-secondary-100-rgb), var(--tw-text-opacity)) !important;
+}