@new-ui/colors 1.2.8 → 1.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/package.json +1 -1
- package/src/_theme-dark--cold.scss +1 -1
- package/src/_theme-dark--warm.scss +1 -1
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root,[data-new-ui-theme=light]{--red1:#fff1f0;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff7ec;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fffbec;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#f0fbf3;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#ecfbfa;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#f0f9fb;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#f0f9fd;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#ecf5ff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#f3f2fc;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f9f2fd;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffeff2;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f8f6f3;--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;--background:var(--white);--background-secondary:var(--grey1);--background-hover:var(--grey1);--background-selected:var(--grey2);--background-selected-hover:var(--grey3);--background-red:var(--red1);--background-orange:var(--orange1);--background-yellow:var(--yellow1);--background-green:var(--green1);--background-mint:var(--mint1);--background-teal:var(--teal1);--background-cyan:var(--cyan1);--background-blue:var(--blue1);--background-indigo:var(--indigo1);--background-purple:var(--purple1);--background-pink:var(--pink1);--background-brown:var(--brown1);--border-muted:var(--grey2);--border:var(--grey4);--border-strong:var(--grey6);--border-inked:var(--grey10);--border-inverse:var(--white);--border-focus:var(--blue5);--button-primary:var(--blue5);--button-primary-hover:var(--blue6);--button-primary-active:var(--blue7);--button-secondary:var(--grey8);--button-secondary-hover:var(--grey7);--button-secondary-active:var(--grey6);--button-danger:var(--red5);--button-danger-hover:var(--red6);--button-danger-active:var(--red7);--button-disabled:var(--grey4);--icon-primary:var(--grey9);--icon-secondary:var(--grey7);--icon-disabled:var(--grey4);--icon-on-color:var(--white);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--grey8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--text-primary:var(--grey10);--text-primary-alt:var(--grey8);--text-secondary:var(--grey7);--text-secondary-alt:var(--grey5);--text-placeholder:var(--grey4);--text-on-color:var(--white);--text-error:var(--red6);--text-success:var(--green6)}[data-new-ui-theme=light--warm]{--red1:#fff1f0;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff7ec;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fffbec;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#f0fbf3;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#ecfbfa;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#f0f9fb;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#f0f9fd;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#ecf5ff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#f3f2fc;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f9f2fd;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffeff2;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f8f6f3;--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;--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--black:#000;--white:#fff;--background:var(--white);--background-secondary:var(--warm1);--background-hover:var(--warm1);--background-selected:var(--warm2);--background-selected-hover:var(--warm3);--background-red:var(--red1);--background-orange:var(--orange1);--background-yellow:var(--yellow1);--background-green:var(--green1);--background-mint:var(--mint1);--background-teal:var(--teal1);--background-cyan:var(--cyan1);--background-blue:var(--blue1);--background-indigo:var(--indigo1);--background-purple:var(--purple1);--background-pink:var(--pink1);--background-brown:var(--brown1);--border-muted:var(--warm2);--border:var(--warm4);--border-strong:var(--warm6);--border-inked:var(--warm10);--border-inverse:var(--white);--border-focus:var(--blue5);--button-primary:var(--blue5);--button-primary-hover:var(--blue6);--button-primary-active:var(--blue7);--button-secondary:var(--warm8);--button-secondary-hover:var(--warm7);--button-secondary-active:var(--warm6);--button-danger:var(--red5);--button-danger-hover:var(--red6);--button-danger-active:var(--red7);--button-disabled:var(--warm4);--icon-primary:var(--warm9);--icon-secondary:var(--warm7);--icon-disabled:var(--warm4);--icon-on-color:var(--white);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--warm8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--text-primary:var(--warm10);--text-primary-alt:var(--warm8);--text-secondary:var(--warm7);--text-secondary-alt:var(--warm5);--text-placeholder:var(--warm4);--text-on-color:var(--white);--text-error:var(--red6);--text-success:var(--green6)}[data-new-ui-theme=light--cold]{--red1:#fff1f0;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff7ec;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fffbec;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#f0fbf3;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#ecfbfa;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#f0f9fb;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#f0f9fd;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#ecf5ff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#f3f2fc;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f9f2fd;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffeff2;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f8f6f3;--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;--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--black:#000;--white:#fff;--background:var(--white);--background-secondary:var(--cold1);--background-hover:var(--cold1);--background-selected:var(--cold2);--background-selected-hover:var(--cold3);--background-red:var(--red1);--background-orange:var(--orange1);--background-yellow:var(--yellow1);--background-green:var(--green1);--background-mint:var(--mint1);--background-teal:var(--teal1);--background-cyan:var(--cyan1);--background-blue:var(--blue1);--background-indigo:var(--indigo1);--background-purple:var(--purple1);--background-pink:var(--pink1);--background-brown:var(--brown1);--border-muted:var(--cold2);--border:var(--cold4);--border-strong:var(--cold6);--border-inked:var(--cold10);--border-inverse:var(--white);--border-focus:var(--blue5);--button-primary:var(--blue5);--button-primary-hover:var(--blue6);--button-primary-active:var(--blue7);--button-secondary:var(--cold8);--button-secondary-hover:var(--cold7);--button-secondary-active:var(--cold6);--button-danger:var(--red5);--button-danger-hover:var(--red6);--button-danger-active:var(--red7);--button-disabled:var(--cold4);--icon-primary:var(--cold9);--icon-secondary:var(--cold7);--icon-disabled:var(--cold4);--icon-on-color:var(--white);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--cold8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--text-primary:var(--cold10);--text-primary-alt:var(--cold8);--text-secondary:var(--cold7);--text-secondary-alt:var(--cold5);--text-placeholder:var(--cold4);--text-on-color:var(--white);--text-error:var(--red6);--text-success:var(--green6)}:root,[data-new-ui-theme=light]{--red1:#fff1f0;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff7ec;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fffbec;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#f0fbf3;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#ecfbfa;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#f0f9fb;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#f0f9fd;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#ecf5ff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#f3f2fc;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f9f2fd;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffeff2;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f8f6f3;--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;--background:var(--grey10);--background-secondary:var(--grey9);--background-hover:var(--grey9);--background-selected:var(--grey8);--background-selected-hover:var(--grey7);--background-red:var(--red8);--background-orange:var(--orange8);--background-yellow:var(--yellow8);--background-green:var(--green8);--background-mint:var(--mint8);--background-teal:var(--teal8);--background-cyan:var(--cyan8);--background-blue:var(--blue8);--background-indigo:var(--indigo8);--background-purple:var(--purple8);--background-pink:var(--pink8);--background-brown:var(--brown8);--border-muted:var(--grey9);--border:var(--grey7);--border-strong:var(--grey6);--border-inked:var(--grey1);--border-inverse:var(--white);--border-focus:var(--blue4);--button-primary:var(--blue4);--button-primary-hover:var(--blue3);--button-primary-active:var(--blue3);--button-secondary:var(--grey1);--button-secondary-hover:var(--grey2);--button-secondary-active:var(--grey3);--button-danger:var(--red4);--button-danger-hover:var(--red3);--button-danger-active:var(--red3);--button-disabled:var(--grey9);--icon-primary:var(--grey2);--icon-secondary:var(--grey4);--icon-disabled:var(--grey8);--icon-on-color:var(--white);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--grey1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--text-primary:var(--grey1);--text-primary-alt:var(--grey3);--text-secondary:var(--grey5);--text-secondary-alt:var(--grey6);--text-placeholder:var(--grey7);--text-on-color:var(--white);--text-error:var(--red4);--text-success:var(--green4)}[data-new-ui-theme=light--warm]{--red1:#fff1f0;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff7ec;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fffbec;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#f0fbf3;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#ecfbfa;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#f0f9fb;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#f0f9fd;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#ecf5ff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#f3f2fc;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f9f2fd;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffeff2;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f8f6f3;--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;--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--black:#000;--white:#fff;--background:var(--warm10);--background-secondary:var(--warm9);--background-hover:var(--warm9);--background-selected:var(--warm9);--background-selected-hover:var(--warm7);--background-red:var(--red8);--background-orange:var(--orange8);--background-yellow:var(--yellow8);--background-green:var(--green8);--background-mint:var(--mint8);--background-teal:var(--teal8);--background-cyan:var(--cyan8);--background-blue:var(--blue8);--background-indigo:var(--indigo8);--background-purple:var(--purple8);--background-pink:var(--pink8);--background-brown:var(--brown8);--border-muted:var(--warm9);--border:var(--warm7);--border-strong:var(--warm6);--border-inked:var(--warm1);--border-inverse:var(--white);--border-focus:var(--blue4);--button-primary:var(--blue4);--button-primary-hover:var(--blue3);--button-primary-active:var(--blue3);--button-secondary:var(--warm1);--button-secondary-hover:var(--warm2);--button-secondary-active:var(--warm3);--button-danger:var(--red4);--button-danger-hover:var(--red3);--button-danger-active:var(--red3);--button-disabled:var(--warm9);--icon-primary:var(--warm2);--icon-secondary:var(--warm4);--icon-disabled:var(--warm8);--icon-on-color:var(--white);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--warm1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--text-primary:var(--warm1);--text-primary-alt:var(--warm3);--text-secondary:var(--warm5);--text-secondary-alt:var(--warm6);--text-placeholder:var(--warm7);--text-on-color:var(--white);--text-error:var(--red4);--text-success:var(--green4)}[data-new-ui-theme=light--cold]{--red1:#fff1f0;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff7ec;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fffbec;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#f0fbf3;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#ecfbfa;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#f0f9fb;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#f0f9fd;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#ecf5ff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#f3f2fc;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f9f2fd;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffeff2;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f8f6f3;--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;--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--black:#000;--white:#fff;--background:var(--cold10);--background-secondary:var(--cold9);--background-hover:var(--cold9);--background-selected:var(--cold8);--background-selected-hover:var(--cold7);--background-red:var(--red8);--background-orange:var(--orange8);--background-yellow:var(--yellow8);--background-green:var(--green8);--background-mint:var(--mint8);--background-teal:var(--teal8);--background-cyan:var(--cyan8);--background-blue:var(--blue8);--background-indigo:var(--indigo8);--background-purple:var(--purple8);--background-pink:var(--pink8);--background-brown:var(--brown8);--border-muted:var(--cold9);--border:var(--cold7);--border-strong:var(--cold6);--border-inked:var(--cold1);--border-inverse:var(--white);--border-focus:var(--blue4);--button-primary:var(--blue4);--button-primary-hover:var(--blue3);--button-primary-active:var(--blue3);--button-secondary:var(--cold1);--button-secondary-hover:var(--cold2);--button-secondary-active:var(--cold3);--button-danger:var(--red4);--button-danger-hover:var(--red3);--button-danger-active:var(--red3);--button-disabled:var(--cold9);--icon-primary:var(--cold2);--icon-secondary:var(--cold4);--icon-disabled:var(--cold8);--icon-on-color:var(--white);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--cold1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--text-primary:var(--cold1);--text-primary-alt:var(--cold3);--text-secondary:var(--cold5);--text-secondary-alt:var(--cold6);--text-placeholder:var(--cold7);--text-on-color:var(--white);--text-error:var(--red4);--text-success:var(--green4)}.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)}[data-new-ui-theme=light--cold] .nu-u-text-cold1,[data-new-ui-theme=dark--cold] .nu-u-text-cold1{color:var(--cold1)}[data-new-ui-theme=light--cold] .nu-u-text-cold2,[data-new-ui-theme=dark--cold] .nu-u-text-cold2{color:var(--cold2)}[data-new-ui-theme=light--cold] .nu-u-text-cold3,[data-new-ui-theme=dark--cold] .nu-u-text-cold3{color:var(--cold3)}[data-new-ui-theme=light--cold] .nu-u-text-cold4,[data-new-ui-theme=dark--cold] .nu-u-text-cold4{color:var(--cold4)}[data-new-ui-theme=light--cold] .nu-u-text-cold5,[data-new-ui-theme=dark--cold] .nu-u-text-cold5{color:var(--cold5)}[data-new-ui-theme=light--cold] .nu-u-text-cold6,[data-new-ui-theme=dark--cold] .nu-u-text-cold6{color:var(--cold6)}[data-new-ui-theme=light--cold] .nu-u-text-cold7,[data-new-ui-theme=dark--cold] .nu-u-text-cold7{color:var(--cold7)}[data-new-ui-theme=light--cold] .nu-u-text-cold8,[data-new-ui-theme=dark--cold] .nu-u-text-cold8{color:var(--cold8)}[data-new-ui-theme=light--cold] .nu-u-text-cold9,[data-new-ui-theme=dark--cold] .nu-u-text-cold9{color:var(--cold9)}[data-new-ui-theme=light--cold] .nu-u-text-cold10,[data-new-ui-theme=dark--cold] .nu-u-text-cold10{color:var(--cold10)}[data-new-ui-theme=light--warm] .nu-u-text-warm1,[data-new-ui-theme=dark--warm] .nu-u-text-warm1{color:var(--warm1)}[data-new-ui-theme=light--warm] .nu-u-text-warm2,[data-new-ui-theme=dark--warm] .nu-u-text-warm2{color:var(--warm2)}[data-new-ui-theme=light--warm] .nu-u-text-warm3,[data-new-ui-theme=dark--warm] .nu-u-text-warm3{color:var(--warm3)}[data-new-ui-theme=light--warm] .nu-u-text-warm4,[data-new-ui-theme=dark--warm] .nu-u-text-warm4{color:var(--warm4)}[data-new-ui-theme=light--warm] .nu-u-text-warm5,[data-new-ui-theme=dark--warm] .nu-u-text-warm5{color:var(--warm5)}[data-new-ui-theme=light--warm] .nu-u-text-warm6,[data-new-ui-theme=dark--warm] .nu-u-text-warm6{color:var(--warm6)}[data-new-ui-theme=light--warm] .nu-u-text-warm7,[data-new-ui-theme=dark--warm] .nu-u-text-warm7{color:var(--warm7)}[data-new-ui-theme=light--warm] .nu-u-text-warm8,[data-new-ui-theme=dark--warm] .nu-u-text-warm8{color:var(--warm8)}[data-new-ui-theme=light--warm] .nu-u-text-warm9,[data-new-ui-theme=dark--warm] .nu-u-text-warm9{color:var(--warm9)}[data-new-ui-theme=light--warm] .nu-u-text-warm10,[data-new-ui-theme=dark--warm] .nu-u-text-warm10{color:var(--warm10)}.nu-u-bg{background-color:var(--background)}.nu-u-bg-secondary{background-color:var(--background-secondary)}.nu-u-bg-hover{background-color:var(--background-hover)}.nu-u-bg-selected{background-color:var(--background-selected)}.nu-u-bg-selected-hover{background-color:var(--background-selected-hover)}.nu-u-bg-red{background-color:var(--background-red)}.nu-u-bg-orange{background-color:var(--background-orange)}.nu-u-bg-yellow{background-color:var(--background-yellow)}.nu-u-bg-green{background-color:var(--background-green)}.nu-u-bg-mint{background-color:var(--background-mint)}.nu-u-bg-teal{background-color:var(--background-teal)}.nu-u-bg-cyan{background-color:var(--background-cyan)}.nu-u-bg-blue{background-color:var(--background-blue)}.nu-u-bg-indigo{background-color:var(--background-indigo)}.nu-u-bg-purple{background-color:var(--background-blue)}.nu-u-bg-pink{background-color:var(--background-pink)}.nu-u-bg-brown{background-color:var(--background-brown)}.nu-u-bg-black{background-color:var(--black)}.nu-u-bg-white{background-color:var(--white)}.nu-u-b--muted{border-color:var(--border-muted)}.nu-u-b{border-color:var(--border)}.nu-u-b--strong{border-color:var(--border-strong)}.nu-u-b--inked{border-color:var(--border-inked)}.nu-u-b--inverse{border-color:var(--border-inverse)}.nu-u-b--focus{border-color:var(--border-focus)}.nu-u-text--primary{color:var(--text-primary)}.nu-u-text--primary-alt{color:var(--text-primary-alt)}.nu-u-text--secondary{color:var(--text-secondary)}.nu-u-text--secondary-alt{color:var(--text-secondary-alt)}.nu-u-text--placeholder::placeholder,.nu-u-text--placeholder::webkit-input-placeholder,.nu-u-text--placeholder:ms-input-placeholder{color:var(--text-placeholder)}.nu-u-text--on-color{color:var(--text-on-color)}.nu-u-text--error{color:var(--text-error)}.nu-u-text--success{color:var(--text-success)}.nu-u-text-black{color:var(--black)}.nu-u-text-white{color:var(--white)}.nu-u-icon--primary{color:var(--icon-primary)}.nu-u-icon--secondary{color:var(--icon-secondary)}.nu-u-icon--disabled{color:var(--icon-disabled)}.nu-u-icon--on-color{color:var(--icon-on-color)}.nu-u-link{color:var(--link)}.nu-u-link--hover{color:var(--link-hover)}.nu-u-link--subtle{color:var(--link-subtle)}.nu-u-link--active{color:var(--link-active)}.nu-u-support--error{color:var(--support-error)}.nu-u-support--warning{color:var(--support-warning)}.nu-u-support--success{color:var(--support-success)}.nu-u-support--info{color:var(--support-blue)}
|
|
1
|
+
:root,[data-new-ui-theme=light]{--red1:#fff1f0;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff7ec;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fffbec;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#f0fbf3;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#ecfbfa;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#f0f9fb;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#f0f9fd;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#ecf5ff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#f3f2fc;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f9f2fd;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffeff2;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f8f6f3;--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;--background:var(--white);--background-secondary:var(--grey1);--background-hover:var(--grey1);--background-selected:var(--grey2);--background-selected-hover:var(--grey3);--background-red:var(--red1);--background-orange:var(--orange1);--background-yellow:var(--yellow1);--background-green:var(--green1);--background-mint:var(--mint1);--background-teal:var(--teal1);--background-cyan:var(--cyan1);--background-blue:var(--blue1);--background-indigo:var(--indigo1);--background-purple:var(--purple1);--background-pink:var(--pink1);--background-brown:var(--brown1);--border-muted:var(--grey2);--border:var(--grey4);--border-strong:var(--grey6);--border-inked:var(--grey10);--border-inverse:var(--white);--border-focus:var(--blue5);--button-primary:var(--blue5);--button-primary-hover:var(--blue6);--button-primary-active:var(--blue7);--button-secondary:var(--grey8);--button-secondary-hover:var(--grey7);--button-secondary-active:var(--grey6);--button-danger:var(--red5);--button-danger-hover:var(--red6);--button-danger-active:var(--red7);--button-disabled:var(--grey4);--icon-primary:var(--grey9);--icon-secondary:var(--grey7);--icon-disabled:var(--grey4);--icon-on-color:var(--white);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--grey8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--text-primary:var(--grey10);--text-primary-alt:var(--grey8);--text-secondary:var(--grey7);--text-secondary-alt:var(--grey5);--text-placeholder:var(--grey4);--text-on-color:var(--white);--text-error:var(--red6);--text-success:var(--green6)}[data-new-ui-theme=light--warm]{--red1:#fff1f0;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff7ec;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fffbec;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#f0fbf3;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#ecfbfa;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#f0f9fb;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#f0f9fd;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#ecf5ff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#f3f2fc;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f9f2fd;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffeff2;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f8f6f3;--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;--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--black:#000;--white:#fff;--background:var(--white);--background-secondary:var(--warm1);--background-hover:var(--warm1);--background-selected:var(--warm2);--background-selected-hover:var(--warm3);--background-red:var(--red1);--background-orange:var(--orange1);--background-yellow:var(--yellow1);--background-green:var(--green1);--background-mint:var(--mint1);--background-teal:var(--teal1);--background-cyan:var(--cyan1);--background-blue:var(--blue1);--background-indigo:var(--indigo1);--background-purple:var(--purple1);--background-pink:var(--pink1);--background-brown:var(--brown1);--border-muted:var(--warm2);--border:var(--warm4);--border-strong:var(--warm6);--border-inked:var(--warm10);--border-inverse:var(--white);--border-focus:var(--blue5);--button-primary:var(--blue5);--button-primary-hover:var(--blue6);--button-primary-active:var(--blue7);--button-secondary:var(--warm8);--button-secondary-hover:var(--warm7);--button-secondary-active:var(--warm6);--button-danger:var(--red5);--button-danger-hover:var(--red6);--button-danger-active:var(--red7);--button-disabled:var(--warm4);--icon-primary:var(--warm9);--icon-secondary:var(--warm7);--icon-disabled:var(--warm4);--icon-on-color:var(--white);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--warm8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--text-primary:var(--warm10);--text-primary-alt:var(--warm8);--text-secondary:var(--warm7);--text-secondary-alt:var(--warm5);--text-placeholder:var(--warm4);--text-on-color:var(--white);--text-error:var(--red6);--text-success:var(--green6)}[data-new-ui-theme=light--cold]{--red1:#fff1f0;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff7ec;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fffbec;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#f0fbf3;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#ecfbfa;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#f0f9fb;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#f0f9fd;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#ecf5ff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#f3f2fc;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f9f2fd;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffeff2;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f8f6f3;--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;--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--black:#000;--white:#fff;--background:var(--white);--background-secondary:var(--cold1);--background-hover:var(--cold1);--background-selected:var(--cold2);--background-selected-hover:var(--cold3);--background-red:var(--red1);--background-orange:var(--orange1);--background-yellow:var(--yellow1);--background-green:var(--green1);--background-mint:var(--mint1);--background-teal:var(--teal1);--background-cyan:var(--cyan1);--background-blue:var(--blue1);--background-indigo:var(--indigo1);--background-purple:var(--purple1);--background-pink:var(--pink1);--background-brown:var(--brown1);--border-muted:var(--cold2);--border:var(--cold4);--border-strong:var(--cold6);--border-inked:var(--cold10);--border-inverse:var(--white);--border-focus:var(--blue5);--button-primary:var(--blue5);--button-primary-hover:var(--blue6);--button-primary-active:var(--blue7);--button-secondary:var(--cold8);--button-secondary-hover:var(--cold7);--button-secondary-active:var(--cold6);--button-danger:var(--red5);--button-danger-hover:var(--red6);--button-danger-active:var(--red7);--button-disabled:var(--cold4);--icon-primary:var(--cold9);--icon-secondary:var(--cold7);--icon-disabled:var(--cold4);--icon-on-color:var(--white);--link:var(--blue5);--link-hover:var(--blue6);--link-subtle:var(--cold8);--link-visited:var(--indigo5);--support-error:var(--red5);--support-warning:var(--yellow5);--support-success:var(--green5);--support-info:var(--blue5);--text-primary:var(--cold10);--text-primary-alt:var(--cold8);--text-secondary:var(--cold7);--text-secondary-alt:var(--cold5);--text-placeholder:var(--cold4);--text-on-color:var(--white);--text-error:var(--red6);--text-success:var(--green6)}:root,[data-new-ui-theme=light]{--red1:#fff1f0;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff7ec;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fffbec;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#f0fbf3;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#ecfbfa;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#f0f9fb;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#f0f9fd;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#ecf5ff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#f3f2fc;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f9f2fd;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffeff2;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f8f6f3;--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;--background:var(--grey10);--background-secondary:var(--grey9);--background-hover:var(--grey9);--background-selected:var(--grey8);--background-selected-hover:var(--grey7);--background-red:var(--red8);--background-orange:var(--orange8);--background-yellow:var(--yellow8);--background-green:var(--green8);--background-mint:var(--mint8);--background-teal:var(--teal8);--background-cyan:var(--cyan8);--background-blue:var(--blue8);--background-indigo:var(--indigo8);--background-purple:var(--purple8);--background-pink:var(--pink8);--background-brown:var(--brown8);--border-muted:var(--grey9);--border:var(--grey7);--border-strong:var(--grey6);--border-inked:var(--grey1);--border-inverse:var(--white);--border-focus:var(--blue4);--button-primary:var(--blue4);--button-primary-hover:var(--blue3);--button-primary-active:var(--blue3);--button-secondary:var(--grey1);--button-secondary-hover:var(--grey2);--button-secondary-active:var(--grey3);--button-danger:var(--red4);--button-danger-hover:var(--red3);--button-danger-active:var(--red3);--button-disabled:var(--grey9);--icon-primary:var(--grey2);--icon-secondary:var(--grey4);--icon-disabled:var(--grey8);--icon-on-color:var(--white);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--grey1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--text-primary:var(--grey1);--text-primary-alt:var(--grey3);--text-secondary:var(--grey5);--text-secondary-alt:var(--grey6);--text-placeholder:var(--grey7);--text-on-color:var(--white);--text-error:var(--red4);--text-success:var(--green4)}[data-new-ui-theme=dark--warm]{--red1:#fff1f0;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff7ec;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fffbec;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#f0fbf3;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#ecfbfa;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#f0f9fb;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#f0f9fd;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#ecf5ff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#f3f2fc;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f9f2fd;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffeff2;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f8f6f3;--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;--warm1:var(--grey1);--warm2:var(--grey2);--warm3:var(--grey3);--warm4:var(--grey4);--warm5:var(--grey5);--warm6:var(--grey6);--warm7:var(--grey7);--warm8:var(--grey8);--warm9:var(--grey9);--warm10:var(--grey10);--black:#000;--white:#fff;--background:var(--warm10);--background-secondary:var(--warm9);--background-hover:var(--warm9);--background-selected:var(--warm9);--background-selected-hover:var(--warm7);--background-red:var(--red8);--background-orange:var(--orange8);--background-yellow:var(--yellow8);--background-green:var(--green8);--background-mint:var(--mint8);--background-teal:var(--teal8);--background-cyan:var(--cyan8);--background-blue:var(--blue8);--background-indigo:var(--indigo8);--background-purple:var(--purple8);--background-pink:var(--pink8);--background-brown:var(--brown8);--border-muted:var(--warm9);--border:var(--warm7);--border-strong:var(--warm6);--border-inked:var(--warm1);--border-inverse:var(--white);--border-focus:var(--blue4);--button-primary:var(--blue4);--button-primary-hover:var(--blue3);--button-primary-active:var(--blue3);--button-secondary:var(--warm1);--button-secondary-hover:var(--warm2);--button-secondary-active:var(--warm3);--button-danger:var(--red4);--button-danger-hover:var(--red3);--button-danger-active:var(--red3);--button-disabled:var(--warm9);--icon-primary:var(--warm2);--icon-secondary:var(--warm4);--icon-disabled:var(--warm8);--icon-on-color:var(--white);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--warm1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--text-primary:var(--warm1);--text-primary-alt:var(--warm3);--text-secondary:var(--warm5);--text-secondary-alt:var(--warm6);--text-placeholder:var(--warm7);--text-on-color:var(--white);--text-error:var(--red4);--text-success:var(--green4)}[data-new-ui-theme=dark--cold]{--red1:#fff1f0;--red2:#ffc8c5;--red3:#ff9993;--red4:#ff4a40;--red5:#ff3b30;--red6:#c22d25;--red7:#851f19;--red8:#47100d;--orange1:#fff7ec;--orange2:#ffe1b8;--orange3:#ffc87a;--orange4:#ff9d14;--orange5:#ff9500;--orange6:#c27100;--orange7:#854e00;--orange8:#472900;--yellow1:#fffbec;--yellow2:#fff1b8;--yellow3:#ffe47a;--yellow4:#ffd014;--yellow5:#fc0;--yellow6:#c29b00;--yellow7:#856a00;--yellow8:#473900;--green1:#f0fbf3;--green2:#c6efd1;--green3:#95e2a8;--green4:#44cb66;--green5:#34c759;--green6:#289744;--green7:#1b682e;--green8:#0e3719;--mint1:#ecfbfa;--mint2:#b8efed;--mint3:#7ae2dd;--mint4:#14cbc3;--mint5:#00c7be;--mint6:#009791;--mint7:#006863;--mint8:#003735;--teal1:#f0f9fb;--teal2:#c5e9ef;--teal3:#93d6e2;--teal4:#40b6cb;--teal5:#30b0c7;--teal6:#258697;--teal7:#195c68;--teal8:#0d3137;--cyan1:#f0f9fd;--cyan2:#c6e8f8;--cyan3:#94d4f2;--cyan4:#42b3e8;--cyan5:#32ade6;--cyan6:#2684af;--cyan7:#1a5a78;--cyan8:#0e3040;--blue1:#ecf5ff;--blue2:#b8daff;--blue3:#7abaff;--blue4:#1484ff;--blue5:#007aff;--blue6:#005dc2;--blue7:#004085;--blue8:#002247;--indigo1:#f3f2fc;--indigo2:#d1d0f4;--indigo3:#a8a7ea;--indigo4:#6563d9;--indigo5:#5856d6;--indigo6:#4341a3;--indigo7:#2e2d70;--indigo8:#19183c;--purple1:#f9f2fd;--purple2:#e9cff6;--purple3:#d5a5ee;--purple4:#b560e1;--purple5:#af52de;--purple6:#853ea9;--purple7:#5b2b74;--purple8:#31173e;--pink1:#ffeff2;--pink2:#ffc5d0;--pink3:#ff91a6;--pink4:#ff3d62;--pink5:#ff2d55;--pink6:#c22241;--pink7:#85172c;--pink8:#470d18;--brown1:#f8f6f3;--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;--cold1:var(--grey1);--cold2:var(--grey2);--cold3:var(--grey3);--cold4:var(--grey4);--cold5:var(--grey5);--cold6:var(--grey6);--cold7:var(--grey7);--cold8:var(--grey8);--cold9:var(--grey9);--cold10:var(--grey10);--black:#000;--white:#fff;--background:var(--cold10);--background-secondary:var(--cold9);--background-hover:var(--cold9);--background-selected:var(--cold8);--background-selected-hover:var(--cold7);--background-red:var(--red8);--background-orange:var(--orange8);--background-yellow:var(--yellow8);--background-green:var(--green8);--background-mint:var(--mint8);--background-teal:var(--teal8);--background-cyan:var(--cyan8);--background-blue:var(--blue8);--background-indigo:var(--indigo8);--background-purple:var(--purple8);--background-pink:var(--pink8);--background-brown:var(--brown8);--border-muted:var(--cold9);--border:var(--cold7);--border-strong:var(--cold6);--border-inked:var(--cold1);--border-inverse:var(--white);--border-focus:var(--blue4);--button-primary:var(--blue4);--button-primary-hover:var(--blue3);--button-primary-active:var(--blue3);--button-secondary:var(--cold1);--button-secondary-hover:var(--cold2);--button-secondary-active:var(--cold3);--button-danger:var(--red4);--button-danger-hover:var(--red3);--button-danger-active:var(--red3);--button-disabled:var(--cold9);--icon-primary:var(--cold2);--icon-secondary:var(--cold4);--icon-disabled:var(--cold8);--icon-on-color:var(--white);--link:var(--blue4);--link-hover:var(--blue3);--link-subtle:var(--cold1);--link-visited:var(--indigo4);--support-error:var(--red4);--support-warning:var(--yellow4);--support-success:var(--green4);--support-info:var(--blue4);--text-primary:var(--cold1);--text-primary-alt:var(--cold3);--text-secondary:var(--cold5);--text-secondary-alt:var(--cold6);--text-placeholder:var(--cold7);--text-on-color:var(--white);--text-error:var(--red4);--text-success:var(--green4)}.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)}[data-new-ui-theme=light--cold] .nu-u-text-cold1,[data-new-ui-theme=dark--cold] .nu-u-text-cold1{color:var(--cold1)}[data-new-ui-theme=light--cold] .nu-u-text-cold2,[data-new-ui-theme=dark--cold] .nu-u-text-cold2{color:var(--cold2)}[data-new-ui-theme=light--cold] .nu-u-text-cold3,[data-new-ui-theme=dark--cold] .nu-u-text-cold3{color:var(--cold3)}[data-new-ui-theme=light--cold] .nu-u-text-cold4,[data-new-ui-theme=dark--cold] .nu-u-text-cold4{color:var(--cold4)}[data-new-ui-theme=light--cold] .nu-u-text-cold5,[data-new-ui-theme=dark--cold] .nu-u-text-cold5{color:var(--cold5)}[data-new-ui-theme=light--cold] .nu-u-text-cold6,[data-new-ui-theme=dark--cold] .nu-u-text-cold6{color:var(--cold6)}[data-new-ui-theme=light--cold] .nu-u-text-cold7,[data-new-ui-theme=dark--cold] .nu-u-text-cold7{color:var(--cold7)}[data-new-ui-theme=light--cold] .nu-u-text-cold8,[data-new-ui-theme=dark--cold] .nu-u-text-cold8{color:var(--cold8)}[data-new-ui-theme=light--cold] .nu-u-text-cold9,[data-new-ui-theme=dark--cold] .nu-u-text-cold9{color:var(--cold9)}[data-new-ui-theme=light--cold] .nu-u-text-cold10,[data-new-ui-theme=dark--cold] .nu-u-text-cold10{color:var(--cold10)}[data-new-ui-theme=light--warm] .nu-u-text-warm1,[data-new-ui-theme=dark--warm] .nu-u-text-warm1{color:var(--warm1)}[data-new-ui-theme=light--warm] .nu-u-text-warm2,[data-new-ui-theme=dark--warm] .nu-u-text-warm2{color:var(--warm2)}[data-new-ui-theme=light--warm] .nu-u-text-warm3,[data-new-ui-theme=dark--warm] .nu-u-text-warm3{color:var(--warm3)}[data-new-ui-theme=light--warm] .nu-u-text-warm4,[data-new-ui-theme=dark--warm] .nu-u-text-warm4{color:var(--warm4)}[data-new-ui-theme=light--warm] .nu-u-text-warm5,[data-new-ui-theme=dark--warm] .nu-u-text-warm5{color:var(--warm5)}[data-new-ui-theme=light--warm] .nu-u-text-warm6,[data-new-ui-theme=dark--warm] .nu-u-text-warm6{color:var(--warm6)}[data-new-ui-theme=light--warm] .nu-u-text-warm7,[data-new-ui-theme=dark--warm] .nu-u-text-warm7{color:var(--warm7)}[data-new-ui-theme=light--warm] .nu-u-text-warm8,[data-new-ui-theme=dark--warm] .nu-u-text-warm8{color:var(--warm8)}[data-new-ui-theme=light--warm] .nu-u-text-warm9,[data-new-ui-theme=dark--warm] .nu-u-text-warm9{color:var(--warm9)}[data-new-ui-theme=light--warm] .nu-u-text-warm10,[data-new-ui-theme=dark--warm] .nu-u-text-warm10{color:var(--warm10)}.nu-u-bg{background-color:var(--background)}.nu-u-bg-secondary{background-color:var(--background-secondary)}.nu-u-bg-hover{background-color:var(--background-hover)}.nu-u-bg-selected{background-color:var(--background-selected)}.nu-u-bg-selected-hover{background-color:var(--background-selected-hover)}.nu-u-bg-red{background-color:var(--background-red)}.nu-u-bg-orange{background-color:var(--background-orange)}.nu-u-bg-yellow{background-color:var(--background-yellow)}.nu-u-bg-green{background-color:var(--background-green)}.nu-u-bg-mint{background-color:var(--background-mint)}.nu-u-bg-teal{background-color:var(--background-teal)}.nu-u-bg-cyan{background-color:var(--background-cyan)}.nu-u-bg-blue{background-color:var(--background-blue)}.nu-u-bg-indigo{background-color:var(--background-indigo)}.nu-u-bg-purple{background-color:var(--background-blue)}.nu-u-bg-pink{background-color:var(--background-pink)}.nu-u-bg-brown{background-color:var(--background-brown)}.nu-u-bg-black{background-color:var(--black)}.nu-u-bg-white{background-color:var(--white)}.nu-u-b--muted{border-color:var(--border-muted)}.nu-u-b{border-color:var(--border)}.nu-u-b--strong{border-color:var(--border-strong)}.nu-u-b--inked{border-color:var(--border-inked)}.nu-u-b--inverse{border-color:var(--border-inverse)}.nu-u-b--focus{border-color:var(--border-focus)}.nu-u-text--primary{color:var(--text-primary)}.nu-u-text--primary-alt{color:var(--text-primary-alt)}.nu-u-text--secondary{color:var(--text-secondary)}.nu-u-text--secondary-alt{color:var(--text-secondary-alt)}.nu-u-text--placeholder::placeholder,.nu-u-text--placeholder::webkit-input-placeholder,.nu-u-text--placeholder:ms-input-placeholder{color:var(--text-placeholder)}.nu-u-text--on-color{color:var(--text-on-color)}.nu-u-text--error{color:var(--text-error)}.nu-u-text--success{color:var(--text-success)}.nu-u-text-black{color:var(--black)}.nu-u-text-white{color:var(--white)}.nu-u-icon--primary{color:var(--icon-primary)}.nu-u-icon--secondary{color:var(--icon-secondary)}.nu-u-icon--disabled{color:var(--icon-disabled)}.nu-u-icon--on-color{color:var(--icon-on-color)}.nu-u-link{color:var(--link)}.nu-u-link--hover{color:var(--link-hover)}.nu-u-link--subtle{color:var(--link-subtle)}.nu-u-link--active{color:var(--link-active)}.nu-u-support--error{color:var(--support-error)}.nu-u-support--warning{color:var(--support-warning)}.nu-u-support--success{color:var(--support-success)}.nu-u-support--info{color:var(--support-blue)}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"AEAA,84GCAA,kmHCAA,kmHCAA,64GCAA,imHCAA,imHCCA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,+CAEA,kCACA,kCACA,kCACA,kCACA,kCACA,kCACA,kCACA,kCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCAGE,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,uHAIA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,uHAGF,4CACA,gEACA,wDACA,8DACA,0EACA,oDACA,0DACA,0DACA,wDACA,sDACA,sDACA,sDACA,sDACA,0DACA,wDACA,sDACA,wDAEA,6CACA,6CAGA,gDACA,mCACA,kDACA,gDACA,oDACA,gDAGA,8CACA,sDACA,kDACA,0DACA,kKAGA,gDACA,0CACA,8CAEA,oCACA,oCAGA,8CACA,kDACA,gDACA,gDAGA,6BACA,0CACA,4CACA,4CAGA,gDACA,oDACA,oDACA","sources":["index.css","src/index.scss","src/_theme-light.scss","src/_theme-light--warm.scss","src/_theme-light--cold.scss","src/_theme-dark.scss","src/_theme-dark--warm.scss","src/_theme-dark--cold.scss","src/_utilities.scss"],"sourcesContent":[":root, [data-new-ui-theme=\"light\"] {\n --red1: #fff1f0;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff7ec;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fffbec;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #f0fbf3;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #ecfbfa;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #f0f9fb;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #f0f9fd;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #ecf5ff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #f3f2fc;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f9f2fd;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffeff2;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f8f6f3;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f4f4f4;\n --grey2: #e0e0e0;\n --grey3: #c6c6c6;\n --grey4: #a8a8a8;\n --grey5: #8d8d8d;\n --grey6: #6f6f6f;\n --grey7: #525252;\n --grey8: #393939;\n --grey9: #262626;\n --grey10: #161616;\n --black: #000;\n --white: #fff;\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-red: var(--red1);\n --background-orange: var(--orange1);\n --background-yellow: var(--yellow1);\n --background-green: var(--green1);\n --background-mint: var(--mint1);\n --background-teal: var(--teal1);\n --background-cyan: var(--cyan1);\n --background-blue: var(--blue1);\n --background-indigo: var(--indigo1);\n --background-purple: var(--purple1);\n --background-pink: var(--pink1);\n --background-brown: var(--brown1);\n --border-muted: var(--grey2);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button-primary: var(--blue5);\n --button-primary-hover: var(--blue6);\n --button-primary-active: var(--blue7);\n --button-secondary: var(--grey8);\n --button-secondary-hover: var(--grey7);\n --button-secondary-active: var(--grey6);\n --button-danger: var(--red5);\n --button-danger-hover: var(--red6);\n --button-danger-active: var(--red7);\n --button-disabled: var(--grey4);\n --icon-primary: var(--grey9);\n --icon-secondary: var(--grey7);\n --icon-disabled: var(--grey4);\n --icon-on-color: var(--white);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --text-primary: var(--grey10);\n --text-primary-alt: var(--grey8);\n --text-secondary: var(--grey7);\n --text-secondary-alt: var(--grey5);\n --text-placeholder: var(--grey4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: #fff1f0;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff7ec;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fffbec;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #f0fbf3;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #ecfbfa;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #f0f9fb;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #f0f9fd;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #ecf5ff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #f3f2fc;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f9f2fd;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffeff2;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f8f6f3;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f7f3f2;\n --grey2: #e5e0df;\n --grey3: #cac5c4;\n --grey4: #ada8a8;\n --grey5: #8f8b8b;\n --grey6: #726e6e;\n --grey7: #565151;\n --grey8: #3c3838;\n --grey9: #272525;\n --grey10: #171414;\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --black: #000;\n --white: #fff;\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-red: var(--red1);\n --background-orange: var(--orange1);\n --background-yellow: var(--yellow1);\n --background-green: var(--green1);\n --background-mint: var(--mint1);\n --background-teal: var(--teal1);\n --background-cyan: var(--cyan1);\n --background-blue: var(--blue1);\n --background-indigo: var(--indigo1);\n --background-purple: var(--purple1);\n --background-pink: var(--pink1);\n --background-brown: var(--brown1);\n --border-muted: var(--warm2);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button-primary: var(--blue5);\n --button-primary-hover: var(--blue6);\n --button-primary-active: var(--blue7);\n --button-secondary: var(--warm8);\n --button-secondary-hover: var(--warm7);\n --button-secondary-active: var(--warm6);\n --button-danger: var(--red5);\n --button-danger-hover: var(--red6);\n --button-danger-active: var(--red7);\n --button-disabled: var(--warm4);\n --icon-primary: var(--warm9);\n --icon-secondary: var(--warm7);\n --icon-disabled: var(--warm4);\n --icon-on-color: var(--white);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --text-primary: var(--warm10);\n --text-primary-alt: var(--warm8);\n --text-secondary: var(--warm7);\n --text-secondary-alt: var(--warm5);\n --text-placeholder: var(--warm4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: #fff1f0;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff7ec;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fffbec;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #f0fbf3;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #ecfbfa;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #f0f9fb;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #f0f9fd;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #ecf5ff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #f3f2fc;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f9f2fd;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffeff2;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f8f6f3;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f2f4f8;\n --grey2: #dde1e6;\n --grey3: #c1c7cd;\n --grey4: #a2a9b0;\n --grey5: #878d96;\n --grey6: #697077;\n --grey7: #4d5358;\n --grey8: #343a3f;\n --grey9: #21272a;\n --grey10: #121619;\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --black: #000;\n --white: #fff;\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-red: var(--red1);\n --background-orange: var(--orange1);\n --background-yellow: var(--yellow1);\n --background-green: var(--green1);\n --background-mint: var(--mint1);\n --background-teal: var(--teal1);\n --background-cyan: var(--cyan1);\n --background-blue: var(--blue1);\n --background-indigo: var(--indigo1);\n --background-purple: var(--purple1);\n --background-pink: var(--pink1);\n --background-brown: var(--brown1);\n --border-muted: var(--cold2);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button-primary: var(--blue5);\n --button-primary-hover: var(--blue6);\n --button-primary-active: var(--blue7);\n --button-secondary: var(--cold8);\n --button-secondary-hover: var(--cold7);\n --button-secondary-active: var(--cold6);\n --button-danger: var(--red5);\n --button-danger-hover: var(--red6);\n --button-danger-active: var(--red7);\n --button-disabled: var(--cold4);\n --icon-primary: var(--cold9);\n --icon-secondary: var(--cold7);\n --icon-disabled: var(--cold4);\n --icon-on-color: var(--white);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --text-primary: var(--cold10);\n --text-primary-alt: var(--cold8);\n --text-secondary: var(--cold7);\n --text-secondary-alt: var(--cold5);\n --text-placeholder: var(--cold4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n}\n\n:root, [data-new-ui-theme=\"light\"] {\n --red1: #fff1f0;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff7ec;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fffbec;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #f0fbf3;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #ecfbfa;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #f0f9fb;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #f0f9fd;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #ecf5ff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #f3f2fc;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f9f2fd;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffeff2;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f8f6f3;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f4f4f4;\n --grey2: #e0e0e0;\n --grey3: #c6c6c6;\n --grey4: #a8a8a8;\n --grey5: #8d8d8d;\n --grey6: #6f6f6f;\n --grey7: #525252;\n --grey8: #393939;\n --grey9: #262626;\n --grey10: #161616;\n --black: #000;\n --white: #fff;\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-red: var(--red8);\n --background-orange: var(--orange8);\n --background-yellow: var(--yellow8);\n --background-green: var(--green8);\n --background-mint: var(--mint8);\n --background-teal: var(--teal8);\n --background-cyan: var(--cyan8);\n --background-blue: var(--blue8);\n --background-indigo: var(--indigo8);\n --background-purple: var(--purple8);\n --background-pink: var(--pink8);\n --background-brown: var(--brown8);\n --border-muted: var(--grey9);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--white);\n --border-focus: var(--blue4);\n --button-primary: var(--blue4);\n --button-primary-hover: var(--blue3);\n --button-primary-active: var(--blue3);\n --button-secondary: var(--grey1);\n --button-secondary-hover: var(--grey2);\n --button-secondary-active: var(--grey3);\n --button-danger: var(--red4);\n --button-danger-hover: var(--red3);\n --button-danger-active: var(--red3);\n --button-disabled: var(--grey9);\n --icon-primary: var(--grey2);\n --icon-secondary: var(--grey4);\n --icon-disabled: var(--grey8);\n --icon-on-color: var(--white);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --text-primary: var(--grey1);\n --text-primary-alt: var(--grey3);\n --text-secondary: var(--grey5);\n --text-secondary-alt: var(--grey6);\n --text-placeholder: var(--grey7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: #fff1f0;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff7ec;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fffbec;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #f0fbf3;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #ecfbfa;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #f0f9fb;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #f0f9fd;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #ecf5ff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #f3f2fc;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f9f2fd;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffeff2;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f8f6f3;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f7f3f2;\n --grey2: #e5e0df;\n --grey3: #cac5c4;\n --grey4: #ada8a8;\n --grey5: #8f8b8b;\n --grey6: #726e6e;\n --grey7: #565151;\n --grey8: #3c3838;\n --grey9: #272525;\n --grey10: #171414;\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --black: #000;\n --white: #fff;\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm9);\n --background-selected-hover: var(--warm7);\n --background-red: var(--red8);\n --background-orange: var(--orange8);\n --background-yellow: var(--yellow8);\n --background-green: var(--green8);\n --background-mint: var(--mint8);\n --background-teal: var(--teal8);\n --background-cyan: var(--cyan8);\n --background-blue: var(--blue8);\n --background-indigo: var(--indigo8);\n --background-purple: var(--purple8);\n --background-pink: var(--pink8);\n --background-brown: var(--brown8);\n --border-muted: var(--warm9);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--white);\n --border-focus: var(--blue4);\n --button-primary: var(--blue4);\n --button-primary-hover: var(--blue3);\n --button-primary-active: var(--blue3);\n --button-secondary: var(--warm1);\n --button-secondary-hover: var(--warm2);\n --button-secondary-active: var(--warm3);\n --button-danger: var(--red4);\n --button-danger-hover: var(--red3);\n --button-danger-active: var(--red3);\n --button-disabled: var(--warm9);\n --icon-primary: var(--warm2);\n --icon-secondary: var(--warm4);\n --icon-disabled: var(--warm8);\n --icon-on-color: var(--white);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --text-primary: var(--warm1);\n --text-primary-alt: var(--warm3);\n --text-secondary: var(--warm5);\n --text-secondary-alt: var(--warm6);\n --text-placeholder: var(--warm7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: #fff1f0;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff7ec;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fffbec;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #f0fbf3;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #ecfbfa;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #f0f9fb;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #f0f9fd;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #ecf5ff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #f3f2fc;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f9f2fd;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffeff2;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f8f6f3;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f2f4f8;\n --grey2: #dde1e6;\n --grey3: #c1c7cd;\n --grey4: #a2a9b0;\n --grey5: #878d96;\n --grey6: #697077;\n --grey7: #4d5358;\n --grey8: #343a3f;\n --grey9: #21272a;\n --grey10: #121619;\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --black: #000;\n --white: #fff;\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-red: var(--red8);\n --background-orange: var(--orange8);\n --background-yellow: var(--yellow8);\n --background-green: var(--green8);\n --background-mint: var(--mint8);\n --background-teal: var(--teal8);\n --background-cyan: var(--cyan8);\n --background-blue: var(--blue8);\n --background-indigo: var(--indigo8);\n --background-purple: var(--purple8);\n --background-pink: var(--pink8);\n --background-brown: var(--brown8);\n --border-muted: var(--cold9);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--white);\n --border-focus: var(--blue4);\n --button-primary: var(--blue4);\n --button-primary-hover: var(--blue3);\n --button-primary-active: var(--blue3);\n --button-secondary: var(--cold1);\n --button-secondary-hover: var(--cold2);\n --button-secondary-active: var(--cold3);\n --button-danger: var(--red4);\n --button-danger-hover: var(--red3);\n --button-danger-active: var(--red3);\n --button-disabled: var(--cold9);\n --icon-primary: var(--cold2);\n --icon-secondary: var(--cold4);\n --icon-disabled: var(--cold8);\n --icon-on-color: var(--white);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --text-primary: var(--cold1);\n --text-primary-alt: var(--cold3);\n --text-secondary: var(--cold5);\n --text-secondary-alt: var(--cold6);\n --text-placeholder: var(--cold7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n}\n\n.nu-u-bg-red1 {\n background-color: var(--red1);\n}\n\n.nu-u-bg-red2 {\n background-color: var(--red2);\n}\n\n.nu-u-bg-red3 {\n background-color: var(--red3);\n}\n\n.nu-u-bg-red4 {\n background-color: var(--red4);\n}\n\n.nu-u-bg-red5 {\n background-color: var(--red5);\n}\n\n.nu-u-bg-red6 {\n background-color: var(--red6);\n}\n\n.nu-u-bg-red7 {\n background-color: var(--red7);\n}\n\n.nu-u-bg-red8 {\n background-color: var(--red8);\n}\n\n.nu-u-bg-orange1 {\n background-color: var(--orange1);\n}\n\n.nu-u-bg-orange2 {\n background-color: var(--orange2);\n}\n\n.nu-u-bg-orange3 {\n background-color: var(--orange3);\n}\n\n.nu-u-bg-orange4 {\n background-color: var(--orange4);\n}\n\n.nu-u-bg-orange5 {\n background-color: var(--orange5);\n}\n\n.nu-u-bg-orange6 {\n background-color: var(--orange6);\n}\n\n.nu-u-bg-orange7 {\n background-color: var(--orange7);\n}\n\n.nu-u-bg-orange8 {\n background-color: var(--orange8);\n}\n\n.nu-u-bg-yellow1 {\n background-color: var(--yellow1);\n}\n\n.nu-u-bg-yellow2 {\n background-color: var(--yellow2);\n}\n\n.nu-u-bg-yellow3 {\n background-color: var(--yellow3);\n}\n\n.nu-u-bg-yellow4 {\n background-color: var(--yellow4);\n}\n\n.nu-u-bg-yellow5 {\n background-color: var(--yellow5);\n}\n\n.nu-u-bg-yellow6 {\n background-color: var(--yellow6);\n}\n\n.nu-u-bg-yellow7 {\n background-color: var(--yellow7);\n}\n\n.nu-u-bg-yellow8 {\n background-color: var(--yellow8);\n}\n\n.nu-u-bg-green1 {\n background-color: var(--green1);\n}\n\n.nu-u-bg-green2 {\n background-color: var(--green2);\n}\n\n.nu-u-bg-green3 {\n background-color: var(--green3);\n}\n\n.nu-u-bg-green4 {\n background-color: var(--green4);\n}\n\n.nu-u-bg-green5 {\n background-color: var(--green5);\n}\n\n.nu-u-bg-green6 {\n background-color: var(--green6);\n}\n\n.nu-u-bg-green7 {\n background-color: var(--green7);\n}\n\n.nu-u-bg-green8 {\n background-color: var(--green8);\n}\n\n.nu-u-bg-mint1 {\n background-color: var(--mint1);\n}\n\n.nu-u-bg-mint2 {\n background-color: var(--mint2);\n}\n\n.nu-u-bg-mint3 {\n background-color: var(--mint3);\n}\n\n.nu-u-bg-mint4 {\n background-color: var(--mint4);\n}\n\n.nu-u-bg-mint5 {\n background-color: var(--mint5);\n}\n\n.nu-u-bg-mint6 {\n background-color: var(--mint6);\n}\n\n.nu-u-bg-mint7 {\n background-color: var(--mint7);\n}\n\n.nu-u-bg-mint8 {\n background-color: var(--mint8);\n}\n\n.nu-u-bg-teal1 {\n background-color: var(--teal1);\n}\n\n.nu-u-bg-teal2 {\n background-color: var(--teal2);\n}\n\n.nu-u-bg-teal3 {\n background-color: var(--teal3);\n}\n\n.nu-u-bg-teal4 {\n background-color: var(--teal4);\n}\n\n.nu-u-bg-teal5 {\n background-color: var(--teal5);\n}\n\n.nu-u-bg-teal6 {\n background-color: var(--teal6);\n}\n\n.nu-u-bg-teal7 {\n background-color: var(--teal7);\n}\n\n.nu-u-bg-teal8 {\n background-color: var(--teal8);\n}\n\n.nu-u-bg-cyan1 {\n background-color: var(--cyan1);\n}\n\n.nu-u-bg-cyan2 {\n background-color: var(--cyan2);\n}\n\n.nu-u-bg-cyan3 {\n background-color: var(--cyan3);\n}\n\n.nu-u-bg-cyan4 {\n background-color: var(--cyan4);\n}\n\n.nu-u-bg-cyan5 {\n background-color: var(--cyan5);\n}\n\n.nu-u-bg-cyan6 {\n background-color: var(--cyan6);\n}\n\n.nu-u-bg-cyan7 {\n background-color: var(--cyan7);\n}\n\n.nu-u-bg-cyan8 {\n background-color: var(--cyan8);\n}\n\n.nu-u-bg-blue1 {\n background-color: var(--blue1);\n}\n\n.nu-u-bg-blue2 {\n background-color: var(--blue2);\n}\n\n.nu-u-bg-blue3 {\n background-color: var(--blue3);\n}\n\n.nu-u-bg-blue4 {\n background-color: var(--blue4);\n}\n\n.nu-u-bg-blue5 {\n background-color: var(--blue5);\n}\n\n.nu-u-bg-blue6 {\n background-color: var(--blue6);\n}\n\n.nu-u-bg-blue7 {\n background-color: var(--blue7);\n}\n\n.nu-u-bg-blue8 {\n background-color: var(--blue8);\n}\n\n.nu-u-bg-indigo1 {\n background-color: var(--indigo1);\n}\n\n.nu-u-bg-indigo2 {\n background-color: var(--indigo2);\n}\n\n.nu-u-bg-indigo3 {\n background-color: var(--indigo3);\n}\n\n.nu-u-bg-indigo4 {\n background-color: var(--indigo4);\n}\n\n.nu-u-bg-indigo5 {\n background-color: var(--indigo5);\n}\n\n.nu-u-bg-indigo6 {\n background-color: var(--indigo6);\n}\n\n.nu-u-bg-indigo7 {\n background-color: var(--indigo7);\n}\n\n.nu-u-bg-indigo8 {\n background-color: var(--indigo8);\n}\n\n.nu-u-bg-purple1 {\n background-color: var(--purple1);\n}\n\n.nu-u-bg-purple2 {\n background-color: var(--purple2);\n}\n\n.nu-u-bg-purple3 {\n background-color: var(--purple3);\n}\n\n.nu-u-bg-purple4 {\n background-color: var(--purple4);\n}\n\n.nu-u-bg-purple5 {\n background-color: var(--purple5);\n}\n\n.nu-u-bg-purple6 {\n background-color: var(--purple6);\n}\n\n.nu-u-bg-purple7 {\n background-color: var(--purple7);\n}\n\n.nu-u-bg-purple8 {\n background-color: var(--purple8);\n}\n\n.nu-u-bg-pink1 {\n background-color: var(--pink1);\n}\n\n.nu-u-bg-pink2 {\n background-color: var(--pink2);\n}\n\n.nu-u-bg-pink3 {\n background-color: var(--pink3);\n}\n\n.nu-u-bg-pink4 {\n background-color: var(--pink4);\n}\n\n.nu-u-bg-pink5 {\n background-color: var(--pink5);\n}\n\n.nu-u-bg-pink6 {\n background-color: var(--pink6);\n}\n\n.nu-u-bg-pink7 {\n background-color: var(--pink7);\n}\n\n.nu-u-bg-pink8 {\n background-color: var(--pink8);\n}\n\n.nu-u-bg-brown1 {\n background-color: var(--brown1);\n}\n\n.nu-u-bg-brown2 {\n background-color: var(--brown2);\n}\n\n.nu-u-bg-brown3 {\n background-color: var(--brown3);\n}\n\n.nu-u-bg-brown4 {\n background-color: var(--brown4);\n}\n\n.nu-u-bg-brown5 {\n background-color: var(--brown5);\n}\n\n.nu-u-bg-brown6 {\n background-color: var(--brown6);\n}\n\n.nu-u-bg-brown7 {\n background-color: var(--brown7);\n}\n\n.nu-u-bg-brown8 {\n background-color: var(--brown8);\n}\n\n.nu-u-bg-grey1 {\n background-color: var(--grey1);\n}\n\n.nu-u-bg-grey2 {\n background-color: var(--grey2);\n}\n\n.nu-u-bg-grey3 {\n background-color: var(--grey3);\n}\n\n.nu-u-bg-grey4 {\n background-color: var(--grey4);\n}\n\n.nu-u-bg-grey5 {\n background-color: var(--grey5);\n}\n\n.nu-u-bg-grey6 {\n background-color: var(--grey6);\n}\n\n.nu-u-bg-grey7 {\n background-color: var(--grey7);\n}\n\n.nu-u-bg-grey8 {\n background-color: var(--grey8);\n}\n\n.nu-u-bg-grey9 {\n background-color: var(--grey9);\n}\n\n.nu-u-bg-grey10 {\n background-color: var(--grey10);\n}\n\n.nu-u-text-red1 {\n color: var(--red1);\n}\n\n.nu-u-text-red2 {\n color: var(--red2);\n}\n\n.nu-u-text-red3 {\n color: var(--red3);\n}\n\n.nu-u-text-red4 {\n color: var(--red4);\n}\n\n.nu-u-text-red5 {\n color: var(--red5);\n}\n\n.nu-u-text-red6 {\n color: var(--red6);\n}\n\n.nu-u-text-red7 {\n color: var(--red7);\n}\n\n.nu-u-text-red8 {\n color: var(--red8);\n}\n\n.nu-u-text-orange1 {\n color: var(--orange1);\n}\n\n.nu-u-text-orange2 {\n color: var(--orange2);\n}\n\n.nu-u-text-orange3 {\n color: var(--orange3);\n}\n\n.nu-u-text-orange4 {\n color: var(--orange4);\n}\n\n.nu-u-text-orange5 {\n color: var(--orange5);\n}\n\n.nu-u-text-orange6 {\n color: var(--orange6);\n}\n\n.nu-u-text-orange7 {\n color: var(--orange7);\n}\n\n.nu-u-text-orange8 {\n color: var(--orange8);\n}\n\n.nu-u-text-yellow1 {\n color: var(--yellow1);\n}\n\n.nu-u-text-yellow2 {\n color: var(--yellow2);\n}\n\n.nu-u-text-yellow3 {\n color: var(--yellow3);\n}\n\n.nu-u-text-yellow4 {\n color: var(--yellow4);\n}\n\n.nu-u-text-yellow5 {\n color: var(--yellow5);\n}\n\n.nu-u-text-yellow6 {\n color: var(--yellow6);\n}\n\n.nu-u-text-yellow7 {\n color: var(--yellow7);\n}\n\n.nu-u-text-yellow8 {\n color: var(--yellow8);\n}\n\n.nu-u-text-green1 {\n color: var(--green1);\n}\n\n.nu-u-text-green2 {\n color: var(--green2);\n}\n\n.nu-u-text-green3 {\n color: var(--green3);\n}\n\n.nu-u-text-green4 {\n color: var(--green4);\n}\n\n.nu-u-text-green5 {\n color: var(--green5);\n}\n\n.nu-u-text-green6 {\n color: var(--green6);\n}\n\n.nu-u-text-green7 {\n color: var(--green7);\n}\n\n.nu-u-text-green8 {\n color: var(--green8);\n}\n\n.nu-u-text-mint1 {\n color: var(--mint1);\n}\n\n.nu-u-text-mint2 {\n color: var(--mint2);\n}\n\n.nu-u-text-mint3 {\n color: var(--mint3);\n}\n\n.nu-u-text-mint4 {\n color: var(--mint4);\n}\n\n.nu-u-text-mint5 {\n color: var(--mint5);\n}\n\n.nu-u-text-mint6 {\n color: var(--mint6);\n}\n\n.nu-u-text-mint7 {\n color: var(--mint7);\n}\n\n.nu-u-text-mint8 {\n color: var(--mint8);\n}\n\n.nu-u-text-teal1 {\n color: var(--teal1);\n}\n\n.nu-u-text-teal2 {\n color: var(--teal2);\n}\n\n.nu-u-text-teal3 {\n color: var(--teal3);\n}\n\n.nu-u-text-teal4 {\n color: var(--teal4);\n}\n\n.nu-u-text-teal5 {\n color: var(--teal5);\n}\n\n.nu-u-text-teal6 {\n color: var(--teal6);\n}\n\n.nu-u-text-teal7 {\n color: var(--teal7);\n}\n\n.nu-u-text-teal8 {\n color: var(--teal8);\n}\n\n.nu-u-text-cyan1 {\n color: var(--cyan1);\n}\n\n.nu-u-text-cyan2 {\n color: var(--cyan2);\n}\n\n.nu-u-text-cyan3 {\n color: var(--cyan3);\n}\n\n.nu-u-text-cyan4 {\n color: var(--cyan4);\n}\n\n.nu-u-text-cyan5 {\n color: var(--cyan5);\n}\n\n.nu-u-text-cyan6 {\n color: var(--cyan6);\n}\n\n.nu-u-text-cyan7 {\n color: var(--cyan7);\n}\n\n.nu-u-text-cyan8 {\n color: var(--cyan8);\n}\n\n.nu-u-text-blue1 {\n color: var(--blue1);\n}\n\n.nu-u-text-blue2 {\n color: var(--blue2);\n}\n\n.nu-u-text-blue3 {\n color: var(--blue3);\n}\n\n.nu-u-text-blue4 {\n color: var(--blue4);\n}\n\n.nu-u-text-blue5 {\n color: var(--blue5);\n}\n\n.nu-u-text-blue6 {\n color: var(--blue6);\n}\n\n.nu-u-text-blue7 {\n color: var(--blue7);\n}\n\n.nu-u-text-blue8 {\n color: var(--blue8);\n}\n\n.nu-u-text-indigo1 {\n color: var(--indigo1);\n}\n\n.nu-u-text-indigo2 {\n color: var(--indigo2);\n}\n\n.nu-u-text-indigo3 {\n color: var(--indigo3);\n}\n\n.nu-u-text-indigo4 {\n color: var(--indigo4);\n}\n\n.nu-u-text-indigo5 {\n color: var(--indigo5);\n}\n\n.nu-u-text-indigo6 {\n color: var(--indigo6);\n}\n\n.nu-u-text-indigo7 {\n color: var(--indigo7);\n}\n\n.nu-u-text-indigo8 {\n color: var(--indigo8);\n}\n\n.nu-u-text-purple1 {\n color: var(--purple1);\n}\n\n.nu-u-text-purple2 {\n color: var(--purple2);\n}\n\n.nu-u-text-purple3 {\n color: var(--purple3);\n}\n\n.nu-u-text-purple4 {\n color: var(--purple4);\n}\n\n.nu-u-text-purple5 {\n color: var(--purple5);\n}\n\n.nu-u-text-purple6 {\n color: var(--purple6);\n}\n\n.nu-u-text-purple7 {\n color: var(--purple7);\n}\n\n.nu-u-text-purple8 {\n color: var(--purple8);\n}\n\n.nu-u-text-pink1 {\n color: var(--pink1);\n}\n\n.nu-u-text-pink2 {\n color: var(--pink2);\n}\n\n.nu-u-text-pink3 {\n color: var(--pink3);\n}\n\n.nu-u-text-pink4 {\n color: var(--pink4);\n}\n\n.nu-u-text-pink5 {\n color: var(--pink5);\n}\n\n.nu-u-text-pink6 {\n color: var(--pink6);\n}\n\n.nu-u-text-pink7 {\n color: var(--pink7);\n}\n\n.nu-u-text-pink8 {\n color: var(--pink8);\n}\n\n.nu-u-text-brown1 {\n color: var(--brown1);\n}\n\n.nu-u-text-brown2 {\n color: var(--brown2);\n}\n\n.nu-u-text-brown3 {\n color: var(--brown3);\n}\n\n.nu-u-text-brown4 {\n color: var(--brown4);\n}\n\n.nu-u-text-brown5 {\n color: var(--brown5);\n}\n\n.nu-u-text-brown6 {\n color: var(--brown6);\n}\n\n.nu-u-text-brown7 {\n color: var(--brown7);\n}\n\n.nu-u-text-brown8 {\n color: var(--brown8);\n}\n\n.nu-u-text-grey1 {\n color: var(--grey1);\n}\n\n.nu-u-text-grey2 {\n color: var(--grey2);\n}\n\n.nu-u-text-grey3 {\n color: var(--grey3);\n}\n\n.nu-u-text-grey4 {\n color: var(--grey4);\n}\n\n.nu-u-text-grey5 {\n color: var(--grey5);\n}\n\n.nu-u-text-grey6 {\n color: var(--grey6);\n}\n\n.nu-u-text-grey7 {\n color: var(--grey7);\n}\n\n.nu-u-text-grey8 {\n color: var(--grey8);\n}\n\n.nu-u-text-grey9 {\n color: var(--grey9);\n}\n\n.nu-u-text-grey10 {\n color: var(--grey10);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold1, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold1 {\n color: var(--cold1);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold2, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold2 {\n color: var(--cold2);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold3, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold3 {\n color: var(--cold3);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold4, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold4 {\n color: var(--cold4);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold5, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold5 {\n color: var(--cold5);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold6, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold6 {\n color: var(--cold6);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold7, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold7 {\n color: var(--cold7);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold8, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold8 {\n color: var(--cold8);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold9, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold9 {\n color: var(--cold9);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold10, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold10 {\n color: var(--cold10);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm1, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm1 {\n color: var(--warm1);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm2, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm2 {\n color: var(--warm2);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm3, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm3 {\n color: var(--warm3);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm4, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm4 {\n color: var(--warm4);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm5, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm5 {\n color: var(--warm5);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm6, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm6 {\n color: var(--warm6);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm7, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm7 {\n color: var(--warm7);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm8, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm8 {\n color: var(--warm8);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm9, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm9 {\n color: var(--warm9);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm10, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm10 {\n color: var(--warm10);\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-red {\n background-color: var(--background-red);\n}\n\n.nu-u-bg-orange {\n background-color: var(--background-orange);\n}\n\n.nu-u-bg-yellow {\n background-color: var(--background-yellow);\n}\n\n.nu-u-bg-green {\n background-color: var(--background-green);\n}\n\n.nu-u-bg-mint {\n background-color: var(--background-mint);\n}\n\n.nu-u-bg-teal {\n background-color: var(--background-teal);\n}\n\n.nu-u-bg-cyan {\n background-color: var(--background-cyan);\n}\n\n.nu-u-bg-blue {\n background-color: var(--background-blue);\n}\n\n.nu-u-bg-indigo {\n background-color: var(--background-indigo);\n}\n\n.nu-u-bg-purple {\n background-color: var(--background-blue);\n}\n\n.nu-u-bg-pink {\n background-color: var(--background-pink);\n}\n\n.nu-u-bg-brown {\n background-color: var(--background-brown);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n.nu-u-text--primary {\n color: var(--text-primary);\n}\n\n.nu-u-text--primary-alt {\n color: var(--text-primary-alt);\n}\n\n.nu-u-text--secondary {\n color: var(--text-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--text-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder, .nu-u-text--placeholder::webkit-input-placeholder, .nu-u-text--placeholder:ms-input-placeholder {\n color: var(--text-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--text-on-color);\n}\n\n.nu-u-text--error {\n color: var(--text-error);\n}\n\n.nu-u-text--success {\n color: var(--text-success);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n.nu-u-icon--primary {\n color: var(--icon-primary);\n}\n\n.nu-u-icon--secondary {\n color: var(--icon-secondary);\n}\n\n.nu-u-icon--disabled {\n color: var(--icon-disabled);\n}\n\n.nu-u-icon--on-color {\n color: var(--icon-on-color);\n}\n\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--active {\n color: var(--link-active);\n}\n\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-blue);\n}\n\n/*# sourceMappingURL=index.css.map */\n","@import 'theme-light';\n@import 'theme-light--warm';\n@import 'theme-light--cold';\n@import 'theme-dark';\n@import 'theme-dark--warm';\n@import 'theme-dark--cold';\n@import 'utilities';\n@import 'components';",":root, [data-new-ui-theme=\"light\"] {\n --red1: #FFF1F0;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF7EC;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFFBEC;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #F0FBF3;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #ECFBFA;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #F0F9FB;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #F0F9FD;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #ECF5FF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #F3F2FC;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F9F2FD;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFEFF2;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F8F6F3;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F4F4F4;\n --grey2: #E0E0E0;\n --grey3: #C6C6C6;\n --grey4: #A8A8A8;\n --grey5: #8D8D8D;\n --grey6: #6F6F6F;\n --grey7: #525252;\n --grey8: #393939;\n --grey9: #262626;\n --grey10: #161616;\n\n --black: #000000;\n --white: #ffffff;\n\n // Backgrounds\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-red: var(--red1);\n --background-orange: var(--orange1);\n --background-yellow: var(--yellow1);\n --background-green: var(--green1);\n --background-mint: var(--mint1);\n --background-teal: var(--teal1);\n --background-cyan: var(--cyan1);\n --background-blue: var(--blue1);\n --background-indigo: var(--indigo1);\n --background-purple: var(--purple1);\n --background-pink: var(--pink1);\n --background-brown: var(--brown1);\n\n // Borders\n --border-muted: var(--grey2);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n\n // Buttons\n --button-primary: var(--blue5);\n --button-primary-hover: var(--blue6);\n --button-primary-active: var(--blue7);\n --button-secondary: var(--grey8);\n --button-secondary-hover: var(--grey7);\n --button-secondary-active: var(--grey6);\n --button-danger: var(--red5);\n --button-danger-hover: var(--red6);\n --button-danger-active: var(--red7);\n --button-disabled: var(--grey4);\n\n // Icons\n --icon-primary: var(--grey9);\n --icon-secondary: var(--grey7);\n --icon-disabled: var(--grey4);\n --icon-on-color: var(--white);\n\n // Links\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n\n // Support\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n\n // Text\n --text-primary: var(--grey10);\n --text-primary-alt: var(--grey8);\n --text-secondary: var(--grey7);\n --text-secondary-alt: var(--grey5);\n --text-placeholder: var(--grey4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n}","[data-new-ui-theme=\"light--warm\"] {\n --red1: #FFF1F0;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF7EC;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFFBEC;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #F0FBF3;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #ECFBFA;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #F0F9FB;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #F0F9FD;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #ECF5FF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #F3F2FC;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F9F2FD;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFEFF2;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F8F6F3;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F7F3F2;\n --grey2: #E5E0DF;\n --grey3: #CAC5C4;\n --grey4: #ADA8A8;\n --grey5: #8F8B8B;\n --grey6: #726E6E;\n --grey7: #565151;\n --grey8: #3C3838;\n --grey9: #272525;\n --grey10: #171414;\n\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n\n --black: #000000;\n --white: #ffffff;\n\n // Backgrounds\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-red: var(--red1);\n --background-orange: var(--orange1);\n --background-yellow: var(--yellow1);\n --background-green: var(--green1);\n --background-mint: var(--mint1);\n --background-teal: var(--teal1);\n --background-cyan: var(--cyan1);\n --background-blue: var(--blue1);\n --background-indigo: var(--indigo1);\n --background-purple: var(--purple1);\n --background-pink: var(--pink1);\n --background-brown: var(--brown1);\n\n // Borders\n --border-muted: var(--warm2);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n\n // Buttons\n --button-primary: var(--blue5);\n --button-primary-hover: var(--blue6);\n --button-primary-active: var(--blue7);\n --button-secondary: var(--warm8);\n --button-secondary-hover: var(--warm7);\n --button-secondary-active: var(--warm6);\n --button-danger: var(--red5);\n --button-danger-hover: var(--red6);\n --button-danger-active: var(--red7);\n --button-disabled: var(--warm4);\n\n // Icons\n --icon-primary: var(--warm9);\n --icon-secondary: var(--warm7);\n --icon-disabled: var(--warm4);\n --icon-on-color: var(--white);\n\n // Links\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n\n // Support\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n\n // Text\n --text-primary: var(--warm10);\n --text-primary-alt: var(--warm8);\n --text-secondary: var(--warm7);\n --text-secondary-alt: var(--warm5);\n --text-placeholder: var(--warm4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n}","[data-new-ui-theme=\"light--cold\"] {\n --red1: #FFF1F0;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF7EC;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFFBEC;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #F0FBF3;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #ECFBFA;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #F0F9FB;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #F0F9FD;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #ECF5FF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #F3F2FC;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F9F2FD;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFEFF2;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F8F6F3;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F2F4F8;\n --grey2: #DDE1E6;\n --grey3: #C1C7CD;\n --grey4: #A2A9B0;\n --grey5: #878D96;\n --grey6: #697077;\n --grey7: #4D5358;\n --grey8: #343A3F;\n --grey9: #21272A;\n --grey10: #121619;\n\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n\n --black: #000000;\n --white: #ffffff;\n\n // Backgrounds\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-red: var(--red1);\n --background-orange: var(--orange1);\n --background-yellow: var(--yellow1);\n --background-green: var(--green1);\n --background-mint: var(--mint1);\n --background-teal: var(--teal1);\n --background-cyan: var(--cyan1);\n --background-blue: var(--blue1);\n --background-indigo: var(--indigo1);\n --background-purple: var(--purple1);\n --background-pink: var(--pink1);\n --background-brown: var(--brown1);\n\n // Borders\n --border-muted: var(--cold2);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n\n // Buttons\n --button-primary: var(--blue5);\n --button-primary-hover: var(--blue6);\n --button-primary-active: var(--blue7);\n --button-secondary: var(--cold8);\n --button-secondary-hover: var(--cold7);\n --button-secondary-active: var(--cold6);\n --button-danger: var(--red5);\n --button-danger-hover: var(--red6);\n --button-danger-active: var(--red7);\n --button-disabled: var(--cold4);\n\n // Icons\n --icon-primary: var(--cold9);\n --icon-secondary: var(--cold7);\n --icon-disabled: var(--cold4);\n --icon-on-color: var(--white);\n\n // Links\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n\n // Support\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n\n // Text\n --text-primary: var(--cold10);\n --text-primary-alt: var(--cold8);\n --text-secondary: var(--cold7);\n --text-secondary-alt: var(--cold5);\n --text-placeholder: var(--cold4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n}",":root,\n[data-new-ui-theme=\"light\"] {\n --red1: #FFF1F0;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF7EC;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFFBEC;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #F0FBF3;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #ECFBFA;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #F0F9FB;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #F0F9FD;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #ECF5FF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #F3F2FC;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F9F2FD;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFEFF2;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F8F6F3;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F4F4F4;\n --grey2: #E0E0E0;\n --grey3: #C6C6C6;\n --grey4: #A8A8A8;\n --grey5: #8D8D8D;\n --grey6: #6F6F6F;\n --grey7: #525252;\n --grey8: #393939;\n --grey9: #262626;\n --grey10: #161616;\n\n --black: #000000;\n --white: #ffffff;\n\n // Backgrounds\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-red: var(--red8);\n --background-orange: var(--orange8);\n --background-yellow: var(--yellow8);\n --background-green: var(--green8);\n --background-mint: var(--mint8);\n --background-teal: var(--teal8);\n --background-cyan: var(--cyan8);\n --background-blue: var(--blue8);\n --background-indigo: var(--indigo8);\n --background-purple: var(--purple8);\n --background-pink: var(--pink8);\n --background-brown: var(--brown8);\n\n // Borders\n --border-muted: var(--grey9);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--white);\n --border-focus: var(--blue4);\n\n // Buttons\n --button-primary: var(--blue4);\n --button-primary-hover: var(--blue3);\n --button-primary-active: var(--blue3);\n --button-secondary: var(--grey1);\n --button-secondary-hover: var(--grey2);\n --button-secondary-active: var(--grey3);\n --button-danger: var(--red4);\n --button-danger-hover: var(--red3);\n --button-danger-active: var(--red3);\n --button-disabled: var(--grey9);\n\n // Icons\n --icon-primary: var(--grey2);\n --icon-secondary: var(--grey4);\n --icon-disabled: var(--grey8);\n --icon-on-color: var(--white);\n\n // Links\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n\n // Support\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n\n // Text\n --text-primary: var(--grey1);\n --text-primary-alt: var(--grey3);\n --text-secondary: var(--grey5);\n --text-secondary-alt: var(--grey6);\n --text-placeholder: var(--grey7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n}","[data-new-ui-theme=\"light--warm\"] {\n --red1: #FFF1F0;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF7EC;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFFBEC;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #F0FBF3;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #ECFBFA;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #F0F9FB;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #F0F9FD;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #ECF5FF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #F3F2FC;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F9F2FD;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFEFF2;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F8F6F3;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F7F3F2;\n --grey2: #E5E0DF;\n --grey3: #CAC5C4;\n --grey4: #ADA8A8;\n --grey5: #8F8B8B;\n --grey6: #726E6E;\n --grey7: #565151;\n --grey8: #3C3838;\n --grey9: #272525;\n --grey10: #171414;\n\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n\n --black: #000000;\n --white: #ffffff;\n\n // Backgrounds\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm9);\n --background-selected-hover: var(--warm7);\n --background-red: var(--red8);\n --background-orange: var(--orange8);\n --background-yellow: var(--yellow8);\n --background-green: var(--green8);\n --background-mint: var(--mint8);\n --background-teal: var(--teal8);\n --background-cyan: var(--cyan8);\n --background-blue: var(--blue8);\n --background-indigo: var(--indigo8);\n --background-purple: var(--purple8);\n --background-pink: var(--pink8);\n --background-brown: var(--brown8);\n\n // Borders\n --border-muted: var(--warm9);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--white);\n --border-focus: var(--blue4);\n\n // Buttons\n --button-primary: var(--blue4);\n --button-primary-hover: var(--blue3);\n --button-primary-active: var(--blue3);\n --button-secondary: var(--warm1);\n --button-secondary-hover: var(--warm2);\n --button-secondary-active: var(--warm3);\n --button-danger: var(--red4);\n --button-danger-hover: var(--red3);\n --button-danger-active: var(--red3);\n --button-disabled: var(--warm9);\n\n // Icons\n --icon-primary: var(--warm2);\n --icon-secondary: var(--warm4);\n --icon-disabled: var(--warm8);\n --icon-on-color: var(--white);\n\n // Links\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n\n // Support\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n\n // Text\n --text-primary: var(--warm1);\n --text-primary-alt: var(--warm3);\n --text-secondary: var(--warm5);\n --text-secondary-alt: var(--warm6);\n --text-placeholder: var(--warm7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n}","[data-new-ui-theme=\"light--cold\"] {\n --red1: #FFF1F0;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF7EC;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFFBEC;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #F0FBF3;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #ECFBFA;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #F0F9FB;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #F0F9FD;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #ECF5FF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #F3F2FC;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F9F2FD;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFEFF2;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F8F6F3;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F2F4F8;\n --grey2: #DDE1E6;\n --grey3: #C1C7CD;\n --grey4: #A2A9B0;\n --grey5: #878D96;\n --grey6: #697077;\n --grey7: #4D5358;\n --grey8: #343A3F;\n --grey9: #21272A;\n --grey10: #121619;\n\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n\n --black: #000000;\n --white: #ffffff;\n\n // Backgrounds\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-red: var(--red8);\n --background-orange: var(--orange8);\n --background-yellow: var(--yellow8);\n --background-green: var(--green8);\n --background-mint: var(--mint8);\n --background-teal: var(--teal8);\n --background-cyan: var(--cyan8);\n --background-blue: var(--blue8);\n --background-indigo: var(--indigo8);\n --background-purple: var(--purple8);\n --background-pink: var(--pink8);\n --background-brown: var(--brown8);\n\n // Borders\n --border-muted: var(--cold9);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--white);\n --border-focus: var(--blue4);\n\n // Buttons\n --button-primary: var(--blue4);\n --button-primary-hover: var(--blue3);\n --button-primary-active: var(--blue3);\n --button-secondary: var(--cold1);\n --button-secondary-hover: var(--cold2);\n --button-secondary-active: var(--cold3);\n --button-danger: var(--red4);\n --button-danger-hover: var(--red3);\n --button-danger-active: var(--red3);\n --button-disabled: var(--cold9);\n\n // Icons\n --icon-primary: var(--cold2);\n --icon-secondary: var(--cold4);\n --icon-disabled: var(--cold8);\n --icon-on-color: var(--white);\n\n // Links\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n\n // Support\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n\n // Text\n --text-primary: var(--cold1);\n --text-primary-alt: var(--cold3);\n --text-secondary: var(--cold5);\n --text-secondary-alt: var(--cold6);\n --text-placeholder: var(--cold7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n}","\n.nu-u-bg-red1 {background-color: var(--red1);}\n.nu-u-bg-red2 {background-color: var(--red2);}\n.nu-u-bg-red3 {background-color: var(--red3);}\n.nu-u-bg-red4 {background-color: var(--red4);}\n.nu-u-bg-red5 {background-color: var(--red5);}\n.nu-u-bg-red6 {background-color: var(--red6);}\n.nu-u-bg-red7 {background-color: var(--red7);}\n.nu-u-bg-red8 {background-color: var(--red8);}\n\n.nu-u-bg-orange1 {background-color: var(--orange1);}\n.nu-u-bg-orange2 {background-color: var(--orange2);}\n.nu-u-bg-orange3 {background-color: var(--orange3);}\n.nu-u-bg-orange4 {background-color: var(--orange4);}\n.nu-u-bg-orange5 {background-color: var(--orange5);}\n.nu-u-bg-orange6 {background-color: var(--orange6);}\n.nu-u-bg-orange7 {background-color: var(--orange7);}\n.nu-u-bg-orange8 {background-color: var(--orange8);}\n\n.nu-u-bg-yellow1 {background-color: var(--yellow1);}\n.nu-u-bg-yellow2 {background-color: var(--yellow2);}\n.nu-u-bg-yellow3 {background-color: var(--yellow3);}\n.nu-u-bg-yellow4 {background-color: var(--yellow4);}\n.nu-u-bg-yellow5 {background-color: var(--yellow5);}\n.nu-u-bg-yellow6 {background-color: var(--yellow6);}\n.nu-u-bg-yellow7 {background-color: var(--yellow7);}\n.nu-u-bg-yellow8 {background-color: var(--yellow8);}\n\n.nu-u-bg-green1 {background-color: var(--green1);}\n.nu-u-bg-green2 {background-color: var(--green2);}\n.nu-u-bg-green3 {background-color: var(--green3);}\n.nu-u-bg-green4 {background-color: var(--green4);}\n.nu-u-bg-green5 {background-color: var(--green5);}\n.nu-u-bg-green6 {background-color: var(--green6);}\n.nu-u-bg-green7 {background-color: var(--green7);}\n.nu-u-bg-green8 {background-color: var(--green8);}\n\n.nu-u-bg-mint1 {background-color: var(--mint1);}\n.nu-u-bg-mint2 {background-color: var(--mint2);}\n.nu-u-bg-mint3 {background-color: var(--mint3);}\n.nu-u-bg-mint4 {background-color: var(--mint4);}\n.nu-u-bg-mint5 {background-color: var(--mint5);}\n.nu-u-bg-mint6 {background-color: var(--mint6);}\n.nu-u-bg-mint7 {background-color: var(--mint7);}\n.nu-u-bg-mint8 {background-color: var(--mint8);}\n\n.nu-u-bg-teal1 {background-color: var(--teal1);}\n.nu-u-bg-teal2 {background-color: var(--teal2);}\n.nu-u-bg-teal3 {background-color: var(--teal3);}\n.nu-u-bg-teal4 {background-color: var(--teal4);}\n.nu-u-bg-teal5 {background-color: var(--teal5);}\n.nu-u-bg-teal6 {background-color: var(--teal6);}\n.nu-u-bg-teal7 {background-color: var(--teal7);}\n.nu-u-bg-teal8 {background-color: var(--teal8);}\n\n.nu-u-bg-cyan1 {background-color: var(--cyan1);}\n.nu-u-bg-cyan2 {background-color: var(--cyan2);}\n.nu-u-bg-cyan3 {background-color: var(--cyan3);}\n.nu-u-bg-cyan4 {background-color: var(--cyan4);}\n.nu-u-bg-cyan5 {background-color: var(--cyan5);}\n.nu-u-bg-cyan6 {background-color: var(--cyan6);}\n.nu-u-bg-cyan7 {background-color: var(--cyan7);}\n.nu-u-bg-cyan8 {background-color: var(--cyan8);}\n\n.nu-u-bg-blue1 {background-color: var(--blue1);}\n.nu-u-bg-blue2 {background-color: var(--blue2);}\n.nu-u-bg-blue3 {background-color: var(--blue3);}\n.nu-u-bg-blue4 {background-color: var(--blue4);}\n.nu-u-bg-blue5 {background-color: var(--blue5);}\n.nu-u-bg-blue6 {background-color: var(--blue6);}\n.nu-u-bg-blue7 {background-color: var(--blue7);}\n.nu-u-bg-blue8 {background-color: var(--blue8);}\n\n.nu-u-bg-indigo1 {background-color: var(--indigo1);}\n.nu-u-bg-indigo2 {background-color: var(--indigo2);}\n.nu-u-bg-indigo3 {background-color: var(--indigo3);}\n.nu-u-bg-indigo4 {background-color: var(--indigo4);}\n.nu-u-bg-indigo5 {background-color: var(--indigo5);}\n.nu-u-bg-indigo6 {background-color: var(--indigo6);}\n.nu-u-bg-indigo7 {background-color: var(--indigo7);}\n.nu-u-bg-indigo8 {background-color: var(--indigo8);}\n\n.nu-u-bg-purple1 {background-color: var(--purple1);}\n.nu-u-bg-purple2 {background-color: var(--purple2);}\n.nu-u-bg-purple3 {background-color: var(--purple3);}\n.nu-u-bg-purple4 {background-color: var(--purple4);}\n.nu-u-bg-purple5 {background-color: var(--purple5);}\n.nu-u-bg-purple6 {background-color: var(--purple6);}\n.nu-u-bg-purple7 {background-color: var(--purple7);}\n.nu-u-bg-purple8 {background-color: var(--purple8);}\n\n.nu-u-bg-pink1 {background-color: var(--pink1);}\n.nu-u-bg-pink2 {background-color: var(--pink2);}\n.nu-u-bg-pink3 {background-color: var(--pink3);}\n.nu-u-bg-pink4 {background-color: var(--pink4);}\n.nu-u-bg-pink5 {background-color: var(--pink5);}\n.nu-u-bg-pink6 {background-color: var(--pink6);}\n.nu-u-bg-pink7 {background-color: var(--pink7);}\n.nu-u-bg-pink8 {background-color: var(--pink8);}\n\n.nu-u-bg-brown1 {background-color: var(--brown1);}\n.nu-u-bg-brown2 {background-color: var(--brown2);}\n.nu-u-bg-brown3 {background-color: var(--brown3);}\n.nu-u-bg-brown4 {background-color: var(--brown4);}\n.nu-u-bg-brown5 {background-color: var(--brown5);}\n.nu-u-bg-brown6 {background-color: var(--brown6);}\n.nu-u-bg-brown7 {background-color: var(--brown7);}\n.nu-u-bg-brown8 {background-color: var(--brown8);}\n\n.nu-u-bg-grey1 {background-color: var(--grey1);}\n.nu-u-bg-grey2 {background-color: var(--grey2);}\n.nu-u-bg-grey3 {background-color: var(--grey3);}\n.nu-u-bg-grey4 {background-color: var(--grey4);}\n.nu-u-bg-grey5 {background-color: var(--grey5);}\n.nu-u-bg-grey6 {background-color: var(--grey6);}\n.nu-u-bg-grey7 {background-color: var(--grey7);}\n.nu-u-bg-grey8 {background-color: var(--grey8);}\n.nu-u-bg-grey9 {background-color: var(--grey9);}\n.nu-u-bg-grey10 {background-color: var(--grey10);}\n\n.nu-u-text-red1 {color: var(--red1);}\n.nu-u-text-red2 {color: var(--red2);}\n.nu-u-text-red3 {color: var(--red3);}\n.nu-u-text-red4 {color: var(--red4);}\n.nu-u-text-red5 {color: var(--red5);}\n.nu-u-text-red6 {color: var(--red6);}\n.nu-u-text-red7 {color: var(--red7);}\n.nu-u-text-red8 {color: var(--red8);}\n\n.nu-u-text-orange1 {color: var(--orange1);}\n.nu-u-text-orange2 {color: var(--orange2);}\n.nu-u-text-orange3 {color: var(--orange3);}\n.nu-u-text-orange4 {color: var(--orange4);}\n.nu-u-text-orange5 {color: var(--orange5);}\n.nu-u-text-orange6 {color: var(--orange6);}\n.nu-u-text-orange7 {color: var(--orange7);}\n.nu-u-text-orange8 {color: var(--orange8);}\n\n.nu-u-text-yellow1 {color: var(--yellow1);}\n.nu-u-text-yellow2 {color: var(--yellow2);}\n.nu-u-text-yellow3 {color: var(--yellow3);}\n.nu-u-text-yellow4 {color: var(--yellow4);}\n.nu-u-text-yellow5 {color: var(--yellow5);}\n.nu-u-text-yellow6 {color: var(--yellow6);}\n.nu-u-text-yellow7 {color: var(--yellow7);}\n.nu-u-text-yellow8 {color: var(--yellow8);}\n\n.nu-u-text-green1 {color: var(--green1);}\n.nu-u-text-green2 {color: var(--green2);}\n.nu-u-text-green3 {color: var(--green3);}\n.nu-u-text-green4 {color: var(--green4);}\n.nu-u-text-green5 {color: var(--green5);}\n.nu-u-text-green6 {color: var(--green6);}\n.nu-u-text-green7 {color: var(--green7);}\n.nu-u-text-green8 {color: var(--green8);}\n\n.nu-u-text-mint1 {color: var(--mint1);}\n.nu-u-text-mint2 {color: var(--mint2);}\n.nu-u-text-mint3 {color: var(--mint3);}\n.nu-u-text-mint4 {color: var(--mint4);}\n.nu-u-text-mint5 {color: var(--mint5);}\n.nu-u-text-mint6 {color: var(--mint6);}\n.nu-u-text-mint7 {color: var(--mint7);}\n.nu-u-text-mint8 {color: var(--mint8);}\n\n.nu-u-text-teal1 {color: var(--teal1);}\n.nu-u-text-teal2 {color: var(--teal2);}\n.nu-u-text-teal3 {color: var(--teal3);}\n.nu-u-text-teal4 {color: var(--teal4);}\n.nu-u-text-teal5 {color: var(--teal5);}\n.nu-u-text-teal6 {color: var(--teal6);}\n.nu-u-text-teal7 {color: var(--teal7);}\n.nu-u-text-teal8 {color: var(--teal8);}\n\n.nu-u-text-cyan1 {color: var(--cyan1);}\n.nu-u-text-cyan2 {color: var(--cyan2);}\n.nu-u-text-cyan3 {color: var(--cyan3);}\n.nu-u-text-cyan4 {color: var(--cyan4);}\n.nu-u-text-cyan5 {color: var(--cyan5);}\n.nu-u-text-cyan6 {color: var(--cyan6);}\n.nu-u-text-cyan7 {color: var(--cyan7);}\n.nu-u-text-cyan8 {color: var(--cyan8);}\n\n.nu-u-text-blue1 {color: var(--blue1);}\n.nu-u-text-blue2 {color: var(--blue2);}\n.nu-u-text-blue3 {color: var(--blue3);}\n.nu-u-text-blue4 {color: var(--blue4);}\n.nu-u-text-blue5 {color: var(--blue5);}\n.nu-u-text-blue6 {color: var(--blue6);}\n.nu-u-text-blue7 {color: var(--blue7);}\n.nu-u-text-blue8 {color: var(--blue8);}\n\n.nu-u-text-indigo1 {color: var(--indigo1);}\n.nu-u-text-indigo2 {color: var(--indigo2);}\n.nu-u-text-indigo3 {color: var(--indigo3);}\n.nu-u-text-indigo4 {color: var(--indigo4);}\n.nu-u-text-indigo5 {color: var(--indigo5);}\n.nu-u-text-indigo6 {color: var(--indigo6);}\n.nu-u-text-indigo7 {color: var(--indigo7);}\n.nu-u-text-indigo8 {color: var(--indigo8);}\n\n.nu-u-text-purple1 {color: var(--purple1);}\n.nu-u-text-purple2 {color: var(--purple2);}\n.nu-u-text-purple3 {color: var(--purple3);}\n.nu-u-text-purple4 {color: var(--purple4);}\n.nu-u-text-purple5 {color: var(--purple5);}\n.nu-u-text-purple6 {color: var(--purple6);}\n.nu-u-text-purple7 {color: var(--purple7);}\n.nu-u-text-purple8 {color: var(--purple8);}\n\n.nu-u-text-pink1 {color: var(--pink1);}\n.nu-u-text-pink2 {color: var(--pink2);}\n.nu-u-text-pink3 {color: var(--pink3);}\n.nu-u-text-pink4 {color: var(--pink4);}\n.nu-u-text-pink5 {color: var(--pink5);}\n.nu-u-text-pink6 {color: var(--pink6);}\n.nu-u-text-pink7 {color: var(--pink7);}\n.nu-u-text-pink8 {color: var(--pink8);}\n\n.nu-u-text-brown1 {color: var(--brown1);}\n.nu-u-text-brown2 {color: var(--brown2);}\n.nu-u-text-brown3 {color: var(--brown3);}\n.nu-u-text-brown4 {color: var(--brown4);}\n.nu-u-text-brown5 {color: var(--brown5);}\n.nu-u-text-brown6 {color: var(--brown6);}\n.nu-u-text-brown7 {color: var(--brown7);}\n.nu-u-text-brown8 {color: var(--brown8);}\n\n.nu-u-text-grey1 {color: var(--grey1);}\n.nu-u-text-grey2 {color: var(--grey2);}\n.nu-u-text-grey3 {color: var(--grey3);}\n.nu-u-text-grey4 {color: var(--grey4);}\n.nu-u-text-grey5 {color: var(--grey5);}\n.nu-u-text-grey6 {color: var(--grey6);}\n.nu-u-text-grey7 {color: var(--grey7);}\n.nu-u-text-grey8 {color: var(--grey8);}\n.nu-u-text-grey9 {color: var(--grey9);}\n.nu-u-text-grey10 {color: var(--grey10);}\n\n[data-new-ui-theme=\"light--cold\"], [data-new-ui-theme=\"dark--cold\"] {\n .nu-u-text-cold1 {color: var(--cold1);}\n .nu-u-text-cold2 {color: var(--cold2);}\n .nu-u-text-cold3 {color: var(--cold3);}\n .nu-u-text-cold4 {color: var(--cold4);}\n .nu-u-text-cold5 {color: var(--cold5);}\n .nu-u-text-cold6 {color: var(--cold6);}\n .nu-u-text-cold7 {color: var(--cold7);}\n .nu-u-text-cold8 {color: var(--cold8);}\n .nu-u-text-cold9 {color: var(--cold9);}\n .nu-u-text-cold10 {color: var(--cold10);}\n}\n\n[data-new-ui-theme=\"light--warm\"], [data-new-ui-theme=\"dark--warm\"] {\n .nu-u-text-warm1 {color: var(--warm1);}\n .nu-u-text-warm2 {color: var(--warm2);}\n .nu-u-text-warm3 {color: var(--warm3);}\n .nu-u-text-warm4 {color: var(--warm4);}\n .nu-u-text-warm5 {color: var(--warm5);}\n .nu-u-text-warm6 {color: var(--warm6);}\n .nu-u-text-warm7 {color: var(--warm7);}\n .nu-u-text-warm8 {color: var(--warm8);}\n .nu-u-text-warm9 {color: var(--warm9);}\n .nu-u-text-warm10 {color: var(--warm10);}\n}\n\n.nu-u-bg {background-color: var(--background);}\n.nu-u-bg-secondary {background-color: var(--background-secondary);}\n.nu-u-bg-hover {background-color: var(--background-hover);}\n.nu-u-bg-selected {background-color: var(--background-selected);}\n.nu-u-bg-selected-hover {background-color: var(--background-selected-hover);}\n.nu-u-bg-red {background-color: var(--background-red);}\n.nu-u-bg-orange {background-color: var(--background-orange);}\n.nu-u-bg-yellow {background-color: var(--background-yellow);}\n.nu-u-bg-green {background-color: var(--background-green);}\n.nu-u-bg-mint {background-color: var(--background-mint);}\n.nu-u-bg-teal {background-color: var(--background-teal);}\n.nu-u-bg-cyan {background-color: var(--background-cyan);}\n.nu-u-bg-blue {background-color: var(--background-blue);}\n.nu-u-bg-indigo {background-color: var(--background-indigo);}\n.nu-u-bg-purple {background-color: var(--background-blue);}\n.nu-u-bg-pink {background-color: var(--background-pink);}\n.nu-u-bg-brown {background-color: var(--background-brown);}\n\n.nu-u-bg-black {background-color: var(--black);}\n.nu-u-bg-white {background-color: var(--white);}\n\n/* Border */\n.nu-u-b--muted {border-color: var(--border-muted);}\n.nu-u-b {border-color: var(--border);}\n.nu-u-b--strong {border-color: var(--border-strong);}\n.nu-u-b--inked {border-color: var(--border-inked);}\n.nu-u-b--inverse {border-color: var(--border-inverse);}\n.nu-u-b--focus {border-color: var(--border-focus);}\n\n/* Text */\n.nu-u-text--primary {color: var(--text-primary);}\n.nu-u-text--primary-alt {color: var(--text-primary-alt);}\n.nu-u-text--secondary {color: var(--text-secondary);}\n.nu-u-text--secondary-alt {color: var(--text-secondary-alt);}\n.nu-u-text--placeholder::placeholder, \n.nu-u-text--placeholder::webkit-input-placeholder,\n.nu-u-text--placeholder:ms-input-placeholder {color: var(--text-placeholder);}\n.nu-u-text--on-color {color: var(--text-on-color);}\n.nu-u-text--error {color: var(--text-error);}\n.nu-u-text--success {color: var(--text-success);}\n\n.nu-u-text-black {color: var(--black);}\n.nu-u-text-white {color: var(--white);}\n\n/* Icons */\n.nu-u-icon--primary {color: var(--icon-primary);}\n.nu-u-icon--secondary {color: var(--icon-secondary);}\n.nu-u-icon--disabled {color: var(--icon-disabled);}\n.nu-u-icon--on-color {color: var(--icon-on-color);}\n\n/* Links */\n.nu-u-link {color: var(--link);}\n.nu-u-link--hover {color: var(--link-hover);}\n.nu-u-link--subtle {color: var(--link-subtle);}\n.nu-u-link--active {color: var(--link-active);}\n\n/* Support */\n.nu-u-support--error {color: var(--support-error);}\n.nu-u-support--warning {color: var(--support-warning);}\n.nu-u-support--success {color: var(--support-success);}\n.nu-u-support--info {color: var(--support-blue);}"],"names":[],"version":3,"file":"index.css.map"}
|
|
1
|
+
{"mappings":"AEAA,84GCAA,kmHCAA,kmHCAA,64GCAA,gmHCAA,gmHCCA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,+CAEA,kCACA,kCACA,kCACA,kCACA,kCACA,kCACA,kCACA,kCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCAGE,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,uHAIA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,uHAGF,4CACA,gEACA,wDACA,8DACA,0EACA,oDACA,0DACA,0DACA,wDACA,sDACA,sDACA,sDACA,sDACA,0DACA,wDACA,sDACA,wDAEA,6CACA,6CAGA,gDACA,mCACA,kDACA,gDACA,oDACA,gDAGA,8CACA,sDACA,kDACA,0DACA,kKAGA,gDACA,0CACA,8CAEA,oCACA,oCAGA,8CACA,kDACA,gDACA,gDAGA,6BACA,0CACA,4CACA,4CAGA,gDACA,oDACA,oDACA","sources":["index.css","src/index.scss","src/_theme-light.scss","src/_theme-light--warm.scss","src/_theme-light--cold.scss","src/_theme-dark.scss","src/_theme-dark--warm.scss","src/_theme-dark--cold.scss","src/_utilities.scss"],"sourcesContent":[":root, [data-new-ui-theme=\"light\"] {\n --red1: #fff1f0;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff7ec;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fffbec;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #f0fbf3;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #ecfbfa;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #f0f9fb;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #f0f9fd;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #ecf5ff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #f3f2fc;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f9f2fd;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffeff2;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f8f6f3;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f4f4f4;\n --grey2: #e0e0e0;\n --grey3: #c6c6c6;\n --grey4: #a8a8a8;\n --grey5: #8d8d8d;\n --grey6: #6f6f6f;\n --grey7: #525252;\n --grey8: #393939;\n --grey9: #262626;\n --grey10: #161616;\n --black: #000;\n --white: #fff;\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-red: var(--red1);\n --background-orange: var(--orange1);\n --background-yellow: var(--yellow1);\n --background-green: var(--green1);\n --background-mint: var(--mint1);\n --background-teal: var(--teal1);\n --background-cyan: var(--cyan1);\n --background-blue: var(--blue1);\n --background-indigo: var(--indigo1);\n --background-purple: var(--purple1);\n --background-pink: var(--pink1);\n --background-brown: var(--brown1);\n --border-muted: var(--grey2);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button-primary: var(--blue5);\n --button-primary-hover: var(--blue6);\n --button-primary-active: var(--blue7);\n --button-secondary: var(--grey8);\n --button-secondary-hover: var(--grey7);\n --button-secondary-active: var(--grey6);\n --button-danger: var(--red5);\n --button-danger-hover: var(--red6);\n --button-danger-active: var(--red7);\n --button-disabled: var(--grey4);\n --icon-primary: var(--grey9);\n --icon-secondary: var(--grey7);\n --icon-disabled: var(--grey4);\n --icon-on-color: var(--white);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --text-primary: var(--grey10);\n --text-primary-alt: var(--grey8);\n --text-secondary: var(--grey7);\n --text-secondary-alt: var(--grey5);\n --text-placeholder: var(--grey4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: #fff1f0;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff7ec;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fffbec;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #f0fbf3;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #ecfbfa;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #f0f9fb;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #f0f9fd;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #ecf5ff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #f3f2fc;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f9f2fd;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffeff2;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f8f6f3;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f7f3f2;\n --grey2: #e5e0df;\n --grey3: #cac5c4;\n --grey4: #ada8a8;\n --grey5: #8f8b8b;\n --grey6: #726e6e;\n --grey7: #565151;\n --grey8: #3c3838;\n --grey9: #272525;\n --grey10: #171414;\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --black: #000;\n --white: #fff;\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-red: var(--red1);\n --background-orange: var(--orange1);\n --background-yellow: var(--yellow1);\n --background-green: var(--green1);\n --background-mint: var(--mint1);\n --background-teal: var(--teal1);\n --background-cyan: var(--cyan1);\n --background-blue: var(--blue1);\n --background-indigo: var(--indigo1);\n --background-purple: var(--purple1);\n --background-pink: var(--pink1);\n --background-brown: var(--brown1);\n --border-muted: var(--warm2);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button-primary: var(--blue5);\n --button-primary-hover: var(--blue6);\n --button-primary-active: var(--blue7);\n --button-secondary: var(--warm8);\n --button-secondary-hover: var(--warm7);\n --button-secondary-active: var(--warm6);\n --button-danger: var(--red5);\n --button-danger-hover: var(--red6);\n --button-danger-active: var(--red7);\n --button-disabled: var(--warm4);\n --icon-primary: var(--warm9);\n --icon-secondary: var(--warm7);\n --icon-disabled: var(--warm4);\n --icon-on-color: var(--white);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --text-primary: var(--warm10);\n --text-primary-alt: var(--warm8);\n --text-secondary: var(--warm7);\n --text-secondary-alt: var(--warm5);\n --text-placeholder: var(--warm4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: #fff1f0;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff7ec;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fffbec;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #f0fbf3;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #ecfbfa;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #f0f9fb;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #f0f9fd;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #ecf5ff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #f3f2fc;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f9f2fd;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffeff2;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f8f6f3;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f2f4f8;\n --grey2: #dde1e6;\n --grey3: #c1c7cd;\n --grey4: #a2a9b0;\n --grey5: #878d96;\n --grey6: #697077;\n --grey7: #4d5358;\n --grey8: #343a3f;\n --grey9: #21272a;\n --grey10: #121619;\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --black: #000;\n --white: #fff;\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-red: var(--red1);\n --background-orange: var(--orange1);\n --background-yellow: var(--yellow1);\n --background-green: var(--green1);\n --background-mint: var(--mint1);\n --background-teal: var(--teal1);\n --background-cyan: var(--cyan1);\n --background-blue: var(--blue1);\n --background-indigo: var(--indigo1);\n --background-purple: var(--purple1);\n --background-pink: var(--pink1);\n --background-brown: var(--brown1);\n --border-muted: var(--cold2);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button-primary: var(--blue5);\n --button-primary-hover: var(--blue6);\n --button-primary-active: var(--blue7);\n --button-secondary: var(--cold8);\n --button-secondary-hover: var(--cold7);\n --button-secondary-active: var(--cold6);\n --button-danger: var(--red5);\n --button-danger-hover: var(--red6);\n --button-danger-active: var(--red7);\n --button-disabled: var(--cold4);\n --icon-primary: var(--cold9);\n --icon-secondary: var(--cold7);\n --icon-disabled: var(--cold4);\n --icon-on-color: var(--white);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --text-primary: var(--cold10);\n --text-primary-alt: var(--cold8);\n --text-secondary: var(--cold7);\n --text-secondary-alt: var(--cold5);\n --text-placeholder: var(--cold4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n}\n\n:root, [data-new-ui-theme=\"light\"] {\n --red1: #fff1f0;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff7ec;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fffbec;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #f0fbf3;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #ecfbfa;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #f0f9fb;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #f0f9fd;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #ecf5ff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #f3f2fc;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f9f2fd;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffeff2;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f8f6f3;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f4f4f4;\n --grey2: #e0e0e0;\n --grey3: #c6c6c6;\n --grey4: #a8a8a8;\n --grey5: #8d8d8d;\n --grey6: #6f6f6f;\n --grey7: #525252;\n --grey8: #393939;\n --grey9: #262626;\n --grey10: #161616;\n --black: #000;\n --white: #fff;\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-red: var(--red8);\n --background-orange: var(--orange8);\n --background-yellow: var(--yellow8);\n --background-green: var(--green8);\n --background-mint: var(--mint8);\n --background-teal: var(--teal8);\n --background-cyan: var(--cyan8);\n --background-blue: var(--blue8);\n --background-indigo: var(--indigo8);\n --background-purple: var(--purple8);\n --background-pink: var(--pink8);\n --background-brown: var(--brown8);\n --border-muted: var(--grey9);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--white);\n --border-focus: var(--blue4);\n --button-primary: var(--blue4);\n --button-primary-hover: var(--blue3);\n --button-primary-active: var(--blue3);\n --button-secondary: var(--grey1);\n --button-secondary-hover: var(--grey2);\n --button-secondary-active: var(--grey3);\n --button-danger: var(--red4);\n --button-danger-hover: var(--red3);\n --button-danger-active: var(--red3);\n --button-disabled: var(--grey9);\n --icon-primary: var(--grey2);\n --icon-secondary: var(--grey4);\n --icon-disabled: var(--grey8);\n --icon-on-color: var(--white);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --text-primary: var(--grey1);\n --text-primary-alt: var(--grey3);\n --text-secondary: var(--grey5);\n --text-secondary-alt: var(--grey6);\n --text-placeholder: var(--grey7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n}\n\n[data-new-ui-theme=\"dark--warm\"] {\n --red1: #fff1f0;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff7ec;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fffbec;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #f0fbf3;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #ecfbfa;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #f0f9fb;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #f0f9fd;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #ecf5ff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #f3f2fc;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f9f2fd;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffeff2;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f8f6f3;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f7f3f2;\n --grey2: #e5e0df;\n --grey3: #cac5c4;\n --grey4: #ada8a8;\n --grey5: #8f8b8b;\n --grey6: #726e6e;\n --grey7: #565151;\n --grey8: #3c3838;\n --grey9: #272525;\n --grey10: #171414;\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --black: #000;\n --white: #fff;\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm9);\n --background-selected-hover: var(--warm7);\n --background-red: var(--red8);\n --background-orange: var(--orange8);\n --background-yellow: var(--yellow8);\n --background-green: var(--green8);\n --background-mint: var(--mint8);\n --background-teal: var(--teal8);\n --background-cyan: var(--cyan8);\n --background-blue: var(--blue8);\n --background-indigo: var(--indigo8);\n --background-purple: var(--purple8);\n --background-pink: var(--pink8);\n --background-brown: var(--brown8);\n --border-muted: var(--warm9);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--white);\n --border-focus: var(--blue4);\n --button-primary: var(--blue4);\n --button-primary-hover: var(--blue3);\n --button-primary-active: var(--blue3);\n --button-secondary: var(--warm1);\n --button-secondary-hover: var(--warm2);\n --button-secondary-active: var(--warm3);\n --button-danger: var(--red4);\n --button-danger-hover: var(--red3);\n --button-danger-active: var(--red3);\n --button-disabled: var(--warm9);\n --icon-primary: var(--warm2);\n --icon-secondary: var(--warm4);\n --icon-disabled: var(--warm8);\n --icon-on-color: var(--white);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --text-primary: var(--warm1);\n --text-primary-alt: var(--warm3);\n --text-secondary: var(--warm5);\n --text-secondary-alt: var(--warm6);\n --text-placeholder: var(--warm7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n}\n\n[data-new-ui-theme=\"dark--cold\"] {\n --red1: #fff1f0;\n --red2: #ffc8c5;\n --red3: #ff9993;\n --red4: #ff4a40;\n --red5: #ff3b30;\n --red6: #c22d25;\n --red7: #851f19;\n --red8: #47100d;\n --orange1: #fff7ec;\n --orange2: #ffe1b8;\n --orange3: #ffc87a;\n --orange4: #ff9d14;\n --orange5: #ff9500;\n --orange6: #c27100;\n --orange7: #854e00;\n --orange8: #472900;\n --yellow1: #fffbec;\n --yellow2: #fff1b8;\n --yellow3: #ffe47a;\n --yellow4: #ffd014;\n --yellow5: #fc0;\n --yellow6: #c29b00;\n --yellow7: #856a00;\n --yellow8: #473900;\n --green1: #f0fbf3;\n --green2: #c6efd1;\n --green3: #95e2a8;\n --green4: #44cb66;\n --green5: #34c759;\n --green6: #289744;\n --green7: #1b682e;\n --green8: #0e3719;\n --mint1: #ecfbfa;\n --mint2: #b8efed;\n --mint3: #7ae2dd;\n --mint4: #14cbc3;\n --mint5: #00c7be;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n --teal1: #f0f9fb;\n --teal2: #c5e9ef;\n --teal3: #93d6e2;\n --teal4: #40b6cb;\n --teal5: #30b0c7;\n --teal6: #258697;\n --teal7: #195c68;\n --teal8: #0d3137;\n --cyan1: #f0f9fd;\n --cyan2: #c6e8f8;\n --cyan3: #94d4f2;\n --cyan4: #42b3e8;\n --cyan5: #32ade6;\n --cyan6: #2684af;\n --cyan7: #1a5a78;\n --cyan8: #0e3040;\n --blue1: #ecf5ff;\n --blue2: #b8daff;\n --blue3: #7abaff;\n --blue4: #1484ff;\n --blue5: #007aff;\n --blue6: #005dc2;\n --blue7: #004085;\n --blue8: #002247;\n --indigo1: #f3f2fc;\n --indigo2: #d1d0f4;\n --indigo3: #a8a7ea;\n --indigo4: #6563d9;\n --indigo5: #5856d6;\n --indigo6: #4341a3;\n --indigo7: #2e2d70;\n --indigo8: #19183c;\n --purple1: #f9f2fd;\n --purple2: #e9cff6;\n --purple3: #d5a5ee;\n --purple4: #b560e1;\n --purple5: #af52de;\n --purple6: #853ea9;\n --purple7: #5b2b74;\n --purple8: #31173e;\n --pink1: #ffeff2;\n --pink2: #ffc5d0;\n --pink3: #ff91a6;\n --pink4: #ff3d62;\n --pink5: #ff2d55;\n --pink6: #c22241;\n --pink7: #85172c;\n --pink8: #470d18;\n --brown1: #f8f6f3;\n --brown2: #e5ddd2;\n --brown3: #cebfab;\n --brown4: #a98e6b;\n --brown5: #a2845e;\n --brown6: #7b6448;\n --brown7: #544531;\n --brown8: #2d251a;\n --grey1: #f2f4f8;\n --grey2: #dde1e6;\n --grey3: #c1c7cd;\n --grey4: #a2a9b0;\n --grey5: #878d96;\n --grey6: #697077;\n --grey7: #4d5358;\n --grey8: #343a3f;\n --grey9: #21272a;\n --grey10: #121619;\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --black: #000;\n --white: #fff;\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-red: var(--red8);\n --background-orange: var(--orange8);\n --background-yellow: var(--yellow8);\n --background-green: var(--green8);\n --background-mint: var(--mint8);\n --background-teal: var(--teal8);\n --background-cyan: var(--cyan8);\n --background-blue: var(--blue8);\n --background-indigo: var(--indigo8);\n --background-purple: var(--purple8);\n --background-pink: var(--pink8);\n --background-brown: var(--brown8);\n --border-muted: var(--cold9);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--white);\n --border-focus: var(--blue4);\n --button-primary: var(--blue4);\n --button-primary-hover: var(--blue3);\n --button-primary-active: var(--blue3);\n --button-secondary: var(--cold1);\n --button-secondary-hover: var(--cold2);\n --button-secondary-active: var(--cold3);\n --button-danger: var(--red4);\n --button-danger-hover: var(--red3);\n --button-danger-active: var(--red3);\n --button-disabled: var(--cold9);\n --icon-primary: var(--cold2);\n --icon-secondary: var(--cold4);\n --icon-disabled: var(--cold8);\n --icon-on-color: var(--white);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --text-primary: var(--cold1);\n --text-primary-alt: var(--cold3);\n --text-secondary: var(--cold5);\n --text-secondary-alt: var(--cold6);\n --text-placeholder: var(--cold7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n}\n\n.nu-u-bg-red1 {\n background-color: var(--red1);\n}\n\n.nu-u-bg-red2 {\n background-color: var(--red2);\n}\n\n.nu-u-bg-red3 {\n background-color: var(--red3);\n}\n\n.nu-u-bg-red4 {\n background-color: var(--red4);\n}\n\n.nu-u-bg-red5 {\n background-color: var(--red5);\n}\n\n.nu-u-bg-red6 {\n background-color: var(--red6);\n}\n\n.nu-u-bg-red7 {\n background-color: var(--red7);\n}\n\n.nu-u-bg-red8 {\n background-color: var(--red8);\n}\n\n.nu-u-bg-orange1 {\n background-color: var(--orange1);\n}\n\n.nu-u-bg-orange2 {\n background-color: var(--orange2);\n}\n\n.nu-u-bg-orange3 {\n background-color: var(--orange3);\n}\n\n.nu-u-bg-orange4 {\n background-color: var(--orange4);\n}\n\n.nu-u-bg-orange5 {\n background-color: var(--orange5);\n}\n\n.nu-u-bg-orange6 {\n background-color: var(--orange6);\n}\n\n.nu-u-bg-orange7 {\n background-color: var(--orange7);\n}\n\n.nu-u-bg-orange8 {\n background-color: var(--orange8);\n}\n\n.nu-u-bg-yellow1 {\n background-color: var(--yellow1);\n}\n\n.nu-u-bg-yellow2 {\n background-color: var(--yellow2);\n}\n\n.nu-u-bg-yellow3 {\n background-color: var(--yellow3);\n}\n\n.nu-u-bg-yellow4 {\n background-color: var(--yellow4);\n}\n\n.nu-u-bg-yellow5 {\n background-color: var(--yellow5);\n}\n\n.nu-u-bg-yellow6 {\n background-color: var(--yellow6);\n}\n\n.nu-u-bg-yellow7 {\n background-color: var(--yellow7);\n}\n\n.nu-u-bg-yellow8 {\n background-color: var(--yellow8);\n}\n\n.nu-u-bg-green1 {\n background-color: var(--green1);\n}\n\n.nu-u-bg-green2 {\n background-color: var(--green2);\n}\n\n.nu-u-bg-green3 {\n background-color: var(--green3);\n}\n\n.nu-u-bg-green4 {\n background-color: var(--green4);\n}\n\n.nu-u-bg-green5 {\n background-color: var(--green5);\n}\n\n.nu-u-bg-green6 {\n background-color: var(--green6);\n}\n\n.nu-u-bg-green7 {\n background-color: var(--green7);\n}\n\n.nu-u-bg-green8 {\n background-color: var(--green8);\n}\n\n.nu-u-bg-mint1 {\n background-color: var(--mint1);\n}\n\n.nu-u-bg-mint2 {\n background-color: var(--mint2);\n}\n\n.nu-u-bg-mint3 {\n background-color: var(--mint3);\n}\n\n.nu-u-bg-mint4 {\n background-color: var(--mint4);\n}\n\n.nu-u-bg-mint5 {\n background-color: var(--mint5);\n}\n\n.nu-u-bg-mint6 {\n background-color: var(--mint6);\n}\n\n.nu-u-bg-mint7 {\n background-color: var(--mint7);\n}\n\n.nu-u-bg-mint8 {\n background-color: var(--mint8);\n}\n\n.nu-u-bg-teal1 {\n background-color: var(--teal1);\n}\n\n.nu-u-bg-teal2 {\n background-color: var(--teal2);\n}\n\n.nu-u-bg-teal3 {\n background-color: var(--teal3);\n}\n\n.nu-u-bg-teal4 {\n background-color: var(--teal4);\n}\n\n.nu-u-bg-teal5 {\n background-color: var(--teal5);\n}\n\n.nu-u-bg-teal6 {\n background-color: var(--teal6);\n}\n\n.nu-u-bg-teal7 {\n background-color: var(--teal7);\n}\n\n.nu-u-bg-teal8 {\n background-color: var(--teal8);\n}\n\n.nu-u-bg-cyan1 {\n background-color: var(--cyan1);\n}\n\n.nu-u-bg-cyan2 {\n background-color: var(--cyan2);\n}\n\n.nu-u-bg-cyan3 {\n background-color: var(--cyan3);\n}\n\n.nu-u-bg-cyan4 {\n background-color: var(--cyan4);\n}\n\n.nu-u-bg-cyan5 {\n background-color: var(--cyan5);\n}\n\n.nu-u-bg-cyan6 {\n background-color: var(--cyan6);\n}\n\n.nu-u-bg-cyan7 {\n background-color: var(--cyan7);\n}\n\n.nu-u-bg-cyan8 {\n background-color: var(--cyan8);\n}\n\n.nu-u-bg-blue1 {\n background-color: var(--blue1);\n}\n\n.nu-u-bg-blue2 {\n background-color: var(--blue2);\n}\n\n.nu-u-bg-blue3 {\n background-color: var(--blue3);\n}\n\n.nu-u-bg-blue4 {\n background-color: var(--blue4);\n}\n\n.nu-u-bg-blue5 {\n background-color: var(--blue5);\n}\n\n.nu-u-bg-blue6 {\n background-color: var(--blue6);\n}\n\n.nu-u-bg-blue7 {\n background-color: var(--blue7);\n}\n\n.nu-u-bg-blue8 {\n background-color: var(--blue8);\n}\n\n.nu-u-bg-indigo1 {\n background-color: var(--indigo1);\n}\n\n.nu-u-bg-indigo2 {\n background-color: var(--indigo2);\n}\n\n.nu-u-bg-indigo3 {\n background-color: var(--indigo3);\n}\n\n.nu-u-bg-indigo4 {\n background-color: var(--indigo4);\n}\n\n.nu-u-bg-indigo5 {\n background-color: var(--indigo5);\n}\n\n.nu-u-bg-indigo6 {\n background-color: var(--indigo6);\n}\n\n.nu-u-bg-indigo7 {\n background-color: var(--indigo7);\n}\n\n.nu-u-bg-indigo8 {\n background-color: var(--indigo8);\n}\n\n.nu-u-bg-purple1 {\n background-color: var(--purple1);\n}\n\n.nu-u-bg-purple2 {\n background-color: var(--purple2);\n}\n\n.nu-u-bg-purple3 {\n background-color: var(--purple3);\n}\n\n.nu-u-bg-purple4 {\n background-color: var(--purple4);\n}\n\n.nu-u-bg-purple5 {\n background-color: var(--purple5);\n}\n\n.nu-u-bg-purple6 {\n background-color: var(--purple6);\n}\n\n.nu-u-bg-purple7 {\n background-color: var(--purple7);\n}\n\n.nu-u-bg-purple8 {\n background-color: var(--purple8);\n}\n\n.nu-u-bg-pink1 {\n background-color: var(--pink1);\n}\n\n.nu-u-bg-pink2 {\n background-color: var(--pink2);\n}\n\n.nu-u-bg-pink3 {\n background-color: var(--pink3);\n}\n\n.nu-u-bg-pink4 {\n background-color: var(--pink4);\n}\n\n.nu-u-bg-pink5 {\n background-color: var(--pink5);\n}\n\n.nu-u-bg-pink6 {\n background-color: var(--pink6);\n}\n\n.nu-u-bg-pink7 {\n background-color: var(--pink7);\n}\n\n.nu-u-bg-pink8 {\n background-color: var(--pink8);\n}\n\n.nu-u-bg-brown1 {\n background-color: var(--brown1);\n}\n\n.nu-u-bg-brown2 {\n background-color: var(--brown2);\n}\n\n.nu-u-bg-brown3 {\n background-color: var(--brown3);\n}\n\n.nu-u-bg-brown4 {\n background-color: var(--brown4);\n}\n\n.nu-u-bg-brown5 {\n background-color: var(--brown5);\n}\n\n.nu-u-bg-brown6 {\n background-color: var(--brown6);\n}\n\n.nu-u-bg-brown7 {\n background-color: var(--brown7);\n}\n\n.nu-u-bg-brown8 {\n background-color: var(--brown8);\n}\n\n.nu-u-bg-grey1 {\n background-color: var(--grey1);\n}\n\n.nu-u-bg-grey2 {\n background-color: var(--grey2);\n}\n\n.nu-u-bg-grey3 {\n background-color: var(--grey3);\n}\n\n.nu-u-bg-grey4 {\n background-color: var(--grey4);\n}\n\n.nu-u-bg-grey5 {\n background-color: var(--grey5);\n}\n\n.nu-u-bg-grey6 {\n background-color: var(--grey6);\n}\n\n.nu-u-bg-grey7 {\n background-color: var(--grey7);\n}\n\n.nu-u-bg-grey8 {\n background-color: var(--grey8);\n}\n\n.nu-u-bg-grey9 {\n background-color: var(--grey9);\n}\n\n.nu-u-bg-grey10 {\n background-color: var(--grey10);\n}\n\n.nu-u-text-red1 {\n color: var(--red1);\n}\n\n.nu-u-text-red2 {\n color: var(--red2);\n}\n\n.nu-u-text-red3 {\n color: var(--red3);\n}\n\n.nu-u-text-red4 {\n color: var(--red4);\n}\n\n.nu-u-text-red5 {\n color: var(--red5);\n}\n\n.nu-u-text-red6 {\n color: var(--red6);\n}\n\n.nu-u-text-red7 {\n color: var(--red7);\n}\n\n.nu-u-text-red8 {\n color: var(--red8);\n}\n\n.nu-u-text-orange1 {\n color: var(--orange1);\n}\n\n.nu-u-text-orange2 {\n color: var(--orange2);\n}\n\n.nu-u-text-orange3 {\n color: var(--orange3);\n}\n\n.nu-u-text-orange4 {\n color: var(--orange4);\n}\n\n.nu-u-text-orange5 {\n color: var(--orange5);\n}\n\n.nu-u-text-orange6 {\n color: var(--orange6);\n}\n\n.nu-u-text-orange7 {\n color: var(--orange7);\n}\n\n.nu-u-text-orange8 {\n color: var(--orange8);\n}\n\n.nu-u-text-yellow1 {\n color: var(--yellow1);\n}\n\n.nu-u-text-yellow2 {\n color: var(--yellow2);\n}\n\n.nu-u-text-yellow3 {\n color: var(--yellow3);\n}\n\n.nu-u-text-yellow4 {\n color: var(--yellow4);\n}\n\n.nu-u-text-yellow5 {\n color: var(--yellow5);\n}\n\n.nu-u-text-yellow6 {\n color: var(--yellow6);\n}\n\n.nu-u-text-yellow7 {\n color: var(--yellow7);\n}\n\n.nu-u-text-yellow8 {\n color: var(--yellow8);\n}\n\n.nu-u-text-green1 {\n color: var(--green1);\n}\n\n.nu-u-text-green2 {\n color: var(--green2);\n}\n\n.nu-u-text-green3 {\n color: var(--green3);\n}\n\n.nu-u-text-green4 {\n color: var(--green4);\n}\n\n.nu-u-text-green5 {\n color: var(--green5);\n}\n\n.nu-u-text-green6 {\n color: var(--green6);\n}\n\n.nu-u-text-green7 {\n color: var(--green7);\n}\n\n.nu-u-text-green8 {\n color: var(--green8);\n}\n\n.nu-u-text-mint1 {\n color: var(--mint1);\n}\n\n.nu-u-text-mint2 {\n color: var(--mint2);\n}\n\n.nu-u-text-mint3 {\n color: var(--mint3);\n}\n\n.nu-u-text-mint4 {\n color: var(--mint4);\n}\n\n.nu-u-text-mint5 {\n color: var(--mint5);\n}\n\n.nu-u-text-mint6 {\n color: var(--mint6);\n}\n\n.nu-u-text-mint7 {\n color: var(--mint7);\n}\n\n.nu-u-text-mint8 {\n color: var(--mint8);\n}\n\n.nu-u-text-teal1 {\n color: var(--teal1);\n}\n\n.nu-u-text-teal2 {\n color: var(--teal2);\n}\n\n.nu-u-text-teal3 {\n color: var(--teal3);\n}\n\n.nu-u-text-teal4 {\n color: var(--teal4);\n}\n\n.nu-u-text-teal5 {\n color: var(--teal5);\n}\n\n.nu-u-text-teal6 {\n color: var(--teal6);\n}\n\n.nu-u-text-teal7 {\n color: var(--teal7);\n}\n\n.nu-u-text-teal8 {\n color: var(--teal8);\n}\n\n.nu-u-text-cyan1 {\n color: var(--cyan1);\n}\n\n.nu-u-text-cyan2 {\n color: var(--cyan2);\n}\n\n.nu-u-text-cyan3 {\n color: var(--cyan3);\n}\n\n.nu-u-text-cyan4 {\n color: var(--cyan4);\n}\n\n.nu-u-text-cyan5 {\n color: var(--cyan5);\n}\n\n.nu-u-text-cyan6 {\n color: var(--cyan6);\n}\n\n.nu-u-text-cyan7 {\n color: var(--cyan7);\n}\n\n.nu-u-text-cyan8 {\n color: var(--cyan8);\n}\n\n.nu-u-text-blue1 {\n color: var(--blue1);\n}\n\n.nu-u-text-blue2 {\n color: var(--blue2);\n}\n\n.nu-u-text-blue3 {\n color: var(--blue3);\n}\n\n.nu-u-text-blue4 {\n color: var(--blue4);\n}\n\n.nu-u-text-blue5 {\n color: var(--blue5);\n}\n\n.nu-u-text-blue6 {\n color: var(--blue6);\n}\n\n.nu-u-text-blue7 {\n color: var(--blue7);\n}\n\n.nu-u-text-blue8 {\n color: var(--blue8);\n}\n\n.nu-u-text-indigo1 {\n color: var(--indigo1);\n}\n\n.nu-u-text-indigo2 {\n color: var(--indigo2);\n}\n\n.nu-u-text-indigo3 {\n color: var(--indigo3);\n}\n\n.nu-u-text-indigo4 {\n color: var(--indigo4);\n}\n\n.nu-u-text-indigo5 {\n color: var(--indigo5);\n}\n\n.nu-u-text-indigo6 {\n color: var(--indigo6);\n}\n\n.nu-u-text-indigo7 {\n color: var(--indigo7);\n}\n\n.nu-u-text-indigo8 {\n color: var(--indigo8);\n}\n\n.nu-u-text-purple1 {\n color: var(--purple1);\n}\n\n.nu-u-text-purple2 {\n color: var(--purple2);\n}\n\n.nu-u-text-purple3 {\n color: var(--purple3);\n}\n\n.nu-u-text-purple4 {\n color: var(--purple4);\n}\n\n.nu-u-text-purple5 {\n color: var(--purple5);\n}\n\n.nu-u-text-purple6 {\n color: var(--purple6);\n}\n\n.nu-u-text-purple7 {\n color: var(--purple7);\n}\n\n.nu-u-text-purple8 {\n color: var(--purple8);\n}\n\n.nu-u-text-pink1 {\n color: var(--pink1);\n}\n\n.nu-u-text-pink2 {\n color: var(--pink2);\n}\n\n.nu-u-text-pink3 {\n color: var(--pink3);\n}\n\n.nu-u-text-pink4 {\n color: var(--pink4);\n}\n\n.nu-u-text-pink5 {\n color: var(--pink5);\n}\n\n.nu-u-text-pink6 {\n color: var(--pink6);\n}\n\n.nu-u-text-pink7 {\n color: var(--pink7);\n}\n\n.nu-u-text-pink8 {\n color: var(--pink8);\n}\n\n.nu-u-text-brown1 {\n color: var(--brown1);\n}\n\n.nu-u-text-brown2 {\n color: var(--brown2);\n}\n\n.nu-u-text-brown3 {\n color: var(--brown3);\n}\n\n.nu-u-text-brown4 {\n color: var(--brown4);\n}\n\n.nu-u-text-brown5 {\n color: var(--brown5);\n}\n\n.nu-u-text-brown6 {\n color: var(--brown6);\n}\n\n.nu-u-text-brown7 {\n color: var(--brown7);\n}\n\n.nu-u-text-brown8 {\n color: var(--brown8);\n}\n\n.nu-u-text-grey1 {\n color: var(--grey1);\n}\n\n.nu-u-text-grey2 {\n color: var(--grey2);\n}\n\n.nu-u-text-grey3 {\n color: var(--grey3);\n}\n\n.nu-u-text-grey4 {\n color: var(--grey4);\n}\n\n.nu-u-text-grey5 {\n color: var(--grey5);\n}\n\n.nu-u-text-grey6 {\n color: var(--grey6);\n}\n\n.nu-u-text-grey7 {\n color: var(--grey7);\n}\n\n.nu-u-text-grey8 {\n color: var(--grey8);\n}\n\n.nu-u-text-grey9 {\n color: var(--grey9);\n}\n\n.nu-u-text-grey10 {\n color: var(--grey10);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold1, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold1 {\n color: var(--cold1);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold2, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold2 {\n color: var(--cold2);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold3, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold3 {\n color: var(--cold3);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold4, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold4 {\n color: var(--cold4);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold5, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold5 {\n color: var(--cold5);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold6, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold6 {\n color: var(--cold6);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold7, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold7 {\n color: var(--cold7);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold8, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold8 {\n color: var(--cold8);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold9, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold9 {\n color: var(--cold9);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold10, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold10 {\n color: var(--cold10);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm1, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm1 {\n color: var(--warm1);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm2, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm2 {\n color: var(--warm2);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm3, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm3 {\n color: var(--warm3);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm4, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm4 {\n color: var(--warm4);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm5, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm5 {\n color: var(--warm5);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm6, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm6 {\n color: var(--warm6);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm7, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm7 {\n color: var(--warm7);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm8, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm8 {\n color: var(--warm8);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm9, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm9 {\n color: var(--warm9);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm10, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm10 {\n color: var(--warm10);\n}\n\n.nu-u-bg {\n background-color: var(--background);\n}\n\n.nu-u-bg-secondary {\n background-color: var(--background-secondary);\n}\n\n.nu-u-bg-hover {\n background-color: var(--background-hover);\n}\n\n.nu-u-bg-selected {\n background-color: var(--background-selected);\n}\n\n.nu-u-bg-selected-hover {\n background-color: var(--background-selected-hover);\n}\n\n.nu-u-bg-red {\n background-color: var(--background-red);\n}\n\n.nu-u-bg-orange {\n background-color: var(--background-orange);\n}\n\n.nu-u-bg-yellow {\n background-color: var(--background-yellow);\n}\n\n.nu-u-bg-green {\n background-color: var(--background-green);\n}\n\n.nu-u-bg-mint {\n background-color: var(--background-mint);\n}\n\n.nu-u-bg-teal {\n background-color: var(--background-teal);\n}\n\n.nu-u-bg-cyan {\n background-color: var(--background-cyan);\n}\n\n.nu-u-bg-blue {\n background-color: var(--background-blue);\n}\n\n.nu-u-bg-indigo {\n background-color: var(--background-indigo);\n}\n\n.nu-u-bg-purple {\n background-color: var(--background-blue);\n}\n\n.nu-u-bg-pink {\n background-color: var(--background-pink);\n}\n\n.nu-u-bg-brown {\n background-color: var(--background-brown);\n}\n\n.nu-u-bg-black {\n background-color: var(--black);\n}\n\n.nu-u-bg-white {\n background-color: var(--white);\n}\n\n.nu-u-b--muted {\n border-color: var(--border-muted);\n}\n\n.nu-u-b {\n border-color: var(--border);\n}\n\n.nu-u-b--strong {\n border-color: var(--border-strong);\n}\n\n.nu-u-b--inked {\n border-color: var(--border-inked);\n}\n\n.nu-u-b--inverse {\n border-color: var(--border-inverse);\n}\n\n.nu-u-b--focus {\n border-color: var(--border-focus);\n}\n\n.nu-u-text--primary {\n color: var(--text-primary);\n}\n\n.nu-u-text--primary-alt {\n color: var(--text-primary-alt);\n}\n\n.nu-u-text--secondary {\n color: var(--text-secondary);\n}\n\n.nu-u-text--secondary-alt {\n color: var(--text-secondary-alt);\n}\n\n.nu-u-text--placeholder::placeholder, .nu-u-text--placeholder::webkit-input-placeholder, .nu-u-text--placeholder:ms-input-placeholder {\n color: var(--text-placeholder);\n}\n\n.nu-u-text--on-color {\n color: var(--text-on-color);\n}\n\n.nu-u-text--error {\n color: var(--text-error);\n}\n\n.nu-u-text--success {\n color: var(--text-success);\n}\n\n.nu-u-text-black {\n color: var(--black);\n}\n\n.nu-u-text-white {\n color: var(--white);\n}\n\n.nu-u-icon--primary {\n color: var(--icon-primary);\n}\n\n.nu-u-icon--secondary {\n color: var(--icon-secondary);\n}\n\n.nu-u-icon--disabled {\n color: var(--icon-disabled);\n}\n\n.nu-u-icon--on-color {\n color: var(--icon-on-color);\n}\n\n.nu-u-link {\n color: var(--link);\n}\n\n.nu-u-link--hover {\n color: var(--link-hover);\n}\n\n.nu-u-link--subtle {\n color: var(--link-subtle);\n}\n\n.nu-u-link--active {\n color: var(--link-active);\n}\n\n.nu-u-support--error {\n color: var(--support-error);\n}\n\n.nu-u-support--warning {\n color: var(--support-warning);\n}\n\n.nu-u-support--success {\n color: var(--support-success);\n}\n\n.nu-u-support--info {\n color: var(--support-blue);\n}\n\n/*# sourceMappingURL=index.css.map */\n","@import 'theme-light';\n@import 'theme-light--warm';\n@import 'theme-light--cold';\n@import 'theme-dark';\n@import 'theme-dark--warm';\n@import 'theme-dark--cold';\n@import 'utilities';\n@import 'components';",":root, [data-new-ui-theme=\"light\"] {\n --red1: #FFF1F0;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF7EC;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFFBEC;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #F0FBF3;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #ECFBFA;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #F0F9FB;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #F0F9FD;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #ECF5FF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #F3F2FC;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F9F2FD;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFEFF2;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F8F6F3;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F4F4F4;\n --grey2: #E0E0E0;\n --grey3: #C6C6C6;\n --grey4: #A8A8A8;\n --grey5: #8D8D8D;\n --grey6: #6F6F6F;\n --grey7: #525252;\n --grey8: #393939;\n --grey9: #262626;\n --grey10: #161616;\n\n --black: #000000;\n --white: #ffffff;\n\n // Backgrounds\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-red: var(--red1);\n --background-orange: var(--orange1);\n --background-yellow: var(--yellow1);\n --background-green: var(--green1);\n --background-mint: var(--mint1);\n --background-teal: var(--teal1);\n --background-cyan: var(--cyan1);\n --background-blue: var(--blue1);\n --background-indigo: var(--indigo1);\n --background-purple: var(--purple1);\n --background-pink: var(--pink1);\n --background-brown: var(--brown1);\n\n // Borders\n --border-muted: var(--grey2);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n\n // Buttons\n --button-primary: var(--blue5);\n --button-primary-hover: var(--blue6);\n --button-primary-active: var(--blue7);\n --button-secondary: var(--grey8);\n --button-secondary-hover: var(--grey7);\n --button-secondary-active: var(--grey6);\n --button-danger: var(--red5);\n --button-danger-hover: var(--red6);\n --button-danger-active: var(--red7);\n --button-disabled: var(--grey4);\n\n // Icons\n --icon-primary: var(--grey9);\n --icon-secondary: var(--grey7);\n --icon-disabled: var(--grey4);\n --icon-on-color: var(--white);\n\n // Links\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n\n // Support\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n\n // Text\n --text-primary: var(--grey10);\n --text-primary-alt: var(--grey8);\n --text-secondary: var(--grey7);\n --text-secondary-alt: var(--grey5);\n --text-placeholder: var(--grey4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n}","[data-new-ui-theme=\"light--warm\"] {\n --red1: #FFF1F0;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF7EC;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFFBEC;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #F0FBF3;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #ECFBFA;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #F0F9FB;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #F0F9FD;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #ECF5FF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #F3F2FC;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F9F2FD;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFEFF2;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F8F6F3;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F7F3F2;\n --grey2: #E5E0DF;\n --grey3: #CAC5C4;\n --grey4: #ADA8A8;\n --grey5: #8F8B8B;\n --grey6: #726E6E;\n --grey7: #565151;\n --grey8: #3C3838;\n --grey9: #272525;\n --grey10: #171414;\n\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n\n --black: #000000;\n --white: #ffffff;\n\n // Backgrounds\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-red: var(--red1);\n --background-orange: var(--orange1);\n --background-yellow: var(--yellow1);\n --background-green: var(--green1);\n --background-mint: var(--mint1);\n --background-teal: var(--teal1);\n --background-cyan: var(--cyan1);\n --background-blue: var(--blue1);\n --background-indigo: var(--indigo1);\n --background-purple: var(--purple1);\n --background-pink: var(--pink1);\n --background-brown: var(--brown1);\n\n // Borders\n --border-muted: var(--warm2);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n\n // Buttons\n --button-primary: var(--blue5);\n --button-primary-hover: var(--blue6);\n --button-primary-active: var(--blue7);\n --button-secondary: var(--warm8);\n --button-secondary-hover: var(--warm7);\n --button-secondary-active: var(--warm6);\n --button-danger: var(--red5);\n --button-danger-hover: var(--red6);\n --button-danger-active: var(--red7);\n --button-disabled: var(--warm4);\n\n // Icons\n --icon-primary: var(--warm9);\n --icon-secondary: var(--warm7);\n --icon-disabled: var(--warm4);\n --icon-on-color: var(--white);\n\n // Links\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n\n // Support\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n\n // Text\n --text-primary: var(--warm10);\n --text-primary-alt: var(--warm8);\n --text-secondary: var(--warm7);\n --text-secondary-alt: var(--warm5);\n --text-placeholder: var(--warm4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n}","[data-new-ui-theme=\"light--cold\"] {\n --red1: #FFF1F0;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF7EC;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFFBEC;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #F0FBF3;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #ECFBFA;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #F0F9FB;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #F0F9FD;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #ECF5FF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #F3F2FC;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F9F2FD;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFEFF2;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F8F6F3;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F2F4F8;\n --grey2: #DDE1E6;\n --grey3: #C1C7CD;\n --grey4: #A2A9B0;\n --grey5: #878D96;\n --grey6: #697077;\n --grey7: #4D5358;\n --grey8: #343A3F;\n --grey9: #21272A;\n --grey10: #121619;\n\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n\n --black: #000000;\n --white: #ffffff;\n\n // Backgrounds\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-red: var(--red1);\n --background-orange: var(--orange1);\n --background-yellow: var(--yellow1);\n --background-green: var(--green1);\n --background-mint: var(--mint1);\n --background-teal: var(--teal1);\n --background-cyan: var(--cyan1);\n --background-blue: var(--blue1);\n --background-indigo: var(--indigo1);\n --background-purple: var(--purple1);\n --background-pink: var(--pink1);\n --background-brown: var(--brown1);\n\n // Borders\n --border-muted: var(--cold2);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n\n // Buttons\n --button-primary: var(--blue5);\n --button-primary-hover: var(--blue6);\n --button-primary-active: var(--blue7);\n --button-secondary: var(--cold8);\n --button-secondary-hover: var(--cold7);\n --button-secondary-active: var(--cold6);\n --button-danger: var(--red5);\n --button-danger-hover: var(--red6);\n --button-danger-active: var(--red7);\n --button-disabled: var(--cold4);\n\n // Icons\n --icon-primary: var(--cold9);\n --icon-secondary: var(--cold7);\n --icon-disabled: var(--cold4);\n --icon-on-color: var(--white);\n\n // Links\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n\n // Support\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n\n // Text\n --text-primary: var(--cold10);\n --text-primary-alt: var(--cold8);\n --text-secondary: var(--cold7);\n --text-secondary-alt: var(--cold5);\n --text-placeholder: var(--cold4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n}",":root,\n[data-new-ui-theme=\"light\"] {\n --red1: #FFF1F0;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF7EC;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFFBEC;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #F0FBF3;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #ECFBFA;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #F0F9FB;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #F0F9FD;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #ECF5FF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #F3F2FC;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F9F2FD;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFEFF2;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F8F6F3;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F4F4F4;\n --grey2: #E0E0E0;\n --grey3: #C6C6C6;\n --grey4: #A8A8A8;\n --grey5: #8D8D8D;\n --grey6: #6F6F6F;\n --grey7: #525252;\n --grey8: #393939;\n --grey9: #262626;\n --grey10: #161616;\n\n --black: #000000;\n --white: #ffffff;\n\n // Backgrounds\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-red: var(--red8);\n --background-orange: var(--orange8);\n --background-yellow: var(--yellow8);\n --background-green: var(--green8);\n --background-mint: var(--mint8);\n --background-teal: var(--teal8);\n --background-cyan: var(--cyan8);\n --background-blue: var(--blue8);\n --background-indigo: var(--indigo8);\n --background-purple: var(--purple8);\n --background-pink: var(--pink8);\n --background-brown: var(--brown8);\n\n // Borders\n --border-muted: var(--grey9);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--white);\n --border-focus: var(--blue4);\n\n // Buttons\n --button-primary: var(--blue4);\n --button-primary-hover: var(--blue3);\n --button-primary-active: var(--blue3);\n --button-secondary: var(--grey1);\n --button-secondary-hover: var(--grey2);\n --button-secondary-active: var(--grey3);\n --button-danger: var(--red4);\n --button-danger-hover: var(--red3);\n --button-danger-active: var(--red3);\n --button-disabled: var(--grey9);\n\n // Icons\n --icon-primary: var(--grey2);\n --icon-secondary: var(--grey4);\n --icon-disabled: var(--grey8);\n --icon-on-color: var(--white);\n\n // Links\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n\n // Support\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n\n // Text\n --text-primary: var(--grey1);\n --text-primary-alt: var(--grey3);\n --text-secondary: var(--grey5);\n --text-secondary-alt: var(--grey6);\n --text-placeholder: var(--grey7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n}","[data-new-ui-theme=\"dark--warm\"] {\n --red1: #FFF1F0;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF7EC;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFFBEC;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #F0FBF3;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #ECFBFA;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #F0F9FB;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #F0F9FD;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #ECF5FF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #F3F2FC;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F9F2FD;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFEFF2;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F8F6F3;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F7F3F2;\n --grey2: #E5E0DF;\n --grey3: #CAC5C4;\n --grey4: #ADA8A8;\n --grey5: #8F8B8B;\n --grey6: #726E6E;\n --grey7: #565151;\n --grey8: #3C3838;\n --grey9: #272525;\n --grey10: #171414;\n\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n\n --black: #000000;\n --white: #ffffff;\n\n // Backgrounds\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm9);\n --background-selected-hover: var(--warm7);\n --background-red: var(--red8);\n --background-orange: var(--orange8);\n --background-yellow: var(--yellow8);\n --background-green: var(--green8);\n --background-mint: var(--mint8);\n --background-teal: var(--teal8);\n --background-cyan: var(--cyan8);\n --background-blue: var(--blue8);\n --background-indigo: var(--indigo8);\n --background-purple: var(--purple8);\n --background-pink: var(--pink8);\n --background-brown: var(--brown8);\n\n // Borders\n --border-muted: var(--warm9);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--white);\n --border-focus: var(--blue4);\n\n // Buttons\n --button-primary: var(--blue4);\n --button-primary-hover: var(--blue3);\n --button-primary-active: var(--blue3);\n --button-secondary: var(--warm1);\n --button-secondary-hover: var(--warm2);\n --button-secondary-active: var(--warm3);\n --button-danger: var(--red4);\n --button-danger-hover: var(--red3);\n --button-danger-active: var(--red3);\n --button-disabled: var(--warm9);\n\n // Icons\n --icon-primary: var(--warm2);\n --icon-secondary: var(--warm4);\n --icon-disabled: var(--warm8);\n --icon-on-color: var(--white);\n\n // Links\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n\n // Support\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n\n // Text\n --text-primary: var(--warm1);\n --text-primary-alt: var(--warm3);\n --text-secondary: var(--warm5);\n --text-secondary-alt: var(--warm6);\n --text-placeholder: var(--warm7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n}","[data-new-ui-theme=\"dark--cold\"] {\n --red1: #FFF1F0;\n --red2: #FFC8C5;\n --red3: #FF9993;\n --red4: #FF4A40;\n --red5: #FF3B30;\n --red6: #C22D25;\n --red7: #851F19;\n --red8: #47100D;\n\n --orange1: #FFF7EC;\n --orange2: #FFE1B8;\n --orange3: #FFC87A;\n --orange4: #FF9D14;\n --orange5: #FF9500;\n --orange6: #C27100;\n --orange7: #854E00;\n --orange8: #472900;\n\n --yellow1: #FFFBEC;\n --yellow2: #FFF1B8;\n --yellow3: #FFE47A;\n --yellow4: #FFD014;\n --yellow5: #FFCC00;\n --yellow6: #C29B00;\n --yellow7: #856A00;\n --yellow8: #473900;\n\n --green1: #F0FBF3;\n --green2: #C6EFD1;\n --green3: #95E2A8;\n --green4: #44CB66;\n --green5: #34C759;\n --green6: #289744;\n --green7: #1B682E;\n --green8: #0E3719;\n\n --mint1: #ECFBFA;\n --mint2: #B8EFED;\n --mint3: #7AE2DD;\n --mint4: #14CBC3;\n --mint5: #00C7BE;\n --mint6: #009791;\n --mint7: #006863;\n --mint8: #003735;\n\n --teal1: #F0F9FB;\n --teal2: #C5E9EF;\n --teal3: #93D6E2;\n --teal4: #40B6CB;\n --teal5: #30B0C7;\n --teal6: #258697;\n --teal7: #195C68;\n --teal8: #0D3137;\n\n --cyan1: #F0F9FD;\n --cyan2: #C6E8F8;\n --cyan3: #94D4F2;\n --cyan4: #42B3E8;\n --cyan5: #32ADE6;\n --cyan6: #2684AF;\n --cyan7: #1A5A78;\n --cyan8: #0E3040;\n\n --blue1: #ECF5FF;\n --blue2: #B8DAFF;\n --blue3: #7ABAFF;\n --blue4: #1484FF;\n --blue5: #007AFF;\n --blue6: #005DC2;\n --blue7: #004085;\n --blue8: #002247;\n\n --indigo1: #F3F2FC;\n --indigo2: #D1D0F4;\n --indigo3: #A8A7EA;\n --indigo4: #6563D9;\n --indigo5: #5856D6;\n --indigo6: #4341A3;\n --indigo7: #2E2D70;\n --indigo8: #19183C;\n\n --purple1: #F9F2FD;\n --purple2: #E9CFF6;\n --purple3: #D5A5EE;\n --purple4: #B560E1;\n --purple5: #AF52DE;\n --purple6: #853EA9;\n --purple7: #5B2B74;\n --purple8: #31173E;\n\n --pink1: #FFEFF2;\n --pink2: #FFC5D0;\n --pink3: #FF91A6;\n --pink4: #FF3D62;\n --pink5: #FF2D55;\n --pink6: #C22241;\n --pink7: #85172C;\n --pink8: #470D18;\n\n --brown1: #F8F6F3;\n --brown2: #E5DDD2;\n --brown3: #CEBFAB;\n --brown4: #A98E6B;\n --brown5: #A2845E;\n --brown6: #7B6448;\n --brown7: #544531;\n --brown8: #2D251A;\n\n --grey1: #F2F4F8;\n --grey2: #DDE1E6;\n --grey3: #C1C7CD;\n --grey4: #A2A9B0;\n --grey5: #878D96;\n --grey6: #697077;\n --grey7: #4D5358;\n --grey8: #343A3F;\n --grey9: #21272A;\n --grey10: #121619;\n\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n\n --black: #000000;\n --white: #ffffff;\n\n // Backgrounds\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-red: var(--red8);\n --background-orange: var(--orange8);\n --background-yellow: var(--yellow8);\n --background-green: var(--green8);\n --background-mint: var(--mint8);\n --background-teal: var(--teal8);\n --background-cyan: var(--cyan8);\n --background-blue: var(--blue8);\n --background-indigo: var(--indigo8);\n --background-purple: var(--purple8);\n --background-pink: var(--pink8);\n --background-brown: var(--brown8);\n\n // Borders\n --border-muted: var(--cold9);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--white);\n --border-focus: var(--blue4);\n\n // Buttons\n --button-primary: var(--blue4);\n --button-primary-hover: var(--blue3);\n --button-primary-active: var(--blue3);\n --button-secondary: var(--cold1);\n --button-secondary-hover: var(--cold2);\n --button-secondary-active: var(--cold3);\n --button-danger: var(--red4);\n --button-danger-hover: var(--red3);\n --button-danger-active: var(--red3);\n --button-disabled: var(--cold9);\n\n // Icons\n --icon-primary: var(--cold2);\n --icon-secondary: var(--cold4);\n --icon-disabled: var(--cold8);\n --icon-on-color: var(--white);\n\n // Links\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n\n // Support\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n\n // Text\n --text-primary: var(--cold1);\n --text-primary-alt: var(--cold3);\n --text-secondary: var(--cold5);\n --text-secondary-alt: var(--cold6);\n --text-placeholder: var(--cold7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n}","\n.nu-u-bg-red1 {background-color: var(--red1);}\n.nu-u-bg-red2 {background-color: var(--red2);}\n.nu-u-bg-red3 {background-color: var(--red3);}\n.nu-u-bg-red4 {background-color: var(--red4);}\n.nu-u-bg-red5 {background-color: var(--red5);}\n.nu-u-bg-red6 {background-color: var(--red6);}\n.nu-u-bg-red7 {background-color: var(--red7);}\n.nu-u-bg-red8 {background-color: var(--red8);}\n\n.nu-u-bg-orange1 {background-color: var(--orange1);}\n.nu-u-bg-orange2 {background-color: var(--orange2);}\n.nu-u-bg-orange3 {background-color: var(--orange3);}\n.nu-u-bg-orange4 {background-color: var(--orange4);}\n.nu-u-bg-orange5 {background-color: var(--orange5);}\n.nu-u-bg-orange6 {background-color: var(--orange6);}\n.nu-u-bg-orange7 {background-color: var(--orange7);}\n.nu-u-bg-orange8 {background-color: var(--orange8);}\n\n.nu-u-bg-yellow1 {background-color: var(--yellow1);}\n.nu-u-bg-yellow2 {background-color: var(--yellow2);}\n.nu-u-bg-yellow3 {background-color: var(--yellow3);}\n.nu-u-bg-yellow4 {background-color: var(--yellow4);}\n.nu-u-bg-yellow5 {background-color: var(--yellow5);}\n.nu-u-bg-yellow6 {background-color: var(--yellow6);}\n.nu-u-bg-yellow7 {background-color: var(--yellow7);}\n.nu-u-bg-yellow8 {background-color: var(--yellow8);}\n\n.nu-u-bg-green1 {background-color: var(--green1);}\n.nu-u-bg-green2 {background-color: var(--green2);}\n.nu-u-bg-green3 {background-color: var(--green3);}\n.nu-u-bg-green4 {background-color: var(--green4);}\n.nu-u-bg-green5 {background-color: var(--green5);}\n.nu-u-bg-green6 {background-color: var(--green6);}\n.nu-u-bg-green7 {background-color: var(--green7);}\n.nu-u-bg-green8 {background-color: var(--green8);}\n\n.nu-u-bg-mint1 {background-color: var(--mint1);}\n.nu-u-bg-mint2 {background-color: var(--mint2);}\n.nu-u-bg-mint3 {background-color: var(--mint3);}\n.nu-u-bg-mint4 {background-color: var(--mint4);}\n.nu-u-bg-mint5 {background-color: var(--mint5);}\n.nu-u-bg-mint6 {background-color: var(--mint6);}\n.nu-u-bg-mint7 {background-color: var(--mint7);}\n.nu-u-bg-mint8 {background-color: var(--mint8);}\n\n.nu-u-bg-teal1 {background-color: var(--teal1);}\n.nu-u-bg-teal2 {background-color: var(--teal2);}\n.nu-u-bg-teal3 {background-color: var(--teal3);}\n.nu-u-bg-teal4 {background-color: var(--teal4);}\n.nu-u-bg-teal5 {background-color: var(--teal5);}\n.nu-u-bg-teal6 {background-color: var(--teal6);}\n.nu-u-bg-teal7 {background-color: var(--teal7);}\n.nu-u-bg-teal8 {background-color: var(--teal8);}\n\n.nu-u-bg-cyan1 {background-color: var(--cyan1);}\n.nu-u-bg-cyan2 {background-color: var(--cyan2);}\n.nu-u-bg-cyan3 {background-color: var(--cyan3);}\n.nu-u-bg-cyan4 {background-color: var(--cyan4);}\n.nu-u-bg-cyan5 {background-color: var(--cyan5);}\n.nu-u-bg-cyan6 {background-color: var(--cyan6);}\n.nu-u-bg-cyan7 {background-color: var(--cyan7);}\n.nu-u-bg-cyan8 {background-color: var(--cyan8);}\n\n.nu-u-bg-blue1 {background-color: var(--blue1);}\n.nu-u-bg-blue2 {background-color: var(--blue2);}\n.nu-u-bg-blue3 {background-color: var(--blue3);}\n.nu-u-bg-blue4 {background-color: var(--blue4);}\n.nu-u-bg-blue5 {background-color: var(--blue5);}\n.nu-u-bg-blue6 {background-color: var(--blue6);}\n.nu-u-bg-blue7 {background-color: var(--blue7);}\n.nu-u-bg-blue8 {background-color: var(--blue8);}\n\n.nu-u-bg-indigo1 {background-color: var(--indigo1);}\n.nu-u-bg-indigo2 {background-color: var(--indigo2);}\n.nu-u-bg-indigo3 {background-color: var(--indigo3);}\n.nu-u-bg-indigo4 {background-color: var(--indigo4);}\n.nu-u-bg-indigo5 {background-color: var(--indigo5);}\n.nu-u-bg-indigo6 {background-color: var(--indigo6);}\n.nu-u-bg-indigo7 {background-color: var(--indigo7);}\n.nu-u-bg-indigo8 {background-color: var(--indigo8);}\n\n.nu-u-bg-purple1 {background-color: var(--purple1);}\n.nu-u-bg-purple2 {background-color: var(--purple2);}\n.nu-u-bg-purple3 {background-color: var(--purple3);}\n.nu-u-bg-purple4 {background-color: var(--purple4);}\n.nu-u-bg-purple5 {background-color: var(--purple5);}\n.nu-u-bg-purple6 {background-color: var(--purple6);}\n.nu-u-bg-purple7 {background-color: var(--purple7);}\n.nu-u-bg-purple8 {background-color: var(--purple8);}\n\n.nu-u-bg-pink1 {background-color: var(--pink1);}\n.nu-u-bg-pink2 {background-color: var(--pink2);}\n.nu-u-bg-pink3 {background-color: var(--pink3);}\n.nu-u-bg-pink4 {background-color: var(--pink4);}\n.nu-u-bg-pink5 {background-color: var(--pink5);}\n.nu-u-bg-pink6 {background-color: var(--pink6);}\n.nu-u-bg-pink7 {background-color: var(--pink7);}\n.nu-u-bg-pink8 {background-color: var(--pink8);}\n\n.nu-u-bg-brown1 {background-color: var(--brown1);}\n.nu-u-bg-brown2 {background-color: var(--brown2);}\n.nu-u-bg-brown3 {background-color: var(--brown3);}\n.nu-u-bg-brown4 {background-color: var(--brown4);}\n.nu-u-bg-brown5 {background-color: var(--brown5);}\n.nu-u-bg-brown6 {background-color: var(--brown6);}\n.nu-u-bg-brown7 {background-color: var(--brown7);}\n.nu-u-bg-brown8 {background-color: var(--brown8);}\n\n.nu-u-bg-grey1 {background-color: var(--grey1);}\n.nu-u-bg-grey2 {background-color: var(--grey2);}\n.nu-u-bg-grey3 {background-color: var(--grey3);}\n.nu-u-bg-grey4 {background-color: var(--grey4);}\n.nu-u-bg-grey5 {background-color: var(--grey5);}\n.nu-u-bg-grey6 {background-color: var(--grey6);}\n.nu-u-bg-grey7 {background-color: var(--grey7);}\n.nu-u-bg-grey8 {background-color: var(--grey8);}\n.nu-u-bg-grey9 {background-color: var(--grey9);}\n.nu-u-bg-grey10 {background-color: var(--grey10);}\n\n.nu-u-text-red1 {color: var(--red1);}\n.nu-u-text-red2 {color: var(--red2);}\n.nu-u-text-red3 {color: var(--red3);}\n.nu-u-text-red4 {color: var(--red4);}\n.nu-u-text-red5 {color: var(--red5);}\n.nu-u-text-red6 {color: var(--red6);}\n.nu-u-text-red7 {color: var(--red7);}\n.nu-u-text-red8 {color: var(--red8);}\n\n.nu-u-text-orange1 {color: var(--orange1);}\n.nu-u-text-orange2 {color: var(--orange2);}\n.nu-u-text-orange3 {color: var(--orange3);}\n.nu-u-text-orange4 {color: var(--orange4);}\n.nu-u-text-orange5 {color: var(--orange5);}\n.nu-u-text-orange6 {color: var(--orange6);}\n.nu-u-text-orange7 {color: var(--orange7);}\n.nu-u-text-orange8 {color: var(--orange8);}\n\n.nu-u-text-yellow1 {color: var(--yellow1);}\n.nu-u-text-yellow2 {color: var(--yellow2);}\n.nu-u-text-yellow3 {color: var(--yellow3);}\n.nu-u-text-yellow4 {color: var(--yellow4);}\n.nu-u-text-yellow5 {color: var(--yellow5);}\n.nu-u-text-yellow6 {color: var(--yellow6);}\n.nu-u-text-yellow7 {color: var(--yellow7);}\n.nu-u-text-yellow8 {color: var(--yellow8);}\n\n.nu-u-text-green1 {color: var(--green1);}\n.nu-u-text-green2 {color: var(--green2);}\n.nu-u-text-green3 {color: var(--green3);}\n.nu-u-text-green4 {color: var(--green4);}\n.nu-u-text-green5 {color: var(--green5);}\n.nu-u-text-green6 {color: var(--green6);}\n.nu-u-text-green7 {color: var(--green7);}\n.nu-u-text-green8 {color: var(--green8);}\n\n.nu-u-text-mint1 {color: var(--mint1);}\n.nu-u-text-mint2 {color: var(--mint2);}\n.nu-u-text-mint3 {color: var(--mint3);}\n.nu-u-text-mint4 {color: var(--mint4);}\n.nu-u-text-mint5 {color: var(--mint5);}\n.nu-u-text-mint6 {color: var(--mint6);}\n.nu-u-text-mint7 {color: var(--mint7);}\n.nu-u-text-mint8 {color: var(--mint8);}\n\n.nu-u-text-teal1 {color: var(--teal1);}\n.nu-u-text-teal2 {color: var(--teal2);}\n.nu-u-text-teal3 {color: var(--teal3);}\n.nu-u-text-teal4 {color: var(--teal4);}\n.nu-u-text-teal5 {color: var(--teal5);}\n.nu-u-text-teal6 {color: var(--teal6);}\n.nu-u-text-teal7 {color: var(--teal7);}\n.nu-u-text-teal8 {color: var(--teal8);}\n\n.nu-u-text-cyan1 {color: var(--cyan1);}\n.nu-u-text-cyan2 {color: var(--cyan2);}\n.nu-u-text-cyan3 {color: var(--cyan3);}\n.nu-u-text-cyan4 {color: var(--cyan4);}\n.nu-u-text-cyan5 {color: var(--cyan5);}\n.nu-u-text-cyan6 {color: var(--cyan6);}\n.nu-u-text-cyan7 {color: var(--cyan7);}\n.nu-u-text-cyan8 {color: var(--cyan8);}\n\n.nu-u-text-blue1 {color: var(--blue1);}\n.nu-u-text-blue2 {color: var(--blue2);}\n.nu-u-text-blue3 {color: var(--blue3);}\n.nu-u-text-blue4 {color: var(--blue4);}\n.nu-u-text-blue5 {color: var(--blue5);}\n.nu-u-text-blue6 {color: var(--blue6);}\n.nu-u-text-blue7 {color: var(--blue7);}\n.nu-u-text-blue8 {color: var(--blue8);}\n\n.nu-u-text-indigo1 {color: var(--indigo1);}\n.nu-u-text-indigo2 {color: var(--indigo2);}\n.nu-u-text-indigo3 {color: var(--indigo3);}\n.nu-u-text-indigo4 {color: var(--indigo4);}\n.nu-u-text-indigo5 {color: var(--indigo5);}\n.nu-u-text-indigo6 {color: var(--indigo6);}\n.nu-u-text-indigo7 {color: var(--indigo7);}\n.nu-u-text-indigo8 {color: var(--indigo8);}\n\n.nu-u-text-purple1 {color: var(--purple1);}\n.nu-u-text-purple2 {color: var(--purple2);}\n.nu-u-text-purple3 {color: var(--purple3);}\n.nu-u-text-purple4 {color: var(--purple4);}\n.nu-u-text-purple5 {color: var(--purple5);}\n.nu-u-text-purple6 {color: var(--purple6);}\n.nu-u-text-purple7 {color: var(--purple7);}\n.nu-u-text-purple8 {color: var(--purple8);}\n\n.nu-u-text-pink1 {color: var(--pink1);}\n.nu-u-text-pink2 {color: var(--pink2);}\n.nu-u-text-pink3 {color: var(--pink3);}\n.nu-u-text-pink4 {color: var(--pink4);}\n.nu-u-text-pink5 {color: var(--pink5);}\n.nu-u-text-pink6 {color: var(--pink6);}\n.nu-u-text-pink7 {color: var(--pink7);}\n.nu-u-text-pink8 {color: var(--pink8);}\n\n.nu-u-text-brown1 {color: var(--brown1);}\n.nu-u-text-brown2 {color: var(--brown2);}\n.nu-u-text-brown3 {color: var(--brown3);}\n.nu-u-text-brown4 {color: var(--brown4);}\n.nu-u-text-brown5 {color: var(--brown5);}\n.nu-u-text-brown6 {color: var(--brown6);}\n.nu-u-text-brown7 {color: var(--brown7);}\n.nu-u-text-brown8 {color: var(--brown8);}\n\n.nu-u-text-grey1 {color: var(--grey1);}\n.nu-u-text-grey2 {color: var(--grey2);}\n.nu-u-text-grey3 {color: var(--grey3);}\n.nu-u-text-grey4 {color: var(--grey4);}\n.nu-u-text-grey5 {color: var(--grey5);}\n.nu-u-text-grey6 {color: var(--grey6);}\n.nu-u-text-grey7 {color: var(--grey7);}\n.nu-u-text-grey8 {color: var(--grey8);}\n.nu-u-text-grey9 {color: var(--grey9);}\n.nu-u-text-grey10 {color: var(--grey10);}\n\n[data-new-ui-theme=\"light--cold\"], [data-new-ui-theme=\"dark--cold\"] {\n .nu-u-text-cold1 {color: var(--cold1);}\n .nu-u-text-cold2 {color: var(--cold2);}\n .nu-u-text-cold3 {color: var(--cold3);}\n .nu-u-text-cold4 {color: var(--cold4);}\n .nu-u-text-cold5 {color: var(--cold5);}\n .nu-u-text-cold6 {color: var(--cold6);}\n .nu-u-text-cold7 {color: var(--cold7);}\n .nu-u-text-cold8 {color: var(--cold8);}\n .nu-u-text-cold9 {color: var(--cold9);}\n .nu-u-text-cold10 {color: var(--cold10);}\n}\n\n[data-new-ui-theme=\"light--warm\"], [data-new-ui-theme=\"dark--warm\"] {\n .nu-u-text-warm1 {color: var(--warm1);}\n .nu-u-text-warm2 {color: var(--warm2);}\n .nu-u-text-warm3 {color: var(--warm3);}\n .nu-u-text-warm4 {color: var(--warm4);}\n .nu-u-text-warm5 {color: var(--warm5);}\n .nu-u-text-warm6 {color: var(--warm6);}\n .nu-u-text-warm7 {color: var(--warm7);}\n .nu-u-text-warm8 {color: var(--warm8);}\n .nu-u-text-warm9 {color: var(--warm9);}\n .nu-u-text-warm10 {color: var(--warm10);}\n}\n\n.nu-u-bg {background-color: var(--background);}\n.nu-u-bg-secondary {background-color: var(--background-secondary);}\n.nu-u-bg-hover {background-color: var(--background-hover);}\n.nu-u-bg-selected {background-color: var(--background-selected);}\n.nu-u-bg-selected-hover {background-color: var(--background-selected-hover);}\n.nu-u-bg-red {background-color: var(--background-red);}\n.nu-u-bg-orange {background-color: var(--background-orange);}\n.nu-u-bg-yellow {background-color: var(--background-yellow);}\n.nu-u-bg-green {background-color: var(--background-green);}\n.nu-u-bg-mint {background-color: var(--background-mint);}\n.nu-u-bg-teal {background-color: var(--background-teal);}\n.nu-u-bg-cyan {background-color: var(--background-cyan);}\n.nu-u-bg-blue {background-color: var(--background-blue);}\n.nu-u-bg-indigo {background-color: var(--background-indigo);}\n.nu-u-bg-purple {background-color: var(--background-blue);}\n.nu-u-bg-pink {background-color: var(--background-pink);}\n.nu-u-bg-brown {background-color: var(--background-brown);}\n\n.nu-u-bg-black {background-color: var(--black);}\n.nu-u-bg-white {background-color: var(--white);}\n\n/* Border */\n.nu-u-b--muted {border-color: var(--border-muted);}\n.nu-u-b {border-color: var(--border);}\n.nu-u-b--strong {border-color: var(--border-strong);}\n.nu-u-b--inked {border-color: var(--border-inked);}\n.nu-u-b--inverse {border-color: var(--border-inverse);}\n.nu-u-b--focus {border-color: var(--border-focus);}\n\n/* Text */\n.nu-u-text--primary {color: var(--text-primary);}\n.nu-u-text--primary-alt {color: var(--text-primary-alt);}\n.nu-u-text--secondary {color: var(--text-secondary);}\n.nu-u-text--secondary-alt {color: var(--text-secondary-alt);}\n.nu-u-text--placeholder::placeholder, \n.nu-u-text--placeholder::webkit-input-placeholder,\n.nu-u-text--placeholder:ms-input-placeholder {color: var(--text-placeholder);}\n.nu-u-text--on-color {color: var(--text-on-color);}\n.nu-u-text--error {color: var(--text-error);}\n.nu-u-text--success {color: var(--text-success);}\n\n.nu-u-text-black {color: var(--black);}\n.nu-u-text-white {color: var(--white);}\n\n/* Icons */\n.nu-u-icon--primary {color: var(--icon-primary);}\n.nu-u-icon--secondary {color: var(--icon-secondary);}\n.nu-u-icon--disabled {color: var(--icon-disabled);}\n.nu-u-icon--on-color {color: var(--icon-on-color);}\n\n/* Links */\n.nu-u-link {color: var(--link);}\n.nu-u-link--hover {color: var(--link-hover);}\n.nu-u-link--subtle {color: var(--link-subtle);}\n.nu-u-link--active {color: var(--link-active);}\n\n/* Support */\n.nu-u-support--error {color: var(--support-error);}\n.nu-u-support--warning {color: var(--support-warning);}\n.nu-u-support--success {color: var(--support-success);}\n.nu-u-support--info {color: var(--support-blue);}"],"names":[],"version":3,"file":"index.css.map"}
|
package/package.json
CHANGED