@property --shadow--lg {
  syntax: "*";
  inherits: true;
  initial-value:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
}
@property --shadow--md {
  syntax: "*";
  inherits: true;
  initial-value:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
@property --shadow--sm {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --shadow--xl {
  syntax: "*";
  inherits: true;
  initial-value: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
@property --shadow--2xl {
  syntax: "*";
  inherits: true;
  initial-value:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@property --shadow--base {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --spacing--half {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.5rem;
}
@property --spacing--wide {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --font--size--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --font--size--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --font--size--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --font--size--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --spacing--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: .25rem;
}
@property --color--coal--bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font--size--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --font--size--3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --font--size--4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --font--size--5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --font--size--xxs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --spacing--header {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 70px;
}
@property --color--coal--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #15171C;
}
@property --color--coal--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #13141A;
}
@property --color--coal--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111217;
}
@property --color--coal--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0F1014;
}
@property --color--coal--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D0E12;
}
@property --color--coal--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0B0C10;
}
@property --color--grey--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F9F9FC;
}
@property --color--grey--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F1F1F4;
}
@property --color--grey--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DBDFE9;
}
@property --color--grey--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C4CADA;
}
@property --color--grey--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #99A1B7;
}
@property --color--grey--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #78829D;
}
@property --color--grey--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4B5675;
}
@property --color--grey--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #252F4A;
}
@property --color--grey--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #071437;
}
@property --font--size--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --spacing--default {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --color--coal--CL-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #18191F50;
}
@property --color--dark--light {
  syntax: "<color>";
  inherits: true;
  initial-value: #F9F9F9;
}
@property --color--info--light {
  syntax: "<color>";
  inherits: true;
  initial-value: #F8F5FF;
}
@property --font--weight--bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --font--weight--thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 100;
}
@property --color--dark--active {
  syntax: "<color>";
  inherits: true;
  initial-value: #111318;
}
@property --color--info--active {
  syntax: "<color>";
  inherits: true;
  initial-value: #5014D0;
}
@property --color--primary--100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FAFEFE;
}
@property --color--primary--200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F2FBFB;
}
@property --color--primary--300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DEF7F9;
}
@property --color--primary--400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #CAF2F5;
}
@property --color--primary--500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B5E9ED;
}
@property --color--primary--600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9DDDE3;
}
@property --color--primary--700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7ECED4;
}
@property --color--primary--800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #45B9C1;
}
@property --color--primary--900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #009AA3;
}
@property --font--family--inter {
  syntax: "*";
  inherits: true;
  initial-value: initial;
}
@property --font--weight--black {
  syntax: "<number>";
  inherits: true;
  initial-value: 900;
}
@property --font--weight--light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --spacing--input-full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 280px;
}
@property --spacing--input-half {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 140px;
}
@property --color--danger--light {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffcfd;
}
@property --color--dark--default {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E2129;
}
@property --color--info--default {
  syntax: "<color>";
  inherits: true;
  initial-value: #7239EA;
}
@property --color--light--active {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCFCFE;
}
@property --color--orange--light {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFF5EF;
}
@property --color--primary--1000 {
  syntax: "<color>";
  inherits: true;
  initial-value: #008D96;
}
@property --color--primary--1100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #007E88;
}
@property --color--primary--1200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0B3D40;
}
@property --font--weight--bolder {
  syntax: "<number>";
  inherits: true;
  initial-value: 800;
}
@property --font--weight--normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --color--danger--active {
  syntax: "<color>";
  inherits: true;
  initial-value: #D81A48;
}
@property --color--light--default {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --color--orange--active {
  syntax: "<color>";
  inherits: true;
  initial-value: #F15700;
}
@property --color--success--light {
  syntax: "<color>";
  inherits: true;
  initial-value: #eafff1;
}
@property --color--warning--light {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffefd;
}
@property --font--weight--lighter {
  syntax: "<number>";
  inherits: true;
  initial-value: 200;
}
@property --font--weight--regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --spacing--menu-sidebar {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 240px;
}
@property --spacing--table-cell-h {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.35rem;
}
@property --spacing--table-cell-v {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --color--danger--default {
  syntax: "<color>";
  inherits: true;
  initial-value: #F8285A;
}
@property --color--orange--default {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF6F1E;
}
@property --color--success--active {
  syntax: "<color>";
  inherits: true;
  initial-value: #04B440;
}
@property --color--warning--active {
  syntax: "<color>";
  inherits: true;
  initial-value: #db9d00;
}
@property --spacing--input-quarter {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 70px;
}
@property --color--dark--clarity-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E212933;
}
@property --color--info--clarity-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7239EA33;
}
@property --color--secondary--light {
  syntax: "<color>";
  inherits: true;
  initial-value: #363843;
}
@property --color--success--default {
  syntax: "<color>";
  inherits: true;
  initial-value: #17C653;
}
@property --color--warning--default {
  syntax: "<color>";
  inherits: true;
  initial-value: #fab400;
}
@property --font--weight--semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --color--light--clarity-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF33;
}
@property --color--secondary--active {
  syntax: "<color>";
  inherits: true;
  initial-value: #464852;
}
@property --color--danger--clarity-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F8285A33;
}
@property --color--orange--clarity-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF6F1E33;
}
@property --color--secondary--default {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCFCFE;
}
@property --color--success--clarity-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #17C65333;
}
@property --color--warning--clarity-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F6B10033;
}
@property --color--secondary--clarity-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F9F9F933;
}
@property --spacing--menu-sidebar-collapsed {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 52px;
}

  :host, :root {
  --shadow--lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
  --shadow--md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow--sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow--xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
  --shadow--2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
  --shadow--base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.06);
  --spacing--half: 0.5rem;
  --spacing--wide: 1.75rem;
  --font--size--lg: 1.125rem;
  --font--size--sm: 0.875rem;
  --font--size--xl: 1.25rem;
  --font--size--xs: 0.75rem;
  --spacing--small: .25rem;
  --color--coal--bg: #f6f6f9;
  --font--size--2xl: 1.5rem;
  --font--size--3xl: 1.875rem;
  --font--size--4xl: 2.25rem;
  --font--size--5xl: 3rem;
  --font--size--xxs: 0.75rem;
  --spacing--header: 70px;
  --color--coal--200: #ffffff;
  --color--coal--300: #ffffff;
  --color--coal--500: #FCFCFE;
  --color--grey--100: #F9F9FC;
  --color--grey--200: #F1F1F4;
  --color--grey--300: #DBDFE9;
  --color--grey--400: #C4CADA;
  --color--grey--500: #99A1B7;
  --color--grey--600: #78829D;
  --color--grey--700: #4B5675;
  --color--grey--800: #252F4A;
  --color--grey--900: #071437;
  --font--size--base: 1rem;
  --spacing--default: 1rem;
  --color--dark--light: #F9F9F9;
  --color--info--light: #F8F5FF;
  --font--weight--bold: 700;
  --font--weight--thin: 100;
  --color--dark--active: #111318;
  --color--info--active: #5014D0;
  --color--primary--100: #FAFEFE;
  --color--primary--200: #F2FBFB;
  --color--primary--300: #DEF7F9;
  --color--primary--400: #CAF2F5;
  --color--primary--500: #B5E9ED;
  --color--primary--600: #9DDDE3;
  --color--primary--700: #7ECED4;
  --color--primary--800: #45B9C1;
  --color--primary--900: #009AA3;
  --font--family--inter: 'Inter';
  --font--weight--black: 900;
  --font--weight--light: 300;
  --spacing--input-full: 280px;
  --spacing--input-half: 140px;
  --color--danger--light: #fffcfd;
  --color--dark--default: #1E2129;
  --color--info--default: #7239EA;
  --color--light--active: #FCFCFE;
  --color--orange--light: #FFF5EF;
  --color--primary--1000: #008D96;
  --color--primary--1100: #007E88;
  --color--primary--1200: #0B3D40;
  --font--weight--bolder: 800;
  --font--weight--normal: 500;
  --color--danger--active: #D81A48;
  --color--light--default: #ffffff;
  --color--orange--active: #F15700;
  --color--success--light: #eafff1;
  --color--warning--light: #fffefd;
  --font--weight--lighter: 200;
  --font--weight--regular: 400;
  --spacing--menu-sidebar: 240px;
  --spacing--table-cell-h: 0.35rem;
  --spacing--table-cell-v: 0.75rem;
  --color--danger--default: #F8285A;
  --color--orange--default: #FF6F1E;
  --color--success--active: #04B440;
  --color--warning--active: #db9d00;
  --spacing--input-quarter: 70px;
  --color--dark--clarity-20: #1E212933;
  --color--info--clarity-20: #7239EA33;
  --color--secondary--light: #F9F9F9;
  --color--success--default: #17C653;
  --color--warning--default: #fab400;
  --font--weight--semi-bold: 600;
  --color--light--clarity-20: #FFFFFF33;
  --color--secondary--active: #F9F9F9;
  --color--danger--clarity-20: #F8285A33;
  --color--orange--clarity-20: #FF6F1E33;
  --color--secondary--default: #FCFCFE;
  --color--success--clarity-20: #17C65333;
  --color--warning--clarity-20: #F6B10033;
  --color--secondary--clarity-20: #F9F9F933;
  --spacing--menu-sidebar-collapsed: 52px;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --shadow--lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
  --shadow--md: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.4);
  --shadow--sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --shadow--xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
  --shadow--2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
  --shadow--base: 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.4);
  --color--coal--bg: #13141A;
  --color--coal--100: #15171C;
  --color--coal--200: #13141A;
  --color--coal--300: #111217;
  --color--coal--400: #0F1014;
  --color--coal--500: #0D0E12;
  --color--coal--600: #0B0C10;
  --color--grey--100: #1B1C22;
  --color--grey--200: #26272F;
  --color--grey--300: #363843;
  --color--grey--400: #464852;
  --color--grey--500: #636674;
  --color--grey--600: #808290;
  --color--grey--700: #9A9CAE;
  --color--grey--800: #B5B7C8;
  --color--grey--900: #F5F5F5;
  --color--coal--CL-50: #18191F50;
  --color--dark--light: #1E2027;
  --color--info--light: #272134;
  --color--dark--active: #24262e;
  --color--info--active: #9E63FF;
  --color--primary--100: #0C1618;
  --color--primary--200: #101C1E;
  --color--primary--300: #082D32;
  --color--primary--400: #003A41;
  --color--primary--500: #004750;
  --color--primary--600: #06555F;
  --color--primary--700: #126874;
  --color--primary--800: #13818F;
  --color--primary--900: #0FA8BA;
  --font--family--inter: 'Inter';
  --color--danger--light: #201c1d;
  --color--dark--default: #272A34;
  --color--info--default: #883FFF;
  --color--light--active: #1F212A;
  --color--orange--light: #272320;
  --color--primary--1000: #1BB5C7;
  --color--primary--1100: #4DCDE0;
  --color--primary--1200: #B4ECF5;
  --color--danger--active: #FF3767;
  --color--light--default: #1F212A;
  --color--orange--active: #F35700;
  --color--success--light: #202523;
  --color--warning--light: #21201e;
  --color--danger--default: #E42855;
  --color--orange--default: #D74E00;
  --color--success--active: #01BF73;
  --color--warning--active: #D9AA00;
  --color--dark--clarity-20: #272A3433;
  --color--info--clarity-20: #883FFF33;
  --color--secondary--light: #363843;
  --color--success--default: #00A261;
  --color--warning--default: #C59A00;
  --color--light--clarity-20: #1F212A33;
  --color--secondary--active: #464852;
  --color--danger--clarity-20: #E4285533;
  --color--orange--clarity-20: #D74E0033;
  --color--secondary--default: #363843;
  --color--success--clarity-20: #00A26133;
  --color--warning--clarity-20: #C59A0033;
  --color--secondary--clarity-20: #36384333;
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --shadow--lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
  --shadow--md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow--sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow--xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
  --shadow--2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
  --shadow--base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.06);
  --spacing--half: 0.5rem;
  --spacing--wide: 1.75rem;
  --font--size--lg: 1.125rem;
  --font--size--sm: 0.875rem;
  --font--size--xl: 1.25rem;
  --font--size--xs: 0.75rem;
  --spacing--small: .25rem;
  --color--coal--bg: #f6f6f9;
  --font--size--2xl: 1.5rem;
  --font--size--3xl: 1.875rem;
  --font--size--4xl: 2.25rem;
  --font--size--5xl: 3rem;
  --font--size--xxs: 0.75rem;
  --spacing--header: 70px;
  --color--coal--200: #ffffff;
  --color--coal--300: #ffffff;
  --color--coal--500: #FCFCFE;
  --color--grey--100: #F9F9FC;
  --color--grey--200: #F1F1F4;
  --color--grey--300: #DBDFE9;
  --color--grey--400: #C4CADA;
  --color--grey--500: #99A1B7;
  --color--grey--600: #78829D;
  --color--grey--700: #4B5675;
  --color--grey--800: #252F4A;
  --color--grey--900: #071437;
  --font--size--base: 1rem;
  --spacing--default: 1rem;
  --color--dark--light: #F9F9F9;
  --color--info--light: #F8F5FF;
  --font--weight--bold: 700;
  --font--weight--thin: 100;
  --color--dark--active: #111318;
  --color--info--active: #5014D0;
  --color--primary--100: #FAFEFE;
  --color--primary--200: #F2FBFB;
  --color--primary--300: #DEF7F9;
  --color--primary--400: #CAF2F5;
  --color--primary--500: #B5E9ED;
  --color--primary--600: #9DDDE3;
  --color--primary--700: #7ECED4;
  --color--primary--800: #45B9C1;
  --color--primary--900: #009AA3;
  --font--family--inter: 'Inter';
  --font--weight--black: 900;
  --font--weight--light: 300;
  --spacing--input-full: 280px;
  --spacing--input-half: 140px;
  --color--danger--light: #fffcfd;
  --color--dark--default: #1E2129;
  --color--info--default: #7239EA;
  --color--light--active: #FCFCFE;
  --color--orange--light: #FFF5EF;
  --color--primary--1000: #008D96;
  --color--primary--1100: #007E88;
  --color--primary--1200: #0B3D40;
  --font--weight--bolder: 800;
  --font--weight--normal: 500;
  --color--danger--active: #D81A48;
  --color--light--default: #ffffff;
  --color--orange--active: #F15700;
  --color--success--light: #eafff1;
  --color--warning--light: #fffefd;
  --font--weight--lighter: 200;
  --font--weight--regular: 400;
  --spacing--menu-sidebar: 240px;
  --spacing--table-cell-h: 0.35rem;
  --spacing--table-cell-v: 0.75rem;
  --color--danger--default: #F8285A;
  --color--orange--default: #FF6F1E;
  --color--success--active: #04B440;
  --color--warning--active: #db9d00;
  --spacing--input-quarter: 70px;
  --color--dark--clarity-20: #1E212933;
  --color--info--clarity-20: #7239EA33;
  --color--secondary--light: #F9F9F9;
  --color--success--default: #17C653;
  --color--warning--default: #fab400;
  --font--weight--semi-bold: 600;
  --color--light--clarity-20: #FFFFFF33;
  --color--secondary--active: #F9F9F9;
  --color--danger--clarity-20: #F8285A33;
  --color--orange--clarity-20: #FF6F1E33;
  --color--secondary--default: #FCFCFE;
  --color--success--clarity-20: #17C65333;
  --color--warning--clarity-20: #F6B10033;
  --color--secondary--clarity-20: #F9F9F933;
  --spacing--menu-sidebar-collapsed: 52px;
}
    }
  [data-nc-theme~="dark"] {
  --shadow--lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
  --shadow--md: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.4);
  --shadow--sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --shadow--xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
  --shadow--2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
  --shadow--base: 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.4);
  --color--coal--bg: #13141A;
  --color--coal--100: #15171C;
  --color--coal--200: #13141A;
  --color--coal--300: #111217;
  --color--coal--400: #0F1014;
  --color--coal--500: #0D0E12;
  --color--coal--600: #0B0C10;
  --color--grey--100: #1B1C22;
  --color--grey--200: #26272F;
  --color--grey--300: #363843;
  --color--grey--400: #464852;
  --color--grey--500: #636674;
  --color--grey--600: #808290;
  --color--grey--700: #9A9CAE;
  --color--grey--800: #B5B7C8;
  --color--grey--900: #F5F5F5;
  --color--coal--CL-50: #18191F50;
  --color--dark--light: #1E2027;
  --color--info--light: #272134;
  --color--dark--active: #24262e;
  --color--info--active: #9E63FF;
  --color--primary--100: #0C1618;
  --color--primary--200: #101C1E;
  --color--primary--300: #082D32;
  --color--primary--400: #003A41;
  --color--primary--500: #004750;
  --color--primary--600: #06555F;
  --color--primary--700: #126874;
  --color--primary--800: #13818F;
  --color--primary--900: #0FA8BA;
  --font--family--inter: 'Inter';
  --color--danger--light: #201c1d;
  --color--dark--default: #272A34;
  --color--info--default: #883FFF;
  --color--light--active: #1F212A;
  --color--orange--light: #272320;
  --color--primary--1000: #1BB5C7;
  --color--primary--1100: #4DCDE0;
  --color--primary--1200: #B4ECF5;
  --color--danger--active: #FF3767;
  --color--light--default: #1F212A;
  --color--orange--active: #F35700;
  --color--success--light: #202523;
  --color--warning--light: #21201e;
  --color--danger--default: #E42855;
  --color--orange--default: #D74E00;
  --color--success--active: #01BF73;
  --color--warning--active: #D9AA00;
  --color--dark--clarity-20: #272A3433;
  --color--info--clarity-20: #883FFF33;
  --color--secondary--light: #363843;
  --color--success--default: #00A261;
  --color--warning--default: #C59A00;
  --color--light--clarity-20: #1F212A33;
  --color--secondary--active: #464852;
  --color--danger--clarity-20: #E4285533;
  --color--orange--clarity-20: #D74E0033;
  --color--secondary--default: #363843;
  --color--success--clarity-20: #00A26133;
  --color--warning--clarity-20: #C59A0033;
  --color--secondary--clarity-20: #36384333;
}
[data-nc-theme~="light"] {
  --shadow--lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
  --shadow--md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow--sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow--xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
  --shadow--2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
  --shadow--base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.06);
  --spacing--half: 0.5rem;
  --spacing--wide: 1.75rem;
  --font--size--lg: 1.125rem;
  --font--size--sm: 0.875rem;
  --font--size--xl: 1.25rem;
  --font--size--xs: 0.75rem;
  --spacing--small: .25rem;
  --color--coal--bg: #f6f6f9;
  --font--size--2xl: 1.5rem;
  --font--size--3xl: 1.875rem;
  --font--size--4xl: 2.25rem;
  --font--size--5xl: 3rem;
  --font--size--xxs: 0.75rem;
  --spacing--header: 70px;
  --color--coal--200: #ffffff;
  --color--coal--300: #ffffff;
  --color--coal--500: #FCFCFE;
  --color--grey--100: #F9F9FC;
  --color--grey--200: #F1F1F4;
  --color--grey--300: #DBDFE9;
  --color--grey--400: #C4CADA;
  --color--grey--500: #99A1B7;
  --color--grey--600: #78829D;
  --color--grey--700: #4B5675;
  --color--grey--800: #252F4A;
  --color--grey--900: #071437;
  --font--size--base: 1rem;
  --spacing--default: 1rem;
  --color--dark--light: #F9F9F9;
  --color--info--light: #F8F5FF;
  --font--weight--bold: 700;
  --font--weight--thin: 100;
  --color--dark--active: #111318;
  --color--info--active: #5014D0;
  --color--primary--100: #FAFEFE;
  --color--primary--200: #F2FBFB;
  --color--primary--300: #DEF7F9;
  --color--primary--400: #CAF2F5;
  --color--primary--500: #B5E9ED;
  --color--primary--600: #9DDDE3;
  --color--primary--700: #7ECED4;
  --color--primary--800: #45B9C1;
  --color--primary--900: #009AA3;
  --font--family--inter: 'Inter';
  --font--weight--black: 900;
  --font--weight--light: 300;
  --spacing--input-full: 280px;
  --spacing--input-half: 140px;
  --color--danger--light: #fffcfd;
  --color--dark--default: #1E2129;
  --color--info--default: #7239EA;
  --color--light--active: #FCFCFE;
  --color--orange--light: #FFF5EF;
  --color--primary--1000: #008D96;
  --color--primary--1100: #007E88;
  --color--primary--1200: #0B3D40;
  --font--weight--bolder: 800;
  --font--weight--normal: 500;
  --color--danger--active: #D81A48;
  --color--light--default: #ffffff;
  --color--orange--active: #F15700;
  --color--success--light: #eafff1;
  --color--warning--light: #fffefd;
  --font--weight--lighter: 200;
  --font--weight--regular: 400;
  --spacing--menu-sidebar: 240px;
  --spacing--table-cell-h: 0.35rem;
  --spacing--table-cell-v: 0.75rem;
  --color--danger--default: #F8285A;
  --color--orange--default: #FF6F1E;
  --color--success--active: #04B440;
  --color--warning--active: #db9d00;
  --spacing--input-quarter: 70px;
  --color--dark--clarity-20: #1E212933;
  --color--info--clarity-20: #7239EA33;
  --color--secondary--light: #F9F9F9;
  --color--success--default: #17C653;
  --color--warning--default: #fab400;
  --font--weight--semi-bold: 600;
  --color--light--clarity-20: #FFFFFF33;
  --color--secondary--active: #F9F9F9;
  --color--danger--clarity-20: #F8285A33;
  --color--orange--clarity-20: #FF6F1E33;
  --color--secondary--default: #FCFCFE;
  --color--success--clarity-20: #17C65333;
  --color--warning--clarity-20: #F6B10033;
  --color--secondary--clarity-20: #F9F9F933;
  --spacing--menu-sidebar-collapsed: 52px;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-inter: 'Inter',sans-serif;
--font-Cute Font: 'Cute Font',display;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .fkTCkI {
      width:100%;
      height:100%;
      display:flex;
      align-items:center;
      font-family:Inter;
      justify-content:center;
    }