:root {
     --lgreen: #99b433;
     --green: #00a300;
     --dgreen: #1e7145;
     --magenta: #ff0097;
     --lpurple: #9f00a7;
     --purple: #7e3878;
     --dpurple: #603cba;
     --darken: #1d1d1d;
     --teal: #00aba9;
     --lblue: #eff4ff;
     --blue: #2d89ef;
     --dblue: #2b5797;
     --orange: #e3a21a;
     --dorange: #da532c;
     --yellow: #ffc40d;
     --red: #ee1111;
     --dred: #b91d47;
     --pink: #e83e8c;
     --cyan: #17a2b8;
     --gray: #7E8299;
     --gray50: #7e829982;
     --gray-dark: #3F4254;
     --primary: #3699FF;
     --secondary: #E4E6EF;
     --success: #1BC5BD;
     --info: #8950FC;
     --warning: #FFA800;
     --danger: #F64E60;
     --light: #F3F6F9;
     --dark: #181C32;
     --white: #ffffff;
     --breakpoint-xs: 0;
     --breakpoint-sm: 576px;
     --breakpoint-md: 768px;
     --breakpoint-lg: 992px;
     --breakpoint-xl: 1200px;
     --breakpoint-xxl: 1400px;
     --primary-color: #2c73d2;
     --secondary-color: #f9f9f9;
     --border-color: #e0e0e0;
     --success-color: #28a745;
     --text-color: #333;
     --light-text: #666;
     --danger-color: #e74c3c;
     --radius1: 4px;
     --radius2: 8px;
     --radius3: 16px;
     --bd: 1px solid;
     --bd1: 1px solid var(--bd, --border-color);
     --bd2: 1px solid #f7f8fa;
     --border1: 1px solid #f7f8fa;
     --border2: 2px solid #f7f8fa;
     --bx-shadow1:1px 2px 5px #72717126;
     --shadow1: 1px 2px 5px #72717126;
     --shadow2: 1px 2px 1px 2px #00000005;
     --shadow3: 1px 2px 5px #72717126;

     --op8: 0.08;
     --op16: 0.16;
     --op24: 0.24;
     --op32: 0.32;
     --op38: 0.38;

     --opf80: 80%;
     --opf60: 60%;
     --opf40: 40%;
     --opf20: 20%;

     --opd10: 10%;
     --opd15: 15%;
     --opd20: 20%;
     --opd25: 25%;

     --lg: #9BCE39;
     --lg-b10: color-mix(in srgb, var(--lg), #000 var(--opd10));
     --lg-b15: color-mix(in srgb, var(--lg), #000 var(--opd15));
     --lg-b20: color-mix(in srgb, var(--lg), #000 var(--opd20));
     --lg-b25: color-mix(in srgb, var(--lg), #000 var(--opd25));
     --lg-w20: color-mix(in srgb, var(--lg) var(--opf80), #fff);
     --lg-w40: color-mix(in srgb, var(--lg) var(--opf60), #fff);
     --lg-w60: color-mix(in srgb, var(--lg) var(--opf40), #fff);
     --lg-w80: color-mix(in srgb, var(--lg) var(--opf20), #fff);

     --lg-o8: color(from var(--lg) srgb r g b / var(--op8));
     --lg-o16: color(from var(--lg) srgb r g b / var(--op16));
     --lg-o24: color(from var(--lg) srgb r g b / var(--op24));
     --lg-o32: color(from var(--lg) srgb r g b / var(--op32));
     --lg-o38: color(from var(--lg) srgb r g b / var(--op38));

     --dg: #043C39;
     --dg-b10: color-mix(in srgb, var(--dg), #000 var(--opd10));
     --dg-b15: color-mix(in srgb, var(--dg), #000 var(--opd15));
     --dg-b20: color-mix(in srgb, var(--dg), #000 var(--opd20));
     --dg-b25: color-mix(in srgb, var(--dg), #000 var(--opd25));
     --dg-w20: color-mix(in srgb, var(--dg) var(--opf80), #fff);
     --dg-w40: color-mix(in srgb, var(--dg) var(--opf60), #fff);
     --dg-w60: color-mix(in srgb, var(--dg) var(--opf40), #fff);
     --dg-w80: color-mix(in srgb, var(--dg) var(--opf20), #fff);

     --dg-o8: color(from var(--dg) srgb r g b / var(--op8));
     --dg-o16: color(from var(--dg) srgb r g b / var(--op16));
     --dg-o24: color(from var(--dg) srgb r g b / var(--op24));
     --dg-o32: color(from var(--dg) srgb r g b / var(--op32));
     --dg-o38: color(from var(--dg) srgb r g b / var(--op38));

     --bl: #1062E5;
     --bl-b10: color-mix(in srgb, var(--bl), #000 var(--opd10));
     --bl-b15: color-mix(in srgb, var(--bl), #000 var(--opd15));
     --bl-b20: color-mix(in srgb, var(--bl), #000 var(--opd20));
     --bl-b25: color-mix(in srgb, var(--bl), #000 var(--opd25));
     --bl-w20: color-mix(in srgb, var(--bl) var(--opf80), #fff);
     --bl-w40: color-mix(in srgb, var(--bl) var(--opf60), #fff);
     --bl-w60: color-mix(in srgb, var(--bl) var(--opf40), #fff);
     --bl-w80: color-mix(in srgb, var(--bl) var(--opf20), #fff);

     --bl-o8: color(from var(--bl) srgb r g b / var(--op8));
     --bl-o16: color(from var(--bl) srgb r g b / var(--op16));
     --bl-o24: color(from var(--bl) srgb r g b / var(--op24));
     --bl-o32: color(from var(--bl) srgb r g b / var(--op32));
     --bl-o38: color(from var(--bl) srgb r g b / var(--op38));
     --y: #FBBC05;
     --y-b10: color-mix(in srgb, var(--y), #000 var(--opd10));
     --y-b15: color-mix(in srgb, var(--y), #000 var(--opd15));
     --y-b20: color-mix(in srgb, var(--y), #000 var(--opd20));
     --y-b25: color-mix(in srgb, var(--y), #000 var(--opd25));
     --y-w20: color-mix(in srgb, var(--y) var(--opf80), #fff);
     --y-w40: color-mix(in srgb, var(--y) var(--opf60), #fff);
     --y-w60: color-mix(in srgb, var(--y) var(--opf40), #fff);
     --y-w80: color-mix(in srgb, var(--y) var(--opf20), #fff);

     --y-o8: color(from var(--y) srgb r g b / var(--op8));
     --y-o16: color(from var(--y) srgb r g b / var(--op16));
     --y-o24: color(from var(--y) srgb r g b / var(--op24));
     --y-o32: color(from var(--y) srgb r g b / var(--op32));
     --y-o38: color(from var(--y) srgb r g b / var(--op38));
     --r: #EA4335;
     --r-b10: color-mix(in srgb, var(--r), #000 var(--opd10));
     --r-b15: color-mix(in srgb, var(--r), #000 var(--opd15));
     --r-b20: color-mix(in srgb, var(--r), #000 var(--opd20));
     --r-b25: color-mix(in srgb, var(--r), #000 var(--opd25));
     --r-w20: color-mix(in srgb, var(--r) var(--opf80), #fff);
     --r-w40: color-mix(in srgb, var(--r) var(--opf60), #fff);
     --r-w60: color-mix(in srgb, var(--r) var(--opf40), #fff);
     --r-w80: color-mix(in srgb, var(--r) var(--opf20), #fff);

     --r-o8: color(from var(--r) srgb r g b / var(--op8));
     --r-o16: color(from var(--r) srgb r g b / var(--op16));
     --r-o24: color(from var(--r) srgb r g b / var(--op24));
     --r-o32: color(from var(--r) srgb r g b / var(--op32));
     --r-o38: color(from var(--r) srgb r g b / var(--op38));
     --gr: #303030;
     --gr-b10: color-mix(in srgb, var(--gr), #000 var(--opd10));
     --gr-b15: color-mix(in srgb, var(--gr), #000 var(--opd15));
     --gr-b20: color-mix(in srgb, var(--gr), #000 var(--opd20));
     --gr-b25: color-mix(in srgb, var(--gr), #000 var(--opd25));
     --gr-w20: color-mix(in srgb, var(--gr) var(--opf80), #fff);
     --gr-w40: color-mix(in srgb, var(--gr) var(--opf60), #fff);
     --gr-w60: color-mix(in srgb, var(--gr) var(--opf40), #fff);
     --gr-w80: color-mix(in srgb, var(--gr) var(--opf20), #fff);

     --gr-o8: color(from var(--gr) srgb r g b / var(--op8));
     --gr-o16: color(from var(--gr) srgb r g b / var(--op16));
     --gr-o24: color(from var(--gr) srgb r g b / var(--op24));
     --gr-o32: color(from var(--gr) srgb r g b / var(--op32));
     --gr-o38: color(from var(--gr) srgb r g b / var(--op38));

     --main: #303030;
     --div: #E6E6E8;
     --track-bg: #f1f0f2;
     --chat-bg: #f3f2f5;
     --body-bg: #f8f7fa;
     --b: #000;
     --w: #fff;
    --bg-main: #eff6fe;
    --cl-icon: #ffffff;
    --bg-top: #004fad;
    --bg-box: #ffffff;
    --text-cl: #262c39;
    --text-numb-cl:#004FAD;
    --text-mbox-cl:#423E3E;
    --table-heading-c:#004FAD;
    --table-line-c:#423E3E;
    --button-cl:#004FAD;
    

  
 }

 @layer l0 {

     * {

         font-size: 16px;
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,"Noto Sans", "Helvetica Neue", Arial,"PingFang SC", "Microsoft YaHei", "SimSun","Times New Roman", "Tahoma", sans-serif;

     }
 }