/* ../../../../../../tmp/tmp-622-dhhNOJZMg0un/19ef42c234664/colors.css */
:root {
  --gray-50: #f8f8f8;
  --gray-100: #f3f3f3;
  --gray-200: #ededed;
  --gray-300: #e2e2e2;
  --gray-400: #c7c7c7;
  --gray-500: #999999;
  --gray-600: #7c7c7c;
  --gray-700: #525252;
  --gray-800: #383838;
  --gray-900: #171717;
  --gray-950: #0f0f0f;
  --blue-50: #f1f8fe;
  --blue-100: #e6f4ff;
  --blue-200: #d1eaff;
  --blue-300: #b5ddfd;
  --blue-400: #61afef;
  --blue-500: #0d8ef8;
  --blue-600: #077ddf;
  --blue-700: #0375d3;
  --blue-800: #005cad;
  --blue-900: #004880;
  --blue-950: #032e63;
  --green-50: #f0faf3;
  --green-100: #e4faeb;
  --green-200: #bdefcc;
  --green-300: #a8e6be;
  --green-400: #7edaa1;
  --green-500: #43ac79;
  --green-600: #268c5c;
  --green-700: #14804d;
  --green-800: #075e35;
  --green-900: #173b2c;
  --green-950: #0a3020;
  --red-50: #fff5f5;
  --red-100: #ffe7e7;
  --red-200: #ffd8d8;
  --red-300: #fdc2c2;
  --red-400: #f79596;
  --red-500: #e03434;
  --red-600: #ce2c2c;
  --red-700: #b41d1d;
  --red-800: #941f1f;
  --red-900: #6b1515;
  --red-950: #4c0d0d;
  --orange-50: #fff4ed;
  --orange-100: #ffefe4;
  --orange-200: #ffdec5;
  --orange-300: #ffcba3;
  --orange-400: #f4b07f;
  --orange-500: #e86c13;
  --orange-600: #d35a09;
  --orange-700: #bd3e0c;
  --orange-800: #9e3513;
  --orange-900: #6b2711;
  --orange-950: #491605;
  --amber-50: #fdf8ed;
  --amber-100: #fff4d3;
  --amber-200: #f6eac0;
  --amber-300: #f3e3b4;
  --amber-400: #f4cd80;
  --amber-500: #df9311;
  --amber-600: #ca7e0c;
  --amber-700: #bb6f0c;
  --amber-800: #91400d;
  --amber-900: #763813;
  --amber-950: #4e2209;
  --yellow-50: #fcfbe8;
  --yellow-100: #fff7d3;
  --yellow-200: #f7e9a8;
  --yellow-300: #f5e171;
  --yellow-400: #f2d14b;
  --yellow-500: #edba13;
  --yellow-600: #ab790d;
  --yellow-700: #9a6304;
  --yellow-800: #8c5600;
  --yellow-900: #733f12;
  --yellow-950: #542e0d;
  --teal-50: #eefbf8;
  --teal-100: #e6f7f4;
  --teal-200: #bae8e1;
  --teal-300: #97ded4;
  --teal-400: #73d1c4;
  --teal-500: #36baad;
  --teal-600: #0a857b;
  --teal-700: #0f736b;
  --teal-800: #115c57;
  --teal-900: #114541;
  --teal-950: #053734;
  --cyan-50: #f2fbfd;
  --cyan-100: #ddf7ff;
  --cyan-200: #b3e8f7;
  --cyan-300: #99e2f8;
  --cyan-400: #72d5f3;
  --cyan-500: #3bbde5;
  --cyan-600: #1f8cad;
  --cyan-700: #1d7f9d;
  --cyan-800: #125c73;
  --cyan-900: #164759;
  --cyan-950: #05383f;
  --purple-50: #f8f3fb;
  --purple-100: #f6e9ff;
  --purple-200: #ecd3ff;
  --purple-300: #e2b9fc;
  --purple-400: #bf78fa;
  --purple-500: #9c45e3;
  --purple-600: #8e49ca;
  --purple-700: #6e399d;
  --purple-800: #5c2f83;
  --purple-900: #401863;
  --purple-950: #2d084e;
  --pink-50: #fff7fc;
  --pink-100: #fde8f5;
  --pink-200: #ffd5f0;
  --pink-300: #f9b9e0;
  --pink-400: #f77cc6;
  --pink-500: #e34aa6;
  --pink-600: #cf3a96;
  --pink-700: #9c2671;
  --pink-800: #801458;
  --pink-900: #570f3e;
  --pink-950: #40062c;
  --violet-50: #f7f6fe;
  --violet-100: #eee8ff;
  --violet-200: #dbd5ff;
  --violet-300: #d2c5fc;
  --violet-400: #b5a1fc;
  --violet-500: #7757ee;
  --violet-600: #6e57d1;
  --violet-700: #4f3da1;
  --violet-800: #392980;
  --violet-900: #251959;
  --violet-950: #150655;
  --gray-alpha-50: #00000008;
  --gray-alpha-100: #0000000b;
  --gray-alpha-200: #00000012;
  --gray-alpha-300: #0000001d;
  --gray-alpha-400: #00000038;
  --gray-alpha-500: #00000066;
  --gray-alpha-600: #00000083;
  --gray-alpha-700: #000000ad;
  --gray-alpha-800: #000000c7;
  --gray-alpha-900: #000000e8;
  --gray-alpha-950: #000000f0;
  --white: #ffffff;
  --black: #000000;
  --transparent: #ffffff00;
  --white-50: #ffffff1a;
  --white-100: #ffffff2e;
  --white-200: #ffffff45;
  --white-300: #ffffff5c;
  --white-400: #ffffff73;
  --white-500: #ffffff8a;
  --white-600: #ffffffa1;
  --white-700: #ffffffb8;
  --white-800: #ffffffcf;
  --white-900: #ffffffe5;
  --white-950: #fffffff2;
  --black-50: #00000017;
  --black-100: #0000002e;
  --black-200: #00000045;
  --black-300: #0000005c;
  --black-400: #00000073;
  --black-500: #0000008a;
  --black-600: #000000a1;
  --black-700: #000000b8;
  --black-800: #000000cf;
  --black-900: #000000e5;
  --black-950: #000000f2;
  --surface-base: var(--white);
  --surface-gray-1: var(--gray-50);
  --surface-gray-2: var(--gray-100);
  --surface-gray-3: var(--gray-200);
  --surface-gray-4: var(--gray-300);
  --surface-gray-5: var(--gray-400);
  --surface-gray-6: var(--gray-500);
  --surface-gray-7: var(--gray-600);
  --surface-gray-8: var(--gray-700);
  --surface-gray-9: var(--gray-800);
  --surface-gray-10: var(--gray-900);
  --surface-sidebar: var(--gray-50);
  --surface-elevation-1: var(--white);
  --surface-elevation-2: var(--white);
  --surface-elevation-3: var(--white);
  --surface-red-1: var(--red-50);
  --surface-red-2: var(--red-100);
  --surface-red-3: var(--red-200);
  --surface-red-4: var(--red-300);
  --surface-red-5: var(--red-400);
  --surface-red-6: var(--red-500);
  --surface-red-7: var(--red-600);
  --surface-red-8: var(--red-700);
  --surface-red-9: var(--red-800);
  --surface-red-10: var(--red-900);
  --surface-blue-1: var(--blue-50);
  --surface-blue-2: var(--blue-100);
  --surface-blue-3: var(--blue-200);
  --surface-blue-4: var(--blue-300);
  --surface-blue-5: var(--blue-400);
  --surface-blue-6: var(--blue-500);
  --surface-blue-7: var(--blue-600);
  --surface-blue-8: var(--blue-700);
  --surface-blue-9: var(--blue-800);
  --surface-blue-10: var(--blue-900);
  --surface-green-1: var(--green-50);
  --surface-green-2: var(--green-100);
  --surface-green-3: var(--green-200);
  --surface-green-4: var(--green-300);
  --surface-green-5: var(--green-400);
  --surface-green-6: var(--green-500);
  --surface-green-7: var(--green-600);
  --surface-green-8: var(--green-700);
  --surface-green-9: var(--green-800);
  --surface-green-10: var(--green-900);
  --surface-amber-1: var(--amber-50);
  --surface-amber-2: var(--amber-100);
  --surface-amber-3: var(--amber-200);
  --surface-amber-4: var(--amber-300);
  --surface-amber-5: var(--amber-400);
  --surface-amber-6: var(--amber-500);
  --surface-amber-7: var(--amber-600);
  --surface-amber-8: var(--amber-700);
  --surface-amber-9: var(--amber-800);
  --surface-amber-10: var(--amber-900);
  --surface-violet-1: var(--violet-50);
  --surface-violet-2: var(--violet-100);
  --surface-violet-3: var(--violet-200);
  --surface-violet-4: var(--violet-300);
  --surface-violet-5: var(--violet-400);
  --surface-violet-6: var(--violet-500);
  --surface-violet-7: var(--violet-600);
  --surface-violet-8: var(--violet-700);
  --surface-violet-9: var(--violet-800);
  --surface-violet-10: var(--violet-900);
  --surface-yellow-1: var(--yellow-50);
  --surface-yellow-2: var(--yellow-100);
  --surface-yellow-3: var(--yellow-200);
  --surface-yellow-4: var(--yellow-300);
  --surface-yellow-5: var(--yellow-400);
  --surface-yellow-6: var(--yellow-500);
  --surface-yellow-7: var(--yellow-600);
  --surface-yellow-8: var(--yellow-700);
  --surface-yellow-9: var(--yellow-800);
  --surface-yellow-10: var(--yellow-900);
  --surface-orange-1: var(--orange-50);
  --surface-orange-2: var(--orange-100);
  --surface-orange-3: var(--orange-200);
  --surface-orange-4: var(--orange-300);
  --surface-orange-5: var(--orange-400);
  --surface-orange-6: var(--orange-500);
  --surface-orange-7: var(--orange-600);
  --surface-orange-8: var(--orange-700);
  --surface-orange-9: var(--orange-800);
  --surface-orange-10: var(--orange-900);
  --surface-teal-1: var(--teal-50);
  --surface-teal-2: var(--teal-100);
  --surface-teal-3: var(--teal-200);
  --surface-teal-4: var(--teal-300);
  --surface-teal-5: var(--teal-400);
  --surface-teal-6: var(--teal-500);
  --surface-teal-7: var(--teal-600);
  --surface-teal-8: var(--teal-700);
  --surface-teal-9: var(--teal-800);
  --surface-teal-10: var(--teal-900);
  --surface-cyan-1: var(--cyan-50);
  --surface-cyan-2: var(--cyan-100);
  --surface-cyan-3: var(--cyan-200);
  --surface-cyan-4: var(--cyan-300);
  --surface-cyan-5: var(--cyan-400);
  --surface-cyan-6: var(--cyan-500);
  --surface-cyan-7: var(--cyan-600);
  --surface-cyan-8: var(--cyan-700);
  --surface-cyan-9: var(--cyan-800);
  --surface-cyan-10: var(--cyan-900);
  --surface-purple-1: var(--purple-50);
  --surface-purple-2: var(--purple-100);
  --surface-purple-3: var(--purple-200);
  --surface-purple-4: var(--purple-300);
  --surface-purple-5: var(--purple-400);
  --surface-purple-6: var(--purple-500);
  --surface-purple-7: var(--purple-600);
  --surface-purple-8: var(--purple-700);
  --surface-purple-9: var(--purple-800);
  --surface-purple-10: var(--purple-900);
  --surface-pink-1: var(--pink-50);
  --surface-pink-2: var(--pink-100);
  --surface-pink-3: var(--pink-200);
  --surface-pink-4: var(--pink-300);
  --surface-pink-5: var(--pink-400);
  --surface-pink-6: var(--pink-500);
  --surface-pink-7: var(--pink-600);
  --surface-pink-8: var(--pink-700);
  --surface-pink-9: var(--pink-800);
  --surface-pink-10: var(--pink-900);
  --surface-alert-button-default: var(--white);
  --surface-alert-button-info: var(--white);
  --surface-alert-button-success: var(--white);
  --surface-alert-button-warning: var(--white);
  --surface-alert-button-error: var(--white);
  --surface-alpha-base: var(--white);
  --surface-alpha-gray-1: var(--gray-alpha-50);
  --surface-alpha-gray-2: var(--gray-alpha-100);
  --surface-alpha-gray-3: var(--gray-alpha-200);
  --surface-alpha-gray-4: var(--gray-alpha-300);
  --surface-alpha-gray-5: var(--gray-alpha-400);
  --surface-alpha-gray-6: var(--gray-alpha-500);
  --surface-alpha-gray-7: var(--gray-alpha-600);
  --surface-alpha-gray-8: var(--gray-alpha-700);
  --surface-alpha-gray-9: var(--gray-alpha-800);
  --surface-alpha-gray-10: var(--gray-alpha-900);
  --surface-alpha-sidebar: var(--gray-50);
  --surface-alpha-elevation-1: var(--white);
  --surface-alpha-elevation-2: var(--white);
  --surface-alpha-elevation-3: var(--white);
  --surface-alpha-gray-2-overlay: var(--black-50);
  --ink-base: var(--white);
  --ink-gray-1: var(--gray-200);
  --ink-gray-2: var(--gray-300);
  --ink-gray-3: var(--gray-400);
  --ink-gray-4: var(--gray-500);
  --ink-gray-5: var(--gray-600);
  --ink-gray-6: var(--gray-700);
  --ink-gray-7: var(--gray-800);
  --ink-gray-8: var(--gray-900);
  --ink-gray-9: var(--gray-950);
  --ink-red-1: var(--white);
  --ink-red-2: var(--red-100);
  --ink-red-3: var(--red-200);
  --ink-red-4: var(--red-300);
  --ink-red-5: var(--red-400);
  --ink-red-6: var(--red-500);
  --ink-red-7: var(--red-600);
  --ink-red-8: var(--red-700);
  --ink-red-9: var(--red-800);
  --ink-red-10: var(--red-900);
  --ink-blue-1: var(--white);
  --ink-blue-2: var(--blue-100);
  --ink-blue-3: var(--blue-200);
  --ink-blue-4: var(--blue-300);
  --ink-blue-5: var(--blue-400);
  --ink-blue-6: var(--blue-500);
  --ink-blue-7: var(--blue-600);
  --ink-blue-8: var(--blue-700);
  --ink-blue-9: var(--blue-800);
  --ink-blue-10: var(--blue-900);
  --ink-green-1: var(--white);
  --ink-green-2: var(--green-100);
  --ink-green-3: var(--green-200);
  --ink-green-4: var(--green-300);
  --ink-green-5: var(--green-400);
  --ink-green-6: var(--green-500);
  --ink-green-7: var(--green-600);
  --ink-green-8: var(--green-700);
  --ink-green-9: var(--green-800);
  --ink-green-10: var(--green-900);
  --ink-amber-1: var(--white);
  --ink-amber-2: var(--amber-100);
  --ink-amber-3: var(--amber-200);
  --ink-amber-4: var(--amber-300);
  --ink-amber-5: var(--amber-400);
  --ink-amber-6: var(--amber-500);
  --ink-amber-7: var(--amber-600);
  --ink-amber-8: var(--amber-700);
  --ink-amber-9: var(--amber-800);
  --ink-amber-10: var(--amber-900);
  --ink-violet-1: var(--white);
  --ink-violet-2: var(--violet-100);
  --ink-violet-3: var(--violet-200);
  --ink-violet-4: var(--violet-300);
  --ink-violet-5: var(--violet-400);
  --ink-violet-6: var(--violet-500);
  --ink-violet-7: var(--violet-600);
  --ink-violet-8: var(--violet-700);
  --ink-violet-9: var(--violet-800);
  --ink-violet-10: var(--violet-900);
  --ink-yellow-1: var(--white);
  --ink-yellow-2: var(--yellow-100);
  --ink-yellow-3: var(--yellow-200);
  --ink-yellow-4: var(--yellow-300);
  --ink-yellow-5: var(--yellow-400);
  --ink-yellow-6: var(--yellow-500);
  --ink-yellow-7: var(--yellow-600);
  --ink-yellow-8: var(--yellow-700);
  --ink-yellow-9: var(--yellow-800);
  --ink-yellow-10: var(--yellow-900);
  --ink-orange-1: var(--white);
  --ink-orange-2: var(--orange-100);
  --ink-orange-3: var(--orange-200);
  --ink-orange-4: var(--orange-300);
  --ink-orange-5: var(--orange-400);
  --ink-orange-6: var(--orange-500);
  --ink-orange-7: var(--orange-600);
  --ink-orange-8: var(--orange-700);
  --ink-orange-9: var(--orange-800);
  --ink-orange-10: var(--orange-900);
  --ink-teal-1: var(--white);
  --ink-teal-2: var(--teal-100);
  --ink-teal-3: var(--teal-200);
  --ink-teal-4: var(--teal-300);
  --ink-teal-5: var(--teal-400);
  --ink-teal-6: var(--teal-500);
  --ink-teal-7: var(--teal-600);
  --ink-teal-8: var(--teal-700);
  --ink-teal-9: var(--teal-800);
  --ink-teal-10: var(--teal-900);
  --ink-cyan-1: var(--white);
  --ink-cyan-2: var(--cyan-100);
  --ink-cyan-3: var(--cyan-200);
  --ink-cyan-4: var(--cyan-300);
  --ink-cyan-5: var(--cyan-400);
  --ink-cyan-6: var(--cyan-500);
  --ink-cyan-7: var(--cyan-600);
  --ink-cyan-8: var(--cyan-700);
  --ink-cyan-9: var(--cyan-800);
  --ink-cyan-10: var(--cyan-900);
  --ink-purple-1: var(--white);
  --ink-purple-2: var(--purple-100);
  --ink-purple-3: var(--purple-200);
  --ink-purple-4: var(--purple-300);
  --ink-purple-5: var(--purple-400);
  --ink-purple-6: var(--purple-500);
  --ink-purple-7: var(--purple-600);
  --ink-purple-8: var(--purple-700);
  --ink-purple-9: var(--purple-800);
  --ink-purple-10: var(--purple-900);
  --ink-pink-1: var(--white);
  --ink-pink-2: var(--pink-100);
  --ink-pink-3: var(--pink-200);
  --ink-pink-4: var(--pink-300);
  --ink-pink-5: var(--pink-400);
  --ink-pink-6: var(--pink-500);
  --ink-pink-7: var(--pink-600);
  --ink-pink-8: var(--pink-700);
  --ink-pink-9: var(--pink-800);
  --ink-pink-10: var(--pink-900);
  --ink-alert-button-default: var(--gray-900);
  --ink-alert-button-info: var(--gray-900);
  --ink-alert-button-success: var(--gray-900);
  --ink-alert-button-warning: var(--gray-900);
  --ink-alert-button-error: var(--gray-900);
  --ink-blue-link: var(--blue-500);
  --outline-base: var(--white);
  --outline-gray-1: var(--gray-200);
  --outline-gray-2: var(--gray-300);
  --outline-gray-3: var(--gray-400);
  --outline-gray-4: var(--gray-500);
  --outline-gray-5: var(--gray-600);
  --outline-gray-6: var(--gray-700);
  --outline-gray-7: var(--gray-800);
  --outline-gray-8: var(--gray-900);
  --outline-gray-9: var(--gray-950);
  --outline-red-1: var(--red-100);
  --outline-red-2: var(--red-200);
  --outline-red-3: var(--red-300);
  --outline-red-4: var(--red-400);
  --outline-red-5: var(--red-500);
  --outline-red-6: var(--red-600);
  --outline-red-7: var(--red-700);
  --outline-red-8: var(--red-800);
  --outline-red-9: var(--red-900);
  --outline-red-10: var(--red-950);
  --outline-blue-1: var(--blue-100);
  --outline-blue-2: var(--blue-200);
  --outline-blue-3: var(--blue-300);
  --outline-blue-4: var(--blue-400);
  --outline-blue-5: var(--blue-500);
  --outline-blue-6: var(--blue-600);
  --outline-blue-7: var(--blue-700);
  --outline-blue-8: var(--blue-800);
  --outline-blue-9: var(--blue-900);
  --outline-blue-10: var(--blue-950);
  --outline-green-1: var(--green-100);
  --outline-green-2: var(--green-200);
  --outline-green-3: var(--green-300);
  --outline-green-4: var(--green-400);
  --outline-green-5: var(--green-500);
  --outline-green-6: var(--green-600);
  --outline-green-7: var(--green-700);
  --outline-green-8: var(--green-800);
  --outline-green-9: var(--green-900);
  --outline-green-10: var(--green-950);
  --outline-amber-1: var(--amber-100);
  --outline-amber-2: var(--amber-200);
  --outline-amber-3: var(--amber-300);
  --outline-amber-4: var(--amber-400);
  --outline-amber-5: var(--amber-500);
  --outline-amber-6: var(--amber-600);
  --outline-amber-7: var(--amber-700);
  --outline-amber-8: var(--amber-800);
  --outline-amber-9: var(--amber-900);
  --outline-amber-10: var(--amber-950);
  --outline-violet-1: var(--violet-100);
  --outline-violet-2: var(--violet-200);
  --outline-violet-3: var(--violet-300);
  --outline-violet-4: var(--violet-400);
  --outline-violet-5: var(--violet-500);
  --outline-violet-6: var(--violet-600);
  --outline-violet-7: var(--violet-700);
  --outline-violet-8: var(--violet-800);
  --outline-violet-9: var(--violet-900);
  --outline-violet-10: var(--violet-950);
  --outline-yellow-1: var(--yellow-100);
  --outline-yellow-2: var(--yellow-200);
  --outline-yellow-3: var(--yellow-300);
  --outline-yellow-4: var(--yellow-400);
  --outline-yellow-5: var(--yellow-500);
  --outline-yellow-6: var(--yellow-600);
  --outline-yellow-7: var(--yellow-700);
  --outline-yellow-8: var(--yellow-800);
  --outline-yellow-9: var(--yellow-900);
  --outline-yellow-10: var(--yellow-950);
  --outline-orange-1: var(--orange-100);
  --outline-orange-2: var(--orange-200);
  --outline-orange-3: var(--orange-300);
  --outline-orange-4: var(--orange-400);
  --outline-orange-5: var(--orange-500);
  --outline-orange-6: var(--orange-600);
  --outline-orange-7: var(--orange-700);
  --outline-orange-8: var(--orange-800);
  --outline-orange-9: var(--orange-900);
  --outline-orange-10: var(--orange-950);
  --outline-teal-1: var(--teal-100);
  --outline-teal-2: var(--teal-200);
  --outline-teal-3: var(--teal-300);
  --outline-teal-4: var(--teal-400);
  --outline-teal-5: var(--teal-500);
  --outline-teal-6: var(--teal-600);
  --outline-teal-7: var(--teal-700);
  --outline-teal-8: var(--teal-800);
  --outline-teal-9: var(--teal-900);
  --outline-teal-10: var(--teal-950);
  --outline-cyan-1: var(--cyan-100);
  --outline-cyan-2: var(--cyan-200);
  --outline-cyan-3: var(--cyan-300);
  --outline-cyan-4: var(--cyan-400);
  --outline-cyan-5: var(--cyan-500);
  --outline-cyan-6: var(--cyan-600);
  --outline-cyan-7: var(--cyan-700);
  --outline-cyan-8: var(--cyan-800);
  --outline-cyan-9: var(--cyan-900);
  --outline-cyan-10: var(--cyan-950);
  --outline-purple-1: var(--purple-100);
  --outline-purple-2: var(--purple-200);
  --outline-purple-3: var(--purple-300);
  --outline-purple-4: var(--purple-400);
  --outline-purple-5: var(--purple-500);
  --outline-purple-6: var(--purple-600);
  --outline-purple-7: var(--purple-700);
  --outline-purple-8: var(--purple-800);
  --outline-purple-9: var(--purple-900);
  --outline-purple-10: var(--purple-950);
  --outline-pink-1: var(--pink-100);
  --outline-pink-2: var(--pink-200);
  --outline-pink-3: var(--pink-300);
  --outline-pink-4: var(--pink-400);
  --outline-pink-5: var(--pink-500);
  --outline-pink-6: var(--pink-600);
  --outline-pink-7: var(--pink-700);
  --outline-pink-8: var(--pink-800);
  --outline-pink-9: var(--pink-900);
  --outline-pink-10: var(--pink-950);
  --outline-elevation-1: var(--gray-200);
  --outline-elevation-2: var(--gray-200);
  --outline-alpha-base: var(--white);
  --outline-alpha-gray-1: var(--gray-alpha-200);
  --outline-alpha-gray-2: var(--gray-alpha-300);
  --outline-alpha-gray-3: var(--gray-alpha-400);
  --outline-alpha-gray-4: var(--gray-alpha-500);
  --outline-alpha-gray-5: var(--gray-alpha-600);
  --outline-alpha-gray-6: var(--gray-alpha-700);
  --outline-alpha-gray-7: var(--gray-alpha-800);
  --outline-alpha-gray-8: var(--gray-alpha-900);
  --outline-alpha-gray-9: var(--gray-alpha-950);
  --outline-alpha-elevation-1: var(--gray-alpha-200);
  --outline-alpha-elevation-2: var(--gray-alpha-200);
}
[data-theme=dark],
.dark {
  --gray-50: #f8f8f8;
  --gray-100: #d9d9d9;
  --gray-200: #afafaf;
  --gray-300: #999999;
  --gray-400: #7a7a7a;
  --gray-450: #575757;
  --gray-500: #424242;
  --gray-600: #383838;
  --gray-700: #292929;
  --gray-800: #242424;
  --gray-900: #1f1f1f;
  --gray-950: #171717;
  --blue-50: #c9e0f5;
  --blue-100: #add2f5;
  --blue-200: #76bef9;
  --blue-300: #349bef;
  --blue-400: #2480cc;
  --blue-500: #1c6ec4;
  --blue-600: #0c59a2;
  --blue-700: #074783;
  --blue-800: #063465;
  --blue-900: #0a2e5c;
  --blue-950: #0f233d;
  --green-50: #c8f3de;
  --green-100: #9be6c1;
  --green-200: #7dc5a2;
  --green-300: #359768;
  --green-400: #128251;
  --green-500: #117846;
  --green-600: #077241;
  --green-700: #085934;
  --green-800: #0a4229;
  --green-900: #0e3521;
  --green-950: #072716;
  --red-50: #ffdede;
  --red-100: #ffc1c1;
  --red-200: #ff7575;
  --red-300: #eb4c4c;
  --red-400: #c23838;
  --red-500: #b03030;
  --red-600: #8e2e2e;
  --red-700: #852929;
  --red-800: #742a2a;
  --red-900: #592222;
  --red-950: #391416;
  --orange-50: #ffcdad;
  --orange-100: #ffa873;
  --orange-200: #fa8a40;
  --orange-300: #e3701c;
  --orange-400: #e16914;
  --orange-500: #984509;
  --orange-600: #823906;
  --orange-700: #683108;
  --orange-800: #532707;
  --orange-900: #361c09;
  --orange-950: #2b1708;
  --amber-50: #ffe59a;
  --amber-100: #f4c25f;
  --amber-200: #e9a144;
  --amber-300: #c67515;
  --amber-400: #bd660f;
  --amber-500: #af5e0e;
  --amber-600: #985315;
  --amber-700: #753a07;
  --amber-800: #5a2d07;
  --amber-900: #452608;
  --amber-950: #331c06;
  --yellow-50: #ffeeb8;
  --yellow-100: #ffe386;
  --yellow-200: #f8d76a;
  --yellow-300: #ecc02e;
  --yellow-400: #bb972a;
  --yellow-500: #9c7e1c;
  --yellow-600: #99780a;
  --yellow-700: #705606;
  --yellow-800: #5b4605;
  --yellow-900: #3a2c04;
  --yellow-950: #261d03;
  --teal-50: #a0f7ed;
  --teal-100: #7ef3e7;
  --teal-200: #51decf;
  --teal-300: #28bcac;
  --teal-400: #2ca094;
  --teal-500: #1b7169;
  --teal-600: #145b54;
  --teal-700: #0b4942;
  --teal-800: #0b3a35;
  --teal-900: #0a2d29;
  --teal-950: #0b2320;
  --cyan-50: #d0f0fa;
  --cyan-100: #95e3f6;
  --cyan-200: #62cae9;
  --cyan-300: #3cb8dc;
  --cyan-400: #249cc2;
  --cyan-500: #107b9b;
  --cyan-600: #0c6783;
  --cyan-700: #104f62;
  --cyan-800: #0d3b49;
  --cyan-900: #0b2932;
  --cyan-950: #0b2028;
  --purple-50: #e5c6fb;
  --purple-100: #d9aff5;
  --purple-200: #c993ef;
  --purple-300: #b168e8;
  --purple-400: #a26fce;
  --purple-500: #7a2db9;
  --purple-600: #622195;
  --purple-700: #491870;
  --purple-800: #391457;
  --purple-900: #2c1042;
  --purple-950: #23132f;
  --pink-50: #ffbbe4;
  --pink-100: #f69ad1;
  --pink-200: #ed77be;
  --pink-300: #e359ab;
  --pink-400: #cb5d9e;
  --pink-500: #ac377d;
  --pink-600: #892660;
  --pink-700: #6f1d4d;
  --pink-800: #5b183f;
  --pink-900: #42132f;
  --pink-950: #2e0f22;
  --violet-50: #d0c2ff;
  --violet-100: #c2b0fc;
  --violet-200: #baa8f5;
  --violet-300: #9175f0;
  --violet-400: #6c4dd5;
  --violet-500: #593bbf;
  --violet-600: #403397;
  --violet-700: #423691;
  --violet-800: #3c2a92;
  --violet-900: #2f236c;
  --violet-950: #1e1646;
  --gray-alpha-50: #fffffff7;
  --gray-alpha-100: #ffffffd4;
  --gray-alpha-200: #ffffffa8;
  --gray-alpha-300: #ffffff8f;
  --gray-alpha-400: #ffffff6c;
  --gray-alpha-450: #ffffff46;
  --gray-alpha-500: #ffffff2f;
  --gray-alpha-600: #ffffff24;
  --gray-alpha-700: #ffffff14;
  --gray-alpha-800: #ffffff0e;
  --gray-alpha-900: #ffffff09;
  --gray-alpha-950: #0000000a;
  --surface-base: var(--gray-950);
  --surface-gray-1: var(--gray-900);
  --surface-gray-2: var(--gray-700);
  --surface-gray-3: var(--gray-600);
  --surface-gray-4: var(--gray-500);
  --surface-gray-5: var(--gray-450);
  --surface-gray-6: var(--gray-400);
  --surface-gray-7: var(--gray-300);
  --surface-gray-8: var(--gray-200);
  --surface-gray-9: var(--gray-100);
  --surface-gray-10: var(--gray-50);
  --surface-sidebar: var(--transparent);
  --surface-elevation-1: var(--gray-900);
  --surface-elevation-2: var(--gray-800);
  --surface-elevation-3: var(--gray-600);
  --surface-red-1: var(--red-950);
  --surface-red-2: var(--red-900);
  --surface-red-3: var(--red-800);
  --surface-red-4: var(--red-700);
  --surface-red-5: var(--red-600);
  --surface-red-6: var(--red-500);
  --surface-red-7: var(--red-400);
  --surface-red-8: var(--red-300);
  --surface-red-9: var(--red-200);
  --surface-red-10: var(--red-100);
  --surface-blue-1: var(--blue-950);
  --surface-blue-2: var(--blue-900);
  --surface-blue-3: var(--blue-800);
  --surface-blue-4: var(--blue-700);
  --surface-blue-5: var(--blue-600);
  --surface-blue-6: var(--blue-500);
  --surface-blue-7: var(--blue-400);
  --surface-blue-8: var(--blue-300);
  --surface-blue-9: var(--blue-200);
  --surface-blue-10: var(--blue-100);
  --surface-green-1: var(--green-950);
  --surface-green-2: var(--green-900);
  --surface-green-3: var(--green-800);
  --surface-green-4: var(--green-700);
  --surface-green-5: var(--green-600);
  --surface-green-6: var(--green-500);
  --surface-green-7: var(--green-400);
  --surface-green-8: var(--green-300);
  --surface-green-9: var(--green-200);
  --surface-green-10: var(--green-100);
  --surface-amber-1: var(--amber-950);
  --surface-amber-2: var(--amber-900);
  --surface-amber-3: var(--amber-800);
  --surface-amber-4: var(--amber-700);
  --surface-amber-5: var(--amber-600);
  --surface-amber-6: var(--amber-500);
  --surface-amber-7: var(--amber-400);
  --surface-amber-8: var(--amber-300);
  --surface-amber-9: var(--amber-200);
  --surface-amber-10: var(--amber-100);
  --surface-violet-1: var(--violet-950);
  --surface-violet-2: var(--violet-900);
  --surface-violet-3: var(--violet-800);
  --surface-violet-4: var(--violet-700);
  --surface-violet-5: var(--violet-600);
  --surface-violet-6: var(--violet-500);
  --surface-violet-7: var(--violet-400);
  --surface-violet-8: var(--violet-300);
  --surface-violet-9: var(--violet-200);
  --surface-violet-10: var(--violet-100);
  --surface-yellow-1: var(--yellow-950);
  --surface-yellow-2: var(--yellow-900);
  --surface-yellow-3: var(--yellow-800);
  --surface-yellow-4: var(--yellow-700);
  --surface-yellow-5: var(--yellow-600);
  --surface-yellow-6: var(--yellow-500);
  --surface-yellow-7: var(--yellow-400);
  --surface-yellow-8: var(--yellow-300);
  --surface-yellow-9: var(--yellow-200);
  --surface-yellow-10: var(--yellow-100);
  --surface-orange-1: var(--orange-950);
  --surface-orange-2: var(--orange-900);
  --surface-orange-3: var(--orange-800);
  --surface-orange-4: var(--orange-700);
  --surface-orange-5: var(--orange-600);
  --surface-orange-6: var(--orange-500);
  --surface-orange-7: var(--orange-400);
  --surface-orange-8: var(--orange-300);
  --surface-orange-9: var(--orange-200);
  --surface-orange-10: var(--orange-100);
  --surface-teal-1: var(--teal-950);
  --surface-teal-2: var(--teal-900);
  --surface-teal-3: var(--teal-800);
  --surface-teal-4: var(--teal-700);
  --surface-teal-5: var(--teal-600);
  --surface-teal-6: var(--teal-500);
  --surface-teal-7: var(--teal-400);
  --surface-teal-8: var(--teal-300);
  --surface-teal-9: var(--teal-200);
  --surface-teal-10: var(--teal-100);
  --surface-cyan-1: var(--cyan-950);
  --surface-cyan-2: var(--cyan-900);
  --surface-cyan-3: var(--cyan-800);
  --surface-cyan-4: var(--cyan-700);
  --surface-cyan-5: var(--cyan-600);
  --surface-cyan-6: var(--cyan-500);
  --surface-cyan-7: var(--cyan-400);
  --surface-cyan-8: var(--cyan-300);
  --surface-cyan-9: var(--cyan-200);
  --surface-cyan-10: var(--cyan-100);
  --surface-purple-1: var(--purple-950);
  --surface-purple-2: var(--purple-900);
  --surface-purple-3: var(--purple-800);
  --surface-purple-4: var(--purple-700);
  --surface-purple-5: var(--purple-600);
  --surface-purple-6: var(--purple-500);
  --surface-purple-7: var(--purple-400);
  --surface-purple-8: var(--purple-300);
  --surface-purple-9: var(--purple-200);
  --surface-purple-10: var(--purple-100);
  --surface-pink-1: var(--pink-950);
  --surface-pink-2: var(--pink-900);
  --surface-pink-3: var(--pink-800);
  --surface-pink-4: var(--pink-700);
  --surface-pink-5: var(--pink-600);
  --surface-pink-6: var(--pink-500);
  --surface-pink-7: var(--pink-400);
  --surface-pink-8: var(--pink-300);
  --surface-pink-9: var(--pink-200);
  --surface-pink-10: var(--pink-100);
  --surface-alert-button-default: var(--gray-500);
  --surface-alert-button-info: var(--blue-700);
  --surface-alert-button-success: var(--green-700);
  --surface-alert-button-warning: var(--amber-700);
  --surface-alert-button-error: var(--red-700);
  --surface-alpha-base: var(--gray-alpha-950);
  --surface-alpha-gray-1: var(--gray-alpha-800);
  --surface-alpha-gray-2: var(--gray-alpha-700);
  --surface-alpha-gray-3: var(--gray-alpha-600);
  --surface-alpha-gray-4: var(--gray-alpha-500);
  --surface-alpha-gray-5: var(--gray-alpha-450);
  --surface-alpha-gray-6: var(--gray-alpha-400);
  --surface-alpha-gray-7: var(--gray-alpha-300);
  --surface-alpha-gray-8: var(--gray-alpha-200);
  --surface-alpha-gray-9: var(--gray-alpha-100);
  --surface-alpha-gray-10: var(--gray-alpha-50);
  --surface-alpha-sidebar: var(--gray-alpha-950);
  --surface-alpha-elevation-1: var(--gray-alpha-900);
  --surface-alpha-elevation-2: var(--gray-alpha-800);
  --surface-alpha-elevation-3: var(--gray-alpha-600);
  --surface-alpha-gray-2-overlay: var(--white-50);
  --ink-base: var(--gray-950);
  --ink-gray-1: var(--gray-800);
  --ink-gray-2: var(--gray-600);
  --ink-gray-3: var(--gray-500);
  --ink-gray-4: var(--gray-400);
  --ink-gray-5: var(--gray-400);
  --ink-gray-6: var(--gray-300);
  --ink-gray-7: var(--gray-200);
  --ink-gray-8: var(--gray-100);
  --ink-gray-9: var(--gray-50);
  --ink-red-1: var(--white);
  --ink-red-2: var(--red-800);
  --ink-red-3: var(--red-700);
  --ink-red-4: var(--red-600);
  --ink-red-5: var(--red-500);
  --ink-red-6: var(--red-400);
  --ink-red-7: var(--red-300);
  --ink-red-8: var(--red-200);
  --ink-red-9: var(--red-100);
  --ink-red-10: var(--red-50);
  --ink-blue-1: var(--white);
  --ink-blue-2: var(--blue-800);
  --ink-blue-3: var(--blue-700);
  --ink-blue-4: var(--blue-600);
  --ink-blue-5: var(--blue-500);
  --ink-blue-6: var(--blue-400);
  --ink-blue-7: var(--blue-300);
  --ink-blue-8: var(--blue-200);
  --ink-blue-9: var(--blue-100);
  --ink-blue-10: var(--blue-50);
  --ink-green-1: var(--white);
  --ink-green-2: var(--green-800);
  --ink-green-3: var(--green-700);
  --ink-green-4: var(--green-600);
  --ink-green-5: var(--green-500);
  --ink-green-6: var(--green-400);
  --ink-green-7: var(--green-300);
  --ink-green-8: var(--green-200);
  --ink-green-9: var(--green-100);
  --ink-green-10: var(--green-50);
  --ink-amber-1: var(--white);
  --ink-amber-2: var(--amber-800);
  --ink-amber-3: var(--amber-700);
  --ink-amber-4: var(--amber-600);
  --ink-amber-5: var(--amber-500);
  --ink-amber-6: var(--amber-400);
  --ink-amber-7: var(--amber-300);
  --ink-amber-8: var(--amber-200);
  --ink-amber-9: var(--amber-100);
  --ink-amber-10: var(--amber-50);
  --ink-violet-1: var(--white);
  --ink-violet-2: var(--violet-800);
  --ink-violet-3: var(--violet-700);
  --ink-violet-4: var(--violet-600);
  --ink-violet-5: var(--violet-500);
  --ink-violet-6: var(--violet-400);
  --ink-violet-7: var(--violet-300);
  --ink-violet-8: var(--violet-200);
  --ink-violet-9: var(--violet-100);
  --ink-violet-10: var(--violet-50);
  --ink-yellow-1: var(--white);
  --ink-yellow-2: var(--yellow-800);
  --ink-yellow-3: var(--yellow-700);
  --ink-yellow-4: var(--yellow-600);
  --ink-yellow-5: var(--yellow-500);
  --ink-yellow-6: var(--yellow-400);
  --ink-yellow-7: var(--yellow-300);
  --ink-yellow-8: var(--yellow-200);
  --ink-yellow-9: var(--yellow-100);
  --ink-yellow-10: var(--yellow-50);
  --ink-orange-1: var(--white);
  --ink-orange-2: var(--orange-800);
  --ink-orange-3: var(--orange-700);
  --ink-orange-4: var(--orange-600);
  --ink-orange-5: var(--orange-500);
  --ink-orange-6: var(--orange-400);
  --ink-orange-7: var(--orange-300);
  --ink-orange-8: var(--orange-200);
  --ink-orange-9: var(--orange-100);
  --ink-orange-10: var(--orange-50);
  --ink-teal-1: var(--white);
  --ink-teal-2: var(--teal-800);
  --ink-teal-3: var(--teal-700);
  --ink-teal-4: var(--teal-600);
  --ink-teal-5: var(--teal-500);
  --ink-teal-6: var(--teal-400);
  --ink-teal-7: var(--teal-300);
  --ink-teal-8: var(--teal-200);
  --ink-teal-9: var(--teal-100);
  --ink-teal-10: var(--teal-50);
  --ink-cyan-1: var(--white);
  --ink-cyan-2: var(--cyan-800);
  --ink-cyan-3: var(--cyan-700);
  --ink-cyan-4: var(--cyan-600);
  --ink-cyan-5: var(--cyan-500);
  --ink-cyan-6: var(--cyan-400);
  --ink-cyan-7: var(--cyan-300);
  --ink-cyan-8: var(--cyan-200);
  --ink-cyan-9: var(--cyan-100);
  --ink-cyan-10: var(--cyan-50);
  --ink-purple-1: var(--white);
  --ink-purple-2: var(--purple-800);
  --ink-purple-3: var(--purple-700);
  --ink-purple-4: var(--purple-600);
  --ink-purple-5: var(--purple-500);
  --ink-purple-6: var(--purple-400);
  --ink-purple-7: var(--purple-300);
  --ink-purple-8: var(--purple-200);
  --ink-purple-9: var(--purple-100);
  --ink-purple-10: var(--purple-50);
  --ink-pink-1: var(--white);
  --ink-pink-2: var(--pink-800);
  --ink-pink-3: var(--pink-700);
  --ink-pink-4: var(--pink-600);
  --ink-pink-5: var(--pink-500);
  --ink-pink-6: var(--pink-400);
  --ink-pink-7: var(--pink-300);
  --ink-pink-8: var(--pink-200);
  --ink-pink-9: var(--pink-100);
  --ink-pink-10: var(--pink-50);
  --ink-alert-button-default: var(--gray-50);
  --ink-alert-button-info: var(--blue-200);
  --ink-alert-button-success: var(--green-200);
  --ink-alert-button-warning: var(--amber-200);
  --ink-alert-button-error: var(--red-200);
  --ink-blue-link: var(--blue-500);
  --outline-base: var(--gray-950);
  --outline-gray-1: var(--gray-800);
  --outline-gray-2: var(--gray-600);
  --outline-gray-3: var(--gray-500);
  --outline-gray-4: var(--gray-450);
  --outline-gray-5: var(--gray-400);
  --outline-gray-6: var(--gray-300);
  --outline-gray-7: var(--gray-200);
  --outline-gray-8: var(--gray-100);
  --outline-gray-9: var(--gray-50);
  --outline-red-1: var(--red-900);
  --outline-red-2: var(--red-800);
  --outline-red-3: var(--red-700);
  --outline-red-4: var(--red-600);
  --outline-red-5: var(--red-500);
  --outline-red-6: var(--red-400);
  --outline-red-7: var(--red-300);
  --outline-red-8: var(--red-200);
  --outline-red-9: var(--red-100);
  --outline-red-10: var(--red-50);
  --outline-blue-1: var(--blue-900);
  --outline-blue-2: var(--blue-800);
  --outline-blue-3: var(--blue-700);
  --outline-blue-4: var(--blue-600);
  --outline-blue-5: var(--blue-500);
  --outline-blue-6: var(--blue-400);
  --outline-blue-7: var(--blue-300);
  --outline-blue-8: var(--blue-200);
  --outline-blue-9: var(--blue-100);
  --outline-blue-10: var(--blue-50);
  --outline-green-1: var(--green-900);
  --outline-green-2: var(--green-800);
  --outline-green-3: var(--green-700);
  --outline-green-4: var(--green-600);
  --outline-green-5: var(--green-500);
  --outline-green-6: var(--green-400);
  --outline-green-7: var(--green-300);
  --outline-green-8: var(--green-200);
  --outline-green-9: var(--green-100);
  --outline-green-10: var(--green-50);
  --outline-amber-1: var(--amber-900);
  --outline-amber-2: var(--amber-800);
  --outline-amber-3: var(--amber-700);
  --outline-amber-4: var(--amber-600);
  --outline-amber-5: var(--amber-500);
  --outline-amber-6: var(--amber-400);
  --outline-amber-7: var(--amber-300);
  --outline-amber-8: var(--amber-200);
  --outline-amber-9: var(--amber-100);
  --outline-amber-10: var(--amber-50);
  --outline-violet-1: var(--violet-900);
  --outline-violet-2: var(--violet-800);
  --outline-violet-3: var(--violet-700);
  --outline-violet-4: var(--violet-600);
  --outline-violet-5: var(--violet-500);
  --outline-violet-6: var(--violet-400);
  --outline-violet-7: var(--violet-300);
  --outline-violet-8: var(--violet-200);
  --outline-violet-9: var(--violet-100);
  --outline-violet-10: var(--violet-50);
  --outline-yellow-1: var(--yellow-900);
  --outline-yellow-2: var(--yellow-800);
  --outline-yellow-3: var(--yellow-700);
  --outline-yellow-4: var(--yellow-600);
  --outline-yellow-5: var(--yellow-500);
  --outline-yellow-6: var(--yellow-400);
  --outline-yellow-7: var(--yellow-300);
  --outline-yellow-8: var(--yellow-200);
  --outline-yellow-9: var(--yellow-100);
  --outline-yellow-10: var(--yellow-50);
  --outline-orange-1: var(--orange-900);
  --outline-orange-2: var(--orange-800);
  --outline-orange-3: var(--orange-700);
  --outline-orange-4: var(--orange-600);
  --outline-orange-5: var(--orange-500);
  --outline-orange-6: var(--orange-400);
  --outline-orange-7: var(--orange-300);
  --outline-orange-8: var(--orange-200);
  --outline-orange-9: var(--orange-100);
  --outline-orange-10: var(--orange-50);
  --outline-teal-1: var(--teal-900);
  --outline-teal-2: var(--teal-800);
  --outline-teal-3: var(--teal-700);
  --outline-teal-4: var(--teal-600);
  --outline-teal-5: var(--teal-500);
  --outline-teal-6: var(--teal-400);
  --outline-teal-7: var(--teal-300);
  --outline-teal-8: var(--teal-200);
  --outline-teal-9: var(--teal-100);
  --outline-teal-10: var(--teal-50);
  --outline-cyan-1: var(--cyan-900);
  --outline-cyan-2: var(--cyan-800);
  --outline-cyan-3: var(--cyan-700);
  --outline-cyan-4: var(--cyan-600);
  --outline-cyan-5: var(--cyan-500);
  --outline-cyan-6: var(--cyan-400);
  --outline-cyan-7: var(--cyan-300);
  --outline-cyan-8: var(--cyan-200);
  --outline-cyan-9: var(--cyan-100);
  --outline-cyan-10: var(--cyan-50);
  --outline-purple-1: var(--purple-900);
  --outline-purple-2: var(--purple-800);
  --outline-purple-3: var(--purple-700);
  --outline-purple-4: var(--purple-600);
  --outline-purple-5: var(--purple-500);
  --outline-purple-6: var(--purple-400);
  --outline-purple-7: var(--purple-300);
  --outline-purple-8: var(--purple-200);
  --outline-purple-9: var(--purple-100);
  --outline-purple-10: var(--purple-50);
  --outline-pink-1: var(--pink-900);
  --outline-pink-2: var(--pink-800);
  --outline-pink-3: var(--pink-700);
  --outline-pink-4: var(--pink-600);
  --outline-pink-5: var(--pink-500);
  --outline-pink-6: var(--pink-400);
  --outline-pink-7: var(--pink-300);
  --outline-pink-8: var(--pink-200);
  --outline-pink-9: var(--pink-100);
  --outline-pink-10: var(--pink-50);
  --outline-elevation-1: var(--gray-700);
  --outline-elevation-2: var(--gray-600);
  --outline-alpha-base: var(--gray-alpha-950);
  --outline-alpha-gray-1: var(--gray-alpha-800);
  --outline-alpha-gray-2: var(--gray-alpha-600);
  --outline-alpha-gray-3: var(--gray-alpha-500);
  --outline-alpha-gray-4: var(--gray-alpha-450);
  --outline-alpha-gray-5: var(--gray-alpha-400);
  --outline-alpha-gray-6: var(--gray-alpha-300);
  --outline-alpha-gray-7: var(--gray-alpha-200);
  --outline-alpha-gray-8: var(--gray-alpha-100);
  --outline-alpha-gray-9: var(--gray-alpha-50);
  --outline-alpha-elevation-1: var(--gray-alpha-700);
  --outline-alpha-elevation-2: var(--gray-alpha-600);
}

/* ../../../../../../tmp/tmp-622-dhhNOJZMg0un/19ef42c24eb6e/legacy.css */
:root {
  --linear-black:
    linear-gradient(
      to bottom,
      rgba(46, 46, 46, 0.18) 0%,
      rgba(36, 36, 36, 0.14) 100%);
  --linear-blue:
    linear-gradient(
      to bottom,
      rgba(17, 142, 245, 0.067) 0%,
      rgba(7, 127, 247, 0.029) 100%);
  --angular-white: conic-gradient(rgba(255, 255, 255, 1) 72.38%, rgba(255, 255, 255, 1) 99.87%);
  --angular-black: conic-gradient(rgba(56, 56, 56, 0.22) 72.38%, rgba(56, 56, 56, 0.22) 99.87%);
  --angular-green: conic-gradient(rgba(23, 117, 75, 0.092) 72.38%, rgba(23, 117, 75, 0.092) 99.87%);
  --angular-red: conic-gradient(rgba(205, 41, 41, 0.804) 72.38%, rgba(205, 41, 41, 0.804) 99.87%);
  --angular-blue: conic-gradient(rgba(0, 110, 219, 0) 72.38%, rgba(0, 110, 219, 0) 99.87%);
}
:root {
  --neutral: var(--ink-base);
  --neutral-invert: var(--surface-base);
  --bg-color: var(--surface-base);
  --fg-color: var(--surface-base);
  --card-bg: var(--surface-base);
  --modal-bg: var(--bg-color);
  --popover-bg: var(--bg-color);
  --toast-bg: var(--modal-bg);
  --control-bg: var(--surface-gray-2);
  --control-bg-on-gray: var(--surface-gray-3);
  --subtle-accent: var(--surface-gray-1);
  --subtle-fg: var(--surface-gray-2);
  --fg-hover-color: var(--surface-gray-2);
  --disabled-control-bg: var(--surface-gray-1);
  --navbar-bg: var(--surface-sidebar);
  --sidebar-select-color: var(--surface-gray-2);
  --highlight-color: var(--surface-gray-1);
  --skeleton-bg: var(--surface-gray-2);
  --text-color: var(--ink-gray-8);
  --heading-color: var(--ink-gray-9);
  --text-muted: var(--ink-gray-6);
  --text-light: var(--ink-gray-5);
  --disabled-text-color: var(--ink-gray-5);
  --icon-stroke: currentColor;
  --placeholder-color: var(--ink-gray-3);
  --border-color: var(--outline-gray-1);
  --dark-border-color: var(--outline-gray-2);
  --table-border-color: var(--outline-gray-1);
  --btn-group-border-color: var(--outline-gray-2);
  --border-primary: var(--outline-gray-8);
  --btn-default-bg: var(--surface-gray-2);
  --btn-default-hover-bg: var(--surface-gray-4);
  --btn-ghost-hover-bg: var(--surface-gray-3);
  --btn-primary: var(--surface-gray-10);
  --bg-blue: var(--surface-blue-2);
  --bg-light-blue: var(--surface-blue-1);
  --bg-dark-blue: var(--surface-blue-3);
  --bg-green: var(--surface-green-2);
  --bg-yellow: var(--surface-yellow-2);
  --bg-orange: var(--surface-orange-2);
  --bg-red: var(--surface-red-2);
  --bg-gray: var(--surface-gray-2);
  --bg-grey: var(--surface-gray-2);
  --bg-light-gray: var(--surface-gray-2);
  --bg-dark-gray: var(--surface-gray-5);
  --bg-darkgrey: var(--surface-gray-5);
  --bg-purple: var(--surface-purple-2);
  --bg-pink: var(--surface-pink-2);
  --bg-cyan: var(--surface-cyan-2);
  --text-on-blue: var(--ink-blue-8);
  --text-on-light-blue: var(--ink-blue-8);
  --text-on-dark-blue: var(--ink-blue-8);
  --text-on-green: var(--ink-green-8);
  --text-on-yellow: var(--ink-yellow-8);
  --text-on-orange: var(--ink-orange-8);
  --text-on-red: var(--ink-red-8);
  --text-on-gray: var(--ink-gray-8);
  --text-on-grey: var(--ink-gray-8);
  --text-on-darkgrey: var(--ink-gray-8);
  --text-on-dark-gray: var(--ink-gray-8);
  --text-on-light-gray: var(--ink-gray-8);
  --text-on-purple: var(--ink-purple-8);
  --text-on-pink: var(--ink-pink-8);
  --text-on-cyan: var(--ink-cyan-8);
  --scrollbar-thumb-color: var(--outline-gray-3);
  --scrollbar-track-color: var(--surface-gray-3);
  --switch-bg: var(--outline-gray-3);
  --diff-added: var(--surface-green-2);
  --diff-removed: var(--surface-red-2);
  --diff-changed: var(--surface-blue-2);
}
:root {
  --alert-bg-danger: var(--red-50);
  --alert-bg-info: var(--blue-50);
  --alert-bg-success: var(--green-100);
  --alert-bg-warning: var(--yellow-50);
  --alert-text-danger: var(--red-600);
  --alert-text-info: var(--blue-700);
  --alert-text-success: var(--green-700);
  --alert-text-warning: var(--yellow-700);
  --appreciation-bg: var(--green-100);
  --appreciation-color: var(--green-600);
  --awesomebar-focus-bg: var(--fg-color);
  --awesomplete-hover-bg: var(--control-bg);
  --brand-color: var(--primary);
  --checkbox-color: var(--ink-gray-9);
  --criticism-bg: var(--red-100);
  --criticism-color: var(--red-600);
  --date-active-bg: var(--gray-900);
  --date-active-text: var(--gray-100);
  --date-range-bg: var(--subtle-fg);
  --error-bg: var(--red-50);
  --error-border: var(--red-400);
  --group-mention-bg-color: var(--bg-purple);
  --icon-fill: transparent;
  --icon-fill-bg: var(--fg-color);
  --input-disabled-bg: var(--gray-200);
  --primary-color: var(--gray-900);
  --progress-bar-bg: var(--primary);
  --text-dark: var(--fg-color);
  --text-neutral: var(--gray-900);
  --timeline-badge-bg: var(--gray-100);
  --timeline-badge-color: var(--gray-900);
  --user-mention-bg-color: var(--fg-color);
  --yellow-highlight-color: var(--yellow-50);
}
[data-theme=dark],
.dark {
  --alert-bg-danger: var(--red-900);
  --alert-bg-info: var(--blue-900);
  --alert-bg-success: var(--green-900);
  --alert-bg-warning: var(--yellow-900);
  --alert-text-danger: var(--red-300);
  --alert-text-info: var(--blue-300);
  --alert-text-success: var(--green-300);
  --alert-text-warning: var(--yellow-300);
  --appreciation-bg: var(--dark-green-600);
  --appreciation-color: var(--dark-green-100);
  --awesomebar-focus-bg: var(--control-bg);
  --awesomplete-hover-bg: var(--gray-800);
  --checkbox-color: var(--ink-base);
  --criticism-bg: var(--red-600);
  --criticism-color: var(--red-100);
  --date-active-bg: var(--gray-700);
  --error-bg: var(--red-800);
  --input-disabled-bg: none;
  --progress-bar-bg: var(--light);
  --text-dark: var(--gray-900);
  --text-neutral: var(--gray-50);
  --timeline-badge-bg: var(--gray-900);
  --timeline-badge-color: var(--gray-500);
  --yellow-highlight-color: var(--yellow-700);
}
:root {
  --shadow-base: var(--shadow);
  --focus-yellow: var(--focus-amber);
  --custom-status: var(--elevation-status);
  --shadow-xs:
    rgba(0, 0, 0, 0.05) 0px 0.5px 0px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0.05) 0px 2px 4px 0px;
  --custom-shadow-sm: 0px 1px 4px rgba(0, 0, 0, 0.1);
  --drop-shadow:
    0px 0.5px 0px rgba(0, 0, 0, 0.05),
    0px 0px 0px rgba(0, 0, 0, 0),
    0px 2px 4px rgba(0, 0, 0, 0.05);
}
:root {
  --weight-regular: var(--font-weight-regular);
  --weight-medium: var(--font-weight-medium);
  --weight-semibold: var(--font-weight-semibold);
  --weight-bold: var(--font-weight-bold);
  --weight-black: var(--font-weight-black);
  --text-md: var(--text-base);
}
:root {
  --bg-amber: var(--surface-amber-2);
  --text-on-amber: var(--ink-amber-8);
  --bg-violet: var(--surface-violet-2);
  --text-on-violet: var(--ink-violet-8);
}

/* ../../../../../../tmp/tmp-622-dhhNOJZMg0un/19ef42c25717b/spacing.css */
:root {
  --spacing: 0.25rem;
}

/* ../../../../../../tmp/tmp-622-dhhNOJZMg0un/19ef42c25de86/typography.css */
:root {
  --font-weight-regular: 420;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 800;
  --text-tiny: 11px;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-lg: 16px;
  --text-xl: 17px;
  --text-2xl: 18px;
  --text-3xl: 20px;
  --text-4xl: 24px;
  --text-5xl: 26px;
  --text-6xl: 28px;
  --text-7xl: 32px;
  --text-8xl: 40px;
  --text-9xl: 44px;
  --text-10xl: 48px;
  --text-11xl: 52px;
  --text-12xl: 56px;
  --text-p-xs: 12px;
  --text-p-sm: 13px;
  --text-p-base: 14px;
  --text-p-lg: 16px;
  --text-p-xl: 17px;
}
.text-2xs {
  font-size: var(--text-2xs);
  line-height: 1.15;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.01em;
}
.text-2xs-medium {
  font-size: var(--text-2xs);
  line-height: 1.15;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.01em;
}
.text-2xs-semibold {
  font-size: var(--text-2xs);
  line-height: 1.15;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.01em;
}
.text-2xs-bold {
  font-size: var(--text-2xs);
  line-height: 1.15;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.01em;
}
.text-2xs-black {
  font-size: var(--text-2xs);
  line-height: 1.15;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.01em;
}
.text-xs {
  font-size: var(--text-xs);
  line-height: 1.15;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
}
.text-xs-medium {
  font-size: var(--text-xs);
  line-height: 1.15;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.02em;
}
.text-xs-semibold {
  font-size: var(--text-xs);
  line-height: 1.15;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
}
.text-xs-bold {
  font-size: var(--text-xs);
  line-height: 1.15;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-xs-black {
  font-size: var(--text-xs);
  line-height: 1.15;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.015em;
}
.text-sm {
  font-size: var(--text-sm);
  line-height: 1.15;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
}
.text-sm-medium {
  font-size: var(--text-sm);
  line-height: 1.15;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.02em;
}
.text-sm-semibold {
  font-size: var(--text-sm);
  line-height: 1.15;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
}
.text-sm-bold {
  font-size: var(--text-sm);
  line-height: 1.15;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-sm-black {
  font-size: var(--text-sm);
  line-height: 1.15;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.015em;
}
.text-base {
  font-size: var(--text-base);
  line-height: 1.15;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.015em;
}
.text-base-medium {
  font-size: var(--text-base);
  line-height: 1.15;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.015em;
}
.text-base-semibold {
  font-size: var(--text-base);
  line-height: 1.15;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
}
.text-base-bold {
  font-size: var(--text-base);
  line-height: 1.15;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-base-black {
  font-size: var(--text-base);
  line-height: 1.15;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.015em;
}
.text-lg {
  font-size: var(--text-lg);
  line-height: 1.15;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.015em;
}
.text-lg-medium {
  font-size: var(--text-lg);
  line-height: 1.15;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.015em;
}
.text-lg-semibold {
  font-size: var(--text-lg);
  line-height: 1.15;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
}
.text-lg-bold {
  font-size: var(--text-lg);
  line-height: 1.15;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-lg-black {
  font-size: var(--text-lg);
  line-height: 1.15;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.015em;
}
.text-xl {
  font-size: var(--text-xl);
  line-height: 1.15;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.015em;
}
.text-xl-medium {
  font-size: var(--text-xl);
  line-height: 1.15;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.015em;
}
.text-xl-semibold {
  font-size: var(--text-xl);
  line-height: 1.15;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
}
.text-xl-bold {
  font-size: var(--text-xl);
  line-height: 1.15;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-xl-black {
  font-size: var(--text-xl);
  line-height: 1.15;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.015em;
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: 1.15;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.015em;
}
.text-2xl-medium {
  font-size: var(--text-2xl);
  line-height: 1.15;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.015em;
}
.text-2xl-semibold {
  font-size: var(--text-2xl);
  line-height: 1.15;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
}
.text-2xl-bold {
  font-size: var(--text-2xl);
  line-height: 1.15;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-2xl-black {
  font-size: var(--text-2xl);
  line-height: 1.15;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.015em;
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: 1.15;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.01em;
}
.text-3xl-medium {
  font-size: var(--text-3xl);
  line-height: 1.15;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.01em;
}
.text-3xl-semibold {
  font-size: var(--text-3xl);
  line-height: 1.15;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.01em;
}
.text-3xl-bold {
  font-size: var(--text-3xl);
  line-height: 1.15;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.01em;
}
.text-3xl-black {
  font-size: var(--text-3xl);
  line-height: 1.15;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.01em;
}
.text-4xl {
  font-size: var(--text-4xl);
  line-height: 1.15;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.01em;
}
.text-4xl-medium {
  font-size: var(--text-4xl);
  line-height: 1.15;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.01em;
}
.text-4xl-semibold {
  font-size: var(--text-4xl);
  line-height: 1.15;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.01em;
}
.text-4xl-bold {
  font-size: var(--text-4xl);
  line-height: 1.15;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.01em;
}
.text-4xl-black {
  font-size: var(--text-4xl);
  line-height: 1.15;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.01em;
}
.text-5xl {
  font-size: var(--text-5xl);
  line-height: 1.15;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.005em;
}
.text-5xl-medium {
  font-size: var(--text-5xl);
  line-height: 1.15;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.005em;
}
.text-5xl-semibold {
  font-size: var(--text-5xl);
  line-height: 1.15;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.005em;
}
.text-5xl-bold {
  font-size: var(--text-5xl);
  line-height: 1.15;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.005em;
}
.text-5xl-black {
  font-size: var(--text-5xl);
  line-height: 1.15;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.005em;
}
.text-6xl {
  font-size: var(--text-6xl);
  line-height: 1.6;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.005em;
}
.text-6xl-medium {
  font-size: var(--text-6xl);
  line-height: 1.6;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.005em;
}
.text-6xl-semibold {
  font-size: var(--text-6xl);
  line-height: 1.6;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.005em;
}
.text-6xl-bold {
  font-size: var(--text-6xl);
  line-height: 1.6;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.005em;
}
.text-6xl-black {
  font-size: var(--text-6xl);
  line-height: 1.6;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.01em;
}
.text-7xl {
  font-size: var(--text-7xl);
  line-height: 1.6;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.005em;
}
.text-7xl-medium {
  font-size: var(--text-7xl);
  line-height: 1.6;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.005em;
}
.text-7xl-semibold {
  font-size: var(--text-7xl);
  line-height: 1.6;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.01em;
}
.text-7xl-bold {
  font-size: var(--text-7xl);
  line-height: 1.6;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-7xl-black {
  font-size: var(--text-7xl);
  line-height: 1.6;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.01em;
}
.text-8xl {
  font-size: var(--text-8xl);
  line-height: 1.6;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.015em;
}
.text-8xl-medium {
  font-size: var(--text-8xl);
  line-height: 1.6;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.015em;
}
.text-8xl-semibold {
  font-size: var(--text-8xl);
  line-height: 1.6;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
}
.text-8xl-bold {
  font-size: var(--text-8xl);
  line-height: 1.6;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-8xl-black {
  font-size: var(--text-8xl);
  line-height: 1.6;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.005em;
}
.text-9xl {
  font-size: var(--text-9xl);
  line-height: 1.4;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0em;
}
.text-9xl-medium {
  font-size: var(--text-9xl);
  line-height: 1.4;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0em;
}
.text-9xl-semibold {
  font-size: var(--text-9xl);
  line-height: 1.4;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0em;
}
.text-9xl-bold {
  font-size: var(--text-9xl);
  line-height: 1.4;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0em;
}
.text-9xl-black {
  font-size: var(--text-9xl);
  line-height: 1.4;
  font-weight: var(--font-weight-black);
  letter-spacing: 0em;
}
.text-10xl {
  font-size: var(--text-10xl);
  line-height: 1.4;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0em;
}
.text-10xl-medium {
  font-size: var(--text-10xl);
  line-height: 1.4;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0em;
}
.text-10xl-semibold {
  font-size: var(--text-10xl);
  line-height: 1.4;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0em;
}
.text-10xl-bold {
  font-size: var(--text-10xl);
  line-height: 1.4;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0em;
}
.text-10xl-black {
  font-size: var(--text-10xl);
  line-height: 1.4;
  font-weight: var(--font-weight-black);
  letter-spacing: 0em;
}
.text-11xl {
  font-size: var(--text-11xl);
  line-height: 1.4;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0em;
}
.text-11xl-medium {
  font-size: var(--text-11xl);
  line-height: 1.4;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0em;
}
.text-11xl-semibold {
  font-size: var(--text-11xl);
  line-height: 1.4;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0em;
}
.text-11xl-bold {
  font-size: var(--text-11xl);
  line-height: 1.4;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.005em;
}
.text-11xl-black {
  font-size: var(--text-11xl);
  line-height: 1.4;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.005em;
}
.text-12xl {
  font-size: var(--text-12xl);
  line-height: 1.4;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0em;
}
.text-12xl-medium {
  font-size: var(--text-12xl);
  line-height: 1.4;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0em;
}
.text-12xl-semibold {
  font-size: var(--text-12xl);
  line-height: 1.4;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0em;
}
.text-12xl-bold {
  font-size: var(--text-12xl);
  line-height: 1.4;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0em;
}
.text-12xl-black {
  font-size: var(--text-12xl);
  line-height: 1.4;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.005em;
}
.text-p-xs {
  font-size: var(--text-p-xs);
  line-height: 1.6;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
}
.text-p-xs-medium {
  font-size: var(--text-p-xs);
  line-height: 1.6;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.02em;
}
.text-p-xs-semibold {
  font-size: var(--text-p-xs);
  line-height: 1.6;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
}
.text-p-xs-bold {
  font-size: var(--text-p-xs);
  line-height: 1.6;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-p-xs-black {
  font-size: var(--text-p-xs);
  line-height: 1.6;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.015em;
}
.text-p-sm {
  font-size: var(--text-p-sm);
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
}
.text-p-sm-medium {
  font-size: var(--text-p-sm);
  line-height: 1.5;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.02em;
}
.text-p-sm-semibold {
  font-size: var(--text-p-sm);
  line-height: 1.5;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
}
.text-p-sm-bold {
  font-size: var(--text-p-sm);
  line-height: 1.5;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-p-sm-black {
  font-size: var(--text-p-sm);
  line-height: 1.5;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.015em;
}
.text-p-base {
  font-size: var(--text-p-base);
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.015em;
}
.text-p-base-medium {
  font-size: var(--text-p-base);
  line-height: 1.5;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.015em;
}
.text-p-base-semibold {
  font-size: var(--text-p-base);
  line-height: 1.5;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
}
.text-p-base-bold {
  font-size: var(--text-p-base);
  line-height: 1.5;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-p-base-black {
  font-size: var(--text-p-base);
  line-height: 1.5;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.015em;
}
.text-p-lg {
  font-size: var(--text-p-lg);
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.015em;
}
.text-p-lg-medium {
  font-size: var(--text-p-lg);
  line-height: 1.5;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.015em;
}
.text-p-lg-semibold {
  font-size: var(--text-p-lg);
  line-height: 1.5;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
}
.text-p-lg-bold {
  font-size: var(--text-p-lg);
  line-height: 1.5;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-p-lg-black {
  font-size: var(--text-p-lg);
  line-height: 1.5;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.015em;
}
.text-p-xl {
  font-size: var(--text-p-xl);
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.015em;
}
.text-p-xl-medium {
  font-size: var(--text-p-xl);
  line-height: 1.5;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.015em;
}
.text-p-xl-semibold {
  font-size: var(--text-p-xl);
  line-height: 1.5;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
}
.text-p-xl-bold {
  font-size: var(--text-p-xl);
  line-height: 1.5;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.015em;
}
.text-p-xl-black {
  font-size: var(--text-p-xl);
  line-height: 1.5;
  font-weight: var(--font-weight-black);
  letter-spacing: 0.015em;
}

/* ../../../../../../tmp/tmp-622-dhhNOJZMg0un/19ef42c273d8e/effects.css */
:root {
  --elevation-sm:
    inset 0px 0.25px 1.5px 0px #ffffff29,
    0px 0px 1px 0px #00000033,
    0px 1px 3px 0px #00000024;
  --elevation-base:
    inset 0px 0.25px 1.5px 0px #ffffff29,
    0px 0px 1.5px 0px #00000029,
    0px 2px 5px 0px #00000024;
  --elevation-md:
    inset 0px 0.25px 1.5px 0px #ffffff29,
    0px 0px 1.5px 0px #00000026,
    0px 0px 6px 2px #0000000a,
    0px 6px 12px -2px #00000014;
  --elevation-lg:
    inset 0px 0.25px 1.5px 0px #ffffff29,
    0px 0px 1.5px 0px #0000002e,
    0px 0px 6px 3px #00000008,
    0px 18px 22px -6px #0000001a;
  --elevation-xl:
    inset 0px 0.25px 1.5px 0px #ffffff29,
    0px 0px 1px 0px #00000033,
    0px 0px 10px 2px #0000000a,
    0px 24px 30px -8px #0000001a;
  --elevation-2xl:
    inset 0px 0.25px 2px 0px #ffffff29,
    0px 0px 1.5px 0px #00000040,
    0px 0px 10px 2px #00000008,
    0px 44px 52px -10px #0000001a;
  --elevation-status: 0px 0px 0px 1.5px #ffffff;
  --shadow-sm: var(--elevation-sm);
  --shadow: var(--elevation-base);
  --shadow-md: var(--elevation-md);
  --shadow-lg: var(--elevation-lg);
  --shadow-xl: var(--elevation-xl);
  --shadow-2xl: var(--elevation-2xl);
  --shadow-status: var(--elevation-status);
  --focus-default: 0px 0px 0px 2px #c9c9c9e5;
  --focus-outline-default: 2px solid #c9c9c9e5;
  --focus-red: 0px 0px 0px 2px #fa9c9de5;
  --focus-outline-red: 2px solid #fa9c9de5;
  --focus-green: 0px 0px 0px 2px #5ed29ce5;
  --focus-outline-green: 2px solid #5ed29ce5;
  --focus-amber: 0px 0px 0px 2px #ffda7ce5;
  --focus-outline-amber: 2px solid #ffda7ce5;
  --focus-blue: 0px 0px 0px 2px #65b9fce5;
  --focus-outline-blue: 2px solid #65b9fce5;
  --focus-violet: 0px 0px 0px 2px #bea2fce5;
  --focus-outline-violet: 2px solid #bea2fce5;
}
[data-theme=dark] {
  --focus-default: 0px 0px 0px 3px #464646cc;
  --focus-outline-default: 3px solid #464646cc;
  --focus-red: 0px 0px 0px 3px #751819cc;
  --focus-outline-red: 3px solid #751819cc;
  --focus-green: 0px 0px 0px 3px #1d563bcc;
  --focus-outline-green: 3px solid #1d563bcc;
  --focus-amber: 0px 0px 0px 3px #744811cc;
  --focus-outline-amber: 3px solid #744811cc;
  --focus-blue: 0px 0px 0px 3px #0e3d62cc;
  --focus-outline-blue: 3px solid #0e3d62cc;
  --focus-violet: 0px 0px 0px 3px #412d87cc;
  --focus-outline-violet: 3px solid #412d87cc;
}

/* ../../../../../../tmp/tmp-622-dhhNOJZMg0un/19ef42c27b89f/radius.css */
:root {
  --radius-0: 0px;
  --radius-1: 4px;
  --radius-2: 5px;
  --radius-3: 6px;
  --radius-4: 8px;
  --radius-5: 10px;
  --radius-6: 12px;
  --radius-7: 16px;
  --radius-8: 20px;
  --radius-9: 999px;
  --radius-full: 9999px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
}

/* ../../../../../../tmp/tmp-622-dhhNOJZMg0un/frappe/frappe/public/scss/login.bundle.css */
:root {
  --input-padding: 6px 8px;
  --dropdown-padding: 4px 8px;
  --grid-padding: 10px 8px;
  --number-card-padding: 8px 8px 8px 12px;
}
:root {
  --font-stack:
    "InterVariable",
    "Inter",
    "-apple-system",
    "BlinkMacSystemFont",
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif;
  --text-line-height-3xl: 115%;
  --text-line-height-4xl: 160%;
  --text-line-height-7xl: 140%;
  --text-line-height-12xl: 130%;
  --text-line-height-14xl: 120%;
  --para-line-height-2-xs: 160%;
  --para-line-height-sm: 150%;
  --para-line-height-2xl: 148%;
  --para-line-height-3xl: 140%;
}
.text-ink-gray-7 {
  color: var(--ink-gray-7);
}
html,
body {
  font-size: 16px;
}
:root,
[data-theme=light] {
  --padding-xs: 5px;
  --padding-sm: 7px;
  --padding-md: 15px;
  --padding-lg: 20px;
  --padding-xl: 30px;
  --padding-2xl: 40px;
  --margin-xs: 5px;
  --margin-sm: 10px;
  --margin-md: 15px;
  --margin-lg: 20px;
  --margin-xl: 30px;
  --margin-2xl: 40px;
  --page-max-width: 900px;
  --modal-shadow: var(--shadow-md);
  --card-shadow: var(--shadow-sm);
  --btn-shadow: var(--shadow-xs);
  --navbar-height: 48px;
  --shadow-inset: inset 0px -1px 0px var(--gray-300);
  --highlight-shadow: 1px 1px 10px var(--blue-50), 0px 0px 4px var(--blue-600);
  --code-block-bg: var(--gray-900);
  --code-block-text: var(--gray-400);
  --btn-height: 28px;
  --input-height: 28px;
  --checkbox-right-margin: var(--margin-xs);
  --checkbox-size: 14px;
  --checkbox-focus-shadow: 0 0 0 2px var(--gray-300);
  --checkbox-gradient:
    linear-gradient(
      180deg,
      var(--primary) -124.51%,
      var(--primary) 100%);
  --checkbox-disabled-gradient:
    linear-gradient(
      
      180deg,
      var(--disabled-control-bg) -124.51%,
      var(--disabled-control-bg) 100% );
  --right-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 7.5L4.75 4L1.25 0.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  --left-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.5 9.5L4 6l3.5-3.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'></path></svg>");
}
@media (max-width: 991.98px) {
  :root,
  [data-theme=light] {
    --checkbox-size: 18px;
  }
}
:root,
[data-theme=light] {
  --xxl-width: 1440px;
  --xl-width: 1200px;
  --lg-width: 992px;
  --md-width: 768px;
  --sm-width: 567px;
  --xs-width: 0;
  --page-head-height: 48px;
  --page-bottom-margin: 60px;
  --checkbox-right-margin: var(--margin-xs);
  --checkbox-focus-shadow: var(--focus-default);
  --timeline-item-icon-size: 30px;
  --timeline-item-left-margin: var(--margin-lg);
  --timeline-item-bottom-margin: var(--margin-sm);
  --timeline-content-max-width: 700px;
  --timeline-left-padding: calc(var(--padding-xl) + var(--timeline-item-icon-size) / 2);
  --list-row-height: 30px;
  --list-checkbox-padding: calc((var(--list-row-height) - var(--checkbox-size)) / 2);
}
@media (max-width: 991.98px) {
  :root,
  [data-theme=light] {
    --checkbox-size: 18px;
  }
}
[data-theme=dark] {
  --shadow-inset: var(--fg-color);
  --highlight-shadow: 1px 1px 10px var(--blue-900), 0px 0px 4px var(--blue-500);
  --shadow-base: 0px 4px 8px rgba(114, 176, 233, 0.06), 0px 0px 4px rgba(112, 172, 228, 0.12);
  --checkbox-gradient:
    linear-gradient(
      
      180deg,
      var(--bg-surface-base) -124.51%,
      var(--bg-surface-base) 100% );
  --checkbox-disabled-gradient:
    linear-gradient(
      
      180deg,
      var(--gray-600) -124.51%,
      var(--gray-600) 100% );
  --checkbox-focus-shadow: var(--focus-default);
  color-scheme: dark;
  --right-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 7.5L4.75 4L1.25 0.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  --left-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.5 9.5L4 6l3.5-3.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'></path></svg>");
}
[data-theme=dark] .page-title .sidebar-toggle-btn {
  --icon-stroke: var(--gray-300);
}
[data-theme=dark] .progress {
  background-color: var(--gray-700);
}
[data-theme=dark] input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml, <svg viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 4.00001L2.66667 5.80001L7 1.20001' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"), var(--checkbox-gradient);
}
[data-theme=dark] input[type=checkbox].disabled-selected,
[data-theme=dark] input[type=checkbox]:disabled:checked {
  background-image: url("data:image/svg+xml, <svg viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 4.00001L2.66667 5.80001L7 1.20001' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>"), var(--checkbox-disabled-gradient);
}
[data-theme=dark] input[type=checkbox].disabled-deselected {
  border: none;
  background-color: var(--gray-700);
}
[data-theme=dark] .grid-body .editable-row {
  --control-bg: var(--gray-900);
  --input-disabled-bg: var(--gray-800);
}
[data-theme=dark] .frappe-card .btn-default {
  background-color: var(--control-bg);
}
[data-theme=dark] .frappe-card .btn-default:hover {
  background-color: var(--fg-hover-color);
}
[data-theme=dark] .modal,
[data-theme=dark] .form-in-grid {
  --control-bg: var(--gray-800);
  --border-color: var(--gray-800);
}
[data-theme=dark] .print-format {
  --text-color: var(--gray-900);
  --border-color: var(--gray-100);
}
[data-theme=dark] .ql-editor {
  color: var(--text-on-gray);
}
[data-theme=dark] .ql-editor.read-mode span:not(.mention),
[data-theme=dark] .ql-editor.read-mode p,
[data-theme=dark] .ql-editor.read-mode u,
[data-theme=dark] .ql-editor.read-mode strong {
  background-color: inherit !important;
  color: inherit !important;
}
[data-theme=dark] .comment-input-wrapper .ql-editor.ql-blank::before {
  color: var(--text-color);
}
[data-theme=dark] .chart-container {
  --charts-label-color: var(--gray-300);
  --charts-axis-line-color: var(--subtle-fg);
  --charts-stroke-width: 5px;
  --charts-dataset-circle-stroke: #ffffff;
  --charts-dataset-circle-stroke-width: var(--charts-stroke-width);
  --charts-tooltip-title: var(--charts-label-color);
  --charts-tooltip-label: var(--charts-label-color);
  --charts-tooltip-value: white;
  --charts-tooltip-bg: var(--gray-900);
  --charts-legend-label: var(--charts-label-color);
}
[data-theme=dark] .heatmap-chart g > rect[fill="#ebedf0"] {
  fill: var(--gray-700);
}
[data-theme=dark] .rating {
  --star-fill: var(--gray-500);
}
[data-theme=dark] .rating .star-hover {
  --star-fill: var(--gray-400);
}
[data-theme=dark] ::-moz-selection {
  color: var(--text-color);
  background: var(--gray-500);
}
[data-theme=dark] ::selection {
  color: var(--text-color);
  background: var(--gray-500);
}
[data-theme=dark] .indicator {
  --indicator-dot-green: var(--bg-green);
}
[data-theme=dark] .indicator {
  --indicator-dot-cyan: var(--bg-cyan);
}
[data-theme=dark] .indicator {
  --indicator-dot-blue: var(--bg-blue);
}
[data-theme=dark] .indicator {
  --indicator-dot-orange: var(--bg-orange);
}
[data-theme=dark] .indicator {
  --indicator-dot-yellow: var(--bg-yellow);
}
[data-theme=dark] .indicator {
  --indicator-dot-gray: var(--bg-gray);
}
[data-theme=dark] .indicator {
  --indicator-dot-grey: var(--bg-grey);
}
[data-theme=dark] .indicator {
  --indicator-dot-red: var(--bg-red);
}
[data-theme=dark] .indicator {
  --indicator-dot-pink: var(--bg-pink);
}
[data-theme=dark] .indicator {
  --indicator-dot-darkgrey: var(--bg-darkgrey);
}
[data-theme=dark] .indicator {
  --indicator-dot-purple: var(--bg-purple);
}
[data-theme=dark] .indicator {
  --indicator-dot-light-blue: var(--bg-light-blue);
}
[data-theme=dark] .indicator {
  --indicator-dot-amber: var(--bg-amber);
}
[data-theme=dark] .indicator {
  --indicator-dot-violet: var(--bg-violet);
}
[data-theme=dark] .frappe-control .help-box {
  color: var(--text-muted);
}
[data-theme=dark] .frappe-control .help-box code {
  background-color: var(--gray-800);
  color: var(--gray-200);
  border-radius: var(--radius);
  padding: 2px 6px;
}
[data-theme=dark] .hljs {
  background: var(--gray-800);
  color: var(--gray-200);
}
[data-theme=dark] .hljs-keyword,
[data-theme=dark] .hljs-selector-tag,
[data-theme=dark] .hljs-built_in {
  color: var(--blue-300);
}
[data-theme=dark] .hljs-string,
[data-theme=dark] .hljs-title {
  color: var(--yellow-200);
}
[data-theme=dark] .hljs-number,
[data-theme=dark] .hljs-literal {
  color: var(--orange-300);
}
[data-theme=dark] .hljs-comment {
  color: var(--gray-500);
}
[data-theme=dark] .hljs-meta,
[data-theme=dark] .hljs-meta-keyword {
  color: var(--gray-400);
}
[data-theme=dark] .frappe-control pre,
[data-theme=dark] .frappe-control pre code {
  background-color: var(--gray-800);
  color: var(--gray-200);
}
body {
  background-color: var(--bg-color);
}
body .page-content-wrapper {
  min-height: calc(100vh - 220px);
  padding-top: 60px;
}
@media (max-width: 575.98px) {
  body .page-content-wrapper {
    padding-top: 0;
    min-height: 100svh;
  }
}
body .web-footer {
  display: none;
}
.for-forgot,
.for-login-with-email-link,
.for-signup,
.for-email-login {
  display: none;
}
.for-login .page-card,
.for-forgot .page-card,
.for-login-with-email-link .page-card,
.for-signup .page-card,
.for-email-login .page-card,
.for-reset-password .page-card {
  padding: 24px;
  background-color: var(--bg-color);
  max-width: 371px;
  width: 100%;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: var(--margin-lg);
}
@media (max-width: 575.98px) {
  .for-login .page-card,
  .for-forgot .page-card,
  .for-login-with-email-link .page-card,
  .for-signup .page-card,
  .for-email-login .page-card,
  .for-reset-password .page-card {
    max-width: 100%;
    min-height: 100svh;
    border-radius: 0;
    border: none;
    padding: 60px 32px 32px;
  }
}
.for-login .page-card form,
.for-forgot .page-card form,
.for-login-with-email-link .page-card form,
.for-signup .page-card form,
.for-email-login .page-card form,
.for-reset-password .page-card form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
  margin: 0;
}
.for-login .page-card form .form-group,
.for-forgot .page-card form .form-group,
.for-login-with-email-link .page-card form .form-group,
.for-signup .page-card form .form-group,
.for-email-login .page-card form .form-group,
.for-reset-password .page-card form .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
  margin-bottom: 0;
}
.for-login .page-card form .form-group:has(.forgot-password-message),
.for-forgot .page-card form .form-group:has(.forgot-password-message),
.for-login-with-email-link .page-card form .form-group:has(.forgot-password-message),
.for-signup .page-card form .form-group:has(.forgot-password-message),
.for-email-login .page-card form .form-group:has(.forgot-password-message),
.for-reset-password .page-card form .form-group:has(.forgot-password-message) {
  gap: 8px;
}
.for-login .page-card .page-card-actions,
.for-forgot .page-card .page-card-actions,
.for-login-with-email-link .page-card .page-card-actions,
.for-signup .page-card .page-card-actions,
.for-email-login .page-card .page-card-actions,
.for-reset-password .page-card .page-card-actions {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.for-login .page-card .page-card-actions .btn-login,
.for-login .page-card .page-card-actions .btn-ldap-login,
.for-forgot .page-card .page-card-actions .btn-login,
.for-forgot .page-card .page-card-actions .btn-ldap-login,
.for-login-with-email-link .page-card .page-card-actions .btn-login,
.for-login-with-email-link .page-card .page-card-actions .btn-ldap-login,
.for-signup .page-card .page-card-actions .btn-login,
.for-signup .page-card .page-card-actions .btn-ldap-login,
.for-email-login .page-card .page-card-actions .btn-login,
.for-email-login .page-card .page-card-actions .btn-ldap-login,
.for-reset-password .page-card .page-card-actions .btn-login,
.for-reset-password .page-card .page-card-actions .btn-ldap-login {
  font-size: var(--text-base);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  line-height: 115%;
  color: white;
  background: var(--gray-900);
  border: none;
  box-shadow: none;
  padding: 6px 8px;
  border-radius: var(--radius);
  width: 100%;
}
.for-login .page-card .page-card-actions .btn-login:hover,
.for-login .page-card .page-card-actions .btn-login:focus,
.for-login .page-card .page-card-actions .btn-login:active,
.for-login .page-card .page-card-actions .btn-ldap-login:hover,
.for-login .page-card .page-card-actions .btn-ldap-login:focus,
.for-login .page-card .page-card-actions .btn-ldap-login:active,
.for-forgot .page-card .page-card-actions .btn-login:hover,
.for-forgot .page-card .page-card-actions .btn-login:focus,
.for-forgot .page-card .page-card-actions .btn-login:active,
.for-forgot .page-card .page-card-actions .btn-ldap-login:hover,
.for-forgot .page-card .page-card-actions .btn-ldap-login:focus,
.for-forgot .page-card .page-card-actions .btn-ldap-login:active,
.for-login-with-email-link .page-card .page-card-actions .btn-login:hover,
.for-login-with-email-link .page-card .page-card-actions .btn-login:focus,
.for-login-with-email-link .page-card .page-card-actions .btn-login:active,
.for-login-with-email-link .page-card .page-card-actions .btn-ldap-login:hover,
.for-login-with-email-link .page-card .page-card-actions .btn-ldap-login:focus,
.for-login-with-email-link .page-card .page-card-actions .btn-ldap-login:active,
.for-signup .page-card .page-card-actions .btn-login:hover,
.for-signup .page-card .page-card-actions .btn-login:focus,
.for-signup .page-card .page-card-actions .btn-login:active,
.for-signup .page-card .page-card-actions .btn-ldap-login:hover,
.for-signup .page-card .page-card-actions .btn-ldap-login:focus,
.for-signup .page-card .page-card-actions .btn-ldap-login:active,
.for-email-login .page-card .page-card-actions .btn-login:hover,
.for-email-login .page-card .page-card-actions .btn-login:focus,
.for-email-login .page-card .page-card-actions .btn-login:active,
.for-email-login .page-card .page-card-actions .btn-ldap-login:hover,
.for-email-login .page-card .page-card-actions .btn-ldap-login:focus,
.for-email-login .page-card .page-card-actions .btn-ldap-login:active,
.for-reset-password .page-card .page-card-actions .btn-login:hover,
.for-reset-password .page-card .page-card-actions .btn-login:focus,
.for-reset-password .page-card .page-card-actions .btn-login:active,
.for-reset-password .page-card .page-card-actions .btn-ldap-login:hover,
.for-reset-password .page-card .page-card-actions .btn-ldap-login:focus,
.for-reset-password .page-card .page-card-actions .btn-ldap-login:active {
  background: var(--gray-800);
  color: white;
  border: none;
  box-shadow: none;
}
.for-login .page-card .page-card-actions .btn-login:disabled,
.for-login .page-card .page-card-actions .btn-ldap-login:disabled,
.for-forgot .page-card .page-card-actions .btn-login:disabled,
.for-forgot .page-card .page-card-actions .btn-ldap-login:disabled,
.for-login-with-email-link .page-card .page-card-actions .btn-login:disabled,
.for-login-with-email-link .page-card .page-card-actions .btn-ldap-login:disabled,
.for-signup .page-card .page-card-actions .btn-login:disabled,
.for-signup .page-card .page-card-actions .btn-ldap-login:disabled,
.for-email-login .page-card .page-card-actions .btn-login:disabled,
.for-email-login .page-card .page-card-actions .btn-ldap-login:disabled,
.for-reset-password .page-card .page-card-actions .btn-login:disabled,
.for-reset-password .page-card .page-card-actions .btn-ldap-login:disabled {
  background: var(--gray-900);
  color: white;
  opacity: 1;
  pointer-events: none;
}
.for-login .page-card .page-card-actions .btn-signup,
.for-forgot .page-card .page-card-actions .btn-signup,
.for-login-with-email-link .page-card .page-card-actions .btn-signup,
.for-signup .page-card .page-card-actions .btn-signup,
.for-email-login .page-card .page-card-actions .btn-signup,
.for-reset-password .page-card .page-card-actions .btn-signup {
  font-size: var(--text-base);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  line-height: 115%;
  background: var(--surface-gray-2);
  color: var(--ink-gray-4);
  border: none;
  box-shadow: none;
  padding: 6px 8px;
  border-radius: var(--radius);
  width: 100%;
}
.for-login .page-card .page-card-actions .btn-signup:not(:disabled),
.for-forgot .page-card .page-card-actions .btn-signup:not(:disabled),
.for-login-with-email-link .page-card .page-card-actions .btn-signup:not(:disabled),
.for-signup .page-card .page-card-actions .btn-signup:not(:disabled),
.for-email-login .page-card .page-card-actions .btn-signup:not(:disabled),
.for-reset-password .page-card .page-card-actions .btn-signup:not(:disabled) {
  background: var(--surface-gray-10);
  color: white;
}
.for-login .page-card .page-card-actions .btn-signup:not(:disabled):hover,
.for-login .page-card .page-card-actions .btn-signup:not(:disabled):focus,
.for-login .page-card .page-card-actions .btn-signup:not(:disabled):active,
.for-forgot .page-card .page-card-actions .btn-signup:not(:disabled):hover,
.for-forgot .page-card .page-card-actions .btn-signup:not(:disabled):focus,
.for-forgot .page-card .page-card-actions .btn-signup:not(:disabled):active,
.for-login-with-email-link .page-card .page-card-actions .btn-signup:not(:disabled):hover,
.for-login-with-email-link .page-card .page-card-actions .btn-signup:not(:disabled):focus,
.for-login-with-email-link .page-card .page-card-actions .btn-signup:not(:disabled):active,
.for-signup .page-card .page-card-actions .btn-signup:not(:disabled):hover,
.for-signup .page-card .page-card-actions .btn-signup:not(:disabled):focus,
.for-signup .page-card .page-card-actions .btn-signup:not(:disabled):active,
.for-email-login .page-card .page-card-actions .btn-signup:not(:disabled):hover,
.for-email-login .page-card .page-card-actions .btn-signup:not(:disabled):focus,
.for-email-login .page-card .page-card-actions .btn-signup:not(:disabled):active,
.for-reset-password .page-card .page-card-actions .btn-signup:not(:disabled):hover,
.for-reset-password .page-card .page-card-actions .btn-signup:not(:disabled):focus,
.for-reset-password .page-card .page-card-actions .btn-signup:not(:disabled):active {
  background: var(--gray-800);
  color: white;
  border: none;
  box-shadow: none;
}
.for-login .page-card .page-card-actions .btn-signup:disabled,
.for-forgot .page-card .page-card-actions .btn-signup:disabled,
.for-login-with-email-link .page-card .page-card-actions .btn-signup:disabled,
.for-signup .page-card .page-card-actions .btn-signup:disabled,
.for-email-login .page-card .page-card-actions .btn-signup:disabled,
.for-reset-password .page-card .page-card-actions .btn-signup:disabled {
  opacity: 1;
  pointer-events: none;
}
.for-login .page-card .page-card-actions .btn-login-option,
.for-forgot .page-card .page-card-actions .btn-login-option,
.for-login-with-email-link .page-card .page-card-actions .btn-login-option,
.for-signup .page-card .page-card-actions .btn-login-option,
.for-email-login .page-card .page-card-actions .btn-login-option,
.for-reset-password .page-card .page-card-actions .btn-login-option {
  font-size: var(--text-base);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.015em;
  line-height: 115%;
  color: var(--gray-800);
  background: var(--gray-100);
  box-shadow: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  margin-top: 0;
  border-radius: var(--radius);
  width: 100%;
}
.for-login .page-card .page-card-actions .btn-login-option.btn-salesforce i,
.for-forgot .page-card .page-card-actions .btn-login-option.btn-salesforce i,
.for-login-with-email-link .page-card .page-card-actions .btn-login-option.btn-salesforce i,
.for-signup .page-card .page-card-actions .btn-login-option.btn-salesforce i,
.for-email-login .page-card .page-card-actions .btn-login-option.btn-salesforce i,
.for-reset-password .page-card .page-card-actions .btn-login-option.btn-salesforce i {
  color: var(--blue-400);
}
.for-login .page-card .page-card-actions .btn-login-option img,
.for-forgot .page-card .page-card-actions .btn-login-option img,
.for-login-with-email-link .page-card .page-card-actions .btn-login-option img,
.for-signup .page-card .page-card-actions .btn-login-option img,
.for-email-login .page-card .page-card-actions .btn-login-option img,
.for-reset-password .page-card .page-card-actions .btn-login-option img {
  margin-right: var(--padding-xs);
}
.for-login .page-card .page-card-actions .btn-login-option:hover,
.for-forgot .page-card .page-card-actions .btn-login-option:hover,
.for-login-with-email-link .page-card .page-card-actions .btn-login-option:hover,
.for-signup .page-card .page-card-actions .btn-login-option:hover,
.for-email-login .page-card .page-card-actions .btn-login-option:hover,
.for-reset-password .page-card .page-card-actions .btn-login-option:hover {
  border: none;
  background: var(--gray-200);
}
.for-login .page-card .page-card-actions .social-logins,
.for-forgot .page-card .page-card-actions .social-logins,
.for-login-with-email-link .page-card .page-card-actions .social-logins,
.for-signup .page-card .page-card-actions .social-logins,
.for-email-login .page-card .page-card-actions .social-logins,
.for-reset-password .page-card .page-card-actions .social-logins {
  font-size: var(--text-base);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
}
.for-login .page-card .page-card-actions .social-logins .social-login-buttons,
.for-forgot .page-card .page-card-actions .social-logins .social-login-buttons,
.for-login-with-email-link .page-card .page-card-actions .social-logins .social-login-buttons,
.for-signup .page-card .page-card-actions .social-logins .social-login-buttons,
.for-email-login .page-card .page-card-actions .social-logins .social-login-buttons,
.for-reset-password .page-card .page-card-actions .social-logins .social-login-buttons {
  margin-top: var(--margin-md);
}
.for-login .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper,
.for-forgot .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper,
.for-login-with-email-link .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper,
.for-signup .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper,
.for-email-login .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper,
.for-reset-password .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper {
  min-width: 50%;
  padding: 0 4px;
  margin-bottom: var(--margin-md);
}
@media (min-width: 768px) {
  .for-login .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper,
  .for-forgot .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper,
  .for-login-with-email-link .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper,
  .for-signup .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper,
  .for-email-login .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper,
  .for-reset-password .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper {
    min-width: 33.33%;
  }
}
.for-login .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper:last-child,
.for-forgot .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper:last-child,
.for-login-with-email-link .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper:last-child,
.for-signup .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper:last-child,
.for-email-login .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper:last-child,
.for-reset-password .page-card .page-card-actions .social-logins .social-login-buttons .login-button-wrapper:last-child {
  margin-bottom: 0;
}
.for-login .page-card .page-card-actions .resend-link,
.for-forgot .page-card .page-card-actions .resend-link,
.for-login-with-email-link .page-card .page-card-actions .resend-link,
.for-signup .page-card .page-card-actions .resend-link,
.for-email-login .page-card .page-card-actions .resend-link,
.for-reset-password .page-card .page-card-actions .resend-link {
  display: none;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  font-size: var(--text-base);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  color: var(--ink-gray-6);
  margin-bottom: 0;
}
.for-login .page-card .page-card-actions .resend-link a,
.for-forgot .page-card .page-card-actions .resend-link a,
.for-login-with-email-link .page-card .page-card-actions .resend-link a,
.for-signup .page-card .page-card-actions .resend-link a,
.for-email-login .page-card .page-card-actions .resend-link a,
.for-reset-password .page-card .page-card-actions .resend-link a {
  color: var(--ink-gray-6);
  text-decoration: underline;
}
.for-login .page-card .page-card-actions .login-divider,
.for-forgot .page-card .page-card-actions .login-divider,
.for-login-with-email-link .page-card .page-card-actions .login-divider,
.for-signup .page-card .page-card-actions .login-divider,
.for-email-login .page-card .page-card-actions .login-divider,
.for-reset-password .page-card .page-card-actions .login-divider {
  margin: var(--margin-md) 0;
}
.for-login .page-card .page-card-body,
.for-forgot .page-card .page-card-body,
.for-login-with-email-link .page-card .page-card-body,
.for-signup .page-card .page-card-body,
.for-email-login .page-card .page-card-body,
.for-reset-password .page-card .page-card-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.for-login .page-card .page-card-body ::placeholder,
.for-login .page-card .page-card-body ::-ms-input-placeholder,
.for-forgot .page-card .page-card-body ::placeholder,
.for-forgot .page-card .page-card-body ::-ms-input-placeholder,
.for-login-with-email-link .page-card .page-card-body ::placeholder,
.for-login-with-email-link .page-card .page-card-body ::-ms-input-placeholder,
.for-signup .page-card .page-card-body ::placeholder,
.for-signup .page-card .page-card-body ::-ms-input-placeholder,
.for-email-login .page-card .page-card-body ::placeholder,
.for-email-login .page-card .page-card-body ::-ms-input-placeholder,
.for-reset-password .page-card .page-card-body ::placeholder,
.for-reset-password .page-card .page-card-body ::-ms-input-placeholder {
  color: var(--ink-gray-4);
  opacity: 1;
}
.for-login .page-card .page-card-body input[type=text],
.for-login .page-card .page-card-body input[type=email],
.for-login .page-card .page-card-body input[type=password],
.for-forgot .page-card .page-card-body input[type=text],
.for-forgot .page-card .page-card-body input[type=email],
.for-forgot .page-card .page-card-body input[type=password],
.for-login-with-email-link .page-card .page-card-body input[type=text],
.for-login-with-email-link .page-card .page-card-body input[type=email],
.for-login-with-email-link .page-card .page-card-body input[type=password],
.for-signup .page-card .page-card-body input[type=text],
.for-signup .page-card .page-card-body input[type=email],
.for-signup .page-card .page-card-body input[type=password],
.for-email-login .page-card .page-card-body input[type=text],
.for-email-login .page-card .page-card-body input[type=email],
.for-email-login .page-card .page-card-body input[type=password],
.for-reset-password .page-card .page-card-body input[type=text],
.for-reset-password .page-card .page-card-body input[type=email],
.for-reset-password .page-card .page-card-body input[type=password] {
  border: 1px solid var(--outline-gray-2);
  color: var(--text-color);
  font-size: var(--text-base);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  background-color: var(--surface-base);
  height: 28px;
  padding: 6px 8px;
  border-radius: var(--radius);
}
.for-login .page-card .page-card-body.invalid input[type=text],
.for-login .page-card .page-card-body.invalid input[type=email],
.for-login .page-card .page-card-body.invalid input[type=password],
.for-forgot .page-card .page-card-body.invalid input[type=text],
.for-forgot .page-card .page-card-body.invalid input[type=email],
.for-forgot .page-card .page-card-body.invalid input[type=password],
.for-login-with-email-link .page-card .page-card-body.invalid input[type=text],
.for-login-with-email-link .page-card .page-card-body.invalid input[type=email],
.for-login-with-email-link .page-card .page-card-body.invalid input[type=password],
.for-signup .page-card .page-card-body.invalid input[type=text],
.for-signup .page-card .page-card-body.invalid input[type=email],
.for-signup .page-card .page-card-body.invalid input[type=password],
.for-email-login .page-card .page-card-body.invalid input[type=text],
.for-email-login .page-card .page-card-body.invalid input[type=email],
.for-email-login .page-card .page-card-body.invalid input[type=password],
.for-reset-password .page-card .page-card-body.invalid input[type=text],
.for-reset-password .page-card .page-card-body.invalid input[type=email],
.for-reset-password .page-card .page-card-body.invalid input[type=password] {
  border: 1px solid var(--outline-red-3);
}
.for-login .page-card .page-card-body .login-success-banner,
.for-forgot .page-card .page-card-body .login-success-banner,
.for-login-with-email-link .page-card .page-card-body .login-success-banner,
.for-signup .page-card .page-card-body .login-success-banner,
.for-email-login .page-card .page-card-body .login-success-banner,
.for-reset-password .page-card .page-card-body .login-success-banner {
  display: none;
  padding: 6px 8px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background-color: var(--surface-green-1);
  border-radius: var(--radius);
  font-size: var(--text-base);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  line-height: 115%;
  color: var(--ink-green-6);
}
.for-login .page-card .page-card-body .login-success-banner svg,
.for-forgot .page-card .page-card-body .login-success-banner svg,
.for-login-with-email-link .page-card .page-card-body .login-success-banner svg,
.for-signup .page-card .page-card-body .login-success-banner svg,
.for-email-login .page-card .page-card-body .login-success-banner svg,
.for-reset-password .page-card .page-card-body .login-success-banner svg {
  fill: var(--ink-green-6);
  flex-shrink: 0;
}
.for-login .page-card .page-card-body .login-error-banner,
.for-forgot .page-card .page-card-body .login-error-banner,
.for-login-with-email-link .page-card .page-card-body .login-error-banner,
.for-signup .page-card .page-card-body .login-error-banner,
.for-email-login .page-card .page-card-body .login-error-banner,
.for-reset-password .page-card .page-card-body .login-error-banner {
  display: none;
  padding: 6px 8px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background-color: var(--red-50);
  border-radius: var(--radius);
  font-size: var(--text-base);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  color: var(--ink-red-8);
}
.for-login .page-card .page-card-body .login-error-banner svg,
.for-forgot .page-card .page-card-body .login-error-banner svg,
.for-login-with-email-link .page-card .page-card-body .login-error-banner svg,
.for-signup .page-card .page-card-body .login-error-banner svg,
.for-email-login .page-card .page-card-body .login-error-banner svg,
.for-reset-password .page-card .page-card-body .login-error-banner svg {
  fill: var(--ink-red-8);
  flex-shrink: 0;
}
.for-login .page-card .page-card-body .field-error,
.for-forgot .page-card .page-card-body .field-error,
.for-login-with-email-link .page-card .page-card-body .field-error,
.for-signup .page-card .page-card-body .field-error,
.for-email-login .page-card .page-card-body .field-error,
.for-reset-password .page-card .page-card-body .field-error {
  display: none;
  font-size: var(--text-base);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  color: var(--ink-red-8);
  margin-bottom: 0;
}
.for-login .page-card .page-card-body .form-group.invalid input[type=text],
.for-login .page-card .page-card-body .form-group.invalid input[type=email],
.for-login .page-card .page-card-body .form-group.invalid input[type=password],
.for-forgot .page-card .page-card-body .form-group.invalid input[type=text],
.for-forgot .page-card .page-card-body .form-group.invalid input[type=email],
.for-forgot .page-card .page-card-body .form-group.invalid input[type=password],
.for-login-with-email-link .page-card .page-card-body .form-group.invalid input[type=text],
.for-login-with-email-link .page-card .page-card-body .form-group.invalid input[type=email],
.for-login-with-email-link .page-card .page-card-body .form-group.invalid input[type=password],
.for-signup .page-card .page-card-body .form-group.invalid input[type=text],
.for-signup .page-card .page-card-body .form-group.invalid input[type=email],
.for-signup .page-card .page-card-body .form-group.invalid input[type=password],
.for-email-login .page-card .page-card-body .form-group.invalid input[type=text],
.for-email-login .page-card .page-card-body .form-group.invalid input[type=email],
.for-email-login .page-card .page-card-body .form-group.invalid input[type=password],
.for-reset-password .page-card .page-card-body .form-group.invalid input[type=text],
.for-reset-password .page-card .page-card-body .form-group.invalid input[type=email],
.for-reset-password .page-card .page-card-body .form-group.invalid input[type=password] {
  border: 1px solid var(--outline-red-3);
}
.for-login .page-card .page-card-body .form-group.invalid .field-error,
.for-forgot .page-card .page-card-body .form-group.invalid .field-error,
.for-login-with-email-link .page-card .page-card-body .form-group.invalid .field-error,
.for-signup .page-card .page-card-body .form-group.invalid .field-error,
.for-email-login .page-card .page-card-body .form-group.invalid .field-error,
.for-reset-password .page-card .page-card-body .form-group.invalid .field-error {
  display: block;
}
.for-login .page-card .page-card-body .form-label,
.for-forgot .page-card .page-card-body .form-label,
.for-login-with-email-link .page-card .page-card-body .form-label,
.for-signup .page-card .page-card-body .form-label,
.for-email-login .page-card .page-card-body .form-label,
.for-reset-password .page-card .page-card-body .form-label {
  font-size: var(--text-base);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  color: var(--ink-gray-5);
  width: 100%;
  line-height: 115%;
  margin-bottom: 0;
}
.for-login .page-card .page-card-body .forgot-password-message,
.for-forgot .page-card .page-card-body .forgot-password-message,
.for-login-with-email-link .page-card .page-card-body .forgot-password-message,
.for-signup .page-card .page-card-body .forgot-password-message,
.for-email-login .page-card .page-card-body .forgot-password-message,
.for-reset-password .page-card .page-card-body .forgot-password-message {
  text-align: right;
  align-self: stretch;
  line-height: 115%;
  margin-bottom: 0;
}
.for-login .page-card .page-card-body .forgot-password-message > *,
.for-forgot .page-card .page-card-body .forgot-password-message > *,
.for-login-with-email-link .page-card .page-card-body .forgot-password-message > *,
.for-signup .page-card .page-card-body .forgot-password-message > *,
.for-email-login .page-card .page-card-body .forgot-password-message > *,
.for-reset-password .page-card .page-card-body .forgot-password-message > * {
  color: var(--ink-gray-5);
  font-size: var(--text-base);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
}
.for-login .page-card .page-card-body .field-icon,
.for-forgot .page-card .page-card-body .field-icon,
.for-login-with-email-link .page-card .page-card-body .field-icon,
.for-signup .page-card .page-card-body .field-icon,
.for-email-login .page-card .page-card-body .field-icon,
.for-reset-password .page-card .page-card-body .field-icon {
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 2;
  fill: var(--ink-gray-4);
}
.for-login .page-card .page-card-body .email-field,
.for-login .page-card .page-card-body .password-field,
.for-forgot .page-card .page-card-body .email-field,
.for-forgot .page-card .page-card-body .password-field,
.for-login-with-email-link .page-card .page-card-body .email-field,
.for-login-with-email-link .page-card .page-card-body .password-field,
.for-signup .page-card .page-card-body .email-field,
.for-signup .page-card .page-card-body .password-field,
.for-email-login .page-card .page-card-body .email-field,
.for-email-login .page-card .page-card-body .password-field,
.for-reset-password .page-card .page-card-body .email-field,
.for-reset-password .page-card .page-card-body .password-field {
  position: relative;
  width: 100%;
}
.for-login .page-card .page-card-body .email-field input,
.for-login .page-card .page-card-body .password-field input,
.for-forgot .page-card .page-card-body .email-field input,
.for-forgot .page-card .page-card-body .password-field input,
.for-login-with-email-link .page-card .page-card-body .email-field input,
.for-login-with-email-link .page-card .page-card-body .password-field input,
.for-signup .page-card .page-card-body .email-field input,
.for-signup .page-card .page-card-body .password-field input,
.for-email-login .page-card .page-card-body .email-field input,
.for-email-login .page-card .page-card-body .password-field input,
.for-reset-password .page-card .page-card-body .email-field input,
.for-reset-password .page-card .page-card-body .password-field input {
  padding-left: 38px;
}
.for-login .page-card .page-card-body .password-field input,
.for-forgot .page-card .page-card-body .password-field input,
.for-login-with-email-link .page-card .page-card-body .password-field input,
.for-signup .page-card .page-card-body .password-field input,
.for-email-login .page-card .page-card-body .password-field input,
.for-reset-password .page-card .page-card-body .password-field input {
  padding-right: 38px;
}
.for-login .page-card .page-card-body .password-field .toggle-password,
.for-forgot .page-card .page-card-body .password-field .toggle-password,
.for-login-with-email-link .page-card .page-card-body .password-field .toggle-password,
.for-signup .page-card .page-card-body .password-field .toggle-password,
.for-email-login .page-card .page-card-body .password-field .toggle-password,
.for-reset-password .page-card .page-card-body .password-field .toggle-password {
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 2;
  cursor: pointer;
  fill: var(--ink-gray-4);
}
.for-login .sign-up-message,
.for-forgot .sign-up-message,
.for-login-with-email-link .sign-up-message,
.for-signup .sign-up-message,
.for-email-login .sign-up-message,
.for-reset-password .sign-up-message {
  margin-top: auto;
  margin-bottom: 0;
  color: var(--ink-gray-6);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  line-height: 150%;
}
.for-login .sign-up-message a,
.for-forgot .sign-up-message a,
.for-login-with-email-link .sign-up-message a,
.for-signup .sign-up-message a,
.for-email-login .sign-up-message a,
.for-reset-password .sign-up-message a {
  color: var(--ink-gray-6);
  font-weight: var(--weight-regular);
  letter-spacing: 0.195px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 1px;
  text-underline-position: from-font;
}
.for-login .invalid-login,
.for-forgot .invalid-login,
.for-login-with-email-link .invalid-login,
.for-signup .invalid-login,
.for-email-login .invalid-login,
.for-reset-password .invalid-login {
  animation: wiggle 0.4s ease-in-out;
}
@keyframes wiggle {
  0%, 100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-4px);
  }
  40% {
    transform: translateX(4px);
  }
  60% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(3px);
  }
}
.page-card-head {
  padding: 0;
  margin: 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.page-card-head img.app-logo {
  max-height: 32px;
  width: auto;
}
.page-card-head .page-card-head-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-self: stretch;
}
.page-card-head h4 {
  margin: 0;
  font-size: var(--text-2xl);
  font-weight: var(--weight-bold);
  letter-spacing: 0.01em;
  line-height: 115%;
  color: var(--heading-color);
  align-self: stretch;
}
.page-card-head .page-card-subtitle {
  margin: 0;
  font-size: var(--text-base);
  font-weight: var(--weight-regular);
  line-height: 150%;
  letter-spacing: 0.28px;
  color: var(--ink-gray-6);
}
.for-reset-password .password-hint {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  color: var(--ink-gray-5);
  margin-bottom: 0;
  line-height: 150%;
}
.for-reset-password .password-hint svg {
  fill: var(--ink-gray-4);
  flex-shrink: 0;
  margin-top: 1px;
}
.for-reset-password .password-mismatch-message {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  color: var(--ink-red-8);
  margin-bottom: 0;
}
.for-reset-password .password-mismatch-message.hidden {
  display: none;
}
.for-reset-password .password-strength-message {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.02em;
  color: var(--ink-gray-5);
  margin-bottom: 0;
}
.for-reset-password .password-strength-message.hidden {
  display: none;
}
.for-reset-password .password-strength-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
  margin-top: 2px;
}
.for-reset-password .password-strength-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  padding-top: 4px;
}
.for-reset-password .password-strength-container.hidden {
  display: none;
}
.for-reset-password .password-strength-container .password-strength-label {
  font-size: var(--text-base);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.015em;
}
.for-reset-password .password-strength-container .password-strength-label.strength-red {
  color: var(--dark-red-500, #b01f1f);
}
.for-reset-password .password-strength-container .password-strength-label.strength-orange {
  color: var(--dark-orange-500, var(--orange-700));
}
.for-reset-password .password-strength-container .password-strength-label.strength-blue {
  color: var(--dark-blue-500, var(--blue-700));
}
.for-reset-password .password-strength-container .password-strength-label.strength-green {
  color: var(--dark-green-500, var(--green-700));
}
.for-reset-password .password-strength-container .password-strength-bar-track {
  height: 4px;
  background: var(--surface-gray-2);
  border-radius: var(--radius);
  align-self: stretch;
  overflow: hidden;
}
.for-reset-password .password-strength-container .password-strength-bar-fill {
  height: 100%;
  border-radius: 20px 4px 4px 20px;
  transition: width 0.3s ease;
}
.for-reset-password .password-strength-container .password-strength-bar-fill.strength-red {
  background: var(--dark-red-500, #b01f1f);
}
.for-reset-password .password-strength-container .password-strength-bar-fill.strength-orange {
  background: var(--dark-orange-500, var(--orange-700));
}
.for-reset-password .password-strength-container .password-strength-bar-fill.strength-blue {
  background: var(--dark-blue-500, var(--blue-700));
}
.for-reset-password .password-strength-container .password-strength-bar-fill.strength-green {
  background: var(--dark-green-500, var(--green-700));
}
/*# sourceMappingURL=login.bundle.P4KWTYKA.css.map */