/* Generated from helix-variables.json */
/* Do not edit this file directly - use the generate script instead */

/* Helixicons Font Face */
/* NOTE: Using CM Icon Sprites, will move to Helixicons, maybe in a future version */
/* @font-face {
  font-family: 'helixicons';
  src: url('./assets/fonts/helixicons.woff') format('woff'),
       url('./assets/fonts/helixicons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
} */

/* Helixicon base styles */
.helixicon {
  font-family: 'helixicons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Roboto Font Face */
/* NOTE: Fonts loaded via Google Fonts in choco-taco-v1.css */
/* @font-face {
  font-family: 'Roboto';
  src: url('./assets/fonts/roboto/static/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('./assets/fonts/roboto/static/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
} */

:root {
  --black: #000000;
  --black-dim: var(--black-a16);
  --black-mute: var(--black-a06);
  --blue: #3388E0;
  --blue-dim: var(--blue-a16);
  --blue-lighten: #499EF6;
  --blue-mute: var(--blue-a06);
  --border: var(--gray-005);
  --brand-primary: #1DAC94;
  --brand-primary-dim: var(--brand-primary-a16);
  --brand-primary-lighten: #22CAAD;
  --brand-primary-mute: var(--brand-primary-a06);
  --gray-100: #1A1A1A;
  --gray-000: #E1E1E1;
  --gray-005: #E9E9E9;
  --gray-010: #EEEEEE;
  --gray-020: #F3F3F3;
  --gray-030: #E7E7E7;
  --gray-040: #D8D8D8;
  --gray-050: #CECECE;
  --gray-060: #C4C4C4;
  --gray-070: #B7B7B7;
  --gray-080: #979797;
  --gray-090: #646464;
  --gray-main: #FDFDFD;
  --green: #2E7E57;
  --green-dim: var(--green-a16);
  --green-lighten: #42926B;
  --green-mute: var(--green-a06);
  --orange: #DD4E00;
  --orange-dim: var(--orange-a16);
  --orange-lighten: #E45000;
  --orange-mute: var(--orange-a06);
  --primary: #314A8C;
  --primary-dim: var(--primary-a16);
  --primary-lighten: #4B64A6;
  --primary-mute: var(--primary-a06);
  --purple: #844BCC;
  --purple-dim: var(--purple-a16);
  --purple-lighten: #894FD6;
  --purple-mute: var(--purple-a06);
  --red: #A63240;
  --red-dim: var(--red-a16);
  --red-lighten: #C63949;
  --red-mute: var(--red-a06);
  --white: #FFFFFF;
  --white-dim: var(--white-a40);
  --white-mute: var(--white-a06);
  --yellow: #C89200;
  --yellow-dim: var(--yellow-a16);
  --yellow-lighten: #E3A600;
  --yellow-mute: var(--yellow-a06);
  --dev-margin: #8C4274;
  --dev-padding: #4C759D;
  --pink: #F079DD;
  --text-selection: rgba(68, 130, 222, 0.6);
  --black-a02: rgba(0, 0, 0, 0.02);
  --black-a04: rgba(0, 0, 0, 0.04);
  --black-a06: rgba(0, 0, 0, 0.06);
  --black-a08: rgba(0, 0, 0, 0.08);
  --black-a10: rgba(0, 0, 0, 0.1);
  --black-a12: rgba(0, 0, 0, 0.12);
  --black-a16: rgba(0, 0, 0, 0.16);
  --black-a20: rgba(0, 0, 0, 0.2);
  --black-a24: rgba(0, 0, 0, 0.24);
  --black-a28: rgba(0, 0, 0, 0.28);
  --black-a32: rgba(0, 0, 0, 0.32);
  --black-a36: rgba(0, 0, 0, 0.36);
  --black-a40: rgba(0, 0, 0, 0.4);
  --black-a44: rgba(0, 0, 0, 0.44);
  --black-a48: rgba(0, 0, 0, 0.48);
  --black-a52: rgba(0, 0, 0, 0.52);
  --black-a56: rgba(0, 0, 0, 0.56);
  --black-a60: rgba(0, 0, 0, 0.6);
  --black-a64: rgba(0, 0, 0, 0.64);
  --black-a68: rgba(0, 0, 0, 0.68);
  --black-a72: rgba(0, 0, 0, 0.72);
  --black-a76: rgba(0, 0, 0, 0.76);
  --black-a80: rgba(0, 0, 0, 0.8);
  --black-a84: rgba(0, 0, 0, 0.84);
  --black-a88: rgba(0, 0, 0, 0.88);
  --black-a92: rgba(0, 0, 0, 0.92);
  --black-a96: rgba(0, 0, 0, 0.96);
  --blue-a02: rgba(51, 136, 224, 0.02);
  --blue-a04: rgba(51, 136, 224, 0.04);
  --blue-a06: rgba(51, 136, 224, 0.06);
  --blue-a08: rgba(51, 136, 224, 0.08);
  --blue-a10: rgba(51, 136, 224, 0.1);
  --blue-a12: rgba(51, 136, 224, 0.12);
  --blue-a16: rgba(51, 136, 224, 0.16);
  --blue-a20: rgba(51, 136, 224, 0.2);
  --blue-a24: rgba(51, 136, 224, 0.24);
  --blue-a28: rgba(51, 136, 224, 0.28);
  --blue-a32: rgba(51, 136, 224, 0.32);
  --blue-a36: rgba(51, 136, 224, 0.36);
  --blue-a40: rgba(51, 136, 224, 0.4);
  --blue-a44: rgba(51, 136, 224, 0.44);
  --blue-a48: rgba(51, 136, 224, 0.48);
  --blue-a52: rgba(51, 136, 224, 0.52);
  --blue-a56: rgba(51, 136, 224, 0.56);
  --blue-a60: rgba(51, 136, 224, 0.6);
  --blue-a64: rgba(51, 136, 224, 0.64);
  --blue-a68: rgba(51, 136, 224, 0.68);
  --blue-a72: rgba(51, 136, 224, 0.72);
  --blue-a76: rgba(51, 136, 224, 0.76);
  --blue-a80: rgba(51, 136, 224, 0.8);
  --blue-a84: rgba(51, 136, 224, 0.84);
  --blue-a88: rgba(51, 136, 224, 0.88);
  --blue-a92: rgba(51, 136, 224, 0.92);
  --blue-a96: rgba(51, 136, 224, 0.96);
  --brand-primary-a02: rgba(34, 202, 173, 0.02);
  --brand-primary-a04: rgba(34, 202, 173, 0.04);
  --brand-primary-a06: rgba(34, 202, 173, 0.06);
  --brand-primary-a08: rgba(34, 202, 173, 0.08);
  --brand-primary-a10: rgba(34, 202, 173, 0.1);
  --brand-primary-a12: rgba(34, 202, 173, 0.12);
  --brand-primary-a16: rgba(34, 202, 173, 0.16);
  --brand-primary-a20: rgba(34, 202, 173, 0.2);
  --brand-primary-a24: rgba(34, 202, 173, 0.24);
  --brand-primary-a28: rgba(34, 202, 173, 0.28);
  --brand-primary-a32: rgba(34, 202, 173, 0.32);
  --brand-primary-a36: rgba(34, 202, 173, 0.36);
  --brand-primary-a40: rgba(34, 202, 173, 0.4);
  --brand-primary-a44: rgba(34, 202, 173, 0.44);
  --brand-primary-a48: rgba(34, 202, 173, 0.48);
  --brand-primary-a52: rgba(34, 202, 173, 0.52);
  --brand-primary-a56: rgba(34, 202, 173, 0.56);
  --brand-primary-a60: rgba(34, 202, 173, 0.6);
  --brand-primary-a64: rgba(34, 202, 173, 0.64);
  --brand-primary-a68: rgba(34, 202, 173, 0.68);
  --brand-primary-a72: rgba(34, 202, 173, 0.72);
  --brand-primary-a76: rgba(34, 202, 173, 0.76);
  --brand-primary-a80: rgba(34, 202, 173, 0.8);
  --brand-primary-a84: rgba(34, 202, 173, 0.84);
  --brand-primary-a88: rgba(34, 202, 173, 0.88);
  --brand-primary-a92: rgba(34, 202, 173, 0.92);
  --brand-primary-a96: rgba(34, 202, 173, 0.96);
  --gray-100-a02: rgba(30, 30, 41, 0.02);
  --gray-100-a04: rgba(30, 30, 41, 0.04);
  --gray-100-a06: rgba(30, 30, 41, 0.06);
  --gray-100-a08: rgba(30, 30, 41, 0.08);
  --gray-100-a10: rgba(30, 30, 41, 0.1);
  --gray-100-a12: rgba(30, 30, 41, 0.12);
  --gray-100-a16: rgba(30, 30, 41, 0.16);
  --gray-100-a20: rgba(30, 30, 41, 0.2);
  --gray-100-a24: rgba(30, 30, 41, 0.24);
  --gray-100-a28: rgba(30, 30, 41, 0.28);
  --gray-100-a32: rgba(30, 30, 41, 0.32);
  --gray-100-a36: rgba(30, 30, 41, 0.36);
  --gray-100-a40: rgba(30, 30, 41, 0.4);
  --gray-100-a44: rgba(30, 30, 41, 0.44);
  --gray-100-a48: rgba(30, 30, 41, 0.48);
  --gray-100-a52: rgba(30, 30, 41, 0.52);
  --gray-100-a56: rgba(30, 30, 41, 0.56);
  --gray-100-a60: rgba(30, 30, 41, 0.6);
  --gray-100-a64: rgba(30, 30, 41, 0.64);
  --gray-100-a68: rgba(30, 30, 41, 0.68);
  --gray-100-a72: rgba(30, 30, 41, 0.72);
  --gray-100-a76: rgba(30, 30, 41, 0.76);
  --gray-100-a80: rgba(30, 30, 41, 0.8);
  --gray-100-a84: rgba(30, 30, 41, 0.84);
  --gray-100-a88: rgba(30, 30, 41, 0.88);
  --gray-100-a92: rgba(30, 30, 41, 0.92);
  --gray-100-a96: rgba(30, 30, 41, 0.96);
  --gray-000-a02: rgba(222, 222, 227, 0.02);
  --gray-000-a04: rgba(222, 222, 227, 0.04);
  --gray-000-a06: rgba(222, 222, 227, 0.06);
  --gray-000-a08: rgba(222, 222, 227, 0.08);
  --gray-000-a10: rgba(222, 222, 227, 0.1);
  --gray-000-a12: rgba(222, 222, 227, 0.12);
  --gray-000-a16: rgba(222, 222, 227, 0.16);
  --gray-000-a20: rgba(222, 222, 227, 0.2);
  --gray-000-a24: rgba(222, 222, 227, 0.24);
  --gray-000-a28: rgba(222, 222, 227, 0.28);
  --gray-000-a32: rgba(222, 222, 227, 0.32);
  --gray-000-a36: rgba(222, 222, 227, 0.36);
  --gray-000-a40: rgba(222, 222, 227, 0.4);
  --gray-000-a44: rgba(222, 222, 227, 0.44);
  --gray-000-a48: rgba(222, 222, 227, 0.48);
  --gray-000-a52: rgba(222, 222, 227, 0.52);
  --gray-000-a56: rgba(222, 222, 227, 0.56);
  --gray-000-a60: rgba(222, 222, 227, 0.6);
  --gray-000-a64: rgba(222, 222, 227, 0.64);
  --gray-000-a68: rgba(222, 222, 227, 0.68);
  --gray-000-a72: rgba(222, 222, 227, 0.72);
  --gray-000-a76: rgba(222, 222, 227, 0.76);
  --gray-000-a80: rgba(222, 222, 227, 0.8);
  --gray-000-a84: rgba(222, 222, 227, 0.84);
  --gray-000-a88: rgba(222, 222, 227, 0.88);
  --gray-000-a92: rgba(222, 222, 227, 0.92);
  --gray-000-a96: rgba(222, 222, 227, 0.96);
  --gray-main-a02: rgba(252, 252, 254, 0.02);
  --gray-main-a04: rgba(252, 252, 254, 0.04);
  --gray-main-a06: rgba(252, 252, 254, 0.06);
  --gray-main-a08: rgba(252, 252, 254, 0.08);
  --gray-main-a10: rgba(252, 252, 254, 0.1);
  --gray-main-a12: rgba(252, 252, 254, 0.12);
  --gray-main-a16: rgba(252, 252, 254, 0.16);
  --gray-main-a20: rgba(252, 252, 254, 0.2);
  --gray-main-a24: rgba(252, 252, 254, 0.24);
  --gray-main-a28: rgba(252, 252, 254, 0.28);
  --gray-main-a32: rgba(252, 252, 254, 0.32);
  --gray-main-a36: rgba(252, 252, 254, 0.36);
  --gray-main-a40: rgba(252, 252, 254, 0.4);
  --gray-main-a44: rgba(252, 252, 254, 0.44);
  --gray-main-a48: rgba(252, 252, 254, 0.48);
  --gray-main-a52: rgba(252, 252, 254, 0.52);
  --gray-main-a56: rgba(252, 252, 254, 0.56);
  --gray-main-a60: rgba(252, 252, 254, 0.6);
  --gray-main-a64: rgba(252, 252, 254, 0.64);
  --gray-main-a68: rgba(252, 252, 254, 0.68);
  --gray-main-a72: rgba(252, 252, 254, 0.72);
  --gray-main-a76: rgba(252, 252, 254, 0.76);
  --gray-main-a80: rgba(252, 252, 254, 0.8);
  --gray-main-a84: rgba(252, 252, 254, 0.84);
  --gray-main-a88: rgba(252, 252, 254, 0.88);
  --gray-main-a92: rgba(252, 252, 254, 0.92);
  --gray-main-a96: rgba(252, 252, 254, 0.96);
  --green-a02: rgba(46, 126, 87, 0.02);
  --green-a04: rgba(46, 126, 87, 0.04);
  --green-a06: rgba(46, 126, 87, 0.06);
  --green-a08: rgba(46, 126, 87, 0.08);
  --green-a10: rgba(46, 126, 87, 0.1);
  --green-a12: rgba(46, 126, 87, 0.12);
  --green-a16: rgba(46, 126, 87, 0.16);
  --green-a20: rgba(46, 126, 87, 0.2);
  --green-a24: rgba(46, 126, 87, 0.24);
  --green-a28: rgba(46, 126, 87, 0.28);
  --green-a32: rgba(46, 126, 87, 0.32);
  --green-a36: rgba(46, 126, 87, 0.36);
  --green-a40: rgba(46, 126, 87, 0.4);
  --green-a44: rgba(46, 126, 87, 0.44);
  --green-a48: rgba(46, 126, 87, 0.48);
  --green-a52: rgba(46, 126, 87, 0.52);
  --green-a56: rgba(46, 126, 87, 0.56);
  --green-a60: rgba(46, 126, 87, 0.6);
  --green-a64: rgba(46, 126, 87, 0.64);
  --green-a68: rgba(46, 126, 87, 0.68);
  --green-a72: rgba(46, 126, 87, 0.72);
  --green-a76: rgba(46, 126, 87, 0.76);
  --green-a80: rgba(46, 126, 87, 0.8);
  --green-a84: rgba(46, 126, 87, 0.84);
  --green-a88: rgba(46, 126, 87, 0.88);
  --green-a92: rgba(46, 126, 87, 0.92);
  --green-a96: rgba(46, 126, 87, 0.96);
  --orange-a02: rgba(221, 78, 0, 0.02);
  --orange-a04: rgba(221, 78, 0, 0.04);
  --orange-a06: rgba(221, 78, 0, 0.06);
  --orange-a08: rgba(221, 78, 0, 0.08);
  --orange-a10: rgba(221, 78, 0, 0.1);
  --orange-a12: rgba(221, 78, 0, 0.12);
  --orange-a16: rgba(221, 78, 0, 0.16);
  --orange-a20: rgba(221, 78, 0, 0.2);
  --orange-a24: rgba(221, 78, 0, 0.24);
  --orange-a28: rgba(221, 78, 0, 0.28);
  --orange-a32: rgba(221, 78, 0, 0.32);
  --orange-a36: rgba(221, 78, 0, 0.36);
  --orange-a40: rgba(221, 78, 0, 0.4);
  --orange-a44: rgba(221, 78, 0, 0.44);
  --orange-a48: rgba(221, 78, 0, 0.48);
  --orange-a52: rgba(221, 78, 0, 0.52);
  --orange-a56: rgba(221, 78, 0, 0.56);
  --orange-a60: rgba(221, 78, 0, 0.6);
  --orange-a64: rgba(221, 78, 0, 0.64);
  --orange-a68: rgba(221, 78, 0, 0.68);
  --orange-a72: rgba(221, 78, 0, 0.72);
  --orange-a76: rgba(221, 78, 0, 0.76);
  --orange-a80: rgba(221, 78, 0, 0.8);
  --orange-a84: rgba(221, 78, 0, 0.84);
  --orange-a88: rgba(221, 78, 0, 0.88);
  --orange-a92: rgba(221, 78, 0, 0.92);
  --orange-a96: rgba(221, 78, 0, 0.96);
  --primary-a02: rgba(49, 74, 140, 0.02);
  --primary-a04: rgba(49, 74, 140, 0.04);
  --primary-a06: rgba(49, 74, 140, 0.06);
  --primary-a08: rgba(49, 74, 140, 0.08);
  --primary-a10: rgba(49, 74, 140, 0.1);
  --primary-a12: rgba(49, 74, 140, 0.12);
  --primary-a16: rgba(49, 74, 140, 0.16);
  --primary-a20: rgba(49, 74, 140, 0.2);
  --primary-a24: rgba(49, 74, 140, 0.24);
  --primary-a28: rgba(49, 74, 140, 0.28);
  --primary-a32: rgba(49, 74, 140, 0.32);
  --primary-a36: rgba(49, 74, 140, 0.36);
  --primary-a40: rgba(49, 74, 140, 0.4);
  --primary-a44: rgba(49, 74, 140, 0.44);
  --primary-a48: rgba(49, 74, 140, 0.48);
  --primary-a52: rgba(49, 74, 140, 0.52);
  --primary-a56: rgba(49, 74, 140, 0.56);
  --primary-a60: rgba(49, 74, 140, 0.6);
  --primary-a64: rgba(49, 74, 140, 0.64);
  --primary-a68: rgba(49, 74, 140, 0.68);
  --primary-a72: rgba(49, 74, 140, 0.72);
  --primary-a76: rgba(49, 74, 140, 0.76);
  --primary-a80: rgba(49, 74, 140, 0.8);
  --primary-a84: rgba(49, 74, 140, 0.84);
  --primary-a88: rgba(49, 74, 140, 0.88);
  --primary-a92: rgba(49, 74, 140, 0.92);
  --primary-a96: rgba(49, 74, 140, 0.96);
  --purple-a02: rgba(132, 75, 204, 0.02);
  --purple-a04: rgba(132, 75, 204, 0.04);
  --purple-a06: rgba(132, 75, 204, 0.06);
  --purple-a08: rgba(132, 75, 204, 0.08);
  --purple-a10: rgba(132, 75, 204, 0.1);
  --purple-a12: rgba(132, 75, 204, 0.12);
  --purple-a16: rgba(132, 75, 204, 0.16);
  --purple-a20: rgba(132, 75, 204, 0.2);
  --purple-a24: rgba(132, 75, 204, 0.24);
  --purple-a28: rgba(132, 75, 204, 0.28);
  --purple-a32: rgba(132, 75, 204, 0.32);
  --purple-a36: rgba(132, 75, 204, 0.36);
  --purple-a40: rgba(132, 75, 204, 0.4);
  --purple-a44: rgba(132, 75, 204, 0.44);
  --purple-a48: rgba(132, 75, 204, 0.48);
  --purple-a52: rgba(132, 75, 204, 0.52);
  --purple-a56: rgba(132, 75, 204, 0.56);
  --purple-a60: rgba(132, 75, 204, 0.6);
  --purple-a64: rgba(132, 75, 204, 0.64);
  --purple-a68: rgba(132, 75, 204, 0.68);
  --purple-a72: rgba(132, 75, 204, 0.72);
  --purple-a76: rgba(132, 75, 204, 0.76);
  --purple-a80: rgba(132, 75, 204, 0.8);
  --purple-a84: rgba(132, 75, 204, 0.84);
  --purple-a88: rgba(132, 75, 204, 0.88);
  --purple-a92: rgba(132, 75, 204, 0.92);
  --purple-a96: rgba(132, 75, 204, 0.96);
  --red-a02: rgba(166, 50, 64, 0.02);
  --red-a04: rgba(166, 50, 64, 0.04);
  --red-a06: rgba(166, 50, 64, 0.06);
  --red-a08: rgba(166, 50, 64, 0.08);
  --red-a10: rgba(166, 50, 64, 0.1);
  --red-a12: rgba(166, 50, 64, 0.12);
  --red-a16: rgba(166, 50, 64, 0.16);
  --red-a20: rgba(166, 50, 64, 0.2);
  --red-a24: rgba(166, 50, 64, 0.24);
  --red-a28: rgba(166, 50, 64, 0.28);
  --red-a32: rgba(166, 50, 64, 0.32);
  --red-a36: rgba(166, 50, 64, 0.36);
  --red-a40: rgba(166, 50, 64, 0.4);
  --red-a44: rgba(166, 50, 64, 0.44);
  --red-a48: rgba(166, 50, 64, 0.48);
  --red-a52: rgba(166, 50, 64, 0.52);
  --red-a56: rgba(166, 50, 64, 0.56);
  --red-a60: rgba(166, 50, 64, 0.6);
  --red-a64: rgba(166, 50, 64, 0.64);
  --red-a68: rgba(166, 50, 64, 0.68);
  --red-a72: rgba(166, 50, 64, 0.72);
  --red-a76: rgba(166, 50, 64, 0.76);
  --red-a80: rgba(166, 50, 64, 0.8);
  --red-a84: rgba(166, 50, 64, 0.84);
  --red-a88: rgba(166, 50, 64, 0.88);
  --red-a92: rgba(166, 50, 64, 0.92);
  --red-a96: rgba(166, 50, 64, 0.96);
  --white-a02: rgba(255, 255, 255, 0.02);
  --white-a04: rgba(255, 255, 255, 0.04);
  --white-a06: rgba(255, 255, 255, 0.06);
  --white-a08: rgba(255, 255, 255, 0.08);
  --white-a10: rgba(255, 255, 255, 0.1);
  --white-a12: rgba(255, 255, 255, 0.12);
  --white-a16: rgba(255, 255, 255, 0.16);
  --white-a20: rgba(255, 255, 255, 0.2);
  --white-a24: rgba(255, 255, 255, 0.24);
  --white-a28: rgba(255, 255, 255, 0.28);
  --white-a32: rgba(255, 255, 255, 0.32);
  --white-a36: rgba(255, 255, 255, 0.36);
  --white-a40: rgba(255, 255, 255, 0.4);
  --white-a44: rgba(255, 255, 255, 0.44);
  --white-a48: rgba(255, 255, 255, 0.48);
  --white-a52: rgba(255, 255, 255, 0.52);
  --white-a56: rgba(255, 255, 255, 0.56);
  --white-a60: rgba(255, 255, 255, 0.6);
  --white-a64: rgba(255, 255, 255, 0.64);
  --white-a68: rgba(255, 255, 255, 0.68);
  --white-a72: rgba(255, 255, 255, 0.72);
  --white-a76: rgba(255, 255, 255, 0.76);
  --white-a80: rgba(255, 255, 255, 0.8);
  --white-a84: rgba(255, 255, 255, 0.84);
  --white-a88: rgba(255, 255, 255, 0.88);
  --white-a92: rgba(255, 255, 255, 0.92);
  --white-a96: rgba(255, 255, 255, 0.96);
  --yellow-a02: rgba(182, 134, 22, 0.02);
  --yellow-a04: rgba(182, 134, 22, 0.04);
  --yellow-a06: rgba(182, 134, 22, 0.06);
  --yellow-a08: rgba(182, 134, 22, 0.08);
  --yellow-a10: rgba(182, 134, 22, 0.1);
  --yellow-a12: rgba(182, 134, 22, 0.12);
  --yellow-a16: rgba(182, 134, 22, 0.16);
  --yellow-a20: rgba(182, 134, 22, 0.2);
  --yellow-a24: rgba(182, 134, 22, 0.24);
  --yellow-a28: rgba(182, 134, 22, 0.28);
  --yellow-a32: rgba(182, 134, 22, 0.32);
  --yellow-a36: rgba(182, 134, 22, 0.36);
  --yellow-a40: rgba(182, 134, 22, 0.4);
  --yellow-a44: rgba(182, 134, 22, 0.44);
  --yellow-a48: rgba(182, 134, 22, 0.48);
  --yellow-a52: rgba(182, 134, 22, 0.52);
  --yellow-a56: rgba(182, 134, 22, 0.56);
  --yellow-a60: rgba(182, 134, 22, 0.6);
  --yellow-a64: rgba(182, 134, 22, 0.64);
  --yellow-a68: rgba(182, 134, 22, 0.68);
  --yellow-a72: rgba(182, 134, 22, 0.72);
  --yellow-a76: rgba(182, 134, 22, 0.76);
  --yellow-a80: rgba(182, 134, 22, 0.8);
  --yellow-a84: rgba(182, 134, 22, 0.84);
  --yellow-a88: rgba(182, 134, 22, 0.88);
  --yellow-a92: rgba(182, 134, 22, 0.92);
  --yellow-a96: rgba(182, 134, 22, 0.96);
  --alert-critical: var(--red-a16);
  --alert-help: var(--blue-a16);
  --alert-highlight: var(--blue-a32);
  --alert-important: var(--gray-100-a06);
  --alert-none: var(--gray-100-a06);
  --alert-positive: var(--green-a16);
  --alert-warning: var(--yellow-a16);
  --base: var(--gray-005);
  --body: var(--gray-000);
  --button-default: var(--gray-main);
  --button-default-active: var(--gray-100-a08);
  --button-default-hover: var(--gray-main);
  --button-priority: var(--gray-100-a08);
  --button-priority-active: var(--gray-100-a08);
  --button-priority-hover: var(--gray-100-a08);
  --card: var(--gray-main);
  --card-wrapper: var(--gray-010);
  --checkbox-checked: var(--primary);
  --checkbox-unchecked: var(--gray-100-a08);
  --content: var(--gray-main);
  --divider-dark: var(--gray-100-a12);
  --divider-dark-dropdown: var(--gray-100-a12);
  --divider-light: var(--gray-100-a12);
  --divider-light-dropdown: var(--gray-100-a12);
  --drawer: var(--gray-main);
  --dropdown: var(--white);
  --dropdown-active: var(--gray-100-a08);
  --dropdown-enabled: var(--gray-100-a08);
  --dropdown-header: var(--gray-100-a06);
  --dropdown-heading: var(--gray-100-a08);
  --dropdown-hover: var(--gray-100-a08);
  --dropdown-input: var(--gray-100-a04);
  --filter: var(--gray-030);
  --focus: var(--blue-lighten);
  --input: var(--gray-100-a04);
  --input-disabled: var(--gray-100-a12);
  --input-read-only: rgba(255, 255, 255, 0);
  --interactive-active: var(--gray-100-a06);
  --interactive-active-hover: var(--gray-100-a04);
  --interactive-child: var(--gray-100-a02);
  --interactive-child-hover: var(--gray-100-a06);
  --interactive-hover: var(--gray-100-a04);
  --interactive-parent-expanded: var(--gray-100-a04);
  --interactive-parent-expanded-hover: var(--gray-100-a06);
  --modal: var(--white);
  --modal-header: var(--white);
  --overlay: var(--gray-100-a40);
  --panel: var(--gray-main);
  --panel-header: var(--gray-main);
  --scrollbar: rgba(255, 255, 255, 0);
  --scrollbar-handle: var(--gray-100-a28);
  --scrollbar-hover: var(--gray-100-a08);
  --select: var(--gray-main);
  --select-active: var(--gray-main);
  --select-disabled: var(--gray-100-a04);
  --select-hover: var(--gray-main);
  --select-read-only: var(--gray-100-a04);
  --shadow-lg: var(--gray-100-a20);
  --shadow-md: var(--gray-100-a16);
  --shadow-sm: var(--gray-100-a12);
  --shortcut: #18917C;
  --sidebar: var(--gray-main);
  --sidebar-item-active: var(--gray-100-a12);
  --sidebar-item-hover: var(--gray-100-a08);
  --status-error: var(--red-lighten);
  --status-info: var(--gray-090);
  --status-open: var(--blue-lighten);
  --status-positive: var(--green-lighten);
  --status-warning: var(--yellow-lighten);
  --tab-active: var(--gray-main);
  --table-cell-selection: var(--blue-a08);
  --temporary-view: var(--gray-main);
  --toast: var(--gray-main);
  --toggle: var(--gray-100-a10);
  --toggle-floating: var(--gray-000);
  --toggle-floating-button-active: var(--gray-main);
  --toggle-switch: var(--gray-main);
  --toggle-switch-button: var(--gray-main);
  --toggle-switch-button-disabled: var(--gray-main-a48);
  --toggle-switch-button-hover: var(--gray-main-a48);
  --tooltip: var(--gray-main);
  --alert-help-border: var(--blue-a04);
  --button-default-border: var(--gray-100-a16);
  --button-default-border-active: var(--gray-100-a24);
  --button-default-border-hover: var(--gray-100-a20);
  --button-priority-border: var(--gray-100-a24);
  --button-priority-border-active: var(--gray-100-a24);
  --button-priority-border-hover: var(--gray-100-a24);
  --card-border: var(--gray-100-a12);
  --checkbox-border-checked: var(--gray-100-a16);
  --checkbox-border-unchecked: var(--gray-100-a08);
  --checkbox-border-unchecked-hover: var(--gray-100-a16);
  --dropdown-border: var(--gray-030);
  --input-border: var(--gray-100-a12);
  --input-border-active: var(--gray-100-a24);
  --input-border-disabled: var(--gray-100-a08);
  --input-border-hover: var(--gray-100-a20);
  --input-border-read-only: var(--gray-100-a12);
  --select-border: var(--gray-100-a16);
  --select-border-active: var(--gray-100-a24);
  --select-border-disabled: var(--gray-100-a08);
  --select-border-hover: var(--gray-100-a20);
  --select-border-read-only: var(--gray-100-a12);
  --table-cell-selection-border: var(--blue-lighten);
  --temporary-view-border: var(--gray-040);
  --toast-border: var(--gray-100-a12);
  --tooltip-border: var(--gray-100-a16);
}

.dark {
  --black: #000000;
  --black-dim: var(--black-a40);
  --black-mute: var(--black-a10);
  --blue: #338EEB;
  --blue-dim: var(--blue-a40);
  --blue-lighten: #4AA4FF;
  --blue-mute: var(--blue-a10);
  --border: var(--gray-005);
  --brand-primary: #1DAC94;
  --brand-primary-dim: var(--brand-primary-a40);
  --brand-primary-lighten: #22CAAD;
  --brand-primary-mute: var(--brand-primary-a10);
  --gray-100: #E5E5E6;
  --gray-000: #01030C;
  --gray-005: #0B0D16;
  --gray-010: #10121A;
  --gray-020: #20222A;
  --gray-030: #272930;
  --gray-040: #2F3038;
  --gray-050: #37383F;
  --gray-060: #414249;
  --gray-070: #53545A;
  --gray-080: #808186;
  --gray-090: #A3A4A7;
  --gray-main: #181A22;
  --green: #2E7E57;
  --green-dim: var(--green-a40);
  --green-lighten: #56AE84;
  --green-mute: var(--green-a10);
  --orange: #E65200;
  --orange-dim: var(--orange-a40);
  --orange-lighten: #FF6B00;
  --orange-mute: var(--orange-a10);
  --primary: #314A8C;
  --primary-dim: var(--primary-a40);
  --primary-lighten: #4B64A6;
  --primary-mute: var(--primary-a10);
  --purple: #8B4ED9;
  --purple-dim: var(--purple-a40);
  --purple-lighten: #A45FFF;
  --purple-mute: var(--purple-a10);
  --red: #A63240;
  --red-dim: var(--red-a40);
  --red-lighten: #F3455A;
  --red-mute: var(--red-a10);
  --white: #FFFFFF;
  --white-dim: var(--white-a40);
  --white-mute: var(--white-a06);
  --yellow: #CCAC3E;
  --yellow-dim: var(--yellow-a40);
  --yellow-lighten: #F2D264;
  --yellow-mute: var(--yellow-a10);
  --dev-margin: #8C4274;
  --dev-padding: #4C759D;
  --pink: #F079DD;
  --text-selection: rgba(68, 130, 222, 0.6);
  --black-a02: rgba(0, 0, 0, 0.02);
  --black-a04: rgba(0, 0, 0, 0.04);
  --black-a06: rgba(0, 0, 0, 0.06);
  --black-a08: rgba(0, 0, 0, 0.08);
  --black-a10: rgba(0, 0, 0, 0.1);
  --black-a12: rgba(0, 0, 0, 0.12);
  --black-a16: rgba(0, 0, 0, 0.16);
  --black-a20: rgba(0, 0, 0, 0.2);
  --black-a24: rgba(0, 0, 0, 0.24);
  --black-a28: rgba(0, 0, 0, 0.28);
  --black-a32: rgba(0, 0, 0, 0.32);
  --black-a36: rgba(0, 0, 0, 0.36);
  --black-a40: rgba(0, 0, 0, 0.4);
  --black-a44: rgba(0, 0, 0, 0.44);
  --black-a48: rgba(0, 0, 0, 0.48);
  --black-a52: rgba(0, 0, 0, 0.52);
  --black-a56: rgba(0, 0, 0, 0.56);
  --black-a60: rgba(0, 0, 0, 0.6);
  --black-a64: rgba(0, 0, 0, 0.64);
  --black-a68: rgba(0, 0, 0, 0.68);
  --black-a72: rgba(0, 0, 0, 0.72);
  --black-a76: rgba(0, 0, 0, 0.76);
  --black-a80: rgba(0, 0, 0, 0.8);
  --black-a84: rgba(0, 0, 0, 0.84);
  --black-a88: rgba(0, 0, 0, 0.88);
  --black-a92: rgba(0, 0, 0, 0.92);
  --black-a96: rgba(0, 0, 0, 0.96);
  --blue-a02: rgba(51, 142, 235, 0.02);
  --blue-a04: rgba(51, 142, 235, 0.04);
  --blue-a06: rgba(51, 142, 235, 0.06);
  --blue-a08: rgba(51, 142, 235, 0.08);
  --blue-a10: rgba(51, 142, 235, 0.1);
  --blue-a12: rgba(51, 142, 235, 0.12);
  --blue-a16: rgba(51, 142, 235, 0.16);
  --blue-a20: rgba(51, 142, 235, 0.2);
  --blue-a24: rgba(51, 142, 235, 0.24);
  --blue-a28: rgba(51, 142, 235, 0.28);
  --blue-a32: rgba(51, 142, 235, 0.32);
  --blue-a36: rgba(51, 142, 235, 0.36);
  --blue-a40: rgba(51, 142, 235, 0.4);
  --blue-a44: rgba(51, 142, 235, 0.44);
  --blue-a48: rgba(51, 142, 235, 0.48);
  --blue-a52: rgba(51, 142, 235, 0.52);
  --blue-a56: rgba(51, 142, 235, 0.56);
  --blue-a60: rgba(51, 142, 235, 0.6);
  --blue-a64: rgba(51, 142, 235, 0.64);
  --blue-a68: rgba(51, 142, 235, 0.68);
  --blue-a72: rgba(51, 142, 235, 0.72);
  --blue-a76: rgba(51, 142, 235, 0.76);
  --blue-a80: rgba(51, 142, 235, 0.8);
  --blue-a84: rgba(51, 142, 235, 0.84);
  --blue-a88: rgba(51, 142, 235, 0.88);
  --blue-a92: rgba(51, 142, 235, 0.92);
  --blue-a96: rgba(51, 142, 235, 0.96);
  --brand-primary-a02: rgba(34, 202, 173, 0.02);
  --brand-primary-a04: rgba(34, 202, 173, 0.04);
  --brand-primary-a06: rgba(34, 202, 173, 0.06);
  --brand-primary-a08: rgba(34, 202, 173, 0.08);
  --brand-primary-a10: rgba(34, 202, 173, 0.1);
  --brand-primary-a12: rgba(34, 202, 173, 0.12);
  --brand-primary-a16: rgba(34, 202, 173, 0.16);
  --brand-primary-a20: rgba(34, 202, 173, 0.2);
  --brand-primary-a24: rgba(34, 202, 173, 0.24);
  --brand-primary-a28: rgba(34, 202, 173, 0.28);
  --brand-primary-a32: rgba(34, 202, 173, 0.32);
  --brand-primary-a36: rgba(34, 202, 173, 0.36);
  --brand-primary-a40: rgba(34, 202, 173, 0.4);
  --brand-primary-a44: rgba(34, 202, 173, 0.44);
  --brand-primary-a48: rgba(34, 202, 173, 0.48);
  --brand-primary-a52: rgba(34, 202, 173, 0.52);
  --brand-primary-a56: rgba(34, 202, 173, 0.56);
  --brand-primary-a60: rgba(34, 202, 173, 0.6);
  --brand-primary-a64: rgba(34, 202, 173, 0.64);
  --brand-primary-a68: rgba(34, 202, 173, 0.68);
  --brand-primary-a72: rgba(34, 202, 173, 0.72);
  --brand-primary-a76: rgba(34, 202, 173, 0.76);
  --brand-primary-a80: rgba(34, 202, 173, 0.8);
  --brand-primary-a84: rgba(34, 202, 173, 0.84);
  --brand-primary-a88: rgba(34, 202, 173, 0.88);
  --brand-primary-a92: rgba(34, 202, 173, 0.92);
  --brand-primary-a96: rgba(34, 202, 173, 0.96);
  --gray-100-a02: rgba(229, 229, 230, 0.02);
  --gray-100-a04: rgba(229, 229, 230, 0.04);
  --gray-100-a06: rgba(229, 229, 230, 0.06);
  --gray-100-a08: rgba(229, 229, 230, 0.08);
  --gray-100-a10: rgba(229, 229, 230, 0.1);
  --gray-100-a12: rgba(229, 229, 230, 0.12);
  --gray-100-a16: rgba(229, 229, 230, 0.16);
  --gray-100-a20: rgba(229, 229, 230, 0.2);
  --gray-100-a24: rgba(229, 229, 230, 0.24);
  --gray-100-a28: rgba(229, 229, 230, 0.28);
  --gray-100-a32: rgba(229, 229, 230, 0.32);
  --gray-100-a36: rgba(229, 229, 230, 0.36);
  --gray-100-a40: rgba(229, 229, 230, 0.4);
  --gray-100-a44: rgba(229, 229, 230, 0.44);
  --gray-100-a48: rgba(229, 229, 230, 0.48);
  --gray-100-a52: rgba(229, 229, 230, 0.52);
  --gray-100-a56: rgba(229, 229, 230, 0.56);
  --gray-100-a60: rgba(229, 229, 230, 0.6);
  --gray-100-a64: rgba(229, 229, 230, 0.64);
  --gray-100-a68: rgba(229, 229, 230, 0.68);
  --gray-100-a72: rgba(229, 229, 230, 0.72);
  --gray-100-a76: rgba(229, 229, 230, 0.76);
  --gray-100-a80: rgba(229, 229, 230, 0.8);
  --gray-100-a84: rgba(229, 229, 230, 0.84);
  --gray-100-a88: rgba(229, 229, 230, 0.88);
  --gray-100-a92: rgba(229, 229, 230, 0.92);
  --gray-100-a96: rgba(229, 229, 230, 0.96);
  --gray-000-a02: rgba(1, 3, 12, 0.02);
  --gray-000-a04: rgba(1, 3, 12, 0.04);
  --gray-000-a06: rgba(1, 3, 12, 0.06);
  --gray-000-a08: rgba(1, 3, 12, 0.08);
  --gray-000-a10: rgba(1, 3, 12, 0.1);
  --gray-000-a12: rgba(1, 3, 12, 0.12);
  --gray-000-a16: rgba(1, 3, 12, 0.16);
  --gray-000-a20: rgba(1, 3, 12, 0.2);
  --gray-000-a24: rgba(1, 3, 12, 0.24);
  --gray-000-a28: rgba(1, 3, 12, 0.28);
  --gray-000-a32: rgba(1, 3, 12, 0.32);
  --gray-000-a36: rgba(1, 3, 12, 0.36);
  --gray-000-a40: rgba(1, 3, 12, 0.4);
  --gray-000-a44: rgba(1, 3, 12, 0.44);
  --gray-000-a48: rgba(1, 3, 12, 0.48);
  --gray-000-a52: rgba(1, 3, 12, 0.52);
  --gray-000-a56: rgba(1, 3, 12, 0.56);
  --gray-000-a60: rgba(1, 3, 12, 0.6);
  --gray-000-a64: rgba(1, 3, 12, 0.64);
  --gray-000-a68: rgba(1, 3, 12, 0.68);
  --gray-000-a72: rgba(1, 3, 12, 0.72);
  --gray-000-a76: rgba(1, 3, 12, 0.76);
  --gray-000-a80: rgba(1, 3, 12, 0.8);
  --gray-000-a84: rgba(1, 3, 12, 0.84);
  --gray-000-a88: rgba(1, 3, 12, 0.88);
  --gray-000-a92: rgba(1, 3, 12, 0.92);
  --gray-000-a96: rgba(1, 3, 12, 0.96);
  --gray-main-a02: rgba(24, 26, 34, 0.02);
  --gray-main-a04: rgba(24, 26, 34, 0.04);
  --gray-main-a06: rgba(24, 26, 34, 0.06);
  --gray-main-a08: rgba(24, 26, 34, 0.08);
  --gray-main-a10: rgba(24, 26, 34, 0.1);
  --gray-main-a12: rgba(24, 26, 34, 0.12);
  --gray-main-a16: rgba(24, 26, 34, 0.16);
  --gray-main-a20: rgba(24, 26, 34, 0.2);
  --gray-main-a24: rgba(24, 26, 34, 0.24);
  --gray-main-a28: rgba(24, 26, 34, 0.28);
  --gray-main-a32: rgba(24, 26, 34, 0.32);
  --gray-main-a36: rgba(24, 26, 34, 0.36);
  --gray-main-a40: rgba(24, 26, 34, 0.4);
  --gray-main-a44: rgba(24, 26, 34, 0.44);
  --gray-main-a48: rgba(24, 26, 34, 0.48);
  --gray-main-a52: rgba(24, 26, 34, 0.52);
  --gray-main-a56: rgba(24, 26, 34, 0.56);
  --gray-main-a60: rgba(24, 26, 34, 0.6);
  --gray-main-a64: rgba(24, 26, 34, 0.64);
  --gray-main-a68: rgba(24, 26, 34, 0.68);
  --gray-main-a72: rgba(24, 26, 34, 0.72);
  --gray-main-a76: rgba(24, 26, 34, 0.76);
  --gray-main-a80: rgba(24, 26, 34, 0.8);
  --gray-main-a84: rgba(24, 26, 34, 0.84);
  --gray-main-a88: rgba(24, 26, 34, 0.88);
  --gray-main-a92: rgba(24, 26, 34, 0.92);
  --gray-main-a96: rgba(24, 26, 34, 0.96);
  --green-a02: rgba(46, 126, 87, 0.02);
  --green-a04: rgba(46, 126, 87, 0.04);
  --green-a06: rgba(46, 126, 87, 0.06);
  --green-a08: rgba(46, 126, 87, 0.08);
  --green-a10: rgba(46, 126, 87, 0.1);
  --green-a12: rgba(46, 126, 87, 0.12);
  --green-a16: rgba(46, 126, 87, 0.16);
  --green-a20: rgba(46, 126, 87, 0.2);
  --green-a24: rgba(46, 126, 87, 0.24);
  --green-a28: rgba(46, 126, 87, 0.28);
  --green-a32: rgba(46, 126, 87, 0.32);
  --green-a36: rgba(46, 126, 87, 0.36);
  --green-a40: rgba(46, 126, 87, 0.4);
  --green-a44: rgba(46, 126, 87, 0.44);
  --green-a48: rgba(46, 126, 87, 0.48);
  --green-a52: rgba(46, 126, 87, 0.52);
  --green-a56: rgba(46, 126, 87, 0.56);
  --green-a60: rgba(46, 126, 87, 0.6);
  --green-a64: rgba(46, 126, 87, 0.64);
  --green-a68: rgba(46, 126, 87, 0.68);
  --green-a72: rgba(46, 126, 87, 0.72);
  --green-a76: rgba(46, 126, 87, 0.76);
  --green-a80: rgba(46, 126, 87, 0.8);
  --green-a84: rgba(46, 126, 87, 0.84);
  --green-a88: rgba(46, 126, 87, 0.88);
  --green-a92: rgba(46, 126, 87, 0.92);
  --green-a96: rgba(46, 126, 87, 0.96);
  --orange-a02: rgba(230, 82, 0, 0.02);
  --orange-a04: rgba(230, 82, 0, 0.04);
  --orange-a06: rgba(230, 82, 0, 0.06);
  --orange-a08: rgba(230, 82, 0, 0.08);
  --orange-a10: rgba(230, 82, 0, 0.1);
  --orange-a12: rgba(230, 82, 0, 0.12);
  --orange-a16: rgba(230, 82, 0, 0.16);
  --orange-a20: rgba(230, 82, 0, 0.2);
  --orange-a24: rgba(230, 82, 0, 0.24);
  --orange-a28: rgba(230, 82, 0, 0.28);
  --orange-a32: rgba(230, 82, 0, 0.32);
  --orange-a36: rgba(230, 82, 0, 0.36);
  --orange-a40: rgba(230, 82, 0, 0.4);
  --orange-a44: rgba(230, 82, 0, 0.44);
  --orange-a48: rgba(230, 82, 0, 0.48);
  --orange-a52: rgba(230, 82, 0, 0.52);
  --orange-a56: rgba(230, 82, 0, 0.56);
  --orange-a60: rgba(230, 82, 0, 0.6);
  --orange-a64: rgba(230, 82, 0, 0.64);
  --orange-a68: rgba(230, 82, 0, 0.68);
  --orange-a72: rgba(230, 82, 0, 0.72);
  --orange-a76: rgba(230, 82, 0, 0.76);
  --orange-a80: rgba(230, 82, 0, 0.8);
  --orange-a84: rgba(230, 82, 0, 0.84);
  --orange-a88: rgba(230, 82, 0, 0.88);
  --orange-a92: rgba(230, 82, 0, 0.92);
  --orange-a96: rgba(230, 82, 0, 0.96);
  --primary-a02: rgba(49, 74, 140, 0.02);
  --primary-a04: rgba(49, 74, 140, 0.04);
  --primary-a06: rgba(49, 74, 140, 0.06);
  --primary-a08: rgba(49, 74, 140, 0.08);
  --primary-a10: rgba(49, 74, 140, 0.1);
  --primary-a12: rgba(49, 74, 140, 0.12);
  --primary-a16: rgba(49, 74, 140, 0.16);
  --primary-a20: rgba(49, 74, 140, 0.2);
  --primary-a24: rgba(49, 74, 140, 0.24);
  --primary-a28: rgba(49, 74, 140, 0.28);
  --primary-a32: rgba(49, 74, 140, 0.32);
  --primary-a36: rgba(49, 74, 140, 0.36);
  --primary-a40: rgba(49, 74, 140, 0.4);
  --primary-a44: rgba(49, 74, 140, 0.44);
  --primary-a48: rgba(49, 74, 140, 0.48);
  --primary-a52: rgba(49, 74, 140, 0.52);
  --primary-a56: rgba(49, 74, 140, 0.56);
  --primary-a60: rgba(49, 74, 140, 0.6);
  --primary-a64: rgba(49, 74, 140, 0.64);
  --primary-a68: rgba(49, 74, 140, 0.68);
  --primary-a72: rgba(49, 74, 140, 0.72);
  --primary-a76: rgba(49, 74, 140, 0.76);
  --primary-a80: rgba(49, 74, 140, 0.8);
  --primary-a84: rgba(49, 74, 140, 0.84);
  --primary-a88: rgba(49, 74, 140, 0.88);
  --primary-a92: rgba(49, 74, 140, 0.92);
  --primary-a96: rgba(49, 74, 140, 0.96);
  --purple-a02: rgba(139, 78, 217, 0.02);
  --purple-a04: rgba(139, 78, 217, 0.04);
  --purple-a06: rgba(139, 78, 217, 0.06);
  --purple-a08: rgba(139, 78, 217, 0.08);
  --purple-a10: rgba(139, 78, 217, 0.1);
  --purple-a12: rgba(139, 78, 217, 0.12);
  --purple-a16: rgba(139, 78, 217, 0.16);
  --purple-a20: rgba(139, 78, 217, 0.2);
  --purple-a24: rgba(139, 78, 217, 0.24);
  --purple-a28: rgba(139, 78, 217, 0.28);
  --purple-a32: rgba(139, 78, 217, 0.32);
  --purple-a36: rgba(139, 78, 217, 0.36);
  --purple-a40: rgba(139, 78, 217, 0.4);
  --purple-a44: rgba(139, 78, 217, 0.44);
  --purple-a48: rgba(139, 78, 217, 0.48);
  --purple-a52: rgba(139, 78, 217, 0.52);
  --purple-a56: rgba(139, 78, 217, 0.56);
  --purple-a60: rgba(139, 78, 217, 0.6);
  --purple-a64: rgba(139, 78, 217, 0.64);
  --purple-a68: rgba(139, 78, 217, 0.68);
  --purple-a72: rgba(139, 78, 217, 0.72);
  --purple-a76: rgba(139, 78, 217, 0.76);
  --purple-a80: rgba(139, 78, 217, 0.8);
  --purple-a84: rgba(139, 78, 217, 0.84);
  --purple-a88: rgba(139, 78, 217, 0.88);
  --purple-a92: rgba(139, 78, 217, 0.92);
  --purple-a96: rgba(139, 78, 217, 0.96);
  --red-a02: rgba(166, 50, 64, 0.02);
  --red-a04: rgba(166, 50, 64, 0.04);
  --red-a06: rgba(166, 50, 64, 0.06);
  --red-a08: rgba(166, 50, 64, 0.08);
  --red-a10: rgba(166, 50, 64, 0.1);
  --red-a12: rgba(166, 50, 64, 0.12);
  --red-a16: rgba(166, 50, 64, 0.16);
  --red-a20: rgba(166, 50, 64, 0.2);
  --red-a24: rgba(166, 50, 64, 0.24);
  --red-a28: rgba(166, 50, 64, 0.28);
  --red-a32: rgba(166, 50, 64, 0.32);
  --red-a36: rgba(166, 50, 64, 0.36);
  --red-a40: rgba(166, 50, 64, 0.4);
  --red-a44: rgba(166, 50, 64, 0.44);
  --red-a48: rgba(166, 50, 64, 0.48);
  --red-a52: rgba(166, 50, 64, 0.52);
  --red-a56: rgba(166, 50, 64, 0.56);
  --red-a60: rgba(166, 50, 64, 0.6);
  --red-a64: rgba(166, 50, 64, 0.64);
  --red-a68: rgba(166, 50, 64, 0.68);
  --red-a72: rgba(166, 50, 64, 0.72);
  --red-a76: rgba(166, 50, 64, 0.76);
  --red-a80: rgba(166, 50, 64, 0.8);
  --red-a84: rgba(166, 50, 64, 0.84);
  --red-a88: rgba(166, 50, 64, 0.88);
  --red-a92: rgba(166, 50, 64, 0.92);
  --red-a96: rgba(166, 50, 64, 0.96);
  --white-a02: rgba(255, 255, 255, 0.02);
  --white-a04: rgba(255, 255, 255, 0.04);
  --white-a06: rgba(255, 255, 255, 0.06);
  --white-a08: rgba(255, 255, 255, 0.08);
  --white-a10: rgba(255, 255, 255, 0.1);
  --white-a12: rgba(255, 255, 255, 0.12);
  --white-a16: rgba(255, 255, 255, 0.16);
  --white-a20: rgba(255, 255, 255, 0.2);
  --white-a24: rgba(255, 255, 255, 0.24);
  --white-a28: rgba(255, 255, 255, 0.28);
  --white-a32: rgba(255, 255, 255, 0.32);
  --white-a36: rgba(255, 255, 255, 0.36);
  --white-a40: rgba(255, 255, 255, 0.4);
  --white-a44: rgba(255, 255, 255, 0.44);
  --white-a48: rgba(255, 255, 255, 0.48);
  --white-a52: rgba(255, 255, 255, 0.52);
  --white-a56: rgba(255, 255, 255, 0.56);
  --white-a60: rgba(255, 255, 255, 0.6);
  --white-a64: rgba(255, 255, 255, 0.64);
  --white-a68: rgba(255, 255, 255, 0.68);
  --white-a72: rgba(255, 255, 255, 0.72);
  --white-a76: rgba(255, 255, 255, 0.76);
  --white-a80: rgba(255, 255, 255, 0.8);
  --white-a84: rgba(255, 255, 255, 0.84);
  --white-a88: rgba(255, 255, 255, 0.88);
  --white-a92: rgba(255, 255, 255, 0.92);
  --white-a96: rgba(255, 255, 255, 0.96);
  --yellow-a02: rgba(204, 172, 62, 0.02);
  --yellow-a04: rgba(204, 172, 62, 0.04);
  --yellow-a06: rgba(204, 172, 62, 0.06);
  --yellow-a08: rgba(204, 172, 62, 0.08);
  --yellow-a10: rgba(204, 172, 62, 0.1);
  --yellow-a12: rgba(204, 172, 62, 0.12);
  --yellow-a16: rgba(204, 172, 62, 0.16);
  --yellow-a20: rgba(204, 172, 62, 0.2);
  --yellow-a24: rgba(204, 172, 62, 0.24);
  --yellow-a28: rgba(204, 172, 62, 0.28);
  --yellow-a32: rgba(204, 172, 62, 0.32);
  --yellow-a36: rgba(204, 172, 62, 0.36);
  --yellow-a40: rgba(204, 172, 62, 0.4);
  --yellow-a44: rgba(204, 172, 62, 0.44);
  --yellow-a48: rgba(204, 172, 62, 0.48);
  --yellow-a52: rgba(204, 172, 62, 0.52);
  --yellow-a56: rgba(204, 172, 62, 0.56);
  --yellow-a60: rgba(204, 172, 62, 0.6);
  --yellow-a64: rgba(204, 172, 62, 0.64);
  --yellow-a68: rgba(204, 172, 62, 0.68);
  --yellow-a72: rgba(204, 172, 62, 0.72);
  --yellow-a76: rgba(204, 172, 62, 0.76);
  --yellow-a80: rgba(204, 172, 62, 0.8);
  --yellow-a84: rgba(204, 172, 62, 0.84);
  --yellow-a88: rgba(204, 172, 62, 0.88);
  --yellow-a92: rgba(204, 172, 62, 0.92);
  --yellow-a96: rgba(204, 172, 62, 0.96);
  --alert-critical: var(--red-a32);
  --alert-help: var(--blue-a12);
  --alert-highlight: var(--blue-a32);
  --alert-important: var(--gray-100-a12);
  --alert-none: var(--gray-040);
  --alert-positive: var(--green-a32);
  --alert-warning: var(--yellow-a32);
  --base: var(--gray-005);
  --body: var(--gray-000);
  --button-default: var(--gray-100-a06);
  --button-default-active: var(--gray-100-a16);
  --button-default-hover: var(--gray-100-a10);
  --button-priority: var(--gray-100-a24);
  --button-priority-active: var(--gray-100-a24);
  --button-priority-hover: var(--gray-100-a24);
  --card: var(--gray-100-a04);
  --card-wrapper: var(--gray-main);
  --checkbox-checked: var(--primary);
  --checkbox-unchecked: var(--gray-100-a08);
  --content: var(--gray-main);
  --divider-dark: var(--gray-005);
  --divider-dark-dropdown: var(--gray-000-a32);
  --divider-light: var(--gray-100-a12);
  --divider-light-dropdown: var(--gray-100-a06);
  --drawer: var(--gray-main);
  --dropdown: var(--gray-040);
  --dropdown-active: var(--gray-100-a08);
  --dropdown-enabled: var(--gray-100-a08);
  --dropdown-header: var(--gray-100-a06);
  --dropdown-heading: var(--gray-100-a08);
  --dropdown-hover: var(--gray-100-a08);
  --dropdown-input: var(--gray-000-a10);
  --filter: var(--gray-030);
  --focus: var(--blue-lighten);
  --input: var(--gray-000-a20);
  --input-disabled: var(--gray-100-a12);
  --input-read-only: rgba(255, 255, 255, 0);
  --interactive-active: var(--gray-100-a06);
  --interactive-active-hover: var(--gray-100-a12);
  --interactive-child: var(--gray-100-a02);
  --interactive-child-hover: var(--gray-100-a06);
  --interactive-hover: var(--gray-100-a04);
  --interactive-parent-expanded: var(--gray-100-a04);
  --interactive-parent-expanded-hover: var(--gray-100-a08);
  --modal: var(--gray-020);
  --modal-header: var(--gray-100-a04);
  --overlay: var(--gray-000-a40);
  --panel: var(--gray-030);
  --panel-header: var(--gray-040);
  --scrollbar: rgba(255, 255, 255, 0);
  --scrollbar-handle: var(--gray-100-a28);
  --scrollbar-hover: var(--gray-100-a08);
  --select: var(--gray-100-a06);
  --select-active: var(--gray-100-a12);
  --select-disabled: var(--gray-100-a04);
  --select-hover: var(--gray-100-a10);
  --select-read-only: var(--gray-100-a08);
  --shadow-lg: var(--gray-000-a40);
  --shadow-md: var(--gray-000-a32);
  --shadow-sm: var(--gray-000-a24);
  --shortcut: #18917C;
  --sidebar: var(--gray-main);
  --sidebar-item-active: var(--gray-100-a12);
  --sidebar-item-hover: var(--gray-100-a08);
  --status-error: var(--red-lighten);
  --status-info: var(--gray-090);
  --status-open: var(--blue-lighten);
  --status-positive: var(--green-lighten);
  --status-warning: var(--yellow-lighten);
  --tab-active: var(--gray-100-a12);
  --table-cell-selection: var(--blue-a08);
  --temporary-view: var(--gray-020);
  --toast: var(--gray-040);
  --toggle: var(--gray-000-a52);
  --toggle-floating: var(--gray-040);
  --toggle-floating-button-active: var(--gray-020);
  --toggle-switch: var(--gray-090);
  --toggle-switch-button: var(--gray-100-a16);
  --toggle-switch-button-disabled: var(--gray-100-a08);
  --toggle-switch-button-hover: var(--gray-100-a08);
  --tooltip: var(--gray-040);
  --alert-help-border: var(--blue-a04);
  --button-default-border: rgba(255, 255, 255, 0);
  --button-default-border-active: rgba(255, 255, 255, 0);
  --button-default-border-hover: rgba(255, 255, 255, 0);
  --button-priority-border: rgba(255, 255, 255, 0);
  --button-priority-border-active: rgba(255, 255, 255, 0);
  --button-priority-border-hover: rgba(255, 255, 255, 0);
  --card-border: rgba(255, 255, 255, 0);
  --checkbox-border-checked: var(--gray-100-a16);
  --checkbox-border-unchecked: var(--gray-100-a08);
  --checkbox-border-unchecked-hover: var(--gray-100-a16);
  --dropdown-border: var(--gray-060);
  --input-border: var(--gray-000-a16);
  --input-border-active: var(--gray-100-a56);
  --input-border-disabled: rgba(255, 255, 255, 0);
  --input-border-hover: var(--gray-100-a24);
  --input-border-read-only: var(--gray-100-a08);
  --select-border: rgba(255, 255, 255, 0);
  --select-border-active: rgba(255, 255, 255, 0);
  --select-border-disabled: rgba(255, 255, 255, 0);
  --select-border-hover: rgba(255, 255, 255, 0);
  --select-border-read-only: rgba(255, 255, 255, 0);
  --table-cell-selection-border: var(--blue-lighten);
  --temporary-view-border: var(--gray-040);
  --toast-border: var(--gray-100-a08);
  --tooltip-border: var(--gray-100-a08);
}

/* Support for .Theme-night class (alias for .dark) */
.Theme-night {
  --black: #000000;
  --black-dim: var(--black-a40);
  --black-mute: var(--black-a10);
  --blue: #338EEB;
  --blue-dim: var(--blue-a40);
  --blue-lighten: #4AA4FF;
  --blue-mute: var(--blue-a10);
  --border: var(--gray-005);
  --brand-primary: #1DAC94;
  --brand-primary-dim: var(--brand-primary-a40);
  --brand-primary-lighten: #22CAAD;
  --brand-primary-mute: var(--brand-primary-a10);
  --gray-100: #E5E5E6;
  --gray-000: #01030C;
  --gray-005: #0B0D16;
  --gray-010: #10121A;
  --gray-020: #20222A;
  --gray-030: #272930;
  --gray-040: #2F3038;
  --gray-050: #37383F;
  --gray-060: #414249;
  --gray-070: #53545A;
  --gray-080: #808186;
  --gray-090: #A3A4A7;
  --gray-main: #181A22;
  --green: #2E7E57;
  --green-dim: var(--green-a40);
  --green-lighten: #56AE84;
  --green-mute: var(--green-a10);
  --orange: #E65200;
  --orange-dim: var(--orange-a40);
  --orange-lighten: #FF6B00;
  --orange-mute: var(--orange-a10);
  --primary: #314A8C;
  --primary-dim: var(--primary-a40);
  --primary-lighten: #4B64A6;
  --primary-mute: var(--primary-a10);
  --purple: #8B4ED9;
  --purple-dim: var(--purple-a40);
  --purple-lighten: #A45FFF;
  --purple-mute: var(--purple-a10);
  --red: #A63240;
  --red-dim: var(--red-a40);
  --red-lighten: #F3455A;
  --red-mute: var(--red-a10);
  --white: #FFFFFF;
  --white-dim: var(--white-a40);
  --white-mute: var(--white-a06);
  --yellow: #CCAC3E;
  --yellow-dim: var(--yellow-a40);
  --yellow-lighten: #F2D264;
  --yellow-mute: var(--yellow-a10);
}

@theme inline {
  --color-black: var(--black);
  --color-black-dim: var(--black-dim);
  --color-black-mute: var(--black-mute);
  --color-blue: var(--blue);
  --color-blue-dim: var(--blue-dim);
  --color-blue-lighten: var(--blue-lighten);
  --color-blue-mute: var(--blue-mute);
  --color-border: var(--border);
  --color-brand-primary: var(--brand-primary);
  --color-brand-primary-dim: var(--brand-primary-dim);
  --color-brand-primary-lighten: var(--brand-primary-lighten);
  --color-brand-primary-mute: var(--brand-primary-mute);
  --color-gray-100: var(--gray-100);
  --color-gray-000: var(--gray-000);
  --color-gray-005: var(--gray-005);
  --color-gray-010: var(--gray-010);
  --color-gray-020: var(--gray-020);
  --color-gray-030: var(--gray-030);
  --color-gray-040: var(--gray-040);
  --color-gray-050: var(--gray-050);
  --color-gray-060: var(--gray-060);
  --color-gray-070: var(--gray-070);
  --color-gray-080: var(--gray-080);
  --color-gray-090: var(--gray-090);
  --color-gray-main: var(--gray-main);
  --color-green: var(--green);
  --color-green-dim: var(--green-dim);
  --color-green-lighten: var(--green-lighten);
  --color-green-mute: var(--green-mute);
  --color-orange: var(--orange);
  --color-orange-dim: var(--orange-dim);
  --color-orange-lighten: var(--orange-lighten);
  --color-orange-mute: var(--orange-mute);
  --color-primary: var(--primary);
  --color-primary-dim: var(--primary-dim);
  --color-primary-lighten: var(--primary-lighten);
  --color-primary-mute: var(--primary-mute);
  --color-purple: var(--purple);
  --color-purple-dim: var(--purple-dim);
  --color-purple-lighten: var(--purple-lighten);
  --color-purple-mute: var(--purple-mute);
  --color-red: var(--red);
  --color-red-dim: var(--red-dim);
  --color-red-lighten: var(--red-lighten);
  --color-red-mute: var(--red-mute);
  --color-white: var(--white);
  --color-white-dim: var(--white-dim);
  --color-white-mute: var(--white-mute);
  --color-yellow: var(--yellow);
  --color-yellow-dim: var(--yellow-dim);
  --color-yellow-lighten: var(--yellow-lighten);
  --color-yellow-mute: var(--yellow-mute);
  --color-dev-margin: var(--dev-margin);
  --color-dev-padding: var(--dev-padding);
  --color-pink: var(--pink);
  --color-text-selection: var(--text-selection);
  --color-black-a02: var(--black-a02);
  --color-black-a04: var(--black-a04);
  --color-black-a06: var(--black-a06);
  --color-black-a08: var(--black-a08);
  --color-black-a10: var(--black-a10);
  --color-black-a12: var(--black-a12);
  --color-black-a16: var(--black-a16);
  --color-black-a20: var(--black-a20);
  --color-black-a24: var(--black-a24);
  --color-black-a28: var(--black-a28);
  --color-black-a32: var(--black-a32);
  --color-black-a36: var(--black-a36);
  --color-black-a40: var(--black-a40);
  --color-black-a44: var(--black-a44);
  --color-black-a48: var(--black-a48);
  --color-black-a52: var(--black-a52);
  --color-black-a56: var(--black-a56);
  --color-black-a60: var(--black-a60);
  --color-black-a64: var(--black-a64);
  --color-black-a68: var(--black-a68);
  --color-black-a72: var(--black-a72);
  --color-black-a76: var(--black-a76);
  --color-black-a80: var(--black-a80);
  --color-black-a84: var(--black-a84);
  --color-black-a88: var(--black-a88);
  --color-black-a92: var(--black-a92);
  --color-black-a96: var(--black-a96);
  --color-blue-a02: var(--blue-a02);
  --color-blue-a04: var(--blue-a04);
  --color-blue-a06: var(--blue-a06);
  --color-blue-a08: var(--blue-a08);
  --color-blue-a10: var(--blue-a10);
  --color-blue-a12: var(--blue-a12);
  --color-blue-a16: var(--blue-a16);
  --color-blue-a20: var(--blue-a20);
  --color-blue-a24: var(--blue-a24);
  --color-blue-a28: var(--blue-a28);
  --color-blue-a32: var(--blue-a32);
  --color-blue-a36: var(--blue-a36);
  --color-blue-a40: var(--blue-a40);
  --color-blue-a44: var(--blue-a44);
  --color-blue-a48: var(--blue-a48);
  --color-blue-a52: var(--blue-a52);
  --color-blue-a56: var(--blue-a56);
  --color-blue-a60: var(--blue-a60);
  --color-blue-a64: var(--blue-a64);
  --color-blue-a68: var(--blue-a68);
  --color-blue-a72: var(--blue-a72);
  --color-blue-a76: var(--blue-a76);
  --color-blue-a80: var(--blue-a80);
  --color-blue-a84: var(--blue-a84);
  --color-blue-a88: var(--blue-a88);
  --color-blue-a92: var(--blue-a92);
  --color-blue-a96: var(--blue-a96);
  --color-brand-primary-a02: var(--brand-primary-a02);
  --color-brand-primary-a04: var(--brand-primary-a04);
  --color-brand-primary-a06: var(--brand-primary-a06);
  --color-brand-primary-a08: var(--brand-primary-a08);
  --color-brand-primary-a10: var(--brand-primary-a10);
  --color-brand-primary-a12: var(--brand-primary-a12);
  --color-brand-primary-a16: var(--brand-primary-a16);
  --color-brand-primary-a20: var(--brand-primary-a20);
  --color-brand-primary-a24: var(--brand-primary-a24);
  --color-brand-primary-a28: var(--brand-primary-a28);
  --color-brand-primary-a32: var(--brand-primary-a32);
  --color-brand-primary-a36: var(--brand-primary-a36);
  --color-brand-primary-a40: var(--brand-primary-a40);
  --color-brand-primary-a44: var(--brand-primary-a44);
  --color-brand-primary-a48: var(--brand-primary-a48);
  --color-brand-primary-a52: var(--brand-primary-a52);
  --color-brand-primary-a56: var(--brand-primary-a56);
  --color-brand-primary-a60: var(--brand-primary-a60);
  --color-brand-primary-a64: var(--brand-primary-a64);
  --color-brand-primary-a68: var(--brand-primary-a68);
  --color-brand-primary-a72: var(--brand-primary-a72);
  --color-brand-primary-a76: var(--brand-primary-a76);
  --color-brand-primary-a80: var(--brand-primary-a80);
  --color-brand-primary-a84: var(--brand-primary-a84);
  --color-brand-primary-a88: var(--brand-primary-a88);
  --color-brand-primary-a92: var(--brand-primary-a92);
  --color-brand-primary-a96: var(--brand-primary-a96);
  --color-gray-100-a02: var(--gray-100-a02);
  --color-gray-100-a04: var(--gray-100-a04);
  --color-gray-100-a06: var(--gray-100-a06);
  --color-gray-100-a08: var(--gray-100-a08);
  --color-gray-100-a10: var(--gray-100-a10);
  --color-gray-100-a12: var(--gray-100-a12);
  --color-gray-100-a16: var(--gray-100-a16);
  --color-gray-100-a20: var(--gray-100-a20);
  --color-gray-100-a24: var(--gray-100-a24);
  --color-gray-100-a28: var(--gray-100-a28);
  --color-gray-100-a32: var(--gray-100-a32);
  --color-gray-100-a36: var(--gray-100-a36);
  --color-gray-100-a40: var(--gray-100-a40);
  --color-gray-100-a44: var(--gray-100-a44);
  --color-gray-100-a48: var(--gray-100-a48);
  --color-gray-100-a52: var(--gray-100-a52);
  --color-gray-100-a56: var(--gray-100-a56);
  --color-gray-100-a60: var(--gray-100-a60);
  --color-gray-100-a64: var(--gray-100-a64);
  --color-gray-100-a68: var(--gray-100-a68);
  --color-gray-100-a72: var(--gray-100-a72);
  --color-gray-100-a76: var(--gray-100-a76);
  --color-gray-100-a80: var(--gray-100-a80);
  --color-gray-100-a84: var(--gray-100-a84);
  --color-gray-100-a88: var(--gray-100-a88);
  --color-gray-100-a92: var(--gray-100-a92);
  --color-gray-100-a96: var(--gray-100-a96);
  --color-gray-000-a02: var(--gray-000-a02);
  --color-gray-000-a04: var(--gray-000-a04);
  --color-gray-000-a06: var(--gray-000-a06);
  --color-gray-000-a08: var(--gray-000-a08);
  --color-gray-000-a10: var(--gray-000-a10);
  --color-gray-000-a12: var(--gray-000-a12);
  --color-gray-000-a16: var(--gray-000-a16);
  --color-gray-000-a20: var(--gray-000-a20);
  --color-gray-000-a24: var(--gray-000-a24);
  --color-gray-000-a28: var(--gray-000-a28);
  --color-gray-000-a32: var(--gray-000-a32);
  --color-gray-000-a36: var(--gray-000-a36);
  --color-gray-000-a40: var(--gray-000-a40);
  --color-gray-000-a44: var(--gray-000-a44);
  --color-gray-000-a48: var(--gray-000-a48);
  --color-gray-000-a52: var(--gray-000-a52);
  --color-gray-000-a56: var(--gray-000-a56);
  --color-gray-000-a60: var(--gray-000-a60);
  --color-gray-000-a64: var(--gray-000-a64);
  --color-gray-000-a68: var(--gray-000-a68);
  --color-gray-000-a72: var(--gray-000-a72);
  --color-gray-000-a76: var(--gray-000-a76);
  --color-gray-000-a80: var(--gray-000-a80);
  --color-gray-000-a84: var(--gray-000-a84);
  --color-gray-000-a88: var(--gray-000-a88);
  --color-gray-000-a92: var(--gray-000-a92);
  --color-gray-000-a96: var(--gray-000-a96);
  --color-gray-main-a02: var(--gray-main-a02);
  --color-gray-main-a04: var(--gray-main-a04);
  --color-gray-main-a06: var(--gray-main-a06);
  --color-gray-main-a08: var(--gray-main-a08);
  --color-gray-main-a10: var(--gray-main-a10);
  --color-gray-main-a12: var(--gray-main-a12);
  --color-gray-main-a16: var(--gray-main-a16);
  --color-gray-main-a20: var(--gray-main-a20);
  --color-gray-main-a24: var(--gray-main-a24);
  --color-gray-main-a28: var(--gray-main-a28);
  --color-gray-main-a32: var(--gray-main-a32);
  --color-gray-main-a36: var(--gray-main-a36);
  --color-gray-main-a40: var(--gray-main-a40);
  --color-gray-main-a44: var(--gray-main-a44);
  --color-gray-main-a48: var(--gray-main-a48);
  --color-gray-main-a52: var(--gray-main-a52);
  --color-gray-main-a56: var(--gray-main-a56);
  --color-gray-main-a60: var(--gray-main-a60);
  --color-gray-main-a64: var(--gray-main-a64);
  --color-gray-main-a68: var(--gray-main-a68);
  --color-gray-main-a72: var(--gray-main-a72);
  --color-gray-main-a76: var(--gray-main-a76);
  --color-gray-main-a80: var(--gray-main-a80);
  --color-gray-main-a84: var(--gray-main-a84);
  --color-gray-main-a88: var(--gray-main-a88);
  --color-gray-main-a92: var(--gray-main-a92);
  --color-gray-main-a96: var(--gray-main-a96);
  --color-green-a02: var(--green-a02);
  --color-green-a04: var(--green-a04);
  --color-green-a06: var(--green-a06);
  --color-green-a08: var(--green-a08);
  --color-green-a10: var(--green-a10);
  --color-green-a12: var(--green-a12);
  --color-green-a16: var(--green-a16);
  --color-green-a20: var(--green-a20);
  --color-green-a24: var(--green-a24);
  --color-green-a28: var(--green-a28);
  --color-green-a32: var(--green-a32);
  --color-green-a36: var(--green-a36);
  --color-green-a40: var(--green-a40);
  --color-green-a44: var(--green-a44);
  --color-green-a48: var(--green-a48);
  --color-green-a52: var(--green-a52);
  --color-green-a56: var(--green-a56);
  --color-green-a60: var(--green-a60);
  --color-green-a64: var(--green-a64);
  --color-green-a68: var(--green-a68);
  --color-green-a72: var(--green-a72);
  --color-green-a76: var(--green-a76);
  --color-green-a80: var(--green-a80);
  --color-green-a84: var(--green-a84);
  --color-green-a88: var(--green-a88);
  --color-green-a92: var(--green-a92);
  --color-green-a96: var(--green-a96);
  --color-orange-a02: var(--orange-a02);
  --color-orange-a04: var(--orange-a04);
  --color-orange-a06: var(--orange-a06);
  --color-orange-a08: var(--orange-a08);
  --color-orange-a10: var(--orange-a10);
  --color-orange-a12: var(--orange-a12);
  --color-orange-a16: var(--orange-a16);
  --color-orange-a20: var(--orange-a20);
  --color-orange-a24: var(--orange-a24);
  --color-orange-a28: var(--orange-a28);
  --color-orange-a32: var(--orange-a32);
  --color-orange-a36: var(--orange-a36);
  --color-orange-a40: var(--orange-a40);
  --color-orange-a44: var(--orange-a44);
  --color-orange-a48: var(--orange-a48);
  --color-orange-a52: var(--orange-a52);
  --color-orange-a56: var(--orange-a56);
  --color-orange-a60: var(--orange-a60);
  --color-orange-a64: var(--orange-a64);
  --color-orange-a68: var(--orange-a68);
  --color-orange-a72: var(--orange-a72);
  --color-orange-a76: var(--orange-a76);
  --color-orange-a80: var(--orange-a80);
  --color-orange-a84: var(--orange-a84);
  --color-orange-a88: var(--orange-a88);
  --color-orange-a92: var(--orange-a92);
  --color-orange-a96: var(--orange-a96);
  --color-primary-a02: var(--primary-a02);
  --color-primary-a04: var(--primary-a04);
  --color-primary-a06: var(--primary-a06);
  --color-primary-a08: var(--primary-a08);
  --color-primary-a10: var(--primary-a10);
  --color-primary-a12: var(--primary-a12);
  --color-primary-a16: var(--primary-a16);
  --color-primary-a20: var(--primary-a20);
  --color-primary-a24: var(--primary-a24);
  --color-primary-a28: var(--primary-a28);
  --color-primary-a32: var(--primary-a32);
  --color-primary-a36: var(--primary-a36);
  --color-primary-a40: var(--primary-a40);
  --color-primary-a44: var(--primary-a44);
  --color-primary-a48: var(--primary-a48);
  --color-primary-a52: var(--primary-a52);
  --color-primary-a56: var(--primary-a56);
  --color-primary-a60: var(--primary-a60);
  --color-primary-a64: var(--primary-a64);
  --color-primary-a68: var(--primary-a68);
  --color-primary-a72: var(--primary-a72);
  --color-primary-a76: var(--primary-a76);
  --color-primary-a80: var(--primary-a80);
  --color-primary-a84: var(--primary-a84);
  --color-primary-a88: var(--primary-a88);
  --color-primary-a92: var(--primary-a92);
  --color-primary-a96: var(--primary-a96);
  --color-purple-a02: var(--purple-a02);
  --color-purple-a04: var(--purple-a04);
  --color-purple-a06: var(--purple-a06);
  --color-purple-a08: var(--purple-a08);
  --color-purple-a10: var(--purple-a10);
  --color-purple-a12: var(--purple-a12);
  --color-purple-a16: var(--purple-a16);
  --color-purple-a20: var(--purple-a20);
  --color-purple-a24: var(--purple-a24);
  --color-purple-a28: var(--purple-a28);
  --color-purple-a32: var(--purple-a32);
  --color-purple-a36: var(--purple-a36);
  --color-purple-a40: var(--purple-a40);
  --color-purple-a44: var(--purple-a44);
  --color-purple-a48: var(--purple-a48);
  --color-purple-a52: var(--purple-a52);
  --color-purple-a56: var(--purple-a56);
  --color-purple-a60: var(--purple-a60);
  --color-purple-a64: var(--purple-a64);
  --color-purple-a68: var(--purple-a68);
  --color-purple-a72: var(--purple-a72);
  --color-purple-a76: var(--purple-a76);
  --color-purple-a80: var(--purple-a80);
  --color-purple-a84: var(--purple-a84);
  --color-purple-a88: var(--purple-a88);
  --color-purple-a92: var(--purple-a92);
  --color-purple-a96: var(--purple-a96);
  --color-red-a02: var(--red-a02);
  --color-red-a04: var(--red-a04);
  --color-red-a06: var(--red-a06);
  --color-red-a08: var(--red-a08);
  --color-red-a10: var(--red-a10);
  --color-red-a12: var(--red-a12);
  --color-red-a16: var(--red-a16);
  --color-red-a20: var(--red-a20);
  --color-red-a24: var(--red-a24);
  --color-red-a28: var(--red-a28);
  --color-red-a32: var(--red-a32);
  --color-red-a36: var(--red-a36);
  --color-red-a40: var(--red-a40);
  --color-red-a44: var(--red-a44);
  --color-red-a48: var(--red-a48);
  --color-red-a52: var(--red-a52);
  --color-red-a56: var(--red-a56);
  --color-red-a60: var(--red-a60);
  --color-red-a64: var(--red-a64);
  --color-red-a68: var(--red-a68);
  --color-red-a72: var(--red-a72);
  --color-red-a76: var(--red-a76);
  --color-red-a80: var(--red-a80);
  --color-red-a84: var(--red-a84);
  --color-red-a88: var(--red-a88);
  --color-red-a92: var(--red-a92);
  --color-red-a96: var(--red-a96);
  --color-white-a02: var(--white-a02);
  --color-white-a04: var(--white-a04);
  --color-white-a06: var(--white-a06);
  --color-white-a08: var(--white-a08);
  --color-white-a10: var(--white-a10);
  --color-white-a12: var(--white-a12);
  --color-white-a16: var(--white-a16);
  --color-white-a20: var(--white-a20);
  --color-white-a24: var(--white-a24);
  --color-white-a28: var(--white-a28);
  --color-white-a32: var(--white-a32);
  --color-white-a36: var(--white-a36);
  --color-white-a40: var(--white-a40);
  --color-white-a44: var(--white-a44);
  --color-white-a48: var(--white-a48);
  --color-white-a52: var(--white-a52);
  --color-white-a56: var(--white-a56);
  --color-white-a60: var(--white-a60);
  --color-white-a64: var(--white-a64);
  --color-white-a68: var(--white-a68);
  --color-white-a72: var(--white-a72);
  --color-white-a76: var(--white-a76);
  --color-white-a80: var(--white-a80);
  --color-white-a84: var(--white-a84);
  --color-white-a88: var(--white-a88);
  --color-white-a92: var(--white-a92);
  --color-white-a96: var(--white-a96);
  --color-yellow-a02: var(--yellow-a02);
  --color-yellow-a04: var(--yellow-a04);
  --color-yellow-a06: var(--yellow-a06);
  --color-yellow-a08: var(--yellow-a08);
  --color-yellow-a10: var(--yellow-a10);
  --color-yellow-a12: var(--yellow-a12);
  --color-yellow-a16: var(--yellow-a16);
  --color-yellow-a20: var(--yellow-a20);
  --color-yellow-a24: var(--yellow-a24);
  --color-yellow-a28: var(--yellow-a28);
  --color-yellow-a32: var(--yellow-a32);
  --color-yellow-a36: var(--yellow-a36);
  --color-yellow-a40: var(--yellow-a40);
  --color-yellow-a44: var(--yellow-a44);
  --color-yellow-a48: var(--yellow-a48);
  --color-yellow-a52: var(--yellow-a52);
  --color-yellow-a56: var(--yellow-a56);
  --color-yellow-a60: var(--yellow-a60);
  --color-yellow-a64: var(--yellow-a64);
  --color-yellow-a68: var(--yellow-a68);
  --color-yellow-a72: var(--yellow-a72);
  --color-yellow-a76: var(--yellow-a76);
  --color-yellow-a80: var(--yellow-a80);
  --color-yellow-a84: var(--yellow-a84);
  --color-yellow-a88: var(--yellow-a88);
  --color-yellow-a92: var(--yellow-a92);
  --color-yellow-a96: var(--yellow-a96);
  --color-alert-critical: var(--alert-critical);
  --color-alert-help: var(--alert-help);
  --color-alert-highlight: var(--alert-highlight);
  --color-alert-important: var(--alert-important);
  --color-alert-none: var(--alert-none);
  --color-alert-positive: var(--alert-positive);
  --color-alert-warning: var(--alert-warning);
  --color-base: var(--base);
  --color-body: var(--body);
  --color-button-default: var(--button-default);
  --color-button-default-active: var(--button-default-active);
  --color-button-default-hover: var(--button-default-hover);
  --color-button-priority: var(--button-priority);
  --color-button-priority-active: var(--button-priority-active);
  --color-button-priority-hover: var(--button-priority-hover);
  --color-card: var(--card);
  --color-card-wrapper: var(--card-wrapper);
  --color-checkbox-checked: var(--checkbox-checked);
  --color-checkbox-unchecked: var(--checkbox-unchecked);
  --color-content: var(--content);
  --color-divider-dark: var(--divider-dark);
  --color-divider-dark-dropdown: var(--divider-dark-dropdown);
  --color-divider-light: var(--divider-light);
  --color-divider-light-dropdown: var(--divider-light-dropdown);
  --color-drawer: var(--drawer);
  --color-dropdown: var(--dropdown);
  --color-dropdown-active: var(--dropdown-active);
  --color-dropdown-enabled: var(--dropdown-enabled);
  --color-dropdown-header: var(--dropdown-header);
  --color-dropdown-heading: var(--dropdown-heading);
  --color-dropdown-hover: var(--dropdown-hover);
  --color-dropdown-input: var(--dropdown-input);
  --color-filter: var(--filter);
  --color-focus: var(--focus);
  --color-input: var(--input);
  --color-input-disabled: var(--input-disabled);
  --color-input-read-only: var(--input-read-only);
  --color-interactive-active: var(--interactive-active);
  --color-interactive-active-hover: var(--interactive-active-hover);
  --color-interactive-child: var(--interactive-child);
  --color-interactive-child-hover: var(--interactive-child-hover);
  --color-interactive-hover: var(--interactive-hover);
  --color-interactive-parent-expanded: var(--interactive-parent-expanded);
  --color-interactive-parent-expanded-hover: var(--interactive-parent-expanded-hover);
  --color-modal: var(--modal);
  --color-modal-header: var(--modal-header);
  --color-overlay: var(--overlay);
  --color-panel: var(--panel);
  --color-panel-header: var(--panel-header);
  --color-scrollbar: var(--scrollbar);
  --color-scrollbar-handle: var(--scrollbar-handle);
  --color-scrollbar-hover: var(--scrollbar-hover);
  --color-select: var(--select);
  --color-select-active: var(--select-active);
  --color-select-disabled: var(--select-disabled);
  --color-select-hover: var(--select-hover);
  --color-select-read-only: var(--select-read-only);
  --color-shadow-lg: var(--shadow-lg);
  --color-shadow-md: var(--shadow-md);
  --color-shadow-sm: var(--shadow-sm);
  --color-shortcut: var(--shortcut);
  --color-sidebar: var(--sidebar);
  --color-sidebar-item-active: var(--sidebar-item-active);
  --color-sidebar-item-hover: var(--sidebar-item-hover);
  --color-status-error: var(--status-error);
  --color-status-info: var(--status-info);
  --color-status-open: var(--status-open);
  --color-status-positive: var(--status-positive);
  --color-status-warning: var(--status-warning);
  --color-tab-active: var(--tab-active);
  --color-table-cell-selection: var(--table-cell-selection);
  --color-temporary-view: var(--temporary-view);
  --color-toast: var(--toast);
  --color-toggle: var(--toggle);
  --color-toggle-floating: var(--toggle-floating);
  --color-toggle-floating-button-active: var(--toggle-floating-button-active);
  --color-toggle-switch: var(--toggle-switch);
  --color-toggle-switch-button: var(--toggle-switch-button);
  --color-toggle-switch-button-disabled: var(--toggle-switch-button-disabled);
  --color-toggle-switch-button-hover: var(--toggle-switch-button-hover);
  --color-tooltip: var(--tooltip);
  --color-alert-help-border: var(--alert-help-border);
  --color-button-default-border: var(--button-default-border);
  --color-button-default-border-active: var(--button-default-border-active);
  --color-button-default-border-hover: var(--button-default-border-hover);
  --color-button-priority-border: var(--button-priority-border);
  --color-button-priority-border-active: var(--button-priority-border-active);
  --color-button-priority-border-hover: var(--button-priority-border-hover);
  --color-card-border: var(--card-border);
  --color-checkbox-border-checked: var(--checkbox-border-checked);
  --color-checkbox-border-unchecked: var(--checkbox-border-unchecked);
  --color-checkbox-border-unchecked-hover: var(--checkbox-border-unchecked-hover);
  --color-dropdown-border: var(--dropdown-border);
  --color-input-border: var(--input-border);
  --color-input-border-active: var(--input-border-active);
  --color-input-border-disabled: var(--input-border-disabled);
  --color-input-border-hover: var(--input-border-hover);
  --color-input-border-read-only: var(--input-border-read-only);
  --color-select-border: var(--select-border);
  --color-select-border-active: var(--select-border-active);
  --color-select-border-disabled: var(--select-border-disabled);
  --color-select-border-hover: var(--select-border-hover);
  --color-select-border-read-only: var(--select-border-read-only);
  --color-table-cell-selection-border: var(--table-cell-selection-border);
  --color-temporary-view-border: var(--temporary-view-border);
  --color-toast-border: var(--toast-border);
  --color-tooltip-border: var(--tooltip-border);
}