:root {
  --spacing: 1em;
  --color: black;
  --text-color: black;
  --color-primary: purple;
  --color-on-primary: white;
  --color-on-shift-primary: black;
  --color-shift-primary: #730d73;
  --color-primary-0: #000;
  --color-on-primary-0: white;
  --color-on-shift-primary-0: black;
  --color-shift-primary-0: #000;
  --color-primary-10: #303;
  --color-on-primary-10: white;
  --color-on-shift-primary-10: black;
  --color-shift-primary-10: #2e052e;
  --color-primary-20: #606;
  --color-on-primary-20: white;
  --color-on-shift-primary-20: black;
  --color-shift-primary-20: #5c0a5c;
  --color-primary-30: #909;
  --color-on-primary-30: white;
  --color-on-shift-primary-30: black;
  --color-shift-primary-30: #8a0f8a;
  --color-primary-40: #c0c;
  --color-on-primary-40: white;
  --color-on-shift-primary-40: black;
  --color-shift-primary-40: #b814b8;
  --color-primary-50: #f0f;
  --color-on-primary-50: black;
  --color-on-shift-primary-50: white;
  --color-shift-primary-50: #969;
  --color-primary-60: #f3f;
  --color-on-primary-60: black;
  --color-on-shift-primary-60: white;
  --color-shift-primary-60: #ad85ad;
  --color-primary-70: #f6f;
  --color-on-primary-70: black;
  --color-on-shift-primary-70: white;
  --color-shift-primary-70: #c2a3c2;
  --color-primary-80: #f9f;
  --color-on-primary-80: black;
  --color-on-shift-primary-80: white;
  --color-shift-primary-80: #d6c2d6;
  --color-primary-90: #fcf;
  --color-on-primary-90: black;
  --color-on-shift-primary-90: white;
  --color-shift-primary-90: #ebe0eb;
  --color-primary-100: #fff;
  --color-on-primary-100: black;
  --color-on-shift-primary-100: white;
  --color-shift-primary-100: #fff;
  --color-secondary: mediumpurple;
  --color-on-secondary: black;
  --color-on-shift-secondary: white;
  --color-shift-secondary: #9f94b7;
  --color-secondary-0: #000;
  --color-on-secondary-0: white;
  --color-on-shift-secondary-0: black;
  --color-shift-secondary-0: #000;
  --color-secondary-10: #140a29;
  --color-on-secondary-10: white;
  --color-on-shift-secondary-10: black;
  --color-shift-secondary-10: #12052e;
  --color-secondary-20: #281551;
  --color-on-secondary-20: white;
  --color-on-shift-secondary-20: black;
  --color-shift-secondary-20: #250a5c;
  --color-secondary-30: #3d1f7a;
  --color-on-secondary-30: white;
  --color-on-shift-secondary-30: black;
  --color-shift-secondary-30: #370f8a;
  --color-secondary-40: #5129a3;
  --color-on-secondary-40: white;
  --color-on-shift-secondary-40: black;
  --color-shift-secondary-40: #4a14b8;
  --color-secondary-50: #6533cc;
  --color-on-secondary-50: black;
  --color-on-shift-secondary-50: white;
  --color-shift-secondary-50: #769;
  --color-secondary-60: #845cd6;
  --color-on-secondary-60: black;
  --color-on-shift-secondary-60: white;
  --color-shift-secondary-60: #9285ad;
  --color-secondary-70: #a385e0;
  --color-on-secondary-70: black;
  --color-on-shift-secondary-70: white;
  --color-shift-secondary-70: #ada3c2;
  --color-secondary-80: #c1aeea;
  --color-on-secondary-80: black;
  --color-on-shift-secondary-80: white;
  --color-shift-secondary-80: #c8c2d6;
  --color-secondary-90: #e0d6f5;
  --color-on-secondary-90: black;
  --color-on-shift-secondary-90: white;
  --color-shift-secondary-90: #e4e0eb;
  --color-secondary-100: #fff;
  --color-on-secondary-100: black;
  --color-on-shift-secondary-100: white;
  --color-shift-secondary-100: #fff;
  --color-accent: gold;
  --color-on-accent: black;
  --color-on-shift-accent: white;
  --color-shift-accent: #999166;
  --color-accent-0: #000;
  --color-on-accent-0: white;
  --color-on-shift-accent-0: black;
  --color-shift-accent-0: #000;
  --color-accent-10: #332b00;
  --color-on-accent-10: white;
  --color-on-shift-accent-10: black;
  --color-shift-accent-10: #2e2705;
  --color-accent-20: #665600;
  --color-on-accent-20: white;
  --color-on-shift-accent-20: black;
  --color-shift-accent-20: #5c4f0a;
  --color-accent-30: #998100;
  --color-on-accent-30: white;
  --color-on-shift-accent-30: black;
  --color-shift-accent-30: #8a770f;
  --color-accent-40: #ccac00;
  --color-on-accent-40: white;
  --color-on-shift-accent-40: black;
  --color-shift-accent-40: #b89e14;
  --color-accent-50: gold;
  --color-on-accent-50: black;
  --color-on-shift-accent-50: white;
  --color-shift-accent-50: #999166;
  --color-accent-60: #ffdf33;
  --color-on-accent-60: black;
  --color-on-shift-accent-60: white;
  --color-shift-accent-60: #ada785;
  --color-accent-70: #ffe766;
  --color-on-accent-70: black;
  --color-on-shift-accent-70: white;
  --color-shift-accent-70: #c2bda3;
  --color-accent-80: #ffef99;
  --color-on-accent-80: black;
  --color-on-shift-accent-80: white;
  --color-shift-accent-80: #d6d3c2;
  --color-accent-90: #fff7cc;
  --color-on-accent-90: black;
  --color-on-shift-accent-90: white;
  --color-shift-accent-90: #ebe9e0;
  --color-accent-100: #fff;
  --color-on-accent-100: black;
  --color-on-shift-accent-100: white;
  --color-shift-accent-100: #fff;
  --color-highlight: silver;
  --color-on-highlight: black;
  --color-on-shift-highlight: white;
  --color-shift-highlight: #cdb3b3;
  --color-highlight-0: #000;
  --color-on-highlight-0: white;
  --color-on-shift-highlight-0: black;
  --color-shift-highlight-0: #000;
  --color-highlight-10: #1a1a1a;
  --color-on-highlight-10: white;
  --color-on-shift-highlight-10: black;
  --color-shift-highlight-10: #2e0505;
  --color-highlight-20: #333;
  --color-on-highlight-20: white;
  --color-on-shift-highlight-20: black;
  --color-shift-highlight-20: #5c0a0a;
  --color-highlight-30: #4d4d4d;
  --color-on-highlight-30: white;
  --color-on-shift-highlight-30: black;
  --color-shift-highlight-30: #8a0f0f;
  --color-highlight-40: #666;
  --color-on-highlight-40: white;
  --color-on-shift-highlight-40: black;
  --color-shift-highlight-40: #b81414;
  --color-highlight-50: gray;
  --color-on-highlight-50: black;
  --color-on-shift-highlight-50: white;
  --color-shift-highlight-50: #966;
  --color-highlight-60: #999;
  --color-on-highlight-60: black;
  --color-on-shift-highlight-60: white;
  --color-shift-highlight-60: #ad8585;
  --color-highlight-70: #b3b3b3;
  --color-on-highlight-70: black;
  --color-on-shift-highlight-70: white;
  --color-shift-highlight-70: #c2a3a3;
  --color-highlight-80: #ccc;
  --color-on-highlight-80: black;
  --color-on-shift-highlight-80: white;
  --color-shift-highlight-80: #d6c2c2;
  --color-highlight-90: #e6e6e6;
  --color-on-highlight-90: black;
  --color-on-shift-highlight-90: white;
  --color-shift-highlight-90: #ebe0e0;
  --color-highlight-100: #fff;
  --color-on-highlight-100: black;
  --color-on-shift-highlight-100: white;
  --color-shift-highlight-100: #fff;
  --color-white: white;
  --color-on-white: black;
  --color-on-shift-white: white;
  --color-shift-white: #fff;
  --color-white-0: #000;
  --color-on-white-0: white;
  --color-on-shift-white-0: black;
  --color-shift-white-0: #000;
  --color-white-10: #1a1a1a;
  --color-on-white-10: white;
  --color-on-shift-white-10: black;
  --color-shift-white-10: #2e0505;
  --color-white-20: #333;
  --color-on-white-20: white;
  --color-on-shift-white-20: black;
  --color-shift-white-20: #5c0a0a;
  --color-white-30: #4d4d4d;
  --color-on-white-30: white;
  --color-on-shift-white-30: black;
  --color-shift-white-30: #8a0f0f;
  --color-white-40: #666;
  --color-on-white-40: white;
  --color-on-shift-white-40: black;
  --color-shift-white-40: #b81414;
  --color-white-50: gray;
  --color-on-white-50: black;
  --color-on-shift-white-50: white;
  --color-shift-white-50: #966;
  --color-white-60: #999;
  --color-on-white-60: black;
  --color-on-shift-white-60: white;
  --color-shift-white-60: #ad8585;
  --color-white-70: #b3b3b3;
  --color-on-white-70: black;
  --color-on-shift-white-70: white;
  --color-shift-white-70: #c2a3a3;
  --color-white-80: #ccc;
  --color-on-white-80: black;
  --color-on-shift-white-80: white;
  --color-shift-white-80: #d6c2c2;
  --color-white-90: #e6e6e6;
  --color-on-white-90: black;
  --color-on-shift-white-90: white;
  --color-shift-white-90: #ebe0e0;
  --color-white-100: #fff;
  --color-on-white-100: black;
  --color-on-shift-white-100: white;
  --color-shift-white-100: #fff;
  --color-light: lightgray;
  --color-on-light: black;
  --color-on-shift-light: white;
  --color-shift-light: #dccaca;
  --color-light-0: #000;
  --color-on-light-0: white;
  --color-on-shift-light-0: black;
  --color-shift-light-0: #000;
  --color-light-10: #1a1a1a;
  --color-on-light-10: white;
  --color-on-shift-light-10: black;
  --color-shift-light-10: #2e0505;
  --color-light-20: #333;
  --color-on-light-20: white;
  --color-on-shift-light-20: black;
  --color-shift-light-20: #5c0a0a;
  --color-light-30: #4d4d4d;
  --color-on-light-30: white;
  --color-on-shift-light-30: black;
  --color-shift-light-30: #8a0f0f;
  --color-light-40: #666;
  --color-on-light-40: white;
  --color-on-shift-light-40: black;
  --color-shift-light-40: #b81414;
  --color-light-50: gray;
  --color-on-light-50: black;
  --color-on-shift-light-50: white;
  --color-shift-light-50: #966;
  --color-light-60: #999;
  --color-on-light-60: black;
  --color-on-shift-light-60: white;
  --color-shift-light-60: #ad8585;
  --color-light-70: #b3b3b3;
  --color-on-light-70: black;
  --color-on-shift-light-70: white;
  --color-shift-light-70: #c2a3a3;
  --color-light-80: #ccc;
  --color-on-light-80: black;
  --color-on-shift-light-80: white;
  --color-shift-light-80: #d6c2c2;
  --color-light-90: #e6e6e6;
  --color-on-light-90: black;
  --color-on-shift-light-90: white;
  --color-shift-light-90: #ebe0e0;
  --color-light-100: #fff;
  --color-on-light-100: black;
  --color-on-shift-light-100: white;
  --color-shift-light-100: #fff;
  --color-dark: gray;
  --color-on-dark: black;
  --color-on-shift-dark: white;
  --color-shift-dark: #996767;
  --color-dark-0: #000;
  --color-on-dark-0: white;
  --color-on-shift-dark-0: black;
  --color-shift-dark-0: #000;
  --color-dark-10: #1a1a1a;
  --color-on-dark-10: white;
  --color-on-shift-dark-10: black;
  --color-shift-dark-10: #2e0505;
  --color-dark-20: #333;
  --color-on-dark-20: white;
  --color-on-shift-dark-20: black;
  --color-shift-dark-20: #5c0a0a;
  --color-dark-30: #4d4d4d;
  --color-on-dark-30: white;
  --color-on-shift-dark-30: black;
  --color-shift-dark-30: #8a0f0f;
  --color-dark-40: #666;
  --color-on-dark-40: white;
  --color-on-shift-dark-40: black;
  --color-shift-dark-40: #b81414;
  --color-dark-50: gray;
  --color-on-dark-50: black;
  --color-on-shift-dark-50: white;
  --color-shift-dark-50: #966;
  --color-dark-60: #999;
  --color-on-dark-60: black;
  --color-on-shift-dark-60: white;
  --color-shift-dark-60: #ad8585;
  --color-dark-70: #b3b3b3;
  --color-on-dark-70: black;
  --color-on-shift-dark-70: white;
  --color-shift-dark-70: #c2a3a3;
  --color-dark-80: #ccc;
  --color-on-dark-80: black;
  --color-on-shift-dark-80: white;
  --color-shift-dark-80: #d6c2c2;
  --color-dark-90: #e6e6e6;
  --color-on-dark-90: black;
  --color-on-shift-dark-90: white;
  --color-shift-dark-90: #ebe0e0;
  --color-dark-100: #fff;
  --color-on-dark-100: black;
  --color-on-shift-dark-100: white;
  --color-shift-dark-100: #fff;
  --color-black: black;
  --color-on-black: white;
  --color-on-shift-black: black;
  --color-shift-black: #000;
  --color-black-0: #000;
  --color-on-black-0: white;
  --color-on-shift-black-0: black;
  --color-shift-black-0: #000;
  --color-black-10: #1a1a1a;
  --color-on-black-10: white;
  --color-on-shift-black-10: black;
  --color-shift-black-10: #2e0505;
  --color-black-20: #333;
  --color-on-black-20: white;
  --color-on-shift-black-20: black;
  --color-shift-black-20: #5c0a0a;
  --color-black-30: #4d4d4d;
  --color-on-black-30: white;
  --color-on-shift-black-30: black;
  --color-shift-black-30: #8a0f0f;
  --color-black-40: #666;
  --color-on-black-40: white;
  --color-on-shift-black-40: black;
  --color-shift-black-40: #b81414;
  --color-black-50: gray;
  --color-on-black-50: black;
  --color-on-shift-black-50: white;
  --color-shift-black-50: #966;
  --color-black-60: #999;
  --color-on-black-60: black;
  --color-on-shift-black-60: white;
  --color-shift-black-60: #ad8585;
  --color-black-70: #b3b3b3;
  --color-on-black-70: black;
  --color-on-shift-black-70: white;
  --color-shift-black-70: #c2a3a3;
  --color-black-80: #ccc;
  --color-on-black-80: black;
  --color-on-shift-black-80: white;
  --color-shift-black-80: #d6c2c2;
  --color-black-90: #e6e6e6;
  --color-on-black-90: black;
  --color-on-shift-black-90: white;
  --color-shift-black-90: #ebe0e0;
  --color-black-100: #fff;
  --color-on-black-100: black;
  --color-on-shift-black-100: white;
  --color-shift-black-100: #fff;
  --color-info: blue;
  --color-on-info: black;
  --color-on-shift-info: white;
  --color-shift-info: #669;
  --color-info-0: #000;
  --color-on-info-0: white;
  --color-on-shift-info-0: black;
  --color-shift-info-0: #000;
  --color-info-10: #003;
  --color-on-info-10: white;
  --color-on-shift-info-10: black;
  --color-shift-info-10: #05052e;
  --color-info-20: #006;
  --color-on-info-20: white;
  --color-on-shift-info-20: black;
  --color-shift-info-20: #0a0a5c;
  --color-info-30: #009;
  --color-on-info-30: white;
  --color-on-shift-info-30: black;
  --color-shift-info-30: #0f0f8a;
  --color-info-40: #00c;
  --color-on-info-40: white;
  --color-on-shift-info-40: black;
  --color-shift-info-40: #1414b8;
  --color-info-50: #00f;
  --color-on-info-50: black;
  --color-on-shift-info-50: white;
  --color-shift-info-50: #669;
  --color-info-60: #33f;
  --color-on-info-60: black;
  --color-on-shift-info-60: white;
  --color-shift-info-60: #8585ad;
  --color-info-70: #66f;
  --color-on-info-70: black;
  --color-on-shift-info-70: white;
  --color-shift-info-70: #a3a3c2;
  --color-info-80: #99f;
  --color-on-info-80: black;
  --color-on-shift-info-80: white;
  --color-shift-info-80: #c2c2d6;
  --color-info-90: #ccf;
  --color-on-info-90: black;
  --color-on-shift-info-90: white;
  --color-shift-info-90: #e0e0eb;
  --color-info-100: #fff;
  --color-on-info-100: black;
  --color-on-shift-info-100: white;
  --color-shift-info-100: #fff;
  --color-success: green;
  --color-on-success: white;
  --color-on-shift-success: black;
  --color-shift-success: #0d730d;
  --color-success-0: #000;
  --color-on-success-0: white;
  --color-on-shift-success-0: black;
  --color-shift-success-0: #000;
  --color-success-10: #030;
  --color-on-success-10: white;
  --color-on-shift-success-10: black;
  --color-shift-success-10: #052e05;
  --color-success-20: #060;
  --color-on-success-20: white;
  --color-on-shift-success-20: black;
  --color-shift-success-20: #0a5c0a;
  --color-success-30: #090;
  --color-on-success-30: white;
  --color-on-shift-success-30: black;
  --color-shift-success-30: #0f8a0f;
  --color-success-40: #0c0;
  --color-on-success-40: white;
  --color-on-shift-success-40: black;
  --color-shift-success-40: #14b814;
  --color-success-50: #0f0;
  --color-on-success-50: black;
  --color-on-shift-success-50: white;
  --color-shift-success-50: #696;
  --color-success-60: #3f3;
  --color-on-success-60: black;
  --color-on-shift-success-60: white;
  --color-shift-success-60: #85ad85;
  --color-success-70: #6f6;
  --color-on-success-70: black;
  --color-on-shift-success-70: white;
  --color-shift-success-70: #a3c2a3;
  --color-success-80: #9f9;
  --color-on-success-80: black;
  --color-on-shift-success-80: white;
  --color-shift-success-80: #c2d6c2;
  --color-success-90: #cfc;
  --color-on-success-90: black;
  --color-on-shift-success-90: white;
  --color-shift-success-90: #e0ebe0;
  --color-success-100: #fff;
  --color-on-success-100: black;
  --color-on-shift-success-100: white;
  --color-shift-success-100: #fff;
  --color-warning: yellow;
  --color-on-warning: black;
  --color-on-shift-warning: white;
  --color-shift-warning: #996;
  --color-warning-0: #000;
  --color-on-warning-0: white;
  --color-on-shift-warning-0: black;
  --color-shift-warning-0: #000;
  --color-warning-10: #330;
  --color-on-warning-10: white;
  --color-on-shift-warning-10: black;
  --color-shift-warning-10: #2e2e05;
  --color-warning-20: #660;
  --color-on-warning-20: white;
  --color-on-shift-warning-20: black;
  --color-shift-warning-20: #5c5c0a;
  --color-warning-30: #990;
  --color-on-warning-30: white;
  --color-on-shift-warning-30: black;
  --color-shift-warning-30: #8a8a0f;
  --color-warning-40: #cc0;
  --color-on-warning-40: white;
  --color-on-shift-warning-40: black;
  --color-shift-warning-40: #b8b814;
  --color-warning-50: #ff0;
  --color-on-warning-50: black;
  --color-on-shift-warning-50: white;
  --color-shift-warning-50: #996;
  --color-warning-60: #ff3;
  --color-on-warning-60: black;
  --color-on-shift-warning-60: white;
  --color-shift-warning-60: #adad85;
  --color-warning-70: #ff6;
  --color-on-warning-70: black;
  --color-on-shift-warning-70: white;
  --color-shift-warning-70: #c2c2a3;
  --color-warning-80: #ff9;
  --color-on-warning-80: black;
  --color-on-shift-warning-80: white;
  --color-shift-warning-80: #d6d6c2;
  --color-warning-90: #ffc;
  --color-on-warning-90: black;
  --color-on-shift-warning-90: white;
  --color-shift-warning-90: #ebebe0;
  --color-warning-100: #fff;
  --color-on-warning-100: black;
  --color-on-shift-warning-100: white;
  --color-shift-warning-100: #fff;
  --color-error: red;
  --color-on-error: black;
  --color-on-shift-error: white;
  --color-shift-error: #966;
  --color-error-0: #000;
  --color-on-error-0: white;
  --color-on-shift-error-0: black;
  --color-shift-error-0: #000;
  --color-error-10: #300;
  --color-on-error-10: white;
  --color-on-shift-error-10: black;
  --color-shift-error-10: #2e0505;
  --color-error-20: #600;
  --color-on-error-20: white;
  --color-on-shift-error-20: black;
  --color-shift-error-20: #5c0a0a;
  --color-error-30: #900;
  --color-on-error-30: white;
  --color-on-shift-error-30: black;
  --color-shift-error-30: #8a0f0f;
  --color-error-40: #c00;
  --color-on-error-40: white;
  --color-on-shift-error-40: black;
  --color-shift-error-40: #b81414;
  --color-error-50: red;
  --color-on-error-50: black;
  --color-on-shift-error-50: white;
  --color-shift-error-50: #966;
  --color-error-60: #f33;
  --color-on-error-60: black;
  --color-on-shift-error-60: white;
  --color-shift-error-60: #ad8585;
  --color-error-70: #f66;
  --color-on-error-70: black;
  --color-on-shift-error-70: white;
  --color-shift-error-70: #c2a3a3;
  --color-error-80: #f99;
  --color-on-error-80: black;
  --color-on-shift-error-80: white;
  --color-shift-error-80: #d6c2c2;
  --color-error-90: #fcc;
  --color-on-error-90: black;
  --color-on-shift-error-90: white;
  --color-shift-error-90: #ebe0e0;
  --color-error-100: #fff;
  --color-on-error-100: black;
  --color-on-shift-error-100: white;
  --color-shift-error-100: #fff;
  --color-clear: lightblue;
  --color-on-clear: black;
  --color-on-shift-clear: white;
  --color-shift-clear: #bfcfd4;
  --color-clear-0: #000;
  --color-on-clear-0: white;
  --color-on-shift-clear-0: black;
  --color-shift-clear-0: #000;
  --color-clear-10: #0c2027;
  --color-on-clear-10: white;
  --color-on-shift-clear-10: black;
  --color-shift-clear-10: #05242e;
  --color-clear-20: #18414e;
  --color-on-clear-20: white;
  --color-on-shift-clear-20: black;
  --color-shift-clear-20: #0a485c;
  --color-clear-30: #246175;
  --color-on-clear-30: white;
  --color-on-shift-clear-30: black;
  --color-shift-clear-30: #0f6c8a;
  --color-clear-40: #30829c;
  --color-on-clear-40: white;
  --color-on-shift-clear-40: black;
  --color-shift-clear-40: #1490b8;
  --color-clear-50: #3ca2c3;
  --color-on-clear-50: black;
  --color-on-shift-clear-50: white;
  --color-shift-clear-50: #668c99;
  --color-clear-60: #63b5cf;
  --color-on-clear-60: black;
  --color-on-shift-clear-60: white;
  --color-shift-clear-60: #85a3ad;
  --color-clear-70: #8ac7db;
  --color-on-clear-70: black;
  --color-on-shift-clear-70: white;
  --color-shift-clear-70: #a3bac2;
  --color-clear-80: #b1dae7;
  --color-on-clear-80: black;
  --color-on-shift-clear-80: white;
  --color-shift-clear-80: #c2d1d6;
  --color-clear-90: #d8ecf3;
  --color-on-clear-90: black;
  --color-on-shift-clear-90: white;
  --color-shift-clear-90: #e0e8eb;
  --color-clear-100: #fff;
  --color-on-clear-100: black;
  --color-on-shift-clear-100: white;
  --color-shift-clear-100: #fff;
  --color-okay: green;
  --color-on-okay: white;
  --color-on-shift-okay: black;
  --color-shift-okay: #0d730d;
  --color-okay-0: #000;
  --color-on-okay-0: white;
  --color-on-shift-okay-0: black;
  --color-shift-okay-0: #000;
  --color-okay-10: #030;
  --color-on-okay-10: white;
  --color-on-shift-okay-10: black;
  --color-shift-okay-10: #052e05;
  --color-okay-20: #060;
  --color-on-okay-20: white;
  --color-on-shift-okay-20: black;
  --color-shift-okay-20: #0a5c0a;
  --color-okay-30: #090;
  --color-on-okay-30: white;
  --color-on-shift-okay-30: black;
  --color-shift-okay-30: #0f8a0f;
  --color-okay-40: #0c0;
  --color-on-okay-40: white;
  --color-on-shift-okay-40: black;
  --color-shift-okay-40: #14b814;
  --color-okay-50: #0f0;
  --color-on-okay-50: black;
  --color-on-shift-okay-50: white;
  --color-shift-okay-50: #696;
  --color-okay-60: #3f3;
  --color-on-okay-60: black;
  --color-on-shift-okay-60: white;
  --color-shift-okay-60: #85ad85;
  --color-okay-70: #6f6;
  --color-on-okay-70: black;
  --color-on-shift-okay-70: white;
  --color-shift-okay-70: #a3c2a3;
  --color-okay-80: #9f9;
  --color-on-okay-80: black;
  --color-on-shift-okay-80: white;
  --color-shift-okay-80: #c2d6c2;
  --color-okay-90: #cfc;
  --color-on-okay-90: black;
  --color-on-shift-okay-90: white;
  --color-shift-okay-90: #e0ebe0;
  --color-okay-100: #fff;
  --color-on-okay-100: black;
  --color-on-shift-okay-100: white;
  --color-shift-okay-100: #fff;
  --color-failed: red;
  --color-on-failed: black;
  --color-on-shift-failed: white;
  --color-shift-failed: #966;
  --color-failed-0: #000;
  --color-on-failed-0: white;
  --color-on-shift-failed-0: black;
  --color-shift-failed-0: #000;
  --color-failed-10: #300;
  --color-on-failed-10: white;
  --color-on-shift-failed-10: black;
  --color-shift-failed-10: #2e0505;
  --color-failed-20: #600;
  --color-on-failed-20: white;
  --color-on-shift-failed-20: black;
  --color-shift-failed-20: #5c0a0a;
  --color-failed-30: #900;
  --color-on-failed-30: white;
  --color-on-shift-failed-30: black;
  --color-shift-failed-30: #8a0f0f;
  --color-failed-40: #c00;
  --color-on-failed-40: white;
  --color-on-shift-failed-40: black;
  --color-shift-failed-40: #b81414;
  --color-failed-50: red;
  --color-on-failed-50: black;
  --color-on-shift-failed-50: white;
  --color-shift-failed-50: #966;
  --color-failed-60: #f33;
  --color-on-failed-60: black;
  --color-on-shift-failed-60: white;
  --color-shift-failed-60: #ad8585;
  --color-failed-70: #f66;
  --color-on-failed-70: black;
  --color-on-shift-failed-70: white;
  --color-shift-failed-70: #c2a3a3;
  --color-failed-80: #f99;
  --color-on-failed-80: black;
  --color-on-shift-failed-80: white;
  --color-shift-failed-80: #d6c2c2;
  --color-failed-90: #fcc;
  --color-on-failed-90: black;
  --color-on-shift-failed-90: white;
  --color-shift-failed-90: #ebe0e0;
  --color-failed-100: #fff;
  --color-on-failed-100: black;
  --color-on-shift-failed-100: white;
  --color-shift-failed-100: #fff;
  --color-unknown: gray;
  --color-on-unknown: black;
  --color-on-shift-unknown: white;
  --color-shift-unknown: #996767;
  --color-unknown-0: #000;
  --color-on-unknown-0: white;
  --color-on-shift-unknown-0: black;
  --color-shift-unknown-0: #000;
  --color-unknown-10: #1a1a1a;
  --color-on-unknown-10: white;
  --color-on-shift-unknown-10: black;
  --color-shift-unknown-10: #2e0505;
  --color-unknown-20: #333;
  --color-on-unknown-20: white;
  --color-on-shift-unknown-20: black;
  --color-shift-unknown-20: #5c0a0a;
  --color-unknown-30: #4d4d4d;
  --color-on-unknown-30: white;
  --color-on-shift-unknown-30: black;
  --color-shift-unknown-30: #8a0f0f;
  --color-unknown-40: #666;
  --color-on-unknown-40: white;
  --color-on-shift-unknown-40: black;
  --color-shift-unknown-40: #b81414;
  --color-unknown-50: gray;
  --color-on-unknown-50: black;
  --color-on-shift-unknown-50: white;
  --color-shift-unknown-50: #966;
  --color-unknown-60: #999;
  --color-on-unknown-60: black;
  --color-on-shift-unknown-60: white;
  --color-shift-unknown-60: #ad8585;
  --color-unknown-70: #b3b3b3;
  --color-on-unknown-70: black;
  --color-on-shift-unknown-70: white;
  --color-shift-unknown-70: #c2a3a3;
  --color-unknown-80: #ccc;
  --color-on-unknown-80: black;
  --color-on-shift-unknown-80: white;
  --color-shift-unknown-80: #d6c2c2;
  --color-unknown-90: #e6e6e6;
  --color-on-unknown-90: black;
  --color-on-shift-unknown-90: white;
  --color-shift-unknown-90: #ebe0e0;
  --color-unknown-100: #fff;
  --color-on-unknown-100: black;
  --color-on-shift-unknown-100: white;
  --color-shift-unknown-100: #fff;
  --color-reset: yellow;
  --color-on-reset: black;
  --color-on-shift-reset: white;
  --color-shift-reset: #996;
  --color-reset-0: #000;
  --color-on-reset-0: white;
  --color-on-shift-reset-0: black;
  --color-shift-reset-0: #000;
  --color-reset-10: #330;
  --color-on-reset-10: white;
  --color-on-shift-reset-10: black;
  --color-shift-reset-10: #2e2e05;
  --color-reset-20: #660;
  --color-on-reset-20: white;
  --color-on-shift-reset-20: black;
  --color-shift-reset-20: #5c5c0a;
  --color-reset-30: #990;
  --color-on-reset-30: white;
  --color-on-shift-reset-30: black;
  --color-shift-reset-30: #8a8a0f;
  --color-reset-40: #cc0;
  --color-on-reset-40: white;
  --color-on-shift-reset-40: black;
  --color-shift-reset-40: #b8b814;
  --color-reset-50: #ff0;
  --color-on-reset-50: black;
  --color-on-shift-reset-50: white;
  --color-shift-reset-50: #996;
  --color-reset-60: #ff3;
  --color-on-reset-60: black;
  --color-on-shift-reset-60: white;
  --color-shift-reset-60: #adad85;
  --color-reset-70: #ff6;
  --color-on-reset-70: black;
  --color-on-shift-reset-70: white;
  --color-shift-reset-70: #c2c2a3;
  --color-reset-80: #ff9;
  --color-on-reset-80: black;
  --color-on-shift-reset-80: white;
  --color-shift-reset-80: #d6d6c2;
  --color-reset-90: #ffc;
  --color-on-reset-90: black;
  --color-on-shift-reset-90: white;
  --color-shift-reset-90: #ebebe0;
  --color-reset-100: #fff;
  --color-on-reset-100: black;
  --color-on-shift-reset-100: white;
  --color-shift-reset-100: #fff;
  --color-cancel: red;
  --color-on-cancel: black;
  --color-on-shift-cancel: white;
  --color-shift-cancel: #966;
  --color-cancel-0: #000;
  --color-on-cancel-0: white;
  --color-on-shift-cancel-0: black;
  --color-shift-cancel-0: #000;
  --color-cancel-10: #300;
  --color-on-cancel-10: white;
  --color-on-shift-cancel-10: black;
  --color-shift-cancel-10: #2e0505;
  --color-cancel-20: #600;
  --color-on-cancel-20: white;
  --color-on-shift-cancel-20: black;
  --color-shift-cancel-20: #5c0a0a;
  --color-cancel-30: #900;
  --color-on-cancel-30: white;
  --color-on-shift-cancel-30: black;
  --color-shift-cancel-30: #8a0f0f;
  --color-cancel-40: #c00;
  --color-on-cancel-40: white;
  --color-on-shift-cancel-40: black;
  --color-shift-cancel-40: #b81414;
  --color-cancel-50: red;
  --color-on-cancel-50: black;
  --color-on-shift-cancel-50: white;
  --color-shift-cancel-50: #966;
  --color-cancel-60: #f33;
  --color-on-cancel-60: black;
  --color-on-shift-cancel-60: white;
  --color-shift-cancel-60: #ad8585;
  --color-cancel-70: #f66;
  --color-on-cancel-70: black;
  --color-on-shift-cancel-70: white;
  --color-shift-cancel-70: #c2a3a3;
  --color-cancel-80: #f99;
  --color-on-cancel-80: black;
  --color-on-shift-cancel-80: white;
  --color-shift-cancel-80: #d6c2c2;
  --color-cancel-90: #fcc;
  --color-on-cancel-90: black;
  --color-on-shift-cancel-90: white;
  --color-shift-cancel-90: #ebe0e0;
  --color-cancel-100: #fff;
  --color-on-cancel-100: black;
  --color-on-shift-cancel-100: white;
  --color-shift-cancel-100: #fff;
  --color-action: purple;
  --color-on-action: white;
  --color-on-shift-action: black;
  --color-shift-action: #730d73;
  --color-action-0: #000;
  --color-on-action-0: white;
  --color-on-shift-action-0: black;
  --color-shift-action-0: #000;
  --color-action-10: #303;
  --color-on-action-10: white;
  --color-on-shift-action-10: black;
  --color-shift-action-10: #2e052e;
  --color-action-20: #606;
  --color-on-action-20: white;
  --color-on-shift-action-20: black;
  --color-shift-action-20: #5c0a5c;
  --color-action-30: #909;
  --color-on-action-30: white;
  --color-on-shift-action-30: black;
  --color-shift-action-30: #8a0f8a;
  --color-action-40: #c0c;
  --color-on-action-40: white;
  --color-on-shift-action-40: black;
  --color-shift-action-40: #b814b8;
  --color-action-50: #f0f;
  --color-on-action-50: black;
  --color-on-shift-action-50: white;
  --color-shift-action-50: #969;
  --color-action-60: #f3f;
  --color-on-action-60: black;
  --color-on-shift-action-60: white;
  --color-shift-action-60: #ad85ad;
  --color-action-70: #f6f;
  --color-on-action-70: black;
  --color-on-shift-action-70: white;
  --color-shift-action-70: #c2a3c2;
  --color-action-80: #f9f;
  --color-on-action-80: black;
  --color-on-shift-action-80: white;
  --color-shift-action-80: #d6c2d6;
  --color-action-90: #fcf;
  --color-on-action-90: black;
  --color-on-shift-action-90: white;
  --color-shift-action-90: #ebe0eb;
  --color-action-100: #fff;
  --color-on-action-100: black;
  --color-on-shift-action-100: white;
  --color-shift-action-100: #fff;
  --color-continue: green;
  --color-on-continue: white;
  --color-on-shift-continue: black;
  --color-shift-continue: #0d730d;
  --color-continue-0: #000;
  --color-on-continue-0: white;
  --color-on-shift-continue-0: black;
  --color-shift-continue-0: #000;
  --color-continue-10: #030;
  --color-on-continue-10: white;
  --color-on-shift-continue-10: black;
  --color-shift-continue-10: #052e05;
  --color-continue-20: #060;
  --color-on-continue-20: white;
  --color-on-shift-continue-20: black;
  --color-shift-continue-20: #0a5c0a;
  --color-continue-30: #090;
  --color-on-continue-30: white;
  --color-on-shift-continue-30: black;
  --color-shift-continue-30: #0f8a0f;
  --color-continue-40: #0c0;
  --color-on-continue-40: white;
  --color-on-shift-continue-40: black;
  --color-shift-continue-40: #14b814;
  --color-continue-50: #0f0;
  --color-on-continue-50: black;
  --color-on-shift-continue-50: white;
  --color-shift-continue-50: #696;
  --color-continue-60: #3f3;
  --color-on-continue-60: black;
  --color-on-shift-continue-60: white;
  --color-shift-continue-60: #85ad85;
  --color-continue-70: #6f6;
  --color-on-continue-70: black;
  --color-on-shift-continue-70: white;
  --color-shift-continue-70: #a3c2a3;
  --color-continue-80: #9f9;
  --color-on-continue-80: black;
  --color-on-shift-continue-80: white;
  --color-shift-continue-80: #c2d6c2;
  --color-continue-90: #cfc;
  --color-on-continue-90: black;
  --color-on-shift-continue-90: white;
  --color-shift-continue-90: #e0ebe0;
  --color-continue-100: #fff;
  --color-on-continue-100: black;
  --color-on-shift-continue-100: white;
  --color-shift-continue-100: #fff;
  --color-shadow: #80808030;
  --color-on-shadow: black;
  --color-on-shift-shadow: white;
  --color-shift-shadow: #996767;
  --color-shadow-0: #000;
  --color-on-shadow-0: white;
  --color-on-shift-shadow-0: black;
  --color-shift-shadow-0: #000;
  --color-shadow-10: #1a1a1a;
  --color-on-shadow-10: white;
  --color-on-shift-shadow-10: black;
  --color-shift-shadow-10: #2e0505;
  --color-shadow-20: #333;
  --color-on-shadow-20: white;
  --color-on-shift-shadow-20: black;
  --color-shift-shadow-20: #5c0a0a;
  --color-shadow-30: #4d4d4d;
  --color-on-shadow-30: white;
  --color-on-shift-shadow-30: black;
  --color-shift-shadow-30: #8a0f0f;
  --color-shadow-40: #666;
  --color-on-shadow-40: white;
  --color-on-shift-shadow-40: black;
  --color-shift-shadow-40: #b81414;
  --color-shadow-50: gray;
  --color-on-shadow-50: black;
  --color-on-shift-shadow-50: white;
  --color-shift-shadow-50: #966;
  --color-shadow-60: #999;
  --color-on-shadow-60: black;
  --color-on-shift-shadow-60: white;
  --color-shift-shadow-60: #ad8585;
  --color-shadow-70: #b3b3b3;
  --color-on-shadow-70: black;
  --color-on-shift-shadow-70: white;
  --color-shift-shadow-70: #c2a3a3;
  --color-shadow-80: #ccc;
  --color-on-shadow-80: black;
  --color-on-shift-shadow-80: white;
  --color-shift-shadow-80: #d6c2c2;
  --color-shadow-90: #e6e6e6;
  --color-on-shadow-90: black;
  --color-on-shift-shadow-90: white;
  --color-shift-shadow-90: #ebe0e0;
  --color-shadow-100: #fff;
  --color-on-shadow-100: black;
  --color-on-shift-shadow-100: white;
  --color-shift-shadow-100: #fff;
  --color-link: blue;
  --color-link-hover: red;
  --breakpoint-mobile: 320px;
  --breakpoint-mobile-max: 480px;
  --breakpoint-tablet: 481px;
  --breakpoint-tablet-max: 768px;
  --breakpoint-screen: 769px;
  --breakpoint-screen-max: 1024px;
  --breakpoint-desktop: 1025px;
  --breakpoint-desktop-max: 1200px;
  --breakpoint-large: 1201px;
  --breakpoint-large-max: 1400px;
  --breakpoint-extra-large: 1401px;
  --container-width-mobile: 95%;
  --container-width-tablet: 95%;
  --container-width-screen: 95%;
  --container-width-desktop: 980px;
  --container-width-large: 1024px;
  --container-width-extra-large: 1080px;
  --container-width: var(--container-width-mobile);
}

@media (min-width: 481px) {
  :root {
    --container-width: var(--container-width-tablet);
  }
}

@media (min-width: 769px) {
  :root {
    --container-width: var(--container-width-screen);
  }
}

@media (min-width: 1025px) {
  :root {
    --container-width: var(--container-width-desktop);
  }
}

@media (min-width: 1201px) {
  :root {
    --container-width: var(--container-width-large);
  }
}

@media (min-width: 1400px) {
  :root {
    --container-width: var(--container-width-extra-large);
  }
}

.primary {
  --color: var(--color-primary) !important;
  --text-color: var(--color-on-primary) !important;
  --color-shift: var(--color-shift-primary) !important;
  --text-color-shift: var(--color-on-shift-primary) !important;
}

.background-primary {
  background-color: var(--color-primary) !important;
  --text-color: var(--color-on-primary) !important;
  --color-shift: var(--color-shift-primary) !important;
  --text-color-shift: var(--color-on-shift-primary) !important;
}

.text-primary {
  --text-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
  --hover-text-color: var(--color-on-shift-primary) !important;
}

.outline-primary {
  outline-color: var(--color-primary) !important;
  --hover-color: var(--color-shift-primary) !important;
}

.border-primary {
  border-color: var(--color-primary) !important;
  --hover-color: var(--color-shift-primary) !important;
}

.primary-0 {
  --color: var(--color-primary-0) !important;
  --text-color: var(--color-on-primary-0) !important;
}

.background-primary-0 {
  background-color: var(--color-primary-0) !important;
  --text-color: var(--color-on-primary-0) !important;
}

.text-primary-0 {
  color: var(--color-primary-0) !important;
}

.outline-primary-0 {
  outline-color: var(--color-primary-0) !important;
}

.border-primary-0 {
  border-color: var(--color-primary-0) !important;
}

.primary-10 {
  --color: var(--color-primary-10) !important;
  --text-color: var(--color-on-primary-10) !important;
}

.background-primary-10 {
  background-color: var(--color-primary-10) !important;
  --text-color: var(--color-on-primary-10) !important;
}

.text-primary-10 {
  color: var(--color-primary-10) !important;
}

.outline-primary-10 {
  outline-color: var(--color-primary-10) !important;
}

.border-primary-10 {
  border-color: var(--color-primary-10) !important;
}

.primary-20 {
  --color: var(--color-primary-20) !important;
  --text-color: var(--color-on-primary-20) !important;
}

.background-primary-20 {
  background-color: var(--color-primary-20) !important;
  --text-color: var(--color-on-primary-20) !important;
}

.text-primary-20 {
  color: var(--color-primary-20) !important;
}

.outline-primary-20 {
  outline-color: var(--color-primary-20) !important;
}

.border-primary-20 {
  border-color: var(--color-primary-20) !important;
}

.primary-30 {
  --color: var(--color-primary-30) !important;
  --text-color: var(--color-on-primary-30) !important;
}

.background-primary-30 {
  background-color: var(--color-primary-30) !important;
  --text-color: var(--color-on-primary-30) !important;
}

.text-primary-30 {
  color: var(--color-primary-30) !important;
}

.outline-primary-30 {
  outline-color: var(--color-primary-30) !important;
}

.border-primary-30 {
  border-color: var(--color-primary-30) !important;
}

.primary-40 {
  --color: var(--color-primary-40) !important;
  --text-color: var(--color-on-primary-40) !important;
}

.background-primary-40 {
  background-color: var(--color-primary-40) !important;
  --text-color: var(--color-on-primary-40) !important;
}

.text-primary-40 {
  color: var(--color-primary-40) !important;
}

.outline-primary-40 {
  outline-color: var(--color-primary-40) !important;
}

.border-primary-40 {
  border-color: var(--color-primary-40) !important;
}

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

.background-primary-50 {
  background-color: var(--color-primary-50) !important;
  --text-color: var(--color-on-primary-50) !important;
}

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

.outline-primary-50 {
  outline-color: var(--color-primary-50) !important;
}

.border-primary-50 {
  border-color: var(--color-primary-50) !important;
}

.primary-60 {
  --color: var(--color-primary-60) !important;
  --text-color: var(--color-on-primary-60) !important;
}

.background-primary-60 {
  background-color: var(--color-primary-60) !important;
  --text-color: var(--color-on-primary-60) !important;
}

.text-primary-60 {
  color: var(--color-primary-60) !important;
}

.outline-primary-60 {
  outline-color: var(--color-primary-60) !important;
}

.border-primary-60 {
  border-color: var(--color-primary-60) !important;
}

.primary-70 {
  --color: var(--color-primary-70) !important;
  --text-color: var(--color-on-primary-70) !important;
}

.background-primary-70 {
  background-color: var(--color-primary-70) !important;
  --text-color: var(--color-on-primary-70) !important;
}

.text-primary-70 {
  color: var(--color-primary-70) !important;
}

.outline-primary-70 {
  outline-color: var(--color-primary-70) !important;
}

.border-primary-70 {
  border-color: var(--color-primary-70) !important;
}

.primary-80 {
  --color: var(--color-primary-80) !important;
  --text-color: var(--color-on-primary-80) !important;
}

.background-primary-80 {
  background-color: var(--color-primary-80) !important;
  --text-color: var(--color-on-primary-80) !important;
}

.text-primary-80 {
  color: var(--color-primary-80) !important;
}

.outline-primary-80 {
  outline-color: var(--color-primary-80) !important;
}

.border-primary-80 {
  border-color: var(--color-primary-80) !important;
}

.primary-90 {
  --color: var(--color-primary-90) !important;
  --text-color: var(--color-on-primary-90) !important;
}

.background-primary-90 {
  background-color: var(--color-primary-90) !important;
  --text-color: var(--color-on-primary-90) !important;
}

.text-primary-90 {
  color: var(--color-primary-90) !important;
}

.outline-primary-90 {
  outline-color: var(--color-primary-90) !important;
}

.border-primary-90 {
  border-color: var(--color-primary-90) !important;
}

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

.background-primary-100 {
  background-color: var(--color-primary-100) !important;
  --text-color: var(--color-on-primary-100) !important;
}

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

.outline-primary-100 {
  outline-color: var(--color-primary-100) !important;
}

.border-primary-100 {
  border-color: var(--color-primary-100) !important;
}

.secondary {
  --color: var(--color-secondary) !important;
  --text-color: var(--color-on-secondary) !important;
  --color-shift: var(--color-shift-secondary) !important;
  --text-color-shift: var(--color-on-shift-secondary) !important;
}

.background-secondary {
  background-color: var(--color-secondary) !important;
  --text-color: var(--color-on-secondary) !important;
  --color-shift: var(--color-shift-secondary) !important;
  --text-color-shift: var(--color-on-shift-secondary) !important;
}

.text-secondary {
  --text-color: var(--color-secondary) !important;
  color: var(--color-secondary) !important;
  --hover-text-color: var(--color-on-shift-secondary) !important;
}

.outline-secondary {
  outline-color: var(--color-secondary) !important;
  --hover-color: var(--color-shift-secondary) !important;
}

.border-secondary {
  border-color: var(--color-secondary) !important;
  --hover-color: var(--color-shift-secondary) !important;
}

.secondary-0 {
  --color: var(--color-secondary-0) !important;
  --text-color: var(--color-on-secondary-0) !important;
}

.background-secondary-0 {
  background-color: var(--color-secondary-0) !important;
  --text-color: var(--color-on-secondary-0) !important;
}

.text-secondary-0 {
  color: var(--color-secondary-0) !important;
}

.outline-secondary-0 {
  outline-color: var(--color-secondary-0) !important;
}

.border-secondary-0 {
  border-color: var(--color-secondary-0) !important;
}

.secondary-10 {
  --color: var(--color-secondary-10) !important;
  --text-color: var(--color-on-secondary-10) !important;
}

.background-secondary-10 {
  background-color: var(--color-secondary-10) !important;
  --text-color: var(--color-on-secondary-10) !important;
}

.text-secondary-10 {
  color: var(--color-secondary-10) !important;
}

.outline-secondary-10 {
  outline-color: var(--color-secondary-10) !important;
}

.border-secondary-10 {
  border-color: var(--color-secondary-10) !important;
}

.secondary-20 {
  --color: var(--color-secondary-20) !important;
  --text-color: var(--color-on-secondary-20) !important;
}

.background-secondary-20 {
  background-color: var(--color-secondary-20) !important;
  --text-color: var(--color-on-secondary-20) !important;
}

.text-secondary-20 {
  color: var(--color-secondary-20) !important;
}

.outline-secondary-20 {
  outline-color: var(--color-secondary-20) !important;
}

.border-secondary-20 {
  border-color: var(--color-secondary-20) !important;
}

.secondary-30 {
  --color: var(--color-secondary-30) !important;
  --text-color: var(--color-on-secondary-30) !important;
}

.background-secondary-30 {
  background-color: var(--color-secondary-30) !important;
  --text-color: var(--color-on-secondary-30) !important;
}

.text-secondary-30 {
  color: var(--color-secondary-30) !important;
}

.outline-secondary-30 {
  outline-color: var(--color-secondary-30) !important;
}

.border-secondary-30 {
  border-color: var(--color-secondary-30) !important;
}

.secondary-40 {
  --color: var(--color-secondary-40) !important;
  --text-color: var(--color-on-secondary-40) !important;
}

.background-secondary-40 {
  background-color: var(--color-secondary-40) !important;
  --text-color: var(--color-on-secondary-40) !important;
}

.text-secondary-40 {
  color: var(--color-secondary-40) !important;
}

.outline-secondary-40 {
  outline-color: var(--color-secondary-40) !important;
}

.border-secondary-40 {
  border-color: var(--color-secondary-40) !important;
}

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

.background-secondary-50 {
  background-color: var(--color-secondary-50) !important;
  --text-color: var(--color-on-secondary-50) !important;
}

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

.outline-secondary-50 {
  outline-color: var(--color-secondary-50) !important;
}

.border-secondary-50 {
  border-color: var(--color-secondary-50) !important;
}

.secondary-60 {
  --color: var(--color-secondary-60) !important;
  --text-color: var(--color-on-secondary-60) !important;
}

.background-secondary-60 {
  background-color: var(--color-secondary-60) !important;
  --text-color: var(--color-on-secondary-60) !important;
}

.text-secondary-60 {
  color: var(--color-secondary-60) !important;
}

.outline-secondary-60 {
  outline-color: var(--color-secondary-60) !important;
}

.border-secondary-60 {
  border-color: var(--color-secondary-60) !important;
}

.secondary-70 {
  --color: var(--color-secondary-70) !important;
  --text-color: var(--color-on-secondary-70) !important;
}

.background-secondary-70 {
  background-color: var(--color-secondary-70) !important;
  --text-color: var(--color-on-secondary-70) !important;
}

.text-secondary-70 {
  color: var(--color-secondary-70) !important;
}

.outline-secondary-70 {
  outline-color: var(--color-secondary-70) !important;
}

.border-secondary-70 {
  border-color: var(--color-secondary-70) !important;
}

.secondary-80 {
  --color: var(--color-secondary-80) !important;
  --text-color: var(--color-on-secondary-80) !important;
}

.background-secondary-80 {
  background-color: var(--color-secondary-80) !important;
  --text-color: var(--color-on-secondary-80) !important;
}

.text-secondary-80 {
  color: var(--color-secondary-80) !important;
}

.outline-secondary-80 {
  outline-color: var(--color-secondary-80) !important;
}

.border-secondary-80 {
  border-color: var(--color-secondary-80) !important;
}

.secondary-90 {
  --color: var(--color-secondary-90) !important;
  --text-color: var(--color-on-secondary-90) !important;
}

.background-secondary-90 {
  background-color: var(--color-secondary-90) !important;
  --text-color: var(--color-on-secondary-90) !important;
}

.text-secondary-90 {
  color: var(--color-secondary-90) !important;
}

.outline-secondary-90 {
  outline-color: var(--color-secondary-90) !important;
}

.border-secondary-90 {
  border-color: var(--color-secondary-90) !important;
}

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

.background-secondary-100 {
  background-color: var(--color-secondary-100) !important;
  --text-color: var(--color-on-secondary-100) !important;
}

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

.outline-secondary-100 {
  outline-color: var(--color-secondary-100) !important;
}

.border-secondary-100 {
  border-color: var(--color-secondary-100) !important;
}

.accent {
  --color: var(--color-accent) !important;
  --text-color: var(--color-on-accent) !important;
  --color-shift: var(--color-shift-accent) !important;
  --text-color-shift: var(--color-on-shift-accent) !important;
}

.background-accent {
  background-color: var(--color-accent) !important;
  --text-color: var(--color-on-accent) !important;
  --color-shift: var(--color-shift-accent) !important;
  --text-color-shift: var(--color-on-shift-accent) !important;
}

.text-accent {
  --text-color: var(--color-accent) !important;
  color: var(--color-accent) !important;
  --hover-text-color: var(--color-on-shift-accent) !important;
}

.outline-accent {
  outline-color: var(--color-accent) !important;
  --hover-color: var(--color-shift-accent) !important;
}

.border-accent {
  border-color: var(--color-accent) !important;
  --hover-color: var(--color-shift-accent) !important;
}

.accent-0 {
  --color: var(--color-accent-0) !important;
  --text-color: var(--color-on-accent-0) !important;
}

.background-accent-0 {
  background-color: var(--color-accent-0) !important;
  --text-color: var(--color-on-accent-0) !important;
}

.text-accent-0 {
  color: var(--color-accent-0) !important;
}

.outline-accent-0 {
  outline-color: var(--color-accent-0) !important;
}

.border-accent-0 {
  border-color: var(--color-accent-0) !important;
}

.accent-10 {
  --color: var(--color-accent-10) !important;
  --text-color: var(--color-on-accent-10) !important;
}

.background-accent-10 {
  background-color: var(--color-accent-10) !important;
  --text-color: var(--color-on-accent-10) !important;
}

.text-accent-10 {
  color: var(--color-accent-10) !important;
}

.outline-accent-10 {
  outline-color: var(--color-accent-10) !important;
}

.border-accent-10 {
  border-color: var(--color-accent-10) !important;
}

.accent-20 {
  --color: var(--color-accent-20) !important;
  --text-color: var(--color-on-accent-20) !important;
}

.background-accent-20 {
  background-color: var(--color-accent-20) !important;
  --text-color: var(--color-on-accent-20) !important;
}

.text-accent-20 {
  color: var(--color-accent-20) !important;
}

.outline-accent-20 {
  outline-color: var(--color-accent-20) !important;
}

.border-accent-20 {
  border-color: var(--color-accent-20) !important;
}

.accent-30 {
  --color: var(--color-accent-30) !important;
  --text-color: var(--color-on-accent-30) !important;
}

.background-accent-30 {
  background-color: var(--color-accent-30) !important;
  --text-color: var(--color-on-accent-30) !important;
}

.text-accent-30 {
  color: var(--color-accent-30) !important;
}

.outline-accent-30 {
  outline-color: var(--color-accent-30) !important;
}

.border-accent-30 {
  border-color: var(--color-accent-30) !important;
}

.accent-40 {
  --color: var(--color-accent-40) !important;
  --text-color: var(--color-on-accent-40) !important;
}

.background-accent-40 {
  background-color: var(--color-accent-40) !important;
  --text-color: var(--color-on-accent-40) !important;
}

.text-accent-40 {
  color: var(--color-accent-40) !important;
}

.outline-accent-40 {
  outline-color: var(--color-accent-40) !important;
}

.border-accent-40 {
  border-color: var(--color-accent-40) !important;
}

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

.background-accent-50 {
  background-color: var(--color-accent-50) !important;
  --text-color: var(--color-on-accent-50) !important;
}

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

.outline-accent-50 {
  outline-color: var(--color-accent-50) !important;
}

.border-accent-50 {
  border-color: var(--color-accent-50) !important;
}

.accent-60 {
  --color: var(--color-accent-60) !important;
  --text-color: var(--color-on-accent-60) !important;
}

.background-accent-60 {
  background-color: var(--color-accent-60) !important;
  --text-color: var(--color-on-accent-60) !important;
}

.text-accent-60 {
  color: var(--color-accent-60) !important;
}

.outline-accent-60 {
  outline-color: var(--color-accent-60) !important;
}

.border-accent-60 {
  border-color: var(--color-accent-60) !important;
}

.accent-70 {
  --color: var(--color-accent-70) !important;
  --text-color: var(--color-on-accent-70) !important;
}

.background-accent-70 {
  background-color: var(--color-accent-70) !important;
  --text-color: var(--color-on-accent-70) !important;
}

.text-accent-70 {
  color: var(--color-accent-70) !important;
}

.outline-accent-70 {
  outline-color: var(--color-accent-70) !important;
}

.border-accent-70 {
  border-color: var(--color-accent-70) !important;
}

.accent-80 {
  --color: var(--color-accent-80) !important;
  --text-color: var(--color-on-accent-80) !important;
}

.background-accent-80 {
  background-color: var(--color-accent-80) !important;
  --text-color: var(--color-on-accent-80) !important;
}

.text-accent-80 {
  color: var(--color-accent-80) !important;
}

.outline-accent-80 {
  outline-color: var(--color-accent-80) !important;
}

.border-accent-80 {
  border-color: var(--color-accent-80) !important;
}

.accent-90 {
  --color: var(--color-accent-90) !important;
  --text-color: var(--color-on-accent-90) !important;
}

.background-accent-90 {
  background-color: var(--color-accent-90) !important;
  --text-color: var(--color-on-accent-90) !important;
}

.text-accent-90 {
  color: var(--color-accent-90) !important;
}

.outline-accent-90 {
  outline-color: var(--color-accent-90) !important;
}

.border-accent-90 {
  border-color: var(--color-accent-90) !important;
}

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

.background-accent-100 {
  background-color: var(--color-accent-100) !important;
  --text-color: var(--color-on-accent-100) !important;
}

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

.outline-accent-100 {
  outline-color: var(--color-accent-100) !important;
}

.border-accent-100 {
  border-color: var(--color-accent-100) !important;
}

.highlight {
  --color: var(--color-highlight) !important;
  --text-color: var(--color-on-highlight) !important;
  --color-shift: var(--color-shift-highlight) !important;
  --text-color-shift: var(--color-on-shift-highlight) !important;
}

.background-highlight {
  background-color: var(--color-highlight) !important;
  --text-color: var(--color-on-highlight) !important;
  --color-shift: var(--color-shift-highlight) !important;
  --text-color-shift: var(--color-on-shift-highlight) !important;
}

.text-highlight {
  --text-color: var(--color-highlight) !important;
  color: var(--color-highlight) !important;
  --hover-text-color: var(--color-on-shift-highlight) !important;
}

.outline-highlight {
  outline-color: var(--color-highlight) !important;
  --hover-color: var(--color-shift-highlight) !important;
}

.border-highlight {
  border-color: var(--color-highlight) !important;
  --hover-color: var(--color-shift-highlight) !important;
}

.highlight-0 {
  --color: var(--color-highlight-0) !important;
  --text-color: var(--color-on-highlight-0) !important;
}

.background-highlight-0 {
  background-color: var(--color-highlight-0) !important;
  --text-color: var(--color-on-highlight-0) !important;
}

.text-highlight-0 {
  color: var(--color-highlight-0) !important;
}

.outline-highlight-0 {
  outline-color: var(--color-highlight-0) !important;
}

.border-highlight-0 {
  border-color: var(--color-highlight-0) !important;
}

.highlight-10 {
  --color: var(--color-highlight-10) !important;
  --text-color: var(--color-on-highlight-10) !important;
}

.background-highlight-10 {
  background-color: var(--color-highlight-10) !important;
  --text-color: var(--color-on-highlight-10) !important;
}

.text-highlight-10 {
  color: var(--color-highlight-10) !important;
}

.outline-highlight-10 {
  outline-color: var(--color-highlight-10) !important;
}

.border-highlight-10 {
  border-color: var(--color-highlight-10) !important;
}

.highlight-20 {
  --color: var(--color-highlight-20) !important;
  --text-color: var(--color-on-highlight-20) !important;
}

.background-highlight-20 {
  background-color: var(--color-highlight-20) !important;
  --text-color: var(--color-on-highlight-20) !important;
}

.text-highlight-20 {
  color: var(--color-highlight-20) !important;
}

.outline-highlight-20 {
  outline-color: var(--color-highlight-20) !important;
}

.border-highlight-20 {
  border-color: var(--color-highlight-20) !important;
}

.highlight-30 {
  --color: var(--color-highlight-30) !important;
  --text-color: var(--color-on-highlight-30) !important;
}

.background-highlight-30 {
  background-color: var(--color-highlight-30) !important;
  --text-color: var(--color-on-highlight-30) !important;
}

.text-highlight-30 {
  color: var(--color-highlight-30) !important;
}

.outline-highlight-30 {
  outline-color: var(--color-highlight-30) !important;
}

.border-highlight-30 {
  border-color: var(--color-highlight-30) !important;
}

.highlight-40 {
  --color: var(--color-highlight-40) !important;
  --text-color: var(--color-on-highlight-40) !important;
}

.background-highlight-40 {
  background-color: var(--color-highlight-40) !important;
  --text-color: var(--color-on-highlight-40) !important;
}

.text-highlight-40 {
  color: var(--color-highlight-40) !important;
}

.outline-highlight-40 {
  outline-color: var(--color-highlight-40) !important;
}

.border-highlight-40 {
  border-color: var(--color-highlight-40) !important;
}

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

.background-highlight-50 {
  background-color: var(--color-highlight-50) !important;
  --text-color: var(--color-on-highlight-50) !important;
}

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

.outline-highlight-50 {
  outline-color: var(--color-highlight-50) !important;
}

.border-highlight-50 {
  border-color: var(--color-highlight-50) !important;
}

.highlight-60 {
  --color: var(--color-highlight-60) !important;
  --text-color: var(--color-on-highlight-60) !important;
}

.background-highlight-60 {
  background-color: var(--color-highlight-60) !important;
  --text-color: var(--color-on-highlight-60) !important;
}

.text-highlight-60 {
  color: var(--color-highlight-60) !important;
}

.outline-highlight-60 {
  outline-color: var(--color-highlight-60) !important;
}

.border-highlight-60 {
  border-color: var(--color-highlight-60) !important;
}

.highlight-70 {
  --color: var(--color-highlight-70) !important;
  --text-color: var(--color-on-highlight-70) !important;
}

.background-highlight-70 {
  background-color: var(--color-highlight-70) !important;
  --text-color: var(--color-on-highlight-70) !important;
}

.text-highlight-70 {
  color: var(--color-highlight-70) !important;
}

.outline-highlight-70 {
  outline-color: var(--color-highlight-70) !important;
}

.border-highlight-70 {
  border-color: var(--color-highlight-70) !important;
}

.highlight-80 {
  --color: var(--color-highlight-80) !important;
  --text-color: var(--color-on-highlight-80) !important;
}

.background-highlight-80 {
  background-color: var(--color-highlight-80) !important;
  --text-color: var(--color-on-highlight-80) !important;
}

.text-highlight-80 {
  color: var(--color-highlight-80) !important;
}

.outline-highlight-80 {
  outline-color: var(--color-highlight-80) !important;
}

.border-highlight-80 {
  border-color: var(--color-highlight-80) !important;
}

.highlight-90 {
  --color: var(--color-highlight-90) !important;
  --text-color: var(--color-on-highlight-90) !important;
}

.background-highlight-90 {
  background-color: var(--color-highlight-90) !important;
  --text-color: var(--color-on-highlight-90) !important;
}

.text-highlight-90 {
  color: var(--color-highlight-90) !important;
}

.outline-highlight-90 {
  outline-color: var(--color-highlight-90) !important;
}

.border-highlight-90 {
  border-color: var(--color-highlight-90) !important;
}

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

.background-highlight-100 {
  background-color: var(--color-highlight-100) !important;
  --text-color: var(--color-on-highlight-100) !important;
}

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

.outline-highlight-100 {
  outline-color: var(--color-highlight-100) !important;
}

.border-highlight-100 {
  border-color: var(--color-highlight-100) !important;
}

.white {
  --color: var(--color-white) !important;
  --text-color: var(--color-on-white) !important;
  --color-shift: var(--color-shift-white) !important;
  --text-color-shift: var(--color-on-shift-white) !important;
}

.background-white {
  background-color: var(--color-white) !important;
  --text-color: var(--color-on-white) !important;
  --color-shift: var(--color-shift-white) !important;
  --text-color-shift: var(--color-on-shift-white) !important;
}

.text-white {
  --text-color: var(--color-white) !important;
  color: var(--color-white) !important;
  --hover-text-color: var(--color-on-shift-white) !important;
}

.outline-white {
  outline-color: var(--color-white) !important;
  --hover-color: var(--color-shift-white) !important;
}

.border-white {
  border-color: var(--color-white) !important;
  --hover-color: var(--color-shift-white) !important;
}

.white-0 {
  --color: var(--color-white-0) !important;
  --text-color: var(--color-on-white-0) !important;
}

.background-white-0 {
  background-color: var(--color-white-0) !important;
  --text-color: var(--color-on-white-0) !important;
}

.text-white-0 {
  color: var(--color-white-0) !important;
}

.outline-white-0 {
  outline-color: var(--color-white-0) !important;
}

.border-white-0 {
  border-color: var(--color-white-0) !important;
}

.white-10 {
  --color: var(--color-white-10) !important;
  --text-color: var(--color-on-white-10) !important;
}

.background-white-10 {
  background-color: var(--color-white-10) !important;
  --text-color: var(--color-on-white-10) !important;
}

.text-white-10 {
  color: var(--color-white-10) !important;
}

.outline-white-10 {
  outline-color: var(--color-white-10) !important;
}

.border-white-10 {
  border-color: var(--color-white-10) !important;
}

.white-20 {
  --color: var(--color-white-20) !important;
  --text-color: var(--color-on-white-20) !important;
}

.background-white-20 {
  background-color: var(--color-white-20) !important;
  --text-color: var(--color-on-white-20) !important;
}

.text-white-20 {
  color: var(--color-white-20) !important;
}

.outline-white-20 {
  outline-color: var(--color-white-20) !important;
}

.border-white-20 {
  border-color: var(--color-white-20) !important;
}

.white-30 {
  --color: var(--color-white-30) !important;
  --text-color: var(--color-on-white-30) !important;
}

.background-white-30 {
  background-color: var(--color-white-30) !important;
  --text-color: var(--color-on-white-30) !important;
}

.text-white-30 {
  color: var(--color-white-30) !important;
}

.outline-white-30 {
  outline-color: var(--color-white-30) !important;
}

.border-white-30 {
  border-color: var(--color-white-30) !important;
}

.white-40 {
  --color: var(--color-white-40) !important;
  --text-color: var(--color-on-white-40) !important;
}

.background-white-40 {
  background-color: var(--color-white-40) !important;
  --text-color: var(--color-on-white-40) !important;
}

.text-white-40 {
  color: var(--color-white-40) !important;
}

.outline-white-40 {
  outline-color: var(--color-white-40) !important;
}

.border-white-40 {
  border-color: var(--color-white-40) !important;
}

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

.background-white-50 {
  background-color: var(--color-white-50) !important;
  --text-color: var(--color-on-white-50) !important;
}

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

.outline-white-50 {
  outline-color: var(--color-white-50) !important;
}

.border-white-50 {
  border-color: var(--color-white-50) !important;
}

.white-60 {
  --color: var(--color-white-60) !important;
  --text-color: var(--color-on-white-60) !important;
}

.background-white-60 {
  background-color: var(--color-white-60) !important;
  --text-color: var(--color-on-white-60) !important;
}

.text-white-60 {
  color: var(--color-white-60) !important;
}

.outline-white-60 {
  outline-color: var(--color-white-60) !important;
}

.border-white-60 {
  border-color: var(--color-white-60) !important;
}

.white-70 {
  --color: var(--color-white-70) !important;
  --text-color: var(--color-on-white-70) !important;
}

.background-white-70 {
  background-color: var(--color-white-70) !important;
  --text-color: var(--color-on-white-70) !important;
}

.text-white-70 {
  color: var(--color-white-70) !important;
}

.outline-white-70 {
  outline-color: var(--color-white-70) !important;
}

.border-white-70 {
  border-color: var(--color-white-70) !important;
}

.white-80 {
  --color: var(--color-white-80) !important;
  --text-color: var(--color-on-white-80) !important;
}

.background-white-80 {
  background-color: var(--color-white-80) !important;
  --text-color: var(--color-on-white-80) !important;
}

.text-white-80 {
  color: var(--color-white-80) !important;
}

.outline-white-80 {
  outline-color: var(--color-white-80) !important;
}

.border-white-80 {
  border-color: var(--color-white-80) !important;
}

.white-90 {
  --color: var(--color-white-90) !important;
  --text-color: var(--color-on-white-90) !important;
}

.background-white-90 {
  background-color: var(--color-white-90) !important;
  --text-color: var(--color-on-white-90) !important;
}

.text-white-90 {
  color: var(--color-white-90) !important;
}

.outline-white-90 {
  outline-color: var(--color-white-90) !important;
}

.border-white-90 {
  border-color: var(--color-white-90) !important;
}

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

.background-white-100 {
  background-color: var(--color-white-100) !important;
  --text-color: var(--color-on-white-100) !important;
}

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

.outline-white-100 {
  outline-color: var(--color-white-100) !important;
}

.border-white-100 {
  border-color: var(--color-white-100) !important;
}

.light {
  --color: var(--color-light) !important;
  --text-color: var(--color-on-light) !important;
  --color-shift: var(--color-shift-light) !important;
  --text-color-shift: var(--color-on-shift-light) !important;
}

.background-light {
  background-color: var(--color-light) !important;
  --text-color: var(--color-on-light) !important;
  --color-shift: var(--color-shift-light) !important;
  --text-color-shift: var(--color-on-shift-light) !important;
}

.text-light {
  --text-color: var(--color-light) !important;
  color: var(--color-light) !important;
  --hover-text-color: var(--color-on-shift-light) !important;
}

.outline-light {
  outline-color: var(--color-light) !important;
  --hover-color: var(--color-shift-light) !important;
}

.border-light {
  border-color: var(--color-light) !important;
  --hover-color: var(--color-shift-light) !important;
}

.light-0 {
  --color: var(--color-light-0) !important;
  --text-color: var(--color-on-light-0) !important;
}

.background-light-0 {
  background-color: var(--color-light-0) !important;
  --text-color: var(--color-on-light-0) !important;
}

.text-light-0 {
  color: var(--color-light-0) !important;
}

.outline-light-0 {
  outline-color: var(--color-light-0) !important;
}

.border-light-0 {
  border-color: var(--color-light-0) !important;
}

.light-10 {
  --color: var(--color-light-10) !important;
  --text-color: var(--color-on-light-10) !important;
}

.background-light-10 {
  background-color: var(--color-light-10) !important;
  --text-color: var(--color-on-light-10) !important;
}

.text-light-10 {
  color: var(--color-light-10) !important;
}

.outline-light-10 {
  outline-color: var(--color-light-10) !important;
}

.border-light-10 {
  border-color: var(--color-light-10) !important;
}

.light-20 {
  --color: var(--color-light-20) !important;
  --text-color: var(--color-on-light-20) !important;
}

.background-light-20 {
  background-color: var(--color-light-20) !important;
  --text-color: var(--color-on-light-20) !important;
}

.text-light-20 {
  color: var(--color-light-20) !important;
}

.outline-light-20 {
  outline-color: var(--color-light-20) !important;
}

.border-light-20 {
  border-color: var(--color-light-20) !important;
}

.light-30 {
  --color: var(--color-light-30) !important;
  --text-color: var(--color-on-light-30) !important;
}

.background-light-30 {
  background-color: var(--color-light-30) !important;
  --text-color: var(--color-on-light-30) !important;
}

.text-light-30 {
  color: var(--color-light-30) !important;
}

.outline-light-30 {
  outline-color: var(--color-light-30) !important;
}

.border-light-30 {
  border-color: var(--color-light-30) !important;
}

.light-40 {
  --color: var(--color-light-40) !important;
  --text-color: var(--color-on-light-40) !important;
}

.background-light-40 {
  background-color: var(--color-light-40) !important;
  --text-color: var(--color-on-light-40) !important;
}

.text-light-40 {
  color: var(--color-light-40) !important;
}

.outline-light-40 {
  outline-color: var(--color-light-40) !important;
}

.border-light-40 {
  border-color: var(--color-light-40) !important;
}

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

.background-light-50 {
  background-color: var(--color-light-50) !important;
  --text-color: var(--color-on-light-50) !important;
}

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

.outline-light-50 {
  outline-color: var(--color-light-50) !important;
}

.border-light-50 {
  border-color: var(--color-light-50) !important;
}

.light-60 {
  --color: var(--color-light-60) !important;
  --text-color: var(--color-on-light-60) !important;
}

.background-light-60 {
  background-color: var(--color-light-60) !important;
  --text-color: var(--color-on-light-60) !important;
}

.text-light-60 {
  color: var(--color-light-60) !important;
}

.outline-light-60 {
  outline-color: var(--color-light-60) !important;
}

.border-light-60 {
  border-color: var(--color-light-60) !important;
}

.light-70 {
  --color: var(--color-light-70) !important;
  --text-color: var(--color-on-light-70) !important;
}

.background-light-70 {
  background-color: var(--color-light-70) !important;
  --text-color: var(--color-on-light-70) !important;
}

.text-light-70 {
  color: var(--color-light-70) !important;
}

.outline-light-70 {
  outline-color: var(--color-light-70) !important;
}

.border-light-70 {
  border-color: var(--color-light-70) !important;
}

.light-80 {
  --color: var(--color-light-80) !important;
  --text-color: var(--color-on-light-80) !important;
}

.background-light-80 {
  background-color: var(--color-light-80) !important;
  --text-color: var(--color-on-light-80) !important;
}

.text-light-80 {
  color: var(--color-light-80) !important;
}

.outline-light-80 {
  outline-color: var(--color-light-80) !important;
}

.border-light-80 {
  border-color: var(--color-light-80) !important;
}

.light-90 {
  --color: var(--color-light-90) !important;
  --text-color: var(--color-on-light-90) !important;
}

.background-light-90 {
  background-color: var(--color-light-90) !important;
  --text-color: var(--color-on-light-90) !important;
}

.text-light-90 {
  color: var(--color-light-90) !important;
}

.outline-light-90 {
  outline-color: var(--color-light-90) !important;
}

.border-light-90 {
  border-color: var(--color-light-90) !important;
}

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

.background-light-100 {
  background-color: var(--color-light-100) !important;
  --text-color: var(--color-on-light-100) !important;
}

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

.outline-light-100 {
  outline-color: var(--color-light-100) !important;
}

.border-light-100 {
  border-color: var(--color-light-100) !important;
}

.dark {
  --color: var(--color-dark) !important;
  --text-color: var(--color-on-dark) !important;
  --color-shift: var(--color-shift-dark) !important;
  --text-color-shift: var(--color-on-shift-dark) !important;
}

.background-dark {
  background-color: var(--color-dark) !important;
  --text-color: var(--color-on-dark) !important;
  --color-shift: var(--color-shift-dark) !important;
  --text-color-shift: var(--color-on-shift-dark) !important;
}

.text-dark {
  --text-color: var(--color-dark) !important;
  color: var(--color-dark) !important;
  --hover-text-color: var(--color-on-shift-dark) !important;
}

.outline-dark {
  outline-color: var(--color-dark) !important;
  --hover-color: var(--color-shift-dark) !important;
}

.border-dark {
  border-color: var(--color-dark) !important;
  --hover-color: var(--color-shift-dark) !important;
}

.dark-0 {
  --color: var(--color-dark-0) !important;
  --text-color: var(--color-on-dark-0) !important;
}

.background-dark-0 {
  background-color: var(--color-dark-0) !important;
  --text-color: var(--color-on-dark-0) !important;
}

.text-dark-0 {
  color: var(--color-dark-0) !important;
}

.outline-dark-0 {
  outline-color: var(--color-dark-0) !important;
}

.border-dark-0 {
  border-color: var(--color-dark-0) !important;
}

.dark-10 {
  --color: var(--color-dark-10) !important;
  --text-color: var(--color-on-dark-10) !important;
}

.background-dark-10 {
  background-color: var(--color-dark-10) !important;
  --text-color: var(--color-on-dark-10) !important;
}

.text-dark-10 {
  color: var(--color-dark-10) !important;
}

.outline-dark-10 {
  outline-color: var(--color-dark-10) !important;
}

.border-dark-10 {
  border-color: var(--color-dark-10) !important;
}

.dark-20 {
  --color: var(--color-dark-20) !important;
  --text-color: var(--color-on-dark-20) !important;
}

.background-dark-20 {
  background-color: var(--color-dark-20) !important;
  --text-color: var(--color-on-dark-20) !important;
}

.text-dark-20 {
  color: var(--color-dark-20) !important;
}

.outline-dark-20 {
  outline-color: var(--color-dark-20) !important;
}

.border-dark-20 {
  border-color: var(--color-dark-20) !important;
}

.dark-30 {
  --color: var(--color-dark-30) !important;
  --text-color: var(--color-on-dark-30) !important;
}

.background-dark-30 {
  background-color: var(--color-dark-30) !important;
  --text-color: var(--color-on-dark-30) !important;
}

.text-dark-30 {
  color: var(--color-dark-30) !important;
}

.outline-dark-30 {
  outline-color: var(--color-dark-30) !important;
}

.border-dark-30 {
  border-color: var(--color-dark-30) !important;
}

.dark-40 {
  --color: var(--color-dark-40) !important;
  --text-color: var(--color-on-dark-40) !important;
}

.background-dark-40 {
  background-color: var(--color-dark-40) !important;
  --text-color: var(--color-on-dark-40) !important;
}

.text-dark-40 {
  color: var(--color-dark-40) !important;
}

.outline-dark-40 {
  outline-color: var(--color-dark-40) !important;
}

.border-dark-40 {
  border-color: var(--color-dark-40) !important;
}

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

.background-dark-50 {
  background-color: var(--color-dark-50) !important;
  --text-color: var(--color-on-dark-50) !important;
}

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

.outline-dark-50 {
  outline-color: var(--color-dark-50) !important;
}

.border-dark-50 {
  border-color: var(--color-dark-50) !important;
}

.dark-60 {
  --color: var(--color-dark-60) !important;
  --text-color: var(--color-on-dark-60) !important;
}

.background-dark-60 {
  background-color: var(--color-dark-60) !important;
  --text-color: var(--color-on-dark-60) !important;
}

.text-dark-60 {
  color: var(--color-dark-60) !important;
}

.outline-dark-60 {
  outline-color: var(--color-dark-60) !important;
}

.border-dark-60 {
  border-color: var(--color-dark-60) !important;
}

.dark-70 {
  --color: var(--color-dark-70) !important;
  --text-color: var(--color-on-dark-70) !important;
}

.background-dark-70 {
  background-color: var(--color-dark-70) !important;
  --text-color: var(--color-on-dark-70) !important;
}

.text-dark-70 {
  color: var(--color-dark-70) !important;
}

.outline-dark-70 {
  outline-color: var(--color-dark-70) !important;
}

.border-dark-70 {
  border-color: var(--color-dark-70) !important;
}

.dark-80 {
  --color: var(--color-dark-80) !important;
  --text-color: var(--color-on-dark-80) !important;
}

.background-dark-80 {
  background-color: var(--color-dark-80) !important;
  --text-color: var(--color-on-dark-80) !important;
}

.text-dark-80 {
  color: var(--color-dark-80) !important;
}

.outline-dark-80 {
  outline-color: var(--color-dark-80) !important;
}

.border-dark-80 {
  border-color: var(--color-dark-80) !important;
}

.dark-90 {
  --color: var(--color-dark-90) !important;
  --text-color: var(--color-on-dark-90) !important;
}

.background-dark-90 {
  background-color: var(--color-dark-90) !important;
  --text-color: var(--color-on-dark-90) !important;
}

.text-dark-90 {
  color: var(--color-dark-90) !important;
}

.outline-dark-90 {
  outline-color: var(--color-dark-90) !important;
}

.border-dark-90 {
  border-color: var(--color-dark-90) !important;
}

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

.background-dark-100 {
  background-color: var(--color-dark-100) !important;
  --text-color: var(--color-on-dark-100) !important;
}

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

.outline-dark-100 {
  outline-color: var(--color-dark-100) !important;
}

.border-dark-100 {
  border-color: var(--color-dark-100) !important;
}

.black {
  --color: var(--color-black) !important;
  --text-color: var(--color-on-black) !important;
  --color-shift: var(--color-shift-black) !important;
  --text-color-shift: var(--color-on-shift-black) !important;
}

.background-black {
  background-color: var(--color-black) !important;
  --text-color: var(--color-on-black) !important;
  --color-shift: var(--color-shift-black) !important;
  --text-color-shift: var(--color-on-shift-black) !important;
}

.text-black {
  --text-color: var(--color-black) !important;
  color: var(--color-black) !important;
  --hover-text-color: var(--color-on-shift-black) !important;
}

.outline-black {
  outline-color: var(--color-black) !important;
  --hover-color: var(--color-shift-black) !important;
}

.border-black {
  border-color: var(--color-black) !important;
  --hover-color: var(--color-shift-black) !important;
}

.black-0 {
  --color: var(--color-black-0) !important;
  --text-color: var(--color-on-black-0) !important;
}

.background-black-0 {
  background-color: var(--color-black-0) !important;
  --text-color: var(--color-on-black-0) !important;
}

.text-black-0 {
  color: var(--color-black-0) !important;
}

.outline-black-0 {
  outline-color: var(--color-black-0) !important;
}

.border-black-0 {
  border-color: var(--color-black-0) !important;
}

.black-10 {
  --color: var(--color-black-10) !important;
  --text-color: var(--color-on-black-10) !important;
}

.background-black-10 {
  background-color: var(--color-black-10) !important;
  --text-color: var(--color-on-black-10) !important;
}

.text-black-10 {
  color: var(--color-black-10) !important;
}

.outline-black-10 {
  outline-color: var(--color-black-10) !important;
}

.border-black-10 {
  border-color: var(--color-black-10) !important;
}

.black-20 {
  --color: var(--color-black-20) !important;
  --text-color: var(--color-on-black-20) !important;
}

.background-black-20 {
  background-color: var(--color-black-20) !important;
  --text-color: var(--color-on-black-20) !important;
}

.text-black-20 {
  color: var(--color-black-20) !important;
}

.outline-black-20 {
  outline-color: var(--color-black-20) !important;
}

.border-black-20 {
  border-color: var(--color-black-20) !important;
}

.black-30 {
  --color: var(--color-black-30) !important;
  --text-color: var(--color-on-black-30) !important;
}

.background-black-30 {
  background-color: var(--color-black-30) !important;
  --text-color: var(--color-on-black-30) !important;
}

.text-black-30 {
  color: var(--color-black-30) !important;
}

.outline-black-30 {
  outline-color: var(--color-black-30) !important;
}

.border-black-30 {
  border-color: var(--color-black-30) !important;
}

.black-40 {
  --color: var(--color-black-40) !important;
  --text-color: var(--color-on-black-40) !important;
}

.background-black-40 {
  background-color: var(--color-black-40) !important;
  --text-color: var(--color-on-black-40) !important;
}

.text-black-40 {
  color: var(--color-black-40) !important;
}

.outline-black-40 {
  outline-color: var(--color-black-40) !important;
}

.border-black-40 {
  border-color: var(--color-black-40) !important;
}

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

.background-black-50 {
  background-color: var(--color-black-50) !important;
  --text-color: var(--color-on-black-50) !important;
}

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

.outline-black-50 {
  outline-color: var(--color-black-50) !important;
}

.border-black-50 {
  border-color: var(--color-black-50) !important;
}

.black-60 {
  --color: var(--color-black-60) !important;
  --text-color: var(--color-on-black-60) !important;
}

.background-black-60 {
  background-color: var(--color-black-60) !important;
  --text-color: var(--color-on-black-60) !important;
}

.text-black-60 {
  color: var(--color-black-60) !important;
}

.outline-black-60 {
  outline-color: var(--color-black-60) !important;
}

.border-black-60 {
  border-color: var(--color-black-60) !important;
}

.black-70 {
  --color: var(--color-black-70) !important;
  --text-color: var(--color-on-black-70) !important;
}

.background-black-70 {
  background-color: var(--color-black-70) !important;
  --text-color: var(--color-on-black-70) !important;
}

.text-black-70 {
  color: var(--color-black-70) !important;
}

.outline-black-70 {
  outline-color: var(--color-black-70) !important;
}

.border-black-70 {
  border-color: var(--color-black-70) !important;
}

.black-80 {
  --color: var(--color-black-80) !important;
  --text-color: var(--color-on-black-80) !important;
}

.background-black-80 {
  background-color: var(--color-black-80) !important;
  --text-color: var(--color-on-black-80) !important;
}

.text-black-80 {
  color: var(--color-black-80) !important;
}

.outline-black-80 {
  outline-color: var(--color-black-80) !important;
}

.border-black-80 {
  border-color: var(--color-black-80) !important;
}

.black-90 {
  --color: var(--color-black-90) !important;
  --text-color: var(--color-on-black-90) !important;
}

.background-black-90 {
  background-color: var(--color-black-90) !important;
  --text-color: var(--color-on-black-90) !important;
}

.text-black-90 {
  color: var(--color-black-90) !important;
}

.outline-black-90 {
  outline-color: var(--color-black-90) !important;
}

.border-black-90 {
  border-color: var(--color-black-90) !important;
}

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

.background-black-100 {
  background-color: var(--color-black-100) !important;
  --text-color: var(--color-on-black-100) !important;
}

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

.outline-black-100 {
  outline-color: var(--color-black-100) !important;
}

.border-black-100 {
  border-color: var(--color-black-100) !important;
}

.info {
  --color: var(--color-info) !important;
  --text-color: var(--color-on-info) !important;
  --color-shift: var(--color-shift-info) !important;
  --text-color-shift: var(--color-on-shift-info) !important;
}

.background-info {
  background-color: var(--color-info) !important;
  --text-color: var(--color-on-info) !important;
  --color-shift: var(--color-shift-info) !important;
  --text-color-shift: var(--color-on-shift-info) !important;
}

.text-info {
  --text-color: var(--color-info) !important;
  color: var(--color-info) !important;
  --hover-text-color: var(--color-on-shift-info) !important;
}

.outline-info {
  outline-color: var(--color-info) !important;
  --hover-color: var(--color-shift-info) !important;
}

.border-info {
  border-color: var(--color-info) !important;
  --hover-color: var(--color-shift-info) !important;
}

.info-0 {
  --color: var(--color-info-0) !important;
  --text-color: var(--color-on-info-0) !important;
}

.background-info-0 {
  background-color: var(--color-info-0) !important;
  --text-color: var(--color-on-info-0) !important;
}

.text-info-0 {
  color: var(--color-info-0) !important;
}

.outline-info-0 {
  outline-color: var(--color-info-0) !important;
}

.border-info-0 {
  border-color: var(--color-info-0) !important;
}

.info-10 {
  --color: var(--color-info-10) !important;
  --text-color: var(--color-on-info-10) !important;
}

.background-info-10 {
  background-color: var(--color-info-10) !important;
  --text-color: var(--color-on-info-10) !important;
}

.text-info-10 {
  color: var(--color-info-10) !important;
}

.outline-info-10 {
  outline-color: var(--color-info-10) !important;
}

.border-info-10 {
  border-color: var(--color-info-10) !important;
}

.info-20 {
  --color: var(--color-info-20) !important;
  --text-color: var(--color-on-info-20) !important;
}

.background-info-20 {
  background-color: var(--color-info-20) !important;
  --text-color: var(--color-on-info-20) !important;
}

.text-info-20 {
  color: var(--color-info-20) !important;
}

.outline-info-20 {
  outline-color: var(--color-info-20) !important;
}

.border-info-20 {
  border-color: var(--color-info-20) !important;
}

.info-30 {
  --color: var(--color-info-30) !important;
  --text-color: var(--color-on-info-30) !important;
}

.background-info-30 {
  background-color: var(--color-info-30) !important;
  --text-color: var(--color-on-info-30) !important;
}

.text-info-30 {
  color: var(--color-info-30) !important;
}

.outline-info-30 {
  outline-color: var(--color-info-30) !important;
}

.border-info-30 {
  border-color: var(--color-info-30) !important;
}

.info-40 {
  --color: var(--color-info-40) !important;
  --text-color: var(--color-on-info-40) !important;
}

.background-info-40 {
  background-color: var(--color-info-40) !important;
  --text-color: var(--color-on-info-40) !important;
}

.text-info-40 {
  color: var(--color-info-40) !important;
}

.outline-info-40 {
  outline-color: var(--color-info-40) !important;
}

.border-info-40 {
  border-color: var(--color-info-40) !important;
}

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

.background-info-50 {
  background-color: var(--color-info-50) !important;
  --text-color: var(--color-on-info-50) !important;
}

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

.outline-info-50 {
  outline-color: var(--color-info-50) !important;
}

.border-info-50 {
  border-color: var(--color-info-50) !important;
}

.info-60 {
  --color: var(--color-info-60) !important;
  --text-color: var(--color-on-info-60) !important;
}

.background-info-60 {
  background-color: var(--color-info-60) !important;
  --text-color: var(--color-on-info-60) !important;
}

.text-info-60 {
  color: var(--color-info-60) !important;
}

.outline-info-60 {
  outline-color: var(--color-info-60) !important;
}

.border-info-60 {
  border-color: var(--color-info-60) !important;
}

.info-70 {
  --color: var(--color-info-70) !important;
  --text-color: var(--color-on-info-70) !important;
}

.background-info-70 {
  background-color: var(--color-info-70) !important;
  --text-color: var(--color-on-info-70) !important;
}

.text-info-70 {
  color: var(--color-info-70) !important;
}

.outline-info-70 {
  outline-color: var(--color-info-70) !important;
}

.border-info-70 {
  border-color: var(--color-info-70) !important;
}

.info-80 {
  --color: var(--color-info-80) !important;
  --text-color: var(--color-on-info-80) !important;
}

.background-info-80 {
  background-color: var(--color-info-80) !important;
  --text-color: var(--color-on-info-80) !important;
}

.text-info-80 {
  color: var(--color-info-80) !important;
}

.outline-info-80 {
  outline-color: var(--color-info-80) !important;
}

.border-info-80 {
  border-color: var(--color-info-80) !important;
}

.info-90 {
  --color: var(--color-info-90) !important;
  --text-color: var(--color-on-info-90) !important;
}

.background-info-90 {
  background-color: var(--color-info-90) !important;
  --text-color: var(--color-on-info-90) !important;
}

.text-info-90 {
  color: var(--color-info-90) !important;
}

.outline-info-90 {
  outline-color: var(--color-info-90) !important;
}

.border-info-90 {
  border-color: var(--color-info-90) !important;
}

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

.background-info-100 {
  background-color: var(--color-info-100) !important;
  --text-color: var(--color-on-info-100) !important;
}

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

.outline-info-100 {
  outline-color: var(--color-info-100) !important;
}

.border-info-100 {
  border-color: var(--color-info-100) !important;
}

.success {
  --color: var(--color-success) !important;
  --text-color: var(--color-on-success) !important;
  --color-shift: var(--color-shift-success) !important;
  --text-color-shift: var(--color-on-shift-success) !important;
}

.background-success {
  background-color: var(--color-success) !important;
  --text-color: var(--color-on-success) !important;
  --color-shift: var(--color-shift-success) !important;
  --text-color-shift: var(--color-on-shift-success) !important;
}

.text-success {
  --text-color: var(--color-success) !important;
  color: var(--color-success) !important;
  --hover-text-color: var(--color-on-shift-success) !important;
}

.outline-success {
  outline-color: var(--color-success) !important;
  --hover-color: var(--color-shift-success) !important;
}

.border-success {
  border-color: var(--color-success) !important;
  --hover-color: var(--color-shift-success) !important;
}

.success-0 {
  --color: var(--color-success-0) !important;
  --text-color: var(--color-on-success-0) !important;
}

.background-success-0 {
  background-color: var(--color-success-0) !important;
  --text-color: var(--color-on-success-0) !important;
}

.text-success-0 {
  color: var(--color-success-0) !important;
}

.outline-success-0 {
  outline-color: var(--color-success-0) !important;
}

.border-success-0 {
  border-color: var(--color-success-0) !important;
}

.success-10 {
  --color: var(--color-success-10) !important;
  --text-color: var(--color-on-success-10) !important;
}

.background-success-10 {
  background-color: var(--color-success-10) !important;
  --text-color: var(--color-on-success-10) !important;
}

.text-success-10 {
  color: var(--color-success-10) !important;
}

.outline-success-10 {
  outline-color: var(--color-success-10) !important;
}

.border-success-10 {
  border-color: var(--color-success-10) !important;
}

.success-20 {
  --color: var(--color-success-20) !important;
  --text-color: var(--color-on-success-20) !important;
}

.background-success-20 {
  background-color: var(--color-success-20) !important;
  --text-color: var(--color-on-success-20) !important;
}

.text-success-20 {
  color: var(--color-success-20) !important;
}

.outline-success-20 {
  outline-color: var(--color-success-20) !important;
}

.border-success-20 {
  border-color: var(--color-success-20) !important;
}

.success-30 {
  --color: var(--color-success-30) !important;
  --text-color: var(--color-on-success-30) !important;
}

.background-success-30 {
  background-color: var(--color-success-30) !important;
  --text-color: var(--color-on-success-30) !important;
}

.text-success-30 {
  color: var(--color-success-30) !important;
}

.outline-success-30 {
  outline-color: var(--color-success-30) !important;
}

.border-success-30 {
  border-color: var(--color-success-30) !important;
}

.success-40 {
  --color: var(--color-success-40) !important;
  --text-color: var(--color-on-success-40) !important;
}

.background-success-40 {
  background-color: var(--color-success-40) !important;
  --text-color: var(--color-on-success-40) !important;
}

.text-success-40 {
  color: var(--color-success-40) !important;
}

.outline-success-40 {
  outline-color: var(--color-success-40) !important;
}

.border-success-40 {
  border-color: var(--color-success-40) !important;
}

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

.background-success-50 {
  background-color: var(--color-success-50) !important;
  --text-color: var(--color-on-success-50) !important;
}

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

.outline-success-50 {
  outline-color: var(--color-success-50) !important;
}

.border-success-50 {
  border-color: var(--color-success-50) !important;
}

.success-60 {
  --color: var(--color-success-60) !important;
  --text-color: var(--color-on-success-60) !important;
}

.background-success-60 {
  background-color: var(--color-success-60) !important;
  --text-color: var(--color-on-success-60) !important;
}

.text-success-60 {
  color: var(--color-success-60) !important;
}

.outline-success-60 {
  outline-color: var(--color-success-60) !important;
}

.border-success-60 {
  border-color: var(--color-success-60) !important;
}

.success-70 {
  --color: var(--color-success-70) !important;
  --text-color: var(--color-on-success-70) !important;
}

.background-success-70 {
  background-color: var(--color-success-70) !important;
  --text-color: var(--color-on-success-70) !important;
}

.text-success-70 {
  color: var(--color-success-70) !important;
}

.outline-success-70 {
  outline-color: var(--color-success-70) !important;
}

.border-success-70 {
  border-color: var(--color-success-70) !important;
}

.success-80 {
  --color: var(--color-success-80) !important;
  --text-color: var(--color-on-success-80) !important;
}

.background-success-80 {
  background-color: var(--color-success-80) !important;
  --text-color: var(--color-on-success-80) !important;
}

.text-success-80 {
  color: var(--color-success-80) !important;
}

.outline-success-80 {
  outline-color: var(--color-success-80) !important;
}

.border-success-80 {
  border-color: var(--color-success-80) !important;
}

.success-90 {
  --color: var(--color-success-90) !important;
  --text-color: var(--color-on-success-90) !important;
}

.background-success-90 {
  background-color: var(--color-success-90) !important;
  --text-color: var(--color-on-success-90) !important;
}

.text-success-90 {
  color: var(--color-success-90) !important;
}

.outline-success-90 {
  outline-color: var(--color-success-90) !important;
}

.border-success-90 {
  border-color: var(--color-success-90) !important;
}

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

.background-success-100 {
  background-color: var(--color-success-100) !important;
  --text-color: var(--color-on-success-100) !important;
}

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

.outline-success-100 {
  outline-color: var(--color-success-100) !important;
}

.border-success-100 {
  border-color: var(--color-success-100) !important;
}

.warning {
  --color: var(--color-warning) !important;
  --text-color: var(--color-on-warning) !important;
  --color-shift: var(--color-shift-warning) !important;
  --text-color-shift: var(--color-on-shift-warning) !important;
}

.background-warning {
  background-color: var(--color-warning) !important;
  --text-color: var(--color-on-warning) !important;
  --color-shift: var(--color-shift-warning) !important;
  --text-color-shift: var(--color-on-shift-warning) !important;
}

.text-warning {
  --text-color: var(--color-warning) !important;
  color: var(--color-warning) !important;
  --hover-text-color: var(--color-on-shift-warning) !important;
}

.outline-warning {
  outline-color: var(--color-warning) !important;
  --hover-color: var(--color-shift-warning) !important;
}

.border-warning {
  border-color: var(--color-warning) !important;
  --hover-color: var(--color-shift-warning) !important;
}

.warning-0 {
  --color: var(--color-warning-0) !important;
  --text-color: var(--color-on-warning-0) !important;
}

.background-warning-0 {
  background-color: var(--color-warning-0) !important;
  --text-color: var(--color-on-warning-0) !important;
}

.text-warning-0 {
  color: var(--color-warning-0) !important;
}

.outline-warning-0 {
  outline-color: var(--color-warning-0) !important;
}

.border-warning-0 {
  border-color: var(--color-warning-0) !important;
}

.warning-10 {
  --color: var(--color-warning-10) !important;
  --text-color: var(--color-on-warning-10) !important;
}

.background-warning-10 {
  background-color: var(--color-warning-10) !important;
  --text-color: var(--color-on-warning-10) !important;
}

.text-warning-10 {
  color: var(--color-warning-10) !important;
}

.outline-warning-10 {
  outline-color: var(--color-warning-10) !important;
}

.border-warning-10 {
  border-color: var(--color-warning-10) !important;
}

.warning-20 {
  --color: var(--color-warning-20) !important;
  --text-color: var(--color-on-warning-20) !important;
}

.background-warning-20 {
  background-color: var(--color-warning-20) !important;
  --text-color: var(--color-on-warning-20) !important;
}

.text-warning-20 {
  color: var(--color-warning-20) !important;
}

.outline-warning-20 {
  outline-color: var(--color-warning-20) !important;
}

.border-warning-20 {
  border-color: var(--color-warning-20) !important;
}

.warning-30 {
  --color: var(--color-warning-30) !important;
  --text-color: var(--color-on-warning-30) !important;
}

.background-warning-30 {
  background-color: var(--color-warning-30) !important;
  --text-color: var(--color-on-warning-30) !important;
}

.text-warning-30 {
  color: var(--color-warning-30) !important;
}

.outline-warning-30 {
  outline-color: var(--color-warning-30) !important;
}

.border-warning-30 {
  border-color: var(--color-warning-30) !important;
}

.warning-40 {
  --color: var(--color-warning-40) !important;
  --text-color: var(--color-on-warning-40) !important;
}

.background-warning-40 {
  background-color: var(--color-warning-40) !important;
  --text-color: var(--color-on-warning-40) !important;
}

.text-warning-40 {
  color: var(--color-warning-40) !important;
}

.outline-warning-40 {
  outline-color: var(--color-warning-40) !important;
}

.border-warning-40 {
  border-color: var(--color-warning-40) !important;
}

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

.background-warning-50 {
  background-color: var(--color-warning-50) !important;
  --text-color: var(--color-on-warning-50) !important;
}

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

.outline-warning-50 {
  outline-color: var(--color-warning-50) !important;
}

.border-warning-50 {
  border-color: var(--color-warning-50) !important;
}

.warning-60 {
  --color: var(--color-warning-60) !important;
  --text-color: var(--color-on-warning-60) !important;
}

.background-warning-60 {
  background-color: var(--color-warning-60) !important;
  --text-color: var(--color-on-warning-60) !important;
}

.text-warning-60 {
  color: var(--color-warning-60) !important;
}

.outline-warning-60 {
  outline-color: var(--color-warning-60) !important;
}

.border-warning-60 {
  border-color: var(--color-warning-60) !important;
}

.warning-70 {
  --color: var(--color-warning-70) !important;
  --text-color: var(--color-on-warning-70) !important;
}

.background-warning-70 {
  background-color: var(--color-warning-70) !important;
  --text-color: var(--color-on-warning-70) !important;
}

.text-warning-70 {
  color: var(--color-warning-70) !important;
}

.outline-warning-70 {
  outline-color: var(--color-warning-70) !important;
}

.border-warning-70 {
  border-color: var(--color-warning-70) !important;
}

.warning-80 {
  --color: var(--color-warning-80) !important;
  --text-color: var(--color-on-warning-80) !important;
}

.background-warning-80 {
  background-color: var(--color-warning-80) !important;
  --text-color: var(--color-on-warning-80) !important;
}

.text-warning-80 {
  color: var(--color-warning-80) !important;
}

.outline-warning-80 {
  outline-color: var(--color-warning-80) !important;
}

.border-warning-80 {
  border-color: var(--color-warning-80) !important;
}

.warning-90 {
  --color: var(--color-warning-90) !important;
  --text-color: var(--color-on-warning-90) !important;
}

.background-warning-90 {
  background-color: var(--color-warning-90) !important;
  --text-color: var(--color-on-warning-90) !important;
}

.text-warning-90 {
  color: var(--color-warning-90) !important;
}

.outline-warning-90 {
  outline-color: var(--color-warning-90) !important;
}

.border-warning-90 {
  border-color: var(--color-warning-90) !important;
}

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

.background-warning-100 {
  background-color: var(--color-warning-100) !important;
  --text-color: var(--color-on-warning-100) !important;
}

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

.outline-warning-100 {
  outline-color: var(--color-warning-100) !important;
}

.border-warning-100 {
  border-color: var(--color-warning-100) !important;
}

.error {
  --color: var(--color-error) !important;
  --text-color: var(--color-on-error) !important;
  --color-shift: var(--color-shift-error) !important;
  --text-color-shift: var(--color-on-shift-error) !important;
}

.background-error {
  background-color: var(--color-error) !important;
  --text-color: var(--color-on-error) !important;
  --color-shift: var(--color-shift-error) !important;
  --text-color-shift: var(--color-on-shift-error) !important;
}

.text-error {
  --text-color: var(--color-error) !important;
  color: var(--color-error) !important;
  --hover-text-color: var(--color-on-shift-error) !important;
}

.outline-error {
  outline-color: var(--color-error) !important;
  --hover-color: var(--color-shift-error) !important;
}

.border-error {
  border-color: var(--color-error) !important;
  --hover-color: var(--color-shift-error) !important;
}

.error-0 {
  --color: var(--color-error-0) !important;
  --text-color: var(--color-on-error-0) !important;
}

.background-error-0 {
  background-color: var(--color-error-0) !important;
  --text-color: var(--color-on-error-0) !important;
}

.text-error-0 {
  color: var(--color-error-0) !important;
}

.outline-error-0 {
  outline-color: var(--color-error-0) !important;
}

.border-error-0 {
  border-color: var(--color-error-0) !important;
}

.error-10 {
  --color: var(--color-error-10) !important;
  --text-color: var(--color-on-error-10) !important;
}

.background-error-10 {
  background-color: var(--color-error-10) !important;
  --text-color: var(--color-on-error-10) !important;
}

.text-error-10 {
  color: var(--color-error-10) !important;
}

.outline-error-10 {
  outline-color: var(--color-error-10) !important;
}

.border-error-10 {
  border-color: var(--color-error-10) !important;
}

.error-20 {
  --color: var(--color-error-20) !important;
  --text-color: var(--color-on-error-20) !important;
}

.background-error-20 {
  background-color: var(--color-error-20) !important;
  --text-color: var(--color-on-error-20) !important;
}

.text-error-20 {
  color: var(--color-error-20) !important;
}

.outline-error-20 {
  outline-color: var(--color-error-20) !important;
}

.border-error-20 {
  border-color: var(--color-error-20) !important;
}

.error-30 {
  --color: var(--color-error-30) !important;
  --text-color: var(--color-on-error-30) !important;
}

.background-error-30 {
  background-color: var(--color-error-30) !important;
  --text-color: var(--color-on-error-30) !important;
}

.text-error-30 {
  color: var(--color-error-30) !important;
}

.outline-error-30 {
  outline-color: var(--color-error-30) !important;
}

.border-error-30 {
  border-color: var(--color-error-30) !important;
}

.error-40 {
  --color: var(--color-error-40) !important;
  --text-color: var(--color-on-error-40) !important;
}

.background-error-40 {
  background-color: var(--color-error-40) !important;
  --text-color: var(--color-on-error-40) !important;
}

.text-error-40 {
  color: var(--color-error-40) !important;
}

.outline-error-40 {
  outline-color: var(--color-error-40) !important;
}

.border-error-40 {
  border-color: var(--color-error-40) !important;
}

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

.background-error-50 {
  background-color: var(--color-error-50) !important;
  --text-color: var(--color-on-error-50) !important;
}

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

.outline-error-50 {
  outline-color: var(--color-error-50) !important;
}

.border-error-50 {
  border-color: var(--color-error-50) !important;
}

.error-60 {
  --color: var(--color-error-60) !important;
  --text-color: var(--color-on-error-60) !important;
}

.background-error-60 {
  background-color: var(--color-error-60) !important;
  --text-color: var(--color-on-error-60) !important;
}

.text-error-60 {
  color: var(--color-error-60) !important;
}

.outline-error-60 {
  outline-color: var(--color-error-60) !important;
}

.border-error-60 {
  border-color: var(--color-error-60) !important;
}

.error-70 {
  --color: var(--color-error-70) !important;
  --text-color: var(--color-on-error-70) !important;
}

.background-error-70 {
  background-color: var(--color-error-70) !important;
  --text-color: var(--color-on-error-70) !important;
}

.text-error-70 {
  color: var(--color-error-70) !important;
}

.outline-error-70 {
  outline-color: var(--color-error-70) !important;
}

.border-error-70 {
  border-color: var(--color-error-70) !important;
}

.error-80 {
  --color: var(--color-error-80) !important;
  --text-color: var(--color-on-error-80) !important;
}

.background-error-80 {
  background-color: var(--color-error-80) !important;
  --text-color: var(--color-on-error-80) !important;
}

.text-error-80 {
  color: var(--color-error-80) !important;
}

.outline-error-80 {
  outline-color: var(--color-error-80) !important;
}

.border-error-80 {
  border-color: var(--color-error-80) !important;
}

.error-90 {
  --color: var(--color-error-90) !important;
  --text-color: var(--color-on-error-90) !important;
}

.background-error-90 {
  background-color: var(--color-error-90) !important;
  --text-color: var(--color-on-error-90) !important;
}

.text-error-90 {
  color: var(--color-error-90) !important;
}

.outline-error-90 {
  outline-color: var(--color-error-90) !important;
}

.border-error-90 {
  border-color: var(--color-error-90) !important;
}

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

.background-error-100 {
  background-color: var(--color-error-100) !important;
  --text-color: var(--color-on-error-100) !important;
}

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

.outline-error-100 {
  outline-color: var(--color-error-100) !important;
}

.border-error-100 {
  border-color: var(--color-error-100) !important;
}

.clear {
  --color: var(--color-clear) !important;
  --text-color: var(--color-on-clear) !important;
  --color-shift: var(--color-shift-clear) !important;
  --text-color-shift: var(--color-on-shift-clear) !important;
}

.background-clear {
  background-color: var(--color-clear) !important;
  --text-color: var(--color-on-clear) !important;
  --color-shift: var(--color-shift-clear) !important;
  --text-color-shift: var(--color-on-shift-clear) !important;
}

.text-clear {
  --text-color: var(--color-clear) !important;
  color: var(--color-clear) !important;
  --hover-text-color: var(--color-on-shift-clear) !important;
}

.outline-clear {
  outline-color: var(--color-clear) !important;
  --hover-color: var(--color-shift-clear) !important;
}

.border-clear {
  border-color: var(--color-clear) !important;
  --hover-color: var(--color-shift-clear) !important;
}

.clear-0 {
  --color: var(--color-clear-0) !important;
  --text-color: var(--color-on-clear-0) !important;
}

.background-clear-0 {
  background-color: var(--color-clear-0) !important;
  --text-color: var(--color-on-clear-0) !important;
}

.text-clear-0 {
  color: var(--color-clear-0) !important;
}

.outline-clear-0 {
  outline-color: var(--color-clear-0) !important;
}

.border-clear-0 {
  border-color: var(--color-clear-0) !important;
}

.clear-10 {
  --color: var(--color-clear-10) !important;
  --text-color: var(--color-on-clear-10) !important;
}

.background-clear-10 {
  background-color: var(--color-clear-10) !important;
  --text-color: var(--color-on-clear-10) !important;
}

.text-clear-10 {
  color: var(--color-clear-10) !important;
}

.outline-clear-10 {
  outline-color: var(--color-clear-10) !important;
}

.border-clear-10 {
  border-color: var(--color-clear-10) !important;
}

.clear-20 {
  --color: var(--color-clear-20) !important;
  --text-color: var(--color-on-clear-20) !important;
}

.background-clear-20 {
  background-color: var(--color-clear-20) !important;
  --text-color: var(--color-on-clear-20) !important;
}

.text-clear-20 {
  color: var(--color-clear-20) !important;
}

.outline-clear-20 {
  outline-color: var(--color-clear-20) !important;
}

.border-clear-20 {
  border-color: var(--color-clear-20) !important;
}

.clear-30 {
  --color: var(--color-clear-30) !important;
  --text-color: var(--color-on-clear-30) !important;
}

.background-clear-30 {
  background-color: var(--color-clear-30) !important;
  --text-color: var(--color-on-clear-30) !important;
}

.text-clear-30 {
  color: var(--color-clear-30) !important;
}

.outline-clear-30 {
  outline-color: var(--color-clear-30) !important;
}

.border-clear-30 {
  border-color: var(--color-clear-30) !important;
}

.clear-40 {
  --color: var(--color-clear-40) !important;
  --text-color: var(--color-on-clear-40) !important;
}

.background-clear-40 {
  background-color: var(--color-clear-40) !important;
  --text-color: var(--color-on-clear-40) !important;
}

.text-clear-40 {
  color: var(--color-clear-40) !important;
}

.outline-clear-40 {
  outline-color: var(--color-clear-40) !important;
}

.border-clear-40 {
  border-color: var(--color-clear-40) !important;
}

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

.background-clear-50 {
  background-color: var(--color-clear-50) !important;
  --text-color: var(--color-on-clear-50) !important;
}

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

.outline-clear-50 {
  outline-color: var(--color-clear-50) !important;
}

.border-clear-50 {
  border-color: var(--color-clear-50) !important;
}

.clear-60 {
  --color: var(--color-clear-60) !important;
  --text-color: var(--color-on-clear-60) !important;
}

.background-clear-60 {
  background-color: var(--color-clear-60) !important;
  --text-color: var(--color-on-clear-60) !important;
}

.text-clear-60 {
  color: var(--color-clear-60) !important;
}

.outline-clear-60 {
  outline-color: var(--color-clear-60) !important;
}

.border-clear-60 {
  border-color: var(--color-clear-60) !important;
}

.clear-70 {
  --color: var(--color-clear-70) !important;
  --text-color: var(--color-on-clear-70) !important;
}

.background-clear-70 {
  background-color: var(--color-clear-70) !important;
  --text-color: var(--color-on-clear-70) !important;
}

.text-clear-70 {
  color: var(--color-clear-70) !important;
}

.outline-clear-70 {
  outline-color: var(--color-clear-70) !important;
}

.border-clear-70 {
  border-color: var(--color-clear-70) !important;
}

.clear-80 {
  --color: var(--color-clear-80) !important;
  --text-color: var(--color-on-clear-80) !important;
}

.background-clear-80 {
  background-color: var(--color-clear-80) !important;
  --text-color: var(--color-on-clear-80) !important;
}

.text-clear-80 {
  color: var(--color-clear-80) !important;
}

.outline-clear-80 {
  outline-color: var(--color-clear-80) !important;
}

.border-clear-80 {
  border-color: var(--color-clear-80) !important;
}

.clear-90 {
  --color: var(--color-clear-90) !important;
  --text-color: var(--color-on-clear-90) !important;
}

.background-clear-90 {
  background-color: var(--color-clear-90) !important;
  --text-color: var(--color-on-clear-90) !important;
}

.text-clear-90 {
  color: var(--color-clear-90) !important;
}

.outline-clear-90 {
  outline-color: var(--color-clear-90) !important;
}

.border-clear-90 {
  border-color: var(--color-clear-90) !important;
}

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

.background-clear-100 {
  background-color: var(--color-clear-100) !important;
  --text-color: var(--color-on-clear-100) !important;
}

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

.outline-clear-100 {
  outline-color: var(--color-clear-100) !important;
}

.border-clear-100 {
  border-color: var(--color-clear-100) !important;
}

.okay {
  --color: var(--color-okay) !important;
  --text-color: var(--color-on-okay) !important;
  --color-shift: var(--color-shift-okay) !important;
  --text-color-shift: var(--color-on-shift-okay) !important;
}

.background-okay {
  background-color: var(--color-okay) !important;
  --text-color: var(--color-on-okay) !important;
  --color-shift: var(--color-shift-okay) !important;
  --text-color-shift: var(--color-on-shift-okay) !important;
}

.text-okay {
  --text-color: var(--color-okay) !important;
  color: var(--color-okay) !important;
  --hover-text-color: var(--color-on-shift-okay) !important;
}

.outline-okay {
  outline-color: var(--color-okay) !important;
  --hover-color: var(--color-shift-okay) !important;
}

.border-okay {
  border-color: var(--color-okay) !important;
  --hover-color: var(--color-shift-okay) !important;
}

.okay-0 {
  --color: var(--color-okay-0) !important;
  --text-color: var(--color-on-okay-0) !important;
}

.background-okay-0 {
  background-color: var(--color-okay-0) !important;
  --text-color: var(--color-on-okay-0) !important;
}

.text-okay-0 {
  color: var(--color-okay-0) !important;
}

.outline-okay-0 {
  outline-color: var(--color-okay-0) !important;
}

.border-okay-0 {
  border-color: var(--color-okay-0) !important;
}

.okay-10 {
  --color: var(--color-okay-10) !important;
  --text-color: var(--color-on-okay-10) !important;
}

.background-okay-10 {
  background-color: var(--color-okay-10) !important;
  --text-color: var(--color-on-okay-10) !important;
}

.text-okay-10 {
  color: var(--color-okay-10) !important;
}

.outline-okay-10 {
  outline-color: var(--color-okay-10) !important;
}

.border-okay-10 {
  border-color: var(--color-okay-10) !important;
}

.okay-20 {
  --color: var(--color-okay-20) !important;
  --text-color: var(--color-on-okay-20) !important;
}

.background-okay-20 {
  background-color: var(--color-okay-20) !important;
  --text-color: var(--color-on-okay-20) !important;
}

.text-okay-20 {
  color: var(--color-okay-20) !important;
}

.outline-okay-20 {
  outline-color: var(--color-okay-20) !important;
}

.border-okay-20 {
  border-color: var(--color-okay-20) !important;
}

.okay-30 {
  --color: var(--color-okay-30) !important;
  --text-color: var(--color-on-okay-30) !important;
}

.background-okay-30 {
  background-color: var(--color-okay-30) !important;
  --text-color: var(--color-on-okay-30) !important;
}

.text-okay-30 {
  color: var(--color-okay-30) !important;
}

.outline-okay-30 {
  outline-color: var(--color-okay-30) !important;
}

.border-okay-30 {
  border-color: var(--color-okay-30) !important;
}

.okay-40 {
  --color: var(--color-okay-40) !important;
  --text-color: var(--color-on-okay-40) !important;
}

.background-okay-40 {
  background-color: var(--color-okay-40) !important;
  --text-color: var(--color-on-okay-40) !important;
}

.text-okay-40 {
  color: var(--color-okay-40) !important;
}

.outline-okay-40 {
  outline-color: var(--color-okay-40) !important;
}

.border-okay-40 {
  border-color: var(--color-okay-40) !important;
}

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

.background-okay-50 {
  background-color: var(--color-okay-50) !important;
  --text-color: var(--color-on-okay-50) !important;
}

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

.outline-okay-50 {
  outline-color: var(--color-okay-50) !important;
}

.border-okay-50 {
  border-color: var(--color-okay-50) !important;
}

.okay-60 {
  --color: var(--color-okay-60) !important;
  --text-color: var(--color-on-okay-60) !important;
}

.background-okay-60 {
  background-color: var(--color-okay-60) !important;
  --text-color: var(--color-on-okay-60) !important;
}

.text-okay-60 {
  color: var(--color-okay-60) !important;
}

.outline-okay-60 {
  outline-color: var(--color-okay-60) !important;
}

.border-okay-60 {
  border-color: var(--color-okay-60) !important;
}

.okay-70 {
  --color: var(--color-okay-70) !important;
  --text-color: var(--color-on-okay-70) !important;
}

.background-okay-70 {
  background-color: var(--color-okay-70) !important;
  --text-color: var(--color-on-okay-70) !important;
}

.text-okay-70 {
  color: var(--color-okay-70) !important;
}

.outline-okay-70 {
  outline-color: var(--color-okay-70) !important;
}

.border-okay-70 {
  border-color: var(--color-okay-70) !important;
}

.okay-80 {
  --color: var(--color-okay-80) !important;
  --text-color: var(--color-on-okay-80) !important;
}

.background-okay-80 {
  background-color: var(--color-okay-80) !important;
  --text-color: var(--color-on-okay-80) !important;
}

.text-okay-80 {
  color: var(--color-okay-80) !important;
}

.outline-okay-80 {
  outline-color: var(--color-okay-80) !important;
}

.border-okay-80 {
  border-color: var(--color-okay-80) !important;
}

.okay-90 {
  --color: var(--color-okay-90) !important;
  --text-color: var(--color-on-okay-90) !important;
}

.background-okay-90 {
  background-color: var(--color-okay-90) !important;
  --text-color: var(--color-on-okay-90) !important;
}

.text-okay-90 {
  color: var(--color-okay-90) !important;
}

.outline-okay-90 {
  outline-color: var(--color-okay-90) !important;
}

.border-okay-90 {
  border-color: var(--color-okay-90) !important;
}

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

.background-okay-100 {
  background-color: var(--color-okay-100) !important;
  --text-color: var(--color-on-okay-100) !important;
}

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

.outline-okay-100 {
  outline-color: var(--color-okay-100) !important;
}

.border-okay-100 {
  border-color: var(--color-okay-100) !important;
}

.failed {
  --color: var(--color-failed) !important;
  --text-color: var(--color-on-failed) !important;
  --color-shift: var(--color-shift-failed) !important;
  --text-color-shift: var(--color-on-shift-failed) !important;
}

.background-failed {
  background-color: var(--color-failed) !important;
  --text-color: var(--color-on-failed) !important;
  --color-shift: var(--color-shift-failed) !important;
  --text-color-shift: var(--color-on-shift-failed) !important;
}

.text-failed {
  --text-color: var(--color-failed) !important;
  color: var(--color-failed) !important;
  --hover-text-color: var(--color-on-shift-failed) !important;
}

.outline-failed {
  outline-color: var(--color-failed) !important;
  --hover-color: var(--color-shift-failed) !important;
}

.border-failed {
  border-color: var(--color-failed) !important;
  --hover-color: var(--color-shift-failed) !important;
}

.failed-0 {
  --color: var(--color-failed-0) !important;
  --text-color: var(--color-on-failed-0) !important;
}

.background-failed-0 {
  background-color: var(--color-failed-0) !important;
  --text-color: var(--color-on-failed-0) !important;
}

.text-failed-0 {
  color: var(--color-failed-0) !important;
}

.outline-failed-0 {
  outline-color: var(--color-failed-0) !important;
}

.border-failed-0 {
  border-color: var(--color-failed-0) !important;
}

.failed-10 {
  --color: var(--color-failed-10) !important;
  --text-color: var(--color-on-failed-10) !important;
}

.background-failed-10 {
  background-color: var(--color-failed-10) !important;
  --text-color: var(--color-on-failed-10) !important;
}

.text-failed-10 {
  color: var(--color-failed-10) !important;
}

.outline-failed-10 {
  outline-color: var(--color-failed-10) !important;
}

.border-failed-10 {
  border-color: var(--color-failed-10) !important;
}

.failed-20 {
  --color: var(--color-failed-20) !important;
  --text-color: var(--color-on-failed-20) !important;
}

.background-failed-20 {
  background-color: var(--color-failed-20) !important;
  --text-color: var(--color-on-failed-20) !important;
}

.text-failed-20 {
  color: var(--color-failed-20) !important;
}

.outline-failed-20 {
  outline-color: var(--color-failed-20) !important;
}

.border-failed-20 {
  border-color: var(--color-failed-20) !important;
}

.failed-30 {
  --color: var(--color-failed-30) !important;
  --text-color: var(--color-on-failed-30) !important;
}

.background-failed-30 {
  background-color: var(--color-failed-30) !important;
  --text-color: var(--color-on-failed-30) !important;
}

.text-failed-30 {
  color: var(--color-failed-30) !important;
}

.outline-failed-30 {
  outline-color: var(--color-failed-30) !important;
}

.border-failed-30 {
  border-color: var(--color-failed-30) !important;
}

.failed-40 {
  --color: var(--color-failed-40) !important;
  --text-color: var(--color-on-failed-40) !important;
}

.background-failed-40 {
  background-color: var(--color-failed-40) !important;
  --text-color: var(--color-on-failed-40) !important;
}

.text-failed-40 {
  color: var(--color-failed-40) !important;
}

.outline-failed-40 {
  outline-color: var(--color-failed-40) !important;
}

.border-failed-40 {
  border-color: var(--color-failed-40) !important;
}

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

.background-failed-50 {
  background-color: var(--color-failed-50) !important;
  --text-color: var(--color-on-failed-50) !important;
}

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

.outline-failed-50 {
  outline-color: var(--color-failed-50) !important;
}

.border-failed-50 {
  border-color: var(--color-failed-50) !important;
}

.failed-60 {
  --color: var(--color-failed-60) !important;
  --text-color: var(--color-on-failed-60) !important;
}

.background-failed-60 {
  background-color: var(--color-failed-60) !important;
  --text-color: var(--color-on-failed-60) !important;
}

.text-failed-60 {
  color: var(--color-failed-60) !important;
}

.outline-failed-60 {
  outline-color: var(--color-failed-60) !important;
}

.border-failed-60 {
  border-color: var(--color-failed-60) !important;
}

.failed-70 {
  --color: var(--color-failed-70) !important;
  --text-color: var(--color-on-failed-70) !important;
}

.background-failed-70 {
  background-color: var(--color-failed-70) !important;
  --text-color: var(--color-on-failed-70) !important;
}

.text-failed-70 {
  color: var(--color-failed-70) !important;
}

.outline-failed-70 {
  outline-color: var(--color-failed-70) !important;
}

.border-failed-70 {
  border-color: var(--color-failed-70) !important;
}

.failed-80 {
  --color: var(--color-failed-80) !important;
  --text-color: var(--color-on-failed-80) !important;
}

.background-failed-80 {
  background-color: var(--color-failed-80) !important;
  --text-color: var(--color-on-failed-80) !important;
}

.text-failed-80 {
  color: var(--color-failed-80) !important;
}

.outline-failed-80 {
  outline-color: var(--color-failed-80) !important;
}

.border-failed-80 {
  border-color: var(--color-failed-80) !important;
}

.failed-90 {
  --color: var(--color-failed-90) !important;
  --text-color: var(--color-on-failed-90) !important;
}

.background-failed-90 {
  background-color: var(--color-failed-90) !important;
  --text-color: var(--color-on-failed-90) !important;
}

.text-failed-90 {
  color: var(--color-failed-90) !important;
}

.outline-failed-90 {
  outline-color: var(--color-failed-90) !important;
}

.border-failed-90 {
  border-color: var(--color-failed-90) !important;
}

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

.background-failed-100 {
  background-color: var(--color-failed-100) !important;
  --text-color: var(--color-on-failed-100) !important;
}

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

.outline-failed-100 {
  outline-color: var(--color-failed-100) !important;
}

.border-failed-100 {
  border-color: var(--color-failed-100) !important;
}

.unknown {
  --color: var(--color-unknown) !important;
  --text-color: var(--color-on-unknown) !important;
  --color-shift: var(--color-shift-unknown) !important;
  --text-color-shift: var(--color-on-shift-unknown) !important;
}

.background-unknown {
  background-color: var(--color-unknown) !important;
  --text-color: var(--color-on-unknown) !important;
  --color-shift: var(--color-shift-unknown) !important;
  --text-color-shift: var(--color-on-shift-unknown) !important;
}

.text-unknown {
  --text-color: var(--color-unknown) !important;
  color: var(--color-unknown) !important;
  --hover-text-color: var(--color-on-shift-unknown) !important;
}

.outline-unknown {
  outline-color: var(--color-unknown) !important;
  --hover-color: var(--color-shift-unknown) !important;
}

.border-unknown {
  border-color: var(--color-unknown) !important;
  --hover-color: var(--color-shift-unknown) !important;
}

.unknown-0 {
  --color: var(--color-unknown-0) !important;
  --text-color: var(--color-on-unknown-0) !important;
}

.background-unknown-0 {
  background-color: var(--color-unknown-0) !important;
  --text-color: var(--color-on-unknown-0) !important;
}

.text-unknown-0 {
  color: var(--color-unknown-0) !important;
}

.outline-unknown-0 {
  outline-color: var(--color-unknown-0) !important;
}

.border-unknown-0 {
  border-color: var(--color-unknown-0) !important;
}

.unknown-10 {
  --color: var(--color-unknown-10) !important;
  --text-color: var(--color-on-unknown-10) !important;
}

.background-unknown-10 {
  background-color: var(--color-unknown-10) !important;
  --text-color: var(--color-on-unknown-10) !important;
}

.text-unknown-10 {
  color: var(--color-unknown-10) !important;
}

.outline-unknown-10 {
  outline-color: var(--color-unknown-10) !important;
}

.border-unknown-10 {
  border-color: var(--color-unknown-10) !important;
}

.unknown-20 {
  --color: var(--color-unknown-20) !important;
  --text-color: var(--color-on-unknown-20) !important;
}

.background-unknown-20 {
  background-color: var(--color-unknown-20) !important;
  --text-color: var(--color-on-unknown-20) !important;
}

.text-unknown-20 {
  color: var(--color-unknown-20) !important;
}

.outline-unknown-20 {
  outline-color: var(--color-unknown-20) !important;
}

.border-unknown-20 {
  border-color: var(--color-unknown-20) !important;
}

.unknown-30 {
  --color: var(--color-unknown-30) !important;
  --text-color: var(--color-on-unknown-30) !important;
}

.background-unknown-30 {
  background-color: var(--color-unknown-30) !important;
  --text-color: var(--color-on-unknown-30) !important;
}

.text-unknown-30 {
  color: var(--color-unknown-30) !important;
}

.outline-unknown-30 {
  outline-color: var(--color-unknown-30) !important;
}

.border-unknown-30 {
  border-color: var(--color-unknown-30) !important;
}

.unknown-40 {
  --color: var(--color-unknown-40) !important;
  --text-color: var(--color-on-unknown-40) !important;
}

.background-unknown-40 {
  background-color: var(--color-unknown-40) !important;
  --text-color: var(--color-on-unknown-40) !important;
}

.text-unknown-40 {
  color: var(--color-unknown-40) !important;
}

.outline-unknown-40 {
  outline-color: var(--color-unknown-40) !important;
}

.border-unknown-40 {
  border-color: var(--color-unknown-40) !important;
}

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

.background-unknown-50 {
  background-color: var(--color-unknown-50) !important;
  --text-color: var(--color-on-unknown-50) !important;
}

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

.outline-unknown-50 {
  outline-color: var(--color-unknown-50) !important;
}

.border-unknown-50 {
  border-color: var(--color-unknown-50) !important;
}

.unknown-60 {
  --color: var(--color-unknown-60) !important;
  --text-color: var(--color-on-unknown-60) !important;
}

.background-unknown-60 {
  background-color: var(--color-unknown-60) !important;
  --text-color: var(--color-on-unknown-60) !important;
}

.text-unknown-60 {
  color: var(--color-unknown-60) !important;
}

.outline-unknown-60 {
  outline-color: var(--color-unknown-60) !important;
}

.border-unknown-60 {
  border-color: var(--color-unknown-60) !important;
}

.unknown-70 {
  --color: var(--color-unknown-70) !important;
  --text-color: var(--color-on-unknown-70) !important;
}

.background-unknown-70 {
  background-color: var(--color-unknown-70) !important;
  --text-color: var(--color-on-unknown-70) !important;
}

.text-unknown-70 {
  color: var(--color-unknown-70) !important;
}

.outline-unknown-70 {
  outline-color: var(--color-unknown-70) !important;
}

.border-unknown-70 {
  border-color: var(--color-unknown-70) !important;
}

.unknown-80 {
  --color: var(--color-unknown-80) !important;
  --text-color: var(--color-on-unknown-80) !important;
}

.background-unknown-80 {
  background-color: var(--color-unknown-80) !important;
  --text-color: var(--color-on-unknown-80) !important;
}

.text-unknown-80 {
  color: var(--color-unknown-80) !important;
}

.outline-unknown-80 {
  outline-color: var(--color-unknown-80) !important;
}

.border-unknown-80 {
  border-color: var(--color-unknown-80) !important;
}

.unknown-90 {
  --color: var(--color-unknown-90) !important;
  --text-color: var(--color-on-unknown-90) !important;
}

.background-unknown-90 {
  background-color: var(--color-unknown-90) !important;
  --text-color: var(--color-on-unknown-90) !important;
}

.text-unknown-90 {
  color: var(--color-unknown-90) !important;
}

.outline-unknown-90 {
  outline-color: var(--color-unknown-90) !important;
}

.border-unknown-90 {
  border-color: var(--color-unknown-90) !important;
}

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

.background-unknown-100 {
  background-color: var(--color-unknown-100) !important;
  --text-color: var(--color-on-unknown-100) !important;
}

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

.outline-unknown-100 {
  outline-color: var(--color-unknown-100) !important;
}

.border-unknown-100 {
  border-color: var(--color-unknown-100) !important;
}

.reset {
  --color: var(--color-reset) !important;
  --text-color: var(--color-on-reset) !important;
  --color-shift: var(--color-shift-reset) !important;
  --text-color-shift: var(--color-on-shift-reset) !important;
}

.background-reset {
  background-color: var(--color-reset) !important;
  --text-color: var(--color-on-reset) !important;
  --color-shift: var(--color-shift-reset) !important;
  --text-color-shift: var(--color-on-shift-reset) !important;
}

.text-reset {
  --text-color: var(--color-reset) !important;
  color: var(--color-reset) !important;
  --hover-text-color: var(--color-on-shift-reset) !important;
}

.outline-reset {
  outline-color: var(--color-reset) !important;
  --hover-color: var(--color-shift-reset) !important;
}

.border-reset {
  border-color: var(--color-reset) !important;
  --hover-color: var(--color-shift-reset) !important;
}

.reset-0 {
  --color: var(--color-reset-0) !important;
  --text-color: var(--color-on-reset-0) !important;
}

.background-reset-0 {
  background-color: var(--color-reset-0) !important;
  --text-color: var(--color-on-reset-0) !important;
}

.text-reset-0 {
  color: var(--color-reset-0) !important;
}

.outline-reset-0 {
  outline-color: var(--color-reset-0) !important;
}

.border-reset-0 {
  border-color: var(--color-reset-0) !important;
}

.reset-10 {
  --color: var(--color-reset-10) !important;
  --text-color: var(--color-on-reset-10) !important;
}

.background-reset-10 {
  background-color: var(--color-reset-10) !important;
  --text-color: var(--color-on-reset-10) !important;
}

.text-reset-10 {
  color: var(--color-reset-10) !important;
}

.outline-reset-10 {
  outline-color: var(--color-reset-10) !important;
}

.border-reset-10 {
  border-color: var(--color-reset-10) !important;
}

.reset-20 {
  --color: var(--color-reset-20) !important;
  --text-color: var(--color-on-reset-20) !important;
}

.background-reset-20 {
  background-color: var(--color-reset-20) !important;
  --text-color: var(--color-on-reset-20) !important;
}

.text-reset-20 {
  color: var(--color-reset-20) !important;
}

.outline-reset-20 {
  outline-color: var(--color-reset-20) !important;
}

.border-reset-20 {
  border-color: var(--color-reset-20) !important;
}

.reset-30 {
  --color: var(--color-reset-30) !important;
  --text-color: var(--color-on-reset-30) !important;
}

.background-reset-30 {
  background-color: var(--color-reset-30) !important;
  --text-color: var(--color-on-reset-30) !important;
}

.text-reset-30 {
  color: var(--color-reset-30) !important;
}

.outline-reset-30 {
  outline-color: var(--color-reset-30) !important;
}

.border-reset-30 {
  border-color: var(--color-reset-30) !important;
}

.reset-40 {
  --color: var(--color-reset-40) !important;
  --text-color: var(--color-on-reset-40) !important;
}

.background-reset-40 {
  background-color: var(--color-reset-40) !important;
  --text-color: var(--color-on-reset-40) !important;
}

.text-reset-40 {
  color: var(--color-reset-40) !important;
}

.outline-reset-40 {
  outline-color: var(--color-reset-40) !important;
}

.border-reset-40 {
  border-color: var(--color-reset-40) !important;
}

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

.background-reset-50 {
  background-color: var(--color-reset-50) !important;
  --text-color: var(--color-on-reset-50) !important;
}

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

.outline-reset-50 {
  outline-color: var(--color-reset-50) !important;
}

.border-reset-50 {
  border-color: var(--color-reset-50) !important;
}

.reset-60 {
  --color: var(--color-reset-60) !important;
  --text-color: var(--color-on-reset-60) !important;
}

.background-reset-60 {
  background-color: var(--color-reset-60) !important;
  --text-color: var(--color-on-reset-60) !important;
}

.text-reset-60 {
  color: var(--color-reset-60) !important;
}

.outline-reset-60 {
  outline-color: var(--color-reset-60) !important;
}

.border-reset-60 {
  border-color: var(--color-reset-60) !important;
}

.reset-70 {
  --color: var(--color-reset-70) !important;
  --text-color: var(--color-on-reset-70) !important;
}

.background-reset-70 {
  background-color: var(--color-reset-70) !important;
  --text-color: var(--color-on-reset-70) !important;
}

.text-reset-70 {
  color: var(--color-reset-70) !important;
}

.outline-reset-70 {
  outline-color: var(--color-reset-70) !important;
}

.border-reset-70 {
  border-color: var(--color-reset-70) !important;
}

.reset-80 {
  --color: var(--color-reset-80) !important;
  --text-color: var(--color-on-reset-80) !important;
}

.background-reset-80 {
  background-color: var(--color-reset-80) !important;
  --text-color: var(--color-on-reset-80) !important;
}

.text-reset-80 {
  color: var(--color-reset-80) !important;
}

.outline-reset-80 {
  outline-color: var(--color-reset-80) !important;
}

.border-reset-80 {
  border-color: var(--color-reset-80) !important;
}

.reset-90 {
  --color: var(--color-reset-90) !important;
  --text-color: var(--color-on-reset-90) !important;
}

.background-reset-90 {
  background-color: var(--color-reset-90) !important;
  --text-color: var(--color-on-reset-90) !important;
}

.text-reset-90 {
  color: var(--color-reset-90) !important;
}

.outline-reset-90 {
  outline-color: var(--color-reset-90) !important;
}

.border-reset-90 {
  border-color: var(--color-reset-90) !important;
}

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

.background-reset-100 {
  background-color: var(--color-reset-100) !important;
  --text-color: var(--color-on-reset-100) !important;
}

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

.outline-reset-100 {
  outline-color: var(--color-reset-100) !important;
}

.border-reset-100 {
  border-color: var(--color-reset-100) !important;
}

.cancel {
  --color: var(--color-cancel) !important;
  --text-color: var(--color-on-cancel) !important;
  --color-shift: var(--color-shift-cancel) !important;
  --text-color-shift: var(--color-on-shift-cancel) !important;
}

.background-cancel {
  background-color: var(--color-cancel) !important;
  --text-color: var(--color-on-cancel) !important;
  --color-shift: var(--color-shift-cancel) !important;
  --text-color-shift: var(--color-on-shift-cancel) !important;
}

.text-cancel {
  --text-color: var(--color-cancel) !important;
  color: var(--color-cancel) !important;
  --hover-text-color: var(--color-on-shift-cancel) !important;
}

.outline-cancel {
  outline-color: var(--color-cancel) !important;
  --hover-color: var(--color-shift-cancel) !important;
}

.border-cancel {
  border-color: var(--color-cancel) !important;
  --hover-color: var(--color-shift-cancel) !important;
}

.cancel-0 {
  --color: var(--color-cancel-0) !important;
  --text-color: var(--color-on-cancel-0) !important;
}

.background-cancel-0 {
  background-color: var(--color-cancel-0) !important;
  --text-color: var(--color-on-cancel-0) !important;
}

.text-cancel-0 {
  color: var(--color-cancel-0) !important;
}

.outline-cancel-0 {
  outline-color: var(--color-cancel-0) !important;
}

.border-cancel-0 {
  border-color: var(--color-cancel-0) !important;
}

.cancel-10 {
  --color: var(--color-cancel-10) !important;
  --text-color: var(--color-on-cancel-10) !important;
}

.background-cancel-10 {
  background-color: var(--color-cancel-10) !important;
  --text-color: var(--color-on-cancel-10) !important;
}

.text-cancel-10 {
  color: var(--color-cancel-10) !important;
}

.outline-cancel-10 {
  outline-color: var(--color-cancel-10) !important;
}

.border-cancel-10 {
  border-color: var(--color-cancel-10) !important;
}

.cancel-20 {
  --color: var(--color-cancel-20) !important;
  --text-color: var(--color-on-cancel-20) !important;
}

.background-cancel-20 {
  background-color: var(--color-cancel-20) !important;
  --text-color: var(--color-on-cancel-20) !important;
}

.text-cancel-20 {
  color: var(--color-cancel-20) !important;
}

.outline-cancel-20 {
  outline-color: var(--color-cancel-20) !important;
}

.border-cancel-20 {
  border-color: var(--color-cancel-20) !important;
}

.cancel-30 {
  --color: var(--color-cancel-30) !important;
  --text-color: var(--color-on-cancel-30) !important;
}

.background-cancel-30 {
  background-color: var(--color-cancel-30) !important;
  --text-color: var(--color-on-cancel-30) !important;
}

.text-cancel-30 {
  color: var(--color-cancel-30) !important;
}

.outline-cancel-30 {
  outline-color: var(--color-cancel-30) !important;
}

.border-cancel-30 {
  border-color: var(--color-cancel-30) !important;
}

.cancel-40 {
  --color: var(--color-cancel-40) !important;
  --text-color: var(--color-on-cancel-40) !important;
}

.background-cancel-40 {
  background-color: var(--color-cancel-40) !important;
  --text-color: var(--color-on-cancel-40) !important;
}

.text-cancel-40 {
  color: var(--color-cancel-40) !important;
}

.outline-cancel-40 {
  outline-color: var(--color-cancel-40) !important;
}

.border-cancel-40 {
  border-color: var(--color-cancel-40) !important;
}

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

.background-cancel-50 {
  background-color: var(--color-cancel-50) !important;
  --text-color: var(--color-on-cancel-50) !important;
}

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

.outline-cancel-50 {
  outline-color: var(--color-cancel-50) !important;
}

.border-cancel-50 {
  border-color: var(--color-cancel-50) !important;
}

.cancel-60 {
  --color: var(--color-cancel-60) !important;
  --text-color: var(--color-on-cancel-60) !important;
}

.background-cancel-60 {
  background-color: var(--color-cancel-60) !important;
  --text-color: var(--color-on-cancel-60) !important;
}

.text-cancel-60 {
  color: var(--color-cancel-60) !important;
}

.outline-cancel-60 {
  outline-color: var(--color-cancel-60) !important;
}

.border-cancel-60 {
  border-color: var(--color-cancel-60) !important;
}

.cancel-70 {
  --color: var(--color-cancel-70) !important;
  --text-color: var(--color-on-cancel-70) !important;
}

.background-cancel-70 {
  background-color: var(--color-cancel-70) !important;
  --text-color: var(--color-on-cancel-70) !important;
}

.text-cancel-70 {
  color: var(--color-cancel-70) !important;
}

.outline-cancel-70 {
  outline-color: var(--color-cancel-70) !important;
}

.border-cancel-70 {
  border-color: var(--color-cancel-70) !important;
}

.cancel-80 {
  --color: var(--color-cancel-80) !important;
  --text-color: var(--color-on-cancel-80) !important;
}

.background-cancel-80 {
  background-color: var(--color-cancel-80) !important;
  --text-color: var(--color-on-cancel-80) !important;
}

.text-cancel-80 {
  color: var(--color-cancel-80) !important;
}

.outline-cancel-80 {
  outline-color: var(--color-cancel-80) !important;
}

.border-cancel-80 {
  border-color: var(--color-cancel-80) !important;
}

.cancel-90 {
  --color: var(--color-cancel-90) !important;
  --text-color: var(--color-on-cancel-90) !important;
}

.background-cancel-90 {
  background-color: var(--color-cancel-90) !important;
  --text-color: var(--color-on-cancel-90) !important;
}

.text-cancel-90 {
  color: var(--color-cancel-90) !important;
}

.outline-cancel-90 {
  outline-color: var(--color-cancel-90) !important;
}

.border-cancel-90 {
  border-color: var(--color-cancel-90) !important;
}

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

.background-cancel-100 {
  background-color: var(--color-cancel-100) !important;
  --text-color: var(--color-on-cancel-100) !important;
}

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

.outline-cancel-100 {
  outline-color: var(--color-cancel-100) !important;
}

.border-cancel-100 {
  border-color: var(--color-cancel-100) !important;
}

.action {
  --color: var(--color-action) !important;
  --text-color: var(--color-on-action) !important;
  --color-shift: var(--color-shift-action) !important;
  --text-color-shift: var(--color-on-shift-action) !important;
}

.background-action {
  background-color: var(--color-action) !important;
  --text-color: var(--color-on-action) !important;
  --color-shift: var(--color-shift-action) !important;
  --text-color-shift: var(--color-on-shift-action) !important;
}

.text-action {
  --text-color: var(--color-action) !important;
  color: var(--color-action) !important;
  --hover-text-color: var(--color-on-shift-action) !important;
}

.outline-action {
  outline-color: var(--color-action) !important;
  --hover-color: var(--color-shift-action) !important;
}

.border-action {
  border-color: var(--color-action) !important;
  --hover-color: var(--color-shift-action) !important;
}

.action-0 {
  --color: var(--color-action-0) !important;
  --text-color: var(--color-on-action-0) !important;
}

.background-action-0 {
  background-color: var(--color-action-0) !important;
  --text-color: var(--color-on-action-0) !important;
}

.text-action-0 {
  color: var(--color-action-0) !important;
}

.outline-action-0 {
  outline-color: var(--color-action-0) !important;
}

.border-action-0 {
  border-color: var(--color-action-0) !important;
}

.action-10 {
  --color: var(--color-action-10) !important;
  --text-color: var(--color-on-action-10) !important;
}

.background-action-10 {
  background-color: var(--color-action-10) !important;
  --text-color: var(--color-on-action-10) !important;
}

.text-action-10 {
  color: var(--color-action-10) !important;
}

.outline-action-10 {
  outline-color: var(--color-action-10) !important;
}

.border-action-10 {
  border-color: var(--color-action-10) !important;
}

.action-20 {
  --color: var(--color-action-20) !important;
  --text-color: var(--color-on-action-20) !important;
}

.background-action-20 {
  background-color: var(--color-action-20) !important;
  --text-color: var(--color-on-action-20) !important;
}

.text-action-20 {
  color: var(--color-action-20) !important;
}

.outline-action-20 {
  outline-color: var(--color-action-20) !important;
}

.border-action-20 {
  border-color: var(--color-action-20) !important;
}

.action-30 {
  --color: var(--color-action-30) !important;
  --text-color: var(--color-on-action-30) !important;
}

.background-action-30 {
  background-color: var(--color-action-30) !important;
  --text-color: var(--color-on-action-30) !important;
}

.text-action-30 {
  color: var(--color-action-30) !important;
}

.outline-action-30 {
  outline-color: var(--color-action-30) !important;
}

.border-action-30 {
  border-color: var(--color-action-30) !important;
}

.action-40 {
  --color: var(--color-action-40) !important;
  --text-color: var(--color-on-action-40) !important;
}

.background-action-40 {
  background-color: var(--color-action-40) !important;
  --text-color: var(--color-on-action-40) !important;
}

.text-action-40 {
  color: var(--color-action-40) !important;
}

.outline-action-40 {
  outline-color: var(--color-action-40) !important;
}

.border-action-40 {
  border-color: var(--color-action-40) !important;
}

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

.background-action-50 {
  background-color: var(--color-action-50) !important;
  --text-color: var(--color-on-action-50) !important;
}

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

.outline-action-50 {
  outline-color: var(--color-action-50) !important;
}

.border-action-50 {
  border-color: var(--color-action-50) !important;
}

.action-60 {
  --color: var(--color-action-60) !important;
  --text-color: var(--color-on-action-60) !important;
}

.background-action-60 {
  background-color: var(--color-action-60) !important;
  --text-color: var(--color-on-action-60) !important;
}

.text-action-60 {
  color: var(--color-action-60) !important;
}

.outline-action-60 {
  outline-color: var(--color-action-60) !important;
}

.border-action-60 {
  border-color: var(--color-action-60) !important;
}

.action-70 {
  --color: var(--color-action-70) !important;
  --text-color: var(--color-on-action-70) !important;
}

.background-action-70 {
  background-color: var(--color-action-70) !important;
  --text-color: var(--color-on-action-70) !important;
}

.text-action-70 {
  color: var(--color-action-70) !important;
}

.outline-action-70 {
  outline-color: var(--color-action-70) !important;
}

.border-action-70 {
  border-color: var(--color-action-70) !important;
}

.action-80 {
  --color: var(--color-action-80) !important;
  --text-color: var(--color-on-action-80) !important;
}

.background-action-80 {
  background-color: var(--color-action-80) !important;
  --text-color: var(--color-on-action-80) !important;
}

.text-action-80 {
  color: var(--color-action-80) !important;
}

.outline-action-80 {
  outline-color: var(--color-action-80) !important;
}

.border-action-80 {
  border-color: var(--color-action-80) !important;
}

.action-90 {
  --color: var(--color-action-90) !important;
  --text-color: var(--color-on-action-90) !important;
}

.background-action-90 {
  background-color: var(--color-action-90) !important;
  --text-color: var(--color-on-action-90) !important;
}

.text-action-90 {
  color: var(--color-action-90) !important;
}

.outline-action-90 {
  outline-color: var(--color-action-90) !important;
}

.border-action-90 {
  border-color: var(--color-action-90) !important;
}

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

.background-action-100 {
  background-color: var(--color-action-100) !important;
  --text-color: var(--color-on-action-100) !important;
}

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

.outline-action-100 {
  outline-color: var(--color-action-100) !important;
}

.border-action-100 {
  border-color: var(--color-action-100) !important;
}

.continue {
  --color: var(--color-continue) !important;
  --text-color: var(--color-on-continue) !important;
  --color-shift: var(--color-shift-continue) !important;
  --text-color-shift: var(--color-on-shift-continue) !important;
}

.background-continue {
  background-color: var(--color-continue) !important;
  --text-color: var(--color-on-continue) !important;
  --color-shift: var(--color-shift-continue) !important;
  --text-color-shift: var(--color-on-shift-continue) !important;
}

.text-continue {
  --text-color: var(--color-continue) !important;
  color: var(--color-continue) !important;
  --hover-text-color: var(--color-on-shift-continue) !important;
}

.outline-continue {
  outline-color: var(--color-continue) !important;
  --hover-color: var(--color-shift-continue) !important;
}

.border-continue {
  border-color: var(--color-continue) !important;
  --hover-color: var(--color-shift-continue) !important;
}

.continue-0 {
  --color: var(--color-continue-0) !important;
  --text-color: var(--color-on-continue-0) !important;
}

.background-continue-0 {
  background-color: var(--color-continue-0) !important;
  --text-color: var(--color-on-continue-0) !important;
}

.text-continue-0 {
  color: var(--color-continue-0) !important;
}

.outline-continue-0 {
  outline-color: var(--color-continue-0) !important;
}

.border-continue-0 {
  border-color: var(--color-continue-0) !important;
}

.continue-10 {
  --color: var(--color-continue-10) !important;
  --text-color: var(--color-on-continue-10) !important;
}

.background-continue-10 {
  background-color: var(--color-continue-10) !important;
  --text-color: var(--color-on-continue-10) !important;
}

.text-continue-10 {
  color: var(--color-continue-10) !important;
}

.outline-continue-10 {
  outline-color: var(--color-continue-10) !important;
}

.border-continue-10 {
  border-color: var(--color-continue-10) !important;
}

.continue-20 {
  --color: var(--color-continue-20) !important;
  --text-color: var(--color-on-continue-20) !important;
}

.background-continue-20 {
  background-color: var(--color-continue-20) !important;
  --text-color: var(--color-on-continue-20) !important;
}

.text-continue-20 {
  color: var(--color-continue-20) !important;
}

.outline-continue-20 {
  outline-color: var(--color-continue-20) !important;
}

.border-continue-20 {
  border-color: var(--color-continue-20) !important;
}

.continue-30 {
  --color: var(--color-continue-30) !important;
  --text-color: var(--color-on-continue-30) !important;
}

.background-continue-30 {
  background-color: var(--color-continue-30) !important;
  --text-color: var(--color-on-continue-30) !important;
}

.text-continue-30 {
  color: var(--color-continue-30) !important;
}

.outline-continue-30 {
  outline-color: var(--color-continue-30) !important;
}

.border-continue-30 {
  border-color: var(--color-continue-30) !important;
}

.continue-40 {
  --color: var(--color-continue-40) !important;
  --text-color: var(--color-on-continue-40) !important;
}

.background-continue-40 {
  background-color: var(--color-continue-40) !important;
  --text-color: var(--color-on-continue-40) !important;
}

.text-continue-40 {
  color: var(--color-continue-40) !important;
}

.outline-continue-40 {
  outline-color: var(--color-continue-40) !important;
}

.border-continue-40 {
  border-color: var(--color-continue-40) !important;
}

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

.background-continue-50 {
  background-color: var(--color-continue-50) !important;
  --text-color: var(--color-on-continue-50) !important;
}

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

.outline-continue-50 {
  outline-color: var(--color-continue-50) !important;
}

.border-continue-50 {
  border-color: var(--color-continue-50) !important;
}

.continue-60 {
  --color: var(--color-continue-60) !important;
  --text-color: var(--color-on-continue-60) !important;
}

.background-continue-60 {
  background-color: var(--color-continue-60) !important;
  --text-color: var(--color-on-continue-60) !important;
}

.text-continue-60 {
  color: var(--color-continue-60) !important;
}

.outline-continue-60 {
  outline-color: var(--color-continue-60) !important;
}

.border-continue-60 {
  border-color: var(--color-continue-60) !important;
}

.continue-70 {
  --color: var(--color-continue-70) !important;
  --text-color: var(--color-on-continue-70) !important;
}

.background-continue-70 {
  background-color: var(--color-continue-70) !important;
  --text-color: var(--color-on-continue-70) !important;
}

.text-continue-70 {
  color: var(--color-continue-70) !important;
}

.outline-continue-70 {
  outline-color: var(--color-continue-70) !important;
}

.border-continue-70 {
  border-color: var(--color-continue-70) !important;
}

.continue-80 {
  --color: var(--color-continue-80) !important;
  --text-color: var(--color-on-continue-80) !important;
}

.background-continue-80 {
  background-color: var(--color-continue-80) !important;
  --text-color: var(--color-on-continue-80) !important;
}

.text-continue-80 {
  color: var(--color-continue-80) !important;
}

.outline-continue-80 {
  outline-color: var(--color-continue-80) !important;
}

.border-continue-80 {
  border-color: var(--color-continue-80) !important;
}

.continue-90 {
  --color: var(--color-continue-90) !important;
  --text-color: var(--color-on-continue-90) !important;
}

.background-continue-90 {
  background-color: var(--color-continue-90) !important;
  --text-color: var(--color-on-continue-90) !important;
}

.text-continue-90 {
  color: var(--color-continue-90) !important;
}

.outline-continue-90 {
  outline-color: var(--color-continue-90) !important;
}

.border-continue-90 {
  border-color: var(--color-continue-90) !important;
}

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

.background-continue-100 {
  background-color: var(--color-continue-100) !important;
  --text-color: var(--color-on-continue-100) !important;
}

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

.outline-continue-100 {
  outline-color: var(--color-continue-100) !important;
}

.border-continue-100 {
  border-color: var(--color-continue-100) !important;
}

.shadow {
  --color: var(--color-shadow) !important;
  --text-color: var(--color-on-shadow) !important;
  --color-shift: var(--color-shift-shadow) !important;
  --text-color-shift: var(--color-on-shift-shadow) !important;
}

.background-shadow {
  background-color: var(--color-shadow) !important;
  --text-color: var(--color-on-shadow) !important;
  --color-shift: var(--color-shift-shadow) !important;
  --text-color-shift: var(--color-on-shift-shadow) !important;
}

.text-shadow {
  --text-color: var(--color-shadow) !important;
  color: var(--color-shadow) !important;
  --hover-text-color: var(--color-on-shift-shadow) !important;
}

.outline-shadow {
  outline-color: var(--color-shadow) !important;
  --hover-color: var(--color-shift-shadow) !important;
}

.border-shadow {
  border-color: var(--color-shadow) !important;
  --hover-color: var(--color-shift-shadow) !important;
}

.shadow-0 {
  --color: var(--color-shadow-0) !important;
  --text-color: var(--color-on-shadow-0) !important;
}

.background-shadow-0 {
  background-color: var(--color-shadow-0) !important;
  --text-color: var(--color-on-shadow-0) !important;
}

.text-shadow-0 {
  color: var(--color-shadow-0) !important;
}

.outline-shadow-0 {
  outline-color: var(--color-shadow-0) !important;
}

.border-shadow-0 {
  border-color: var(--color-shadow-0) !important;
}

.shadow-10 {
  --color: var(--color-shadow-10) !important;
  --text-color: var(--color-on-shadow-10) !important;
}

.background-shadow-10 {
  background-color: var(--color-shadow-10) !important;
  --text-color: var(--color-on-shadow-10) !important;
}

.text-shadow-10 {
  color: var(--color-shadow-10) !important;
}

.outline-shadow-10 {
  outline-color: var(--color-shadow-10) !important;
}

.border-shadow-10 {
  border-color: var(--color-shadow-10) !important;
}

.shadow-20 {
  --color: var(--color-shadow-20) !important;
  --text-color: var(--color-on-shadow-20) !important;
}

.background-shadow-20 {
  background-color: var(--color-shadow-20) !important;
  --text-color: var(--color-on-shadow-20) !important;
}

.text-shadow-20 {
  color: var(--color-shadow-20) !important;
}

.outline-shadow-20 {
  outline-color: var(--color-shadow-20) !important;
}

.border-shadow-20 {
  border-color: var(--color-shadow-20) !important;
}

.shadow-30 {
  --color: var(--color-shadow-30) !important;
  --text-color: var(--color-on-shadow-30) !important;
}

.background-shadow-30 {
  background-color: var(--color-shadow-30) !important;
  --text-color: var(--color-on-shadow-30) !important;
}

.text-shadow-30 {
  color: var(--color-shadow-30) !important;
}

.outline-shadow-30 {
  outline-color: var(--color-shadow-30) !important;
}

.border-shadow-30 {
  border-color: var(--color-shadow-30) !important;
}

.shadow-40 {
  --color: var(--color-shadow-40) !important;
  --text-color: var(--color-on-shadow-40) !important;
}

.background-shadow-40 {
  background-color: var(--color-shadow-40) !important;
  --text-color: var(--color-on-shadow-40) !important;
}

.text-shadow-40 {
  color: var(--color-shadow-40) !important;
}

.outline-shadow-40 {
  outline-color: var(--color-shadow-40) !important;
}

.border-shadow-40 {
  border-color: var(--color-shadow-40) !important;
}

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

.background-shadow-50 {
  background-color: var(--color-shadow-50) !important;
  --text-color: var(--color-on-shadow-50) !important;
}

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

.outline-shadow-50 {
  outline-color: var(--color-shadow-50) !important;
}

.border-shadow-50 {
  border-color: var(--color-shadow-50) !important;
}

.shadow-60 {
  --color: var(--color-shadow-60) !important;
  --text-color: var(--color-on-shadow-60) !important;
}

.background-shadow-60 {
  background-color: var(--color-shadow-60) !important;
  --text-color: var(--color-on-shadow-60) !important;
}

.text-shadow-60 {
  color: var(--color-shadow-60) !important;
}

.outline-shadow-60 {
  outline-color: var(--color-shadow-60) !important;
}

.border-shadow-60 {
  border-color: var(--color-shadow-60) !important;
}

.shadow-70 {
  --color: var(--color-shadow-70) !important;
  --text-color: var(--color-on-shadow-70) !important;
}

.background-shadow-70 {
  background-color: var(--color-shadow-70) !important;
  --text-color: var(--color-on-shadow-70) !important;
}

.text-shadow-70 {
  color: var(--color-shadow-70) !important;
}

.outline-shadow-70 {
  outline-color: var(--color-shadow-70) !important;
}

.border-shadow-70 {
  border-color: var(--color-shadow-70) !important;
}

.shadow-80 {
  --color: var(--color-shadow-80) !important;
  --text-color: var(--color-on-shadow-80) !important;
}

.background-shadow-80 {
  background-color: var(--color-shadow-80) !important;
  --text-color: var(--color-on-shadow-80) !important;
}

.text-shadow-80 {
  color: var(--color-shadow-80) !important;
}

.outline-shadow-80 {
  outline-color: var(--color-shadow-80) !important;
}

.border-shadow-80 {
  border-color: var(--color-shadow-80) !important;
}

.shadow-90 {
  --color: var(--color-shadow-90) !important;
  --text-color: var(--color-on-shadow-90) !important;
}

.background-shadow-90 {
  background-color: var(--color-shadow-90) !important;
  --text-color: var(--color-on-shadow-90) !important;
}

.text-shadow-90 {
  color: var(--color-shadow-90) !important;
}

.outline-shadow-90 {
  outline-color: var(--color-shadow-90) !important;
}

.border-shadow-90 {
  border-color: var(--color-shadow-90) !important;
}

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

.background-shadow-100 {
  background-color: var(--color-shadow-100) !important;
  --text-color: var(--color-on-shadow-100) !important;
}

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

.outline-shadow-100 {
  outline-color: var(--color-shadow-100) !important;
}

.border-shadow-100 {
  border-color: var(--color-shadow-100) !important;
}

/*# sourceMappingURL=default.css.map */