@epa-wg/custom-element-dist 0.0.29 → 0.0.31

package/src/material/angular.css

@@ -1,987 +1,987 @@
-/* by color picker from https://material.angular.io */
-:root{
-    --ng-teal-primary: #dce3fc;
-    --ng-teal-hover: #d0d8f6;
-    --ng-teal-focus: #c8d2f3;
-    --ng-teal-active: #adc4ef;
-
-    --ng-action-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
-    --ng-action-box-shadow-hover: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);
-    --ng-action-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
-
-}
-
-/* https://github.com/angular/components/blob/main/src/material/core/theming/_palettes.scss */
-:root{
---ng-error-0: #000000;
---ng-error-10: #410002;
---ng-error-20: #690005;
---ng-error-25: #7e0007;
---ng-error-30: #93000a;
---ng-error-35: #a80710;
---ng-error-40: #ba1a1a;
---ng-error-50: #de3730;
---ng-error-60: #ff5449;
---ng-error-70: #ff897d;
---ng-error-80: #ffb4ab;
---ng-error-90: #ffdad6;
---ng-error-95: #ffedea;
---ng-error-98: #fff8f7;
---ng-error-99: #fffbff;
---ng-error-100: #ffffff;
-/* Red color palette to be used as primary or tertiary palette.*/
-
---ng-red-0: #000000;
---ng-red-10: #410000;
---ng-red-20: #690100;
---ng-red-25: #7e0100;
---ng-red-30: #930100;
---ng-red-35: #a90100;
---ng-red-40: #c00100;
---ng-red-50: #ef0000;
---ng-red-60: #ff5540;
---ng-red-70: #ff8a78;
---ng-red-80: #ffb4a8;
---ng-red-90: #ffdad4;
---ng-red-95: #ffedea;
---ng-red-98: #fff8f6;
---ng-red-99: #fffbff;
---ng-red-100: #ffffff;
-
---ng-red-secondary-0: #000000;
---ng-red-secondary-10: #2c1512;
---ng-red-secondary-20: #442925;
---ng-red-secondary-25: #513430;
---ng-red-secondary-30: #5d3f3b;
---ng-red-secondary-35: #6a4b46;
---ng-red-secondary-40: #775651;
---ng-red-secondary-50: #926f69;
---ng-red-secondary-60: #ae8882;
---ng-red-secondary-70: #caa29c;
---ng-red-secondary-80: #e7bdb6;
---ng-red-secondary-90: #ffdad4;
---ng-red-secondary-95: #ffedea;
---ng-red-secondary-98: #fff8f6;
---ng-red-secondary-99: #fffbff;
---ng-red-secondary-100: #ffffff;
-
-/*  neutral */
---ng-red-neutral-0: #000000;
---ng-red-neutral-10: #201a19;
---ng-red-neutral-20: #362f2e;
---ng-red-neutral-25: #413a38;
---ng-red-neutral-30: #4d4544;
---ng-red-neutral-35: #59504f;
---ng-red-neutral-40: #655c5b;
---ng-red-neutral-50: #7f7573;
---ng-red-neutral-60: #998e8d;
---ng-red-neutral-70: #b4a9a7;
---ng-red-neutral-80: #d0c4c2;
---ng-red-neutral-90: #ede0dd;
---ng-red-neutral-95: #fbeeec;
---ng-red-neutral-98: #fff8f6;
---ng-red-neutral-99: #fffbff;
---ng-red-neutral-100: #ffffff;
---ng-red-neutral-4: #130d0c;
---ng-red-neutral-6: #181211;
---ng-red-neutral-12: #251e1d;
---ng-red-neutral-17: #302828;
---ng-red-neutral-22: #3b3332;
---ng-red-neutral-24: #3f3737;
---ng-red-neutral-87: #e4d7d6;
---ng-red-neutral-92: #f3e5e4;
---ng-red-neutral-94: #f9ebe9;
---ng-red-neutral-96: #fef1ef;
-
-/* variant */
---ng-red-variant-0: #000000;
---ng-red-variant-10: #251917;
---ng-red-variant-20: #3b2d2b;
---ng-red-variant-25: #473836;
---ng-red-variant-30: #534341;
---ng-red-variant-35: #5f4f4c;
---ng-red-variant-40: #6c5a58;
---ng-red-variant-50: #857370;
---ng-red-variant-60: #a08c89;
---ng-red-variant-70: #bca7a3;
---ng-red-variant-80: #d8c2be;
---ng-red-variant-90: #f5ddda;
---ng-red-variant-95: #ffedea;
---ng-red-variant-98: #fff8f6;
---ng-red-variant-99: #fffbff;
---ng-red-variant-100: #ffffff;
-
-/* Green color palette to be used as primary or tertiary palette.*/
---ng-green-0: #000000;
---ng-green-10: #002200;
---ng-green-20: #013a00;
---ng-green-25: #014600;
---ng-green-30: #015300;
---ng-green-35: #026100;
---ng-green-40: #026e00;
---ng-green-50: #038b00;
---ng-green-60: #03a800;
---ng-green-70: #03c700;
---ng-green-80: #02e600;
---ng-green-90: #77ff61;
---ng-green-95: #cbffb8;
---ng-green-98: #edffe1;
---ng-green-99: #f7ffee;
---ng-green-100: #ffffff;
-
---ng-green-secondary-0: #000000;
---ng-green-secondary-10: #121f0e;
---ng-green-secondary-20: #263422;
---ng-green-secondary-25: #313f2c;
---ng-green-secondary-30: #3c4b37;
---ng-green-secondary-35: #485642;
---ng-green-secondary-40: #54634d;
---ng-green-secondary-50: #6c7b65;
---ng-green-secondary-60: #86957e;
---ng-green-secondary-70: #a0b097;
---ng-green-secondary-80: #bbcbb2;
---ng-green-secondary-90: #d7e8cd;
---ng-green-secondary-95: #e5f6da;
---ng-green-secondary-98: #eeffe3;
---ng-green-secondary-99: #f7ffee;
---ng-green-secondary-100: #ffffff;
-
---ng-green-neutral-0: #000000;
---ng-green-neutral-10: #1a1c18;
---ng-green-neutral-20: #2f312d;
---ng-green-neutral-25: #3a3c38;
---ng-green-neutral-30: #454743;
---ng-green-neutral-35: #51534e;
---ng-green-neutral-40: #5d5f5a;
---ng-green-neutral-50: #767872;
---ng-green-neutral-60: #90918c;
---ng-green-neutral-70: #abaca6;
---ng-green-neutral-80: #c6c7c1;
---ng-green-neutral-90: #e2e3dc;
---ng-green-neutral-95: #f1f1eb;
---ng-green-neutral-98: #f9faf3;
---ng-green-neutral-99: #fcfdf6;
---ng-green-neutral-100: #ffffff;
---ng-green-neutral-4: #0c0f0b;
---ng-green-neutral-6: #121410;
---ng-green-neutral-12: #1e201c;
---ng-green-neutral-17: #282b26;
---ng-green-neutral-22: #333531;
---ng-green-neutral-24: #383a35;
---ng-green-neutral-87: #dadbd3;
---ng-green-neutral-92: #e8e9e1;
---ng-green-neutral-94: #eeeee7;
---ng-green-neutral-96: #f3f4ed;
-
---ng-green-variant-0: #000000;
---ng-green-variant-10: #181d15;
---ng-green-variant-20: #2c3229;
---ng-green-variant-25: #373d34;
---ng-green-variant-30: #43483f;
---ng-green-variant-35: #4e544a;
---ng-green-variant-40: #5a6056;
---ng-green-variant-50: #73796e;
---ng-green-variant-60: #8d9387;
---ng-green-variant-70: #a7ada1;
---ng-green-variant-80: #c3c8bc;
---ng-green-variant-90: #dfe4d7;
---ng-green-variant-95: #edf3e5;
---ng-green-variant-98: #f6fbee;
---ng-green-variant-99: #f9fef1;
---ng-green-variant-100: #ffffff;
-
-
-/* Blue color palette to be used as primary or tertiary palette. */
---ng-blue-0: #000000;
---ng-blue-10: #00006e;
---ng-blue-20: #0001ac;
---ng-blue-25: #0001cd;
---ng-blue-30: #0000ef;
---ng-blue-35: #1a21ff;
---ng-blue-40: #343dff;
---ng-blue-50: #5a64ff;
---ng-blue-60: #7c84ff;
---ng-blue-70: #9da3ff;
---ng-blue-80: #bec2ff;
---ng-blue-90: #e0e0ff;
---ng-blue-95: #f1efff;
---ng-blue-98: #fbf8ff;
---ng-blue-99: #fffbff;
---ng-blue-100: #ffffff;
-
---ng-blue-secondary-0: #000000;
---ng-blue-secondary-10: #191a2c;
---ng-blue-secondary-20: #2e2f42;
---ng-blue-secondary-25: #393a4d;
---ng-blue-secondary-30: #444559;
---ng-blue-secondary-35: #505165;
---ng-blue-secondary-40: #5c5d72;
---ng-blue-secondary-50: #75758b;
---ng-blue-secondary-60: #8f8fa6;
---ng-blue-secondary-70: #a9a9c1;
---ng-blue-secondary-80: #c5c4dd;
---ng-blue-secondary-90: #e1e0f9;
---ng-blue-secondary-95: #f1efff;
---ng-blue-secondary-98: #fbf8ff;
---ng-blue-secondary-99: #fffbff;
---ng-blue-secondary-100: #ffffff;
-
---ng-blue-neutral-0: #000000;
---ng-blue-neutral-10: #1b1b1f;
---ng-blue-neutral-20: #303034;
---ng-blue-neutral-25: #3c3b3f;
---ng-blue-neutral-30: #47464a;
---ng-blue-neutral-35: #535256;
---ng-blue-neutral-40: #5f5e62;
---ng-blue-neutral-50: #78767a;
---ng-blue-neutral-60: #929094;
---ng-blue-neutral-70: #adaaaf;
---ng-blue-neutral-80: #c8c5ca;
---ng-blue-neutral-90: #e5e1e6;
---ng-blue-neutral-95: #f3eff4;
---ng-blue-neutral-98: #fcf8fd;
---ng-blue-neutral-99: #fffbff;
---ng-blue-neutral-100: #ffffff;
---ng-blue-neutral-4: #0e0e11;
---ng-blue-neutral-6: #131316;
---ng-blue-neutral-12: #201f22;
---ng-blue-neutral-17: #2a292d;
---ng-blue-neutral-22: #353438;
---ng-blue-neutral-24: #3a393c;
---ng-blue-neutral-87: #dcd9dd;
---ng-blue-neutral-92: #ebe7eb;
---ng-blue-neutral-94: #f0edf1;
---ng-blue-neutral-96: #f6f2f7;
-
---ng-blue-variant-0: #000000;
---ng-blue-variant-10: #1b1b23;
---ng-blue-variant-20: #303038;
---ng-blue-variant-25: #3b3b43;
---ng-blue-variant-30: #46464f;
---ng-blue-variant-35: #52515b;
---ng-blue-variant-40: #5e5d67;
---ng-blue-variant-50: #777680;
---ng-blue-variant-60: #91909a;
---ng-blue-variant-70: #acaab4;
---ng-blue-variant-80: #c7c5d0;
---ng-blue-variant-90: #e4e1ec;
---ng-blue-variant-95: #f2effa;
---ng-blue-variant-98: #fbf8ff;
---ng-blue-variant-99: #fffbff;
---ng-blue-variant-100: #ffffff;
-
-
-/* Yellow color palette to be used as primary or tertiary palette. */
---ng-yellow-0: #000000;
---ng-yellow-10: #1d1d00;
---ng-yellow-20: #323200;
---ng-yellow-25: #3e3e00;
---ng-yellow-30: #494900;
---ng-yellow-35: #555500;
---ng-yellow-40: #626200;
---ng-yellow-50: #7b7b00;
---ng-yellow-60: #969600;
---ng-yellow-70: #b1b100;
---ng-yellow-80: #cdcd00;
---ng-yellow-90: #eaea00;
---ng-yellow-95: #f9f900;
---ng-yellow-98: #fffeac;
---ng-yellow-99: #fffbff;
---ng-yellow-100: #ffffff;
-
---ng-yellow-secondary-0: #000000;
---ng-yellow-secondary-10: #1d1d06;
---ng-yellow-secondary-20: #323218;
---ng-yellow-secondary-25: #3d3d22;
---ng-yellow-secondary-30: #49482d;
---ng-yellow-secondary-35: #545438;
---ng-yellow-secondary-40: #606043;
---ng-yellow-secondary-50: #7a795a;
---ng-yellow-secondary-60: #949272;
---ng-yellow-secondary-70: #aead8b;
---ng-yellow-secondary-80: #cac8a5;
---ng-yellow-secondary-90: #e7e4bf;
---ng-yellow-secondary-95: #f5f3cd;
---ng-yellow-secondary-98: #fefbd5;
---ng-yellow-secondary-99: #fffbff;
---ng-yellow-secondary-100: #ffffff;
-
---ng-yellow-neutral-0: #000000;
---ng-yellow-neutral-10: #1c1c17;
---ng-yellow-neutral-20: #31312b;
---ng-yellow-neutral-25: #3c3c35;
---ng-yellow-neutral-30: #484741;
---ng-yellow-neutral-35: #54524c;
---ng-yellow-neutral-40: #605e58;
---ng-yellow-neutral-50: #797770;
---ng-yellow-neutral-60: #939189;
---ng-yellow-neutral-70: #aeaba3;
---ng-yellow-neutral-80: #c9c6be;
---ng-yellow-neutral-90: #e6e2d9;
---ng-yellow-neutral-95: #f4f0e8;
---ng-yellow-neutral-98: #fdf9f0;
---ng-yellow-neutral-99: #fffbff;
---ng-yellow-neutral-100: #ffffff;
---ng-yellow-neutral-4: #0f0e0a;
---ng-yellow-neutral-6: #14140f;
---ng-yellow-neutral-12: #20201b;
---ng-yellow-neutral-17: #2b2a25;
---ng-yellow-neutral-22: #36352f;
---ng-yellow-neutral-24: #3a3933;
---ng-yellow-neutral-87: #dddad1;
---ng-yellow-neutral-92: #ece8df;
---ng-yellow-neutral-94: #f1ede5;
---ng-yellow-neutral-96: #f7f3ea;
-
---ng-variant-0: #000000;
---ng-variant-10: #1c1c11;
---ng-variant-20: #313125;
---ng-variant-25: #3d3c2f;
---ng-variant-30: #48473a;
---ng-variant-35: #545345;
---ng-variant-40: #605f51;
---ng-variant-50: #797869;
---ng-variant-60: #939182;
---ng-variant-70: #aeac9b;
---ng-variant-80: #cac7b6;
---ng-variant-90: #e6e3d1;
---ng-variant-95: #f4f1df;
---ng-variant-98: #fdfae7;
---ng-variant-99: #fffbff;
---ng-variant-100: #ffffff;
-
-/* Cyan color palette to be used as primary or tertiary palette. */
---ng-cyan-0: #000000;
---ng-cyan-10: #002020;
---ng-cyan-20: #003737;
---ng-cyan-25: #004343;
---ng-cyan-30: #004f4f;
---ng-cyan-35: #005c5c;
---ng-cyan-40: #006a6a;
---ng-cyan-50: #008585;
---ng-cyan-60: #00a1a1;
---ng-cyan-70: #00bebe;
---ng-cyan-80: #00dddd;
---ng-cyan-90: #00fbfb;
---ng-cyan-95: #adfffe;
---ng-cyan-98: #e2fffe;
---ng-cyan-99: #f1fffe;
---ng-cyan-100: #ffffff;
-
---ng-cyan-secondary-0: #000000;
---ng-cyan-secondary-10: #051f1f;
---ng-cyan-secondary-20: #1b3534;
---ng-cyan-secondary-25: #27403f;
---ng-cyan-secondary-30: #324b4b;
---ng-cyan-secondary-35: #3e5757;
---ng-cyan-secondary-40: #4a6363;
---ng-cyan-secondary-50: #627c7b;
---ng-cyan-secondary-60: #7b9695;
---ng-cyan-secondary-70: #95b0b0;
---ng-cyan-secondary-80: #b0cccb;
---ng-cyan-secondary-90: #cce8e7;
---ng-cyan-secondary-95: #daf6f5;
---ng-cyan-secondary-98: #e3fffe;
---ng-cyan-secondary-99: #f1fffe;
---ng-cyan-secondary-100: #ffffff;
-
---ng-cyan-neutral-0: #000000;
---ng-cyan-neutral-10: #191c1c;
---ng-cyan-neutral-20: #2d3131;
---ng-cyan-neutral-25: #383c3c;
---ng-cyan-neutral-30: #444747;
---ng-cyan-neutral-35: #4f5353;
---ng-cyan-neutral-40: #5b5f5f;
---ng-cyan-neutral-50: #747877;
---ng-cyan-neutral-60: #8e9191;
---ng-cyan-neutral-70: #a9acab;
---ng-cyan-neutral-80: #c4c7c6;
---ng-cyan-neutral-90: #e0e3e2;
---ng-cyan-neutral-95: #eff1f0;
---ng-cyan-neutral-98: #f7faf9;
---ng-cyan-neutral-99: #fafdfc;
---ng-cyan-neutral-100: #ffffff;
---ng-cyan-neutral-4: #0b0f0e;
---ng-cyan-neutral-6: #101414;
---ng-cyan-neutral-12: #1c2020;
---ng-cyan-neutral-17: #272b2a;
---ng-cyan-neutral-22: #313635;
---ng-cyan-neutral-24: #363a39;
---ng-cyan-neutral-87: #d7dbd9;
---ng-cyan-neutral-92: #e6e9e7;
---ng-cyan-neutral-94: #ebefed;
---ng-cyan-neutral-96: #f1f4f3;
-
---ng-cyan-variant-0: #000000;
---ng-cyan-variant-10: #141d1d;
---ng-cyan-variant-20: #293232;
---ng-cyan-variant-25: #343d3d;
---ng-cyan-variant-30: #3f4948;
---ng-cyan-variant-35: #4a5454;
---ng-cyan-variant-40: #566060;
---ng-cyan-variant-50: #6f7979;
---ng-cyan-variant-60: #889392;
---ng-cyan-variant-70: #a3adad;
---ng-cyan-variant-80: #bec9c8;
---ng-cyan-variant-90: #dae5e4;
---ng-cyan-variant-95: #e9f3f2;
---ng-cyan-variant-98: #f1fbfa;
---ng-cyan-variant-99: #f4fefd;
---ng-cyan-variant-100: #ffffff;
-
-
-/* Magenta color palette to be used as primary or tertiary palette. */
---ng-magenta-0: #000000;
---ng-magenta-10: #380038;
---ng-magenta-20: #5b005b;
---ng-magenta-25: #6e006e;
---ng-magenta-30: #810081;
---ng-magenta-35: #950094;
---ng-magenta-40: #a900a9;
---ng-magenta-50: #d200d2;
---ng-magenta-60: #fe00fe;
---ng-magenta-70: #ff76f6;
---ng-magenta-80: #ffabf3;
---ng-magenta-90: #ffd7f5;
---ng-magenta-95: #ffebf8;
---ng-magenta-98: #fff7f9;
---ng-magenta-99: #fffbff;
---ng-magenta-100: #ffffff;
-
---ng-magenta-secondary-0: #000000;
---ng-magenta-secondary-10: #271624;
---ng-magenta-secondary-20: #3d2b3a;
---ng-magenta-secondary-25: #493545;
---ng-magenta-secondary-30: #554151;
---ng-magenta-secondary-35: #614c5d;
---ng-magenta-secondary-40: #6e5869;
---ng-magenta-secondary-50: #877082;
---ng-magenta-secondary-60: #a2899c;
---ng-magenta-secondary-70: #bea4b7;
---ng-magenta-secondary-80: #dabfd2;
---ng-magenta-secondary-90: #f7daef;
---ng-magenta-secondary-95: #ffebf8;
---ng-magenta-secondary-98: #fff7f9;
---ng-magenta-secondary-99: #fffbff;
---ng-magenta-secondary-100: #ffffff;
-
---ng-magenta-neutral-0: #000000;
---ng-magenta-neutral-10: #1e1a1d;
---ng-magenta-neutral-20: #342f32;
---ng-magenta-neutral-25: #3f3a3d;
---ng-magenta-neutral-30: #4b4548;
---ng-magenta-neutral-35: #575154;
---ng-magenta-neutral-40: #635d60;
---ng-magenta-neutral-50: #7c7579;
---ng-magenta-neutral-60: #968f92;
---ng-magenta-neutral-70: #b1a9ad;
---ng-magenta-neutral-80: #cdc4c8;
---ng-magenta-neutral-90: #e9e0e4;
---ng-magenta-neutral-95: #f8eef2;
---ng-magenta-neutral-98: #fff7f9;
---ng-magenta-neutral-99: #fffbff;
---ng-magenta-neutral-100: #ffffff;
---ng-magenta-neutral-4: #110d10;
---ng-magenta-neutral-6: #161215;
---ng-magenta-neutral-12: #231e22;
---ng-magenta-neutral-17: #2d292c;
---ng-magenta-neutral-22: #383337;
---ng-magenta-neutral-24: #3d383b;
---ng-magenta-neutral-87: #e1d7dc;
---ng-magenta-neutral-92: #efe6ea;
---ng-magenta-neutral-94: #f5ebf0;
---ng-magenta-neutral-96: #fbf1f5;
-
---ng-magenta-variant-0: #000000;
---ng-magenta-variant-10: #21191f;
---ng-magenta-variant-20: #372e34;
---ng-magenta-variant-25: #423940;
---ng-magenta-variant-30: #4e444b;
---ng-magenta-variant-35: #5a4f57;
---ng-magenta-variant-40: #665b63;
---ng-magenta-variant-50: #80747c;
---ng-magenta-variant-60: #9a8d95;
---ng-magenta-variant-70: #b5a7b0;
---ng-magenta-variant-80: #d1c2cb;
---ng-magenta-variant-90: #eedee7;
---ng-magenta-variant-95: #fcecf5;
---ng-magenta-variant-98: #fff7f9;
---ng-magenta-variant-99: #fffbff;
---ng-magenta-variant-100: #ffffff;
-
-/* Orange color palette to be used as primary or tertiary palette. */
---ng-orange-0: #000000;
---ng-orange-10: #311300;
---ng-orange-20: #502400;
---ng-orange-25: #612d00;
---ng-orange-30: #723600;
---ng-orange-35: #843f00;
---ng-orange-40: #964900;
---ng-orange-50: #bc5d00;
---ng-orange-60: #e37100;
---ng-orange-70: #ff8e36;
---ng-orange-80: #ffb787;
---ng-orange-90: #ffdcc7;
---ng-orange-95: #ffede4;
---ng-orange-98: #fff8f5;
---ng-orange-99: #fffbff;
---ng-orange-100: #ffffff;
-
---ng-orange-secondary-0: #000000;
---ng-orange-secondary-10: #2b1708;
---ng-orange-secondary-20: #422b1b;
---ng-orange-secondary-25: #4f3625;
---ng-orange-secondary-30: #5b4130;
---ng-orange-secondary-35: #684c3b;
---ng-orange-secondary-40: #755846;
---ng-orange-secondary-50: #90715d;
---ng-orange-secondary-60: #ab8a75;
---ng-orange-secondary-70: #c8a48e;
---ng-orange-secondary-80: #e5bfa8;
---ng-orange-secondary-90: #ffdcc7;
---ng-orange-secondary-95: #ffede4;
---ng-orange-secondary-98: #fff8f5;
---ng-orange-secondary-99: #fffbff;
---ng-orange-secondary-100: #ffffff;
-
---ng-orange-neutral-0: #000000;
---ng-orange-neutral-10: #201a17;
---ng-orange-neutral-20: #362f2b;
---ng-orange-neutral-25: #413a36;
---ng-orange-neutral-30: #4d4541;
---ng-orange-neutral-35: #59514d;
---ng-orange-neutral-40: #655d58;
---ng-orange-neutral-50: #7e7571;
---ng-orange-neutral-60: #998f8a;
---ng-orange-neutral-70: #b4a9a4;
---ng-orange-neutral-80: #d0c4bf;
---ng-orange-neutral-90: #ece0da;
---ng-orange-neutral-95: #fbeee8;
---ng-orange-neutral-98: #fff8f5;
---ng-orange-neutral-99: #fffbff;
---ng-orange-neutral-100: #ffffff;
---ng-orange-neutral-4: #120d0b;
---ng-orange-neutral-6: #181210;
---ng-orange-neutral-12: #241e1b;
---ng-orange-neutral-17: #2f2926;
---ng-orange-neutral-22: #3a3330;
---ng-orange-neutral-24: #3f3834;
---ng-orange-neutral-87: #e3d8d3;
---ng-orange-neutral-92: #f2e6e1;
---ng-orange-neutral-94: #f8ebe6;
---ng-orange-neutral-96: #fef1ec;
-
---ng-orange-variant-0: #000000;
---ng-orange-variant-10: #241912;
---ng-orange-variant-20: #3a2e26;
---ng-orange-variant-25: #463931;
---ng-orange-variant-30: #52443c;
---ng-orange-variant-35: #5e4f47;
---ng-orange-variant-40: #6b5b52;
---ng-orange-variant-50: #84746a;
---ng-orange-variant-60: #9f8d83;
---ng-orange-variant-70: #baa79d;
---ng-orange-variant-80: #d7c3b8;
---ng-orange-variant-90: #f4ded3;
---ng-orange-variant-95: #ffede4;
---ng-orange-variant-98: #fff8f5;
---ng-orange-variant-99: #fffbff;
---ng-orange-variant-100: #ffffff;
-
-/* Chartreuse color palette to be used as primary or tertiary palette. */
---ng-chartreuse-0: #000000;
---ng-chartreuse-10: #0b2000;
---ng-chartreuse-20: #173800;
---ng-chartreuse-25: #1e4400;
---ng-chartreuse-30: #245100;
---ng-chartreuse-35: #2b5e00;
---ng-chartreuse-40: #326b00;
---ng-chartreuse-50: #418700;
---ng-chartreuse-60: #50a400;
---ng-chartreuse-70: #60c100;
---ng-chartreuse-80: #70e000;
---ng-chartreuse-90: #82ff10;
---ng-chartreuse-95: #cfffa9;
---ng-chartreuse-98: #eeffdc;
---ng-chartreuse-99: #f8ffeb;
---ng-chartreuse-100: #ffffff;
-
---ng-chartreuse-secondary-0: #000000;
---ng-chartreuse-secondary-10: #141e0c;
---ng-chartreuse-secondary-20: #293420;
---ng-chartreuse-secondary-25: #333f2a;
---ng-chartreuse-secondary-30: #3f4a35;
---ng-chartreuse-secondary-35: #4a5640;
---ng-chartreuse-secondary-40: #56624b;
---ng-chartreuse-secondary-50: #6f7b62;
---ng-chartreuse-secondary-60: #88957b;
---ng-chartreuse-secondary-70: #a2b094;
---ng-chartreuse-secondary-80: #becbaf;
---ng-chartreuse-secondary-90: #dae7ca;
---ng-chartreuse-secondary-95: #e8f5d7;
---ng-chartreuse-secondary-98: #f0fee0;
---ng-chartreuse-secondary-99: #f8ffeb;
---ng-chartreuse-secondary-100: #ffffff;
-
---ng-chartreuse-neutral-0: #000000;
---ng-chartreuse-neutral-10: #1a1c18;
---ng-chartreuse-neutral-20: #2f312c;
---ng-chartreuse-neutral-25: #3a3c37;
---ng-chartreuse-neutral-30: #464742;
---ng-chartreuse-neutral-35: #52534e;
---ng-chartreuse-neutral-40: #5e5f5a;
---ng-chartreuse-neutral-50: #767872;
---ng-chartreuse-neutral-60: #90918b;
---ng-chartreuse-neutral-70: #abaca5;
---ng-chartreuse-neutral-80: #c7c7c0;
---ng-chartreuse-neutral-90: #e3e3dc;
---ng-chartreuse-neutral-95: #f1f1ea;
---ng-chartreuse-neutral-98: #fafaf2;
---ng-chartreuse-neutral-99: #fdfdf5;
---ng-chartreuse-neutral-100: #ffffff;
---ng-chartreuse-neutral-4: #0c0f0b;
---ng-chartreuse-neutral-6: #121410;
---ng-chartreuse-neutral-12: #1e201c;
---ng-chartreuse-neutral-17: #282b26;
---ng-chartreuse-neutral-22: #333531;
---ng-chartreuse-neutral-24: #383a35;
---ng-chartreuse-neutral-87: #dadbd3;
---ng-chartreuse-neutral-92: #e8e9e1;
---ng-chartreuse-neutral-94: #eeeee7;
---ng-chartreuse-neutral-96: #f3f4ed;
-
---ng-chartreuse-variant-0: #000000;
---ng-chartreuse-variant-10: #181d14;
---ng-chartreuse-variant-20: #2d3228;
---ng-chartreuse-variant-25: #383d33;
---ng-chartreuse-variant-30: #44483e;
---ng-chartreuse-variant-35: #4f5449;
---ng-chartreuse-variant-40: #5b6055;
---ng-chartreuse-variant-50: #74796d;
---ng-chartreuse-variant-60: #8e9286;
---ng-chartreuse-variant-70: #a8ada0;
---ng-chartreuse-variant-80: #c4c8bb;
---ng-chartreuse-variant-90: #e0e4d6;
---ng-chartreuse-variant-95: #eef2e4;
---ng-chartreuse-variant-98: #f7fbec;
---ng-chartreuse-variant-99: #fafeef;
---ng-chartreuse-variant-100: #ffffff;
-
-
-/* Spring Green color palette to be used as primary or tertiary palette. */
---ng-springgreen-0: #000000;
---ng-springgreen-10: #00210b;
---ng-springgreen-20: #003917;
---ng-springgreen-25: #00461e;
---ng-springgreen-30: #005225;
---ng-springgreen-35: #00602c;
---ng-springgreen-40: #006d33;
---ng-springgreen-50: #008942;
---ng-springgreen-60: #00a751;
---ng-springgreen-70: #00c561;
---ng-springgreen-80: #00e472;
---ng-springgreen-90: #63ff94;
---ng-springgreen-95: #c4ffcb;
---ng-springgreen-98: #eaffe9;
---ng-springgreen-99: #f5fff2;
---ng-springgreen-100: #ffffff;
-
---ng-springgreen-secondary-0: #000000;
---ng-springgreen-secondary-10: #0e1f12;
---ng-springgreen-secondary-20: #233425;
---ng-springgreen-secondary-25: #2e4030;
---ng-springgreen-secondary-30: #394b3b;
---ng-springgreen-secondary-35: #445746;
---ng-springgreen-secondary-40: #506352;
---ng-springgreen-secondary-50: #697c6a;
---ng-springgreen-secondary-60: #829682;
---ng-springgreen-secondary-70: #9cb19c;
---ng-springgreen-secondary-80: #b7ccb7;
---ng-springgreen-secondary-90: #d3e8d2;
---ng-springgreen-secondary-95: #e1f6e0;
---ng-springgreen-secondary-98: #eaffe9;
---ng-springgreen-secondary-99: #f5fff2;
---ng-springgreen-secondary-100: #ffffff;
-
---ng-springgreen-neutral-0: #000000;
---ng-springgreen-neutral-10: #191c19;
---ng-springgreen-neutral-20: #2e312e;
---ng-springgreen-neutral-25: #393c39;
---ng-springgreen-neutral-30: #454744;
---ng-springgreen-neutral-35: #51534f;
---ng-springgreen-neutral-40: #5d5f5b;
---ng-springgreen-neutral-50: #757873;
---ng-springgreen-neutral-60: #8f918d;
---ng-springgreen-neutral-70: #aaaca7;
---ng-springgreen-neutral-80: #c5c7c2;
---ng-springgreen-neutral-90: #e2e3de;
---ng-springgreen-neutral-95: #f0f1ec;
---ng-springgreen-neutral-98: #f9faf4;
---ng-springgreen-neutral-99: #fcfdf7;
---ng-springgreen-neutral-100: #ffffff;
---ng-springgreen-neutral-4: #0c0f0c;
---ng-springgreen-neutral-6: #111411;
---ng-springgreen-neutral-12: #1d201d;
---ng-springgreen-neutral-17: #282b27;
---ng-springgreen-neutral-22: #323632;
---ng-springgreen-neutral-24: #373a36;
---ng-springgreen-neutral-87: #d9dbd5;
---ng-springgreen-neutral-92: #e7e9e3;
---ng-springgreen-neutral-94: #edefe8;
---ng-springgreen-neutral-96: #f2f4ee;
-
---ng-springgreen-variant-0: #000000;
---ng-springgreen-variant-10: #161d17;
---ng-springgreen-variant-20: #2b322b;
---ng-springgreen-variant-25: #363d36;
---ng-springgreen-variant-30: #414941;
---ng-springgreen-variant-35: #4d544c;
---ng-springgreen-variant-40: #596058;
---ng-springgreen-variant-50: #717970;
---ng-springgreen-variant-60: #8b9389;
---ng-springgreen-variant-70: #a6ada4;
---ng-springgreen-variant-80: #c1c9be;
---ng-springgreen-variant-90: #dde5da;
---ng-springgreen-variant-95: #ebf3e8;
---ng-springgreen-variant-98: #f4fcf0;
---ng-springgreen-variant-99: #f7fef3;
---ng-springgreen-variant-100: #ffffff;
-
-/* Azure color palette to be used as primary or tertiary palette.*/
---ng-azure-0: #000000;
---ng-azure-10: #001b3f;
---ng-azure-20: #002f65;
---ng-azure-25: #003a7a;
---ng-azure-30: #00458f;
---ng-azure-35: #0050a5;
---ng-azure-40: #005cbb;
---ng-azure-50: #0074e9;
---ng-azure-60: #438fff;
---ng-azure-70: #7cabff;
---ng-azure-80: #abc7ff;
---ng-azure-90: #d7e3ff;
---ng-azure-95: #ecf0ff;
---ng-azure-98: #f9f9ff;
---ng-azure-99: #fdfbff;
---ng-azure-100: #ffffff;
-
---ng-azure-secondary-0: #000000;
---ng-azure-secondary-10: #131c2b;
---ng-azure-secondary-20: #283041;
---ng-azure-secondary-25: #333c4d;
---ng-azure-secondary-30: #3e4759;
---ng-azure-secondary-35: #4a5365;
---ng-azure-secondary-40: #565e71;
---ng-azure-secondary-50: #6f778b;
---ng-azure-secondary-60: #8891a5;
---ng-azure-secondary-70: #a3abc0;
---ng-azure-secondary-80: #bec6dc;
---ng-azure-secondary-90: #dae2f9;
---ng-azure-secondary-95: #ecf0ff;
---ng-azure-secondary-98: #f9f9ff;
---ng-azure-secondary-99: #fdfbff;
---ng-azure-secondary-100: #ffffff;
-
---ng-azure-neutral-0: #000000;
---ng-azure-neutral-10: #1a1b1f;
---ng-azure-neutral-20: #2f3033;
---ng-azure-neutral-25: #3b3b3f;
---ng-azure-neutral-30: #46464a;
---ng-azure-neutral-35: #525256;
---ng-azure-neutral-40: #5e5e62;
---ng-azure-neutral-50: #77777a;
---ng-azure-neutral-60: #919094;
---ng-azure-neutral-70: #ababaf;
---ng-azure-neutral-80: #c7c6ca;
---ng-azure-neutral-90: #e3e2e6;
---ng-azure-neutral-95: #f2f0f4;
---ng-azure-neutral-98: #faf9fd;
---ng-azure-neutral-99: #fdfbff;
---ng-azure-neutral-100: #ffffff;
---ng-azure-neutral-4: #0d0e11;
---ng-azure-neutral-6: #121316;
---ng-azure-neutral-12: #1f2022;
---ng-azure-neutral-17: #292a2c;
---ng-azure-neutral-22: #343537;
---ng-azure-neutral-24: #38393c;
---ng-azure-neutral-87: #dbd9dd;
---ng-azure-neutral-92: #e9e7eb;
---ng-azure-neutral-94: #efedf0;
---ng-azure-neutral-96: #f4f3f6;
-
---ng-azure-variant-0: #000000;
---ng-azure-variant-10: #181c22;
---ng-azure-variant-20: #2d3038;
---ng-azure-variant-25: #383b43;
---ng-azure-variant-30: #44474e;
---ng-azure-variant-35: #4f525a;
---ng-azure-variant-40: #5b5e66;
---ng-azure-variant-50: #74777f;
---ng-azure-variant-60: #8e9099;
---ng-azure-variant-70: #a9abb4;
---ng-azure-variant-80: #c4c6d0;
---ng-azure-variant-90: #e0e2ec;
---ng-azure-variant-95: #eff0fa;
---ng-azure-variant-98: #f9f9ff;
---ng-azure-variant-99: #fdfbff;
---ng-azure-variant-100: #ffffff;
-
-/* Violet color palette to be used as primary or tertiary palette. */
---ng-violet-0: #000000;
---ng-violet-10: #270057;
---ng-violet-20: #42008a;
---ng-violet-25: #5000a4;
---ng-violet-30: #5f00c0;
---ng-violet-35: #6e00dc;
---ng-violet-40: #7d00fa;
---ng-violet-50: #944aff;
---ng-violet-60: #a974ff;
---ng-violet-70: #bf98ff;
---ng-violet-80: #d5baff;
---ng-violet-90: #ecdcff;
---ng-violet-95: #f7edff;
---ng-violet-98: #fef7ff;
---ng-violet-99: #fffbff;
---ng-violet-100: #ffffff;
-
---ng-violet-secondary-0: #000000;
---ng-violet-secondary-10: #1f182a;
---ng-violet-secondary-20: #352d40;
---ng-violet-secondary-25: #40384c;
---ng-violet-secondary-30: #4b4357;
---ng-violet-secondary-35: #574f63;
---ng-violet-secondary-40: #645b70;
---ng-violet-secondary-50: #7d7389;
---ng-violet-secondary-60: #978ca4;
---ng-violet-secondary-70: #b2a7bf;
---ng-violet-secondary-80: #cec2db;
---ng-violet-secondary-90: #eadef7;
---ng-violet-secondary-95: #f7edff;
---ng-violet-secondary-98: #fef7ff;
---ng-violet-secondary-99: #fffbff;
---ng-violet-secondary-100: #ffffff;
-
---ng-violet-neutral-0: #000000;
---ng-violet-neutral-10: #1d1b1e;
---ng-violet-neutral-20: #323033;
---ng-violet-neutral-25: #3d3a3e;
---ng-violet-neutral-30: #49464a;
---ng-violet-neutral-35: #545155;
---ng-violet-neutral-40: #605d61;
---ng-violet-neutral-50: #7a767a;
---ng-violet-neutral-60: #948f94;
---ng-violet-neutral-70: #aeaaae;
---ng-violet-neutral-80: #cac5ca;
---ng-violet-neutral-90: #e6e1e6;
---ng-violet-neutral-95: #f5eff4;
---ng-violet-neutral-98: #fef8fc;
---ng-violet-neutral-99: #fffbff;
---ng-violet-neutral-100: #ffffff;
---ng-violet-neutral-4: #0f0d11;
---ng-violet-neutral-6: #151316;
---ng-violet-neutral-12: #211f22;
---ng-violet-neutral-17: #2b292d;
---ng-violet-neutral-22: #363437;
---ng-violet-neutral-24: #3b383c;
---ng-violet-neutral-87: #ded8dd;
---ng-violet-neutral-92: #ede6eb;
---ng-violet-neutral-94: #f2ecf1;
---ng-violet-neutral-96: #f8f2f6;
-
---ng-violet-variant-0: #000000;
---ng-violet-variant-10: #1d1a22;
---ng-violet-variant-20: #332f37;
---ng-violet-variant-25: #3e3a42;
---ng-violet-variant-30: #49454e;
---ng-violet-variant-35: #55515a;
---ng-violet-variant-40: #615c66;
---ng-violet-variant-50: #7b757f;
---ng-violet-variant-60: #958e99;
---ng-violet-variant-70: #b0a9b3;
---ng-violet-variant-80: #cbc4cf;
---ng-violet-variant-90: #e8e0eb;
---ng-violet-variant-95: #f6eef9;
---ng-violet-variant-98: #fef7ff;
---ng-violet-variant-99: #fffbff;
---ng-violet-variant-100: #ffffff;
-
-/* Rose color palette to be used as primary or tertiary palette. */
---ng-rose-0: #000000;
---ng-rose-10: #3f001b;
---ng-rose-20: #65002f;
---ng-rose-25: #7a003a;
---ng-rose-30: #8f0045;
---ng-rose-35: #a40050;
---ng-rose-40: #ba005c;
---ng-rose-50: #e80074;
---ng-rose-60: #ff4a8e;
---ng-rose-70: #ff84a9;
---ng-rose-80: #ffb1c5;
---ng-rose-90: #ffd9e1;
---ng-rose-95: #ffecef;
---ng-rose-98: #fff8f8;
---ng-rose-99: #fffbff;
---ng-rose-100: #ffffff;
-
---ng-rose-secondary-0: #000000;
---ng-rose-secondary-10: #2b151b;
---ng-rose-secondary-20: #422930;
---ng-rose-secondary-25: #4f343b;
---ng-rose-secondary-30: #5b3f46;
---ng-rose-secondary-35: #684b52;
---ng-rose-secondary-40: #74565d;
---ng-rose-secondary-50: #8f6f76;
---ng-rose-secondary-60: #aa888f;
---ng-rose-secondary-70: #c6a2aa;
---ng-rose-secondary-80: #e3bdc5;
---ng-rose-secondary-90: #ffd9e1;
---ng-rose-secondary-95: #ffecef;
---ng-rose-secondary-98: #fff8f8;
---ng-rose-secondary-99: #fffbff;
---ng-rose-secondary-100: #ffffff;
-
---ng-rose-neutral-0: #000000;
---ng-rose-neutral-10: #201a1b;
---ng-rose-neutral-20: #352f30;
---ng-rose-neutral-25: #413a3b;
---ng-rose-neutral-30: #4c4546;
---ng-rose-neutral-35: #585052;
---ng-rose-neutral-40: #655c5e;
---ng-rose-neutral-50: #7e7576;
---ng-rose-neutral-60: #988e90;
---ng-rose-neutral-70: #b3a9aa;
---ng-rose-neutral-80: #cfc4c5;
---ng-rose-neutral-90: #ece0e1;
---ng-rose-neutral-95: #faeeef;
---ng-rose-neutral-98: #fff8f8;
---ng-rose-neutral-99: #fffbff;
---ng-rose-neutral-100: #ffffff;
---ng-rose-neutral-4: #120d0e;
---ng-rose-neutral-6: #171213;
---ng-rose-neutral-12: #241e1f;
---ng-rose-neutral-17: #2f2829;
---ng-rose-neutral-22: #3a3334;
---ng-rose-neutral-24: #3e3738;
---ng-rose-neutral-87: #e3d7d8;
---ng-rose-neutral-92: #f1e5e6;
---ng-rose-neutral-94: #f7ebec;
---ng-rose-neutral-96: #fdf1f2;
-
---ng-rose-variant-0: #000000;
---ng-rose-variant-10: #24191b;
---ng-rose-variant-20: #3a2d30;
---ng-rose-variant-25: #45383b;
---ng-rose-variant-30: #514346;
---ng-rose-variant-35: #5d4f52;
---ng-rose-variant-40: #6a5a5e;
---ng-rose-variant-50: #847376;
---ng-rose-variant-60: #9e8c90;
---ng-rose-variant-70: #baa7aa;
---ng-rose-variant-80: #d6c2c5;
---ng-rose-variant-90: #f3dde1;
---ng-rose-variant-95: #ffecef;
---ng-rose-variant-98: #fff8f8;
---ng-rose-variant-99: #fffbff;
---ng-rose-variant-100: #ffffff;
-
-}
+/* by color picker from https://material.angular.io */
+:root{
+    --ng-teal-primary: #dce3fc;
+    --ng-teal-hover: #d0d8f6;
+    --ng-teal-focus: #c8d2f3;
+    --ng-teal-active: #adc4ef;
+
+    --ng-action-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
+    --ng-action-box-shadow-hover: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);
+    --ng-action-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+
+}
+
+/* https://github.com/angular/components/blob/main/src/material/core/theming/_palettes.scss */
+:root{
+--ng-error-0: #000000;
+--ng-error-10: #410002;
+--ng-error-20: #690005;
+--ng-error-25: #7e0007;
+--ng-error-30: #93000a;
+--ng-error-35: #a80710;
+--ng-error-40: #ba1a1a;
+--ng-error-50: #de3730;
+--ng-error-60: #ff5449;
+--ng-error-70: #ff897d;
+--ng-error-80: #ffb4ab;
+--ng-error-90: #ffdad6;
+--ng-error-95: #ffedea;
+--ng-error-98: #fff8f7;
+--ng-error-99: #fffbff;
+--ng-error-100: #ffffff;
+/* Red color palette to be used as primary or tertiary palette.*/
+
+--ng-red-0: #000000;
+--ng-red-10: #410000;
+--ng-red-20: #690100;
+--ng-red-25: #7e0100;
+--ng-red-30: #930100;
+--ng-red-35: #a90100;
+--ng-red-40: #c00100;
+--ng-red-50: #ef0000;
+--ng-red-60: #ff5540;
+--ng-red-70: #ff8a78;
+--ng-red-80: #ffb4a8;
+--ng-red-90: #ffdad4;
+--ng-red-95: #ffedea;
+--ng-red-98: #fff8f6;
+--ng-red-99: #fffbff;
+--ng-red-100: #ffffff;
+
+--ng-red-secondary-0: #000000;
+--ng-red-secondary-10: #2c1512;
+--ng-red-secondary-20: #442925;
+--ng-red-secondary-25: #513430;
+--ng-red-secondary-30: #5d3f3b;
+--ng-red-secondary-35: #6a4b46;
+--ng-red-secondary-40: #775651;
+--ng-red-secondary-50: #926f69;
+--ng-red-secondary-60: #ae8882;
+--ng-red-secondary-70: #caa29c;
+--ng-red-secondary-80: #e7bdb6;
+--ng-red-secondary-90: #ffdad4;
+--ng-red-secondary-95: #ffedea;
+--ng-red-secondary-98: #fff8f6;
+--ng-red-secondary-99: #fffbff;
+--ng-red-secondary-100: #ffffff;
+
+/*  neutral */
+--ng-red-neutral-0: #000000;
+--ng-red-neutral-10: #201a19;
+--ng-red-neutral-20: #362f2e;
+--ng-red-neutral-25: #413a38;
+--ng-red-neutral-30: #4d4544;
+--ng-red-neutral-35: #59504f;
+--ng-red-neutral-40: #655c5b;
+--ng-red-neutral-50: #7f7573;
+--ng-red-neutral-60: #998e8d;
+--ng-red-neutral-70: #b4a9a7;
+--ng-red-neutral-80: #d0c4c2;
+--ng-red-neutral-90: #ede0dd;
+--ng-red-neutral-95: #fbeeec;
+--ng-red-neutral-98: #fff8f6;
+--ng-red-neutral-99: #fffbff;
+--ng-red-neutral-100: #ffffff;
+--ng-red-neutral-4: #130d0c;
+--ng-red-neutral-6: #181211;
+--ng-red-neutral-12: #251e1d;
+--ng-red-neutral-17: #302828;
+--ng-red-neutral-22: #3b3332;
+--ng-red-neutral-24: #3f3737;
+--ng-red-neutral-87: #e4d7d6;
+--ng-red-neutral-92: #f3e5e4;
+--ng-red-neutral-94: #f9ebe9;
+--ng-red-neutral-96: #fef1ef;
+
+/* variant */
+--ng-red-variant-0: #000000;
+--ng-red-variant-10: #251917;
+--ng-red-variant-20: #3b2d2b;
+--ng-red-variant-25: #473836;
+--ng-red-variant-30: #534341;
+--ng-red-variant-35: #5f4f4c;
+--ng-red-variant-40: #6c5a58;
+--ng-red-variant-50: #857370;
+--ng-red-variant-60: #a08c89;
+--ng-red-variant-70: #bca7a3;
+--ng-red-variant-80: #d8c2be;
+--ng-red-variant-90: #f5ddda;
+--ng-red-variant-95: #ffedea;
+--ng-red-variant-98: #fff8f6;
+--ng-red-variant-99: #fffbff;
+--ng-red-variant-100: #ffffff;
+
+/* Green color palette to be used as primary or tertiary palette.*/
+--ng-green-0: #000000;
+--ng-green-10: #002200;
+--ng-green-20: #013a00;
+--ng-green-25: #014600;
+--ng-green-30: #015300;
+--ng-green-35: #026100;
+--ng-green-40: #026e00;
+--ng-green-50: #038b00;
+--ng-green-60: #03a800;
+--ng-green-70: #03c700;
+--ng-green-80: #02e600;
+--ng-green-90: #77ff61;
+--ng-green-95: #cbffb8;
+--ng-green-98: #edffe1;
+--ng-green-99: #f7ffee;
+--ng-green-100: #ffffff;
+
+--ng-green-secondary-0: #000000;
+--ng-green-secondary-10: #121f0e;
+--ng-green-secondary-20: #263422;
+--ng-green-secondary-25: #313f2c;
+--ng-green-secondary-30: #3c4b37;
+--ng-green-secondary-35: #485642;
+--ng-green-secondary-40: #54634d;
+--ng-green-secondary-50: #6c7b65;
+--ng-green-secondary-60: #86957e;
+--ng-green-secondary-70: #a0b097;
+--ng-green-secondary-80: #bbcbb2;
+--ng-green-secondary-90: #d7e8cd;
+--ng-green-secondary-95: #e5f6da;
+--ng-green-secondary-98: #eeffe3;
+--ng-green-secondary-99: #f7ffee;
+--ng-green-secondary-100: #ffffff;
+
+--ng-green-neutral-0: #000000;
+--ng-green-neutral-10: #1a1c18;
+--ng-green-neutral-20: #2f312d;
+--ng-green-neutral-25: #3a3c38;
+--ng-green-neutral-30: #454743;
+--ng-green-neutral-35: #51534e;
+--ng-green-neutral-40: #5d5f5a;
+--ng-green-neutral-50: #767872;
+--ng-green-neutral-60: #90918c;
+--ng-green-neutral-70: #abaca6;
+--ng-green-neutral-80: #c6c7c1;
+--ng-green-neutral-90: #e2e3dc;
+--ng-green-neutral-95: #f1f1eb;
+--ng-green-neutral-98: #f9faf3;
+--ng-green-neutral-99: #fcfdf6;
+--ng-green-neutral-100: #ffffff;
+--ng-green-neutral-4: #0c0f0b;
+--ng-green-neutral-6: #121410;
+--ng-green-neutral-12: #1e201c;
+--ng-green-neutral-17: #282b26;
+--ng-green-neutral-22: #333531;
+--ng-green-neutral-24: #383a35;
+--ng-green-neutral-87: #dadbd3;
+--ng-green-neutral-92: #e8e9e1;
+--ng-green-neutral-94: #eeeee7;
+--ng-green-neutral-96: #f3f4ed;
+
+--ng-green-variant-0: #000000;
+--ng-green-variant-10: #181d15;
+--ng-green-variant-20: #2c3229;
+--ng-green-variant-25: #373d34;
+--ng-green-variant-30: #43483f;
+--ng-green-variant-35: #4e544a;
+--ng-green-variant-40: #5a6056;
+--ng-green-variant-50: #73796e;
+--ng-green-variant-60: #8d9387;
+--ng-green-variant-70: #a7ada1;
+--ng-green-variant-80: #c3c8bc;
+--ng-green-variant-90: #dfe4d7;
+--ng-green-variant-95: #edf3e5;
+--ng-green-variant-98: #f6fbee;
+--ng-green-variant-99: #f9fef1;
+--ng-green-variant-100: #ffffff;
+
+
+/* Blue color palette to be used as primary or tertiary palette. */
+--ng-blue-0: #000000;
+--ng-blue-10: #00006e;
+--ng-blue-20: #0001ac;
+--ng-blue-25: #0001cd;
+--ng-blue-30: #0000ef;
+--ng-blue-35: #1a21ff;
+--ng-blue-40: #343dff;
+--ng-blue-50: #5a64ff;
+--ng-blue-60: #7c84ff;
+--ng-blue-70: #9da3ff;
+--ng-blue-80: #bec2ff;
+--ng-blue-90: #e0e0ff;
+--ng-blue-95: #f1efff;
+--ng-blue-98: #fbf8ff;
+--ng-blue-99: #fffbff;
+--ng-blue-100: #ffffff;
+
+--ng-blue-secondary-0: #000000;
+--ng-blue-secondary-10: #191a2c;
+--ng-blue-secondary-20: #2e2f42;
+--ng-blue-secondary-25: #393a4d;
+--ng-blue-secondary-30: #444559;
+--ng-blue-secondary-35: #505165;
+--ng-blue-secondary-40: #5c5d72;
+--ng-blue-secondary-50: #75758b;
+--ng-blue-secondary-60: #8f8fa6;
+--ng-blue-secondary-70: #a9a9c1;
+--ng-blue-secondary-80: #c5c4dd;
+--ng-blue-secondary-90: #e1e0f9;
+--ng-blue-secondary-95: #f1efff;
+--ng-blue-secondary-98: #fbf8ff;
+--ng-blue-secondary-99: #fffbff;
+--ng-blue-secondary-100: #ffffff;
+
+--ng-blue-neutral-0: #000000;
+--ng-blue-neutral-10: #1b1b1f;
+--ng-blue-neutral-20: #303034;
+--ng-blue-neutral-25: #3c3b3f;
+--ng-blue-neutral-30: #47464a;
+--ng-blue-neutral-35: #535256;
+--ng-blue-neutral-40: #5f5e62;
+--ng-blue-neutral-50: #78767a;
+--ng-blue-neutral-60: #929094;
+--ng-blue-neutral-70: #adaaaf;
+--ng-blue-neutral-80: #c8c5ca;
+--ng-blue-neutral-90: #e5e1e6;
+--ng-blue-neutral-95: #f3eff4;
+--ng-blue-neutral-98: #fcf8fd;
+--ng-blue-neutral-99: #fffbff;
+--ng-blue-neutral-100: #ffffff;
+--ng-blue-neutral-4: #0e0e11;
+--ng-blue-neutral-6: #131316;
+--ng-blue-neutral-12: #201f22;
+--ng-blue-neutral-17: #2a292d;
+--ng-blue-neutral-22: #353438;
+--ng-blue-neutral-24: #3a393c;
+--ng-blue-neutral-87: #dcd9dd;
+--ng-blue-neutral-92: #ebe7eb;
+--ng-blue-neutral-94: #f0edf1;
+--ng-blue-neutral-96: #f6f2f7;
+
+--ng-blue-variant-0: #000000;
+--ng-blue-variant-10: #1b1b23;
+--ng-blue-variant-20: #303038;
+--ng-blue-variant-25: #3b3b43;
+--ng-blue-variant-30: #46464f;
+--ng-blue-variant-35: #52515b;
+--ng-blue-variant-40: #5e5d67;
+--ng-blue-variant-50: #777680;
+--ng-blue-variant-60: #91909a;
+--ng-blue-variant-70: #acaab4;
+--ng-blue-variant-80: #c7c5d0;
+--ng-blue-variant-90: #e4e1ec;
+--ng-blue-variant-95: #f2effa;
+--ng-blue-variant-98: #fbf8ff;
+--ng-blue-variant-99: #fffbff;
+--ng-blue-variant-100: #ffffff;
+
+
+/* Yellow color palette to be used as primary or tertiary palette. */
+--ng-yellow-0: #000000;
+--ng-yellow-10: #1d1d00;
+--ng-yellow-20: #323200;
+--ng-yellow-25: #3e3e00;
+--ng-yellow-30: #494900;
+--ng-yellow-35: #555500;
+--ng-yellow-40: #626200;
+--ng-yellow-50: #7b7b00;
+--ng-yellow-60: #969600;
+--ng-yellow-70: #b1b100;
+--ng-yellow-80: #cdcd00;
+--ng-yellow-90: #eaea00;
+--ng-yellow-95: #f9f900;
+--ng-yellow-98: #fffeac;
+--ng-yellow-99: #fffbff;
+--ng-yellow-100: #ffffff;
+
+--ng-yellow-secondary-0: #000000;
+--ng-yellow-secondary-10: #1d1d06;
+--ng-yellow-secondary-20: #323218;
+--ng-yellow-secondary-25: #3d3d22;
+--ng-yellow-secondary-30: #49482d;
+--ng-yellow-secondary-35: #545438;
+--ng-yellow-secondary-40: #606043;
+--ng-yellow-secondary-50: #7a795a;
+--ng-yellow-secondary-60: #949272;
+--ng-yellow-secondary-70: #aead8b;
+--ng-yellow-secondary-80: #cac8a5;
+--ng-yellow-secondary-90: #e7e4bf;
+--ng-yellow-secondary-95: #f5f3cd;
+--ng-yellow-secondary-98: #fefbd5;
+--ng-yellow-secondary-99: #fffbff;
+--ng-yellow-secondary-100: #ffffff;
+
+--ng-yellow-neutral-0: #000000;
+--ng-yellow-neutral-10: #1c1c17;
+--ng-yellow-neutral-20: #31312b;
+--ng-yellow-neutral-25: #3c3c35;
+--ng-yellow-neutral-30: #484741;
+--ng-yellow-neutral-35: #54524c;
+--ng-yellow-neutral-40: #605e58;
+--ng-yellow-neutral-50: #797770;
+--ng-yellow-neutral-60: #939189;
+--ng-yellow-neutral-70: #aeaba3;
+--ng-yellow-neutral-80: #c9c6be;
+--ng-yellow-neutral-90: #e6e2d9;
+--ng-yellow-neutral-95: #f4f0e8;
+--ng-yellow-neutral-98: #fdf9f0;
+--ng-yellow-neutral-99: #fffbff;
+--ng-yellow-neutral-100: #ffffff;
+--ng-yellow-neutral-4: #0f0e0a;
+--ng-yellow-neutral-6: #14140f;
+--ng-yellow-neutral-12: #20201b;
+--ng-yellow-neutral-17: #2b2a25;
+--ng-yellow-neutral-22: #36352f;
+--ng-yellow-neutral-24: #3a3933;
+--ng-yellow-neutral-87: #dddad1;
+--ng-yellow-neutral-92: #ece8df;
+--ng-yellow-neutral-94: #f1ede5;
+--ng-yellow-neutral-96: #f7f3ea;
+
+--ng-variant-0: #000000;
+--ng-variant-10: #1c1c11;
+--ng-variant-20: #313125;
+--ng-variant-25: #3d3c2f;
+--ng-variant-30: #48473a;
+--ng-variant-35: #545345;
+--ng-variant-40: #605f51;
+--ng-variant-50: #797869;
+--ng-variant-60: #939182;
+--ng-variant-70: #aeac9b;
+--ng-variant-80: #cac7b6;
+--ng-variant-90: #e6e3d1;
+--ng-variant-95: #f4f1df;
+--ng-variant-98: #fdfae7;
+--ng-variant-99: #fffbff;
+--ng-variant-100: #ffffff;
+
+/* Cyan color palette to be used as primary or tertiary palette. */
+--ng-cyan-0: #000000;
+--ng-cyan-10: #002020;
+--ng-cyan-20: #003737;
+--ng-cyan-25: #004343;
+--ng-cyan-30: #004f4f;
+--ng-cyan-35: #005c5c;
+--ng-cyan-40: #006a6a;
+--ng-cyan-50: #008585;
+--ng-cyan-60: #00a1a1;
+--ng-cyan-70: #00bebe;
+--ng-cyan-80: #00dddd;
+--ng-cyan-90: #00fbfb;
+--ng-cyan-95: #adfffe;
+--ng-cyan-98: #e2fffe;
+--ng-cyan-99: #f1fffe;
+--ng-cyan-100: #ffffff;
+
+--ng-cyan-secondary-0: #000000;
+--ng-cyan-secondary-10: #051f1f;
+--ng-cyan-secondary-20: #1b3534;
+--ng-cyan-secondary-25: #27403f;
+--ng-cyan-secondary-30: #324b4b;
+--ng-cyan-secondary-35: #3e5757;
+--ng-cyan-secondary-40: #4a6363;
+--ng-cyan-secondary-50: #627c7b;
+--ng-cyan-secondary-60: #7b9695;
+--ng-cyan-secondary-70: #95b0b0;
+--ng-cyan-secondary-80: #b0cccb;
+--ng-cyan-secondary-90: #cce8e7;
+--ng-cyan-secondary-95: #daf6f5;
+--ng-cyan-secondary-98: #e3fffe;
+--ng-cyan-secondary-99: #f1fffe;
+--ng-cyan-secondary-100: #ffffff;
+
+--ng-cyan-neutral-0: #000000;
+--ng-cyan-neutral-10: #191c1c;
+--ng-cyan-neutral-20: #2d3131;
+--ng-cyan-neutral-25: #383c3c;
+--ng-cyan-neutral-30: #444747;
+--ng-cyan-neutral-35: #4f5353;
+--ng-cyan-neutral-40: #5b5f5f;
+--ng-cyan-neutral-50: #747877;
+--ng-cyan-neutral-60: #8e9191;
+--ng-cyan-neutral-70: #a9acab;
+--ng-cyan-neutral-80: #c4c7c6;
+--ng-cyan-neutral-90: #e0e3e2;
+--ng-cyan-neutral-95: #eff1f0;
+--ng-cyan-neutral-98: #f7faf9;
+--ng-cyan-neutral-99: #fafdfc;
+--ng-cyan-neutral-100: #ffffff;
+--ng-cyan-neutral-4: #0b0f0e;
+--ng-cyan-neutral-6: #101414;
+--ng-cyan-neutral-12: #1c2020;
+--ng-cyan-neutral-17: #272b2a;
+--ng-cyan-neutral-22: #313635;
+--ng-cyan-neutral-24: #363a39;
+--ng-cyan-neutral-87: #d7dbd9;
+--ng-cyan-neutral-92: #e6e9e7;
+--ng-cyan-neutral-94: #ebefed;
+--ng-cyan-neutral-96: #f1f4f3;
+
+--ng-cyan-variant-0: #000000;
+--ng-cyan-variant-10: #141d1d;
+--ng-cyan-variant-20: #293232;
+--ng-cyan-variant-25: #343d3d;
+--ng-cyan-variant-30: #3f4948;
+--ng-cyan-variant-35: #4a5454;
+--ng-cyan-variant-40: #566060;
+--ng-cyan-variant-50: #6f7979;
+--ng-cyan-variant-60: #889392;
+--ng-cyan-variant-70: #a3adad;
+--ng-cyan-variant-80: #bec9c8;
+--ng-cyan-variant-90: #dae5e4;
+--ng-cyan-variant-95: #e9f3f2;
+--ng-cyan-variant-98: #f1fbfa;
+--ng-cyan-variant-99: #f4fefd;
+--ng-cyan-variant-100: #ffffff;
+
+
+/* Magenta color palette to be used as primary or tertiary palette. */
+--ng-magenta-0: #000000;
+--ng-magenta-10: #380038;
+--ng-magenta-20: #5b005b;
+--ng-magenta-25: #6e006e;
+--ng-magenta-30: #810081;
+--ng-magenta-35: #950094;
+--ng-magenta-40: #a900a9;
+--ng-magenta-50: #d200d2;
+--ng-magenta-60: #fe00fe;
+--ng-magenta-70: #ff76f6;
+--ng-magenta-80: #ffabf3;
+--ng-magenta-90: #ffd7f5;
+--ng-magenta-95: #ffebf8;
+--ng-magenta-98: #fff7f9;
+--ng-magenta-99: #fffbff;
+--ng-magenta-100: #ffffff;
+
+--ng-magenta-secondary-0: #000000;
+--ng-magenta-secondary-10: #271624;
+--ng-magenta-secondary-20: #3d2b3a;
+--ng-magenta-secondary-25: #493545;
+--ng-magenta-secondary-30: #554151;
+--ng-magenta-secondary-35: #614c5d;
+--ng-magenta-secondary-40: #6e5869;
+--ng-magenta-secondary-50: #877082;
+--ng-magenta-secondary-60: #a2899c;
+--ng-magenta-secondary-70: #bea4b7;
+--ng-magenta-secondary-80: #dabfd2;
+--ng-magenta-secondary-90: #f7daef;
+--ng-magenta-secondary-95: #ffebf8;
+--ng-magenta-secondary-98: #fff7f9;
+--ng-magenta-secondary-99: #fffbff;
+--ng-magenta-secondary-100: #ffffff;
+
+--ng-magenta-neutral-0: #000000;
+--ng-magenta-neutral-10: #1e1a1d;
+--ng-magenta-neutral-20: #342f32;
+--ng-magenta-neutral-25: #3f3a3d;
+--ng-magenta-neutral-30: #4b4548;
+--ng-magenta-neutral-35: #575154;
+--ng-magenta-neutral-40: #635d60;
+--ng-magenta-neutral-50: #7c7579;
+--ng-magenta-neutral-60: #968f92;
+--ng-magenta-neutral-70: #b1a9ad;
+--ng-magenta-neutral-80: #cdc4c8;
+--ng-magenta-neutral-90: #e9e0e4;
+--ng-magenta-neutral-95: #f8eef2;
+--ng-magenta-neutral-98: #fff7f9;
+--ng-magenta-neutral-99: #fffbff;
+--ng-magenta-neutral-100: #ffffff;
+--ng-magenta-neutral-4: #110d10;
+--ng-magenta-neutral-6: #161215;
+--ng-magenta-neutral-12: #231e22;
+--ng-magenta-neutral-17: #2d292c;
+--ng-magenta-neutral-22: #383337;
+--ng-magenta-neutral-24: #3d383b;
+--ng-magenta-neutral-87: #e1d7dc;
+--ng-magenta-neutral-92: #efe6ea;
+--ng-magenta-neutral-94: #f5ebf0;
+--ng-magenta-neutral-96: #fbf1f5;
+
+--ng-magenta-variant-0: #000000;
+--ng-magenta-variant-10: #21191f;
+--ng-magenta-variant-20: #372e34;
+--ng-magenta-variant-25: #423940;
+--ng-magenta-variant-30: #4e444b;
+--ng-magenta-variant-35: #5a4f57;
+--ng-magenta-variant-40: #665b63;
+--ng-magenta-variant-50: #80747c;
+--ng-magenta-variant-60: #9a8d95;
+--ng-magenta-variant-70: #b5a7b0;
+--ng-magenta-variant-80: #d1c2cb;
+--ng-magenta-variant-90: #eedee7;
+--ng-magenta-variant-95: #fcecf5;
+--ng-magenta-variant-98: #fff7f9;
+--ng-magenta-variant-99: #fffbff;
+--ng-magenta-variant-100: #ffffff;
+
+/* Orange color palette to be used as primary or tertiary palette. */
+--ng-orange-0: #000000;
+--ng-orange-10: #311300;
+--ng-orange-20: #502400;
+--ng-orange-25: #612d00;
+--ng-orange-30: #723600;
+--ng-orange-35: #843f00;
+--ng-orange-40: #964900;
+--ng-orange-50: #bc5d00;
+--ng-orange-60: #e37100;
+--ng-orange-70: #ff8e36;
+--ng-orange-80: #ffb787;
+--ng-orange-90: #ffdcc7;
+--ng-orange-95: #ffede4;
+--ng-orange-98: #fff8f5;
+--ng-orange-99: #fffbff;
+--ng-orange-100: #ffffff;
+
+--ng-orange-secondary-0: #000000;
+--ng-orange-secondary-10: #2b1708;
+--ng-orange-secondary-20: #422b1b;
+--ng-orange-secondary-25: #4f3625;
+--ng-orange-secondary-30: #5b4130;
+--ng-orange-secondary-35: #684c3b;
+--ng-orange-secondary-40: #755846;
+--ng-orange-secondary-50: #90715d;
+--ng-orange-secondary-60: #ab8a75;
+--ng-orange-secondary-70: #c8a48e;
+--ng-orange-secondary-80: #e5bfa8;
+--ng-orange-secondary-90: #ffdcc7;
+--ng-orange-secondary-95: #ffede4;
+--ng-orange-secondary-98: #fff8f5;
+--ng-orange-secondary-99: #fffbff;
+--ng-orange-secondary-100: #ffffff;
+
+--ng-orange-neutral-0: #000000;
+--ng-orange-neutral-10: #201a17;
+--ng-orange-neutral-20: #362f2b;
+--ng-orange-neutral-25: #413a36;
+--ng-orange-neutral-30: #4d4541;
+--ng-orange-neutral-35: #59514d;
+--ng-orange-neutral-40: #655d58;
+--ng-orange-neutral-50: #7e7571;
+--ng-orange-neutral-60: #998f8a;
+--ng-orange-neutral-70: #b4a9a4;
+--ng-orange-neutral-80: #d0c4bf;
+--ng-orange-neutral-90: #ece0da;
+--ng-orange-neutral-95: #fbeee8;
+--ng-orange-neutral-98: #fff8f5;
+--ng-orange-neutral-99: #fffbff;
+--ng-orange-neutral-100: #ffffff;
+--ng-orange-neutral-4: #120d0b;
+--ng-orange-neutral-6: #181210;
+--ng-orange-neutral-12: #241e1b;
+--ng-orange-neutral-17: #2f2926;
+--ng-orange-neutral-22: #3a3330;
+--ng-orange-neutral-24: #3f3834;
+--ng-orange-neutral-87: #e3d8d3;
+--ng-orange-neutral-92: #f2e6e1;
+--ng-orange-neutral-94: #f8ebe6;
+--ng-orange-neutral-96: #fef1ec;
+
+--ng-orange-variant-0: #000000;
+--ng-orange-variant-10: #241912;
+--ng-orange-variant-20: #3a2e26;
+--ng-orange-variant-25: #463931;
+--ng-orange-variant-30: #52443c;
+--ng-orange-variant-35: #5e4f47;
+--ng-orange-variant-40: #6b5b52;
+--ng-orange-variant-50: #84746a;
+--ng-orange-variant-60: #9f8d83;
+--ng-orange-variant-70: #baa79d;
+--ng-orange-variant-80: #d7c3b8;
+--ng-orange-variant-90: #f4ded3;
+--ng-orange-variant-95: #ffede4;
+--ng-orange-variant-98: #fff8f5;
+--ng-orange-variant-99: #fffbff;
+--ng-orange-variant-100: #ffffff;
+
+/* Chartreuse color palette to be used as primary or tertiary palette. */
+--ng-chartreuse-0: #000000;
+--ng-chartreuse-10: #0b2000;
+--ng-chartreuse-20: #173800;
+--ng-chartreuse-25: #1e4400;
+--ng-chartreuse-30: #245100;
+--ng-chartreuse-35: #2b5e00;
+--ng-chartreuse-40: #326b00;
+--ng-chartreuse-50: #418700;
+--ng-chartreuse-60: #50a400;
+--ng-chartreuse-70: #60c100;
+--ng-chartreuse-80: #70e000;
+--ng-chartreuse-90: #82ff10;
+--ng-chartreuse-95: #cfffa9;
+--ng-chartreuse-98: #eeffdc;
+--ng-chartreuse-99: #f8ffeb;
+--ng-chartreuse-100: #ffffff;
+
+--ng-chartreuse-secondary-0: #000000;
+--ng-chartreuse-secondary-10: #141e0c;
+--ng-chartreuse-secondary-20: #293420;
+--ng-chartreuse-secondary-25: #333f2a;
+--ng-chartreuse-secondary-30: #3f4a35;
+--ng-chartreuse-secondary-35: #4a5640;
+--ng-chartreuse-secondary-40: #56624b;
+--ng-chartreuse-secondary-50: #6f7b62;
+--ng-chartreuse-secondary-60: #88957b;
+--ng-chartreuse-secondary-70: #a2b094;
+--ng-chartreuse-secondary-80: #becbaf;
+--ng-chartreuse-secondary-90: #dae7ca;
+--ng-chartreuse-secondary-95: #e8f5d7;
+--ng-chartreuse-secondary-98: #f0fee0;
+--ng-chartreuse-secondary-99: #f8ffeb;
+--ng-chartreuse-secondary-100: #ffffff;
+
+--ng-chartreuse-neutral-0: #000000;
+--ng-chartreuse-neutral-10: #1a1c18;
+--ng-chartreuse-neutral-20: #2f312c;
+--ng-chartreuse-neutral-25: #3a3c37;
+--ng-chartreuse-neutral-30: #464742;
+--ng-chartreuse-neutral-35: #52534e;
+--ng-chartreuse-neutral-40: #5e5f5a;
+--ng-chartreuse-neutral-50: #767872;
+--ng-chartreuse-neutral-60: #90918b;
+--ng-chartreuse-neutral-70: #abaca5;
+--ng-chartreuse-neutral-80: #c7c7c0;
+--ng-chartreuse-neutral-90: #e3e3dc;
+--ng-chartreuse-neutral-95: #f1f1ea;
+--ng-chartreuse-neutral-98: #fafaf2;
+--ng-chartreuse-neutral-99: #fdfdf5;
+--ng-chartreuse-neutral-100: #ffffff;
+--ng-chartreuse-neutral-4: #0c0f0b;
+--ng-chartreuse-neutral-6: #121410;
+--ng-chartreuse-neutral-12: #1e201c;
+--ng-chartreuse-neutral-17: #282b26;
+--ng-chartreuse-neutral-22: #333531;
+--ng-chartreuse-neutral-24: #383a35;
+--ng-chartreuse-neutral-87: #dadbd3;
+--ng-chartreuse-neutral-92: #e8e9e1;
+--ng-chartreuse-neutral-94: #eeeee7;
+--ng-chartreuse-neutral-96: #f3f4ed;
+
+--ng-chartreuse-variant-0: #000000;
+--ng-chartreuse-variant-10: #181d14;
+--ng-chartreuse-variant-20: #2d3228;
+--ng-chartreuse-variant-25: #383d33;
+--ng-chartreuse-variant-30: #44483e;
+--ng-chartreuse-variant-35: #4f5449;
+--ng-chartreuse-variant-40: #5b6055;
+--ng-chartreuse-variant-50: #74796d;
+--ng-chartreuse-variant-60: #8e9286;
+--ng-chartreuse-variant-70: #a8ada0;
+--ng-chartreuse-variant-80: #c4c8bb;
+--ng-chartreuse-variant-90: #e0e4d6;
+--ng-chartreuse-variant-95: #eef2e4;
+--ng-chartreuse-variant-98: #f7fbec;
+--ng-chartreuse-variant-99: #fafeef;
+--ng-chartreuse-variant-100: #ffffff;
+
+
+/* Spring Green color palette to be used as primary or tertiary palette. */
+--ng-springgreen-0: #000000;
+--ng-springgreen-10: #00210b;
+--ng-springgreen-20: #003917;
+--ng-springgreen-25: #00461e;
+--ng-springgreen-30: #005225;
+--ng-springgreen-35: #00602c;
+--ng-springgreen-40: #006d33;
+--ng-springgreen-50: #008942;
+--ng-springgreen-60: #00a751;
+--ng-springgreen-70: #00c561;
+--ng-springgreen-80: #00e472;
+--ng-springgreen-90: #63ff94;
+--ng-springgreen-95: #c4ffcb;
+--ng-springgreen-98: #eaffe9;
+--ng-springgreen-99: #f5fff2;
+--ng-springgreen-100: #ffffff;
+
+--ng-springgreen-secondary-0: #000000;
+--ng-springgreen-secondary-10: #0e1f12;
+--ng-springgreen-secondary-20: #233425;
+--ng-springgreen-secondary-25: #2e4030;
+--ng-springgreen-secondary-30: #394b3b;
+--ng-springgreen-secondary-35: #445746;
+--ng-springgreen-secondary-40: #506352;
+--ng-springgreen-secondary-50: #697c6a;
+--ng-springgreen-secondary-60: #829682;
+--ng-springgreen-secondary-70: #9cb19c;
+--ng-springgreen-secondary-80: #b7ccb7;
+--ng-springgreen-secondary-90: #d3e8d2;
+--ng-springgreen-secondary-95: #e1f6e0;
+--ng-springgreen-secondary-98: #eaffe9;
+--ng-springgreen-secondary-99: #f5fff2;
+--ng-springgreen-secondary-100: #ffffff;
+
+--ng-springgreen-neutral-0: #000000;
+--ng-springgreen-neutral-10: #191c19;
+--ng-springgreen-neutral-20: #2e312e;
+--ng-springgreen-neutral-25: #393c39;
+--ng-springgreen-neutral-30: #454744;
+--ng-springgreen-neutral-35: #51534f;
+--ng-springgreen-neutral-40: #5d5f5b;
+--ng-springgreen-neutral-50: #757873;
+--ng-springgreen-neutral-60: #8f918d;
+--ng-springgreen-neutral-70: #aaaca7;
+--ng-springgreen-neutral-80: #c5c7c2;
+--ng-springgreen-neutral-90: #e2e3de;
+--ng-springgreen-neutral-95: #f0f1ec;
+--ng-springgreen-neutral-98: #f9faf4;
+--ng-springgreen-neutral-99: #fcfdf7;
+--ng-springgreen-neutral-100: #ffffff;
+--ng-springgreen-neutral-4: #0c0f0c;
+--ng-springgreen-neutral-6: #111411;
+--ng-springgreen-neutral-12: #1d201d;
+--ng-springgreen-neutral-17: #282b27;
+--ng-springgreen-neutral-22: #323632;
+--ng-springgreen-neutral-24: #373a36;
+--ng-springgreen-neutral-87: #d9dbd5;
+--ng-springgreen-neutral-92: #e7e9e3;
+--ng-springgreen-neutral-94: #edefe8;
+--ng-springgreen-neutral-96: #f2f4ee;
+
+--ng-springgreen-variant-0: #000000;
+--ng-springgreen-variant-10: #161d17;
+--ng-springgreen-variant-20: #2b322b;
+--ng-springgreen-variant-25: #363d36;
+--ng-springgreen-variant-30: #414941;
+--ng-springgreen-variant-35: #4d544c;
+--ng-springgreen-variant-40: #596058;
+--ng-springgreen-variant-50: #717970;
+--ng-springgreen-variant-60: #8b9389;
+--ng-springgreen-variant-70: #a6ada4;
+--ng-springgreen-variant-80: #c1c9be;
+--ng-springgreen-variant-90: #dde5da;
+--ng-springgreen-variant-95: #ebf3e8;
+--ng-springgreen-variant-98: #f4fcf0;
+--ng-springgreen-variant-99: #f7fef3;
+--ng-springgreen-variant-100: #ffffff;
+
+/* Azure color palette to be used as primary or tertiary palette.*/
+--ng-azure-0: #000000;
+--ng-azure-10: #001b3f;
+--ng-azure-20: #002f65;
+--ng-azure-25: #003a7a;
+--ng-azure-30: #00458f;
+--ng-azure-35: #0050a5;
+--ng-azure-40: #005cbb;
+--ng-azure-50: #0074e9;
+--ng-azure-60: #438fff;
+--ng-azure-70: #7cabff;
+--ng-azure-80: #abc7ff;
+--ng-azure-90: #d7e3ff;
+--ng-azure-95: #ecf0ff;
+--ng-azure-98: #f9f9ff;
+--ng-azure-99: #fdfbff;
+--ng-azure-100: #ffffff;
+
+--ng-azure-secondary-0: #000000;
+--ng-azure-secondary-10: #131c2b;
+--ng-azure-secondary-20: #283041;
+--ng-azure-secondary-25: #333c4d;
+--ng-azure-secondary-30: #3e4759;
+--ng-azure-secondary-35: #4a5365;
+--ng-azure-secondary-40: #565e71;
+--ng-azure-secondary-50: #6f778b;
+--ng-azure-secondary-60: #8891a5;
+--ng-azure-secondary-70: #a3abc0;
+--ng-azure-secondary-80: #bec6dc;
+--ng-azure-secondary-90: #dae2f9;
+--ng-azure-secondary-95: #ecf0ff;
+--ng-azure-secondary-98: #f9f9ff;
+--ng-azure-secondary-99: #fdfbff;
+--ng-azure-secondary-100: #ffffff;
+
+--ng-azure-neutral-0: #000000;
+--ng-azure-neutral-10: #1a1b1f;
+--ng-azure-neutral-20: #2f3033;
+--ng-azure-neutral-25: #3b3b3f;
+--ng-azure-neutral-30: #46464a;
+--ng-azure-neutral-35: #525256;
+--ng-azure-neutral-40: #5e5e62;
+--ng-azure-neutral-50: #77777a;
+--ng-azure-neutral-60: #919094;
+--ng-azure-neutral-70: #ababaf;
+--ng-azure-neutral-80: #c7c6ca;
+--ng-azure-neutral-90: #e3e2e6;
+--ng-azure-neutral-95: #f2f0f4;
+--ng-azure-neutral-98: #faf9fd;
+--ng-azure-neutral-99: #fdfbff;
+--ng-azure-neutral-100: #ffffff;
+--ng-azure-neutral-4: #0d0e11;
+--ng-azure-neutral-6: #121316;
+--ng-azure-neutral-12: #1f2022;
+--ng-azure-neutral-17: #292a2c;
+--ng-azure-neutral-22: #343537;
+--ng-azure-neutral-24: #38393c;
+--ng-azure-neutral-87: #dbd9dd;
+--ng-azure-neutral-92: #e9e7eb;
+--ng-azure-neutral-94: #efedf0;
+--ng-azure-neutral-96: #f4f3f6;
+
+--ng-azure-variant-0: #000000;
+--ng-azure-variant-10: #181c22;
+--ng-azure-variant-20: #2d3038;
+--ng-azure-variant-25: #383b43;
+--ng-azure-variant-30: #44474e;
+--ng-azure-variant-35: #4f525a;
+--ng-azure-variant-40: #5b5e66;
+--ng-azure-variant-50: #74777f;
+--ng-azure-variant-60: #8e9099;
+--ng-azure-variant-70: #a9abb4;
+--ng-azure-variant-80: #c4c6d0;
+--ng-azure-variant-90: #e0e2ec;
+--ng-azure-variant-95: #eff0fa;
+--ng-azure-variant-98: #f9f9ff;
+--ng-azure-variant-99: #fdfbff;
+--ng-azure-variant-100: #ffffff;
+
+/* Violet color palette to be used as primary or tertiary palette. */
+--ng-violet-0: #000000;
+--ng-violet-10: #270057;
+--ng-violet-20: #42008a;
+--ng-violet-25: #5000a4;
+--ng-violet-30: #5f00c0;
+--ng-violet-35: #6e00dc;
+--ng-violet-40: #7d00fa;
+--ng-violet-50: #944aff;
+--ng-violet-60: #a974ff;
+--ng-violet-70: #bf98ff;
+--ng-violet-80: #d5baff;
+--ng-violet-90: #ecdcff;
+--ng-violet-95: #f7edff;
+--ng-violet-98: #fef7ff;
+--ng-violet-99: #fffbff;
+--ng-violet-100: #ffffff;
+
+--ng-violet-secondary-0: #000000;
+--ng-violet-secondary-10: #1f182a;
+--ng-violet-secondary-20: #352d40;
+--ng-violet-secondary-25: #40384c;
+--ng-violet-secondary-30: #4b4357;
+--ng-violet-secondary-35: #574f63;
+--ng-violet-secondary-40: #645b70;
+--ng-violet-secondary-50: #7d7389;
+--ng-violet-secondary-60: #978ca4;
+--ng-violet-secondary-70: #b2a7bf;
+--ng-violet-secondary-80: #cec2db;
+--ng-violet-secondary-90: #eadef7;
+--ng-violet-secondary-95: #f7edff;
+--ng-violet-secondary-98: #fef7ff;
+--ng-violet-secondary-99: #fffbff;
+--ng-violet-secondary-100: #ffffff;
+
+--ng-violet-neutral-0: #000000;
+--ng-violet-neutral-10: #1d1b1e;
+--ng-violet-neutral-20: #323033;
+--ng-violet-neutral-25: #3d3a3e;
+--ng-violet-neutral-30: #49464a;
+--ng-violet-neutral-35: #545155;
+--ng-violet-neutral-40: #605d61;
+--ng-violet-neutral-50: #7a767a;
+--ng-violet-neutral-60: #948f94;
+--ng-violet-neutral-70: #aeaaae;
+--ng-violet-neutral-80: #cac5ca;
+--ng-violet-neutral-90: #e6e1e6;
+--ng-violet-neutral-95: #f5eff4;
+--ng-violet-neutral-98: #fef8fc;
+--ng-violet-neutral-99: #fffbff;
+--ng-violet-neutral-100: #ffffff;
+--ng-violet-neutral-4: #0f0d11;
+--ng-violet-neutral-6: #151316;
+--ng-violet-neutral-12: #211f22;
+--ng-violet-neutral-17: #2b292d;
+--ng-violet-neutral-22: #363437;
+--ng-violet-neutral-24: #3b383c;
+--ng-violet-neutral-87: #ded8dd;
+--ng-violet-neutral-92: #ede6eb;
+--ng-violet-neutral-94: #f2ecf1;
+--ng-violet-neutral-96: #f8f2f6;
+
+--ng-violet-variant-0: #000000;
+--ng-violet-variant-10: #1d1a22;
+--ng-violet-variant-20: #332f37;
+--ng-violet-variant-25: #3e3a42;
+--ng-violet-variant-30: #49454e;
+--ng-violet-variant-35: #55515a;
+--ng-violet-variant-40: #615c66;
+--ng-violet-variant-50: #7b757f;
+--ng-violet-variant-60: #958e99;
+--ng-violet-variant-70: #b0a9b3;
+--ng-violet-variant-80: #cbc4cf;
+--ng-violet-variant-90: #e8e0eb;
+--ng-violet-variant-95: #f6eef9;
+--ng-violet-variant-98: #fef7ff;
+--ng-violet-variant-99: #fffbff;
+--ng-violet-variant-100: #ffffff;
+
+/* Rose color palette to be used as primary or tertiary palette. */
+--ng-rose-0: #000000;
+--ng-rose-10: #3f001b;
+--ng-rose-20: #65002f;
+--ng-rose-25: #7a003a;
+--ng-rose-30: #8f0045;
+--ng-rose-35: #a40050;
+--ng-rose-40: #ba005c;
+--ng-rose-50: #e80074;
+--ng-rose-60: #ff4a8e;
+--ng-rose-70: #ff84a9;
+--ng-rose-80: #ffb1c5;
+--ng-rose-90: #ffd9e1;
+--ng-rose-95: #ffecef;
+--ng-rose-98: #fff8f8;
+--ng-rose-99: #fffbff;
+--ng-rose-100: #ffffff;
+
+--ng-rose-secondary-0: #000000;
+--ng-rose-secondary-10: #2b151b;
+--ng-rose-secondary-20: #422930;
+--ng-rose-secondary-25: #4f343b;
+--ng-rose-secondary-30: #5b3f46;
+--ng-rose-secondary-35: #684b52;
+--ng-rose-secondary-40: #74565d;
+--ng-rose-secondary-50: #8f6f76;
+--ng-rose-secondary-60: #aa888f;
+--ng-rose-secondary-70: #c6a2aa;
+--ng-rose-secondary-80: #e3bdc5;
+--ng-rose-secondary-90: #ffd9e1;
+--ng-rose-secondary-95: #ffecef;
+--ng-rose-secondary-98: #fff8f8;
+--ng-rose-secondary-99: #fffbff;
+--ng-rose-secondary-100: #ffffff;
+
+--ng-rose-neutral-0: #000000;
+--ng-rose-neutral-10: #201a1b;
+--ng-rose-neutral-20: #352f30;
+--ng-rose-neutral-25: #413a3b;
+--ng-rose-neutral-30: #4c4546;
+--ng-rose-neutral-35: #585052;
+--ng-rose-neutral-40: #655c5e;
+--ng-rose-neutral-50: #7e7576;
+--ng-rose-neutral-60: #988e90;
+--ng-rose-neutral-70: #b3a9aa;
+--ng-rose-neutral-80: #cfc4c5;
+--ng-rose-neutral-90: #ece0e1;
+--ng-rose-neutral-95: #faeeef;
+--ng-rose-neutral-98: #fff8f8;
+--ng-rose-neutral-99: #fffbff;
+--ng-rose-neutral-100: #ffffff;
+--ng-rose-neutral-4: #120d0e;
+--ng-rose-neutral-6: #171213;
+--ng-rose-neutral-12: #241e1f;
+--ng-rose-neutral-17: #2f2829;
+--ng-rose-neutral-22: #3a3334;
+--ng-rose-neutral-24: #3e3738;
+--ng-rose-neutral-87: #e3d7d8;
+--ng-rose-neutral-92: #f1e5e6;
+--ng-rose-neutral-94: #f7ebec;
+--ng-rose-neutral-96: #fdf1f2;
+
+--ng-rose-variant-0: #000000;
+--ng-rose-variant-10: #24191b;
+--ng-rose-variant-20: #3a2d30;
+--ng-rose-variant-25: #45383b;
+--ng-rose-variant-30: #514346;
+--ng-rose-variant-35: #5d4f52;
+--ng-rose-variant-40: #6a5a5e;
+--ng-rose-variant-50: #847376;
+--ng-rose-variant-60: #9e8c90;
+--ng-rose-variant-70: #baa7aa;
+--ng-rose-variant-80: #d6c2c5;
+--ng-rose-variant-90: #f3dde1;
+--ng-rose-variant-95: #ffecef;
+--ng-rose-variant-98: #fff8f8;
+--ng-rose-variant-99: #fffbff;
+--ng-rose-variant-100: #ffffff;
+
+}