@new-ui/colors 1.2.0 → 1.2.1-beta.1

package/dist/main.css

@@ -0,0 +1,1350 @@
+:root, [data-new-ui-theme="light"] {
+  --red1: #ffe7e6;
+  --red2: #ffc8c5;
+  --red3: #ff9993;
+  --red4: #ff4a40;
+  --red5: #ff3b30;
+  --red6: #c22d25;
+  --red7: #851f19;
+  --red8: #47100d;
+  --orange1: #fff2e0;
+  --orange2: #ffe1b8;
+  --orange3: #ffc87a;
+  --orange4: #ff9d14;
+  --orange5: #ff9500;
+  --orange6: #c27100;
+  --orange7: #854e00;
+  --orange8: #472900;
+  --yellow1: #fff9e0;
+  --yellow2: #fff1b8;
+  --yellow3: #ffe47a;
+  --yellow4: #ffd014;
+  --yellow5: #fc0;
+  --yellow6: #c29b00;
+  --yellow7: #856a00;
+  --yellow8: #473900;
+  --green1: #e6f8eb;
+  --green2: #c6efd1;
+  --green3: #95e2a8;
+  --green4: #44cb66;
+  --green5: #34c759;
+  --green6: #289744;
+  --green7: #1b682e;
+  --green8: #0e3719;
+  --mint1: #e0f8f7;
+  --mint2: #b8efed;
+  --mint3: #7ae2dd;
+  --mint4: #14cbc3;
+  --mint5: #00c7be;
+  --mint6: #009791;
+  --mint7: #006863;
+  --mint8: #003735;
+  --teal1: #e6f5f8;
+  --teal2: #c5e9ef;
+  --teal3: #93d6e2;
+  --teal4: #40b6cb;
+  --teal5: #30b0c7;
+  --teal6: #258697;
+  --teal7: #195c68;
+  --teal8: #0d3137;
+  --cyan1: #e6f5fc;
+  --cyan2: #c6e8f8;
+  --cyan3: #94d4f2;
+  --cyan4: #42b3e8;
+  --cyan5: #32ade6;
+  --cyan6: #2684af;
+  --cyan7: #1a5a78;
+  --cyan8: #0e3040;
+  --blue1: #e0efff;
+  --blue2: #b8daff;
+  --blue3: #7abaff;
+  --blue4: #1484ff;
+  --blue5: #007aff;
+  --blue6: #005dc2;
+  --blue7: #004085;
+  --blue8: #002247;
+  --indigo1: #ebeafa;
+  --indigo2: #d1d0f4;
+  --indigo3: #a8a7ea;
+  --indigo4: #6563d9;
+  --indigo5: #5856d6;
+  --indigo6: #4341a3;
+  --indigo7: #2e2d70;
+  --indigo8: #19183c;
+  --purple1: #f5eafb;
+  --purple2: #e9cff6;
+  --purple3: #d5a5ee;
+  --purple4: #b560e1;
+  --purple5: #af52de;
+  --purple6: #853ea9;
+  --purple7: #5b2b74;
+  --purple8: #31173e;
+  --pink1: #ffe5ea;
+  --pink2: #ffc5d0;
+  --pink3: #ff91a6;
+  --pink4: #ff3d62;
+  --pink5: #ff2d55;
+  --pink6: #c22241;
+  --pink7: #85172c;
+  --pink8: #470d18;
+  --brown1: #f4f0eb;
+  --brown2: #e5ddd2;
+  --brown3: #cebfab;
+  --brown4: #a98e6b;
+  --brown5: #a2845e;
+  --brown6: #7b6448;
+  --brown7: #544531;
+  --brown8: #2d251a;
+  --grey1: #f4f4f4;
+  --grey2: #e0e0e0;
+  --grey3: #c6c6c6;
+  --grey4: #a8a8a8;
+  --grey5: #8d8d8d;
+  --grey6: #6f6f6f;
+  --grey7: #525252;
+  --grey8: #393939;
+  --grey9: #262626;
+  --grey10: #161616;
+  --black: #000;
+  --white: #fff;
+}
+
+[data-new-ui-theme="light--warm"] {
+  --red1: #ffe7e6;
+  --red2: #ffc8c5;
+  --red3: #ff9993;
+  --red4: #ff4a40;
+  --red5: #ff3b30;
+  --red6: #c22d25;
+  --red7: #851f19;
+  --red8: #47100d;
+  --orange1: #fff2e0;
+  --orange2: #ffe1b8;
+  --orange3: #ffc87a;
+  --orange4: #ff9d14;
+  --orange5: #ff9500;
+  --orange6: #c27100;
+  --orange7: #854e00;
+  --orange8: #472900;
+  --yellow1: #fff9e0;
+  --yellow2: #fff1b8;
+  --yellow3: #ffe47a;
+  --yellow4: #ffd014;
+  --yellow5: #fc0;
+  --yellow6: #c29b00;
+  --yellow7: #856a00;
+  --yellow8: #473900;
+  --green1: #e6f8eb;
+  --green2: #c6efd1;
+  --green3: #95e2a8;
+  --green4: #44cb66;
+  --green5: #34c759;
+  --green6: #289744;
+  --green7: #1b682e;
+  --green8: #0e3719;
+  --mint1: #e0f8f7;
+  --mint2: #b8efed;
+  --mint3: #7ae2dd;
+  --mint4: #14cbc3;
+  --mint5: #00c7be;
+  --mint6: #009791;
+  --mint7: #006863;
+  --mint8: #003735;
+  --teal1: #e6f5f8;
+  --teal2: #c5e9ef;
+  --teal3: #93d6e2;
+  --teal4: #40b6cb;
+  --teal5: #30b0c7;
+  --teal6: #258697;
+  --teal7: #195c68;
+  --teal8: #0d3137;
+  --cyan1: #e6f5fc;
+  --cyan2: #c6e8f8;
+  --cyan3: #94d4f2;
+  --cyan4: #42b3e8;
+  --cyan5: #32ade6;
+  --cyan6: #2684af;
+  --cyan7: #1a5a78;
+  --cyan8: #0e3040;
+  --blue1: #e0efff;
+  --blue2: #b8daff;
+  --blue3: #7abaff;
+  --blue4: #1484ff;
+  --blue5: #007aff;
+  --blue6: #005dc2;
+  --blue7: #004085;
+  --blue8: #002247;
+  --indigo1: #ebeafa;
+  --indigo2: #d1d0f4;
+  --indigo3: #a8a7ea;
+  --indigo4: #6563d9;
+  --indigo5: #5856d6;
+  --indigo6: #4341a3;
+  --indigo7: #2e2d70;
+  --indigo8: #19183c;
+  --purple1: #f5eafb;
+  --purple2: #e9cff6;
+  --purple3: #d5a5ee;
+  --purple4: #b560e1;
+  --purple5: #af52de;
+  --purple6: #853ea9;
+  --purple7: #5b2b74;
+  --purple8: #31173e;
+  --pink1: #ffe5ea;
+  --pink2: #ffc5d0;
+  --pink3: #ff91a6;
+  --pink4: #ff3d62;
+  --pink5: #ff2d55;
+  --pink6: #c22241;
+  --pink7: #85172c;
+  --pink8: #470d18;
+  --brown1: #f4f0eb;
+  --brown2: #e5ddd2;
+  --brown3: #cebfab;
+  --brown4: #a98e6b;
+  --brown5: #a2845e;
+  --brown6: #7b6448;
+  --brown7: #544531;
+  --brown8: #2d251a;
+  --grey1: #f7f3f2;
+  --grey2: #e5e0df;
+  --grey3: #cac5c4;
+  --grey4: #ada8a8;
+  --grey5: #8f8b8b;
+  --grey6: #726e6e;
+  --grey7: #565151;
+  --grey8: #3c3838;
+  --grey9: #272525;
+  --grey10: #171414;
+  --black: #000;
+  --white: #fff;
+}
+
+[data-new-ui-theme="light--cold"] {
+  --red1: #ffe7e6;
+  --red2: #ffc8c5;
+  --red3: #ff9993;
+  --red4: #ff4a40;
+  --red5: #ff3b30;
+  --red6: #c22d25;
+  --red7: #851f19;
+  --red8: #47100d;
+  --orange1: #fff2e0;
+  --orange2: #ffe1b8;
+  --orange3: #ffc87a;
+  --orange4: #ff9d14;
+  --orange5: #ff9500;
+  --orange6: #c27100;
+  --orange7: #854e00;
+  --orange8: #472900;
+  --yellow1: #fff9e0;
+  --yellow2: #fff1b8;
+  --yellow3: #ffe47a;
+  --yellow4: #ffd014;
+  --yellow5: #fc0;
+  --yellow6: #c29b00;
+  --yellow7: #856a00;
+  --yellow8: #473900;
+  --green1: #e6f8eb;
+  --green2: #c6efd1;
+  --green3: #95e2a8;
+  --green4: #44cb66;
+  --green5: #34c759;
+  --green6: #289744;
+  --green7: #1b682e;
+  --green8: #0e3719;
+  --mint1: #e0f8f7;
+  --mint2: #b8efed;
+  --mint3: #7ae2dd;
+  --mint4: #14cbc3;
+  --mint5: #00c7be;
+  --mint6: #009791;
+  --mint7: #006863;
+  --mint8: #003735;
+  --teal1: #e6f5f8;
+  --teal2: #c5e9ef;
+  --teal3: #93d6e2;
+  --teal4: #40b6cb;
+  --teal5: #30b0c7;
+  --teal6: #258697;
+  --teal7: #195c68;
+  --teal8: #0d3137;
+  --cyan1: #e6f5fc;
+  --cyan2: #c6e8f8;
+  --cyan3: #94d4f2;
+  --cyan4: #42b3e8;
+  --cyan5: #32ade6;
+  --cyan6: #2684af;
+  --cyan7: #1a5a78;
+  --cyan8: #0e3040;
+  --blue1: #e0efff;
+  --blue2: #b8daff;
+  --blue3: #7abaff;
+  --blue4: #1484ff;
+  --blue5: #007aff;
+  --blue6: #005dc2;
+  --blue7: #004085;
+  --blue8: #002247;
+  --indigo1: #ebeafa;
+  --indigo2: #d1d0f4;
+  --indigo3: #a8a7ea;
+  --indigo4: #6563d9;
+  --indigo5: #5856d6;
+  --indigo6: #4341a3;
+  --indigo7: #2e2d70;
+  --indigo8: #19183c;
+  --purple1: #f5eafb;
+  --purple2: #e9cff6;
+  --purple3: #d5a5ee;
+  --purple4: #b560e1;
+  --purple5: #af52de;
+  --purple6: #853ea9;
+  --purple7: #5b2b74;
+  --purple8: #31173e;
+  --pink1: #ffe5ea;
+  --pink2: #ffc5d0;
+  --pink3: #ff91a6;
+  --pink4: #ff3d62;
+  --pink5: #ff2d55;
+  --pink6: #c22241;
+  --pink7: #85172c;
+  --pink8: #470d18;
+  --brown1: #f4f0eb;
+  --brown2: #e5ddd2;
+  --brown3: #cebfab;
+  --brown4: #a98e6b;
+  --brown5: #a2845e;
+  --brown6: #7b6448;
+  --brown7: #544531;
+  --brown8: #2d251a;
+  --grey1: #f2f4f8;
+  --grey2: #dde1e6;
+  --grey3: #c1c7cd;
+  --grey4: #a2a9b0;
+  --grey5: #878d96;
+  --grey6: #697077;
+  --grey7: #4d5358;
+  --grey8: #343a3f;
+  --grey9: #21272a;
+  --grey10: #121619;
+  --black: #000;
+  --white: #fff;
+}
+
+.nu-u-bg-red1 {
+  background-color: var(--red1);
+}
+
+.nu-u-bg-red2 {
+  background-color: var(--red2);
+}
+
+.nu-u-bg-red3 {
+  background-color: var(--red3);
+}
+
+.nu-u-bg-red4 {
+  background-color: var(--red4);
+}
+
+.nu-u-bg-red5 {
+  background-color: var(--red5);
+}
+
+.nu-u-bg-red6 {
+  background-color: var(--red6);
+}
+
+.nu-u-bg-red7 {
+  background-color: var(--red7);
+}
+
+.nu-u-bg-red8 {
+  background-color: var(--red8);
+}
+
+.nu-u-bg-orange1 {
+  background-color: var(--orange1);
+}
+
+.nu-u-bg-orange2 {
+  background-color: var(--orange2);
+}
+
+.nu-u-bg-orange3 {
+  background-color: var(--orange3);
+}
+
+.nu-u-bg-orange4 {
+  background-color: var(--orange4);
+}
+
+.nu-u-bg-orange5 {
+  background-color: var(--orange5);
+}
+
+.nu-u-bg-orange6 {
+  background-color: var(--orange6);
+}
+
+.nu-u-bg-orange7 {
+  background-color: var(--orange7);
+}
+
+.nu-u-bg-orange8 {
+  background-color: var(--orange8);
+}
+
+.nu-u-bg-yellow1 {
+  background-color: var(--yellow1);
+}
+
+.nu-u-bg-yellow2 {
+  background-color: var(--yellow2);
+}
+
+.nu-u-bg-yellow3 {
+  background-color: var(--yellow3);
+}
+
+.nu-u-bg-yellow4 {
+  background-color: var(--yellow4);
+}
+
+.nu-u-bg-yellow5 {
+  background-color: var(--yellow5);
+}
+
+.nu-u-bg-yellow6 {
+  background-color: var(--yellow6);
+}
+
+.nu-u-bg-yellow7 {
+  background-color: var(--yellow7);
+}
+
+.nu-u-bg-yellow8 {
+  background-color: var(--yellow8);
+}
+
+.nu-u-bg-green1 {
+  background-color: var(--green1);
+}
+
+.nu-u-bg-green2 {
+  background-color: var(--green2);
+}
+
+.nu-u-bg-green3 {
+  background-color: var(--green3);
+}
+
+.nu-u-bg-green4 {
+  background-color: var(--green4);
+}
+
+.nu-u-bg-green5 {
+  background-color: var(--green5);
+}
+
+.nu-u-bg-green6 {
+  background-color: var(--green6);
+}
+
+.nu-u-bg-green7 {
+  background-color: var(--green7);
+}
+
+.nu-u-bg-green8 {
+  background-color: var(--green8);
+}
+
+.nu-u-bg-mint1 {
+  background-color: var(--mint1);
+}
+
+.nu-u-bg-mint2 {
+  background-color: var(--mint2);
+}
+
+.nu-u-bg-mint3 {
+  background-color: var(--mint3);
+}
+
+.nu-u-bg-mint4 {
+  background-color: var(--mint4);
+}
+
+.nu-u-bg-mint5 {
+  background-color: var(--mint5);
+}
+
+.nu-u-bg-mint6 {
+  background-color: var(--mint6);
+}
+
+.nu-u-bg-mint7 {
+  background-color: var(--mint7);
+}
+
+.nu-u-bg-mint8 {
+  background-color: var(--mint8);
+}
+
+.nu-u-bg-teal1 {
+  background-color: var(--teal1);
+}
+
+.nu-u-bg-teal2 {
+  background-color: var(--teal2);
+}
+
+.nu-u-bg-teal3 {
+  background-color: var(--teal3);
+}
+
+.nu-u-bg-teal4 {
+  background-color: var(--teal4);
+}
+
+.nu-u-bg-teal5 {
+  background-color: var(--teal5);
+}
+
+.nu-u-bg-teal6 {
+  background-color: var(--teal6);
+}
+
+.nu-u-bg-teal7 {
+  background-color: var(--teal7);
+}
+
+.nu-u-bg-teal8 {
+  background-color: var(--teal8);
+}
+
+.nu-u-bg-cyan1 {
+  background-color: var(--cyan1);
+}
+
+.nu-u-bg-cyan2 {
+  background-color: var(--cyan2);
+}
+
+.nu-u-bg-cyan3 {
+  background-color: var(--cyan3);
+}
+
+.nu-u-bg-cyan4 {
+  background-color: var(--cyan4);
+}
+
+.nu-u-bg-cyan5 {
+  background-color: var(--cyan5);
+}
+
+.nu-u-bg-cyan6 {
+  background-color: var(--cyan6);
+}
+
+.nu-u-bg-cyan7 {
+  background-color: var(--cyan7);
+}
+
+.nu-u-bg-cyan8 {
+  background-color: var(--cyan8);
+}
+
+.nu-u-bg-blue1 {
+  background-color: var(--blue1);
+}
+
+.nu-u-bg-blue2 {
+  background-color: var(--blue2);
+}
+
+.nu-u-bg-blue3 {
+  background-color: var(--blue3);
+}
+
+.nu-u-bg-blue4 {
+  background-color: var(--blue4);
+}
+
+.nu-u-bg-blue5 {
+  background-color: var(--blue5);
+}
+
+.nu-u-bg-blue6 {
+  background-color: var(--blue6);
+}
+
+.nu-u-bg-blue7 {
+  background-color: var(--blue7);
+}
+
+.nu-u-bg-blue8 {
+  background-color: var(--blue8);
+}
+
+.nu-u-bg-indigo1 {
+  background-color: var(--indigo1);
+}
+
+.nu-u-bg-indigo2 {
+  background-color: var(--indigo2);
+}
+
+.nu-u-bg-indigo3 {
+  background-color: var(--indigo3);
+}
+
+.nu-u-bg-indigo4 {
+  background-color: var(--indigo4);
+}
+
+.nu-u-bg-indigo5 {
+  background-color: var(--indigo5);
+}
+
+.nu-u-bg-indigo6 {
+  background-color: var(--indigo6);
+}
+
+.nu-u-bg-indigo7 {
+  background-color: var(--indigo7);
+}
+
+.nu-u-bg-indigo8 {
+  background-color: var(--indigo8);
+}
+
+.nu-u-bg-purple1 {
+  background-color: var(--purple1);
+}
+
+.nu-u-bg-purple2 {
+  background-color: var(--purple2);
+}
+
+.nu-u-bg-purple3 {
+  background-color: var(--purple3);
+}
+
+.nu-u-bg-purple4 {
+  background-color: var(--purple4);
+}
+
+.nu-u-bg-purple5 {
+  background-color: var(--purple5);
+}
+
+.nu-u-bg-purple6 {
+  background-color: var(--purple6);
+}
+
+.nu-u-bg-purple7 {
+  background-color: var(--purple7);
+}
+
+.nu-u-bg-purple8 {
+  background-color: var(--purple8);
+}
+
+.nu-u-bg-pink1 {
+  background-color: var(--pink1);
+}
+
+.nu-u-bg-pink2 {
+  background-color: var(--pink2);
+}
+
+.nu-u-bg-pink3 {
+  background-color: var(--pink3);
+}
+
+.nu-u-bg-pink4 {
+  background-color: var(--pink4);
+}
+
+.nu-u-bg-pink5 {
+  background-color: var(--pink5);
+}
+
+.nu-u-bg-pink6 {
+  background-color: var(--pink6);
+}
+
+.nu-u-bg-pink7 {
+  background-color: var(--pink7);
+}
+
+.nu-u-bg-pink8 {
+  background-color: var(--pink8);
+}
+
+.nu-u-bg-brown1 {
+  background-color: var(--brown1);
+}
+
+.nu-u-bg-brown2 {
+  background-color: var(--brown2);
+}
+
+.nu-u-bg-brown3 {
+  background-color: var(--brown3);
+}
+
+.nu-u-bg-brown4 {
+  background-color: var(--brown4);
+}
+
+.nu-u-bg-brown5 {
+  background-color: var(--brown5);
+}
+
+.nu-u-bg-brown6 {
+  background-color: var(--brown6);
+}
+
+.nu-u-bg-brown7 {
+  background-color: var(--brown7);
+}
+
+.nu-u-bg-brown8 {
+  background-color: var(--brown8);
+}
+
+.nu-u-bg-grey1 {
+  background-color: var(--grey1);
+}
+
+.nu-u-bg-grey2 {
+  background-color: var(--grey2);
+}
+
+.nu-u-bg-grey3 {
+  background-color: var(--grey3);
+}
+
+.nu-u-bg-grey4 {
+  background-color: var(--grey4);
+}
+
+.nu-u-bg-grey5 {
+  background-color: var(--grey5);
+}
+
+.nu-u-bg-grey6 {
+  background-color: var(--grey6);
+}
+
+.nu-u-bg-grey7 {
+  background-color: var(--grey7);
+}
+
+.nu-u-bg-grey8 {
+  background-color: var(--grey8);
+}
+
+.nu-u-bg-grey9 {
+  background-color: var(--grey9);
+}
+
+.nu-u-bg-grey10 {
+  background-color: var(--grey10);
+}
+
+.nu-u-text-red1 {
+  color: var(--red1);
+}
+
+.nu-u-text-red2 {
+  color: var(--red2);
+}
+
+.nu-u-text-red3 {
+  color: var(--red3);
+}
+
+.nu-u-text-red4 {
+  color: var(--red4);
+}
+
+.nu-u-text-red5 {
+  color: var(--red5);
+}
+
+.nu-u-text-red6 {
+  color: var(--red6);
+}
+
+.nu-u-text-red7 {
+  color: var(--red7);
+}
+
+.nu-u-text-red8 {
+  color: var(--red8);
+}
+
+.nu-u-text-orange1 {
+  color: var(--orange1);
+}
+
+.nu-u-text-orange2 {
+  color: var(--orange2);
+}
+
+.nu-u-text-orange3 {
+  color: var(--orange3);
+}
+
+.nu-u-text-orange4 {
+  color: var(--orange4);
+}
+
+.nu-u-text-orange5 {
+  color: var(--orange5);
+}
+
+.nu-u-text-orange6 {
+  color: var(--orange6);
+}
+
+.nu-u-text-orange7 {
+  color: var(--orange7);
+}
+
+.nu-u-text-orange8 {
+  color: var(--orange8);
+}
+
+.nu-u-text-yellow1 {
+  color: var(--yellow1);
+}
+
+.nu-u-text-yellow2 {
+  color: var(--yellow2);
+}
+
+.nu-u-text-yellow3 {
+  color: var(--yellow3);
+}
+
+.nu-u-text-yellow4 {
+  color: var(--yellow4);
+}
+
+.nu-u-text-yellow5 {
+  color: var(--yellow5);
+}
+
+.nu-u-text-yellow6 {
+  color: var(--yellow6);
+}
+
+.nu-u-text-yellow7 {
+  color: var(--yellow7);
+}
+
+.nu-u-text-yellow8 {
+  color: var(--yellow8);
+}
+
+.nu-u-text-green1 {
+  color: var(--green1);
+}
+
+.nu-u-text-green2 {
+  color: var(--green2);
+}
+
+.nu-u-text-green3 {
+  color: var(--green3);
+}
+
+.nu-u-text-green4 {
+  color: var(--green4);
+}
+
+.nu-u-text-green5 {
+  color: var(--green5);
+}
+
+.nu-u-text-green6 {
+  color: var(--green6);
+}
+
+.nu-u-text-green7 {
+  color: var(--green7);
+}
+
+.nu-u-text-green8 {
+  color: var(--green8);
+}
+
+.nu-u-text-mint1 {
+  color: var(--mint1);
+}
+
+.nu-u-text-mint2 {
+  color: var(--mint2);
+}
+
+.nu-u-text-mint3 {
+  color: var(--mint3);
+}
+
+.nu-u-text-mint4 {
+  color: var(--mint4);
+}
+
+.nu-u-text-mint5 {
+  color: var(--mint5);
+}
+
+.nu-u-text-mint6 {
+  color: var(--mint6);
+}
+
+.nu-u-text-mint7 {
+  color: var(--mint7);
+}
+
+.nu-u-text-mint8 {
+  color: var(--mint8);
+}
+
+.nu-u-text-teal1 {
+  color: var(--teal1);
+}
+
+.nu-u-text-teal2 {
+  color: var(--teal2);
+}
+
+.nu-u-text-teal3 {
+  color: var(--teal3);
+}
+
+.nu-u-text-teal4 {
+  color: var(--teal4);
+}
+
+.nu-u-text-teal5 {
+  color: var(--teal5);
+}
+
+.nu-u-text-teal6 {
+  color: var(--teal6);
+}
+
+.nu-u-text-teal7 {
+  color: var(--teal7);
+}
+
+.nu-u-text-teal8 {
+  color: var(--teal8);
+}
+
+.nu-u-text-cyan1 {
+  color: var(--cyan1);
+}
+
+.nu-u-text-cyan2 {
+  color: var(--cyan2);
+}
+
+.nu-u-text-cyan3 {
+  color: var(--cyan3);
+}
+
+.nu-u-text-cyan4 {
+  color: var(--cyan4);
+}
+
+.nu-u-text-cyan5 {
+  color: var(--cyan5);
+}
+
+.nu-u-text-cyan6 {
+  color: var(--cyan6);
+}
+
+.nu-u-text-cyan7 {
+  color: var(--cyan7);
+}
+
+.nu-u-text-cyan8 {
+  color: var(--cyan8);
+}
+
+.nu-u-text-blue1 {
+  color: var(--blue1);
+}
+
+.nu-u-text-blue2 {
+  color: var(--blue2);
+}
+
+.nu-u-text-blue3 {
+  color: var(--blue3);
+}
+
+.nu-u-text-blue4 {
+  color: var(--blue4);
+}
+
+.nu-u-text-blue5 {
+  color: var(--blue5);
+}
+
+.nu-u-text-blue6 {
+  color: var(--blue6);
+}
+
+.nu-u-text-blue7 {
+  color: var(--blue7);
+}
+
+.nu-u-text-blue8 {
+  color: var(--blue8);
+}
+
+.nu-u-text-indigo1 {
+  color: var(--indigo1);
+}
+
+.nu-u-text-indigo2 {
+  color: var(--indigo2);
+}
+
+.nu-u-text-indigo3 {
+  color: var(--indigo3);
+}
+
+.nu-u-text-indigo4 {
+  color: var(--indigo4);
+}
+
+.nu-u-text-indigo5 {
+  color: var(--indigo5);
+}
+
+.nu-u-text-indigo6 {
+  color: var(--indigo6);
+}
+
+.nu-u-text-indigo7 {
+  color: var(--indigo7);
+}
+
+.nu-u-text-indigo8 {
+  color: var(--indigo8);
+}
+
+.nu-u-text-purple1 {
+  color: var(--purple1);
+}
+
+.nu-u-text-purple2 {
+  color: var(--purple2);
+}
+
+.nu-u-text-purple3 {
+  color: var(--purple3);
+}
+
+.nu-u-text-purple4 {
+  color: var(--purple4);
+}
+
+.nu-u-text-purple5 {
+  color: var(--purple5);
+}
+
+.nu-u-text-purple6 {
+  color: var(--purple6);
+}
+
+.nu-u-text-purple7 {
+  color: var(--purple7);
+}
+
+.nu-u-text-purple8 {
+  color: var(--purple8);
+}
+
+.nu-u-text-pink1 {
+  color: var(--pink1);
+}
+
+.nu-u-text-pink2 {
+  color: var(--pink2);
+}
+
+.nu-u-text-pink3 {
+  color: var(--pink3);
+}
+
+.nu-u-text-pink4 {
+  color: var(--pink4);
+}
+
+.nu-u-text-pink5 {
+  color: var(--pink5);
+}
+
+.nu-u-text-pink6 {
+  color: var(--pink6);
+}
+
+.nu-u-text-pink7 {
+  color: var(--pink7);
+}
+
+.nu-u-text-pink8 {
+  color: var(--pink8);
+}
+
+.nu-u-text-brown1 {
+  color: var(--brown1);
+}
+
+.nu-u-text-brown2 {
+  color: var(--brown2);
+}
+
+.nu-u-text-brown3 {
+  color: var(--brown3);
+}
+
+.nu-u-text-brown4 {
+  color: var(--brown4);
+}
+
+.nu-u-text-brown5 {
+  color: var(--brown5);
+}
+
+.nu-u-text-brown6 {
+  color: var(--brown6);
+}
+
+.nu-u-text-brown7 {
+  color: var(--brown7);
+}
+
+.nu-u-text-brown8 {
+  color: var(--brown8);
+}
+
+.nu-u-text-grey1 {
+  color: var(--grey1);
+}
+
+.nu-u-text-grey2 {
+  color: var(--grey2);
+}
+
+.nu-u-text-grey3 {
+  color: var(--grey3);
+}
+
+.nu-u-text-grey4 {
+  color: var(--grey4);
+}
+
+.nu-u-text-grey5 {
+  color: var(--grey5);
+}
+
+.nu-u-text-grey6 {
+  color: var(--grey6);
+}
+
+.nu-u-text-grey7 {
+  color: var(--grey7);
+}
+
+.nu-u-text-grey8 {
+  color: var(--grey8);
+}
+
+.nu-u-text-grey9 {
+  color: var(--grey9);
+}
+
+.nu-u-text-grey10 {
+  color: var(--grey10);
+}
+
+.nu-u-bg {
+  background-color: var(--white);
+}
+
+.nu-u-bg-secondary, .nu-u-bg-hover {
+  background-color: var(--grey1);
+}
+
+.nu-u-bg-selected {
+  background-color: var(--grey2);
+}
+
+.nu-u-bg-selected-hover {
+  background-color: var(--grey3);
+}
+
+.nu-u-bg-red {
+  background-color: var(--red1);
+}
+
+.nu-u-bg-orange {
+  background-color: var(--orange1);
+}
+
+.nu-u-bg-yellow {
+  background-color: var(--yellow1);
+}
+
+.nu-u-bg-green {
+  background-color: var(--green);
+}
+
+.nu-u-bg-mint {
+  background-color: var(--mint);
+}
+
+.nu-u-bg-teal {
+  background-color: var(--teal1);
+}
+
+.nu-u-bg-cyan {
+  background-color: var(--cyan1);
+}
+
+.nu-u-bg-blue {
+  background-color: var(--blue1);
+}
+
+.nu-u-bg-indigo {
+  background-color: var(--indigo1);
+}
+
+.nu-u-bg-purple {
+  background-color: var(--purple1);
+}
+
+.nu-u-bg-pink {
+  background-color: var(--pink);
+}
+
+.nu-u-bg-brown {
+  background-color: var(--brown);
+}
+
+.nu-u-bg-black {
+  background-color: var(--black);
+}
+
+.nu-u-bg-white {
+  background-color: var(--white);
+}
+
+.nu-u-b--muted {
+  border-color: var(--grey-2);
+}
+
+.nu-u-b {
+  border-color: var(--grey4);
+}
+
+.nu-u-b--strong {
+  border-color: var(--grey6);
+}
+
+.nu-u-text--primary {
+  color: var(--grey10);
+}
+
+.nu-u-text--primary-alt {
+  color: var(--grey8);
+}
+
+.nu-u-text--secondary {
+  color: var(--grey7);
+}
+
+.nu-u-text--placeholder::placeholder, .nu-u-text--placeholder::webkit-input-placeholder, .nu-u-text--placeholder:ms-input-placeholder {
+  color: var(--grey4);
+}
+
+.nu-u-text--on-color {
+  color: var(--white);
+}
+
+.nu-u-text--error {
+  color: var(--red6);
+}
+
+.nu-u-text--success {
+  color: var(--green6);
+}
+
+.nu-u-text-black {
+  color: var(--black);
+}
+
+.nu-u-text-white {
+  color: var(--white);
+}
+
+.nu-u-icon--primary {
+  color: var(--grey9);
+}
+
+.nu-u-icon--secondary {
+  color: var(--grey7);
+}
+
+.nu-u-icon--disabled {
+  color: var(--grey4);
+}
+
+.nu-u-icon--on-color {
+  color: var(--white);
+}
+
+.nu-u-link {
+  color: var(--blue5);
+}
+
+.nu-u-link:hover {
+  color: var(--blue6);
+}
+
+.nu-u-link--subtle {
+  color: var(--grey8);
+}
+
+.nu-u-link--subtle:hover {
+  color: var(--indigo5);
+}
+
+.nu-u-support--error {
+  color: var(--red5);
+}
+
+.nu-u-support--warning {
+  color: var(--yellow5);
+}
+
+.nu-u-support--success {
+  color: var(--green5);
+}
+
+.nu-u-support--info {
+  color: var(--blue5);
+}
+
+/*# sourceMappingURL=main.css.map */