:root{--neutral-100: #ffffff;--neutral-100--10: #ffffff1a;--neutral-100--20: #ffffff33;--neutral-100--40: #ffffff66;--neutral-100--80: #ffffffcc;--neutral-100--90: #ffffffe6;--neutral-150: #f8f9fa;--neutral-200: #f8f8f8;--neutral-300: #eeeeee;--neutral-350: #eaeaea;--neutral-400: #e5e5e7;--neutral-500: #f0f0f0;--neutral-600: #cdcdcd;--neutral-800: #515151;--neutral-700: #707070;--neutral-900: #000000;--neutral-900--10: #0000001a;--neutral-900--20: #00000033;--neutral-900--30: #0000004d;--neutral-900--40: #00000066;--neutral-900--50: #00000080;--neutral-900--60: #00000099;--neutral-900--90: #000000e6;--primary-100: #abb9ff;--primary-200: #7292fd;--primary-300: #595bff;--primary-400: #4023ff;--primary-400--05: #4023ff0d;--primary-400--10: #4023ff1a;--primary-400--20: #4023ff33;--primary-400--30: #4023ff4d;--primary-400--40: #4023ff66;--primary-400--50: #4023ff80;--primary-400--60: #4023ff99;--primary-500: #3c20e8;--primary-600: #2e1ab5;--primary-700: #23209f;--primary-800: #18166b;--primary-900: #0a0a33;--secondary-400: #40ffb1;--accent-400: var(--primary-400);--accent-900: var(--primary-900);--layout-bgcolor: #f1f2f4;--appbar-bgcolor: var(--primary-900);--error-main: #ff4040;--warning-light: #ffe179}