/**
 * Do not edit directly
 * Generated on Wed, 08 Nov 2023 13:38:36 GMT
 */

:root {
  --neutral-black: #010101;
  --neutral-text: #171512;
  --neutral-middle: #757574;
  --neutral-muted: #a8a7a6;
  --neutral-disabled: #bbbab9;
  --neutral-border: #ceccca;
  --neutral-background: #ecebe9;
  --neutral-surface: #f9f8f6;
  --primary-accented: #171512;
  --primary-primary: #403e3b;
  --primary-soft: #b4b2b1;
  --primary-middle: #ceccca;
  --primary-selected: #e7e5e4;
  --primary-interlaced: #eeedec;
  --primary-surface: #f4f3f1;
  --primary-inverted: #f9f8f6;
  --primary-hover-transparent: #74c4c914;
  --primary-hover-accented: #1e2321;
  --primary-hover-primary: #444946;
  --primary-hover-soft: #afb3b3;
  --primary-hover-middle: #c7cbca;
  --primary-hover-selected: #dee2e2;
  --primary-hover-interlaced: #e4eae9;
  --primary-hover-surface: #eaefee;
  --secondary-accented: #171512;
  --secondary-secondary: #403e3b;
  --secondary-soft: #b4b2b1;
  --secondary-middle: #cac8c6;
  --secondary-selected: #e7e5e4;
  --secondary-interlaced: #eeedec;
  --secondary-surface: #efeeeb;
  --secondary-inverted: #ffffff;
  --secondary-hover-transparent: #74c4c914;
  --secondary-hover-accented: #1e2321;
  --secondary-hover-secondary: #444946;
  --secondary-hover-soft: #afb3b3;
  --secondary-hover-middle: #c3c8c6;
  --secondary-hover-selected: #dee2e2;
  --secondary-hover-interlaced: #e4eae9;
  --secondary-hover-surface: #e5ebe8;
  --positive-accented: #80cb4e;
  --positive-positive: #93d468;
  --positive-soft: #a9de85;
  --positive-middle: #bfe8a3;
  --positive-selected: #d0efbb;
  --positive-interlaced: #dff4d1;
  --positive-surface: #ecf9e4;
  --positive-inverted: #fbfff8;
  --positive-hover-transparent: #ecffc329;
  --positive-hover-accented: #86d361;
  --positive-hover-positive: #97db77;
  --positive-hover-soft: #aae38f;
  --positive-hover-surface: #eafadf;
  --negative-accented: #ef7c71;
  --negative-negative: #ff8980;
  --negative-soft: #ff9d94;
  --negative-middle: #ffb9b3;
  --negative-selected: #ffd0cc;
  --negative-interlaced: #ffe3e0;
  --negative-surface: #ffedeb;
  --negative-inverted: #fffaf9;
  --negative-hover-transparent: #efa2a229;
  --negative-hover-accented: #ec6b60;
  --negative-hover-negative: #fd796f;
  --negative-hover-soft: #fd8e85;
  --negative-hover-surface: #fdd9d7;
  --gradient-secondary: linear-gradient(225deg, #557fa4 0%, #558ca4 100%);
  --gradient-primary: linear-gradient(45deg, #403e3b 0%, #171512 100%);
  --gradient-progress: linear-gradient(90deg, #171512 0%, #ceccca 39.06%, #171512 100%);
  --overlay-default: #171512bf;
  --overlay-light: #17151240;
  --overlay-inverted: #f4f2efbf;
  --overlay-primary: #403e3bbf;
  --code-graphite: #403e3b;
  --code-blue: #6bc0f5;
  --code-deepblue: #b4a9f0;
  --code-violet: #dca7f1;
  --code-magenta: #fcaae4;
  --code-purple: #fe9d9f;
  --code-red: #ff966f;
  --code-orange: #ffc067;
  --code-yellow: #ffe667;
  --code-yellowgreen: #d6ef58;
  --code-green: #81f480;
  --code-teal: #7af7cf;
  --code-skyblue: #7ae0eb;
  --code-soft-graphite: #b4b2b1;
  --code-soft-blue: #dae6fa;
  --code-soft-deepblue: #decef5;
  --code-soft-violet: #edc9f5;
  --code-soft-magenta: #fecfed;
  --code-soft-purple: #ffc9bf;
  --code-soft-red: #ffc49f;
  --code-soft-orange: #ffdb9a;
  --code-soft-yellow: #fff09a;
  --code-soft-yellowgreen: #f5f8ac;
  --code-soft-green: #e0fac0;
  --code-soft-teal: #defbe7;
  --code-soft-skyblue: #def1f5;
  --code-surface-graphite: #efeeeb;
  --code-surface-blue: #fdfafe;
  --code-surface-deepblue: #fdf6fc;
  --code-surface-violet: #fef5fd;
  --code-surface-magenta: #fff6fb;
  --code-surface-purple: #fff5ef;
  --code-surface-red: #fff5e7;
  --code-surface-orange: #fff8e5;
  --code-surface-yellow: #fffce5;
  --code-surface-yellowgreen: #fefeea;
  --code-surface-green: #fdfeef;
  --code-surface-teal: #fdfcfc;
  --code-surface-skyblue: #fdfafe;
  --shadow-soft-depth1-color: #13204014;
  --shadow-soft-depth1-type: dropShadow;
  --shadow-soft-depth1-x: 0;
  --shadow-soft-depth1-y: 2;
  --shadow-soft-depth1-blur: 2;
  --shadow-soft-depth1-spread: 0;
  --shadow-soft-depth2-color: #13204014;
  --shadow-soft-depth2-type: dropShadow;
  --shadow-soft-depth2-x: 0;
  --shadow-soft-depth2-y: 8;
  --shadow-soft-depth2-blur: 16;
  --shadow-soft-depth2-spread: 0;
  --shadow-soft-depth3-color: #13204014;
  --shadow-soft-depth3-type: dropShadow;
  --shadow-soft-depth3-x: 0;
  --shadow-soft-depth3-y: 16;
  --shadow-soft-depth3-blur: 48;
  --shadow-soft-depth3-spread: 0;
  --shadow-soft-depth1-inset-color: #00000014;
  --shadow-soft-depth1-inset-type: innerShadow;
  --shadow-soft-depth1-inset-x: 0;
  --shadow-soft-depth1-inset-y: 2;
  --shadow-soft-depth1-inset-blur: 2;
  --shadow-soft-depth1-inset-spread: 0;
  --shadow-soft-depth3-inset-color: #13204014;
  --shadow-soft-depth3-inset-type: innerShadow;
  --shadow-soft-depth3-inset-x: 0;
  --shadow-soft-depth3-inset-y: 16;
  --shadow-soft-depth3-inset-blur: 48;
  --shadow-soft-depth3-inset-spread: 0;
  --shadow-hard-depth1-color: #13103329;
  --shadow-hard-depth1-type: dropShadow;
  --shadow-hard-depth1-x: 0;
  --shadow-hard-depth1-y: 2;
  --shadow-hard-depth1-blur: 2;
  --shadow-hard-depth1-spread: 0;
  --shadow-hard-depth1-inset-color: #13204029;
  --shadow-hard-depth1-inset-type: innerShadow;
  --shadow-hard-depth1-inset-x: 0;
  --shadow-hard-depth1-inset-y: 2;
  --shadow-hard-depth1-inset-blur: 2;
  --shadow-hard-depth1-inset-spread: 0;
  --shadow-hard-depth2-color: #13204029;
  --shadow-hard-depth2-type: dropShadow;
  --shadow-hard-depth2-x: 0;
  --shadow-hard-depth2-y: 8;
  --shadow-hard-depth2-blur: 12;
  --shadow-hard-depth2-spread: 0;
  --shadow-hard-depth3-color: #13103329;
  --shadow-hard-depth3-type: dropShadow;
  --shadow-hard-depth3-x: 0;
  --shadow-hard-depth3-y: 16;
  --shadow-hard-depth3-blur: 48;
  --shadow-hard-depth3-spread: 0;
  --font-families-manrope: Manrope;
  --font-families-space-mono: Space Mono;
  --line-heights-0: 24;
  --line-heights-1: 20;
  --line-heights-2: 16;
  --line-heights-3: 32;
  --line-heights-4: 28;
  --line-heights-5: 48;
  --line-heights-6: 12;
  --line-heights-7: 200;
  --line-heights-8: 100;
  --line-heights-9: 80;
  --font-weights-manrope-0: Medium;
  --font-weights-manrope-1: ExtraBold;
  --font-weights-space-mono-2: Regular;
  --font-weights-manrope-3: Bold;
  --font-size-0: 11;
  --font-size-1: 12;
  --font-size-2: 14;
  --font-size-3: 17;
  --font-size-4: 18;
  --font-size-5: 24;
  --font-size-6: 36;
  --font-size-7: 60;
  --font-size-8: 160;
  --letter-spacing-0: 0;
  --letter-spacing-1: 5;
  --letter-spacing-2: 3;
  --letter-spacing-3: 2;
  --letter-spacing-4: 1;
  --letter-spacing-5: -2%;
  --paragraph-spacing-0: 0;
  --paragraph-spacing-1: 8;
  --paragraph-spacing-2: 16;
  --basefont-font-family: Manrope;
  --basefont-font-weight: Medium;
  --basefont-line-height: 24;
  --basefont-font-size: 17;
  --basefont-letter-spacing: 0;
  --basefont-paragraph-spacing: 16;
  --basefont-paragraph-indent: 0px;
  --basefont-text-case: none;
  --basefont-text-decoration: none;
  --basefont-strong-font-family: Manrope;
  --basefont-strong-font-weight: ExtraBold;
  --basefont-strong-line-height: 24;
  --basefont-strong-font-size: 17;
  --basefont-strong-letter-spacing: 0;
  --basefont-strong-paragraph-spacing: 16;
  --basefont-strong-paragraph-indent: 0px;
  --basefont-strong-text-case: none;
  --basefont-strong-text-decoration: none;
  --secondary-font-font-family: Manrope;
  --secondary-font-font-weight: Medium;
  --secondary-font-line-height: 20;
  --secondary-font-font-size: 14;
  --secondary-font-letter-spacing: 0;
  --secondary-font-paragraph-spacing: 16;
  --secondary-font-paragraph-indent: 0px;
  --secondary-font-text-case: none;
  --secondary-font-text-decoration: none;
  --secondary-strong-font-family: Manrope;
  --secondary-strong-font-weight: ExtraBold;
  --secondary-strong-line-height: 20;
  --secondary-strong-font-size: 14;
  --secondary-strong-letter-spacing: 0;
  --secondary-strong-paragraph-spacing: 8;
  --secondary-strong-paragraph-indent: 0px;
  --secondary-strong-text-case: none;
  --secondary-strong-text-decoration: none;
  --caption-font-family: Manrope;
  --caption-font-weight: Medium;
  --caption-line-height: 24;
  --caption-font-size: 18;
  --caption-letter-spacing: 0;
  --caption-paragraph-spacing: 0;
  --caption-paragraph-indent: 0px;
  --caption-text-case: none;
  --caption-text-decoration: none;
  --caption-strong-font-family: Manrope;
  --caption-strong-font-weight: ExtraBold;
  --caption-strong-line-height: 24;
  --caption-strong-font-size: 18;
  --caption-strong-letter-spacing: 0;
  --caption-strong-paragraph-spacing: 0;
  --caption-strong-paragraph-indent: 0px;
  --caption-strong-text-case: none;
  --caption-strong-text-decoration: none;
  --small-font-family: Manrope;
  --small-font-weight: Medium;
  --small-line-height: 16;
  --small-font-size: 12;
  --small-letter-spacing: 0;
  --small-paragraph-spacing: 0;
  --small-paragraph-indent: 0px;
  --small-text-case: none;
  --small-text-decoration: none;
  --small-strong-font-family: Manrope;
  --small-strong-font-weight: ExtraBold;
  --small-strong-line-height: 16;
  --small-strong-font-size: 12;
  --small-strong-letter-spacing: 0;
  --small-strong-paragraph-spacing: 0;
  --small-strong-paragraph-indent: 0px;
  --small-strong-text-case: none;
  --small-strong-text-decoration: none;
  --h1-font-family: Manrope;
  --h1-font-weight: ExtraBold;
  --h1-line-height: 32;
  --h1-font-size: 24;
  --h1-letter-spacing: 5;
  --h1-paragraph-spacing: 0;
  --h1-paragraph-indent: 0px;
  --h1-text-case: uppercase;
  --h1-text-decoration: none;
  --h2-font-family: Manrope;
  --h2-font-weight: ExtraBold;
  --h2-line-height: 28;
  --h2-font-size: 24;
  --h2-letter-spacing: 0;
  --h2-paragraph-spacing: 16;
  --h2-paragraph-indent: 0px;
  --h2-text-case: none;
  --h2-text-decoration: none;
  --h3-font-family: Manrope;
  --h3-font-weight: ExtraBold;
  --h3-line-height: 24;
  --h3-font-size: 17;
  --h3-letter-spacing: 3;
  --h3-paragraph-spacing: 0;
  --h3-paragraph-indent: 0px;
  --h3-text-case: uppercase;
  --h3-text-decoration: none;
  --h4-font-family: Manrope;
  --h4-font-weight: ExtraBold;
  --h4-line-height: 20;
  --h4-font-size: 14;
  --h4-letter-spacing: 2;
  --h4-paragraph-spacing: 0;
  --h4-paragraph-indent: 0px;
  --h4-text-case: uppercase;
  --h4-text-decoration: none;
  --h5-font-family: Manrope;
  --h5-font-weight: ExtraBold;
  --h5-line-height: 16;
  --h5-font-size: 12;
  --h5-letter-spacing: 0;
  --h5-paragraph-spacing: 0;
  --h5-paragraph-indent: 0px;
  --h5-text-case: uppercase;
  --h5-text-decoration: none;
  --large-font-family: Manrope;
  --large-font-weight: Medium;
  --large-line-height: 28;
  --large-font-size: 24;
  --large-letter-spacing: 0;
  --large-paragraph-spacing: 16;
  --large-paragraph-indent: 0px;
  --large-text-case: none;
  --large-text-decoration: none;
  --extra-large-font-family: Manrope;
  --extra-large-font-weight: Medium;
  --extra-large-line-height: 48;
  --extra-large-font-size: 36;
  --extra-large-letter-spacing: 0;
  --extra-large-paragraph-spacing: 16;
  --extra-large-paragraph-indent: 0px;
  --extra-large-text-case: none;
  --extra-large-text-decoration: none;
  --extra-large-strong-font-family: Manrope;
  --extra-large-strong-font-weight: ExtraBold;
  --extra-large-strong-line-height: 48;
  --extra-large-strong-font-size: 36;
  --extra-large-strong-letter-spacing: 0;
  --extra-large-strong-paragraph-spacing: 16;
  --extra-large-strong-paragraph-indent: 0px;
  --extra-large-strong-text-case: none;
  --extra-large-strong-text-decoration: none;
  --icon-caption-font-family: Manrope;
  --icon-caption-font-weight: Medium;
  --icon-caption-line-height: 12;
  --icon-caption-font-size: 11;
  --icon-caption-letter-spacing: 0;
  --icon-caption-paragraph-spacing: 0;
  --icon-caption-paragraph-indent: 0px;
  --icon-caption-text-case: none;
  --icon-caption-text-decoration: none;
  --icon-caption-strong-font-family: Manrope;
  --icon-caption-strong-font-weight: ExtraBold;
  --icon-caption-strong-line-height: 12;
  --icon-caption-strong-font-size: 11;
  --icon-caption-strong-letter-spacing: 0;
  --icon-caption-strong-paragraph-spacing: 0;
  --icon-caption-strong-paragraph-indent: 0px;
  --icon-caption-strong-text-case: none;
  --icon-caption-strong-text-decoration: none;
  --monotype-font-family: Space Mono;
  --monotype-font-weight: Regular;
  --monotype-line-height: 20;
  --monotype-font-size: 14;
  --monotype-letter-spacing: 1;
  --monotype-paragraph-spacing: 16;
  --monotype-paragraph-indent: 0px;
  --monotype-text-case: none;
  --monotype-text-decoration: none;
  --text-case-none: none;
  --text-case-uppercase: uppercase;
  --text-decoration-none: none;
  --paragraph-indent-0: 0px;
  --active-caption-weight: 800;
  --filter-neutral-black: invert(0%) sepia(87%) saturate(9%) hue-rotate(243deg) brightness(88%) contrast(99%);
  --filter-neutral-text: invert(6%) sepia(8%) saturate(1050%) hue-rotate(357deg) brightness(99%) contrast(94%);
  --filter-neutral-middle: invert(49%) sepia(7%) saturate(42%) hue-rotate(21deg) brightness(91%) contrast(87%);
  --filter-neutral-muted: invert(72%) sepia(6%) saturate(55%) hue-rotate(349deg) brightness(91%) contrast(92%);
  --filter-neutral-disabled: invert(81%) sepia(6%) saturate(35%) hue-rotate(349deg) brightness(95%) contrast(82%);
  --filter-neutral-border: invert(88%) sepia(6%) saturate(82%) hue-rotate(349deg) brightness(94%) contrast(90%);
  --filter-neutral-background: invert(76%) sepia(91%) saturate(4%) hue-rotate(4deg) brightness(106%) contrast(92%);
  --filter-neutral-surface: invert(100%);
  --filter-primary-accented: invert(5%) sepia(66%) saturate(164%) hue-rotate(357deg) brightness(97%) contrast(93%);
  --filter-primary-primary: invert(23%) sepia(4%) saturate(636%) hue-rotate(357deg) brightness(88%) contrast(87%);
  --filter-primary-soft: invert(85%) sepia(7%) saturate(62%) hue-rotate(336deg) brightness(85%) contrast(86%);
  --filter-primary-middle: invert(86%) sepia(3%) saturate(152%) hue-rotate(349deg) brightness(99%) contrast(86%);
  --filter-primary-selected: invert(86%) sepia(9%) saturate(35%) hue-rotate(335deg) brightness(105%) contrast(94%);
  --filter-primary-interlaced: invert(87%) sepia(31%) saturate(6%) hue-rotate(350deg) brightness(98%) contrast(105%);
  --filter-primary-surface: invert(85%) sepia(40%) saturate(8%) hue-rotate(1deg) brightness(106%) contrast(94%);
  --filter-primary-inverted: invert(100%);
  --filter-primary-hover-accented: invert(10%) sepia(14%) saturate(382%) hue-rotate(104deg) brightness(96%) contrast(92%);
  --filter-primary-hover-primary: invert(24%) sepia(15%) saturate(158%) hue-rotate(91deg) brightness(101%) contrast(89%);
  --filter-primary-hover-soft: invert(75%) sepia(6%) saturate(103%) hue-rotate(131deg) brightness(94%) contrast(90%);
  --filter-primary-hover-middle: invert(89%) sepia(3%) saturate(169%) hue-rotate(115deg) brightness(93%) contrast(88%);
  --filter-primary-hover-selected: invert(91%) sepia(11%) saturate(46%) hue-rotate(131deg) brightness(101%) contrast(86%);
  --filter-primary-hover-interlaced: invert(87%) sepia(10%) saturate(69%) hue-rotate(120deg) brightness(110%) contrast(86%);
  --filter-primary-hover-surface: invert(96%) sepia(9%) saturate(61%) hue-rotate(117deg) brightness(99%) contrast(93%);
  --filter-secondary-accented: invert(5%) sepia(17%) saturate(577%) hue-rotate(357deg) brightness(95%) contrast(93%);
  --filter-secondary-secondary: invert(20%) sepia(9%) saturate(316%) hue-rotate(357deg) brightness(93%) contrast(83%);
  --filter-secondary-soft: invert(75%) sepia(5%) saturate(76%) hue-rotate(336deg) brightness(95%) contrast(93%);
  --filter-secondary-middle: invert(87%) sepia(8%) saturate(61%) hue-rotate(349deg) brightness(93%) contrast(88%);
  --filter-secondary-selected: invert(88%) sepia(14%) saturate(21%) hue-rotate(335deg) brightness(98%) contrast(105%);
  --filter-secondary-interlaced: invert(87%) sepia(8%) saturate(26%) hue-rotate(349deg) brightness(108%) contrast(95%);
  --filter-secondary-surface: invert(90%) sepia(4%) saturate(501%) hue-rotate(323deg) brightness(111%) contrast(87%);
  --filter-secondary-inverted: invert(100%) sepia(0%) saturate(7489%) hue-rotate(259deg) brightness(98%) contrast(105%);
  --filter-secondary-hover-accented: invert(13%) sepia(6%) saturate(694%) hue-rotate(104deg) brightness(97%) contrast(98%);
  --filter-secondary-hover-secondary: invert(28%) sepia(5%) saturate(444%) hue-rotate(91deg) brightness(94%) contrast(93%);
  --filter-secondary-hover-soft: invert(79%) sepia(7%) saturate(104%) hue-rotate(131deg) brightness(93%) contrast(83%);
  --filter-secondary-hover-middle: invert(88%) sepia(6%) saturate(113%) hue-rotate(104deg) brightness(91%) contrast(89%);
  --filter-secondary-hover-selected: invert(94%) sepia(3%) saturate(145%) hue-rotate(130deg) brightness(99%) contrast(89%);
  --filter-secondary-hover-interlaced: invert(96%) sepia(10%) saturate(73%) hue-rotate(119deg) brightness(97%) contrast(92%);
  --filter-secondary-hover-surface: invert(95%) sepia(5%) saturate(133%) hue-rotate(97deg) brightness(101%) contrast(90%);
  --filter-positive-accented: invert(66%) sepia(92%) saturate(297%) hue-rotate(51deg) brightness(93%) contrast(87%);
  --filter-positive-positive: invert(73%) sepia(57%) saturate(364%) hue-rotate(51deg) brightness(97%) contrast(86%);
  --filter-positive-soft: invert(86%) sepia(17%) saturate(846%) hue-rotate(47deg) brightness(94%) contrast(92%);
  --filter-positive-middle: invert(97%) sepia(74%) saturate(497%) hue-rotate(34deg) brightness(95%) contrast(90%);
  --filter-positive-selected: invert(93%) sepia(15%) saturate(586%) hue-rotate(43deg) brightness(102%) contrast(88%);
  --filter-positive-interlaced: invert(87%) sepia(23%) saturate(227%) hue-rotate(55deg) brightness(107%) contrast(91%);
  --filter-positive-surface: invert(98%) sepia(27%) saturate(325%) hue-rotate(37deg) brightness(101%) contrast(95%);
  --filter-positive-inverted: invert(88%) sepia(0%) saturate(6493%) hue-rotate(57deg) brightness(110%) contrast(107%);
  --filter-positive-hover-accented: invert(83%) sepia(29%) saturate(810%) hue-rotate(47deg) brightness(91%) contrast(85%);
  --filter-positive-hover-positive: invert(88%) sepia(16%) saturate(1151%) hue-rotate(46deg) brightness(91%) contrast(89%);
  --filter-positive-hover-soft: invert(86%) sepia(24%) saturate(608%) hue-rotate(49deg) brightness(98%) contrast(87%);
  --filter-positive-hover-surface: invert(96%) sepia(6%) saturate(688%) hue-rotate(47deg) brightness(103%) contrast(96%);
  --filter-negative-accented: invert(60%) sepia(25%) saturate(1320%) hue-rotate(315deg) brightness(101%) contrast(87%);
  --filter-negative-negative: invert(53%) sepia(45%) saturate(505%) hue-rotate(315deg) brightness(110%) contrast(102%);
  --filter-negative-soft: invert(67%) sepia(10%) saturate(1990%) hue-rotate(315deg) brightness(106%) contrast(101%);
  --filter-negative-middle: invert(91%) sepia(85%) saturate(4634%) hue-rotate(291deg) brightness(104%) contrast(103%);
  --filter-negative-selected: invert(84%) sepia(18%) saturate(511%) hue-rotate(314deg) brightness(98%) contrast(107%);
  --filter-negative-interlaced: invert(87%) sepia(3%) saturate(1887%) hue-rotate(314deg) brightness(105%) contrast(103%);
  --filter-negative-surface: invert(100%) sepia(91%) saturate(662%) hue-rotate(291deg) brightness(101%) contrast(108%);
  --filter-negative-inverted: invert(89%) sepia(3%) saturate(673%) hue-rotate(314deg) brightness(99%) contrast(127%);
  --filter-negative-hover-accented: invert(59%) sepia(38%) saturate(4573%) hue-rotate(325deg) brightness(101%) contrast(85%);
  --filter-negative-hover-negative: invert(58%) sepia(75%) saturate(478%) hue-rotate(314deg) brightness(94%) contrast(113%);
  --filter-negative-hover-soft: invert(53%) sepia(25%) saturate(906%) hue-rotate(315deg) brightness(118%) contrast(98%);
  --filter-negative-hover-surface: invert(90%) sepia(2%) saturate(3235%) hue-rotate(314deg) brightness(98%) contrast(102%);
  --filter-code-graphite: invert(19%) sepia(11%) saturate(267%) hue-rotate(357deg) brightness(103%) contrast(85%);
  --filter-code-blue: invert(74%) sepia(46%) saturate(1681%) hue-rotate(174deg) brightness(101%) contrast(92%);
  --filter-code-deepblue: invert(71%) sepia(12%) saturate(1253%) hue-rotate(208deg) brightness(98%) contrast(92%);
  --filter-code-violet: invert(86%) sepia(43%) saturate(5286%) hue-rotate(210deg) brightness(112%) contrast(89%);
  --filter-code-magenta: invert(87%) sepia(87%) saturate(6927%) hue-rotate(277deg) brightness(102%) contrast(98%);
  --filter-code-purple: invert(100%);
  --filter-code-red: invert(90%) sepia(21%) saturate(7023%) hue-rotate(311deg) brightness(100%) contrast(105%);
  --filter-code-orange: invert(78%) sepia(97%) saturate(609%) hue-rotate(311deg) brightness(105%) contrast(101%);
  --filter-code-yellow: invert(89%) sepia(43%) saturate(653%) hue-rotate(334deg) brightness(103%) contrast(101%);
  --filter-code-yellowgreen: invert(90%) sepia(23%) saturate(1099%) hue-rotate(16deg) brightness(106%) contrast(88%);
  --filter-code-green: invert(81%) sepia(44%) saturate(524%) hue-rotate(61deg) brightness(103%) contrast(91%);
  --filter-code-teal: invert(91%) sepia(17%) saturate(1075%) hue-rotate(92deg) brightness(99%) contrast(95%);
  --filter-code-skyblue: invert(84%) sepia(17%) saturate(1031%) hue-rotate(137deg) brightness(99%) contrast(86%);
  --filter-code-soft-graphite: invert(81%) sepia(4%) saturate(112%) hue-rotate(335deg) brightness(87%) contrast(93%);
  --filter-code-soft-blue: invert(87%) sepia(18%) saturate(240%) hue-rotate(183deg) brightness(101%) contrast(96%);
  --filter-code-soft-deepblue: invert(82%) sepia(6%) saturate(1396%) hue-rotate(216deg) brightness(104%) contrast(92%);
  --filter-code-soft-violet: invert(84%) sepia(16%) saturate(677%) hue-rotate(225deg) brightness(99%) contrast(94%);
  --filter-code-soft-magenta: invert(79%) sepia(33%) saturate(296%) hue-rotate(287deg) brightness(105%) contrast(99%);
  --filter-code-soft-purple: invert(97%) sepia(9%) saturate(4022%) hue-rotate(294deg) brightness(107%) contrast(128%);
  --filter-code-soft-red: invert(96%) sepia(83%) saturate(1990%) hue-rotate(296deg) brightness(106%) contrast(109%);
  --filter-code-soft-orange: invert(85%) sepia(26%) saturate(566%) hue-rotate(343deg) brightness(99%) contrast(104%);
  --filter-code-soft-yellow: invert(92%) sepia(91%) saturate(470%) hue-rotate(318deg) brightness(104%) contrast(108%);
  --filter-code-soft-yellowgreen: invert(99%) sepia(44%) saturate(797%) hue-rotate(2deg) brightness(97%) contrast(101%);
  --filter-code-soft-green: invert(91%) sepia(4%) saturate(2235%) hue-rotate(45deg) brightness(109%) contrast(96%);
  --filter-code-soft-teal: invert(97%) sepia(6%) saturate(836%) hue-rotate(67deg) brightness(102%) contrast(97%);
  --filter-code-soft-skyblue: invert(93%) sepia(13%) saturate(220%) hue-rotate(150deg) brightness(101%) contrast(92%);
  --filter-code-surface-graphite: invert(84%) sepia(54%) saturate(9%) hue-rotate(7deg) brightness(100%) contrast(99%);
  --filter-code-surface-blue: invert(100%);
  --filter-code-surface-deepblue: invert(100%);
  --filter-code-surface-violet: invert(100%);
  --filter-code-surface-magenta: invert(91%) sepia(8%) saturate(427%) hue-rotate(302deg) brightness(106%) contrast(103%);
  --filter-code-surface-purple: invert(83%) sepia(3%) saturate(991%) hue-rotate(325deg) brightness(106%) contrast(123%);
  --filter-code-surface-red: invert(99%) sepia(93%) saturate(357%) hue-rotate(302deg) brightness(102%) contrast(101%);
  --filter-code-surface-orange: invert(87%) sepia(21%) saturate(183%) hue-rotate(347deg) brightness(106%) contrast(104%);
  --filter-code-surface-yellow: invert(100%) sepia(18%) saturate(3564%) hue-rotate(301deg) brightness(109%) contrast(103%);
  --filter-code-surface-yellowgreen: invert(100%) sepia(77%) saturate(281%) hue-rotate(325deg) brightness(103%) contrast(99%);
  --filter-code-surface-green: invert(100%);
  --filter-code-surface-teal: invert(100%);
  --filter-code-surface-skyblue: invert(100%);
}