/**
* Do not edit directly
* Generated on Mon, 29 Jan 2024 03:52:24 GMT
* Generated from $pnpm css:variables 
*/

:root {
  --base-light-neutral-50: #f9fafd;
  --base-light-neutral-100: #edeef2;
  --base-light-neutral-200: #e2e4eb;
  --base-light-neutral-300: #f2f2f2;
  --base-light-neutral-400: #e0e0e0;
  --base-light-neutral-500: #bdbdbd;
  --base-light-neutral-600: #828282;
  --base-light-neutral-700: #4f4f4f;
  --base-light-neutral-800: #333333;
  --base-light-neutral-900: #1f2329;
  --base-light-neutral-1000: #000000;
  --base-light-neutral-00: #ffffff;
  --base-light-blue-50: #f2fcff;
  --base-light-blue-100: #e0f8ff;
  --base-light-blue-200: #a6ecff;
  --base-light-blue-300: #52d1f4;
  --base-light-blue-400: #00bcf0;
  --base-light-blue-500: #05ade2;
  --base-light-blue-600: #009fd1;
  --base-light-color-deep-red: #fb006d;
  --base-light-color-deep-yellow: #ffd667;
  --base-light-color-deep-green: #66cf80;
  --base-light-color-deep-blue: #00bcf0;
  --base-light-color-light-purple: #e8e0ff;
  --base-light-color-light-pink: #ffe7ee;
  --base-light-color-light-orange: #ffefe3;
  --base-light-color-light-yellow: #fff2cd;
  --base-light-color-light-lime: #f5ffdc;
  --base-light-color-light-green: #ddffd6;
  --base-light-color-light-aqua: #defff1;
  --base-light-color-light-blue: #e1fbff;
  --base-light-color-light-red: #ffe7ee;
  --base-black-neutral-100: #252F41;
  --base-black-neutral-200: #313c51;
  --base-black-neutral-300: #3c4557;
  --base-black-neutral-400: #525A69;
  --base-black-neutral-500: #59647a;
  --base-black-neutral-600: #87A0BF;
  --base-black-neutral-700: #99a6b8;
  --base-black-neutral-800: #e2e9f2;
  --base-black-neutral-900: #eff4fb;
  --base-black-neutral-1000: #ffffff;
  --base-black-neutral-n50: #232b38;
  --base-black-neutral-n00: #1a202c;
  --base-black-blue-50: #232b38;
  --base-black-blue-100: #005174;
  --base-black-blue-200: #a6ecff;
  --base-black-blue-300: #52d1f4;
  --base-black-blue-400: #00bcf0;
  --base-black-blue-500: #05ade2;
  --base-black-blue-600: #009fd1;
  --base-black-color-deep-red: #d32772;
  --base-black-color-deep-yellow: #e9b320;
  --base-black-color-deep-green: #3ba856;
  --base-black-color-deep-blue: #2e9dbb;
  --base-black-color-light-purple: #4D4078;
  --base-black-color-light-blue: #2C3B58;
  --base-black-color-light-green: #3C5133;
  --base-black-color-light-yellow: #695E3E;
  --base-black-color-light-pink: #5E3C5E;
  --base-black-color-light-red: #56363F;
  --base-black-color-light-aqua: #1B3849;
  --base-black-color-light-lime: #394027;
  --base-black-color-light-orange: #5E3C3C;
  --base-else-brand: #2c144b;
  --text-title: #333333;
  --text-caption: #828282;
  --text-placeholder: #bdbdbd;
  --text-disabled: #e0e0e0;
  --text-link-default: #00bcf0;
  --text-link-hover: #52d1f4;
  --text-link-pressed: #009fd1;
  --text-link-disabled: #e0f8ff;
  --icon-primary: #333333;
  --icon-secondary: #59647a;
  --icon-disabled: #e0e0e0;
  --icon-on-toolbar: #ffffff;
  --line-border: #bdbdbd;
  --line-divider: #edeef2;
  --line-on-toolbar: #4f4f4f;
  --fill-toolbar: #333333;
  --fill-default: #00bcf0;
  --fill-hover: #52d1f4;
  --fill-pressed: #009fd1;
  --fill-active: #e0f8ff;
  --fill-list-hover: #e0f8ff;
  --fill-list-active: #edeef2;
  --content-blue-400: rgb(0, 188, 240);
  --content-blue-300: #52d1f4;
  --content-blue-600: #009fd1;
  --content-blue-100: #e0f8ff;
  --content-blue-50: #f2fcff;
  --content-on-fill-hover: #00bcf0;
  --content-on-fill: #ffffff;
  --content-on-tag: #4f4f4f;
  --bg-body: #ffffff;
  --bg-base: #f9fafd;
  --bg-mask: rgba(0,0,0,0.55);
  --bg-tips: #e0f8ff;
  --bg-brand: #2c144b;
  --function-error: #fb006d;
  --function-waring: #ffd667;
  --function-success: #66cf80;
  --function-info: #00bcf0;
  --tint-purple: #e8e0ff;
  --tint-pink: #ffe7ee;
  --tint-red: #ffdddd;
  --tint-lime: #f5ffdc;
  --tint-green: #ddffd6;
  --tint-aqua: #defff1;
  --tint-blue: #e1fbff;
  --tint-orange: #ffefe3;
  --tint-yellow: #fff2cd;
  --shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}