:root {

// Code generated by @carbon/colors. DO NOT EDIT.
//
// Copyright IBM Corp. 2018, 2020
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//
--ibm-color__black-100: #000000;
--ibm-color__blue-10: #edf5ff;
--ibm-color__blue-20: #d0e2ff;
--ibm-color__blue-30: #a6c8ff;
--ibm-color__blue-40: #78a9ff;
--ibm-color__blue-50: #4589ff;
--ibm-color__blue-60: #0f62fe;
--ibm-color__blue-70: #0043ce;
--ibm-color__blue-80: #002d9c;
--ibm-color__blue-90: #001d6c;
--ibm-color__blue-100: #001141;
--ibm-color__cool-gray-10: #f2f4f8;
--ibm-color__cool-gray-20: #dde1e6;
--ibm-color__cool-gray-30: #c1c7cd;
--ibm-color__cool-gray-40: #a2a9b0;
--ibm-color__cool-gray-50: #878d96;
--ibm-color__cool-gray-60: #697077;
--ibm-color__cool-gray-70: #4d5358;
--ibm-color__cool-gray-80: #343a3f;
--ibm-color__cool-gray-90: #21272a;
--ibm-color__cool-gray-100: #121619;
--ibm-color__cyan-10: #e5f6ff;
--ibm-color__cyan-20: #bae6ff;
--ibm-color__cyan-30: #82cfff;
--ibm-color__cyan-40: #33b1ff;
--ibm-color__cyan-50: #1192e8;
--ibm-color__cyan-60: #0072c3;
--ibm-color__cyan-70: #00539a;
--ibm-color__cyan-80: #003a6d;
--ibm-color__cyan-90: #012749;
--ibm-color__cyan-100: #061727;
--ibm-color__gray-10: #f4f4f4;
--ibm-color__gray-20: #e0e0e0;
--ibm-color__gray-30: #c6c6c6;
--ibm-color__gray-40: #a8a8a8;
--ibm-color__gray-50: #8d8d8d;
--ibm-color__gray-60: #6f6f6f;
--ibm-color__gray-70: #525252;
--ibm-color__gray-80: #393939;
--ibm-color__gray-90: #262626;
--ibm-color__gray-100: #161616;
--ibm-color__green-10: #defbe6;
--ibm-color__green-20: #a7f0ba;
--ibm-color__green-30: #6fdc8c;
--ibm-color__green-40: #42be65;
--ibm-color__green-50: #24a148;
--ibm-color__green-60: #198038;
--ibm-color__green-70: #0e6027;
--ibm-color__green-80: #044317;
--ibm-color__green-90: #022d0d;
--ibm-color__green-100: #071908;
--ibm-color__magenta-10: #fff0f7;
--ibm-color__magenta-20: #ffd6e8;
--ibm-color__magenta-30: #ffafd2;
--ibm-color__magenta-40: #ff7eb6;
--ibm-color__magenta-50: #ee5396;
--ibm-color__magenta-60: #d02670;
--ibm-color__magenta-70: #9f1853;
--ibm-color__magenta-80: #740937;
--ibm-color__magenta-90: #510224;
--ibm-color__magenta-100: #2a0a18;
--ibm-color__orange-10: #fff2e8;
--ibm-color__orange-20: #ffd9be;
--ibm-color__orange-30: #ffb784;
--ibm-color__orange-40: #ff832b;
--ibm-color__orange-50: #eb6200;
--ibm-color__orange-60: #ba4e00;
--ibm-color__orange-70: #8a3800;
--ibm-color__orange-80: #5e2900;
--ibm-color__orange-90: #3e1a00;
--ibm-color__orange-100: #231000;
--ibm-color__purple-10: #f6f2ff;
--ibm-color__purple-20: #e8daff;
--ibm-color__purple-30: #d4bbff;
--ibm-color__purple-40: #be95ff;
--ibm-color__purple-50: #a56eff;
--ibm-color__purple-60: #8a3ffc;
--ibm-color__purple-70: #6929c4;
--ibm-color__purple-80: #491d8b;
--ibm-color__purple-90: #31135e;
--ibm-color__purple-100: #1c0f30;
--ibm-color__red-10: #fff1f1;
--ibm-color__red-20: #ffd7d9;
--ibm-color__red-30: #ffb3b8;
--ibm-color__red-40: #ff8389;
--ibm-color__red-50: #fa4d56;
--ibm-color__red-60: #da1e28;
--ibm-color__red-70: #a2191f;
--ibm-color__red-80: #750e13;
--ibm-color__red-90: #520408;
--ibm-color__red-100: #2d0709;
--ibm-color__teal-10: #d9fbfb;
--ibm-color__teal-20: #9ef0f0;
--ibm-color__teal-30: #3ddbd9;
--ibm-color__teal-40: #08bdba;
--ibm-color__teal-50: #009d9a;
--ibm-color__teal-60: #007d79;
--ibm-color__teal-70: #005d5d;
--ibm-color__teal-80: #004144;
--ibm-color__teal-90: #022b30;
--ibm-color__teal-100: #081a1c;
--ibm-color__warm-gray-10: #f7f3f2;
--ibm-color__warm-gray-20: #e5e0df;
--ibm-color__warm-gray-30: #cac5c4;
--ibm-color__warm-gray-40: #ada8a8;
--ibm-color__warm-gray-50: #8f8b8b;
--ibm-color__warm-gray-60: #726e6e;
--ibm-color__warm-gray-70: #565151;
--ibm-color__warm-gray-80: #3c3838;
--ibm-color__warm-gray-90: #272525;
--ibm-color__warm-gray-100: #171414;
--ibm-color__white-0: #ffffff;
--ibm-color__yellow-10: #fcf4d6;
--ibm-color__yellow-20: #fddc69;
--ibm-color__yellow-30: #f1c21b;
--ibm-color__yellow-40: #d2a106;
--ibm-color__yellow-50: #b28600;
--ibm-color__yellow-60: #8e6a00;
--ibm-color__yellow-70: #684e00;
--ibm-color__yellow-80: #483700;
--ibm-color__yellow-90: #302400;
--ibm-color__yellow-100: #1c1500;
--carbon--black-100: #000000;
--carbon--blue-10: #edf5ff;
--carbon--blue-20: #d0e2ff;
--carbon--blue-30: #a6c8ff;
--carbon--blue-40: #78a9ff;
--carbon--blue-50: #4589ff;
--carbon--blue-60: #0f62fe;
--carbon--blue-70: #0043ce;
--carbon--blue-80: #002d9c;
--carbon--blue-90: #001d6c;
--carbon--blue-100: #001141;
--carbon--cool-gray-10: #f2f4f8;
--carbon--cool-gray-20: #dde1e6;
--carbon--cool-gray-30: #c1c7cd;
--carbon--cool-gray-40: #a2a9b0;
--carbon--cool-gray-50: #878d96;
--carbon--cool-gray-60: #697077;
--carbon--cool-gray-70: #4d5358;
--carbon--cool-gray-80: #343a3f;
--carbon--cool-gray-90: #21272a;
--carbon--cool-gray-100: #121619;
--carbon--cyan-10: #e5f6ff;
--carbon--cyan-20: #bae6ff;
--carbon--cyan-30: #82cfff;
--carbon--cyan-40: #33b1ff;
--carbon--cyan-50: #1192e8;
--carbon--cyan-60: #0072c3;
--carbon--cyan-70: #00539a;
--carbon--cyan-80: #003a6d;
--carbon--cyan-90: #012749;
--carbon--cyan-100: #061727;
--carbon--gray-10: #f4f4f4;
--carbon--gray-20: #e0e0e0;
--carbon--gray-30: #c6c6c6;
--carbon--gray-40: #a8a8a8;
--carbon--gray-50: #8d8d8d;
--carbon--gray-60: #6f6f6f;
--carbon--gray-70: #525252;
--carbon--gray-80: #393939;
--carbon--gray-90: #262626;
--carbon--gray-100: #161616;
--carbon--green-10: #defbe6;
--carbon--green-20: #a7f0ba;
--carbon--green-30: #6fdc8c;
--carbon--green-40: #42be65;
--carbon--green-50: #24a148;
--carbon--green-60: #198038;
--carbon--green-70: #0e6027;
--carbon--green-80: #044317;
--carbon--green-90: #022d0d;
--carbon--green-100: #071908;
--carbon--magenta-10: #fff0f7;
--carbon--magenta-20: #ffd6e8;
--carbon--magenta-30: #ffafd2;
--carbon--magenta-40: #ff7eb6;
--carbon--magenta-50: #ee5396;
--carbon--magenta-60: #d02670;
--carbon--magenta-70: #9f1853;
--carbon--magenta-80: #740937;
--carbon--magenta-90: #510224;
--carbon--magenta-100: #2a0a18;
--carbon--orange-10: #fff2e8;
--carbon--orange-20: #ffd9be;
--carbon--orange-30: #ffb784;
--carbon--orange-40: #ff832b;
--carbon--orange-50: #eb6200;
--carbon--orange-60: #ba4e00;
--carbon--orange-70: #8a3800;
--carbon--orange-80: #5e2900;
--carbon--orange-90: #3e1a00;
--carbon--orange-100: #231000;
--carbon--purple-10: #f6f2ff;
--carbon--purple-20: #e8daff;
--carbon--purple-30: #d4bbff;
--carbon--purple-40: #be95ff;
--carbon--purple-50: #a56eff;
--carbon--purple-60: #8a3ffc;
--carbon--purple-70: #6929c4;
--carbon--purple-80: #491d8b;
--carbon--purple-90: #31135e;
--carbon--purple-100: #1c0f30;
--carbon--red-10: #fff1f1;
--carbon--red-20: #ffd7d9;
--carbon--red-30: #ffb3b8;
--carbon--red-40: #ff8389;
--carbon--red-50: #fa4d56;
--carbon--red-60: #da1e28;
--carbon--red-70: #a2191f;
--carbon--red-80: #750e13;
--carbon--red-90: #520408;
--carbon--red-100: #2d0709;
--carbon--teal-10: #d9fbfb;
--carbon--teal-20: #9ef0f0;
--carbon--teal-30: #3ddbd9;
--carbon--teal-40: #08bdba;
--carbon--teal-50: #009d9a;
--carbon--teal-60: #007d79;
--carbon--teal-70: #005d5d;
--carbon--teal-80: #004144;
--carbon--teal-90: #022b30;
--carbon--teal-100: #081a1c;
--carbon--warm-gray-10: #f7f3f2;
--carbon--warm-gray-20: #e5e0df;
--carbon--warm-gray-30: #cac5c4;
--carbon--warm-gray-40: #ada8a8;
--carbon--warm-gray-50: #8f8b8b;
--carbon--warm-gray-60: #726e6e;
--carbon--warm-gray-70: #565151;
--carbon--warm-gray-80: #3c3838;
--carbon--warm-gray-90: #272525;
--carbon--warm-gray-100: #171414;
--carbon--white-0: #ffffff;
--carbon--yellow-10: #fcf4d6;
--carbon--yellow-20: #fddc69;
--carbon--yellow-30: #f1c21b;
--carbon--yellow-40: #d2a106;
--carbon--yellow-50: #b28600;
--carbon--yellow-60: #8e6a00;
--carbon--yellow-70: #684e00;
--carbon--yellow-80: #483700;
--carbon--yellow-90: #302400;
--carbon--yellow-100: #1c1500;
--black-100: #000000;
--blue-10: #edf5ff;
--blue-20: #d0e2ff;
--blue-30: #a6c8ff;
--blue-40: #78a9ff;
--blue-50: #4589ff;
--blue-60: #0f62fe;
--blue-70: #0043ce;
--blue-80: #002d9c;
--blue-90: #001d6c;
--blue-100: #001141;
--cool-gray-10: #f2f4f8;
--cool-gray-20: #dde1e6;
--cool-gray-30: #c1c7cd;
--cool-gray-40: #a2a9b0;
--cool-gray-50: #878d96;
--cool-gray-60: #697077;
--cool-gray-70: #4d5358;
--cool-gray-80: #343a3f;
--cool-gray-90: #21272a;
--cool-gray-100: #121619;
--cyan-10: #e5f6ff;
--cyan-20: #bae6ff;
--cyan-30: #82cfff;
--cyan-40: #33b1ff;
--cyan-50: #1192e8;
--cyan-60: #0072c3;
--cyan-70: #00539a;
--cyan-80: #003a6d;
--cyan-90: #012749;
--cyan-100: #061727;
--gray-10: #f4f4f4;
--gray-20: #e0e0e0;
--gray-30: #c6c6c6;
--gray-40: #a8a8a8;
--gray-50: #8d8d8d;
--gray-60: #6f6f6f;
--gray-70: #525252;
--gray-80: #393939;
--gray-90: #262626;
--gray-100: #161616;
--green-10: #defbe6;
--green-20: #a7f0ba;
--green-30: #6fdc8c;
--green-40: #42be65;
--green-50: #24a148;
--green-60: #198038;
--green-70: #0e6027;
--green-80: #044317;
--green-90: #022d0d;
--green-100: #071908;
--magenta-10: #fff0f7;
--magenta-20: #ffd6e8;
--magenta-30: #ffafd2;
--magenta-40: #ff7eb6;
--magenta-50: #ee5396;
--magenta-60: #d02670;
--magenta-70: #9f1853;
--magenta-80: #740937;
--magenta-90: #510224;
--magenta-100: #2a0a18;
--orange-10: #fff2e8;
--orange-20: #ffd9be;
--orange-30: #ffb784;
--orange-40: #ff832b;
--orange-50: #eb6200;
--orange-60: #ba4e00;
--orange-70: #8a3800;
--orange-80: #5e2900;
--orange-90: #3e1a00;
--orange-100: #231000;
--purple-10: #f6f2ff;
--purple-20: #e8daff;
--purple-30: #d4bbff;
--purple-40: #be95ff;
--purple-50: #a56eff;
--purple-60: #8a3ffc;
--purple-70: #6929c4;
--purple-80: #491d8b;
--purple-90: #31135e;
--purple-100: #1c0f30;
--red-10: #fff1f1;
--red-20: #ffd7d9;
--red-30: #ffb3b8;
--red-40: #ff8389;
--red-50: #fa4d56;
--red-60: #da1e28;
--red-70: #a2191f;
--red-80: #750e13;
--red-90: #520408;
--red-100: #2d0709;
--teal-10: #d9fbfb;
--teal-20: #9ef0f0;
--teal-30: #3ddbd9;
--teal-40: #08bdba;
--teal-50: #009d9a;
--teal-60: #007d79;
--teal-70: #005d5d;
--teal-80: #004144;
--teal-90: #022b30;
--teal-100: #081a1c;
--warm-gray-10: #f7f3f2;
--warm-gray-20: #e5e0df;
--warm-gray-30: #cac5c4;
--warm-gray-40: #ada8a8;
--warm-gray-50: #8f8b8b;
--warm-gray-60: #726e6e;
--warm-gray-70: #565151;
--warm-gray-80: #3c3838;
--warm-gray-90: #272525;
--warm-gray-100: #171414;
--white-0: #ffffff;
--yellow-10: #fcf4d6;
--yellow-20: #fddc69;
--yellow-30: #f1c21b;
--yellow-40: #d2a106;
--yellow-50: #b28600;
--yellow-60: #8e6a00;
--yellow-70: #684e00;
--yellow-80: #483700;
--yellow-90: #302400;
--yellow-100: #1c1500;
--white-hover: #e8e8e8;
--black-hover: #212121;
--blue-10-hover: #dbebff;
--blue-20-hover: #b8d3ff;
--blue-30-hover: #8ab6ff;
--blue-40-hover: #5c97ff;
--blue-50-hover: #1f70ff;
--blue-60-hover: #0050e6;
--blue-70-hover: #0053ff;
--blue-80-hover: #0039c7;
--blue-90-hover: #00258a;
--blue-100-hover: #001f75;
--cool-gray-10-hover: #e4e9f1;
--cool-gray-20-hover: #cdd3da;
--cool-gray-30-hover: #adb5bd;
--cool-gray-40-hover: #9199a1;
--cool-gray-50-hover: #757b85;
--cool-gray-60-hover: #585e64;
--cool-gray-70-hover: #5d646a;
--cool-gray-80-hover: #434a51;
--cool-gray-90-hover: #2b3236;
--cool-gray-100-hover: #222a2f;
--cyan-10-hover: #cceeff;
--cyan-20-hover: #99daff;
--cyan-30-hover: #57beff;
--cyan-40-hover: #059fff;
--cyan-50-hover: #0f7ec8;
--cyan-60-hover: #005fa3;
--cyan-70-hover: #0066bd;
--cyan-80-hover: #00498a;
--cyan-90-hover: #013360;
--cyan-100-hover: #0b2947;
--gray-10-hover: #e8e8e8;
--gray-20-hover: #d1d1d1;
--gray-30-hover: #b5b5b5;
--gray-40-hover: #999999;
--gray-50-hover: #7a7a7a;
--gray-60-hover: #5e5e5e;
--gray-70-hover: #636363;
--gray-80-hover: #474747;
--gray-90-hover: #333333;
--gray-100-hover: #292929;
--green-10-hover: #b6f6c8;
--green-20-hover: #74e792;
--green-30-hover: #36ce5e;
--green-40-hover: #3bab5a;
--green-50-hover: #208e3f;
--green-60-hover: #166f31;
--green-70-hover: #11742f;
--green-80-hover: #05521c;
--green-90-hover: #033b11;
--green-100-hover: #0d300f;
--magenta-10-hover: #ffe0ef;
--magenta-20-hover: #ffbdda;
--magenta-30-hover: #ff94c3;
--magenta-40-hover: #ff57a0;
--magenta-50-hover: #e3176f;
--magenta-60-hover: #b0215f;
--magenta-70-hover: #bf1d63;
--magenta-80-hover: #8e0b43;
--magenta-90-hover: #68032e;
--magenta-100-hover: #53142f;
--orange-10-hover: #ffe2cc;
--orange-20-hover: #ffc69e;
--orange-30-hover: #ff9d57;
--orange-40-hover: #fa6800;
--orange-50-hover: #cc5500;
--orange-60-hover: #9e4200;
--orange-70-hover: #a84400;
--orange-80-hover: #753300;
--orange-90-hover: #522200;
--orange-100-hover: #421e00;
--purple-10-hover: #ede5ff;
--purple-20-hover: #dcc7ff;
--purple-30-hover: #c5a3ff;
--purple-40-hover: #ae7aff;
--purple-50-hover: #9352ff;
--purple-60-hover: #7822fb;
--purple-70-hover: #7c3dd6;
--purple-80-hover: #5b24ad;
--purple-90-hover: #40197b;
--purple-100-hover: #341c59;
--red-10-hover: #ffe0e0;
--red-20-hover: #ffc2c5;
--red-30-hover: #ff99a0;
--red-40-hover: #ff6168;
--red-50-hover: #ee0713;
--red-60-hover: #b81922;
--red-70-hover: #c21e25;
--red-80-hover: #921118;
--red-90-hover: #66050a;
--red-100-hover: #540d11;
--teal-10-hover: #acf6f6;
--teal-20-hover: #57e5e5;
--teal-30-hover: #25cac8;
--teal-40-hover: #07aba9;
--teal-50-hover: #008a87;
--teal-60-hover: #006b68;
--teal-70-hover: #007070;
--teal-80-hover: #005357;
--teal-90-hover: #033940;
--teal-100-hover: #0f3034;
--warm-gray-10-hover: #f0e8e6;
--warm-gray-20-hover: #d8d0cf;
--warm-gray-30-hover: #b9b3b1;
--warm-gray-40-hover: #9c9696;
--warm-gray-50-hover: #7f7b7b;
--warm-gray-60-hover: #605d5d;
--warm-gray-70-hover: #696363;
--warm-gray-80-hover: #4c4848;
--warm-gray-90-hover: #343232;
--warm-gray-100-hover: #2c2626;
--yellow-10-hover: #f8e6a0;
--yellow-20-hover: #fccd27;
--yellow-30-hover: #ddb00e;
--yellow-40-hover: #bc9005;
--yellow-50-hover: #9e7700;
--yellow-60-hover: #755800;
--yellow-70-hover: #806000;
--yellow-80-hover: #5c4600;
--yellow-90-hover: #3d2e00;
--yellow-100-hover: #332600;


  /*
  'black': (
    100: #000000,
  ),
  'blue': (
    10: #edf5ff,
    20: #d0e2ff,
    30: #a6c8ff,
    40: #78a9ff,
    50: #4589ff,
    60: #0f62fe,
    70: #0043ce,
    80: #002d9c,
    90: #001d6c,
    100: #001141,
  ),
  'cool-gray': (
    10: #f2f4f8,
    20: #dde1e6,
    30: #c1c7cd,
    40: #a2a9b0,
    50: #878d96,
    60: #697077,
    70: #4d5358,
    80: #343a3f,
    90: #21272a,
    100: #121619,
  ),
  'coolGray': (
    10: #f2f4f8,
    20: #dde1e6,
    30: #c1c7cd,
    40: #a2a9b0,
    50: #878d96,
    60: #697077,
    70: #4d5358,
    80: #343a3f,
    90: #21272a,
    100: #121619,
  ),
  'cyan': (
    10: #e5f6ff,
    20: #bae6ff,
    30: #82cfff,
    40: #33b1ff,
    50: #1192e8,
    60: #0072c3,
    70: #00539a,
    80: #003a6d,
    90: #012749,
    100: #061727,
  ),
  'gray': (
    10: #f4f4f4,
    20: #e0e0e0,
    30: #c6c6c6,
    40: #a8a8a8,
    50: #8d8d8d,
    60: #6f6f6f,
    70: #525252,
    80: #393939,
    90: #262626,
    100: #161616,
  ),
  'green': (
    10: #defbe6,
    20: #a7f0ba,
    30: #6fdc8c,
    40: #42be65,
    50: #24a148,
    60: #198038,
    70: #0e6027,
    80: #044317,
    90: #022d0d,
    100: #071908,
  ),
  'magenta': (
    10: #fff0f7,
    20: #ffd6e8,
    30: #ffafd2,
    40: #ff7eb6,
    50: #ee5396,
    60: #d02670,
    70: #9f1853,
    80: #740937,
    90: #510224,
    100: #2a0a18,
  ),
  'orange': (
    10: #fff2e8,
    20: #ffd9be,
    30: #ffb784,
    40: #ff832b,
    50: #eb6200,
    60: #ba4e00,
    70: #8a3800,
    80: #5e2900,
    90: #3e1a00,
    100: #231000,
  ),
  'purple': (
    10: #f6f2ff,
    20: #e8daff,
    30: #d4bbff,
    40: #be95ff,
    50: #a56eff,
    60: #8a3ffc,
    70: #6929c4,
    80: #491d8b,
    90: #31135e,
    100: #1c0f30,
  ),
  'red': (
    10: #fff1f1,
    20: #ffd7d9,
    30: #ffb3b8,
    40: #ff8389,
    50: #fa4d56,
    60: #da1e28,
    70: #a2191f,
    80: #750e13,
    90: #520408,
    100: #2d0709,
  ),
  'teal': (
    10: #d9fbfb,
    20: #9ef0f0,
    30: #3ddbd9,
    40: #08bdba,
    50: #009d9a,
    60: #007d79,
    70: #005d5d,
    80: #004144,
    90: #022b30,
    100: #081a1c,
  ),
  'warm-gray': (
    10: #f7f3f2,
    20: #e5e0df,
    30: #cac5c4,
    40: #ada8a8,
    50: #8f8b8b,
    60: #726e6e,
    70: #565151,
    80: #3c3838,
    90: #272525,
    100: #171414,
  ),
  'warmGray': (
    10: #f7f3f2,
    20: #e5e0df,
    30: #cac5c4,
    40: #ada8a8,
    50: #8f8b8b,
    60: #726e6e,
    70: #565151,
    80: #3c3838,
    90: #272525,
    100: #171414,
  ),
  'white': (
    0: #ffffff,
  ),
  'yellow': (
    10: #fcf4d6,
    20: #fddc69,
    30: #f1c21b,
    40: #d2a106,
    50: #b28600,
    60: #8e6a00,
    70: #684e00,
    80: #483700,
    90: #302400,
    100: #1c1500,
  ),
  */
}