:root {
  /*brand*/
  --brand-50: #E5F2FF;
  --brand-100: #CCE5FF;
  --brand-200: #99CAFF;
  --brand-300: #66B0FF;
  --brand-400: #3396FF;
  --brand-500: #007AFF;
  --brand-600: #0063CC;
  --brand-700: #004A99;
  --brand-800: #003166;
  --brand-900: #001F40;
  --brand-950: #001226;
  /*blue*/
  --blue-50: #E5F2FF;
  --blue-100: #CCE5FF;
  --blue-200: #99CAFF;
  --blue-300: #66B0FF;
  --blue-400: #3396FF;
  --blue-500: #007AFF;
  --blue-600: #0063CC;
  --blue-700: #004A99;
  --blue-800: #003166;
  --blue-900: #001F40;
  --blue-950: #001226;
  /*lavender*/
  --lavender-50: #F2F0FF;
  --lavender-100: #E4E0FF;
  --lavender-200: #CAC2FF;
  --lavender-300: #AFA3FF;
  --lavender-400: #9585FF;
  --lavender-500: #7763FF;
  --lavender-600: #4D36E3;
  --lavender-700: #2F1E9C;
  --lavender-800: #231675;
  --lavender-900: #0F0930;
  --lavender-950: #060414;
  /*red*/
  --red-50: #FFECEB;
  --red-100: #FFD8D6;
  --red-200: #FFB1AD;
  --red-300: #FF8B85;
  --red-400: #FF645C;
  --red-500: #FF3B30;
  --red-600: #F50C00;
  --red-700: #B80900;
  --red-800: #7A0600;
  --red-900: #3D0300;
  --red-950: #1F0200;
  /*orange*/
  --orange-50: #FFF4E5;
  --orange-100: #FFEACC;
  --orange-200: #FFD599;
  --orange-300: #FFBF66;
  --orange-400: #FFAA33;
  --orange-500: #FF9500;
  --orange-600: #CC7700;
  --orange-700: #995900;
  --orange-800: #663C00;
  --orange-900: #331E00;
  --orange-950: #190F00;
  /*lime*/
  --lime-50: #E7FDF1;
  --lime-100: #D4FCE5;
  --lime-200: #A9F9CC;
  --lime-300: #7EF6B2;
  --lime-400: #4EF396;
  --lime-500: #25F07C;
  --lime-600: #0ECD61;
  --lime-700: #0B9D4A;
  --lime-800: #076932;
  --lime-900: #043419;
  --lime-950: #02180B;
  /*navy*/
  --navy-50: #EBEFFF;
  --navy-100: #D6DFFF;
  --navy-200: #ADBFFF;
  --navy-300: #8AA3FF;
  --navy-400: #6183FF;
  --navy-500: #3864FF;
  --navy-600: #2F53D6;
  --navy-700: #2643AD;
  --navy-800: #172867;
  --navy-900: #0C1638;
  --navy-950: #07102F;
  /*indigo*/
  --indigo-50: #EFEFFB;
  --indigo-100: #DFDEF7;
  --indigo-200: #BEBDEF;
  --indigo-300: #9A98E6;
  --indigo-400: #7978DE;
  --indigo-500: #5856D6;
  --indigo-600: #3D3BC9;
  --indigo-700: #282691;
  --indigo-800: #1C1B67;
  --indigo-900: #100F39;
  --indigo-950: #0A0A22;
  /*purple*/
  --purple-50: #F7EEFC;
  --purple-100: #EFDDF8;
  --purple-200: #DFBAF2;
  --purple-300: #D098EB;
  --purple-400: #C076E5;
  --purple-500: #AF52DE;
  --purple-600: #9627CE;
  --purple-700: #711D9A;
  --purple-800: #4B1467;
  --purple-900: #260A33;
  --purple-950: #13051A;
  /*yellow*/
  --yellow-50: #FFF9E5;
  --yellow-100: #FFF3CC;
  --yellow-200: #FFE799;
  --yellow-300: #FFDB66;
  --yellow-400: #FFCF33;
  --yellow-500: #FFC402;
  --yellow-600: #CC9C00;
  --yellow-700: #997500;
  --yellow-800: #664E00;
  --yellow-900: #332700;
  --yellow-950: #191400;
  /*green*/
  --green-50: #F1FFE0;
  --green-100: #E6FFC7;
  --green-200: #CDFF8F;
  --green-300: #B1FF52;
  --green-400: #98FF1A;
  --green-500: #7BE000;
  --green-600: #62B300;
  --green-700: #498500;
  --green-800: #325C00;
  --green-900: #192E00;
  --green-950: #0B1400;
  /*forest*/
  --forest-50: #DBFFE3;
  --forest-100: #B3FFC3;
  --forest-200: #6BFF8B;
  --forest-300: #1FFF4F;
  --forest-400: #00D62E;
  --forest-500: #00891E;
  --forest-600: #007018;
  --forest-700: #005212;
  --forest-800: #00380C;
  --forest-900: #001906;
  --forest-950: #000F03;
  /*mint*/
  --mint-50: #E8FCFB;
  --mint-100: #CDF9F7;
  --mint-200: #9BF3EF;
  --mint-300: #68EDE7;
  --mint-400: #36E8DF;
  --mint-500: #18CEC5;
  --mint-600: #13A49D;
  --mint-700: #0E7B76;
  --mint-800: #0A524F;
  --mint-900: #052927;
  --mint-950: #031716;
  /*cyan*/
  --cyan-50: #EBF9FF;
  --cyan-100: #D6F2FF;
  --cyan-200: #B3E7FF;
  --cyan-300: #8ADAFF;
  --cyan-400: #61CDFF;
  --cyan-500: #3BC1FF;
  --cyan-600: #00ABFA;
  --cyan-700: #0081BD;
  --cyan-800: #005780;
  --cyan-900: #002A3D;
  --cyan-950: #00151F;
  /*charcoal*/
  --charcoal-50: #EFF0F0;
  --charcoal-100: #E2E3E4;
  --charcoal-200: #C5C8C9;
  --charcoal-300: #A5A9AC;
  --charcoal-400: #888E91;
  --charcoal-500: #6C7275;
  --charcoal-600: #565A5D;
  --charcoal-700: #404345;
  --charcoal-800: #2C2F30;
  --charcoal-900: #1C1D1F;
  --charcoal-950: #0A0B0B;
  /*gray*/
  --gray-50: #F4F5F6;
  --gray-100: #ECEDEF;
  --gray-200: #D8DCDE;
  --gray-300: #C2C8CC;
  --gray-400: #AFB6BB;
  --gray-500: #9BA4AB;
  --gray-600: #77838D;
  --gray-700: #586269;
  --gray-800: #3D4348;
  --gray-900: #1E2224;
  --gray-950: #0E0F11;
  /*black*/
  --black-500: #0E0F11;
  /*white*/
  --white-500: #FFF;
  /*brand 0, 122, 255*/
  --brand-t-5per: rgba(0, 122, 255, 0.05);
  --brand-t-10per: rgba(0, 122, 255, 0.1);
  --brand-t-15per: rgba(0, 122, 255, 0.15);
  --brand-t-20per: rgba(0, 122, 255, 0.2);
  --brand-t-25per: rgba(0, 122, 255, 0.25);
  --brand-t-30per: rgba(0, 122, 255, 0.3);
  --brand-t-35per: rgba(0, 122, 255, 0.35);
  --brand-t-40per: rgba(0, 122, 255, 0.4);
  --brand-t-45per: rgba(0, 122, 255, 0.45);
  --brand-t-50per: rgba(0, 122, 255, 0.5);
  --brand-t-55per: rgba(0, 122, 255, 0.55);
  /*blue 0, 122, 255*/
  --blue-t-5per: rgba(0, 122, 255, 0.05);
  --blue-t-10per: rgba(0, 122, 255, 0.1);
  --blue-t-15per: rgba(0, 122, 255, 0.15);
  --blue-t-20per: rgba(0, 122, 255, 0.2);
  --blue-t-25per: rgba(0, 122, 255, 0.25);
  --blue-t-30per: rgba(0, 122, 255, 0.3);
  --blue-t-35per: rgba(0, 122, 255, 0.35);
  --blue-t-40per: rgba(0, 122, 255, 0.4);
  --blue-t-45per: rgba(0, 122, 255, 0.45);
  --blue-t-50per: rgba(0, 122, 255, 0.5);
  --blue-t-55per: rgba(0, 122, 255, 0.55);
  /*lavender 119, 99, 255*/
  --lavender-t-5per: rgba(119, 99, 255, 0.05);
  --lavender-t-10per: rgba(119, 99, 255, 0.1);
  --lavender-t-15per: rgba(119, 99, 255, 0.15);
  --lavender-t-20per: rgba(119, 99, 255, 0.2);
  --lavender-t-25per: rgba(119, 99, 255, 0.25);
  --lavender-t-30per: rgba(119, 99, 255, 0.3);
  --lavender-t-35per: rgba(119, 99, 255, 0.35);
  --lavender-t-40per: rgba(119, 99, 255, 0.4);
  --lavender-t-45per: rgba(119, 99, 255, 0.45);
  --lavender-t-50per: rgba(119, 99, 255, 0.5);
  --lavender-t-55per: rgba(119, 99, 255, 0.55);
  /*red 255, 59, 48*/
  --red-t-5per: rgba(255, 59, 48, 0.05);
  --red-t-10per: rgba(255, 59, 48, 0.1);
  --red-t-15per: rgba(255, 59, 48, 0.15);
  --red-t-20per: rgba(255, 59, 48, 0.2);
  --red-t-25per: rgba(255, 59, 48, 0.25);
  --red-t-30per: rgba(255, 59, 48, 0.3);
  --red-t-35per: rgba(255, 59, 48, 0.35);
  --red-t-40per: rgba(255, 59, 48, 0.4);
  --red-t-45per: rgba(255, 59, 48, 0.45);
  --red-t-50per: rgba(255, 59, 48, 0.5);
  --red-t-55per: rgba(255, 59, 48, 0.55);
  /*orange 255, 149, 0*/
  --orange-t-5per: rgba(255, 149, 0, 0.05);
  --orange-t-10per: rgba(255, 149, 0, 0.1);
  --orange-t-15per: rgba(255, 149, 0, 0.15);
  --orange-t-20per: rgba(255, 149, 0, 0.2);
  --orange-t-25per: rgba(255, 149, 0, 0.25);
  --orange-t-30per: rgba(255, 149, 0, 0.3);
  --orange-t-35per: rgba(255, 149, 0, 0.35);
  --orange-t-40per: rgba(255, 149, 0, 0.4);
  --orange-t-45per: rgba(255, 149, 0, 0.45);
  --orange-t-50per: rgba(255, 149, 0, 0.5);
  --orange-t-55per: rgba(255, 149, 0, 0.55);
  /*lime 37, 240, 124*/
  --lime-t-5per: rgba(37, 240, 124, 0.05);
  --lime-t-10per: rgba(37, 240, 124, 0.1);
  --lime-t-15per: rgba(37, 240, 124, 0.15);
  --lime-t-20per: rgba(37, 240, 124, 0.2);
  --lime-t-25per: rgba(37, 240, 124, 0.25);
  --lime-t-30per: rgba(37, 240, 124, 0.3);
  --lime-t-35per: rgba(37, 240, 124, 0.35);
  --lime-t-40per: rgba(37, 240, 124, 0.4);
  --lime-t-45per: rgba(37, 240, 124, 0.45);
  --lime-t-50per: rgba(37, 240, 124, 0.5);
  --lime-t-55per: rgba(37, 240, 124, 0.55);
  /*navy 56, 100, 255*/
  --navy-t-5per: rgba(56, 100, 255, 0.05);
  --navy-t-10per: rgba(56, 100, 255, 0.1);
  --navy-t-15per: rgba(56, 100, 255, 0.15);
  --navy-t-20per: rgba(56, 100, 255, 0.2);
  --navy-t-25per: rgba(56, 100, 255, 0.25);
  --navy-t-30per: rgba(56, 100, 255, 0.3);
  --navy-t-35per: rgba(56, 100, 255, 0.35);
  --navy-t-40per: rgba(56, 100, 255, 0.4);
  --navy-t-45per: rgba(56, 100, 255, 0.45);
  --navy-t-50per: rgba(56, 100, 255, 0.5);
  --navy-t-55per: rgba(56, 100, 255, 0.55);
  /*indigo 88, 86, 214*/
  --indigo-t-5per: rgba(88, 86, 214, 0.05);
  --indigo-t-10per: rgba(88, 86, 214, 0.1);
  --indigo-t-15per: rgba(88, 86, 214, 0.15);
  --indigo-t-20per: rgba(88, 86, 214, 0.2);
  --indigo-t-25per: rgba(88, 86, 214, 0.25);
  --indigo-t-30per: rgba(88, 86, 214, 0.3);
  --indigo-t-35per: rgba(88, 86, 214, 0.35);
  --indigo-t-40per: rgba(88, 86, 214, 0.4);
  --indigo-t-45per: rgba(88, 86, 214, 0.45);
  --indigo-t-50per: rgba(88, 86, 214, 0.5);
  --indigo-t-55per: rgba(88, 86, 214, 0.55);
  /*purple 175, 82, 222*/
  --purple-t-5per: rgba(175, 82, 222, 0.05);
  --purple-t-10per: rgba(175, 82, 222, 0.1);
  --purple-t-15per: rgba(175, 82, 222, 0.15);
  --purple-t-20per: rgba(175, 82, 222, 0.2);
  --purple-t-25per: rgba(175, 82, 222, 0.25);
  --purple-t-30per: rgba(175, 82, 222, 0.3);
  --purple-t-35per: rgba(175, 82, 222, 0.35);
  --purple-t-40per: rgba(175, 82, 222, 0.4);
  --purple-t-45per: rgba(175, 82, 222, 0.45);
  --purple-t-50per: rgba(175, 82, 222, 0.5);
  --purple-t-55per: rgba(175, 82, 222, 0.55);
  /*yellow 255, 196, 2*/
  --yellow-t-5per: rgba(255, 196, 2, 0.05);
  --yellow-t-10per: rgba(255, 196, 2, 0.1);
  --yellow-t-15per: rgba(255, 196, 2, 0.15);
  --yellow-t-20per: rgba(255, 196, 2, 0.2);
  --yellow-t-25per: rgba(255, 196, 2, 0.25);
  --yellow-t-30per: rgba(255, 196, 2, 0.3);
  --yellow-t-35per: rgba(255, 196, 2, 0.35);
  --yellow-t-40per: rgba(255, 196, 2, 0.4);
  --yellow-t-45per: rgba(255, 196, 2, 0.45);
  --yellow-t-50per: rgba(255, 196, 2, 0.5);
  --yellow-t-55per: rgba(255, 196, 2, 0.55);
  /*green 123, 224, 0*/
  --green-t-5per: rgba(123, 224, 0, 0.05);
  --green-t-10per: rgba(123, 224, 0, 0.1);
  --green-t-15per: rgba(123, 224, 0, 0.15);
  --green-t-20per: rgba(123, 224, 0, 0.2);
  --green-t-25per: rgba(123, 224, 0, 0.25);
  --green-t-30per: rgba(123, 224, 0, 0.3);
  --green-t-35per: rgba(123, 224, 0, 0.35);
  --green-t-40per: rgba(123, 224, 0, 0.4);
  --green-t-45per: rgba(123, 224, 0, 0.45);
  --green-t-50per: rgba(123, 224, 0, 0.5);
  --green-t-55per: rgba(123, 224, 0, 0.55);
  /*forest 0, 137, 30*/
  --forest-t-5per: rgba(0, 137, 30, 0.05);
  --forest-t-10per: rgba(0, 137, 30, 0.1);
  --forest-t-15per: rgba(0, 137, 30, 0.15);
  --forest-t-20per: rgba(0, 137, 30, 0.2);
  --forest-t-25per: rgba(0, 137, 30, 0.25);
  --forest-t-30per: rgba(0, 137, 30, 0.3);
  --forest-t-35per: rgba(0, 137, 30, 0.35);
  --forest-t-40per: rgba(0, 137, 30, 0.4);
  --forest-t-45per: rgba(0, 137, 30, 0.45);
  --forest-t-50per: rgba(0, 137, 30, 0.5);
  --forest-t-55per: rgba(0, 137, 30, 0.55);
  /*mint 24, 206, 197*/
  --mint-t-5per: rgba(24, 206, 197, 0.05);
  --mint-t-10per: rgba(24, 206, 197, 0.1);
  --mint-t-15per: rgba(24, 206, 197, 0.15);
  --mint-t-20per: rgba(24, 206, 197, 0.2);
  --mint-t-25per: rgba(24, 206, 197, 0.25);
  --mint-t-30per: rgba(24, 206, 197, 0.3);
  --mint-t-35per: rgba(24, 206, 197, 0.35);
  --mint-t-40per: rgba(24, 206, 197, 0.4);
  --mint-t-45per: rgba(24, 206, 197, 0.45);
  --mint-t-50per: rgba(24, 206, 197, 0.5);
  --mint-t-55per: rgba(24, 206, 197, 0.55);
  /*cyan 59, 193, 255*/
  --cyan-t-5per: rgba(59, 193, 255, 0.05);
  --cyan-t-10per: rgba(59, 193, 255, 0.1);
  --cyan-t-15per: rgba(59, 193, 255, 0.15);
  --cyan-t-20per: rgba(59, 193, 255, 0.2);
  --cyan-t-25per: rgba(59, 193, 255, 0.25);
  --cyan-t-30per: rgba(59, 193, 255, 0.3);
  --cyan-t-35per: rgba(59, 193, 255, 0.35);
  --cyan-t-40per: rgba(59, 193, 255, 0.4);
  --cyan-t-45per: rgba(59, 193, 255, 0.45);
  --cyan-t-50per: rgba(59, 193, 255, 0.5);
  --cyan-t-55per: rgba(59, 193, 255, 0.55);
  /*charcoal 108, 114, 117*/
  --charcoal-t-5per: rgba(108, 114, 117, 0.05);
  --charcoal-t-10per: rgba(108, 114, 117, 0.1);
  --charcoal-t-15per: rgba(108, 114, 117, 0.15);
  --charcoal-t-20per: rgba(108, 114, 117, 0.2);
  --charcoal-t-25per: rgba(108, 114, 117, 0.25);
  --charcoal-t-30per: rgba(108, 114, 117, 0.3);
  --charcoal-t-35per: rgba(108, 114, 117, 0.35);
  --charcoal-t-40per: rgba(108, 114, 117, 0.4);
  --charcoal-t-45per: rgba(108, 114, 117, 0.45);
  --charcoal-t-50per: rgba(108, 114, 117, 0.5);
  --charcoal-t-55per: rgba(108, 114, 117, 0.55);
  /*gray 155, 164, 171*/
  --gray-t-5per: rgba(155, 164, 171, 0.05);
  --gray-t-10per: rgba(155, 164, 171, 0.1);
  --gray-t-15per: rgba(155, 164, 171, 0.15);
  --gray-t-20per: rgba(155, 164, 171, 0.2);
  --gray-t-25per: rgba(155, 164, 171, 0.25);
  --gray-t-30per: rgba(155, 164, 171, 0.3);
  --gray-t-35per: rgba(155, 164, 171, 0.35);
  --gray-t-40per: rgba(155, 164, 171, 0.4);
  --gray-t-45per: rgba(155, 164, 171, 0.45);
  --gray-t-50per: rgba(155, 164, 171, 0.5);
  --gray-t-55per: rgba(155, 164, 171, 0.55);
  /*black 0, 0, 0*/
  --black-t-5per: rgba(0, 0, 0, 0.05);
  --black-t-10per: rgba(0, 0, 0, 0.1);
  --black-t-15per: rgba(0, 0, 0, 0.15);
  --black-t-20per: rgba(0, 0, 0, 0.2);
  --black-t-25per: rgba(0, 0, 0, 0.25);
  --black-t-30per: rgba(0, 0, 0, 0.3);
  --black-t-35per: rgba(0, 0, 0, 0.35);
  --black-t-40per: rgba(0, 0, 0, 0.4);
  --black-t-45per: rgba(0, 0, 0, 0.45);
  --black-t-50per: rgba(0, 0, 0, 0.5);
  --black-t-55per: rgba(0, 0, 0, 0.55);
  /*white 255, 255, 255*/
  --white-t-5per: rgba(255, 255, 255, 0.05);
  --white-t-10per: rgba(255, 255, 255, 0.1);
  --white-t-15per: rgba(255, 255, 255, 0.15);
  --white-t-20per: rgba(255, 255, 255, 0.2);
  --white-t-25per: rgba(255, 255, 255, 0.25);
  --white-t-30per: rgba(255, 255, 255, 0.3);
  --white-t-35per: rgba(255, 255, 255, 0.35);
  --white-t-40per: rgba(255, 255, 255, 0.4);
  --white-t-45per: rgba(255, 255, 255, 0.45);
  --white-t-50per: rgba(255, 255, 255, 0.5);
  --white-t-55per: rgba(255, 255, 255, 0.55);
  --gradient-1:linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.75) 100%);
  --gradient-2:linear-gradient(180deg, rgba(61, 67, 72, 0.95) 0%, rgba(61, 67, 72, 0.75) 100%) ;
}

:root {
  /*brand*/
  --brand-50: #E5F2FF;
  --brand-100: #CCE5FF;
  --brand-200: #99CAFF;
  --brand-300: #66B0FF;
  --brand-400: #3396FF;
  --brand-500: #007AFF;
  --brand-600: #0063CC;
  --brand-700: #004A99;
  --brand-800: #003166;
  --brand-900: #001F40;
  --brand-950: #001226;
  /*blue*/
  --blue-50: #E5F2FF;
  --blue-100: #CCE5FF;
  --blue-200: #99CAFF;
  --blue-300: #66B0FF;
  --blue-400: #3396FF;
  --blue-500: #007AFF;
  --blue-600: #0063CC;
  --blue-700: #004A99;
  --blue-800: #003166;
  --blue-900: #001F40;
  --blue-950: #001226;
  /*lavender*/
  --lavender-50: #F2F0FF;
  --lavender-100: #E4E0FF;
  --lavender-200: #CAC2FF;
  --lavender-300: #AFA3FF;
  --lavender-400: #9585FF;
  --lavender-500: #7763FF;
  --lavender-600: #4D36E3;
  --lavender-700: #2F1E9C;
  --lavender-800: #231675;
  --lavender-900: #0F0930;
  --lavender-950: #060414;
  /*red*/
  --red-50: #FFECEB;
  --red-100: #FFD8D6;
  --red-200: #FFB1AD;
  --red-300: #FF8B85;
  --red-400: #FF645C;
  --red-500: #FF3B30;
  --red-600: #F50C00;
  --red-700: #B80900;
  --red-800: #7A0600;
  --red-900: #3D0300;
  --red-950: #1F0200;
  /*orange*/
  --orange-50: #FFF4E5;
  --orange-100: #FFEACC;
  --orange-200: #FFD599;
  --orange-300: #FFBF66;
  --orange-400: #FFAA33;
  --orange-500: #FF9500;
  --orange-600: #CC7700;
  --orange-700: #995900;
  --orange-800: #663C00;
  --orange-900: #331E00;
  --orange-950: #190F00;
  /*lime*/
  --lime-50: #E7FDF1;
  --lime-100: #D4FCE5;
  --lime-200: #A9F9CC;
  --lime-300: #7EF6B2;
  --lime-400: #4EF396;
  --lime-500: #25F07C;
  --lime-600: #0ECD61;
  --lime-700: #0B9D4A;
  --lime-800: #076932;
  --lime-900: #043419;
  --lime-950: #02180B;
  /*navy*/
  --navy-50: #EBEFFF;
  --navy-100: #D6DFFF;
  --navy-200: #ADBFFF;
  --navy-300: #8AA3FF;
  --navy-400: #6183FF;
  --navy-500: #3864FF;
  --navy-600: #2F53D6;
  --navy-700: #2643AD;
  --navy-800: #172867;
  --navy-900: #0C1638;
  --navy-950: #07102F;
  /*indigo*/
  --indigo-50: #EFEFFB;
  --indigo-100: #DFDEF7;
  --indigo-200: #BEBDEF;
  --indigo-300: #9A98E6;
  --indigo-400: #7978DE;
  --indigo-500: #5856D6;
  --indigo-600: #3D3BC9;
  --indigo-700: #282691;
  --indigo-800: #1C1B67;
  --indigo-900: #100F39;
  --indigo-950: #0A0A22;
  /*purple*/
  --purple-50: #F7EEFC;
  --purple-100: #EFDDF8;
  --purple-200: #DFBAF2;
  --purple-300: #D098EB;
  --purple-400: #C076E5;
  --purple-500: #AF52DE;
  --purple-600: #9627CE;
  --purple-700: #711D9A;
  --purple-800: #4B1467;
  --purple-900: #260A33;
  --purple-950: #13051A;
  /*yellow*/
  --yellow-50: #FFF9E5;
  --yellow-100: #FFF3CC;
  --yellow-200: #FFE799;
  --yellow-300: #FFDB66;
  --yellow-400: #FFCF33;
  --yellow-500: #FFC402;
  --yellow-600: #CC9C00;
  --yellow-700: #997500;
  --yellow-800: #664E00;
  --yellow-900: #332700;
  --yellow-950: #191400;
  /*green*/
  --green-50: #F1FFE0;
  --green-100: #E6FFC7;
  --green-200: #CDFF8F;
  --green-300: #B1FF52;
  --green-400: #98FF1A;
  --green-500: #7BE000;
  --green-600: #62B300;
  --green-700: #498500;
  --green-800: #325C00;
  --green-900: #192E00;
  --green-950: #0B1400;
  /*forest*/
  --forest-50: #DBFFE3;
  --forest-100: #B3FFC3;
  --forest-200: #6BFF8B;
  --forest-300: #1FFF4F;
  --forest-400: #00D62E;
  --forest-500: #00891E;
  --forest-600: #007018;
  --forest-700: #005212;
  --forest-800: #00380C;
  --forest-900: #001906;
  --forest-950: #000F03;
  /*mint*/
  --mint-50: #E8FCFB;
  --mint-100: #CDF9F7;
  --mint-200: #9BF3EF;
  --mint-300: #68EDE7;
  --mint-400: #36E8DF;
  --mint-500: #18CEC5;
  --mint-600: #13A49D;
  --mint-700: #0E7B76;
  --mint-800: #0A524F;
  --mint-900: #052927;
  --mint-950: #031716;
  /*cyan*/
  --cyan-50: #EBF9FF;
  --cyan-100: #D6F2FF;
  --cyan-200: #B3E7FF;
  --cyan-300: #8ADAFF;
  --cyan-400: #61CDFF;
  --cyan-500: #3BC1FF;
  --cyan-600: #00ABFA;
  --cyan-700: #0081BD;
  --cyan-800: #005780;
  --cyan-900: #002A3D;
  --cyan-950: #00151F;
  /*charcoal*/
  --charcoal-50: #EFF0F0;
  --charcoal-100: #E2E3E4;
  --charcoal-200: #C5C8C9;
  --charcoal-300: #A5A9AC;
  --charcoal-400: #888E91;
  --charcoal-500: #6C7275;
  --charcoal-600: #565A5D;
  --charcoal-700: #404345;
  --charcoal-800: #2C2F30;
  --charcoal-900: #1C1D1F;
  --charcoal-950: #0A0B0B;
  /*gray*/
  --gray-50: #F4F5F6;
  --gray-100: #ECEDEF;
  --gray-200: #D8DCDE;
  --gray-300: #C2C8CC;
  --gray-400: #AFB6BB;
  --gray-500: #9BA4AB;
  --gray-600: #77838D;
  --gray-700: #586269;
  --gray-800: #3D4348;
  --gray-900: #1E2224;
  --gray-950: #0E0F11;
  /*black*/
  --black-500: #0E0F11;
  /*white*/
  --white-500: #FFF;
  /*brand 0, 122, 255*/
  --brand-t-5per: rgba(0, 122, 255, 0.05);
  --brand-t-10per: rgba(0, 122, 255, 0.1);
  --brand-t-15per: rgba(0, 122, 255, 0.15);
  --brand-t-20per: rgba(0, 122, 255, 0.2);
  --brand-t-25per: rgba(0, 122, 255, 0.25);
  --brand-t-30per: rgba(0, 122, 255, 0.3);
  --brand-t-35per: rgba(0, 122, 255, 0.35);
  --brand-t-40per: rgba(0, 122, 255, 0.4);
  --brand-t-45per: rgba(0, 122, 255, 0.45);
  --brand-t-50per: rgba(0, 122, 255, 0.5);
  --brand-t-55per: rgba(0, 122, 255, 0.55);
  /*blue 0, 122, 255*/
  --blue-t-5per: rgba(0, 122, 255, 0.05);
  --blue-t-10per: rgba(0, 122, 255, 0.1);
  --blue-t-15per: rgba(0, 122, 255, 0.15);
  --blue-t-20per: rgba(0, 122, 255, 0.2);
  --blue-t-25per: rgba(0, 122, 255, 0.25);
  --blue-t-30per: rgba(0, 122, 255, 0.3);
  --blue-t-35per: rgba(0, 122, 255, 0.35);
  --blue-t-40per: rgba(0, 122, 255, 0.4);
  --blue-t-45per: rgba(0, 122, 255, 0.45);
  --blue-t-50per: rgba(0, 122, 255, 0.5);
  --blue-t-55per: rgba(0, 122, 255, 0.55);
  /*lavender 119, 99, 255*/
  --lavender-t-5per: rgba(119, 99, 255, 0.05);
  --lavender-t-10per: rgba(119, 99, 255, 0.1);
  --lavender-t-15per: rgba(119, 99, 255, 0.15);
  --lavender-t-20per: rgba(119, 99, 255, 0.2);
  --lavender-t-25per: rgba(119, 99, 255, 0.25);
  --lavender-t-30per: rgba(119, 99, 255, 0.3);
  --lavender-t-35per: rgba(119, 99, 255, 0.35);
  --lavender-t-40per: rgba(119, 99, 255, 0.4);
  --lavender-t-45per: rgba(119, 99, 255, 0.45);
  --lavender-t-50per: rgba(119, 99, 255, 0.5);
  --lavender-t-55per: rgba(119, 99, 255, 0.55);
  /*red 255, 59, 48*/
  --red-t-5per: rgba(255, 59, 48, 0.05);
  --red-t-10per: rgba(255, 59, 48, 0.1);
  --red-t-15per: rgba(255, 59, 48, 0.15);
  --red-t-20per: rgba(255, 59, 48, 0.2);
  --red-t-25per: rgba(255, 59, 48, 0.25);
  --red-t-30per: rgba(255, 59, 48, 0.3);
  --red-t-35per: rgba(255, 59, 48, 0.35);
  --red-t-40per: rgba(255, 59, 48, 0.4);
  --red-t-45per: rgba(255, 59, 48, 0.45);
  --red-t-50per: rgba(255, 59, 48, 0.5);
  --red-t-55per: rgba(255, 59, 48, 0.55);
  /*orange 255, 149, 0*/
  --orange-t-5per: rgba(255, 149, 0, 0.05);
  --orange-t-10per: rgba(255, 149, 0, 0.1);
  --orange-t-15per: rgba(255, 149, 0, 0.15);
  --orange-t-20per: rgba(255, 149, 0, 0.2);
  --orange-t-25per: rgba(255, 149, 0, 0.25);
  --orange-t-30per: rgba(255, 149, 0, 0.3);
  --orange-t-35per: rgba(255, 149, 0, 0.35);
  --orange-t-40per: rgba(255, 149, 0, 0.4);
  --orange-t-45per: rgba(255, 149, 0, 0.45);
  --orange-t-50per: rgba(255, 149, 0, 0.5);
  --orange-t-55per: rgba(255, 149, 0, 0.55);
  /*lime 37, 240, 124*/
  --lime-t-5per: rgba(37, 240, 124, 0.05);
  --lime-t-10per: rgba(37, 240, 124, 0.1);
  --lime-t-15per: rgba(37, 240, 124, 0.15);
  --lime-t-20per: rgba(37, 240, 124, 0.2);
  --lime-t-25per: rgba(37, 240, 124, 0.25);
  --lime-t-30per: rgba(37, 240, 124, 0.3);
  --lime-t-35per: rgba(37, 240, 124, 0.35);
  --lime-t-40per: rgba(37, 240, 124, 0.4);
  --lime-t-45per: rgba(37, 240, 124, 0.45);
  --lime-t-50per: rgba(37, 240, 124, 0.5);
  --lime-t-55per: rgba(37, 240, 124, 0.55);
  /*navy 56, 100, 255*/
  --navy-t-5per: rgba(56, 100, 255, 0.05);
  --navy-t-10per: rgba(56, 100, 255, 0.1);
  --navy-t-15per: rgba(56, 100, 255, 0.15);
  --navy-t-20per: rgba(56, 100, 255, 0.2);
  --navy-t-25per: rgba(56, 100, 255, 0.25);
  --navy-t-30per: rgba(56, 100, 255, 0.3);
  --navy-t-35per: rgba(56, 100, 255, 0.35);
  --navy-t-40per: rgba(56, 100, 255, 0.4);
  --navy-t-45per: rgba(56, 100, 255, 0.45);
  --navy-t-50per: rgba(56, 100, 255, 0.5);
  --navy-t-55per: rgba(56, 100, 255, 0.55);
  /*indigo 88, 86, 214*/
  --indigo-t-5per: rgba(88, 86, 214, 0.05);
  --indigo-t-10per: rgba(88, 86, 214, 0.1);
  --indigo-t-15per: rgba(88, 86, 214, 0.15);
  --indigo-t-20per: rgba(88, 86, 214, 0.2);
  --indigo-t-25per: rgba(88, 86, 214, 0.25);
  --indigo-t-30per: rgba(88, 86, 214, 0.3);
  --indigo-t-35per: rgba(88, 86, 214, 0.35);
  --indigo-t-40per: rgba(88, 86, 214, 0.4);
  --indigo-t-45per: rgba(88, 86, 214, 0.45);
  --indigo-t-50per: rgba(88, 86, 214, 0.5);
  --indigo-t-55per: rgba(88, 86, 214, 0.55);
  /*purple 175, 82, 222*/
  --purple-t-5per: rgba(175, 82, 222, 0.05);
  --purple-t-10per: rgba(175, 82, 222, 0.1);
  --purple-t-15per: rgba(175, 82, 222, 0.15);
  --purple-t-20per: rgba(175, 82, 222, 0.2);
  --purple-t-25per: rgba(175, 82, 222, 0.25);
  --purple-t-30per: rgba(175, 82, 222, 0.3);
  --purple-t-35per: rgba(175, 82, 222, 0.35);
  --purple-t-40per: rgba(175, 82, 222, 0.4);
  --purple-t-45per: rgba(175, 82, 222, 0.45);
  --purple-t-50per: rgba(175, 82, 222, 0.5);
  --purple-t-55per: rgba(175, 82, 222, 0.55);
  /*yellow 255, 196, 2*/
  --yellow-t-5per: rgba(255, 196, 2, 0.05);
  --yellow-t-10per: rgba(255, 196, 2, 0.1);
  --yellow-t-15per: rgba(255, 196, 2, 0.15);
  --yellow-t-20per: rgba(255, 196, 2, 0.2);
  --yellow-t-25per: rgba(255, 196, 2, 0.25);
  --yellow-t-30per: rgba(255, 196, 2, 0.3);
  --yellow-t-35per: rgba(255, 196, 2, 0.35);
  --yellow-t-40per: rgba(255, 196, 2, 0.4);
  --yellow-t-45per: rgba(255, 196, 2, 0.45);
  --yellow-t-50per: rgba(255, 196, 2, 0.5);
  --yellow-t-55per: rgba(255, 196, 2, 0.55);
  /*green 123, 224, 0*/
  --green-t-5per: rgba(123, 224, 0, 0.05);
  --green-t-10per: rgba(123, 224, 0, 0.1);
  --green-t-15per: rgba(123, 224, 0, 0.15);
  --green-t-20per: rgba(123, 224, 0, 0.2);
  --green-t-25per: rgba(123, 224, 0, 0.25);
  --green-t-30per: rgba(123, 224, 0, 0.3);
  --green-t-35per: rgba(123, 224, 0, 0.35);
  --green-t-40per: rgba(123, 224, 0, 0.4);
  --green-t-45per: rgba(123, 224, 0, 0.45);
  --green-t-50per: rgba(123, 224, 0, 0.5);
  --green-t-55per: rgba(123, 224, 0, 0.55);
  /*forest 0, 137, 30*/
  --forest-t-5per: rgba(0, 137, 30, 0.05);
  --forest-t-10per: rgba(0, 137, 30, 0.1);
  --forest-t-15per: rgba(0, 137, 30, 0.15);
  --forest-t-20per: rgba(0, 137, 30, 0.2);
  --forest-t-25per: rgba(0, 137, 30, 0.25);
  --forest-t-30per: rgba(0, 137, 30, 0.3);
  --forest-t-35per: rgba(0, 137, 30, 0.35);
  --forest-t-40per: rgba(0, 137, 30, 0.4);
  --forest-t-45per: rgba(0, 137, 30, 0.45);
  --forest-t-50per: rgba(0, 137, 30, 0.5);
  --forest-t-55per: rgba(0, 137, 30, 0.55);
  /*mint 24, 206, 197*/
  --mint-t-5per: rgba(24, 206, 197, 0.05);
  --mint-t-10per: rgba(24, 206, 197, 0.1);
  --mint-t-15per: rgba(24, 206, 197, 0.15);
  --mint-t-20per: rgba(24, 206, 197, 0.2);
  --mint-t-25per: rgba(24, 206, 197, 0.25);
  --mint-t-30per: rgba(24, 206, 197, 0.3);
  --mint-t-35per: rgba(24, 206, 197, 0.35);
  --mint-t-40per: rgba(24, 206, 197, 0.4);
  --mint-t-45per: rgba(24, 206, 197, 0.45);
  --mint-t-50per: rgba(24, 206, 197, 0.5);
  --mint-t-55per: rgba(24, 206, 197, 0.55);
  /*cyan 59, 193, 255*/
  --cyan-t-5per: rgba(59, 193, 255, 0.05);
  --cyan-t-10per: rgba(59, 193, 255, 0.1);
  --cyan-t-15per: rgba(59, 193, 255, 0.15);
  --cyan-t-20per: rgba(59, 193, 255, 0.2);
  --cyan-t-25per: rgba(59, 193, 255, 0.25);
  --cyan-t-30per: rgba(59, 193, 255, 0.3);
  --cyan-t-35per: rgba(59, 193, 255, 0.35);
  --cyan-t-40per: rgba(59, 193, 255, 0.4);
  --cyan-t-45per: rgba(59, 193, 255, 0.45);
  --cyan-t-50per: rgba(59, 193, 255, 0.5);
  --cyan-t-55per: rgba(59, 193, 255, 0.55);
  /*charcoal 108, 114, 117*/
  --charcoal-t-5per: rgba(108, 114, 117, 0.05);
  --charcoal-t-10per: rgba(108, 114, 117, 0.1);
  --charcoal-t-15per: rgba(108, 114, 117, 0.15);
  --charcoal-t-20per: rgba(108, 114, 117, 0.2);
  --charcoal-t-25per: rgba(108, 114, 117, 0.25);
  --charcoal-t-30per: rgba(108, 114, 117, 0.3);
  --charcoal-t-35per: rgba(108, 114, 117, 0.35);
  --charcoal-t-40per: rgba(108, 114, 117, 0.4);
  --charcoal-t-45per: rgba(108, 114, 117, 0.45);
  --charcoal-t-50per: rgba(108, 114, 117, 0.5);
  --charcoal-t-55per: rgba(108, 114, 117, 0.55);
  /*gray 155, 164, 171*/
  --gray-t-5per: rgba(155, 164, 171, 0.05);
  --gray-t-10per: rgba(155, 164, 171, 0.1);
  --gray-t-15per: rgba(155, 164, 171, 0.15);
  --gray-t-20per: rgba(155, 164, 171, 0.2);
  --gray-t-25per: rgba(155, 164, 171, 0.25);
  --gray-t-30per: rgba(155, 164, 171, 0.3);
  --gray-t-35per: rgba(155, 164, 171, 0.35);
  --gray-t-40per: rgba(155, 164, 171, 0.4);
  --gray-t-45per: rgba(155, 164, 171, 0.45);
  --gray-t-50per: rgba(155, 164, 171, 0.5);
  --gray-t-55per: rgba(155, 164, 171, 0.55);
  /*black 0, 0, 0*/
  --black-t-5per: rgba(0, 0, 0, 0.05);
  --black-t-10per: rgba(0, 0, 0, 0.1);
  --black-t-15per: rgba(0, 0, 0, 0.15);
  --black-t-20per: rgba(0, 0, 0, 0.2);
  --black-t-25per: rgba(0, 0, 0, 0.25);
  --black-t-30per: rgba(0, 0, 0, 0.3);
  --black-t-35per: rgba(0, 0, 0, 0.35);
  --black-t-40per: rgba(0, 0, 0, 0.4);
  --black-t-45per: rgba(0, 0, 0, 0.45);
  --black-t-50per: rgba(0, 0, 0, 0.5);
  --black-t-55per: rgba(0, 0, 0, 0.55);
  /*white 255, 255, 255*/
  --white-t-5per: rgba(255, 255, 255, 0.05);
  --white-t-10per: rgba(255, 255, 255, 0.1);
  --white-t-15per: rgba(255, 255, 255, 0.15);
  --white-t-20per: rgba(255, 255, 255, 0.2);
  --white-t-25per: rgba(255, 255, 255, 0.25);
  --white-t-30per: rgba(255, 255, 255, 0.3);
  --white-t-35per: rgba(255, 255, 255, 0.35);
  --white-t-40per: rgba(255, 255, 255, 0.4);
  --white-t-45per: rgba(255, 255, 255, 0.45);
  --white-t-50per: rgba(255, 255, 255, 0.5);
  --white-t-55per: rgba(255, 255, 255, 0.55);
}

/*bg*/
.bg-brand-50 {
  background: var(--brand-50) !important;
}

.dark-mode .dark-bg-brand-50 {
  background: var(--brand-50) !important;
}

.bg-brand-100 {
  background: var(--brand-100) !important;
}

.dark-mode .dark-bg-brand-100 {
  background: var(--brand-100) !important;
}

.bg-brand-200 {
  background: var(--brand-200) !important;
}

.dark-mode .dark-bg-brand-200 {
  background: var(--brand-200) !important;
}

.bg-brand-300 {
  background: var(--brand-300) !important;
}

.dark-mode .dark-bg-brand-300 {
  background: var(--brand-300) !important;
}

.bg-brand-400 {
  background: var(--brand-400) !important;
}

.dark-mode .dark-bg-brand-400 {
  background: var(--brand-400) !important;
}

.bg-brand-500 {
  background: var(--brand-500) !important;
}

.dark-mode .dark-bg-brand-500 {
  background: var(--brand-500) !important;
}

.bg-brand-600 {
  background: var(--brand-600) !important;
}

.dark-mode .dark-bg-brand-600 {
  background: var(--brand-600) !important;
}

.bg-brand-700 {
  background: var(--brand-700) !important;
}

.dark-mode .dark-bg-brand-700 {
  background: var(--brand-700) !important;
}

.bg-brand-800 {
  background: var(--brand-800) !important;
}

.dark-mode .dark-bg-brand-800 {
  background: var(--brand-800) !important;
}

.bg-brand-900 {
  background: var(--brand-900) !important;
}

.dark-mode .dark-bg-brand-900 {
  background: var(--brand-900) !important;
}

.bg-brand-950 {
  background: var(--brand-950) !important;
}

.dark-mode .dark-bg-brand-950 {
  background: var(--brand-950) !important;
}

.bg-blue-50 {
  background: var(--blue-50) !important;
}

.dark-mode .dark-bg-blue-50 {
  background: var(--blue-50) !important;
}

.bg-blue-100 {
  background: var(--blue-100) !important;
}

.dark-mode .dark-bg-blue-100 {
  background: var(--blue-100) !important;
}

.bg-blue-200 {
  background: var(--blue-200) !important;
}

.dark-mode .dark-bg-blue-200 {
  background: var(--blue-200) !important;
}

.bg-blue-300 {
  background: var(--blue-300) !important;
}

.dark-mode .dark-bg-blue-300 {
  background: var(--blue-300) !important;
}

.bg-blue-400 {
  background: var(--blue-400) !important;
}

.dark-mode .dark-bg-blue-400 {
  background: var(--blue-400) !important;
}

.bg-blue-500 {
  background: var(--blue-500) !important;
}

.dark-mode .dark-bg-blue-500 {
  background: var(--blue-500) !important;
}

.bg-blue-600 {
  background: var(--blue-600) !important;
}

.dark-mode .dark-bg-blue-600 {
  background: var(--blue-600) !important;
}

.bg-blue-700 {
  background: var(--blue-700) !important;
}

.dark-mode .dark-bg-blue-700 {
  background: var(--blue-700) !important;
}

.bg-blue-800 {
  background: var(--blue-800) !important;
}

.dark-mode .dark-bg-blue-800 {
  background: var(--blue-800) !important;
}

.bg-blue-900 {
  background: var(--blue-900) !important;
}

.dark-mode .dark-bg-blue-900 {
  background: var(--blue-900) !important;
}

.bg-blue-950 {
  background: var(--blue-950) !important;
}

.dark-mode .dark-bg-blue-950 {
  background: var(--blue-950) !important;
}

.bg-lavender-50 {
  background: var(--lavender-50) !important;
}

.dark-mode .dark-bg-lavender-50 {
  background: var(--lavender-50) !important;
}

.bg-lavender-100 {
  background: var(--lavender-100) !important;
}

.dark-mode .dark-bg-lavender-100 {
  background: var(--lavender-100) !important;
}

.bg-lavender-200 {
  background: var(--lavender-200) !important;
}

.dark-mode .dark-bg-lavender-200 {
  background: var(--lavender-200) !important;
}

.bg-lavender-300 {
  background: var(--lavender-300) !important;
}

.dark-mode .dark-bg-lavender-300 {
  background: var(--lavender-300) !important;
}

.bg-lavender-400 {
  background: var(--lavender-400) !important;
}

.dark-mode .dark-bg-lavender-400 {
  background: var(--lavender-400) !important;
}

.bg-lavender-500 {
  background: var(--lavender-500) !important;
}

.dark-mode .dark-bg-lavender-500 {
  background: var(--lavender-500) !important;
}

.bg-lavender-600 {
  background: var(--lavender-600) !important;
}

.dark-mode .dark-bg-lavender-600 {
  background: var(--lavender-600) !important;
}

.bg-lavender-700 {
  background: var(--lavender-700) !important;
}

.dark-mode .dark-bg-lavender-700 {
  background: var(--lavender-700) !important;
}

.bg-lavender-800 {
  background: var(--lavender-800) !important;
}

.dark-mode .dark-bg-lavender-800 {
  background: var(--lavender-800) !important;
}

.bg-lavender-900 {
  background: var(--lavender-900) !important;
}

.dark-mode .dark-bg-lavender-900 {
  background: var(--lavender-900) !important;
}

.bg-lavender-950 {
  background: var(--lavender-950) !important;
}

.dark-mode .dark-bg-lavender-950 {
  background: var(--lavender-950) !important;
}

.bg-red-50 {
  background: var(--red-50) !important;
}

.dark-mode .dark-bg-red-50 {
  background: var(--red-50) !important;
}

.bg-red-100 {
  background: var(--red-100) !important;
}

.dark-mode .dark-bg-red-100 {
  background: var(--red-100) !important;
}

.bg-red-200 {
  background: var(--red-200) !important;
}

.dark-mode .dark-bg-red-200 {
  background: var(--red-200) !important;
}

.bg-red-300 {
  background: var(--red-300) !important;
}

.dark-mode .dark-bg-red-300 {
  background: var(--red-300) !important;
}

.bg-red-400 {
  background: var(--red-400) !important;
}

.dark-mode .dark-bg-red-400 {
  background: var(--red-400) !important;
}

.bg-red-500 {
  background: var(--red-500) !important;
}

.dark-mode .dark-bg-red-500 {
  background: var(--red-500) !important;
}

.bg-red-600 {
  background: var(--red-600) !important;
}

.dark-mode .dark-bg-red-600 {
  background: var(--red-600) !important;
}

.bg-red-700 {
  background: var(--red-700) !important;
}

.dark-mode .dark-bg-red-700 {
  background: var(--red-700) !important;
}

.bg-red-800 {
  background: var(--red-800) !important;
}

.dark-mode .dark-bg-red-800 {
  background: var(--red-800) !important;
}

.bg-red-900 {
  background: var(--red-900) !important;
}

.dark-mode .dark-bg-red-900 {
  background: var(--red-900) !important;
}

.bg-red-950 {
  background: var(--red-950) !important;
}

.dark-mode .dark-bg-red-950 {
  background: var(--red-950) !important;
}

.bg-orange-50 {
  background: var(--orange-50) !important;
}

.dark-mode .dark-bg-orange-50 {
  background: var(--orange-50) !important;
}

.bg-orange-100 {
  background: var(--orange-100) !important;
}

.dark-mode .dark-bg-orange-100 {
  background: var(--orange-100) !important;
}

.bg-orange-200 {
  background: var(--orange-200) !important;
}

.dark-mode .dark-bg-orange-200 {
  background: var(--orange-200) !important;
}

.bg-orange-300 {
  background: var(--orange-300) !important;
}

.dark-mode .dark-bg-orange-300 {
  background: var(--orange-300) !important;
}

.bg-orange-400 {
  background: var(--orange-400) !important;
}

.dark-mode .dark-bg-orange-400 {
  background: var(--orange-400) !important;
}

.bg-orange-500 {
  background: var(--orange-500) !important;
}

.dark-mode .dark-bg-orange-500 {
  background: var(--orange-500) !important;
}

.bg-orange-600 {
  background: var(--orange-600) !important;
}

.dark-mode .dark-bg-orange-600 {
  background: var(--orange-600) !important;
}

.bg-orange-700 {
  background: var(--orange-700) !important;
}

.dark-mode .dark-bg-orange-700 {
  background: var(--orange-700) !important;
}

.bg-orange-800 {
  background: var(--orange-800) !important;
}

.dark-mode .dark-bg-orange-800 {
  background: var(--orange-800) !important;
}

.bg-orange-900 {
  background: var(--orange-900) !important;
}

.dark-mode .dark-bg-orange-900 {
  background: var(--orange-900) !important;
}

.bg-orange-950 {
  background: var(--orange-950) !important;
}

.dark-mode .dark-bg-orange-950 {
  background: var(--orange-950) !important;
}

.bg-lime-50 {
  background: var(--lime-50) !important;
}

.dark-mode .dark-bg-lime-50 {
  background: var(--lime-50) !important;
}

.bg-lime-100 {
  background: var(--lime-100) !important;
}

.dark-mode .dark-bg-lime-100 {
  background: var(--lime-100) !important;
}

.bg-lime-200 {
  background: var(--lime-200) !important;
}

.dark-mode .dark-bg-lime-200 {
  background: var(--lime-200) !important;
}

.bg-lime-300 {
  background: var(--lime-300) !important;
}

.dark-mode .dark-bg-lime-300 {
  background: var(--lime-300) !important;
}

.bg-lime-400 {
  background: var(--lime-400) !important;
}

.dark-mode .dark-bg-lime-400 {
  background: var(--lime-400) !important;
}

.bg-lime-500 {
  background: var(--lime-500) !important;
}

.dark-mode .dark-bg-lime-500 {
  background: var(--lime-500) !important;
}

.bg-lime-600 {
  background: var(--lime-600) !important;
}

.dark-mode .dark-bg-lime-600 {
  background: var(--lime-600) !important;
}

.bg-lime-700 {
  background: var(--lime-700) !important;
}

.dark-mode .dark-bg-lime-700 {
  background: var(--lime-700) !important;
}

.bg-lime-800 {
  background: var(--lime-800) !important;
}

.dark-mode .dark-bg-lime-800 {
  background: var(--lime-800) !important;
}

.bg-lime-900 {
  background: var(--lime-900) !important;
}

.dark-mode .dark-bg-lime-900 {
  background: var(--lime-900) !important;
}

.bg-lime-950 {
  background: var(--lime-950) !important;
}

.dark-mode .dark-bg-lime-950 {
  background: var(--lime-950) !important;
}

.bg-navy-50 {
  background: var(--navy-50) !important;
}

.dark-mode .dark-bg-navy-50 {
  background: var(--navy-50) !important;
}

.bg-navy-100 {
  background: var(--navy-100) !important;
}

.dark-mode .dark-bg-navy-100 {
  background: var(--navy-100) !important;
}

.bg-navy-200 {
  background: var(--navy-200) !important;
}

.dark-mode .dark-bg-navy-200 {
  background: var(--navy-200) !important;
}

.bg-navy-300 {
  background: var(--navy-300) !important;
}

.dark-mode .dark-bg-navy-300 {
  background: var(--navy-300) !important;
}

.bg-navy-400 {
  background: var(--navy-400) !important;
}

.dark-mode .dark-bg-navy-400 {
  background: var(--navy-400) !important;
}

.bg-navy-500 {
  background: var(--navy-500) !important;
}

.dark-mode .dark-bg-navy-500 {
  background: var(--navy-500) !important;
}

.bg-navy-600 {
  background: var(--navy-600) !important;
}

.dark-mode .dark-bg-navy-600 {
  background: var(--navy-600) !important;
}

.bg-navy-700 {
  background: var(--navy-700) !important;
}

.dark-mode .dark-bg-navy-700 {
  background: var(--navy-700) !important;
}

.bg-navy-800 {
  background: var(--navy-800) !important;
}

.dark-mode .dark-bg-navy-800 {
  background: var(--navy-800) !important;
}

.bg-navy-900 {
  background: var(--navy-900) !important;
}

.dark-mode .dark-bg-navy-900 {
  background: var(--navy-900) !important;
}

.bg-navy-950 {
  background: var(--navy-950) !important;
}

.dark-mode .dark-bg-navy-950 {
  background: var(--navy-950) !important;
}

.bg-indigo-50 {
  background: var(--indigo-50) !important;
}

.dark-mode .dark-bg-indigo-50 {
  background: var(--indigo-50) !important;
}

.bg-indigo-100 {
  background: var(--indigo-100) !important;
}

.dark-mode .dark-bg-indigo-100 {
  background: var(--indigo-100) !important;
}

.bg-indigo-200 {
  background: var(--indigo-200) !important;
}

.dark-mode .dark-bg-indigo-200 {
  background: var(--indigo-200) !important;
}

.bg-indigo-300 {
  background: var(--indigo-300) !important;
}

.dark-mode .dark-bg-indigo-300 {
  background: var(--indigo-300) !important;
}

.bg-indigo-400 {
  background: var(--indigo-400) !important;
}

.dark-mode .dark-bg-indigo-400 {
  background: var(--indigo-400) !important;
}

.bg-indigo-500 {
  background: var(--indigo-500) !important;
}

.dark-mode .dark-bg-indigo-500 {
  background: var(--indigo-500) !important;
}

.bg-indigo-600 {
  background: var(--indigo-600) !important;
}

.dark-mode .dark-bg-indigo-600 {
  background: var(--indigo-600) !important;
}

.bg-indigo-700 {
  background: var(--indigo-700) !important;
}

.dark-mode .dark-bg-indigo-700 {
  background: var(--indigo-700) !important;
}

.bg-indigo-800 {
  background: var(--indigo-800) !important;
}

.dark-mode .dark-bg-indigo-800 {
  background: var(--indigo-800) !important;
}

.bg-indigo-900 {
  background: var(--indigo-900) !important;
}

.dark-mode .dark-bg-indigo-900 {
  background: var(--indigo-900) !important;
}

.bg-indigo-950 {
  background: var(--indigo-950) !important;
}

.dark-mode .dark-bg-indigo-950 {
  background: var(--indigo-950) !important;
}

.bg-purple-50 {
  background: var(--purple-50) !important;
}

.dark-mode .dark-bg-purple-50 {
  background: var(--purple-50) !important;
}

.bg-purple-100 {
  background: var(--purple-100) !important;
}

.dark-mode .dark-bg-purple-100 {
  background: var(--purple-100) !important;
}

.bg-purple-200 {
  background: var(--purple-200) !important;
}

.dark-mode .dark-bg-purple-200 {
  background: var(--purple-200) !important;
}

.bg-purple-300 {
  background: var(--purple-300) !important;
}

.dark-mode .dark-bg-purple-300 {
  background: var(--purple-300) !important;
}

.bg-purple-400 {
  background: var(--purple-400) !important;
}

.dark-mode .dark-bg-purple-400 {
  background: var(--purple-400) !important;
}

.bg-purple-500 {
  background: var(--purple-500) !important;
}

.dark-mode .dark-bg-purple-500 {
  background: var(--purple-500) !important;
}

.bg-purple-600 {
  background: var(--purple-600) !important;
}

.dark-mode .dark-bg-purple-600 {
  background: var(--purple-600) !important;
}

.bg-purple-700 {
  background: var(--purple-700) !important;
}

.dark-mode .dark-bg-purple-700 {
  background: var(--purple-700) !important;
}

.bg-purple-800 {
  background: var(--purple-800) !important;
}

.dark-mode .dark-bg-purple-800 {
  background: var(--purple-800) !important;
}

.bg-purple-900 {
  background: var(--purple-900) !important;
}

.dark-mode .dark-bg-purple-900 {
  background: var(--purple-900) !important;
}

.bg-purple-950 {
  background: var(--purple-950) !important;
}

.dark-mode .dark-bg-purple-950 {
  background: var(--purple-950) !important;
}

.bg-yellow-50 {
  background: var(--yellow-50) !important;
}

.dark-mode .dark-bg-yellow-50 {
  background: var(--yellow-50) !important;
}

.bg-yellow-100 {
  background: var(--yellow-100) !important;
}

.dark-mode .dark-bg-yellow-100 {
  background: var(--yellow-100) !important;
}

.bg-yellow-200 {
  background: var(--yellow-200) !important;
}

.dark-mode .dark-bg-yellow-200 {
  background: var(--yellow-200) !important;
}

.bg-yellow-300 {
  background: var(--yellow-300) !important;
}

.dark-mode .dark-bg-yellow-300 {
  background: var(--yellow-300) !important;
}

.bg-yellow-400 {
  background: var(--yellow-400) !important;
}

.dark-mode .dark-bg-yellow-400 {
  background: var(--yellow-400) !important;
}

.bg-yellow-500 {
  background: var(--yellow-500) !important;
}

.dark-mode .dark-bg-yellow-500 {
  background: var(--yellow-500) !important;
}

.bg-yellow-600 {
  background: var(--yellow-600) !important;
}

.dark-mode .dark-bg-yellow-600 {
  background: var(--yellow-600) !important;
}

.bg-yellow-700 {
  background: var(--yellow-700) !important;
}

.dark-mode .dark-bg-yellow-700 {
  background: var(--yellow-700) !important;
}

.bg-yellow-800 {
  background: var(--yellow-800) !important;
}

.dark-mode .dark-bg-yellow-800 {
  background: var(--yellow-800) !important;
}

.bg-yellow-900 {
  background: var(--yellow-900) !important;
}

.dark-mode .dark-bg-yellow-900 {
  background: var(--yellow-900) !important;
}

.bg-yellow-950 {
  background: var(--yellow-950) !important;
}

.dark-mode .dark-bg-yellow-950 {
  background: var(--yellow-950) !important;
}

.bg-green-50 {
  background: var(--green-50) !important;
}

.dark-mode .dark-bg-green-50 {
  background: var(--green-50) !important;
}

.bg-green-100 {
  background: var(--green-100) !important;
}

.dark-mode .dark-bg-green-100 {
  background: var(--green-100) !important;
}

.bg-green-200 {
  background: var(--green-200) !important;
}

.dark-mode .dark-bg-green-200 {
  background: var(--green-200) !important;
}

.bg-green-300 {
  background: var(--green-300) !important;
}

.dark-mode .dark-bg-green-300 {
  background: var(--green-300) !important;
}

.bg-green-400 {
  background: var(--green-400) !important;
}

.dark-mode .dark-bg-green-400 {
  background: var(--green-400) !important;
}

.bg-green-500 {
  background: var(--green-500) !important;
}

.dark-mode .dark-bg-green-500 {
  background: var(--green-500) !important;
}

.bg-green-600 {
  background: var(--green-600) !important;
}

.dark-mode .dark-bg-green-600 {
  background: var(--green-600) !important;
}

.bg-green-700 {
  background: var(--green-700) !important;
}

.dark-mode .dark-bg-green-700 {
  background: var(--green-700) !important;
}

.bg-green-800 {
  background: var(--green-800) !important;
}

.dark-mode .dark-bg-green-800 {
  background: var(--green-800) !important;
}

.bg-green-900 {
  background: var(--green-900) !important;
}

.dark-mode .dark-bg-green-900 {
  background: var(--green-900) !important;
}

.bg-green-950 {
  background: var(--green-950) !important;
}

.dark-mode .dark-bg-green-950 {
  background: var(--green-950) !important;
}

.bg-forest-50 {
  background: var(--forest-50) !important;
}

.dark-mode .dark-bg-forest-50 {
  background: var(--forest-50) !important;
}

.bg-forest-100 {
  background: var(--forest-100) !important;
}

.dark-mode .dark-bg-forest-100 {
  background: var(--forest-100) !important;
}

.bg-forest-200 {
  background: var(--forest-200) !important;
}

.dark-mode .dark-bg-forest-200 {
  background: var(--forest-200) !important;
}

.bg-forest-300 {
  background: var(--forest-300) !important;
}

.dark-mode .dark-bg-forest-300 {
  background: var(--forest-300) !important;
}

.bg-forest-400 {
  background: var(--forest-400) !important;
}

.dark-mode .dark-bg-forest-400 {
  background: var(--forest-400) !important;
}

.bg-forest-500 {
  background: var(--forest-500) !important;
}

.dark-mode .dark-bg-forest-500 {
  background: var(--forest-500) !important;
}

.bg-forest-600 {
  background: var(--forest-600) !important;
}

.dark-mode .dark-bg-forest-600 {
  background: var(--forest-600) !important;
}

.bg-forest-700 {
  background: var(--forest-700) !important;
}

.dark-mode .dark-bg-forest-700 {
  background: var(--forest-700) !important;
}

.bg-forest-800 {
  background: var(--forest-800) !important;
}

.dark-mode .dark-bg-forest-800 {
  background: var(--forest-800) !important;
}

.bg-forest-900 {
  background: var(--forest-900) !important;
}

.dark-mode .dark-bg-forest-900 {
  background: var(--forest-900) !important;
}

.bg-forest-950 {
  background: var(--forest-950) !important;
}

.dark-mode .dark-bg-forest-950 {
  background: var(--forest-950) !important;
}

.bg-mint-50 {
  background: var(--mint-50) !important;
}

.dark-mode .dark-bg-mint-50 {
  background: var(--mint-50) !important;
}

.bg-mint-100 {
  background: var(--mint-100) !important;
}

.dark-mode .dark-bg-mint-100 {
  background: var(--mint-100) !important;
}

.bg-mint-200 {
  background: var(--mint-200) !important;
}

.dark-mode .dark-bg-mint-200 {
  background: var(--mint-200) !important;
}

.bg-mint-300 {
  background: var(--mint-300) !important;
}

.dark-mode .dark-bg-mint-300 {
  background: var(--mint-300) !important;
}

.bg-mint-400 {
  background: var(--mint-400) !important;
}

.dark-mode .dark-bg-mint-400 {
  background: var(--mint-400) !important;
}

.bg-mint-500 {
  background: var(--mint-500) !important;
}

.dark-mode .dark-bg-mint-500 {
  background: var(--mint-500) !important;
}

.bg-mint-600 {
  background: var(--mint-600) !important;
}

.dark-mode .dark-bg-mint-600 {
  background: var(--mint-600) !important;
}

.bg-mint-700 {
  background: var(--mint-700) !important;
}

.dark-mode .dark-bg-mint-700 {
  background: var(--mint-700) !important;
}

.bg-mint-800 {
  background: var(--mint-800) !important;
}

.dark-mode .dark-bg-mint-800 {
  background: var(--mint-800) !important;
}

.bg-mint-900 {
  background: var(--mint-900) !important;
}

.dark-mode .dark-bg-mint-900 {
  background: var(--mint-900) !important;
}

.bg-mint-950 {
  background: var(--mint-950) !important;
}

.dark-mode .dark-bg-mint-950 {
  background: var(--mint-950) !important;
}

.bg-cyan-50 {
  background: var(--cyan-50) !important;
}

.dark-mode .dark-bg-cyan-50 {
  background: var(--cyan-50) !important;
}

.bg-cyan-100 {
  background: var(--cyan-100) !important;
}

.dark-mode .dark-bg-cyan-100 {
  background: var(--cyan-100) !important;
}

.bg-cyan-200 {
  background: var(--cyan-200) !important;
}

.dark-mode .dark-bg-cyan-200 {
  background: var(--cyan-200) !important;
}

.bg-cyan-300 {
  background: var(--cyan-300) !important;
}

.dark-mode .dark-bg-cyan-300 {
  background: var(--cyan-300) !important;
}

.bg-cyan-400 {
  background: var(--cyan-400) !important;
}

.dark-mode .dark-bg-cyan-400 {
  background: var(--cyan-400) !important;
}

.bg-cyan-500 {
  background: var(--cyan-500) !important;
}

.dark-mode .dark-bg-cyan-500 {
  background: var(--cyan-500) !important;
}

.bg-cyan-600 {
  background: var(--cyan-600) !important;
}

.dark-mode .dark-bg-cyan-600 {
  background: var(--cyan-600) !important;
}

.bg-cyan-700 {
  background: var(--cyan-700) !important;
}

.dark-mode .dark-bg-cyan-700 {
  background: var(--cyan-700) !important;
}

.bg-cyan-800 {
  background: var(--cyan-800) !important;
}

.dark-mode .dark-bg-cyan-800 {
  background: var(--cyan-800) !important;
}

.bg-cyan-900 {
  background: var(--cyan-900) !important;
}

.dark-mode .dark-bg-cyan-900 {
  background: var(--cyan-900) !important;
}

.bg-cyan-950 {
  background: var(--cyan-950) !important;
}

.dark-mode .dark-bg-cyan-950 {
  background: var(--cyan-950) !important;
}

.bg-charcoal-50 {
  background: var(--charcoal-50) !important;
}

.dark-mode .dark-bg-charcoal-50 {
  background: var(--charcoal-50) !important;
}

.bg-charcoal-100 {
  background: var(--charcoal-100) !important;
}

.dark-mode .dark-bg-charcoal-100 {
  background: var(--charcoal-100) !important;
}

.bg-charcoal-200 {
  background: var(--charcoal-200) !important;
}

.dark-mode .dark-bg-charcoal-200 {
  background: var(--charcoal-200) !important;
}

.bg-charcoal-300 {
  background: var(--charcoal-300) !important;
}

.dark-mode .dark-bg-charcoal-300 {
  background: var(--charcoal-300) !important;
}

.bg-charcoal-400 {
  background: var(--charcoal-400) !important;
}

.dark-mode .dark-bg-charcoal-400 {
  background: var(--charcoal-400) !important;
}

.bg-charcoal-500 {
  background: var(--charcoal-500) !important;
}

.dark-mode .dark-bg-charcoal-500 {
  background: var(--charcoal-500) !important;
}

.bg-charcoal-600 {
  background: var(--charcoal-600) !important;
}

.dark-mode .dark-bg-charcoal-600 {
  background: var(--charcoal-600) !important;
}

.bg-charcoal-700 {
  background: var(--charcoal-700) !important;
}

.dark-mode .dark-bg-charcoal-700 {
  background: var(--charcoal-700) !important;
}

.bg-charcoal-800 {
  background: var(--charcoal-800) !important;
}

.dark-mode .dark-bg-charcoal-800 {
  background: var(--charcoal-800) !important;
}

.bg-charcoal-900 {
  background: var(--charcoal-900) !important;
}

.dark-mode .dark-bg-charcoal-900 {
  background: var(--charcoal-900) !important;
}

.bg-charcoal-950 {
  background: var(--charcoal-950) !important;
}

.dark-mode .dark-bg-charcoal-950 {
  background: var(--charcoal-950) !important;
}

.bg-gray-50 {
  background: var(--gray-50) !important;
}

.dark-mode .dark-bg-gray-50 {
  background: var(--gray-50) !important;
}

.bg-gray-100 {
  background: var(--gray-100) !important;
}

.dark-mode .dark-bg-gray-100 {
  background: var(--gray-100) !important;
}

.bg-gray-200 {
  background: var(--gray-200) !important;
}

.dark-mode .dark-bg-gray-200 {
  background: var(--gray-200) !important;
}

.bg-gray-300 {
  background: var(--gray-300) !important;
}

.dark-mode .dark-bg-gray-300 {
  background: var(--gray-300) !important;
}

.bg-gray-400 {
  background: var(--gray-400) !important;
}

.dark-mode .dark-bg-gray-400 {
  background: var(--gray-400) !important;
}

.bg-gray-500 {
  background: var(--gray-500) !important;
}

.dark-mode .dark-bg-gray-500 {
  background: var(--gray-500) !important;
}

.bg-gray-600 {
  background: var(--gray-600) !important;
}

.dark-mode .dark-bg-gray-600 {
  background: var(--gray-600) !important;
}

.bg-gray-700 {
  background: var(--gray-700) !important;
}

.dark-mode .dark-bg-gray-700 {
  background: var(--gray-700) !important;
}

.bg-gray-800 {
  background: var(--gray-800) !important;
}

.dark-mode .dark-bg-gray-800 {
  background: var(--gray-800) !important;
}

.bg-gray-900 {
  background: var(--gray-900) !important;
}

.dark-mode .dark-bg-gray-900 {
  background: var(--gray-900) !important;
}

.bg-gray-950 {
  background: var(--gray-950) !important;
}

.dark-mode .dark-bg-gray-950 {
  background: var(--gray-950) !important;
}

.bg-black-500 {
  background: var(--black-500) !important;
}

.dark-mode .dark-bg-black-500 {
  background: var(--black-500) !important;
}

.bg-white-500 {
  background: var(--white-500) !important;
}

.dark-mode .dark-bg-white-500 {
  background: var(--white-500) !important;
}

/*brand 0, 122, 255*/
.bg-brand-5per {
  background-color: var(--brand-t-5per) !important;
}

.dark-mode .dark-bg-brand-5per {
  background-color: var(--brand-t-5per) !important;
}

.bg-brand-10per {
  background-color: var(--brand-t-10per) !important;
}

.dark-mode .dark-bg-brand-10per {
  background-color: var(--brand-t-10per) !important;
}

.bg-brand-15per {
  background-color: var(--brand-t-15per) !important;
}

.dark-mode .dark-bg-brand-15per {
  background-color: var(--brand-t-15per) !important;
}

.bg-brand-20per {
  background-color: var(--brand-t-20per) !important;
}

.dark-mode .dark-bg-brand-20per {
  background-color: var(--brand-t-20per) !important;
}

.bg-brand-25per {
  background-color: var(--brand-t-25per) !important;
}

.dark-mode .dark-bg-brand-25per {
  background-color: var(--brand-t-25per) !important;
}

.bg-brand-30per {
  background-color: var(--brand-t-30per) !important;
}

.dark-mode .dark-bg-brand-30per {
  background-color: var(--brand-t-30per) !important;
}

.bg-brand-35per {
  background-color: var(--brand-t-35per) !important;
}

.dark-mode .dark-bg-brand-35per {
  background-color: var(--brand-t-35per) !important;
}

.bg-brand-40per {
  background-color: var(--brand-t-40per) !important;
}

.dark-mode .dark-bg-brand-40per {
  background-color: var(--brand-t-40per) !important;
}

.bg-brand-45per {
  background-color: var(--brand-t-45per) !important;
}

.dark-mode .dark-bg-brand-45per {
  background-color: var(--brand-t-45per) !important;
}

.bg-brand-50per {
  background-color: var(--brand-t-50per) !important;
}

.dark-mode .dark-bg-brand-50per {
  background-color: var(--brand-t-50per) !important;
}

.bg-brand-55per {
  background-color: var(--brand-t-55per) !important;
}

.dark-mode .dark-bg-brand-55per {
  background-color: var(--brand-t-55per) !important;
}

/*blue 0, 122, 255*/
.bg-blue-5per {
  background-color: var(--blue-t-5per) !important;
}

.dark-mode .dark-bg-blue-5per {
  background-color: var(--blue-t-5per) !important;
}

.bg-blue-10per {
  background-color: var(--blue-t-10per) !important;
}

.dark-mode .dark-bg-blue-10per {
  background-color: var(--blue-t-10per) !important;
}

.bg-blue-15per {
  background-color: var(--blue-t-15per) !important;
}

.dark-mode .dark-bg-blue-15per {
  background-color: var(--blue-t-15per) !important;
}

.bg-blue-20per {
  background-color: var(--blue-t-20per) !important;
}

.dark-mode .dark-bg-blue-20per {
  background-color: var(--blue-t-20per) !important;
}

.bg-blue-25per {
  background-color: var(--blue-t-25per) !important;
}

.dark-mode .dark-bg-blue-25per {
  background-color: var(--blue-t-25per) !important;
}

.bg-blue-30per {
  background-color: var(--blue-t-30per) !important;
}

.dark-mode .dark-bg-blue-30per {
  background-color: var(--blue-t-30per) !important;
}

.bg-blue-35per {
  background-color: var(--blue-t-35per) !important;
}

.dark-mode .dark-bg-blue-35per {
  background-color: var(--blue-t-35per) !important;
}

.bg-blue-40per {
  background-color: var(--blue-t-40per) !important;
}

.dark-mode .dark-bg-blue-40per {
  background-color: var(--blue-t-40per) !important;
}

.bg-blue-45per {
  background-color: var(--blue-t-45per) !important;
}

.dark-mode .dark-bg-blue-45per {
  background-color: var(--blue-t-45per) !important;
}

.bg-blue-50per {
  background-color: var(--blue-t-50per) !important;
}

.dark-mode .dark-bg-blue-50per {
  background-color: var(--blue-t-50per) !important;
}

.bg-blue-55per {
  background-color: var(--blue-t-55per) !important;
}

.dark-mode .dark-bg-blue-55per {
  background-color: var(--blue-t-55per) !important;
}

/*lavender 119, 99, 255*/
.bg-lavender-5per {
  background-color: var(--lavender-t-5per) !important;
}

.dark-mode .dark-bg-lavender-5per {
  background-color: var(--lavender-t-5per) !important;
}

.bg-lavender-10per {
  background-color: var(--lavender-t-10per) !important;
}

.dark-mode .dark-bg-lavender-10per {
  background-color: var(--lavender-t-10per) !important;
}

.bg-lavender-15per {
  background-color: var(--lavender-t-15per) !important;
}

.dark-mode .dark-bg-lavender-15per {
  background-color: var(--lavender-t-15per) !important;
}

.bg-lavender-20per {
  background-color: var(--lavender-t-20per) !important;
}

.dark-mode .dark-bg-lavender-20per {
  background-color: var(--lavender-t-20per) !important;
}

.bg-lavender-25per {
  background-color: var(--lavender-t-25per) !important;
}

.dark-mode .dark-bg-lavender-25per {
  background-color: var(--lavender-t-25per) !important;
}

.bg-lavender-30per {
  background-color: var(--lavender-t-30per) !important;
}

.dark-mode .dark-bg-lavender-30per {
  background-color: var(--lavender-t-30per) !important;
}

.bg-lavender-35per {
  background-color: var(--lavender-t-35per) !important;
}

.dark-mode .dark-bg-lavender-35per {
  background-color: var(--lavender-t-35per) !important;
}

.bg-lavender-40per {
  background-color: var(--lavender-t-40per) !important;
}

.dark-mode .dark-bg-lavender-40per {
  background-color: var(--lavender-t-40per) !important;
}

.bg-lavender-45per {
  background-color: var(--lavender-t-45per) !important;
}

.dark-mode .dark-bg-lavender-45per {
  background-color: var(--lavender-t-45per) !important;
}

.bg-lavender-50per {
  background-color: var(--lavender-t-50per) !important;
}

.dark-mode .dark-bg-lavender-50per {
  background-color: var(--lavender-t-50per) !important;
}

.bg-lavender-55per {
  background-color: var(--lavender-t-55per) !important;
}

.dark-mode .dark-bg-lavender-55per {
  background-color: var(--lavender-t-55per) !important;
}

/*red 255, 59, 48*/
.bg-red-5per {
  background-color: var(--red-t-5per) !important;
}

.dark-mode .dark-bg-red-5per {
  background-color: var(--red-t-5per) !important;
}

.bg-red-10per {
  background-color: var(--red-t-10per) !important;
}

.dark-mode .dark-bg-red-10per {
  background-color: var(--red-t-10per) !important;
}

.bg-red-15per {
  background-color: var(--red-t-15per) !important;
}

.dark-mode .dark-bg-red-15per {
  background-color: var(--red-t-15per) !important;
}

.bg-red-20per {
  background-color: var(--red-t-20per) !important;
}

.dark-mode .dark-bg-red-20per {
  background-color: var(--red-t-20per) !important;
}

.bg-red-25per {
  background-color: var(--red-t-25per) !important;
}

.dark-mode .dark-bg-red-25per {
  background-color: var(--red-t-25per) !important;
}

.bg-red-30per {
  background-color: var(--red-t-30per) !important;
}

.dark-mode .dark-bg-red-30per {
  background-color: var(--red-t-30per) !important;
}

.bg-red-35per {
  background-color: var(--red-t-35per) !important;
}

.dark-mode .dark-bg-red-35per {
  background-color: var(--red-t-35per) !important;
}

.bg-red-40per {
  background-color: var(--red-t-40per) !important;
}

.dark-mode .dark-bg-red-40per {
  background-color: var(--red-t-40per) !important;
}

.bg-red-45per {
  background-color: var(--red-t-45per) !important;
}

.dark-mode .dark-bg-red-45per {
  background-color: var(--red-t-45per) !important;
}

.bg-red-50per {
  background-color: var(--red-t-50per) !important;
}

.dark-mode .dark-bg-red-50per {
  background-color: var(--red-t-50per) !important;
}

.bg-red-55per {
  background-color: var(--red-t-55per) !important;
}

.dark-mode .dark-bg-red-55per {
  background-color: var(--red-t-55per) !important;
}

/*orange 255, 149, 0*/
.bg-orange-5per {
  background-color: var(--orange-t-5per) !important;
}

.dark-mode .dark-bg-orange-5per {
  background-color: var(--orange-t-5per) !important;
}

.bg-orange-10per {
  background-color: var(--orange-t-10per) !important;
}

.dark-mode .dark-bg-orange-10per {
  background-color: var(--orange-t-10per) !important;
}

.bg-orange-15per {
  background-color: var(--orange-t-15per) !important;
}

.dark-mode .dark-bg-orange-15per {
  background-color: var(--orange-t-15per) !important;
}

.bg-orange-20per {
  background-color: var(--orange-t-20per) !important;
}

.dark-mode .dark-bg-orange-20per {
  background-color: var(--orange-t-20per) !important;
}

.bg-orange-25per {
  background-color: var(--orange-t-25per) !important;
}

.dark-mode .dark-bg-orange-25per {
  background-color: var(--orange-t-25per) !important;
}

.bg-orange-30per {
  background-color: var(--orange-t-30per) !important;
}

.dark-mode .dark-bg-orange-30per {
  background-color: var(--orange-t-30per) !important;
}

.bg-orange-35per {
  background-color: var(--orange-t-35per) !important;
}

.dark-mode .dark-bg-orange-35per {
  background-color: var(--orange-t-35per) !important;
}

.bg-orange-40per {
  background-color: var(--orange-t-40per) !important;
}

.dark-mode .dark-bg-orange-40per {
  background-color: var(--orange-t-40per) !important;
}

.bg-orange-45per {
  background-color: var(--orange-t-45per) !important;
}

.dark-mode .dark-bg-orange-45per {
  background-color: var(--orange-t-45per) !important;
}

.bg-orange-50per {
  background-color: var(--orange-t-50per) !important;
}

.dark-mode .dark-bg-orange-50per {
  background-color: var(--orange-t-50per) !important;
}

.bg-orange-55per {
  background-color: var(--orange-t-55per) !important;
}

.dark-mode .dark-bg-orange-55per {
  background-color: var(--orange-t-55per) !important;
}

/*lime 37, 240, 124*/
.bg-lime-5per {
  background-color: var(--lime-t-5per) !important;
}

.dark-mode .dark-bg-lime-5per {
  background-color: var(--lime-t-5per) !important;
}

.bg-lime-10per {
  background-color: var(--lime-t-10per) !important;
}

.dark-mode .dark-bg-lime-10per {
  background-color: var(--lime-t-10per) !important;
}

.bg-lime-15per {
  background-color: var(--lime-t-15per) !important;
}

.dark-mode .dark-bg-lime-15per {
  background-color: var(--lime-t-15per) !important;
}

.bg-lime-20per {
  background-color: var(--lime-t-20per) !important;
}

.dark-mode .dark-bg-lime-20per {
  background-color: var(--lime-t-20per) !important;
}

.bg-lime-25per {
  background-color: var(--lime-t-25per) !important;
}

.dark-mode .dark-bg-lime-25per {
  background-color: var(--lime-t-25per) !important;
}

.bg-lime-30per {
  background-color: var(--lime-t-30per) !important;
}

.dark-mode .dark-bg-lime-30per {
  background-color: var(--lime-t-30per) !important;
}

.bg-lime-35per {
  background-color: var(--lime-t-35per) !important;
}

.dark-mode .dark-bg-lime-35per {
  background-color: var(--lime-t-35per) !important;
}

.bg-lime-40per {
  background-color: var(--lime-t-40per) !important;
}

.dark-mode .dark-bg-lime-40per {
  background-color: var(--lime-t-40per) !important;
}

.bg-lime-45per {
  background-color: var(--lime-t-45per) !important;
}

.dark-mode .dark-bg-lime-45per {
  background-color: var(--lime-t-45per) !important;
}

.bg-lime-50per {
  background-color: var(--lime-t-50per) !important;
}

.dark-mode .dark-bg-lime-50per {
  background-color: var(--lime-t-50per) !important;
}

.bg-lime-55per {
  background-color: var(--lime-t-55per) !important;
}

.dark-mode .dark-bg-lime-55per {
  background-color: var(--lime-t-55per) !important;
}

/*navy 56, 100, 255*/
.bg-navy-5per {
  background-color: var(--navy-t-5per) !important;
}

.dark-mode .dark-bg-navy-5per {
  background-color: var(--navy-t-5per) !important;
}

.bg-navy-10per {
  background-color: var(--navy-t-10per) !important;
}

.dark-mode .dark-bg-navy-10per {
  background-color: var(--navy-t-10per) !important;
}

.bg-navy-15per {
  background-color: var(--navy-t-15per) !important;
}

.dark-mode .dark-bg-navy-15per {
  background-color: var(--navy-t-15per) !important;
}

.bg-navy-20per {
  background-color: var(--navy-t-20per) !important;
}

.dark-mode .dark-bg-navy-20per {
  background-color: var(--navy-t-20per) !important;
}

.bg-navy-25per {
  background-color: var(--navy-t-25per) !important;
}

.dark-mode .dark-bg-navy-25per {
  background-color: var(--navy-t-25per) !important;
}

.bg-navy-30per {
  background-color: var(--navy-t-30per) !important;
}

.dark-mode .dark-bg-navy-30per {
  background-color: var(--navy-t-30per) !important;
}

.bg-navy-35per {
  background-color: var(--navy-t-35per) !important;
}

.dark-mode .dark-bg-navy-35per {
  background-color: var(--navy-t-35per) !important;
}

.bg-navy-40per {
  background-color: var(--navy-t-40per) !important;
}

.dark-mode .dark-bg-navy-40per {
  background-color: var(--navy-t-40per) !important;
}

.bg-navy-45per {
  background-color: var(--navy-t-45per) !important;
}

.dark-mode .dark-bg-navy-45per {
  background-color: var(--navy-t-45per) !important;
}

.bg-navy-50per {
  background-color: var(--navy-t-50per) !important;
}

.dark-mode .dark-bg-navy-50per {
  background-color: var(--navy-t-50per) !important;
}

.bg-navy-55per {
  background-color: var(--navy-t-55per) !important;
}

.dark-mode .dark-bg-navy-55per {
  background-color: var(--navy-t-55per) !important;
}

/*indigo 88, 86, 214*/
.bg-indigo-5per {
  background-color: var(--indigo-t-5per) !important;
}

.dark-mode .dark-bg-indigo-5per {
  background-color: var(--indigo-t-5per) !important;
}

.bg-indigo-10per {
  background-color: var(--indigo-t-10per) !important;
}

.dark-mode .dark-bg-indigo-10per {
  background-color: var(--indigo-t-10per) !important;
}

.bg-indigo-15per {
  background-color: var(--indigo-t-15per) !important;
}

.dark-mode .dark-bg-indigo-15per {
  background-color: var(--indigo-t-15per) !important;
}

.bg-indigo-20per {
  background-color: var(--indigo-t-20per) !important;
}

.dark-mode .dark-bg-indigo-20per {
  background-color: var(--indigo-t-20per) !important;
}

.bg-indigo-25per {
  background-color: var(--indigo-t-25per) !important;
}

.dark-mode .dark-bg-indigo-25per {
  background-color: var(--indigo-t-25per) !important;
}

.bg-indigo-30per {
  background-color: var(--indigo-t-30per) !important;
}

.dark-mode .dark-bg-indigo-30per {
  background-color: var(--indigo-t-30per) !important;
}

.bg-indigo-35per {
  background-color: var(--indigo-t-35per) !important;
}

.dark-mode .dark-bg-indigo-35per {
  background-color: var(--indigo-t-35per) !important;
}

.bg-indigo-40per {
  background-color: var(--indigo-t-40per) !important;
}

.dark-mode .dark-bg-indigo-40per {
  background-color: var(--indigo-t-40per) !important;
}

.bg-indigo-45per {
  background-color: var(--indigo-t-45per) !important;
}

.dark-mode .dark-bg-indigo-45per {
  background-color: var(--indigo-t-45per) !important;
}

.bg-indigo-50per {
  background-color: var(--indigo-t-50per) !important;
}

.dark-mode .dark-bg-indigo-50per {
  background-color: var(--indigo-t-50per) !important;
}

.bg-indigo-55per {
  background-color: var(--indigo-t-55per) !important;
}

.dark-mode .dark-bg-indigo-55per {
  background-color: var(--indigo-t-55per) !important;
}

/*purple 175, 82, 222*/
.bg-purple-5per {
  background-color: var(--purple-t-5per) !important;
}

.dark-mode .dark-bg-purple-5per {
  background-color: var(--purple-t-5per) !important;
}

.bg-purple-10per {
  background-color: var(--purple-t-10per) !important;
}

.dark-mode .dark-bg-purple-10per {
  background-color: var(--purple-t-10per) !important;
}

.bg-purple-15per {
  background-color: var(--purple-t-15per) !important;
}

.dark-mode .dark-bg-purple-15per {
  background-color: var(--purple-t-15per) !important;
}

.bg-purple-20per {
  background-color: var(--purple-t-20per) !important;
}

.dark-mode .dark-bg-purple-20per {
  background-color: var(--purple-t-20per) !important;
}

.bg-purple-25per {
  background-color: var(--purple-t-25per) !important;
}

.dark-mode .dark-bg-purple-25per {
  background-color: var(--purple-t-25per) !important;
}

.bg-purple-30per {
  background-color: var(--purple-t-30per) !important;
}

.dark-mode .dark-bg-purple-30per {
  background-color: var(--purple-t-30per) !important;
}

.bg-purple-35per {
  background-color: var(--purple-t-35per) !important;
}

.dark-mode .dark-bg-purple-35per {
  background-color: var(--purple-t-35per) !important;
}

.bg-purple-40per {
  background-color: var(--purple-t-40per) !important;
}

.dark-mode .dark-bg-purple-40per {
  background-color: var(--purple-t-40per) !important;
}

.bg-purple-45per {
  background-color: var(--purple-t-45per) !important;
}

.dark-mode .dark-bg-purple-45per {
  background-color: var(--purple-t-45per) !important;
}

.bg-purple-50per {
  background-color: var(--purple-t-50per) !important;
}

.dark-mode .dark-bg-purple-50per {
  background-color: var(--purple-t-50per) !important;
}

.bg-purple-55per {
  background-color: var(--purple-t-55per) !important;
}

.dark-mode .dark-bg-purple-55per {
  background-color: var(--purple-t-55per) !important;
}

/*yellow 255, 196, 2*/
.bg-yellow-5per {
  background-color: var(--yellow-t-5per) !important;
}

.dark-mode .dark-bg-yellow-5per {
  background-color: var(--yellow-t-5per) !important;
}

.bg-yellow-10per {
  background-color: var(--yellow-t-10per) !important;
}

.dark-mode .dark-bg-yellow-10per {
  background-color: var(--yellow-t-10per) !important;
}

.bg-yellow-15per {
  background-color: var(--yellow-t-15per) !important;
}

.dark-mode .dark-bg-yellow-15per {
  background-color: var(--yellow-t-15per) !important;
}

.bg-yellow-20per {
  background-color: var(--yellow-t-20per) !important;
}

.dark-mode .dark-bg-yellow-20per {
  background-color: var(--yellow-t-20per) !important;
}

.bg-yellow-25per {
  background-color: var(--yellow-t-25per) !important;
}

.dark-mode .dark-bg-yellow-25per {
  background-color: var(--yellow-t-25per) !important;
}

.bg-yellow-30per {
  background-color: var(--yellow-t-30per) !important;
}

.dark-mode .dark-bg-yellow-30per {
  background-color: var(--yellow-t-30per) !important;
}

.bg-yellow-35per {
  background-color: var(--yellow-t-35per) !important;
}

.dark-mode .dark-bg-yellow-35per {
  background-color: var(--yellow-t-35per) !important;
}

.bg-yellow-40per {
  background-color: var(--yellow-t-40per) !important;
}

.dark-mode .dark-bg-yellow-40per {
  background-color: var(--yellow-t-40per) !important;
}

.bg-yellow-45per {
  background-color: var(--yellow-t-45per) !important;
}

.dark-mode .dark-bg-yellow-45per {
  background-color: var(--yellow-t-45per) !important;
}

.bg-yellow-50per {
  background-color: var(--yellow-t-50per) !important;
}

.dark-mode .dark-bg-yellow-50per {
  background-color: var(--yellow-t-50per) !important;
}

.bg-yellow-55per {
  background-color: var(--yellow-t-55per) !important;
}

.dark-mode .dark-bg-yellow-55per {
  background-color: var(--yellow-t-55per) !important;
}

/*green 123, 224, 0*/
.bg-green-5per {
  background-color: var(--green-t-5per) !important;
}

.dark-mode .dark-bg-green-5per {
  background-color: var(--green-t-5per) !important;
}

.bg-green-10per {
  background-color: var(--green-t-10per) !important;
}

.dark-mode .dark-bg-green-10per {
  background-color: var(--green-t-10per) !important;
}

.bg-green-15per {
  background-color: var(--green-t-15per) !important;
}

.dark-mode .dark-bg-green-15per {
  background-color: var(--green-t-15per) !important;
}

.bg-green-20per {
  background-color: var(--green-t-20per) !important;
}

.dark-mode .dark-bg-green-20per {
  background-color: var(--green-t-20per) !important;
}

.bg-green-25per {
  background-color: var(--green-t-25per) !important;
}

.dark-mode .dark-bg-green-25per {
  background-color: var(--green-t-25per) !important;
}

.bg-green-30per {
  background-color: var(--green-t-30per) !important;
}

.dark-mode .dark-bg-green-30per {
  background-color: var(--green-t-30per) !important;
}

.bg-green-35per {
  background-color: var(--green-t-35per) !important;
}

.dark-mode .dark-bg-green-35per {
  background-color: var(--green-t-35per) !important;
}

.bg-green-40per {
  background-color: var(--green-t-40per) !important;
}

.dark-mode .dark-bg-green-40per {
  background-color: var(--green-t-40per) !important;
}

.bg-green-45per {
  background-color: var(--green-t-45per) !important;
}

.dark-mode .dark-bg-green-45per {
  background-color: var(--green-t-45per) !important;
}

.bg-green-50per {
  background-color: var(--green-t-50per) !important;
}

.dark-mode .dark-bg-green-50per {
  background-color: var(--green-t-50per) !important;
}

.bg-green-55per {
  background-color: var(--green-t-55per) !important;
}

.dark-mode .dark-bg-green-55per {
  background-color: var(--green-t-55per) !important;
}

/*forest 0, 137, 30*/
.bg-forest-5per {
  background-color: var(--forest-t-5per) !important;
}

.dark-mode .dark-bg-forest-5per {
  background-color: var(--forest-t-5per) !important;
}

.bg-forest-10per {
  background-color: var(--forest-t-10per) !important;
}

.dark-mode .dark-bg-forest-10per {
  background-color: var(--forest-t-10per) !important;
}

.bg-forest-15per {
  background-color: var(--forest-t-15per) !important;
}

.dark-mode .dark-bg-forest-15per {
  background-color: var(--forest-t-15per) !important;
}

.bg-forest-20per {
  background-color: var(--forest-t-20per) !important;
}

.dark-mode .dark-bg-forest-20per {
  background-color: var(--forest-t-20per) !important;
}

.bg-forest-25per {
  background-color: var(--forest-t-25per) !important;
}

.dark-mode .dark-bg-forest-25per {
  background-color: var(--forest-t-25per) !important;
}

.bg-forest-30per {
  background-color: var(--forest-t-30per) !important;
}

.dark-mode .dark-bg-forest-30per {
  background-color: var(--forest-t-30per) !important;
}

.bg-forest-35per {
  background-color: var(--forest-t-35per) !important;
}

.dark-mode .dark-bg-forest-35per {
  background-color: var(--forest-t-35per) !important;
}

.bg-forest-40per {
  background-color: var(--forest-t-40per) !important;
}

.dark-mode .dark-bg-forest-40per {
  background-color: var(--forest-t-40per) !important;
}

.bg-forest-45per {
  background-color: var(--forest-t-45per) !important;
}

.dark-mode .dark-bg-forest-45per {
  background-color: var(--forest-t-45per) !important;
}

.bg-forest-50per {
  background-color: var(--forest-t-50per) !important;
}

.dark-mode .dark-bg-forest-50per {
  background-color: var(--forest-t-50per) !important;
}

.bg-forest-55per {
  background-color: var(--forest-t-55per) !important;
}

.dark-mode .dark-bg-forest-55per {
  background-color: var(--forest-t-55per) !important;
}

/*mint 24, 206, 197*/
.bg-mint-5per {
  background-color: var(--mint-t-5per) !important;
}

.dark-mode .dark-bg-mint-5per {
  background-color: var(--mint-t-5per) !important;
}

.bg-mint-10per {
  background-color: var(--mint-t-10per) !important;
}

.dark-mode .dark-bg-mint-10per {
  background-color: var(--mint-t-10per) !important;
}

.bg-mint-15per {
  background-color: var(--mint-t-15per) !important;
}

.dark-mode .dark-bg-mint-15per {
  background-color: var(--mint-t-15per) !important;
}

.bg-mint-20per {
  background-color: var(--mint-t-20per) !important;
}

.dark-mode .dark-bg-mint-20per {
  background-color: var(--mint-t-20per) !important;
}

.bg-mint-25per {
  background-color: var(--mint-t-25per) !important;
}

.dark-mode .dark-bg-mint-25per {
  background-color: var(--mint-t-25per) !important;
}

.bg-mint-30per {
  background-color: var(--mint-t-30per) !important;
}

.dark-mode .dark-bg-mint-30per {
  background-color: var(--mint-t-30per) !important;
}

.bg-mint-35per {
  background-color: var(--mint-t-35per) !important;
}

.dark-mode .dark-bg-mint-35per {
  background-color: var(--mint-t-35per) !important;
}

.bg-mint-40per {
  background-color: var(--mint-t-40per) !important;
}

.dark-mode .dark-bg-mint-40per {
  background-color: var(--mint-t-40per) !important;
}

.bg-mint-45per {
  background-color: var(--mint-t-45per) !important;
}

.dark-mode .dark-bg-mint-45per {
  background-color: var(--mint-t-45per) !important;
}

.bg-mint-50per {
  background-color: var(--mint-t-50per) !important;
}

.dark-mode .dark-bg-mint-50per {
  background-color: var(--mint-t-50per) !important;
}

.bg-mint-55per {
  background-color: var(--mint-t-55per) !important;
}

.dark-mode .dark-bg-mint-55per {
  background-color: var(--mint-t-55per) !important;
}

/*cyan 59, 193, 255*/
.bg-cyan-5per {
  background-color: var(--cyan-t-5per) !important;
}

.dark-mode .dark-bg-cyan-5per {
  background-color: var(--cyan-t-5per) !important;
}

.bg-cyan-10per {
  background-color: var(--cyan-t-10per) !important;
}

.dark-mode .dark-bg-cyan-10per {
  background-color: var(--cyan-t-10per) !important;
}

.bg-cyan-15per {
  background-color: var(--cyan-t-15per) !important;
}

.dark-mode .dark-bg-cyan-15per {
  background-color: var(--cyan-t-15per) !important;
}

.bg-cyan-20per {
  background-color: var(--cyan-t-20per) !important;
}

.dark-mode .dark-bg-cyan-20per {
  background-color: var(--cyan-t-20per) !important;
}

.bg-cyan-25per {
  background-color: var(--cyan-t-25per) !important;
}

.dark-mode .dark-bg-cyan-25per {
  background-color: var(--cyan-t-25per) !important;
}

.bg-cyan-30per {
  background-color: var(--cyan-t-30per) !important;
}

.dark-mode .dark-bg-cyan-30per {
  background-color: var(--cyan-t-30per) !important;
}

.bg-cyan-35per {
  background-color: var(--cyan-t-35per) !important;
}

.dark-mode .dark-bg-cyan-35per {
  background-color: var(--cyan-t-35per) !important;
}

.bg-cyan-40per {
  background-color: var(--cyan-t-40per) !important;
}

.dark-mode .dark-bg-cyan-40per {
  background-color: var(--cyan-t-40per) !important;
}

.bg-cyan-45per {
  background-color: var(--cyan-t-45per) !important;
}

.dark-mode .dark-bg-cyan-45per {
  background-color: var(--cyan-t-45per) !important;
}

.bg-cyan-50per {
  background-color: var(--cyan-t-50per) !important;
}

.dark-mode .dark-bg-cyan-50per {
  background-color: var(--cyan-t-50per) !important;
}

.bg-cyan-55per {
  background-color: var(--cyan-t-55per) !important;
}

.dark-mode .dark-bg-cyan-55per {
  background-color: var(--cyan-t-55per) !important;
}

/*charcoal 108, 114, 117*/
.bg-charcoal-5per {
  background-color: var(--charcoal-t-5per) !important;
}

.dark-mode .dark-bg-charcoal-5per {
  background-color: var(--charcoal-t-5per) !important;
}

.bg-charcoal-10per {
  background-color: var(--charcoal-t-10per) !important;
}

.dark-mode .dark-bg-charcoal-10per {
  background-color: var(--charcoal-t-10per) !important;
}

.bg-charcoal-15per {
  background-color: var(--charcoal-t-15per) !important;
}

.dark-mode .dark-bg-charcoal-15per {
  background-color: var(--charcoal-t-15per) !important;
}

.bg-charcoal-20per {
  background-color: var(--charcoal-t-20per) !important;
}

.dark-mode .dark-bg-charcoal-20per {
  background-color: var(--charcoal-t-20per) !important;
}

.bg-charcoal-25per {
  background-color: var(--charcoal-t-25per) !important;
}

.dark-mode .dark-bg-charcoal-25per {
  background-color: var(--charcoal-t-25per) !important;
}

.bg-charcoal-30per {
  background-color: var(--charcoal-t-30per) !important;
}

.dark-mode .dark-bg-charcoal-30per {
  background-color: var(--charcoal-t-30per) !important;
}

.bg-charcoal-35per {
  background-color: var(--charcoal-t-35per) !important;
}

.dark-mode .dark-bg-charcoal-35per {
  background-color: var(--charcoal-t-35per) !important;
}

.bg-charcoal-40per {
  background-color: var(--charcoal-t-40per) !important;
}

.dark-mode .dark-bg-charcoal-40per {
  background-color: var(--charcoal-t-40per) !important;
}

.bg-charcoal-45per {
  background-color: var(--charcoal-t-45per) !important;
}

.dark-mode .dark-bg-charcoal-45per {
  background-color: var(--charcoal-t-45per) !important;
}

.bg-charcoal-50per {
  background-color: var(--charcoal-t-50per) !important;
}

.dark-mode .dark-bg-charcoal-50per {
  background-color: var(--charcoal-t-50per) !important;
}

.bg-charcoal-55per {
  background-color: var(--charcoal-t-55per) !important;
}

.dark-mode .dark-bg-charcoal-55per {
  background-color: var(--charcoal-t-55per) !important;
}

/*gray 155, 164, 171*/
.bg-gray-5per {
  background-color: var(--gray-t-5per) !important;
}

.dark-mode .dark-bg-gray-5per {
  background-color: var(--gray-t-5per) !important;
}

.bg-gray-10per {
  background-color: var(--gray-t-10per) !important;
}

.dark-mode .dark-bg-gray-10per {
  background-color: var(--gray-t-10per) !important;
}

.bg-gray-15per {
  background-color: var(--gray-t-15per) !important;
}

.dark-mode .dark-bg-gray-15per {
  background-color: var(--gray-t-15per) !important;
}

.bg-gray-20per {
  background-color: var(--gray-t-20per) !important;
}

.dark-mode .dark-bg-gray-20per {
  background-color: var(--gray-t-20per) !important;
}

.bg-gray-25per {
  background-color: var(--gray-t-25per) !important;
}

.dark-mode .dark-bg-gray-25per {
  background-color: var(--gray-t-25per) !important;
}

.bg-gray-30per {
  background-color: var(--gray-t-30per) !important;
}

.dark-mode .dark-bg-gray-30per {
  background-color: var(--gray-t-30per) !important;
}

.bg-gray-35per {
  background-color: var(--gray-t-35per) !important;
}

.dark-mode .dark-bg-gray-35per {
  background-color: var(--gray-t-35per) !important;
}

.bg-gray-40per {
  background-color: var(--gray-t-40per) !important;
}

.dark-mode .dark-bg-gray-40per {
  background-color: var(--gray-t-40per) !important;
}

.bg-gray-45per {
  background-color: var(--gray-t-45per) !important;
}

.dark-mode .dark-bg-gray-45per {
  background-color: var(--gray-t-45per) !important;
}

.bg-gray-50per {
  background-color: var(--gray-t-50per) !important;
}

.dark-mode .dark-bg-gray-50per {
  background-color: var(--gray-t-50per) !important;
}

.bg-gray-55per {
  background-color: var(--gray-t-55per) !important;
}

.dark-mode .dark-bg-gray-55per {
  background-color: var(--gray-t-55per) !important;
}

/*black 0, 0, 0*/
.bg-black-5per {
  background-color: var(--black-t-5per) !important;
}

.dark-mode .dark-bg-black-5per {
  background-color: var(--black-t-5per) !important;
}

.bg-black-10per {
  background-color: var(--black-t-10per) !important;
}

.dark-mode .dark-bg-black-10per {
  background-color: var(--black-t-10per) !important;
}

.bg-black-15per {
  background-color: var(--black-t-15per) !important;
}

.dark-mode .dark-bg-black-15per {
  background-color: var(--black-t-15per) !important;
}

.bg-black-20per {
  background-color: var(--black-t-20per) !important;
}

.dark-mode .dark-bg-black-20per {
  background-color: var(--black-t-20per) !important;
}

.bg-black-25per {
  background-color: var(--black-t-25per) !important;
}

.dark-mode .dark-bg-black-25per {
  background-color: var(--black-t-25per) !important;
}

.bg-black-30per {
  background-color: var(--black-t-30per) !important;
}

.dark-mode .dark-bg-black-30per {
  background-color: var(--black-t-30per) !important;
}

.bg-black-35per {
  background-color: var(--black-t-35per) !important;
}

.dark-mode .dark-bg-black-35per {
  background-color: var(--black-t-35per) !important;
}

.bg-black-40per {
  background-color: var(--black-t-40per) !important;
}

.dark-mode .dark-bg-black-40per {
  background-color: var(--black-t-40per) !important;
}

.bg-black-45per {
  background-color: var(--black-t-45per) !important;
}

.dark-mode .dark-bg-black-45per {
  background-color: var(--black-t-45per) !important;
}

.bg-black-50per {
  background-color: var(--black-t-50per) !important;
}

.dark-mode .dark-bg-black-50per {
  background-color: var(--black-t-50per) !important;
}

.bg-black-55per {
  background-color: var(--black-t-55per) !important;
}

.dark-mode .dark-bg-black-55per {
  background-color: var(--black-t-55per) !important;
}

/*white 255, 255, 255*/
.bg-white-5per {
  background-color: var(--white-t-5per) !important;
}

.dark-mode .dark-bg-white-5per {
  background-color: var(--white-t-5per) !important;
}

.bg-white-10per {
  background-color: var(--white-t-10per) !important;
}

.dark-mode .dark-bg-white-10per {
  background-color: var(--white-t-10per) !important;
}

.bg-white-15per {
  background-color: var(--white-t-15per) !important;
}

.dark-mode .dark-bg-white-15per {
  background-color: var(--white-t-15per) !important;
}

.bg-white-20per {
  background-color: var(--white-t-20per) !important;
}

.dark-mode .dark-bg-white-20per {
  background-color: var(--white-t-20per) !important;
}

.bg-white-25per {
  background-color: var(--white-t-25per) !important;
}

.dark-mode .dark-bg-white-25per {
  background-color: var(--white-t-25per) !important;
}

.bg-white-30per {
  background-color: var(--white-t-30per) !important;
}

.dark-mode .dark-bg-white-30per {
  background-color: var(--white-t-30per) !important;
}

.bg-white-35per {
  background-color: var(--white-t-35per) !important;
}

.dark-mode .dark-bg-white-35per {
  background-color: var(--white-t-35per) !important;
}

.bg-white-40per {
  background-color: var(--white-t-40per) !important;
}

.dark-mode .dark-bg-white-40per {
  background-color: var(--white-t-40per) !important;
}

.bg-white-45per {
  background-color: var(--white-t-45per) !important;
}

.dark-mode .dark-bg-white-45per {
  background-color: var(--white-t-45per) !important;
}

.bg-white-50per {
  background-color: var(--white-t-50per) !important;
}

.dark-mode .dark-bg-white-50per {
  background-color: var(--white-t-50per) !important;
}

.bg-white-55per {
  background-color: var(--white-t-55per) !important;
}

.dark-mode .dark-bg-white-55per {
  background-color: var(--white-t-55per) !important;
}

/*color*/
.text-brand-50 {
  color: var(--brand-50) !important;
}

.dark-mode .dark-text-brand-50 {
  color: var(--brand-50) !important;
}

.text-brand-100 {
  color: var(--brand-100) !important;
}

.dark-mode .dark-text-brand-100 {
  color: var(--brand-100) !important;
}

.text-brand-200 {
  color: var(--brand-200) !important;
}

.dark-mode .dark-text-brand-200 {
  color: var(--brand-200) !important;
}

.text-brand-300 {
  color: var(--brand-300) !important;
}

.dark-mode .dark-text-brand-300 {
  color: var(--brand-300) !important;
}

.text-brand-400 {
  color: var(--brand-400) !important;
}

.dark-mode .dark-text-brand-400 {
  color: var(--brand-400) !important;
}

.text-brand-500 {
  color: var(--brand-500) !important;
}

.dark-mode .dark-text-brand-500 {
  color: var(--brand-500) !important;
}

.text-brand-600 {
  color: var(--brand-600) !important;
}

.dark-mode .dark-text-brand-600 {
  color: var(--brand-600) !important;
}

.text-brand-700 {
  color: var(--brand-700) !important;
}

.dark-mode .dark-text-brand-700 {
  color: var(--brand-700) !important;
}

.text-brand-800 {
  color: var(--brand-800) !important;
}

.dark-mode .dark-text-brand-800 {
  color: var(--brand-800) !important;
}

.text-brand-900 {
  color: var(--brand-900) !important;
}

.dark-mode .dark-text-brand-900 {
  color: var(--brand-900) !important;
}

.text-brand-950 {
  color: var(--brand-950) !important;
}

.dark-mode .dark-text-brand-950 {
  color: var(--brand-950) !important;
}

.text-blue-50 {
  color: var(--blue-50) !important;
}

.dark-mode .dark-text-blue-50 {
  color: var(--blue-50) !important;
}

.text-blue-100 {
  color: var(--blue-100) !important;
}

.dark-mode .dark-text-blue-100 {
  color: var(--blue-100) !important;
}

.text-blue-200 {
  color: var(--blue-200) !important;
}

.dark-mode .dark-text-blue-200 {
  color: var(--blue-200) !important;
}

.text-blue-300 {
  color: var(--blue-300) !important;
}

.dark-mode .dark-text-blue-300 {
  color: var(--blue-300) !important;
}

.text-blue-400 {
  color: var(--blue-400) !important;
}

.dark-mode .dark-text-blue-400 {
  color: var(--blue-400) !important;
}

.text-blue-500 {
  color: var(--blue-500) !important;
}

.dark-mode .dark-text-blue-500 {
  color: var(--blue-500) !important;
}

.text-blue-600 {
  color: var(--blue-600) !important;
}

.dark-mode .dark-text-blue-600 {
  color: var(--blue-600) !important;
}

.text-blue-700 {
  color: var(--blue-700) !important;
}

.dark-mode .dark-text-blue-700 {
  color: var(--blue-700) !important;
}

.text-blue-800 {
  color: var(--blue-800) !important;
}

.dark-mode .dark-text-blue-800 {
  color: var(--blue-800) !important;
}

.text-blue-900 {
  color: var(--blue-900) !important;
}

.dark-mode .dark-text-blue-900 {
  color: var(--blue-900) !important;
}

.text-blue-950 {
  color: var(--blue-950) !important;
}

.dark-mode .dark-text-blue-950 {
  color: var(--blue-950) !important;
}

.text-lavender-50 {
  color: var(--lavender-50) !important;
}

.dark-mode .dark-text-lavender-50 {
  color: var(--lavender-50) !important;
}

.text-lavender-100 {
  color: var(--lavender-100) !important;
}

.dark-mode .dark-text-lavender-100 {
  color: var(--lavender-100) !important;
}

.text-lavender-200 {
  color: var(--lavender-200) !important;
}

.dark-mode .dark-text-lavender-200 {
  color: var(--lavender-200) !important;
}

.text-lavender-300 {
  color: var(--lavender-300) !important;
}

.dark-mode .dark-text-lavender-300 {
  color: var(--lavender-300) !important;
}

.text-lavender-400 {
  color: var(--lavender-400) !important;
}

.dark-mode .dark-text-lavender-400 {
  color: var(--lavender-400) !important;
}

.text-lavender-500 {
  color: var(--lavender-500) !important;
}

.dark-mode .dark-text-lavender-500 {
  color: var(--lavender-500) !important;
}

.text-lavender-600 {
  color: var(--lavender-600) !important;
}

.dark-mode .dark-text-lavender-600 {
  color: var(--lavender-600) !important;
}

.text-lavender-700 {
  color: var(--lavender-700) !important;
}

.dark-mode .dark-text-lavender-700 {
  color: var(--lavender-700) !important;
}

.text-lavender-800 {
  color: var(--lavender-800) !important;
}

.dark-mode .dark-text-lavender-800 {
  color: var(--lavender-800) !important;
}

.text-lavender-900 {
  color: var(--lavender-900) !important;
}

.dark-mode .dark-text-lavender-900 {
  color: var(--lavender-900) !important;
}

.text-lavender-950 {
  color: var(--lavender-950) !important;
}

.dark-mode .dark-text-lavender-950 {
  color: var(--lavender-950) !important;
}

.text-red-50 {
  color: var(--red-50) !important;
}

.dark-mode .dark-text-red-50 {
  color: var(--red-50) !important;
}

.text-red-100 {
  color: var(--red-100) !important;
}

.dark-mode .dark-text-red-100 {
  color: var(--red-100) !important;
}

.text-red-200 {
  color: var(--red-200) !important;
}

.dark-mode .dark-text-red-200 {
  color: var(--red-200) !important;
}

.text-red-300 {
  color: var(--red-300) !important;
}

.dark-mode .dark-text-red-300 {
  color: var(--red-300) !important;
}

.text-red-400 {
  color: var(--red-400) !important;
}

.dark-mode .dark-text-red-400 {
  color: var(--red-400) !important;
}

.text-red-500 {
  color: var(--red-500) !important;
}

.dark-mode .dark-text-red-500 {
  color: var(--red-500) !important;
}

.text-red-600 {
  color: var(--red-600) !important;
}

.dark-mode .dark-text-red-600 {
  color: var(--red-600) !important;
}

.text-red-700 {
  color: var(--red-700) !important;
}

.dark-mode .dark-text-red-700 {
  color: var(--red-700) !important;
}

.text-red-800 {
  color: var(--red-800) !important;
}

.dark-mode .dark-text-red-800 {
  color: var(--red-800) !important;
}

.text-red-900 {
  color: var(--red-900) !important;
}

.dark-mode .dark-text-red-900 {
  color: var(--red-900) !important;
}

.text-red-950 {
  color: var(--red-950) !important;
}

.dark-mode .dark-text-red-950 {
  color: var(--red-950) !important;
}

.text-orange-50 {
  color: var(--orange-50) !important;
}

.dark-mode .dark-text-orange-50 {
  color: var(--orange-50) !important;
}

.text-orange-100 {
  color: var(--orange-100) !important;
}

.dark-mode .dark-text-orange-100 {
  color: var(--orange-100) !important;
}

.text-orange-200 {
  color: var(--orange-200) !important;
}

.dark-mode .dark-text-orange-200 {
  color: var(--orange-200) !important;
}

.text-orange-300 {
  color: var(--orange-300) !important;
}

.dark-mode .dark-text-orange-300 {
  color: var(--orange-300) !important;
}

.text-orange-400 {
  color: var(--orange-400) !important;
}

.dark-mode .dark-text-orange-400 {
  color: var(--orange-400) !important;
}

.text-orange-500 {
  color: var(--orange-500) !important;
}

.dark-mode .dark-text-orange-500 {
  color: var(--orange-500) !important;
}

.text-orange-600 {
  color: var(--orange-600) !important;
}

.dark-mode .dark-text-orange-600 {
  color: var(--orange-600) !important;
}

.text-orange-700 {
  color: var(--orange-700) !important;
}

.dark-mode .dark-text-orange-700 {
  color: var(--orange-700) !important;
}

.text-orange-800 {
  color: var(--orange-800) !important;
}

.dark-mode .dark-text-orange-800 {
  color: var(--orange-800) !important;
}

.text-orange-900 {
  color: var(--orange-900) !important;
}

.dark-mode .dark-text-orange-900 {
  color: var(--orange-900) !important;
}

.text-orange-950 {
  color: var(--orange-950) !important;
}

.dark-mode .dark-text-orange-950 {
  color: var(--orange-950) !important;
}

.text-lime-50 {
  color: var(--lime-50) !important;
}

.dark-mode .dark-text-lime-50 {
  color: var(--lime-50) !important;
}

.text-lime-100 {
  color: var(--lime-100) !important;
}

.dark-mode .dark-text-lime-100 {
  color: var(--lime-100) !important;
}

.text-lime-200 {
  color: var(--lime-200) !important;
}

.dark-mode .dark-text-lime-200 {
  color: var(--lime-200) !important;
}

.text-lime-300 {
  color: var(--lime-300) !important;
}

.dark-mode .dark-text-lime-300 {
  color: var(--lime-300) !important;
}

.text-lime-400 {
  color: var(--lime-400) !important;
}

.dark-mode .dark-text-lime-400 {
  color: var(--lime-400) !important;
}

.text-lime-500 {
  color: var(--lime-500) !important;
}

.dark-mode .dark-text-lime-500 {
  color: var(--lime-500) !important;
}

.text-lime-600 {
  color: var(--lime-600) !important;
}

.dark-mode .dark-text-lime-600 {
  color: var(--lime-600) !important;
}

.text-lime-700 {
  color: var(--lime-700) !important;
}

.dark-mode .dark-text-lime-700 {
  color: var(--lime-700) !important;
}

.text-lime-800 {
  color: var(--lime-800) !important;
}

.dark-mode .dark-text-lime-800 {
  color: var(--lime-800) !important;
}

.text-lime-900 {
  color: var(--lime-900) !important;
}

.dark-mode .dark-text-lime-900 {
  color: var(--lime-900) !important;
}

.text-lime-950 {
  color: var(--lime-950) !important;
}

.dark-mode .dark-text-lime-950 {
  color: var(--lime-950) !important;
}

.text-navy-50 {
  color: var(--navy-50) !important;
}

.dark-mode .dark-text-navy-50 {
  color: var(--navy-50) !important;
}

.text-navy-100 {
  color: var(--navy-100) !important;
}

.dark-mode .dark-text-navy-100 {
  color: var(--navy-100) !important;
}

.text-navy-200 {
  color: var(--navy-200) !important;
}

.dark-mode .dark-text-navy-200 {
  color: var(--navy-200) !important;
}

.text-navy-300 {
  color: var(--navy-300) !important;
}

.dark-mode .dark-text-navy-300 {
  color: var(--navy-300) !important;
}

.text-navy-400 {
  color: var(--navy-400) !important;
}

.dark-mode .dark-text-navy-400 {
  color: var(--navy-400) !important;
}

.text-navy-500 {
  color: var(--navy-500) !important;
}

.dark-mode .dark-text-navy-500 {
  color: var(--navy-500) !important;
}

.text-navy-600 {
  color: var(--navy-600) !important;
}

.dark-mode .dark-text-navy-600 {
  color: var(--navy-600) !important;
}

.text-navy-700 {
  color: var(--navy-700) !important;
}

.dark-mode .dark-text-navy-700 {
  color: var(--navy-700) !important;
}

.text-navy-800 {
  color: var(--navy-800) !important;
}

.dark-mode .dark-text-navy-800 {
  color: var(--navy-800) !important;
}

.text-navy-900 {
  color: var(--navy-900) !important;
}

.dark-mode .dark-text-navy-900 {
  color: var(--navy-900) !important;
}

.text-navy-950 {
  color: var(--navy-950) !important;
}

.dark-mode .dark-text-navy-950 {
  color: var(--navy-950) !important;
}

.text-indigo-50 {
  color: var(--indigo-50) !important;
}

.dark-mode .dark-text-indigo-50 {
  color: var(--indigo-50) !important;
}

.text-indigo-100 {
  color: var(--indigo-100) !important;
}

.dark-mode .dark-text-indigo-100 {
  color: var(--indigo-100) !important;
}

.text-indigo-200 {
  color: var(--indigo-200) !important;
}

.dark-mode .dark-text-indigo-200 {
  color: var(--indigo-200) !important;
}

.text-indigo-300 {
  color: var(--indigo-300) !important;
}

.dark-mode .dark-text-indigo-300 {
  color: var(--indigo-300) !important;
}

.text-indigo-400 {
  color: var(--indigo-400) !important;
}

.dark-mode .dark-text-indigo-400 {
  color: var(--indigo-400) !important;
}

.text-indigo-500 {
  color: var(--indigo-500) !important;
}

.dark-mode .dark-text-indigo-500 {
  color: var(--indigo-500) !important;
}

.text-indigo-600 {
  color: var(--indigo-600) !important;
}

.dark-mode .dark-text-indigo-600 {
  color: var(--indigo-600) !important;
}

.text-indigo-700 {
  color: var(--indigo-700) !important;
}

.dark-mode .dark-text-indigo-700 {
  color: var(--indigo-700) !important;
}

.text-indigo-800 {
  color: var(--indigo-800) !important;
}

.dark-mode .dark-text-indigo-800 {
  color: var(--indigo-800) !important;
}

.text-indigo-900 {
  color: var(--indigo-900) !important;
}

.dark-mode .dark-text-indigo-900 {
  color: var(--indigo-900) !important;
}

.text-indigo-950 {
  color: var(--indigo-950) !important;
}

.dark-mode .dark-text-indigo-950 {
  color: var(--indigo-950) !important;
}

.text-purple-50 {
  color: var(--purple-50) !important;
}

.dark-mode .dark-text-purple-50 {
  color: var(--purple-50) !important;
}

.text-purple-100 {
  color: var(--purple-100) !important;
}

.dark-mode .dark-text-purple-100 {
  color: var(--purple-100) !important;
}

.text-purple-200 {
  color: var(--purple-200) !important;
}

.dark-mode .dark-text-purple-200 {
  color: var(--purple-200) !important;
}

.text-purple-300 {
  color: var(--purple-300) !important;
}

.dark-mode .dark-text-purple-300 {
  color: var(--purple-300) !important;
}

.text-purple-400 {
  color: var(--purple-400) !important;
}

.dark-mode .dark-text-purple-400 {
  color: var(--purple-400) !important;
}

.text-purple-500 {
  color: var(--purple-500) !important;
}

.dark-mode .dark-text-purple-500 {
  color: var(--purple-500) !important;
}

.text-purple-600 {
  color: var(--purple-600) !important;
}

.dark-mode .dark-text-purple-600 {
  color: var(--purple-600) !important;
}

.text-purple-700 {
  color: var(--purple-700) !important;
}

.dark-mode .dark-text-purple-700 {
  color: var(--purple-700) !important;
}

.text-purple-800 {
  color: var(--purple-800) !important;
}

.dark-mode .dark-text-purple-800 {
  color: var(--purple-800) !important;
}

.text-purple-900 {
  color: var(--purple-900) !important;
}

.dark-mode .dark-text-purple-900 {
  color: var(--purple-900) !important;
}

.text-purple-950 {
  color: var(--purple-950) !important;
}

.dark-mode .dark-text-purple-950 {
  color: var(--purple-950) !important;
}

.text-yellow-50 {
  color: var(--yellow-50) !important;
}

.dark-mode .dark-text-yellow-50 {
  color: var(--yellow-50) !important;
}

.text-yellow-100 {
  color: var(--yellow-100) !important;
}

.dark-mode .dark-text-yellow-100 {
  color: var(--yellow-100) !important;
}

.text-yellow-200 {
  color: var(--yellow-200) !important;
}

.dark-mode .dark-text-yellow-200 {
  color: var(--yellow-200) !important;
}

.text-yellow-300 {
  color: var(--yellow-300) !important;
}

.dark-mode .dark-text-yellow-300 {
  color: var(--yellow-300) !important;
}

.text-yellow-400 {
  color: var(--yellow-400) !important;
}

.dark-mode .dark-text-yellow-400 {
  color: var(--yellow-400) !important;
}

.text-yellow-500 {
  color: var(--yellow-500) !important;
}

.dark-mode .dark-text-yellow-500 {
  color: var(--yellow-500) !important;
}

.text-yellow-600 {
  color: var(--yellow-600) !important;
}

.dark-mode .dark-text-yellow-600 {
  color: var(--yellow-600) !important;
}

.text-yellow-700 {
  color: var(--yellow-700) !important;
}

.dark-mode .dark-text-yellow-700 {
  color: var(--yellow-700) !important;
}

.text-yellow-800 {
  color: var(--yellow-800) !important;
}

.dark-mode .dark-text-yellow-800 {
  color: var(--yellow-800) !important;
}

.text-yellow-900 {
  color: var(--yellow-900) !important;
}

.dark-mode .dark-text-yellow-900 {
  color: var(--yellow-900) !important;
}

.text-yellow-950 {
  color: var(--yellow-950) !important;
}

.dark-mode .dark-text-yellow-950 {
  color: var(--yellow-950) !important;
}

.text-green-50 {
  color: var(--green-50) !important;
}

.dark-mode .dark-text-green-50 {
  color: var(--green-50) !important;
}

.text-green-100 {
  color: var(--green-100) !important;
}

.dark-mode .dark-text-green-100 {
  color: var(--green-100) !important;
}

.text-green-200 {
  color: var(--green-200) !important;
}

.dark-mode .dark-text-green-200 {
  color: var(--green-200) !important;
}

.text-green-300 {
  color: var(--green-300) !important;
}

.dark-mode .dark-text-green-300 {
  color: var(--green-300) !important;
}

.text-green-400 {
  color: var(--green-400) !important;
}

.dark-mode .dark-text-green-400 {
  color: var(--green-400) !important;
}

.text-green-500 {
  color: var(--green-500) !important;
}

.dark-mode .dark-text-green-500 {
  color: var(--green-500) !important;
}

.text-green-600 {
  color: var(--green-600) !important;
}

.dark-mode .dark-text-green-600 {
  color: var(--green-600) !important;
}

.text-green-700 {
  color: var(--green-700) !important;
}

.dark-mode .dark-text-green-700 {
  color: var(--green-700) !important;
}

.text-green-800 {
  color: var(--green-800) !important;
}

.dark-mode .dark-text-green-800 {
  color: var(--green-800) !important;
}

.text-green-900 {
  color: var(--green-900) !important;
}

.dark-mode .dark-text-green-900 {
  color: var(--green-900) !important;
}

.text-green-950 {
  color: var(--green-950) !important;
}

.dark-mode .dark-text-green-950 {
  color: var(--green-950) !important;
}

.text-forest-50 {
  color: var(--forest-50) !important;
}

.dark-mode .dark-text-forest-50 {
  color: var(--forest-50) !important;
}

.text-forest-100 {
  color: var(--forest-100) !important;
}

.dark-mode .dark-text-forest-100 {
  color: var(--forest-100) !important;
}

.text-forest-200 {
  color: var(--forest-200) !important;
}

.dark-mode .dark-text-forest-200 {
  color: var(--forest-200) !important;
}

.text-forest-300 {
  color: var(--forest-300) !important;
}

.dark-mode .dark-text-forest-300 {
  color: var(--forest-300) !important;
}

.text-forest-400 {
  color: var(--forest-400) !important;
}

.dark-mode .dark-text-forest-400 {
  color: var(--forest-400) !important;
}

.text-forest-500 {
  color: var(--forest-500) !important;
}

.dark-mode .dark-text-forest-500 {
  color: var(--forest-500) !important;
}

.text-forest-600 {
  color: var(--forest-600) !important;
}

.dark-mode .dark-text-forest-600 {
  color: var(--forest-600) !important;
}

.text-forest-700 {
  color: var(--forest-700) !important;
}

.dark-mode .dark-text-forest-700 {
  color: var(--forest-700) !important;
}

.text-forest-800 {
  color: var(--forest-800) !important;
}

.dark-mode .dark-text-forest-800 {
  color: var(--forest-800) !important;
}

.text-forest-900 {
  color: var(--forest-900) !important;
}

.dark-mode .dark-text-forest-900 {
  color: var(--forest-900) !important;
}

.text-forest-950 {
  color: var(--forest-950) !important;
}

.dark-mode .dark-text-forest-950 {
  color: var(--forest-950) !important;
}

.text-mint-50 {
  color: var(--mint-50) !important;
}

.dark-mode .dark-text-mint-50 {
  color: var(--mint-50) !important;
}

.text-mint-100 {
  color: var(--mint-100) !important;
}

.dark-mode .dark-text-mint-100 {
  color: var(--mint-100) !important;
}

.text-mint-200 {
  color: var(--mint-200) !important;
}

.dark-mode .dark-text-mint-200 {
  color: var(--mint-200) !important;
}

.text-mint-300 {
  color: var(--mint-300) !important;
}

.dark-mode .dark-text-mint-300 {
  color: var(--mint-300) !important;
}

.text-mint-400 {
  color: var(--mint-400) !important;
}

.dark-mode .dark-text-mint-400 {
  color: var(--mint-400) !important;
}

.text-mint-500 {
  color: var(--mint-500) !important;
}

.dark-mode .dark-text-mint-500 {
  color: var(--mint-500) !important;
}

.text-mint-600 {
  color: var(--mint-600) !important;
}

.dark-mode .dark-text-mint-600 {
  color: var(--mint-600) !important;
}

.text-mint-700 {
  color: var(--mint-700) !important;
}

.dark-mode .dark-text-mint-700 {
  color: var(--mint-700) !important;
}

.text-mint-800 {
  color: var(--mint-800) !important;
}

.dark-mode .dark-text-mint-800 {
  color: var(--mint-800) !important;
}

.text-mint-900 {
  color: var(--mint-900) !important;
}

.dark-mode .dark-text-mint-900 {
  color: var(--mint-900) !important;
}

.text-mint-950 {
  color: var(--mint-950) !important;
}

.dark-mode .dark-text-mint-950 {
  color: var(--mint-950) !important;
}

.text-cyan-50 {
  color: var(--cyan-50) !important;
}

.dark-mode .dark-text-cyan-50 {
  color: var(--cyan-50) !important;
}

.text-cyan-100 {
  color: var(--cyan-100) !important;
}

.dark-mode .dark-text-cyan-100 {
  color: var(--cyan-100) !important;
}

.text-cyan-200 {
  color: var(--cyan-200) !important;
}

.dark-mode .dark-text-cyan-200 {
  color: var(--cyan-200) !important;
}

.text-cyan-300 {
  color: var(--cyan-300) !important;
}

.dark-mode .dark-text-cyan-300 {
  color: var(--cyan-300) !important;
}

.text-cyan-400 {
  color: var(--cyan-400) !important;
}

.dark-mode .dark-text-cyan-400 {
  color: var(--cyan-400) !important;
}

.text-cyan-500 {
  color: var(--cyan-500) !important;
}

.dark-mode .dark-text-cyan-500 {
  color: var(--cyan-500) !important;
}

.text-cyan-600 {
  color: var(--cyan-600) !important;
}

.dark-mode .dark-text-cyan-600 {
  color: var(--cyan-600) !important;
}

.text-cyan-700 {
  color: var(--cyan-700) !important;
}

.dark-mode .dark-text-cyan-700 {
  color: var(--cyan-700) !important;
}

.text-cyan-800 {
  color: var(--cyan-800) !important;
}

.dark-mode .dark-text-cyan-800 {
  color: var(--cyan-800) !important;
}

.text-cyan-900 {
  color: var(--cyan-900) !important;
}

.dark-mode .dark-text-cyan-900 {
  color: var(--cyan-900) !important;
}

.text-cyan-950 {
  color: var(--cyan-950) !important;
}

.dark-mode .dark-text-cyan-950 {
  color: var(--cyan-950) !important;
}

.text-charcoal-50 {
  color: var(--charcoal-50) !important;
}

.dark-mode .dark-text-charcoal-50 {
  color: var(--charcoal-50) !important;
}

.text-charcoal-100 {
  color: var(--charcoal-100) !important;
}

.dark-mode .dark-text-charcoal-100 {
  color: var(--charcoal-100) !important;
}

.text-charcoal-200 {
  color: var(--charcoal-200) !important;
}

.dark-mode .dark-text-charcoal-200 {
  color: var(--charcoal-200) !important;
}

.text-charcoal-300 {
  color: var(--charcoal-300) !important;
}

.dark-mode .dark-text-charcoal-300 {
  color: var(--charcoal-300) !important;
}

.text-charcoal-400 {
  color: var(--charcoal-400) !important;
}

.dark-mode .dark-text-charcoal-400 {
  color: var(--charcoal-400) !important;
}

.text-charcoal-500 {
  color: var(--charcoal-500) !important;
}

.dark-mode .dark-text-charcoal-500 {
  color: var(--charcoal-500) !important;
}

.text-charcoal-600 {
  color: var(--charcoal-600) !important;
}

.dark-mode .dark-text-charcoal-600 {
  color: var(--charcoal-600) !important;
}

.text-charcoal-700 {
  color: var(--charcoal-700) !important;
}

.dark-mode .dark-text-charcoal-700 {
  color: var(--charcoal-700) !important;
}

.text-charcoal-800 {
  color: var(--charcoal-800) !important;
}

.dark-mode .dark-text-charcoal-800 {
  color: var(--charcoal-800) !important;
}

.text-charcoal-900 {
  color: var(--charcoal-900) !important;
}

.dark-mode .dark-text-charcoal-900 {
  color: var(--charcoal-900) !important;
}

.text-charcoal-950 {
  color: var(--charcoal-950) !important;
}

.dark-mode .dark-text-charcoal-950 {
  color: var(--charcoal-950) !important;
}

.text-gray-50 {
  color: var(--gray-50) !important;
}

.dark-mode .dark-text-gray-50 {
  color: var(--gray-50) !important;
}

.text-gray-100 {
  color: var(--gray-100) !important;
}

.dark-mode .dark-text-gray-100 {
  color: var(--gray-100) !important;
}

.text-gray-200 {
  color: var(--gray-200) !important;
}

.dark-mode .dark-text-gray-200 {
  color: var(--gray-200) !important;
}

.text-gray-300 {
  color: var(--gray-300) !important;
}

.dark-mode .dark-text-gray-300 {
  color: var(--gray-300) !important;
}

.text-gray-400 {
  color: var(--gray-400) !important;
}

.dark-mode .dark-text-gray-400 {
  color: var(--gray-400) !important;
}

.text-gray-500 {
  color: var(--gray-500) !important;
}

.dark-mode .dark-text-gray-500 {
  color: var(--gray-500) !important;
}

.text-gray-600 {
  color: var(--gray-600) !important;
}

.dark-mode .dark-text-gray-600 {
  color: var(--gray-600) !important;
}

.text-gray-700 {
  color: var(--gray-700) !important;
}

.dark-mode .dark-text-gray-700 {
  color: var(--gray-700) !important;
}

.text-gray-800 {
  color: var(--gray-800) !important;
}

.dark-mode .dark-text-gray-800 {
  color: var(--gray-800) !important;
}

.text-gray-900 {
  color: var(--gray-900) !important;
}

.dark-mode .dark-text-gray-900 {
  color: var(--gray-900) !important;
}

.text-gray-950 {
  color: var(--gray-950) !important;
}

.dark-mode .dark-text-gray-950 {
  color: var(--gray-950) !important;
}

.text-black-500 {
  color: var(--black-500) !important;
}

.dark-mode .dark-text-black-500 {
  color: var(--black-500) !important;
}

.text-white-500 {
  color: var(--white-500) !important;
}

.dark-mode .dark-text-white-500 {
  color: var(--white-500) !important;
}

/*bc*/
.bc-brand-50 {
  border-color: var(--brand-50) !important;
}

.dark-mode .dark-bc-brand-50 {
  border-color: var(--brand-50) !important;
}

.bc-brand-100 {
  border-color: var(--brand-100) !important;
}

.dark-mode .dark-bc-brand-100 {
  border-color: var(--brand-100) !important;
}

.bc-brand-200 {
  border-color: var(--brand-200) !important;
}

.dark-mode .dark-bc-brand-200 {
  border-color: var(--brand-200) !important;
}

.bc-brand-300 {
  border-color: var(--brand-300) !important;
}

.dark-mode .dark-bc-brand-300 {
  border-color: var(--brand-300) !important;
}

.bc-brand-400 {
  border-color: var(--brand-400) !important;
}

.dark-mode .dark-bc-brand-400 {
  border-color: var(--brand-400) !important;
}

.bc-brand-500 {
  border-color: var(--brand-500) !important;
}

.dark-mode .dark-bc-brand-500 {
  border-color: var(--brand-500) !important;
}

.bc-brand-600 {
  border-color: var(--brand-600) !important;
}

.dark-mode .dark-bc-brand-600 {
  border-color: var(--brand-600) !important;
}

.bc-brand-700 {
  border-color: var(--brand-700) !important;
}

.dark-mode .dark-bc-brand-700 {
  border-color: var(--brand-700) !important;
}

.bc-brand-800 {
  border-color: var(--brand-800) !important;
}

.dark-mode .dark-bc-brand-800 {
  border-color: var(--brand-800) !important;
}

.bc-brand-900 {
  border-color: var(--brand-900) !important;
}

.dark-mode .dark-bc-brand-900 {
  border-color: var(--brand-900) !important;
}

.bc-brand-950 {
  border-color: var(--brand-950) !important;
}

.dark-mode .dark-bc-brand-950 {
  border-color: var(--brand-950) !important;
}

.bc-blue-50 {
  border-color: var(--blue-50) !important;
}

.dark-mode .dark-bc-blue-50 {
  border-color: var(--blue-50) !important;
}

.bc-blue-100 {
  border-color: var(--blue-100) !important;
}

.dark-mode .dark-bc-blue-100 {
  border-color: var(--blue-100) !important;
}

.bc-blue-200 {
  border-color: var(--blue-200) !important;
}

.dark-mode .dark-bc-blue-200 {
  border-color: var(--blue-200) !important;
}

.bc-blue-300 {
  border-color: var(--blue-300) !important;
}

.dark-mode .dark-bc-blue-300 {
  border-color: var(--blue-300) !important;
}

.bc-blue-400 {
  border-color: var(--blue-400) !important;
}

.dark-mode .dark-bc-blue-400 {
  border-color: var(--blue-400) !important;
}

.bc-blue-500 {
  border-color: var(--blue-500) !important;
}

.dark-mode .dark-bc-blue-500 {
  border-color: var(--blue-500) !important;
}

.bc-blue-600 {
  border-color: var(--blue-600) !important;
}

.dark-mode .dark-bc-blue-600 {
  border-color: var(--blue-600) !important;
}

.bc-blue-700 {
  border-color: var(--blue-700) !important;
}

.dark-mode .dark-bc-blue-700 {
  border-color: var(--blue-700) !important;
}

.bc-blue-800 {
  border-color: var(--blue-800) !important;
}

.dark-mode .dark-bc-blue-800 {
  border-color: var(--blue-800) !important;
}

.bc-blue-900 {
  border-color: var(--blue-900) !important;
}

.dark-mode .dark-bc-blue-900 {
  border-color: var(--blue-900) !important;
}

.bc-blue-950 {
  border-color: var(--blue-950) !important;
}

.dark-mode .dark-bc-blue-950 {
  border-color: var(--blue-950) !important;
}

.bc-lavender-50 {
  border-color: var(--lavender-50) !important;
}

.dark-mode .dark-bc-lavender-50 {
  border-color: var(--lavender-50) !important;
}

.bc-lavender-100 {
  border-color: var(--lavender-100) !important;
}

.dark-mode .dark-bc-lavender-100 {
  border-color: var(--lavender-100) !important;
}

.bc-lavender-200 {
  border-color: var(--lavender-200) !important;
}

.dark-mode .dark-bc-lavender-200 {
  border-color: var(--lavender-200) !important;
}

.bc-lavender-300 {
  border-color: var(--lavender-300) !important;
}

.dark-mode .dark-bc-lavender-300 {
  border-color: var(--lavender-300) !important;
}

.bc-lavender-400 {
  border-color: var(--lavender-400) !important;
}

.dark-mode .dark-bc-lavender-400 {
  border-color: var(--lavender-400) !important;
}

.bc-lavender-500 {
  border-color: var(--lavender-500) !important;
}

.dark-mode .dark-bc-lavender-500 {
  border-color: var(--lavender-500) !important;
}

.bc-lavender-600 {
  border-color: var(--lavender-600) !important;
}

.dark-mode .dark-bc-lavender-600 {
  border-color: var(--lavender-600) !important;
}

.bc-lavender-700 {
  border-color: var(--lavender-700) !important;
}

.dark-mode .dark-bc-lavender-700 {
  border-color: var(--lavender-700) !important;
}

.bc-lavender-800 {
  border-color: var(--lavender-800) !important;
}

.dark-mode .dark-bc-lavender-800 {
  border-color: var(--lavender-800) !important;
}

.bc-lavender-900 {
  border-color: var(--lavender-900) !important;
}

.dark-mode .dark-bc-lavender-900 {
  border-color: var(--lavender-900) !important;
}

.bc-lavender-950 {
  border-color: var(--lavender-950) !important;
}

.dark-mode .dark-bc-lavender-950 {
  border-color: var(--lavender-950) !important;
}

.bc-red-50 {
  border-color: var(--red-50) !important;
}

.dark-mode .dark-bc-red-50 {
  border-color: var(--red-50) !important;
}

.bc-red-100 {
  border-color: var(--red-100) !important;
}

.dark-mode .dark-bc-red-100 {
  border-color: var(--red-100) !important;
}

.bc-red-200 {
  border-color: var(--red-200) !important;
}

.dark-mode .dark-bc-red-200 {
  border-color: var(--red-200) !important;
}

.bc-red-300 {
  border-color: var(--red-300) !important;
}

.dark-mode .dark-bc-red-300 {
  border-color: var(--red-300) !important;
}

.bc-red-400 {
  border-color: var(--red-400) !important;
}

.dark-mode .dark-bc-red-400 {
  border-color: var(--red-400) !important;
}

.bc-red-500 {
  border-color: var(--red-500) !important;
}

.dark-mode .dark-bc-red-500 {
  border-color: var(--red-500) !important;
}

.bc-red-600 {
  border-color: var(--red-600) !important;
}

.dark-mode .dark-bc-red-600 {
  border-color: var(--red-600) !important;
}

.bc-red-700 {
  border-color: var(--red-700) !important;
}

.dark-mode .dark-bc-red-700 {
  border-color: var(--red-700) !important;
}

.bc-red-800 {
  border-color: var(--red-800) !important;
}

.dark-mode .dark-bc-red-800 {
  border-color: var(--red-800) !important;
}

.bc-red-900 {
  border-color: var(--red-900) !important;
}

.dark-mode .dark-bc-red-900 {
  border-color: var(--red-900) !important;
}

.bc-red-950 {
  border-color: var(--red-950) !important;
}

.dark-mode .dark-bc-red-950 {
  border-color: var(--red-950) !important;
}

.bc-orange-50 {
  border-color: var(--orange-50) !important;
}

.dark-mode .dark-bc-orange-50 {
  border-color: var(--orange-50) !important;
}

.bc-orange-100 {
  border-color: var(--orange-100) !important;
}

.dark-mode .dark-bc-orange-100 {
  border-color: var(--orange-100) !important;
}

.bc-orange-200 {
  border-color: var(--orange-200) !important;
}

.dark-mode .dark-bc-orange-200 {
  border-color: var(--orange-200) !important;
}

.bc-orange-300 {
  border-color: var(--orange-300) !important;
}

.dark-mode .dark-bc-orange-300 {
  border-color: var(--orange-300) !important;
}

.bc-orange-400 {
  border-color: var(--orange-400) !important;
}

.dark-mode .dark-bc-orange-400 {
  border-color: var(--orange-400) !important;
}

.bc-orange-500 {
  border-color: var(--orange-500) !important;
}

.dark-mode .dark-bc-orange-500 {
  border-color: var(--orange-500) !important;
}

.bc-orange-600 {
  border-color: var(--orange-600) !important;
}

.dark-mode .dark-bc-orange-600 {
  border-color: var(--orange-600) !important;
}

.bc-orange-700 {
  border-color: var(--orange-700) !important;
}

.dark-mode .dark-bc-orange-700 {
  border-color: var(--orange-700) !important;
}

.bc-orange-800 {
  border-color: var(--orange-800) !important;
}

.dark-mode .dark-bc-orange-800 {
  border-color: var(--orange-800) !important;
}

.bc-orange-900 {
  border-color: var(--orange-900) !important;
}

.dark-mode .dark-bc-orange-900 {
  border-color: var(--orange-900) !important;
}

.bc-orange-950 {
  border-color: var(--orange-950) !important;
}

.dark-mode .dark-bc-orange-950 {
  border-color: var(--orange-950) !important;
}

.bc-lime-50 {
  border-color: var(--lime-50) !important;
}

.dark-mode .dark-bc-lime-50 {
  border-color: var(--lime-50) !important;
}

.bc-lime-100 {
  border-color: var(--lime-100) !important;
}

.dark-mode .dark-bc-lime-100 {
  border-color: var(--lime-100) !important;
}

.bc-lime-200 {
  border-color: var(--lime-200) !important;
}

.dark-mode .dark-bc-lime-200 {
  border-color: var(--lime-200) !important;
}

.bc-lime-300 {
  border-color: var(--lime-300) !important;
}

.dark-mode .dark-bc-lime-300 {
  border-color: var(--lime-300) !important;
}

.bc-lime-400 {
  border-color: var(--lime-400) !important;
}

.dark-mode .dark-bc-lime-400 {
  border-color: var(--lime-400) !important;
}

.bc-lime-500 {
  border-color: var(--lime-500) !important;
}

.dark-mode .dark-bc-lime-500 {
  border-color: var(--lime-500) !important;
}

.bc-lime-600 {
  border-color: var(--lime-600) !important;
}

.dark-mode .dark-bc-lime-600 {
  border-color: var(--lime-600) !important;
}

.bc-lime-700 {
  border-color: var(--lime-700) !important;
}

.dark-mode .dark-bc-lime-700 {
  border-color: var(--lime-700) !important;
}

.bc-lime-800 {
  border-color: var(--lime-800) !important;
}

.dark-mode .dark-bc-lime-800 {
  border-color: var(--lime-800) !important;
}

.bc-lime-900 {
  border-color: var(--lime-900) !important;
}

.dark-mode .dark-bc-lime-900 {
  border-color: var(--lime-900) !important;
}

.bc-lime-950 {
  border-color: var(--lime-950) !important;
}

.dark-mode .dark-bc-lime-950 {
  border-color: var(--lime-950) !important;
}

.bc-navy-50 {
  border-color: var(--navy-50) !important;
}

.dark-mode .dark-bc-navy-50 {
  border-color: var(--navy-50) !important;
}

.bc-navy-100 {
  border-color: var(--navy-100) !important;
}

.dark-mode .dark-bc-navy-100 {
  border-color: var(--navy-100) !important;
}

.bc-navy-200 {
  border-color: var(--navy-200) !important;
}

.dark-mode .dark-bc-navy-200 {
  border-color: var(--navy-200) !important;
}

.bc-navy-300 {
  border-color: var(--navy-300) !important;
}

.dark-mode .dark-bc-navy-300 {
  border-color: var(--navy-300) !important;
}

.bc-navy-400 {
  border-color: var(--navy-400) !important;
}

.dark-mode .dark-bc-navy-400 {
  border-color: var(--navy-400) !important;
}

.bc-navy-500 {
  border-color: var(--navy-500) !important;
}

.dark-mode .dark-bc-navy-500 {
  border-color: var(--navy-500) !important;
}

.bc-navy-600 {
  border-color: var(--navy-600) !important;
}

.dark-mode .dark-bc-navy-600 {
  border-color: var(--navy-600) !important;
}

.bc-navy-700 {
  border-color: var(--navy-700) !important;
}

.dark-mode .dark-bc-navy-700 {
  border-color: var(--navy-700) !important;
}

.bc-navy-800 {
  border-color: var(--navy-800) !important;
}

.dark-mode .dark-bc-navy-800 {
  border-color: var(--navy-800) !important;
}

.bc-navy-900 {
  border-color: var(--navy-900) !important;
}

.dark-mode .dark-bc-navy-900 {
  border-color: var(--navy-900) !important;
}

.bc-navy-950 {
  border-color: var(--navy-950) !important;
}

.dark-mode .dark-bc-navy-950 {
  border-color: var(--navy-950) !important;
}

.bc-indigo-50 {
  border-color: var(--indigo-50) !important;
}

.dark-mode .dark-bc-indigo-50 {
  border-color: var(--indigo-50) !important;
}

.bc-indigo-100 {
  border-color: var(--indigo-100) !important;
}

.dark-mode .dark-bc-indigo-100 {
  border-color: var(--indigo-100) !important;
}

.bc-indigo-200 {
  border-color: var(--indigo-200) !important;
}

.dark-mode .dark-bc-indigo-200 {
  border-color: var(--indigo-200) !important;
}

.bc-indigo-300 {
  border-color: var(--indigo-300) !important;
}

.dark-mode .dark-bc-indigo-300 {
  border-color: var(--indigo-300) !important;
}

.bc-indigo-400 {
  border-color: var(--indigo-400) !important;
}

.dark-mode .dark-bc-indigo-400 {
  border-color: var(--indigo-400) !important;
}

.bc-indigo-500 {
  border-color: var(--indigo-500) !important;
}

.dark-mode .dark-bc-indigo-500 {
  border-color: var(--indigo-500) !important;
}

.bc-indigo-600 {
  border-color: var(--indigo-600) !important;
}

.dark-mode .dark-bc-indigo-600 {
  border-color: var(--indigo-600) !important;
}

.bc-indigo-700 {
  border-color: var(--indigo-700) !important;
}

.dark-mode .dark-bc-indigo-700 {
  border-color: var(--indigo-700) !important;
}

.bc-indigo-800 {
  border-color: var(--indigo-800) !important;
}

.dark-mode .dark-bc-indigo-800 {
  border-color: var(--indigo-800) !important;
}

.bc-indigo-900 {
  border-color: var(--indigo-900) !important;
}

.dark-mode .dark-bc-indigo-900 {
  border-color: var(--indigo-900) !important;
}

.bc-indigo-950 {
  border-color: var(--indigo-950) !important;
}

.dark-mode .dark-bc-indigo-950 {
  border-color: var(--indigo-950) !important;
}

.bc-purple-50 {
  border-color: var(--purple-50) !important;
}

.dark-mode .dark-bc-purple-50 {
  border-color: var(--purple-50) !important;
}

.bc-purple-100 {
  border-color: var(--purple-100) !important;
}

.dark-mode .dark-bc-purple-100 {
  border-color: var(--purple-100) !important;
}

.bc-purple-200 {
  border-color: var(--purple-200) !important;
}

.dark-mode .dark-bc-purple-200 {
  border-color: var(--purple-200) !important;
}

.bc-purple-300 {
  border-color: var(--purple-300) !important;
}

.dark-mode .dark-bc-purple-300 {
  border-color: var(--purple-300) !important;
}

.bc-purple-400 {
  border-color: var(--purple-400) !important;
}

.dark-mode .dark-bc-purple-400 {
  border-color: var(--purple-400) !important;
}

.bc-purple-500 {
  border-color: var(--purple-500) !important;
}

.dark-mode .dark-bc-purple-500 {
  border-color: var(--purple-500) !important;
}

.bc-purple-600 {
  border-color: var(--purple-600) !important;
}

.dark-mode .dark-bc-purple-600 {
  border-color: var(--purple-600) !important;
}

.bc-purple-700 {
  border-color: var(--purple-700) !important;
}

.dark-mode .dark-bc-purple-700 {
  border-color: var(--purple-700) !important;
}

.bc-purple-800 {
  border-color: var(--purple-800) !important;
}

.dark-mode .dark-bc-purple-800 {
  border-color: var(--purple-800) !important;
}

.bc-purple-900 {
  border-color: var(--purple-900) !important;
}

.dark-mode .dark-bc-purple-900 {
  border-color: var(--purple-900) !important;
}

.bc-purple-950 {
  border-color: var(--purple-950) !important;
}

.dark-mode .dark-bc-purple-950 {
  border-color: var(--purple-950) !important;
}

.bc-yellow-50 {
  border-color: var(--yellow-50) !important;
}

.dark-mode .dark-bc-yellow-50 {
  border-color: var(--yellow-50) !important;
}

.bc-yellow-100 {
  border-color: var(--yellow-100) !important;
}

.dark-mode .dark-bc-yellow-100 {
  border-color: var(--yellow-100) !important;
}

.bc-yellow-200 {
  border-color: var(--yellow-200) !important;
}

.dark-mode .dark-bc-yellow-200 {
  border-color: var(--yellow-200) !important;
}

.bc-yellow-300 {
  border-color: var(--yellow-300) !important;
}

.dark-mode .dark-bc-yellow-300 {
  border-color: var(--yellow-300) !important;
}

.bc-yellow-400 {
  border-color: var(--yellow-400) !important;
}

.dark-mode .dark-bc-yellow-400 {
  border-color: var(--yellow-400) !important;
}

.bc-yellow-500 {
  border-color: var(--yellow-500) !important;
}

.dark-mode .dark-bc-yellow-500 {
  border-color: var(--yellow-500) !important;
}

.bc-yellow-600 {
  border-color: var(--yellow-600) !important;
}

.dark-mode .dark-bc-yellow-600 {
  border-color: var(--yellow-600) !important;
}

.bc-yellow-700 {
  border-color: var(--yellow-700) !important;
}

.dark-mode .dark-bc-yellow-700 {
  border-color: var(--yellow-700) !important;
}

.bc-yellow-800 {
  border-color: var(--yellow-800) !important;
}

.dark-mode .dark-bc-yellow-800 {
  border-color: var(--yellow-800) !important;
}

.bc-yellow-900 {
  border-color: var(--yellow-900) !important;
}

.dark-mode .dark-bc-yellow-900 {
  border-color: var(--yellow-900) !important;
}

.bc-yellow-950 {
  border-color: var(--yellow-950) !important;
}

.dark-mode .dark-bc-yellow-950 {
  border-color: var(--yellow-950) !important;
}

.bc-green-50 {
  border-color: var(--green-50) !important;
}

.dark-mode .dark-bc-green-50 {
  border-color: var(--green-50) !important;
}

.bc-green-100 {
  border-color: var(--green-100) !important;
}

.dark-mode .dark-bc-green-100 {
  border-color: var(--green-100) !important;
}

.bc-green-200 {
  border-color: var(--green-200) !important;
}

.dark-mode .dark-bc-green-200 {
  border-color: var(--green-200) !important;
}

.bc-green-300 {
  border-color: var(--green-300) !important;
}

.dark-mode .dark-bc-green-300 {
  border-color: var(--green-300) !important;
}

.bc-green-400 {
  border-color: var(--green-400) !important;
}

.dark-mode .dark-bc-green-400 {
  border-color: var(--green-400) !important;
}

.bc-green-500 {
  border-color: var(--green-500) !important;
}

.dark-mode .dark-bc-green-500 {
  border-color: var(--green-500) !important;
}

.bc-green-600 {
  border-color: var(--green-600) !important;
}

.dark-mode .dark-bc-green-600 {
  border-color: var(--green-600) !important;
}

.bc-green-700 {
  border-color: var(--green-700) !important;
}

.dark-mode .dark-bc-green-700 {
  border-color: var(--green-700) !important;
}

.bc-green-800 {
  border-color: var(--green-800) !important;
}

.dark-mode .dark-bc-green-800 {
  border-color: var(--green-800) !important;
}

.bc-green-900 {
  border-color: var(--green-900) !important;
}

.dark-mode .dark-bc-green-900 {
  border-color: var(--green-900) !important;
}

.bc-green-950 {
  border-color: var(--green-950) !important;
}

.dark-mode .dark-bc-green-950 {
  border-color: var(--green-950) !important;
}

.bc-forest-50 {
  border-color: var(--forest-50) !important;
}

.dark-mode .dark-bc-forest-50 {
  border-color: var(--forest-50) !important;
}

.bc-forest-100 {
  border-color: var(--forest-100) !important;
}

.dark-mode .dark-bc-forest-100 {
  border-color: var(--forest-100) !important;
}

.bc-forest-200 {
  border-color: var(--forest-200) !important;
}

.dark-mode .dark-bc-forest-200 {
  border-color: var(--forest-200) !important;
}

.bc-forest-300 {
  border-color: var(--forest-300) !important;
}

.dark-mode .dark-bc-forest-300 {
  border-color: var(--forest-300) !important;
}

.bc-forest-400 {
  border-color: var(--forest-400) !important;
}

.dark-mode .dark-bc-forest-400 {
  border-color: var(--forest-400) !important;
}

.bc-forest-500 {
  border-color: var(--forest-500) !important;
}

.dark-mode .dark-bc-forest-500 {
  border-color: var(--forest-500) !important;
}

.bc-forest-600 {
  border-color: var(--forest-600) !important;
}

.dark-mode .dark-bc-forest-600 {
  border-color: var(--forest-600) !important;
}

.bc-forest-700 {
  border-color: var(--forest-700) !important;
}

.dark-mode .dark-bc-forest-700 {
  border-color: var(--forest-700) !important;
}

.bc-forest-800 {
  border-color: var(--forest-800) !important;
}

.dark-mode .dark-bc-forest-800 {
  border-color: var(--forest-800) !important;
}

.bc-forest-900 {
  border-color: var(--forest-900) !important;
}

.dark-mode .dark-bc-forest-900 {
  border-color: var(--forest-900) !important;
}

.bc-forest-950 {
  border-color: var(--forest-950) !important;
}

.dark-mode .dark-bc-forest-950 {
  border-color: var(--forest-950) !important;
}

.bc-mint-50 {
  border-color: var(--mint-50) !important;
}

.dark-mode .dark-bc-mint-50 {
  border-color: var(--mint-50) !important;
}

.bc-mint-100 {
  border-color: var(--mint-100) !important;
}

.dark-mode .dark-bc-mint-100 {
  border-color: var(--mint-100) !important;
}

.bc-mint-200 {
  border-color: var(--mint-200) !important;
}

.dark-mode .dark-bc-mint-200 {
  border-color: var(--mint-200) !important;
}

.bc-mint-300 {
  border-color: var(--mint-300) !important;
}

.dark-mode .dark-bc-mint-300 {
  border-color: var(--mint-300) !important;
}

.bc-mint-400 {
  border-color: var(--mint-400) !important;
}

.dark-mode .dark-bc-mint-400 {
  border-color: var(--mint-400) !important;
}

.bc-mint-500 {
  border-color: var(--mint-500) !important;
}

.dark-mode .dark-bc-mint-500 {
  border-color: var(--mint-500) !important;
}

.bc-mint-600 {
  border-color: var(--mint-600) !important;
}

.dark-mode .dark-bc-mint-600 {
  border-color: var(--mint-600) !important;
}

.bc-mint-700 {
  border-color: var(--mint-700) !important;
}

.dark-mode .dark-bc-mint-700 {
  border-color: var(--mint-700) !important;
}

.bc-mint-800 {
  border-color: var(--mint-800) !important;
}

.dark-mode .dark-bc-mint-800 {
  border-color: var(--mint-800) !important;
}

.bc-mint-900 {
  border-color: var(--mint-900) !important;
}

.dark-mode .dark-bc-mint-900 {
  border-color: var(--mint-900) !important;
}

.bc-mint-950 {
  border-color: var(--mint-950) !important;
}

.dark-mode .dark-bc-mint-950 {
  border-color: var(--mint-950) !important;
}

.bc-cyan-50 {
  border-color: var(--cyan-50) !important;
}

.dark-mode .dark-bc-cyan-50 {
  border-color: var(--cyan-50) !important;
}

.bc-cyan-100 {
  border-color: var(--cyan-100) !important;
}

.dark-mode .dark-bc-cyan-100 {
  border-color: var(--cyan-100) !important;
}

.bc-cyan-200 {
  border-color: var(--cyan-200) !important;
}

.dark-mode .dark-bc-cyan-200 {
  border-color: var(--cyan-200) !important;
}

.bc-cyan-300 {
  border-color: var(--cyan-300) !important;
}

.dark-mode .dark-bc-cyan-300 {
  border-color: var(--cyan-300) !important;
}

.bc-cyan-400 {
  border-color: var(--cyan-400) !important;
}

.dark-mode .dark-bc-cyan-400 {
  border-color: var(--cyan-400) !important;
}

.bc-cyan-500 {
  border-color: var(--cyan-500) !important;
}

.dark-mode .dark-bc-cyan-500 {
  border-color: var(--cyan-500) !important;
}

.bc-cyan-600 {
  border-color: var(--cyan-600) !important;
}

.dark-mode .dark-bc-cyan-600 {
  border-color: var(--cyan-600) !important;
}

.bc-cyan-700 {
  border-color: var(--cyan-700) !important;
}

.dark-mode .dark-bc-cyan-700 {
  border-color: var(--cyan-700) !important;
}

.bc-cyan-800 {
  border-color: var(--cyan-800) !important;
}

.dark-mode .dark-bc-cyan-800 {
  border-color: var(--cyan-800) !important;
}

.bc-cyan-900 {
  border-color: var(--cyan-900) !important;
}

.dark-mode .dark-bc-cyan-900 {
  border-color: var(--cyan-900) !important;
}

.bc-cyan-950 {
  border-color: var(--cyan-950) !important;
}

.dark-mode .dark-bc-cyan-950 {
  border-color: var(--cyan-950) !important;
}

.bc-charcoal-50 {
  border-color: var(--charcoal-50) !important;
}

.dark-mode .dark-bc-charcoal-50 {
  border-color: var(--charcoal-50) !important;
}

.bc-charcoal-100 {
  border-color: var(--charcoal-100) !important;
}

.dark-mode .dark-bc-charcoal-100 {
  border-color: var(--charcoal-100) !important;
}

.bc-charcoal-200 {
  border-color: var(--charcoal-200) !important;
}

.dark-mode .dark-bc-charcoal-200 {
  border-color: var(--charcoal-200) !important;
}

.bc-charcoal-300 {
  border-color: var(--charcoal-300) !important;
}

.dark-mode .dark-bc-charcoal-300 {
  border-color: var(--charcoal-300) !important;
}

.bc-charcoal-400 {
  border-color: var(--charcoal-400) !important;
}

.dark-mode .dark-bc-charcoal-400 {
  border-color: var(--charcoal-400) !important;
}

.bc-charcoal-500 {
  border-color: var(--charcoal-500) !important;
}

.dark-mode .dark-bc-charcoal-500 {
  border-color: var(--charcoal-500) !important;
}

.bc-charcoal-600 {
  border-color: var(--charcoal-600) !important;
}

.dark-mode .dark-bc-charcoal-600 {
  border-color: var(--charcoal-600) !important;
}

.bc-charcoal-700 {
  border-color: var(--charcoal-700) !important;
}

.dark-mode .dark-bc-charcoal-700 {
  border-color: var(--charcoal-700) !important;
}

.bc-charcoal-800 {
  border-color: var(--charcoal-800) !important;
}

.dark-mode .dark-bc-charcoal-800 {
  border-color: var(--charcoal-800) !important;
}

.bc-charcoal-900 {
  border-color: var(--charcoal-900) !important;
}

.dark-mode .dark-bc-charcoal-900 {
  border-color: var(--charcoal-900) !important;
}

.bc-charcoal-950 {
  border-color: var(--charcoal-950) !important;
}

.dark-mode .dark-bc-charcoal-950 {
  border-color: var(--charcoal-950) !important;
}

.bc-gray-50 {
  border-color: var(--gray-50) !important;
}

.dark-mode .dark-bc-gray-50 {
  border-color: var(--gray-50) !important;
}

.bc-gray-100 {
  border-color: var(--gray-100) !important;
}

.dark-mode .dark-bc-gray-100 {
  border-color: var(--gray-100) !important;
}

.bc-gray-200 {
  border-color: var(--gray-200) !important;
}

.dark-mode .dark-bc-gray-200 {
  border-color: var(--gray-200) !important;
}

.bc-gray-300 {
  border-color: var(--gray-300) !important;
}

.dark-mode .dark-bc-gray-300 {
  border-color: var(--gray-300) !important;
}

.bc-gray-400 {
  border-color: var(--gray-400) !important;
}

.dark-mode .dark-bc-gray-400 {
  border-color: var(--gray-400) !important;
}

.bc-gray-500 {
  border-color: var(--gray-500) !important;
}

.dark-mode .dark-bc-gray-500 {
  border-color: var(--gray-500) !important;
}

.bc-gray-600 {
  border-color: var(--gray-600) !important;
}

.dark-mode .dark-bc-gray-600 {
  border-color: var(--gray-600) !important;
}

.bc-gray-700 {
  border-color: var(--gray-700) !important;
}

.dark-mode .dark-bc-gray-700 {
  border-color: var(--gray-700) !important;
}

.bc-gray-800 {
  border-color: var(--gray-800) !important;
}

.dark-mode .dark-bc-gray-800 {
  border-color: var(--gray-800) !important;
}

.bc-gray-900 {
  border-color: var(--gray-900) !important;
}

.dark-mode .dark-bc-gray-900 {
  border-color: var(--gray-900) !important;
}

.bc-gray-950 {
  border-color: var(--gray-950) !important;
}

.dark-mode .dark-bc-gray-950 {
  border-color: var(--gray-950) !important;
}

.bc-black-500 {
  border-color: var(--black-500) !important;
}

.dark-mode .dark-bc-black-500 {
  border-color: var(--black-500) !important;
}

.bc-white-500 {
  border-color: var(--white-500) !important;
}

.dark-mode .dark-bc-white-500 {
  border-color: var(--white-500) !important;
}

/*brand 0, 122, 255*/
.bc-brand-5per {
  border-color: var(--brand-t-5per) !important;
}

.dark-mode .dark-bc-brand-5per {
  border-color: var(--brand-t-5per) !important;
}

.bc-brand-10per {
  border-color: var(--brand-t-10per) !important;
}

.dark-mode .dark-bc-brand-10per {
  border-color: var(--brand-t-10per) !important;
}

.bc-brand-15per {
  border-color: var(--brand-t-15per) !important;
}

.dark-mode .dark-bc-brand-15per {
  border-color: var(--brand-t-15per) !important;
}

.bc-brand-20per {
  border-color: var(--brand-t-20per) !important;
}

.dark-mode .dark-bc-brand-20per {
  border-color: var(--brand-t-20per) !important;
}

.bc-brand-25per {
  border-color: var(--brand-t-25per) !important;
}

.dark-mode .dark-bc-brand-25per {
  border-color: var(--brand-t-25per) !important;
}

.bc-brand-30per {
  border-color: var(--brand-t-30per) !important;
}

.dark-mode .dark-bc-brand-30per {
  border-color: var(--brand-t-30per) !important;
}

.bc-brand-35per {
  border-color: var(--brand-t-35per) !important;
}

.dark-mode .dark-bc-brand-35per {
  border-color: var(--brand-t-35per) !important;
}

.bc-brand-40per {
  border-color: var(--brand-t-40per) !important;
}

.dark-mode .dark-bc-brand-40per {
  border-color: var(--brand-t-40per) !important;
}

.bc-brand-45per {
  border-color: var(--brand-t-45per) !important;
}

.dark-mode .dark-bc-brand-45per {
  border-color: var(--brand-t-45per) !important;
}

.bc-brand-50per {
  border-color: var(--brand-t-50per) !important;
}

.dark-mode .dark-bc-brand-50per {
  border-color: var(--brand-t-50per) !important;
}

.bc-brand-55per {
  border-color: var(--brand-t-55per) !important;
}

.dark-mode .dark-bc-brand-55per {
  border-color: var(--brand-t-55per) !important;
}

/*blue 0, 122, 255*/
.bc-blue-5per {
  border-color: var(--blue-t-5per) !important;
}

.dark-mode .dark-bc-blue-5per {
  border-color: var(--blue-t-5per) !important;
}

.bc-blue-10per {
  border-color: var(--blue-t-10per) !important;
}

.dark-mode .dark-bc-blue-10per {
  border-color: var(--blue-t-10per) !important;
}

.bc-blue-15per {
  border-color: var(--blue-t-15per) !important;
}

.dark-mode .dark-bc-blue-15per {
  border-color: var(--blue-t-15per) !important;
}

.bc-blue-20per {
  border-color: var(--blue-t-20per) !important;
}

.dark-mode .dark-bc-blue-20per {
  border-color: var(--blue-t-20per) !important;
}

.bc-blue-25per {
  border-color: var(--blue-t-25per) !important;
}

.dark-mode .dark-bc-blue-25per {
  border-color: var(--blue-t-25per) !important;
}

.bc-blue-30per {
  border-color: var(--blue-t-30per) !important;
}

.dark-mode .dark-bc-blue-30per {
  border-color: var(--blue-t-30per) !important;
}

.bc-blue-35per {
  border-color: var(--blue-t-35per) !important;
}

.dark-mode .dark-bc-blue-35per {
  border-color: var(--blue-t-35per) !important;
}

.bc-blue-40per {
  border-color: var(--blue-t-40per) !important;
}

.dark-mode .dark-bc-blue-40per {
  border-color: var(--blue-t-40per) !important;
}

.bc-blue-45per {
  border-color: var(--blue-t-45per) !important;
}

.dark-mode .dark-bc-blue-45per {
  border-color: var(--blue-t-45per) !important;
}

.bc-blue-50per {
  border-color: var(--blue-t-50per) !important;
}

.dark-mode .dark-bc-blue-50per {
  border-color: var(--blue-t-50per) !important;
}

.bc-blue-55per {
  border-color: var(--blue-t-55per) !important;
}

.dark-mode .dark-bc-blue-55per {
  border-color: var(--blue-t-55per) !important;
}

/*lavender 119, 99, 255*/
.bc-lavender-5per {
  border-color: var(--lavender-t-5per) !important;
}

.dark-mode .dark-bc-lavender-5per {
  border-color: var(--lavender-t-5per) !important;
}

.bc-lavender-10per {
  border-color: var(--lavender-t-10per) !important;
}

.dark-mode .dark-bc-lavender-10per {
  border-color: var(--lavender-t-10per) !important;
}

.bc-lavender-15per {
  border-color: var(--lavender-t-15per) !important;
}

.dark-mode .dark-bc-lavender-15per {
  border-color: var(--lavender-t-15per) !important;
}

.bc-lavender-20per {
  border-color: var(--lavender-t-20per) !important;
}

.dark-mode .dark-bc-lavender-20per {
  border-color: var(--lavender-t-20per) !important;
}

.bc-lavender-25per {
  border-color: var(--lavender-t-25per) !important;
}

.dark-mode .dark-bc-lavender-25per {
  border-color: var(--lavender-t-25per) !important;
}

.bc-lavender-30per {
  border-color: var(--lavender-t-30per) !important;
}

.dark-mode .dark-bc-lavender-30per {
  border-color: var(--lavender-t-30per) !important;
}

.bc-lavender-35per {
  border-color: var(--lavender-t-35per) !important;
}

.dark-mode .dark-bc-lavender-35per {
  border-color: var(--lavender-t-35per) !important;
}

.bc-lavender-40per {
  border-color: var(--lavender-t-40per) !important;
}

.dark-mode .dark-bc-lavender-40per {
  border-color: var(--lavender-t-40per) !important;
}

.bc-lavender-45per {
  border-color: var(--lavender-t-45per) !important;
}

.dark-mode .dark-bc-lavender-45per {
  border-color: var(--lavender-t-45per) !important;
}

.bc-lavender-50per {
  border-color: var(--lavender-t-50per) !important;
}

.dark-mode .dark-bc-lavender-50per {
  border-color: var(--lavender-t-50per) !important;
}

.bc-lavender-55per {
  border-color: var(--lavender-t-55per) !important;
}

.dark-mode .dark-bc-lavender-55per {
  border-color: var(--lavender-t-55per) !important;
}

/*red 255, 59, 48*/
.bc-red-5per {
  border-color: var(--red-t-5per) !important;
}

.dark-mode .dark-bc-red-5per {
  border-color: var(--red-t-5per) !important;
}

.bc-red-10per {
  border-color: var(--red-t-10per) !important;
}

.dark-mode .dark-bc-red-10per {
  border-color: var(--red-t-10per) !important;
}

.bc-red-15per {
  border-color: var(--red-t-15per) !important;
}

.dark-mode .dark-bc-red-15per {
  border-color: var(--red-t-15per) !important;
}

.bc-red-20per {
  border-color: var(--red-t-20per) !important;
}

.dark-mode .dark-bc-red-20per {
  border-color: var(--red-t-20per) !important;
}

.bc-red-25per {
  border-color: var(--red-t-25per) !important;
}

.dark-mode .dark-bc-red-25per {
  border-color: var(--red-t-25per) !important;
}

.bc-red-30per {
  border-color: var(--red-t-30per) !important;
}

.dark-mode .dark-bc-red-30per {
  border-color: var(--red-t-30per) !important;
}

.bc-red-35per {
  border-color: var(--red-t-35per) !important;
}

.dark-mode .dark-bc-red-35per {
  border-color: var(--red-t-35per) !important;
}

.bc-red-40per {
  border-color: var(--red-t-40per) !important;
}

.dark-mode .dark-bc-red-40per {
  border-color: var(--red-t-40per) !important;
}

.bc-red-45per {
  border-color: var(--red-t-45per) !important;
}

.dark-mode .dark-bc-red-45per {
  border-color: var(--red-t-45per) !important;
}

.bc-red-50per {
  border-color: var(--red-t-50per) !important;
}

.dark-mode .dark-bc-red-50per {
  border-color: var(--red-t-50per) !important;
}

.bc-red-55per {
  border-color: var(--red-t-55per) !important;
}

.dark-mode .dark-bc-red-55per {
  border-color: var(--red-t-55per) !important;
}

/*orange 255, 149, 0*/
.bc-orange-5per {
  border-color: var(--orange-t-5per) !important;
}

.dark-mode .dark-bc-orange-5per {
  border-color: var(--orange-t-5per) !important;
}

.bc-orange-10per {
  border-color: var(--orange-t-10per) !important;
}

.dark-mode .dark-bc-orange-10per {
  border-color: var(--orange-t-10per) !important;
}

.bc-orange-15per {
  border-color: var(--orange-t-15per) !important;
}

.dark-mode .dark-bc-orange-15per {
  border-color: var(--orange-t-15per) !important;
}

.bc-orange-20per {
  border-color: var(--orange-t-20per) !important;
}

.dark-mode .dark-bc-orange-20per {
  border-color: var(--orange-t-20per) !important;
}

.bc-orange-25per {
  border-color: var(--orange-t-25per) !important;
}

.dark-mode .dark-bc-orange-25per {
  border-color: var(--orange-t-25per) !important;
}

.bc-orange-30per {
  border-color: var(--orange-t-30per) !important;
}

.dark-mode .dark-bc-orange-30per {
  border-color: var(--orange-t-30per) !important;
}

.bc-orange-35per {
  border-color: var(--orange-t-35per) !important;
}

.dark-mode .dark-bc-orange-35per {
  border-color: var(--orange-t-35per) !important;
}

.bc-orange-40per {
  border-color: var(--orange-t-40per) !important;
}

.dark-mode .dark-bc-orange-40per {
  border-color: var(--orange-t-40per) !important;
}

.bc-orange-45per {
  border-color: var(--orange-t-45per) !important;
}

.dark-mode .dark-bc-orange-45per {
  border-color: var(--orange-t-45per) !important;
}

.bc-orange-50per {
  border-color: var(--orange-t-50per) !important;
}

.dark-mode .dark-bc-orange-50per {
  border-color: var(--orange-t-50per) !important;
}

.bc-orange-55per {
  border-color: var(--orange-t-55per) !important;
}

.dark-mode .dark-bc-orange-55per {
  border-color: var(--orange-t-55per) !important;
}

/*lime 37, 240, 124*/
.bc-lime-5per {
  border-color: var(--lime-t-5per) !important;
}

.dark-mode .dark-bc-lime-5per {
  border-color: var(--lime-t-5per) !important;
}

.bc-lime-10per {
  border-color: var(--lime-t-10per) !important;
}

.dark-mode .dark-bc-lime-10per {
  border-color: var(--lime-t-10per) !important;
}

.bc-lime-15per {
  border-color: var(--lime-t-15per) !important;
}

.dark-mode .dark-bc-lime-15per {
  border-color: var(--lime-t-15per) !important;
}

.bc-lime-20per {
  border-color: var(--lime-t-20per) !important;
}

.dark-mode .dark-bc-lime-20per {
  border-color: var(--lime-t-20per) !important;
}

.bc-lime-25per {
  border-color: var(--lime-t-25per) !important;
}

.dark-mode .dark-bc-lime-25per {
  border-color: var(--lime-t-25per) !important;
}

.bc-lime-30per {
  border-color: var(--lime-t-30per) !important;
}

.dark-mode .dark-bc-lime-30per {
  border-color: var(--lime-t-30per) !important;
}

.bc-lime-35per {
  border-color: var(--lime-t-35per) !important;
}

.dark-mode .dark-bc-lime-35per {
  border-color: var(--lime-t-35per) !important;
}

.bc-lime-40per {
  border-color: var(--lime-t-40per) !important;
}

.dark-mode .dark-bc-lime-40per {
  border-color: var(--lime-t-40per) !important;
}

.bc-lime-45per {
  border-color: var(--lime-t-45per) !important;
}

.dark-mode .dark-bc-lime-45per {
  border-color: var(--lime-t-45per) !important;
}

.bc-lime-50per {
  border-color: var(--lime-t-50per) !important;
}

.dark-mode .dark-bc-lime-50per {
  border-color: var(--lime-t-50per) !important;
}

.bc-lime-55per {
  border-color: var(--lime-t-55per) !important;
}

.dark-mode .dark-bc-lime-55per {
  border-color: var(--lime-t-55per) !important;
}

/*navy 56, 100, 255*/
.bc-navy-5per {
  border-color: var(--navy-t-5per) !important;
}

.dark-mode .dark-bc-navy-5per {
  border-color: var(--navy-t-5per) !important;
}

.bc-navy-10per {
  border-color: var(--navy-t-10per) !important;
}

.dark-mode .dark-bc-navy-10per {
  border-color: var(--navy-t-10per) !important;
}

.bc-navy-15per {
  border-color: var(--navy-t-15per) !important;
}

.dark-mode .dark-bc-navy-15per {
  border-color: var(--navy-t-15per) !important;
}

.bc-navy-20per {
  border-color: var(--navy-t-20per) !important;
}

.dark-mode .dark-bc-navy-20per {
  border-color: var(--navy-t-20per) !important;
}

.bc-navy-25per {
  border-color: var(--navy-t-25per) !important;
}

.dark-mode .dark-bc-navy-25per {
  border-color: var(--navy-t-25per) !important;
}

.bc-navy-30per {
  border-color: var(--navy-t-30per) !important;
}

.dark-mode .dark-bc-navy-30per {
  border-color: var(--navy-t-30per) !important;
}

.bc-navy-35per {
  border-color: var(--navy-t-35per) !important;
}

.dark-mode .dark-bc-navy-35per {
  border-color: var(--navy-t-35per) !important;
}

.bc-navy-40per {
  border-color: var(--navy-t-40per) !important;
}

.dark-mode .dark-bc-navy-40per {
  border-color: var(--navy-t-40per) !important;
}

.bc-navy-45per {
  border-color: var(--navy-t-45per) !important;
}

.dark-mode .dark-bc-navy-45per {
  border-color: var(--navy-t-45per) !important;
}

.bc-navy-50per {
  border-color: var(--navy-t-50per) !important;
}

.dark-mode .dark-bc-navy-50per {
  border-color: var(--navy-t-50per) !important;
}

.bc-navy-55per {
  border-color: var(--navy-t-55per) !important;
}

.dark-mode .dark-bc-navy-55per {
  border-color: var(--navy-t-55per) !important;
}

/*indigo 88, 86, 214*/
.bc-indigo-5per {
  border-color: var(--indigo-t-5per) !important;
}

.dark-mode .dark-bc-indigo-5per {
  border-color: var(--indigo-t-5per) !important;
}

.bc-indigo-10per {
  border-color: var(--indigo-t-10per) !important;
}

.dark-mode .dark-bc-indigo-10per {
  border-color: var(--indigo-t-10per) !important;
}

.bc-indigo-15per {
  border-color: var(--indigo-t-15per) !important;
}

.dark-mode .dark-bc-indigo-15per {
  border-color: var(--indigo-t-15per) !important;
}

.bc-indigo-20per {
  border-color: var(--indigo-t-20per) !important;
}

.dark-mode .dark-bc-indigo-20per {
  border-color: var(--indigo-t-20per) !important;
}

.bc-indigo-25per {
  border-color: var(--indigo-t-25per) !important;
}

.dark-mode .dark-bc-indigo-25per {
  border-color: var(--indigo-t-25per) !important;
}

.bc-indigo-30per {
  border-color: var(--indigo-t-30per) !important;
}

.dark-mode .dark-bc-indigo-30per {
  border-color: var(--indigo-t-30per) !important;
}

.bc-indigo-35per {
  border-color: var(--indigo-t-35per) !important;
}

.dark-mode .dark-bc-indigo-35per {
  border-color: var(--indigo-t-35per) !important;
}

.bc-indigo-40per {
  border-color: var(--indigo-t-40per) !important;
}

.dark-mode .dark-bc-indigo-40per {
  border-color: var(--indigo-t-40per) !important;
}

.bc-indigo-45per {
  border-color: var(--indigo-t-45per) !important;
}

.dark-mode .dark-bc-indigo-45per {
  border-color: var(--indigo-t-45per) !important;
}

.bc-indigo-50per {
  border-color: var(--indigo-t-50per) !important;
}

.dark-mode .dark-bc-indigo-50per {
  border-color: var(--indigo-t-50per) !important;
}

.bc-indigo-55per {
  border-color: var(--indigo-t-55per) !important;
}

.dark-mode .dark-bc-indigo-55per {
  border-color: var(--indigo-t-55per) !important;
}

/*purple 175, 82, 222*/
.bc-purple-5per {
  border-color: var(--purple-t-5per) !important;
}

.dark-mode .dark-bc-purple-5per {
  border-color: var(--purple-t-5per) !important;
}

.bc-purple-10per {
  border-color: var(--purple-t-10per) !important;
}

.dark-mode .dark-bc-purple-10per {
  border-color: var(--purple-t-10per) !important;
}

.bc-purple-15per {
  border-color: var(--purple-t-15per) !important;
}

.dark-mode .dark-bc-purple-15per {
  border-color: var(--purple-t-15per) !important;
}

.bc-purple-20per {
  border-color: var(--purple-t-20per) !important;
}

.dark-mode .dark-bc-purple-20per {
  border-color: var(--purple-t-20per) !important;
}

.bc-purple-25per {
  border-color: var(--purple-t-25per) !important;
}

.dark-mode .dark-bc-purple-25per {
  border-color: var(--purple-t-25per) !important;
}

.bc-purple-30per {
  border-color: var(--purple-t-30per) !important;
}

.dark-mode .dark-bc-purple-30per {
  border-color: var(--purple-t-30per) !important;
}

.bc-purple-35per {
  border-color: var(--purple-t-35per) !important;
}

.dark-mode .dark-bc-purple-35per {
  border-color: var(--purple-t-35per) !important;
}

.bc-purple-40per {
  border-color: var(--purple-t-40per) !important;
}

.dark-mode .dark-bc-purple-40per {
  border-color: var(--purple-t-40per) !important;
}

.bc-purple-45per {
  border-color: var(--purple-t-45per) !important;
}

.dark-mode .dark-bc-purple-45per {
  border-color: var(--purple-t-45per) !important;
}

.bc-purple-50per {
  border-color: var(--purple-t-50per) !important;
}

.dark-mode .dark-bc-purple-50per {
  border-color: var(--purple-t-50per) !important;
}

.bc-purple-55per {
  border-color: var(--purple-t-55per) !important;
}

.dark-mode .dark-bc-purple-55per {
  border-color: var(--purple-t-55per) !important;
}

/*yellow 255, 196, 2*/
.bc-yellow-5per {
  border-color: var(--yellow-t-5per) !important;
}

.dark-mode .dark-bc-yellow-5per {
  border-color: var(--yellow-t-5per) !important;
}

.bc-yellow-10per {
  border-color: var(--yellow-t-10per) !important;
}

.dark-mode .dark-bc-yellow-10per {
  border-color: var(--yellow-t-10per) !important;
}

.bc-yellow-15per {
  border-color: var(--yellow-t-15per) !important;
}

.dark-mode .dark-bc-yellow-15per {
  border-color: var(--yellow-t-15per) !important;
}

.bc-yellow-20per {
  border-color: var(--yellow-t-20per) !important;
}

.dark-mode .dark-bc-yellow-20per {
  border-color: var(--yellow-t-20per) !important;
}

.bc-yellow-25per {
  border-color: var(--yellow-t-25per) !important;
}

.dark-mode .dark-bc-yellow-25per {
  border-color: var(--yellow-t-25per) !important;
}

.bc-yellow-30per {
  border-color: var(--yellow-t-30per) !important;
}

.dark-mode .dark-bc-yellow-30per {
  border-color: var(--yellow-t-30per) !important;
}

.bc-yellow-35per {
  border-color: var(--yellow-t-35per) !important;
}

.dark-mode .dark-bc-yellow-35per {
  border-color: var(--yellow-t-35per) !important;
}

.bc-yellow-40per {
  border-color: var(--yellow-t-40per) !important;
}

.dark-mode .dark-bc-yellow-40per {
  border-color: var(--yellow-t-40per) !important;
}

.bc-yellow-45per {
  border-color: var(--yellow-t-45per) !important;
}

.dark-mode .dark-bc-yellow-45per {
  border-color: var(--yellow-t-45per) !important;
}

.bc-yellow-50per {
  border-color: var(--yellow-t-50per) !important;
}

.dark-mode .dark-bc-yellow-50per {
  border-color: var(--yellow-t-50per) !important;
}

.bc-yellow-55per {
  border-color: var(--yellow-t-55per) !important;
}

.dark-mode .dark-bc-yellow-55per {
  border-color: var(--yellow-t-55per) !important;
}

/*green 123, 224, 0*/
.bc-green-5per {
  border-color: var(--green-t-5per) !important;
}

.dark-mode .dark-bc-green-5per {
  border-color: var(--green-t-5per) !important;
}

.bc-green-10per {
  border-color: var(--green-t-10per) !important;
}

.dark-mode .dark-bc-green-10per {
  border-color: var(--green-t-10per) !important;
}

.bc-green-15per {
  border-color: var(--green-t-15per) !important;
}

.dark-mode .dark-bc-green-15per {
  border-color: var(--green-t-15per) !important;
}

.bc-green-20per {
  border-color: var(--green-t-20per) !important;
}

.dark-mode .dark-bc-green-20per {
  border-color: var(--green-t-20per) !important;
}

.bc-green-25per {
  border-color: var(--green-t-25per) !important;
}

.dark-mode .dark-bc-green-25per {
  border-color: var(--green-t-25per) !important;
}

.bc-green-30per {
  border-color: var(--green-t-30per) !important;
}

.dark-mode .dark-bc-green-30per {
  border-color: var(--green-t-30per) !important;
}

.bc-green-35per {
  border-color: var(--green-t-35per) !important;
}

.dark-mode .dark-bc-green-35per {
  border-color: var(--green-t-35per) !important;
}

.bc-green-40per {
  border-color: var(--green-t-40per) !important;
}

.dark-mode .dark-bc-green-40per {
  border-color: var(--green-t-40per) !important;
}

.bc-green-45per {
  border-color: var(--green-t-45per) !important;
}

.dark-mode .dark-bc-green-45per {
  border-color: var(--green-t-45per) !important;
}

.bc-green-50per {
  border-color: var(--green-t-50per) !important;
}

.dark-mode .dark-bc-green-50per {
  border-color: var(--green-t-50per) !important;
}

.bc-green-55per {
  border-color: var(--green-t-55per) !important;
}

.dark-mode .dark-bc-green-55per {
  border-color: var(--green-t-55per) !important;
}

/*forest 0, 137, 30*/
.bc-forest-5per {
  border-color: var(--forest-t-5per) !important;
}

.dark-mode .dark-bc-forest-5per {
  border-color: var(--forest-t-5per) !important;
}

.bc-forest-10per {
  border-color: var(--forest-t-10per) !important;
}

.dark-mode .dark-bc-forest-10per {
  border-color: var(--forest-t-10per) !important;
}

.bc-forest-15per {
  border-color: var(--forest-t-15per) !important;
}

.dark-mode .dark-bc-forest-15per {
  border-color: var(--forest-t-15per) !important;
}

.bc-forest-20per {
  border-color: var(--forest-t-20per) !important;
}

.dark-mode .dark-bc-forest-20per {
  border-color: var(--forest-t-20per) !important;
}

.bc-forest-25per {
  border-color: var(--forest-t-25per) !important;
}

.dark-mode .dark-bc-forest-25per {
  border-color: var(--forest-t-25per) !important;
}

.bc-forest-30per {
  border-color: var(--forest-t-30per) !important;
}

.dark-mode .dark-bc-forest-30per {
  border-color: var(--forest-t-30per) !important;
}

.bc-forest-35per {
  border-color: var(--forest-t-35per) !important;
}

.dark-mode .dark-bc-forest-35per {
  border-color: var(--forest-t-35per) !important;
}

.bc-forest-40per {
  border-color: var(--forest-t-40per) !important;
}

.dark-mode .dark-bc-forest-40per {
  border-color: var(--forest-t-40per) !important;
}

.bc-forest-45per {
  border-color: var(--forest-t-45per) !important;
}

.dark-mode .dark-bc-forest-45per {
  border-color: var(--forest-t-45per) !important;
}

.bc-forest-50per {
  border-color: var(--forest-t-50per) !important;
}

.dark-mode .dark-bc-forest-50per {
  border-color: var(--forest-t-50per) !important;
}

.bc-forest-55per {
  border-color: var(--forest-t-55per) !important;
}

.dark-mode .dark-bc-forest-55per {
  border-color: var(--forest-t-55per) !important;
}

/*mint 24, 206, 197*/
.bc-mint-5per {
  border-color: var(--mint-t-5per) !important;
}

.dark-mode .dark-bc-mint-5per {
  border-color: var(--mint-t-5per) !important;
}

.bc-mint-10per {
  border-color: var(--mint-t-10per) !important;
}

.dark-mode .dark-bc-mint-10per {
  border-color: var(--mint-t-10per) !important;
}

.bc-mint-15per {
  border-color: var(--mint-t-15per) !important;
}

.dark-mode .dark-bc-mint-15per {
  border-color: var(--mint-t-15per) !important;
}

.bc-mint-20per {
  border-color: var(--mint-t-20per) !important;
}

.dark-mode .dark-bc-mint-20per {
  border-color: var(--mint-t-20per) !important;
}

.bc-mint-25per {
  border-color: var(--mint-t-25per) !important;
}

.dark-mode .dark-bc-mint-25per {
  border-color: var(--mint-t-25per) !important;
}

.bc-mint-30per {
  border-color: var(--mint-t-30per) !important;
}

.dark-mode .dark-bc-mint-30per {
  border-color: var(--mint-t-30per) !important;
}

.bc-mint-35per {
  border-color: var(--mint-t-35per) !important;
}

.dark-mode .dark-bc-mint-35per {
  border-color: var(--mint-t-35per) !important;
}

.bc-mint-40per {
  border-color: var(--mint-t-40per) !important;
}

.dark-mode .dark-bc-mint-40per {
  border-color: var(--mint-t-40per) !important;
}

.bc-mint-45per {
  border-color: var(--mint-t-45per) !important;
}

.dark-mode .dark-bc-mint-45per {
  border-color: var(--mint-t-45per) !important;
}

.bc-mint-50per {
  border-color: var(--mint-t-50per) !important;
}

.dark-mode .dark-bc-mint-50per {
  border-color: var(--mint-t-50per) !important;
}

.bc-mint-55per {
  border-color: var(--mint-t-55per) !important;
}

.dark-mode .dark-bc-mint-55per {
  border-color: var(--mint-t-55per) !important;
}

/*cyan 59, 193, 255*/
.bc-cyan-5per {
  border-color: var(--cyan-t-5per) !important;
}

.dark-mode .dark-bc-cyan-5per {
  border-color: var(--cyan-t-5per) !important;
}

.bc-cyan-10per {
  border-color: var(--cyan-t-10per) !important;
}

.dark-mode .dark-bc-cyan-10per {
  border-color: var(--cyan-t-10per) !important;
}

.bc-cyan-15per {
  border-color: var(--cyan-t-15per) !important;
}

.dark-mode .dark-bc-cyan-15per {
  border-color: var(--cyan-t-15per) !important;
}

.bc-cyan-20per {
  border-color: var(--cyan-t-20per) !important;
}

.dark-mode .dark-bc-cyan-20per {
  border-color: var(--cyan-t-20per) !important;
}

.bc-cyan-25per {
  border-color: var(--cyan-t-25per) !important;
}

.dark-mode .dark-bc-cyan-25per {
  border-color: var(--cyan-t-25per) !important;
}

.bc-cyan-30per {
  border-color: var(--cyan-t-30per) !important;
}

.dark-mode .dark-bc-cyan-30per {
  border-color: var(--cyan-t-30per) !important;
}

.bc-cyan-35per {
  border-color: var(--cyan-t-35per) !important;
}

.dark-mode .dark-bc-cyan-35per {
  border-color: var(--cyan-t-35per) !important;
}

.bc-cyan-40per {
  border-color: var(--cyan-t-40per) !important;
}

.dark-mode .dark-bc-cyan-40per {
  border-color: var(--cyan-t-40per) !important;
}

.bc-cyan-45per {
  border-color: var(--cyan-t-45per) !important;
}

.dark-mode .dark-bc-cyan-45per {
  border-color: var(--cyan-t-45per) !important;
}

.bc-cyan-50per {
  border-color: var(--cyan-t-50per) !important;
}

.dark-mode .dark-bc-cyan-50per {
  border-color: var(--cyan-t-50per) !important;
}

.bc-cyan-55per {
  border-color: var(--cyan-t-55per) !important;
}

.dark-mode .dark-bc-cyan-55per {
  border-color: var(--cyan-t-55per) !important;
}

/*charcoal 108, 114, 117*/
.bc-charcoal-5per {
  border-color: var(--charcoal-t-5per) !important;
}

.dark-mode .dark-bc-charcoal-5per {
  border-color: var(--charcoal-t-5per) !important;
}

.bc-charcoal-10per {
  border-color: var(--charcoal-t-10per) !important;
}

.dark-mode .dark-bc-charcoal-10per {
  border-color: var(--charcoal-t-10per) !important;
}

.bc-charcoal-15per {
  border-color: var(--charcoal-t-15per) !important;
}

.dark-mode .dark-bc-charcoal-15per {
  border-color: var(--charcoal-t-15per) !important;
}

.bc-charcoal-20per {
  border-color: var(--charcoal-t-20per) !important;
}

.dark-mode .dark-bc-charcoal-20per {
  border-color: var(--charcoal-t-20per) !important;
}

.bc-charcoal-25per {
  border-color: var(--charcoal-t-25per) !important;
}

.dark-mode .dark-bc-charcoal-25per {
  border-color: var(--charcoal-t-25per) !important;
}

.bc-charcoal-30per {
  border-color: var(--charcoal-t-30per) !important;
}

.dark-mode .dark-bc-charcoal-30per {
  border-color: var(--charcoal-t-30per) !important;
}

.bc-charcoal-35per {
  border-color: var(--charcoal-t-35per) !important;
}

.dark-mode .dark-bc-charcoal-35per {
  border-color: var(--charcoal-t-35per) !important;
}

.bc-charcoal-40per {
  border-color: var(--charcoal-t-40per) !important;
}

.dark-mode .dark-bc-charcoal-40per {
  border-color: var(--charcoal-t-40per) !important;
}

.bc-charcoal-45per {
  border-color: var(--charcoal-t-45per) !important;
}

.dark-mode .dark-bc-charcoal-45per {
  border-color: var(--charcoal-t-45per) !important;
}

.bc-charcoal-50per {
  border-color: var(--charcoal-t-50per) !important;
}

.dark-mode .dark-bc-charcoal-50per {
  border-color: var(--charcoal-t-50per) !important;
}

.bc-charcoal-55per {
  border-color: var(--charcoal-t-55per) !important;
}

.dark-mode .dark-bc-charcoal-55per {
  border-color: var(--charcoal-t-55per) !important;
}

/*gray 155, 164, 171*/
.bc-gray-5per {
  border-color: var(--gray-t-5per) !important;
}

.dark-mode .dark-bc-gray-5per {
  border-color: var(--gray-t-5per) !important;
}

.bc-gray-10per {
  border-color: var(--gray-t-10per) !important;
}

.dark-mode .dark-bc-gray-10per {
  border-color: var(--gray-t-10per) !important;
}

.bc-gray-15per {
  border-color: var(--gray-t-15per) !important;
}

.dark-mode .dark-bc-gray-15per {
  border-color: var(--gray-t-15per) !important;
}

.bc-gray-20per {
  border-color: var(--gray-t-20per) !important;
}

.dark-mode .dark-bc-gray-20per {
  border-color: var(--gray-t-20per) !important;
}

.bc-gray-25per {
  border-color: var(--gray-t-25per) !important;
}

.dark-mode .dark-bc-gray-25per {
  border-color: var(--gray-t-25per) !important;
}

.bc-gray-30per {
  border-color: var(--gray-t-30per) !important;
}

.dark-mode .dark-bc-gray-30per {
  border-color: var(--gray-t-30per) !important;
}

.bc-gray-35per {
  border-color: var(--gray-t-35per) !important;
}

.dark-mode .dark-bc-gray-35per {
  border-color: var(--gray-t-35per) !important;
}

.bc-gray-40per {
  border-color: var(--gray-t-40per) !important;
}

.dark-mode .dark-bc-gray-40per {
  border-color: var(--gray-t-40per) !important;
}

.bc-gray-45per {
  border-color: var(--gray-t-45per) !important;
}

.dark-mode .dark-bc-gray-45per {
  border-color: var(--gray-t-45per) !important;
}

.bc-gray-50per {
  border-color: var(--gray-t-50per) !important;
}

.dark-mode .dark-bc-gray-50per {
  border-color: var(--gray-t-50per) !important;
}

.bc-gray-55per {
  border-color: var(--gray-t-55per) !important;
}

.dark-mode .dark-bc-gray-55per {
  border-color: var(--gray-t-55per) !important;
}

/*black 0, 0, 0*/
.bc-black-5per {
  border-color: var(--black-t-5per) !important;
}

.dark-mode .dark-bc-black-5per {
  border-color: var(--black-t-5per) !important;
}

.bc-black-10per {
  border-color: var(--black-t-10per) !important;
}

.dark-mode .dark-bc-black-10per {
  border-color: var(--black-t-10per) !important;
}

.bc-black-15per {
  border-color: var(--black-t-15per) !important;
}

.dark-mode .dark-bc-black-15per {
  border-color: var(--black-t-15per) !important;
}

.bc-black-20per {
  border-color: var(--black-t-20per) !important;
}

.dark-mode .dark-bc-black-20per {
  border-color: var(--black-t-20per) !important;
}

.bc-black-25per {
  border-color: var(--black-t-25per) !important;
}

.dark-mode .dark-bc-black-25per {
  border-color: var(--black-t-25per) !important;
}

.bc-black-30per {
  border-color: var(--black-t-30per) !important;
}

.dark-mode .dark-bc-black-30per {
  border-color: var(--black-t-30per) !important;
}

.bc-black-35per {
  border-color: var(--black-t-35per) !important;
}

.dark-mode .dark-bc-black-35per {
  border-color: var(--black-t-35per) !important;
}

.bc-black-40per {
  border-color: var(--black-t-40per) !important;
}

.dark-mode .dark-bc-black-40per {
  border-color: var(--black-t-40per) !important;
}

.bc-black-45per {
  border-color: var(--black-t-45per) !important;
}

.dark-mode .dark-bc-black-45per {
  border-color: var(--black-t-45per) !important;
}

.bc-black-50per {
  border-color: var(--black-t-50per) !important;
}

.dark-mode .dark-bc-black-50per {
  border-color: var(--black-t-50per) !important;
}

.bc-black-55per {
  border-color: var(--black-t-55per) !important;
}

.dark-mode .dark-bc-black-55per {
  border-color: var(--black-t-55per) !important;
}

/*white 255, 255, 255*/
.bc-white-5per {
  border-color: var(--white-t-5per) !important;
}

.dark-mode .dark-bc-white-5per {
  border-color: var(--white-t-5per) !important;
}

.bc-white-10per {
  border-color: var(--white-t-10per) !important;
}

.dark-mode .dark-bc-white-10per {
  border-color: var(--white-t-10per) !important;
}

.bc-white-15per {
  border-color: var(--white-t-15per) !important;
}

.dark-mode .dark-bc-white-15per {
  border-color: var(--white-t-15per) !important;
}

.bc-white-20per {
  border-color: var(--white-t-20per) !important;
}

.dark-mode .dark-bc-white-20per {
  border-color: var(--white-t-20per) !important;
}

.bc-white-25per {
  border-color: var(--white-t-25per) !important;
}

.dark-mode .dark-bc-white-25per {
  border-color: var(--white-t-25per) !important;
}

.bc-white-30per {
  border-color: var(--white-t-30per) !important;
}

.dark-mode .dark-bc-white-30per {
  border-color: var(--white-t-30per) !important;
}

.bc-white-35per {
  border-color: var(--white-t-35per) !important;
}

.dark-mode .dark-bc-white-35per {
  border-color: var(--white-t-35per) !important;
}

.bc-white-40per {
  border-color: var(--white-t-40per) !important;
}

.dark-mode .dark-bc-white-40per {
  border-color: var(--white-t-40per) !important;
}

.bc-white-45per {
  border-color: var(--white-t-45per) !important;
}

.dark-mode .dark-bc-white-45per {
  border-color: var(--white-t-45per) !important;
}

.bc-white-50per {
  border-color: var(--white-t-50per) !important;
}

.dark-mode .dark-bc-white-50per {
  border-color: var(--white-t-50per) !important;
}

.bc-white-55per {
  border-color: var(--white-t-55per) !important;
}

.dark-mode .dark-bc-white-55per {
  border-color: var(--white-t-55per) !important;
}/*# sourceMappingURL=custom-style_scss_ver.css.map */