:root{--spring-green-50: #effef5;--spring-green-100: #d8ffeb;--spring-green-200: #b4fed8;--spring-green-300: #7afbba;--spring-green-400: #1fec85;--spring-green-500: #10d773;--spring-green-600: #07b25d;--spring-green-700: #098c4b;--spring-green-800: #0d6e3f;--spring-green-900: #0d5a36;--jaffa-50: #fef5ee;--jaffa-100: #fee9d6;--jaffa-200: #fbcfad;--jaffa-300: #f8ad79;--jaffa-400: #f47c3c;--jaffa-500: #f15e1e;--jaffa-600: #e24514;--jaffa-700: #bc3312;--jaffa-800: #952917;--jaffa-900: #782516;--persimmon-50: #fff1f1;--persimmon-100: #ffe2e1;--persimmon-200: #ffc8c7;--persimmon-300: #ffa2a0;--persimmon-400: #ff5e5b;--persimmon-500: #f83e3b;--persimmon-600: #e5211d;--persimmon-700: #c11714;--persimmon-800: #a01714;--persimmon-900: #841a18;--blue-50: #effaff;--blue-100: #def3ff;--blue-200: #b6eaff;--blue-300: #75dbff;--blue-400: #2ccaff;--blue-500: #00aff1;--blue-600: #0090d4;--blue-700: #0072ab;--blue-800: #00608d;--blue-900: #065074;--gray-30: #f5f5f5;--gray-50: #f7f7f7;--gray-100: #f0f0f0;--gray-200: #e4e4e4;--gray-300: #d1d1d1;--gray-400: #b4b4b4;--gray-500: #9a9a9a;--gray-600: #818181;--gray-700: #6a6a6a;--gray-800: #5a5a5a;--gray-900: #4e4e4e;--white: #ffffff;--mirage-50: #f4f8f9;--mirage-100: #dce7eb;--mirage-200: #b9cdd6;--mirage-300: #8eacba;--mirage-400: #66889b;--mirage-500: #4c6d80;--mirage-600: #3b5566;--mirage-700: #324653;--mirage-800: #2b3a44;--mirage-900: #192025;--linen-50: #fefaf9;--transaparent: transparent;--skeleton-gradient: linear-gradient(to right,var(--gray-100) 4%,var(--gray-200) 25%,var(--gray-100) 36%);--shadow-reg-0: 0px 0px 2px rgba(0, 0, 0, 0.15), 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 8px 40px rgba(0, 0, 0, 0.04);--shadow-white-reg-0: 0px 0px 2px #ffffff29, 0px 2px 5px #ffffff29, 0px 8px 40px #ffffff29;--shadow-none: none;--text-color: var(--mirage-900);--text-color-hover: var(--mirage-800);--text-primary-color: var(--blue-500);--sub-text-color: var(--gray-600);--text-success: var(--spring-green-800);--text-default-white: var(--white);--text-danger: var(--persimmon-600);--text-disable: var(--gray-500);--bg-color-layer-0: var(--white);--bg-color-layer-1: var(--white);--bg-color-layer-2: var(--white);--bg-color-warning: var(--jaffa-100);--bg-color-danger: var(--persimmon-200);--bg-gray-layer-0: var(--gray-30);--bg-gray-layer-1: var(--gray-50);--bg-gray-layer-2: var(--gray-50);--bg-gradient-membership: linear-gradient(0deg, rgba(255,255,255,1) 23%, rgba(255,255,255,0.2978233529740021) 61%, rgba(255,255,255,0) 63%);--bg-default-dark: var(--mirage-900);--bg-btn-dark-gray: var(--gray-300);--bg-on-boarding: var(--linen-50);--opacity-20: .2;--settings-tab-hover: var(--gray-50);--arrow-color: var(--gray-100);--border-layer-0: 2px solid var(--gray-100);--border-layer-1: 2px solid var(--gray-200);--border-bottom: 2px solid var(--gray-100);--border-warning-0: 1px solid var(--jaffa-400);--border-color-gray: var(--gray-400);--border-gray: 1px solid var(--gray-400);--border-selected: 2px solid var(--mirage-900);--btn-bg-primary: var(--blue-500);--btn-bg-primary-hover: var(--blue-400);--btn-bg-blue-secondary: var(--blue-100);--btn-bg-blue-secondary-hover: var(--blue-200);--btn-bg-gray-secondary: var(--gray-50);--btn-bg-gray-secondary-hover: var(--gray-200);--btn-bg-sidebar: var(--transaparent);--btn-bg-sidebar-hover: var(--gray-200);--btn-bg-sidebar-active: var(--blue-100);--btn-text-sidebar-active: var(--blue-500);--btn-text-sidebar: var(--mirage-900);--form-border: 2px solid var(--gray-300);--form-border-hover: 2px solid var(--gray-600);--form-border-focus: 2px solid var(--gray-800);--form-border-color-focus: var(--gray-800);--comp-shadow-layer-1: var(--shadow-reg-0);--comp-shadow-layer-2: var(--shadow-reg-0);--chat-list-bg-focus: var(--spring-green-50);--chat-list-border: 1px solid var(--white);--chat-list-border-focus: 1px solid var(--spring-green-400);--image-invert: brightness(-0.5) invert(0)}[data-theme=dark]{--text-primary-color: var(--blue-500);--text-color: var(--mirage-100);--text-color-hover: var(--mirage-200);--sub-text-color: var(--mirage-200);--text-success: var(--spring-green-400);--skeleton-gradient: linear-gradient(to right,var(--mirage-700) 4%,var(--mirage-500) 25%,var(--mirage-700) 36%);--text-default-white: var(--mirage-900);--text-danger: var(--white);--text-disable: var(--mirage-400);--bg-color-layer-0: var(--mirage-900);--bg-color-layer-1: var(--mirage-800);--bg-color-layer-2: var(--mirage-700);--bg-color-warning: var(--jaffa-800);--bg-gray-layer-1: var(--mirage-800);--bg-gray-layer-2: var(--mirage-600);--bg-gray-layer-0: var(--mirage-900);--bg-default-dark: var(--white);--bg-btn-dark-gray: var(--mirage-700);--bg-color-danger: var(--persimmon-900);--bg-on-boarding: var(--mirage-900);--border-color-gray: var(--mirage-500);--border-gray: 1px solid var(--mirage-400);--border-layer-0: 2px solid var(--mirage-500);--border-layer-1: 2px solid var(--mirage-300);--border-bottom: 2px solid var(--mirage-500);--border-selected: 2px solid var(--white);--arrow-color: var(--mirage-500);--settings-tab-hover: var(--mirage-700);--btn-bg-blue-secondary: var(--blue-900);--btn-bg-blue-secondary-hover: var(--blue-800);--btn-bg-gray-secondary: var(--mirage-600);--btn-bg-gray-secondary-hover: var(--mirage-500);--btn-bg-sidebar: var(--transaparent);--btn-bg-sidebar-hover: var(--mirage-700);--btn-bg-sidebar-active: var(--blue-900);--btn-text-sidebar-active: var(--mirage-100);--btn-text-sidebar: var(--mirage-100);--form-border: 2px solid var(--mirage-500);--form-border-hover: 2px solid var(--mirage-200);--form-border-focus: 2px solid var(--mirage-100);--form-border-color-focus: var(--mirage-100);--comp-shadow-layer-1: var(--shadow-none);--comp-shadow-layer-2: var(--shadow-white-reg-0);--chat-list-bg-focus: var(--mirage-800);--chat-list-border: 1px solid var(--transaparent);--chat-list-border-focus: 1px solid var(--mirage-500);--bg-gradient-membership: linear-gradient(0deg, #2b3a44 23%, #2b3a444c 61%, #2b3a4400 63%);--image-invert: brightness(0.5) invert(1)}