@digigov/theme-govgr 2.0.0-834daea4 → 2.0.0-8bbad051

package/dist/index.css

@@ -1,4 +1,5 @@
 :root {
+  /* Color palette */
   --color-gray-100: #fefefe;
   --color-gray-100-rgb: 254, 254, 254;
   --color-gray-200: #ecebec;
@@ -21,7 +22,7 @@
   --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: #000;
   --color-gray-1200-rgb: 0, 0, 0;
   --color-red-100: #ec8f7c;
   --color-red-100-rgb: 236, 143, 124;
@@ -33,7 +34,7 @@
   --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: #800;
   --color-red-600-rgb: 136, 0, 0;
   --color-red-700: #710602;
   --color-red-700-rgb: 113, 6, 2;
@@ -93,8 +94,10 @@
   --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: #fd0;
   --color-yellow-100-rgb: 255, 221, 0;
+
+  /* Brand colors */
   --color-primary-100: #1f4884;
   --color-primary-100-rgb: 31, 72, 132;
   --color-primary-200: #003375;
@@ -119,78 +122,87 @@
   --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;
+
+  /* UI colors */
+  --color-base-100: var(--color-gray-100);
+  --color-base-100-rgb: var(--color-gray-100-rgb);
+  --color-base-200: var(--color-gray-200);
+  --color-base-200-rgb: var(--color-gray-200-rgb);
+  --color-base-300: var(--color-gray-300);
+  --color-base-300-rgb: var(--color-gray-300-rgb);
+  --color-base-400: var(--color-gray-400);
+  --color-base-400-rgb: var(--color-gray-400-rgb);
+  --color-base-500: var(--color-gray-500);
+  --color-base-500-rgb: var(--color-gray-500-rgb);
+  --color-base-600: var(--color-gray-600);
+  --color-base-600-rgb: var(--color-gray-600-rgb);
+  --color-base-700: var(--color-gray-700);
+  --color-base-700-rgb: var(--color-gray-700-rgb);
+  --color-base-800: var(--color-gray-800);
+  --color-base-800-rgb: var(--color-gray-800-rgb);
+  --color-base-900: var(--color-gray-900);
+  --color-base-900-rgb: var(--color-gray-900-rgb);
+  --color-base-1000: var(--color-gray-1000);
+  --color-base-1000-rgb: var(--color-gray-1000-rgb);
+  --color-base-1100: var(--color-gray-1100);
+  --color-base-1100-rgb: var(--color-gray-1100-rgb);
+  --color-base-content: var(--color-gray-1000);
+  --color-base-content-rgb: var(--color-gray-1000-rgb);
+  --color-base-content-secondary: var(--color-gray-700);
+  --color-base-content-secondary-rgb: var(--color-gray-700-rgb);
+  --color-base-content-invert: var(--color-gray-100);
+  --color-base-content-invert-rgb: var(--color-gray-100-rgb);
+  --color-accent: var(--color-gray-1000);
+  --color-accent-rgb: var(--color-gray-1000-rgb);
+  --color-accent-focus: var(--color-gray-900);
+  --color-accent-focus-rgb: var(--color-gray-900-rgb);
+  --color-accent-content: var(--color-gray-100);
+  --color-accent-content-rgb: var(--color-gray-100-rgb);
+  --color-focus: var(--color-yellow-100);
+  --color-focus-rgb: var(--color-yellow-100-rgb);
+  --color-error: var(--color-red-500);
+  --color-error-rgb: var(--color-red-500-rgb);
+  --color-error-hover: var(--color-red-600);
+  --color-error-hover-rgb: var(--color-red-600-rgb);
+  --color-error-text: var(--color-red-500);
+  --color-error-text-rgb: var(--color-red-500-rgb);
+  --color-success: var(--color-green-500);
+  --color-success-rgb: var(--color-green-500-rgb);
+  --color-success-hover: var(--color-green-600);
+  --color-success-hover-rgb: var(--color-green-600-rgb);
+  --color-link: var(--color-blue-500);
+  --color-link-rgb: var(--color-blue-500-rgb);
+  --color-link-hover: var(--color-blue-600);
+  --color-link-hover-rgb: var(--color-blue-600-rgb);
+  --color-link-active: var(--color-gray-1000);
+  --color-link-active-rgb: var(--color-gray-1000-rgb);
+  --color-link-visited: var(--color-purple-600);
+  --color-link-visited-rgb: var(--color-purple-600-rgb);
+  --color-warning: var(--color-orange-100);
+  --color-warning-rgb: var(--color-orange-100-rgb);
+  --color-info: var(--color-blue-400);
+  --color-info-rgb: var(--color-blue-400-rgb);
+  --color-info-hover: var(--color-blue-500);
+  --color-info-hover-rgb: var(--color-blue-500-rgb);
+  --color-white: var(--color-gray-100);
+  --color-white-rgb: var(--color-gray-100-rgb);
+  --color-black: var(--color-gray-1200);
+  --color-black-rgb: var(--color-gray-1200-rgb);
+  --color-footer-text: var(--color-blue-500);
+  --color-footer-text-rgb: var(--color-blue-500-rgb);
+  --color-footer-link: var(--color-link);
+  --color-footer-link-rgb: var(--color-link-rgb);
+  --color-footer-link-hover: var(--color-link-hover);
+  --color-footer-link-hover-rgb: var(--color-link-hover-rgb);
+  --color-header-text: var(--color-white);
+  --color-header-text-rgb: var(--color-white-rgb);
+  --color-header-text-hover: var(--color-white);
+  --color-header-text-hover-rgb: var(--color-white-rgb);
 }
 
 :root.dark,
 .dark {
+  /* Color palette */
   --color-gray-100: #111317;
   --color-gray-100-rgb: 17, 19, 23;
   --color-gray-200: #20242a;
@@ -215,7 +227,7 @@
   --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: #a00;
   --color-red-100-rgb: 170, 0, 0;
   --color-red-200: #c31c0f;
   --color-red-200-rgb: 195, 28, 15;
@@ -285,104 +297,48 @@
   --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: #fd0;
   --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;
+
+  /* Brand colors */
+  /* Same colors as the light theme. */
+
+  /* UI colors */
+  --color-error: var(--color-red-200);
+  --color-error-rgb: var(--color-red-200-rgb);
+  --color-error-hover: var(--color-red-300);
+  --color-error-hover-rgb: var(--color-red-300-rgb);
+  --color-error-text: var(--color-red-300);
+  --color-error-text-rgb: var(--color-red-300-rgb);
+  --color-success: var(--color-green-200);
+  --color-success-rgb: var(--color-green-200-rgb);
+  --color-success-hover: var(--color-green-300);
+  --color-success-hover-rgb: var(--color-green-300-rgb);
+  --color-link: var(--color-blue-400);
+  --color-link-rgb: var(--color-blue-400-rgb);
+  --color-link-hover: var(--color-blue-500);
+  --color-link-hover-rgb: var(--color-blue-500-rgb);
+  --color-link-active: var(--color-blue-100);
+  --color-link-active-rgb: var(--color-blue-100-rgb);
+  --color-link-visited: var(--color-purple-300);
+  --color-link-visited-rgb: var(--color-purple-300-rgb);
+  --color-warning: var(--color-orange-500);
+  --color-warning-rgb: var(--color-orange-500-rgb);
+  --color-info: var(--color-blue-300);
+  --color-info-rgb: var(--color-blue-300-rgb);
+  --color-info-hover: var(--color-blue-400);
+  --color-info-hover-rgb: var(--color-blue-400-rgb);
+  --color-white: var(--color-gray-1200);
+  --color-white-rgb: var(--color-gray-1200-rgb);
+  --color-black: var(--color-gray-100);
+  --color-black-rgb: var(--color-gray-100-rgb);
+  --color-footer-text: var(--color-blue-500);
+  --color-footer-text-rgb: var(--color-blue-500-rgb);
 }
 
 :root.darker,
 .darker {
+  /* Color palette */
   --color-gray-100: #010101;
   --color-gray-100-rgb: 1, 1, 1;
   --color-gray-200: #16191e;
@@ -477,1110 +433,41 @@
   --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: #fd0;
   --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);
+  /* Brand colors */
+  /* Same colors as the light theme. */
 
+  /* UI colors */
+  --color-error: var(--color-red-300);
+  --color-error-rgb: var(--color-red-300-rgb);
+  --color-error-hover: var(--color-red-400);
+  --color-error-hover-rgb: var(--color-red-400-rgb);
+  --color-success: var(--color-green-300);
+  --color-success-rgb: var(--color-green-300-rgb);
+  --color-success-hover: var(--color-green-400);
+  --color-success-hover-rgb: var(--color-green-400-rgb);
+  --color-link: var(--color-blue-400);
+  --color-link-rgb: var(--color-blue-400-rgb);
+  --color-link-hover: var(--color-blue-500);
+  --color-link-hover-rgb: var(--color-blue-500-rgb);
+  --color-link-active: var(--color-blue-100);
+  --color-link-active-rgb: var(--color-blue-100-rgb);
+  --color-link-visited: var(--color-purple-300);
+  --color-link-visited-rgb: var(--color-purple-300-rgb);
+  --color-warning: var(--color-orange-500);
+  --color-warning-rgb: var(--color-orange-500-rgb);
+  --color-info: var(--color-blue-200);
+  --color-info-rgb: var(--color-blue-200-rgb);
+  --color-info-hover: var(--color-blue-300);
+  --color-info-hover-rgb: var(--color-blue-300-rgb);
+  --color-white: var(--color-gray-1200);
+  --color-white-rgb: var(--color-gray-1200-rgb);
+  --color-black: var(--color-gray-100);
+  --color-black-rgb: var(--color-gray-100-rgb);
+}
+:root {
   --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;
 }