/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/normalize.css/normalize.css ***!
  \**********************************************************************************************************************************************************************************************/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted currentColor;
          text-decoration: underline dotted currentColor; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@dsx/react/dist/theme-legacy.css ***!
  \***************************************************************************************************************************************************************************************************/
.dsx-theme-legacy {
  --color-gray-static: #677787;
  --color-gray-static-rgb: 103, 119,
  	135;
  --color-gray-0-static: #ffffff;
  --color-gray-0-static-rgb: 255, 255,
  	255;
  --color-gray-50-static: #f7f8f9;
  --color-gray-50-static-rgb: 247, 248,
  	249;
  --color-gray-100-static: #e0e4e7;
  --color-gray-100-static-rgb: 224, 228,
  	231;
  --color-gray-200-static: #c1c9d0;
  --color-gray-200-static-rgb: 193, 201,
  	208;
  --color-gray-300-static: #a2adb8;
  --color-gray-300-static-rgb: 162, 173,
  	184;
  --color-gray-400-static: #8492a1;
  --color-gray-400-static-rgb: 132, 146,
  	161;
  --color-gray-500-static: #677787;
  --color-gray-500-static-rgb: 103, 119,
  	135;
  --color-gray-600-static: #525f6c;
  --color-gray-600-static-rgb: 82, 95,
  	108;
  --color-gray-700-static: #3e4751;
  --color-gray-700-static-rgb: 62, 71,
  	81;
  --color-gray-800-static: #293036;
  --color-gray-800-static-rgb: 41, 48,
  	54;
  --color-gray-900-static: #1a1e22;
  --color-gray-900-static-rgb: 26, 30,
  	34;
  --color-gray-950-static: #0f1114;
  --color-gray-950-static-rgb: 15, 17,
  	20;
  --color-gray-1000-static: #000000;
  --color-gray-1000-static-rgb: 0, 0,
  	0;
  --color-red-static: #c60c30;
  --color-red-static-rgb: 198, 12,
  	48;
  --color-red-0-static: #ffffff;
  --color-red-0-static-rgb: 255, 255,
  	255;
  --color-red-50-static: #fef1f3;
  --color-red-50-static-rgb: 254, 241,
  	243;
  --color-red-100-static: #fcc6d1;
  --color-red-100-static-rgb: 252, 198,
  	209;
  --color-red-200-static: #f88ea2;
  --color-red-200-static-rgb: 248, 142,
  	162;
  --color-red-300-static: #f04b6b;
  --color-red-300-static-rgb: 240, 75,
  	107;
  --color-red-400-static: #e51a41;
  --color-red-400-static-rgb: 229, 26,
  	65;
  --color-red-500-static: #c60c30;
  --color-red-500-static-rgb: 198, 12,
  	48;
  --color-red-600-static: #ad0b2a;
  --color-red-600-static-rgb: 173, 11,
  	42;
  --color-red-700-static: #81081f;
  --color-red-700-static-rgb: 129, 8,
  	31;
  --color-red-800-static: #4f0513;
  --color-red-800-static-rgb: 79, 5,
  	19;
  --color-red-900-static: #32030c;
  --color-red-900-static-rgb: 50, 3,
  	12;
  --color-red-950-static: #190105;
  --color-red-950-static-rgb: 25, 1,
  	5;
  --color-red-1000-static: #000000;
  --color-red-1000-static-rgb: 0, 0,
  	0;
  --color-orange-static: #d55c19;
  --color-orange-static-rgb: 213, 92,
  	25;
  --color-orange-0-static: #ffffff;
  --color-orange-0-static-rgb: 255, 255,
  	255;
  --color-orange-50-static: #fdf2ed;
  --color-orange-50-static-rgb: 253, 242,
  	237;
  --color-orange-100-static: #f8d5c2;
  --color-orange-100-static-rgb: 248, 213,
  	194;
  --color-orange-200-static: #f2b491;
  --color-orange-200-static-rgb: 242, 180,
  	145;
  --color-orange-300-static: #eb8a55;
  --color-orange-300-static-rgb: 235, 138,
  	85;
  --color-orange-400-static: #e77130;
  --color-orange-400-static-rgb: 231, 113,
  	48;
  --color-orange-500-static: #d55c19;
  --color-orange-500-static-rgb: 213, 92,
  	25;
  --color-orange-600-static: #a04513;
  --color-orange-600-static-rgb: 160, 69,
  	19;
  --color-orange-700-static: #6b2e0d;
  --color-orange-700-static-rgb: 107, 46,
  	13;
  --color-orange-800-static: #4b2009;
  --color-orange-800-static-rgb: 75, 32,
  	9;
  --color-orange-900-static: #2b1205;
  --color-orange-900-static-rgb: 43, 18,
  	5;
  --color-orange-950-static: #190901;
  --color-orange-950-static-rgb: 25, 9,
  	1;
  --color-orange-1000-static: #000000;
  --color-orange-1000-static-rgb: 0, 0,
  	0;
  --color-yellow-static: #e7a113;
  --color-yellow-static-rgb: 231, 161,
  	19;
  --color-yellow-0-static: #ffffff;
  --color-yellow-0-static-rgb: 255, 255,
  	255;
  --color-yellow-50-static: #fdf7ea;
  --color-yellow-50-static-rgb: 253, 247,
  	234;
  --color-yellow-100-static: #fae7c1;
  --color-yellow-100-static-rgb: 250, 231,
  	193;
  --color-yellow-200-static: #f7d798;
  --color-yellow-200-static-rgb: 247, 215,
  	152;
  --color-yellow-300-static: #f2c364;
  --color-yellow-300-static-rgb: 242, 195,
  	100;
  --color-yellow-400-static: #eeaf30;
  --color-yellow-400-static-rgb: 238, 175,
  	48;
  --color-yellow-500-static: #e7a113;
  --color-yellow-500-static-rgb: 231, 161,
  	19;
  --color-yellow-600-static: #c08510;
  --color-yellow-600-static-rgb: 192, 133,
  	16;
  --color-yellow-700-static: #7e570a;
  --color-yellow-700-static-rgb: 126, 87,
  	10;
  --color-yellow-800-static: #5d4008;
  --color-yellow-800-static-rgb: 93, 64,
  	8;
  --color-yellow-900-static: #352504;
  --color-yellow-900-static-rgb: 53, 37,
  	4;
  --color-yellow-950-static: #1c0f00;
  --color-yellow-950-static-rgb: 28, 15,
  	0;
  --color-yellow-1000-static: #000000;
  --color-yellow-1000-static-rgb: 0, 0,
  	0;
  --color-lime-static: #b2c008;
  --color-lime-static-rgb: 178, 192,
  	8;
  --color-lime-0-static: #ffffff;
  --color-lime-0-static-rgb: 255, 255,
  	255;
  --color-lime-50-static: #fbfedd;
  --color-lime-50-static-rgb: 251, 254,
  	221;
  --color-lime-100-static: #f3fb9a;
  --color-lime-100-static-rgb: 243, 251,
  	154;
  --color-lime-200-static: #ebf856;
  --color-lime-200-static-rgb: 235, 248,
  	86;
  --color-lime-300-static: #e5f623;
  --color-lime-300-static-rgb: 229, 246,
  	35;
  --color-lime-400-static: #d5e70a;
  --color-lime-400-static-rgb: 213, 231,
  	10;
  --color-lime-500-static: #b2c008;
  --color-lime-500-static-rgb: 178, 192,
  	8;
  --color-lime-600-static: #8e9a06;
  --color-lime-600-static-rgb: 142, 154,
  	6;
  --color-lime-700-static: #6b7305;
  --color-lime-700-static-rgb: 107, 115,
  	5;
  --color-lime-800-static: #474d03;
  --color-lime-800-static-rgb: 71, 77,
  	3;
  --color-lime-900-static: #242602;
  --color-lime-900-static-rgb: 36, 38,
  	2;
  --color-lime-950-static: #181901;
  --color-lime-950-static-rgb: 24, 25,
  	1;
  --color-lime-1000-static: #000000;
  --color-lime-1000-static-rgb: 0, 0,
  	0;
  --color-green-static: #5b8f22;
  --color-green-static-rgb: 91, 143,
  	34;
  --color-green-0-static: #ffffff;
  --color-green-0-static-rgb: 255, 255,
  	255;
  --color-green-50-static: #eff9e4;
  --color-green-50-static-rgb: 239, 249,
  	228;
  --color-green-100-static: #ceecae;
  --color-green-100-static-rgb: 206, 236,
  	174;
  --color-green-200-static: #aedf78;
  --color-green-200-static-rgb: 174, 223,
  	120;
  --color-green-300-static: #8ed243;
  --color-green-300-static-rgb: 142, 210,
  	67;
  --color-green-400-static: #75b72c;
  --color-green-400-static-rgb: 117, 183,
  	44;
  --color-green-500-static: #5b8f22;
  --color-green-500-static-rgb: 91, 143,
  	34;
  --color-green-600-static: #446b1a;
  --color-green-600-static-rgb: 68, 107,
  	26;
  --color-green-700-static: #2e4811;
  --color-green-700-static-rgb: 46, 72,
  	17;
  --color-green-800-static: #20320c;
  --color-green-800-static-rgb: 32, 50,
  	12;
  --color-green-900-static: #121d07;
  --color-green-900-static-rgb: 18, 29,
  	7;
  --color-green-950-static: #04140d;
  --color-green-950-static-rgb: 4, 20,
  	13;
  --color-green-1000-static: #000000;
  --color-green-1000-static-rgb: 0, 0,
  	0;
  --color-cyan-static: #00a1de;
  --color-cyan-static-rgb: 0, 161,
  	222;
  --color-cyan-0-static: #ffffff;
  --color-cyan-0-static-rgb: 255, 255,
  	255;
  --color-cyan-50-static: #f1fbff;
  --color-cyan-50-static-rgb: 241, 251,
  	255;
  --color-cyan-100-static: #c5efff;
  --color-cyan-100-static-rgb: 197, 239,
  	255;
  --color-cyan-200-static: #6fd7ff;
  --color-cyan-200-static-rgb: 111, 215,
  	255;
  --color-cyan-300-static: #35c8ff;
  --color-cyan-300-static-rgb: 53, 200,
  	255;
  --color-cyan-400-static: #03baff;
  --color-cyan-400-static-rgb: 3, 186,
  	255;
  --color-cyan-500-static: #00a1de;
  --color-cyan-500-static-rgb: 0, 161,
  	222;
  --color-cyan-600-static: #008dc2;
  --color-cyan-600-static-rgb: 0, 141,
  	194;
  --color-cyan-700-static: #006990;
  --color-cyan-700-static-rgb: 0, 105,
  	144;
  --color-cyan-800-static: #004059;
  --color-cyan-800-static-rgb: 0, 64,
  	89;
  --color-cyan-900-static: #002838;
  --color-cyan-900-static-rgb: 0, 40,
  	56;
  --color-cyan-950-static: #001219;
  --color-cyan-950-static-rgb: 0, 18,
  	25;
  --color-cyan-1000-static: #000000;
  --color-cyan-1000-static-rgb: 0, 0,
  	0;
  --color-blue-static: #0065bd;
  --color-blue-static-rgb: 0, 101,
  	189;
  --color-blue-0-static: #ffffff;
  --color-blue-0-static-rgb: 255, 255,
  	255;
  --color-blue-50-static: #eff8ff;
  --color-blue-50-static-rgb: 239, 248,
  	255;
  --color-blue-100-static: #bfe1ff;
  --color-blue-100-static-rgb: 191, 225,
  	255;
  --color-blue-200-static: #5fb4ff;
  --color-blue-200-static-rgb: 95, 180,
  	255;
  --color-blue-300-static: #0e8fff;
  --color-blue-300-static-rgb: 14, 143,
  	255;
  --color-blue-400-static: #007ae5;
  --color-blue-400-static-rgb: 0, 122,
  	229;
  --color-blue-500-static: #0065bd;
  --color-blue-500-static-rgb: 0, 101,
  	189;
  --color-blue-600-static: #0058a5;
  --color-blue-600-static-rgb: 0, 88,
  	165;
  --color-blue-700-static: #00427b;
  --color-blue-700-static-rgb: 0, 66,
  	123;
  --color-blue-800-static: #00284c;
  --color-blue-800-static-rgb: 0, 40,
  	76;
  --color-blue-900-static: #00192f;
  --color-blue-900-static-rgb: 0, 25,
  	47;
  --color-blue-950-static: #000b19;
  --color-blue-950-static-rgb: 0, 11,
  	25;
  --color-blue-1000-static: #000000;
  --color-blue-1000-static-rgb: 0, 0,
  	0;
  --color-purple-static: #693a77;
  --color-purple-static-rgb: 105, 58,
  	119;
  --color-purple-0-static: #ffffff;
  --color-purple-0-static-rgb: 255, 255,
  	255;
  --color-purple-50-static: #f8f4fa;
  --color-purple-50-static-rgb: 248, 244,
  	250;
  --color-purple-100-static: #e4d2e9;
  --color-purple-100-static-rgb: 228, 210,
  	233;
  --color-purple-200-static: #bb8fc8;
  --color-purple-200-static-rgb: 187, 143,
  	200;
  --color-purple-300-static: #9957ad;
  --color-purple-300-static-rgb: 153, 87,
  	173;
  --color-purple-400-static: #824893;
  --color-purple-400-static-rgb: 130, 72,
  	147;
  --color-purple-500-static: #693a77;
  --color-purple-500-static-rgb: 105, 58,
  	119;
  --color-purple-600-static: #5c3368;
  --color-purple-600-static-rgb: 92, 51,
  	104;
  --color-purple-700-static: #44264d;
  --color-purple-700-static-rgb: 68, 38,
  	77;
  --color-purple-800-static: #2a1730;
  --color-purple-800-static-rgb: 42, 23,
  	48;
  --color-purple-900-static: #1a0f1e;
  --color-purple-900-static-rgb: 26, 15,
  	30;
  --color-purple-950-static: #0d070f;
  --color-purple-950-static-rgb: 13, 7,
  	15;
  --color-purple-1000-static: #000000;
  --color-purple-1000-static-rgb: 0, 0,
  	0;
  --color-bg-static: #f7f8f9;
  --color-bg-static-rgb: 247, 248,
  	249;
  --color-bg-0-static: #ffffff;
  --color-bg-0-static-rgb: 255, 255,
  	255;
  --color-bg-50-static: #f7f8f9;
  --color-bg-50-static-rgb: 247, 248,
  	249;
  --color-bg-100-static: #e0e4e7;
  --color-bg-100-static-rgb: 224, 228,
  	231;
  --color-bg-200-static: #c1c9d0;
  --color-bg-200-static-rgb: 193, 201,
  	208;
  --color-bg-300-static: #a2adb8;
  --color-bg-300-static-rgb: 162, 173,
  	184;
  --color-bg-400-static: #8492a1;
  --color-bg-400-static-rgb: 132, 146,
  	161;
  --color-bg-500-static: #677787;
  --color-bg-500-static-rgb: 103, 119,
  	135;
  --color-bg-600-static: #525f6c;
  --color-bg-600-static-rgb: 82, 95,
  	108;
  --color-bg-700-static: #3e4751;
  --color-bg-700-static-rgb: 62, 71,
  	81;
  --color-bg-800-static: #293036;
  --color-bg-800-static-rgb: 41, 48,
  	54;
  --color-bg-900-static: #1a1e22;
  --color-bg-900-static-rgb: 26, 30,
  	34;
  --color-bg-950-static: #0f1114;
  --color-bg-950-static-rgb: 15, 17,
  	20;
  --color-bg-1000-static: #000000;
  --color-bg-1000-static-rgb: 0, 0,
  	0;
  --color-brand-static: #0065bd;
  --color-brand-static-rgb: 0, 101,
  	189;
  --color-brand-0-static: #ffffff;
  --color-brand-0-static-rgb: 255, 255,
  	255;
  --color-brand-50-static: #eff8ff;
  --color-brand-50-static-rgb: 239, 248,
  	255;
  --color-brand-100-static: #bfe1ff;
  --color-brand-100-static-rgb: 191, 225,
  	255;
  --color-brand-200-static: #5fb4ff;
  --color-brand-200-static-rgb: 95, 180,
  	255;
  --color-brand-300-static: #0e8fff;
  --color-brand-300-static-rgb: 14, 143,
  	255;
  --color-brand-400-static: #007ae5;
  --color-brand-400-static-rgb: 0, 122,
  	229;
  --color-brand-500-static: #0065bd;
  --color-brand-500-static-rgb: 0, 101,
  	189;
  --color-brand-600-static: #0058a5;
  --color-brand-600-static-rgb: 0, 88,
  	165;
  --color-brand-700-static: #00427b;
  --color-brand-700-static-rgb: 0, 66,
  	123;
  --color-brand-800-static: #00284c;
  --color-brand-800-static-rgb: 0, 40,
  	76;
  --color-brand-900-static: #00192f;
  --color-brand-900-static-rgb: 0, 25,
  	47;
  --color-brand-950-static: #000b19;
  --color-brand-950-static-rgb: 0, 11,
  	25;
  --color-brand-1000-static: #000000;
  --color-brand-1000-static-rgb: 0, 0,
  	0;
  --color-danger-static: #c60c30;
  --color-danger-static-rgb: 198, 12,
  	48;
  --color-danger-0-static: #ffffff;
  --color-danger-0-static-rgb: 255, 255,
  	255;
  --color-danger-50-static: #fef1f3;
  --color-danger-50-static-rgb: 254, 241,
  	243;
  --color-danger-100-static: #fcc6d1;
  --color-danger-100-static-rgb: 252, 198,
  	209;
  --color-danger-200-static: #f88ea2;
  --color-danger-200-static-rgb: 248, 142,
  	162;
  --color-danger-300-static: #f04b6b;
  --color-danger-300-static-rgb: 240, 75,
  	107;
  --color-danger-400-static: #e51a41;
  --color-danger-400-static-rgb: 229, 26,
  	65;
  --color-danger-500-static: #c60c30;
  --color-danger-500-static-rgb: 198, 12,
  	48;
  --color-danger-600-static: #ad0b2a;
  --color-danger-600-static-rgb: 173, 11,
  	42;
  --color-danger-700-static: #81081f;
  --color-danger-700-static-rgb: 129, 8,
  	31;
  --color-danger-800-static: #4f0513;
  --color-danger-800-static-rgb: 79, 5,
  	19;
  --color-danger-900-static: #32030c;
  --color-danger-900-static-rgb: 50, 3,
  	12;
  --color-danger-950-static: #190105;
  --color-danger-950-static-rgb: 25, 1,
  	5;
  --color-danger-1000-static: #000000;
  --color-danger-1000-static-rgb: 0, 0,
  	0;
  --color-default-static: #f7f8f9;
  --color-default-static-rgb: 247, 248,
  	249;
  --color-default-0-static: #ffffff;
  --color-default-0-static-rgb: 255, 255,
  	255;
  --color-default-50-static: #f7f8f9;
  --color-default-50-static-rgb: 247, 248,
  	249;
  --color-default-100-static: #e0e4e7;
  --color-default-100-static-rgb: 224, 228,
  	231;
  --color-default-200-static: #c1c9d0;
  --color-default-200-static-rgb: 193, 201,
  	208;
  --color-default-300-static: #a2adb8;
  --color-default-300-static-rgb: 162, 173,
  	184;
  --color-default-400-static: #8492a1;
  --color-default-400-static-rgb: 132, 146,
  	161;
  --color-default-500-static: #677787;
  --color-default-500-static-rgb: 103, 119,
  	135;
  --color-default-600-static: #525f6c;
  --color-default-600-static-rgb: 82, 95,
  	108;
  --color-default-700-static: #3e4751;
  --color-default-700-static-rgb: 62, 71,
  	81;
  --color-default-800-static: #293036;
  --color-default-800-static-rgb: 41, 48,
  	54;
  --color-default-900-static: #1a1e22;
  --color-default-900-static-rgb: 26, 30,
  	34;
  --color-default-950-static: #0f1114;
  --color-default-950-static-rgb: 15, 17,
  	20;
  --color-default-1000-static: #000000;
  --color-default-1000-static-rgb: 0, 0,
  	0;
  --color-primary-static: #0065bd;
  --color-primary-static-rgb: 0, 101,
  	189;
  --color-primary-0-static: #ffffff;
  --color-primary-0-static-rgb: 255, 255,
  	255;
  --color-primary-50-static: #eff8ff;
  --color-primary-50-static-rgb: 239, 248,
  	255;
  --color-primary-100-static: #bfe1ff;
  --color-primary-100-static-rgb: 191, 225,
  	255;
  --color-primary-200-static: #5fb4ff;
  --color-primary-200-static-rgb: 95, 180,
  	255;
  --color-primary-300-static: #0e8fff;
  --color-primary-300-static-rgb: 14, 143,
  	255;
  --color-primary-400-static: #007ae5;
  --color-primary-400-static-rgb: 0, 122,
  	229;
  --color-primary-500-static: #0065bd;
  --color-primary-500-static-rgb: 0, 101,
  	189;
  --color-primary-600-static: #0058a5;
  --color-primary-600-static-rgb: 0, 88,
  	165;
  --color-primary-700-static: #00427b;
  --color-primary-700-static-rgb: 0, 66,
  	123;
  --color-primary-800-static: #00284c;
  --color-primary-800-static-rgb: 0, 40,
  	76;
  --color-primary-900-static: #00192f;
  --color-primary-900-static-rgb: 0, 25,
  	47;
  --color-primary-950-static: #000b19;
  --color-primary-950-static-rgb: 0, 11,
  	25;
  --color-primary-1000-static: #000000;
  --color-primary-1000-static-rgb: 0, 0,
  	0;
  --color-success-static: #5b8f22;
  --color-success-static-rgb: 91, 143,
  	34;
  --color-success-0-static: #ffffff;
  --color-success-0-static-rgb: 255, 255,
  	255;
  --color-success-50-static: #eff9e4;
  --color-success-50-static-rgb: 239, 249,
  	228;
  --color-success-100-static: #ceecae;
  --color-success-100-static-rgb: 206, 236,
  	174;
  --color-success-200-static: #aedf78;
  --color-success-200-static-rgb: 174, 223,
  	120;
  --color-success-300-static: #8ed243;
  --color-success-300-static-rgb: 142, 210,
  	67;
  --color-success-400-static: #75b72c;
  --color-success-400-static-rgb: 117, 183,
  	44;
  --color-success-500-static: #5b8f22;
  --color-success-500-static-rgb: 91, 143,
  	34;
  --color-success-600-static: #446b1a;
  --color-success-600-static-rgb: 68, 107,
  	26;
  --color-success-700-static: #2e4811;
  --color-success-700-static-rgb: 46, 72,
  	17;
  --color-success-800-static: #20320c;
  --color-success-800-static-rgb: 32, 50,
  	12;
  --color-success-900-static: #121d07;
  --color-success-900-static-rgb: 18, 29,
  	7;
  --color-success-950-static: #04140d;
  --color-success-950-static-rgb: 4, 20,
  	13;
  --color-success-1000-static: #000000;
  --color-success-1000-static-rgb: 0, 0,
  	0;
  --color-text-static: #293036;
  --color-text-static-rgb: 41, 48,
  	54;
  --color-text-0-static: #ffffff;
  --color-text-0-static-rgb: 255, 255,
  	255;
  --color-text-50-static: #f7f8f9;
  --color-text-50-static-rgb: 247, 248,
  	249;
  --color-text-100-static: #e0e4e7;
  --color-text-100-static-rgb: 224, 228,
  	231;
  --color-text-200-static: #c1c9d0;
  --color-text-200-static-rgb: 193, 201,
  	208;
  --color-text-300-static: #a2adb8;
  --color-text-300-static-rgb: 162, 173,
  	184;
  --color-text-400-static: #8492a1;
  --color-text-400-static-rgb: 132, 146,
  	161;
  --color-text-500-static: #677787;
  --color-text-500-static-rgb: 103, 119,
  	135;
  --color-text-600-static: #525f6c;
  --color-text-600-static-rgb: 82, 95,
  	108;
  --color-text-700-static: #3e4751;
  --color-text-700-static-rgb: 62, 71,
  	81;
  --color-text-800-static: #293036;
  --color-text-800-static-rgb: 41, 48,
  	54;
  --color-text-900-static: #1a1e22;
  --color-text-900-static-rgb: 26, 30,
  	34;
  --color-text-950-static: #0f1114;
  --color-text-950-static-rgb: 15, 17,
  	20;
  --color-text-1000-static: #000000;
  --color-text-1000-static-rgb: 0, 0,
  	0;
  --color-transaction-static: #d55c19;
  --color-transaction-static-rgb: 213, 92,
  	25;
  --color-transaction-0-static: #ffffff;
  --color-transaction-0-static-rgb: 255, 255,
  	255;
  --color-transaction-50-static: #fdf2ed;
  --color-transaction-50-static-rgb: 253, 242,
  	237;
  --color-transaction-100-static: #f8d5c2;
  --color-transaction-100-static-rgb: 248, 213,
  	194;
  --color-transaction-200-static: #f2b491;
  --color-transaction-200-static-rgb: 242, 180,
  	145;
  --color-transaction-300-static: #eb8a55;
  --color-transaction-300-static-rgb: 235, 138,
  	85;
  --color-transaction-400-static: #e77130;
  --color-transaction-400-static-rgb: 231, 113,
  	48;
  --color-transaction-500-static: #d55c19;
  --color-transaction-500-static-rgb: 213, 92,
  	25;
  --color-transaction-600-static: #a04513;
  --color-transaction-600-static-rgb: 160, 69,
  	19;
  --color-transaction-700-static: #6b2e0d;
  --color-transaction-700-static-rgb: 107, 46,
  	13;
  --color-transaction-800-static: #4b2009;
  --color-transaction-800-static-rgb: 75, 32,
  	9;
  --color-transaction-900-static: #2b1205;
  --color-transaction-900-static-rgb: 43, 18,
  	5;
  --color-transaction-950-static: #190901;
  --color-transaction-950-static-rgb: 25, 9,
  	1;
  --color-transaction-1000-static: #000000;
  --color-transaction-1000-static-rgb: 0, 0,
  	0;
  --color-warn-static: #e7a113;
  --color-warn-static-rgb: 231, 161,
  	19;
  --color-warn-0-static: #ffffff;
  --color-warn-0-static-rgb: 255, 255,
  	255;
  --color-warn-50-static: #fdf7ea;
  --color-warn-50-static-rgb: 253, 247,
  	234;
  --color-warn-100-static: #fae7c1;
  --color-warn-100-static-rgb: 250, 231,
  	193;
  --color-warn-200-static: #f7d798;
  --color-warn-200-static-rgb: 247, 215,
  	152;
  --color-warn-300-static: #f2c364;
  --color-warn-300-static-rgb: 242, 195,
  	100;
  --color-warn-400-static: #eeaf30;
  --color-warn-400-static-rgb: 238, 175,
  	48;
  --color-warn-500-static: #e7a113;
  --color-warn-500-static-rgb: 231, 161,
  	19;
  --color-warn-600-static: #c08510;
  --color-warn-600-static-rgb: 192, 133,
  	16;
  --color-warn-700-static: #7e570a;
  --color-warn-700-static-rgb: 126, 87,
  	10;
  --color-warn-800-static: #5d4008;
  --color-warn-800-static-rgb: 93, 64,
  	8;
  --color-warn-900-static: #352504;
  --color-warn-900-static-rgb: 53, 37,
  	4;
  --color-warn-950-static: #1c0f00;
  --color-warn-950-static-rgb: 28, 15,
  	0;
  --color-warn-1000-static: #000000;
  --color-warn-1000-static-rgb: 0, 0,
  	0;
  --size-50: 0.125rem;
  --size-100: 0.25rem;
  --size-200: 0.5rem;
  --size-300: 0.75rem;
  --size-400: 1rem;
  --size-500: 1.5rem;
  --size-600: 2rem;
  --size-700: 2.5rem;
  --size-800: 3rem;
  --size-900: 4rem;
  --size-1000: 5rem;
  --size-1100: 6rem;
  --size-1200: 10rem;
  --font-stack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
  	Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-stack-monospace: SFMono-Regular, Consolas, "Liberation Mono", Menlo,
  	Courier, monospace;
  --font-stack-primary: "Open Sans", var(--font-stack-system);
  --font-stack-variable: "Open Sans", var(--font-stack-system);
  --letter-spacing-6: 0;
  --letter-spacing-7: 0;
  --letter-spacing-8: 0;
  --letter-spacing-9: 0;
  --letter-spacing-10: 0;
  --letter-spacing-11: 0;
  --letter-spacing-12: 0;
  --letter-spacing-13: 0;
  --letter-spacing-14: 0;
  --letter-spacing-15: 0;
  --letter-spacing-16: 0;
  --letter-spacing-17: 0;
  --letter-spacing-18: 0;
  --letter-spacing-20: 0;
  --letter-spacing-24: 0;
  --letter-spacing-30: 0;
  --letter-spacing-40: 0;
  --letter-spacing-80: 0;
  --default-text-color: #444444;
  --default-link-color: var(--color-blue-500);
  --border-radius-default: var(--size-100);
  --border-radius-full: 99999rem;
  font-family: var(--font-stack-primary);
  font-kerning: normal;
  -webkit-font-kerning: normal;
  -ms-font-kerning: normal;
  -moz-font-kerning: normal;
  -o-font-kerning: normal;
  font-variant-ligatures: contextual common-ligatures;
  -webkit-font-variant-ligatures: contextual common-ligatures;
  -ms-font-variant-ligatures: contextual common-ligatures;
  -moz-font-variant-ligatures: contextual common-ligatures;
  -o-font-variant-ligatures: contextual common-ligatures;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "kern", contextual common-ligatures;
  line-height: 1.5;
  color: var(--color-gray-800);
  box-sizing: border-box;
}
@supports (font-variation-settings: normal) {
  .dsx-theme-legacy {
    font-family: var(--font-stack-variable);
  }
}
.dsx-theme-legacy *,
.dsx-theme-legacy *::before,
.dsx-theme-legacy *::after {
  box-sizing: inherit;
}

:where(.dsx-theme-legacy),
:where(.dsx-theme-legacy.dsx-theme-light) {
  --color-gray: #677787;
  --color-gray-rgb: 103, 119,
  	135;
  --color-gray-0: #ffffff;
  --color-gray-0-rgb: 255, 255,
  	255;
  --color-gray-50: #f7f8f9;
  --color-gray-50-rgb: 247, 248,
  	249;
  --color-gray-100: #e0e4e7;
  --color-gray-100-rgb: 224, 228,
  	231;
  --color-gray-200: #c1c9d0;
  --color-gray-200-rgb: 193, 201,
  	208;
  --color-gray-300: #a2adb8;
  --color-gray-300-rgb: 162, 173,
  	184;
  --color-gray-400: #8492a1;
  --color-gray-400-rgb: 132, 146,
  	161;
  --color-gray-500: #677787;
  --color-gray-500-rgb: 103, 119,
  	135;
  --color-gray-600: #525f6c;
  --color-gray-600-rgb: 82, 95,
  	108;
  --color-gray-700: #3e4751;
  --color-gray-700-rgb: 62, 71,
  	81;
  --color-gray-800: #293036;
  --color-gray-800-rgb: 41, 48,
  	54;
  --color-gray-900: #1a1e22;
  --color-gray-900-rgb: 26, 30,
  	34;
  --color-gray-950: #0f1114;
  --color-gray-950-rgb: 15, 17,
  	20;
  --color-gray-1000: #000000;
  --color-gray-1000-rgb: 0, 0,
  	0;
  --color-red: #c60c30;
  --color-red-rgb: 198, 12,
  	48;
  --color-red-0: #ffffff;
  --color-red-0-rgb: 255, 255,
  	255;
  --color-red-50: #fef1f3;
  --color-red-50-rgb: 254, 241,
  	243;
  --color-red-100: #fcc6d1;
  --color-red-100-rgb: 252, 198,
  	209;
  --color-red-200: #f88ea2;
  --color-red-200-rgb: 248, 142,
  	162;
  --color-red-300: #f04b6b;
  --color-red-300-rgb: 240, 75,
  	107;
  --color-red-400: #e51a41;
  --color-red-400-rgb: 229, 26,
  	65;
  --color-red-500: #c60c30;
  --color-red-500-rgb: 198, 12,
  	48;
  --color-red-600: #ad0b2a;
  --color-red-600-rgb: 173, 11,
  	42;
  --color-red-700: #81081f;
  --color-red-700-rgb: 129, 8,
  	31;
  --color-red-800: #4f0513;
  --color-red-800-rgb: 79, 5,
  	19;
  --color-red-900: #32030c;
  --color-red-900-rgb: 50, 3,
  	12;
  --color-red-950: #190105;
  --color-red-950-rgb: 25, 1,
  	5;
  --color-red-1000: #000000;
  --color-red-1000-rgb: 0, 0,
  	0;
  --color-orange: #d55c19;
  --color-orange-rgb: 213, 92,
  	25;
  --color-orange-0: #ffffff;
  --color-orange-0-rgb: 255, 255,
  	255;
  --color-orange-50: #fdf2ed;
  --color-orange-50-rgb: 253, 242,
  	237;
  --color-orange-100: #f8d5c2;
  --color-orange-100-rgb: 248, 213,
  	194;
  --color-orange-200: #f2b491;
  --color-orange-200-rgb: 242, 180,
  	145;
  --color-orange-300: #eb8a55;
  --color-orange-300-rgb: 235, 138,
  	85;
  --color-orange-400: #e77130;
  --color-orange-400-rgb: 231, 113,
  	48;
  --color-orange-500: #d55c19;
  --color-orange-500-rgb: 213, 92,
  	25;
  --color-orange-600: #a04513;
  --color-orange-600-rgb: 160, 69,
  	19;
  --color-orange-700: #6b2e0d;
  --color-orange-700-rgb: 107, 46,
  	13;
  --color-orange-800: #4b2009;
  --color-orange-800-rgb: 75, 32,
  	9;
  --color-orange-900: #2b1205;
  --color-orange-900-rgb: 43, 18,
  	5;
  --color-orange-950: #190901;
  --color-orange-950-rgb: 25, 9,
  	1;
  --color-orange-1000: #000000;
  --color-orange-1000-rgb: 0, 0,
  	0;
  --color-yellow: #e7a113;
  --color-yellow-rgb: 231, 161,
  	19;
  --color-yellow-0: #ffffff;
  --color-yellow-0-rgb: 255, 255,
  	255;
  --color-yellow-50: #fdf7ea;
  --color-yellow-50-rgb: 253, 247,
  	234;
  --color-yellow-100: #fae7c1;
  --color-yellow-100-rgb: 250, 231,
  	193;
  --color-yellow-200: #f7d798;
  --color-yellow-200-rgb: 247, 215,
  	152;
  --color-yellow-300: #f2c364;
  --color-yellow-300-rgb: 242, 195,
  	100;
  --color-yellow-400: #eeaf30;
  --color-yellow-400-rgb: 238, 175,
  	48;
  --color-yellow-500: #e7a113;
  --color-yellow-500-rgb: 231, 161,
  	19;
  --color-yellow-600: #c08510;
  --color-yellow-600-rgb: 192, 133,
  	16;
  --color-yellow-700: #7e570a;
  --color-yellow-700-rgb: 126, 87,
  	10;
  --color-yellow-800: #5d4008;
  --color-yellow-800-rgb: 93, 64,
  	8;
  --color-yellow-900: #352504;
  --color-yellow-900-rgb: 53, 37,
  	4;
  --color-yellow-950: #1c0f00;
  --color-yellow-950-rgb: 28, 15,
  	0;
  --color-yellow-1000: #000000;
  --color-yellow-1000-rgb: 0, 0,
  	0;
  --color-lime: #b2c008;
  --color-lime-rgb: 178, 192,
  	8;
  --color-lime-0: #ffffff;
  --color-lime-0-rgb: 255, 255,
  	255;
  --color-lime-50: #fbfedd;
  --color-lime-50-rgb: 251, 254,
  	221;
  --color-lime-100: #f3fb9a;
  --color-lime-100-rgb: 243, 251,
  	154;
  --color-lime-200: #ebf856;
  --color-lime-200-rgb: 235, 248,
  	86;
  --color-lime-300: #e5f623;
  --color-lime-300-rgb: 229, 246,
  	35;
  --color-lime-400: #d5e70a;
  --color-lime-400-rgb: 213, 231,
  	10;
  --color-lime-500: #b2c008;
  --color-lime-500-rgb: 178, 192,
  	8;
  --color-lime-600: #8e9a06;
  --color-lime-600-rgb: 142, 154,
  	6;
  --color-lime-700: #6b7305;
  --color-lime-700-rgb: 107, 115,
  	5;
  --color-lime-800: #474d03;
  --color-lime-800-rgb: 71, 77,
  	3;
  --color-lime-900: #242602;
  --color-lime-900-rgb: 36, 38,
  	2;
  --color-lime-950: #181901;
  --color-lime-950-rgb: 24, 25,
  	1;
  --color-lime-1000: #000000;
  --color-lime-1000-rgb: 0, 0,
  	0;
  --color-green: #5b8f22;
  --color-green-rgb: 91, 143,
  	34;
  --color-green-0: #ffffff;
  --color-green-0-rgb: 255, 255,
  	255;
  --color-green-50: #eff9e4;
  --color-green-50-rgb: 239, 249,
  	228;
  --color-green-100: #ceecae;
  --color-green-100-rgb: 206, 236,
  	174;
  --color-green-200: #aedf78;
  --color-green-200-rgb: 174, 223,
  	120;
  --color-green-300: #8ed243;
  --color-green-300-rgb: 142, 210,
  	67;
  --color-green-400: #75b72c;
  --color-green-400-rgb: 117, 183,
  	44;
  --color-green-500: #5b8f22;
  --color-green-500-rgb: 91, 143,
  	34;
  --color-green-600: #446b1a;
  --color-green-600-rgb: 68, 107,
  	26;
  --color-green-700: #2e4811;
  --color-green-700-rgb: 46, 72,
  	17;
  --color-green-800: #20320c;
  --color-green-800-rgb: 32, 50,
  	12;
  --color-green-900: #121d07;
  --color-green-900-rgb: 18, 29,
  	7;
  --color-green-950: #04140d;
  --color-green-950-rgb: 4, 20,
  	13;
  --color-green-1000: #000000;
  --color-green-1000-rgb: 0, 0,
  	0;
  --color-cyan: #00a1de;
  --color-cyan-rgb: 0, 161,
  	222;
  --color-cyan-0: #ffffff;
  --color-cyan-0-rgb: 255, 255,
  	255;
  --color-cyan-50: #f1fbff;
  --color-cyan-50-rgb: 241, 251,
  	255;
  --color-cyan-100: #c5efff;
  --color-cyan-100-rgb: 197, 239,
  	255;
  --color-cyan-200: #6fd7ff;
  --color-cyan-200-rgb: 111, 215,
  	255;
  --color-cyan-300: #35c8ff;
  --color-cyan-300-rgb: 53, 200,
  	255;
  --color-cyan-400: #03baff;
  --color-cyan-400-rgb: 3, 186,
  	255;
  --color-cyan-500: #00a1de;
  --color-cyan-500-rgb: 0, 161,
  	222;
  --color-cyan-600: #008dc2;
  --color-cyan-600-rgb: 0, 141,
  	194;
  --color-cyan-700: #006990;
  --color-cyan-700-rgb: 0, 105,
  	144;
  --color-cyan-800: #004059;
  --color-cyan-800-rgb: 0, 64,
  	89;
  --color-cyan-900: #002838;
  --color-cyan-900-rgb: 0, 40,
  	56;
  --color-cyan-950: #001219;
  --color-cyan-950-rgb: 0, 18,
  	25;
  --color-cyan-1000: #000000;
  --color-cyan-1000-rgb: 0, 0,
  	0;
  --color-blue: #0065bd;
  --color-blue-rgb: 0, 101,
  	189;
  --color-blue-0: #ffffff;
  --color-blue-0-rgb: 255, 255,
  	255;
  --color-blue-50: #eff8ff;
  --color-blue-50-rgb: 239, 248,
  	255;
  --color-blue-100: #bfe1ff;
  --color-blue-100-rgb: 191, 225,
  	255;
  --color-blue-200: #5fb4ff;
  --color-blue-200-rgb: 95, 180,
  	255;
  --color-blue-300: #0e8fff;
  --color-blue-300-rgb: 14, 143,
  	255;
  --color-blue-400: #007ae5;
  --color-blue-400-rgb: 0, 122,
  	229;
  --color-blue-500: #0065bd;
  --color-blue-500-rgb: 0, 101,
  	189;
  --color-blue-600: #0058a5;
  --color-blue-600-rgb: 0, 88,
  	165;
  --color-blue-700: #00427b;
  --color-blue-700-rgb: 0, 66,
  	123;
  --color-blue-800: #00284c;
  --color-blue-800-rgb: 0, 40,
  	76;
  --color-blue-900: #00192f;
  --color-blue-900-rgb: 0, 25,
  	47;
  --color-blue-950: #000b19;
  --color-blue-950-rgb: 0, 11,
  	25;
  --color-blue-1000: #000000;
  --color-blue-1000-rgb: 0, 0,
  	0;
  --color-purple: #693a77;
  --color-purple-rgb: 105, 58,
  	119;
  --color-purple-0: #ffffff;
  --color-purple-0-rgb: 255, 255,
  	255;
  --color-purple-50: #f8f4fa;
  --color-purple-50-rgb: 248, 244,
  	250;
  --color-purple-100: #e4d2e9;
  --color-purple-100-rgb: 228, 210,
  	233;
  --color-purple-200: #bb8fc8;
  --color-purple-200-rgb: 187, 143,
  	200;
  --color-purple-300: #9957ad;
  --color-purple-300-rgb: 153, 87,
  	173;
  --color-purple-400: #824893;
  --color-purple-400-rgb: 130, 72,
  	147;
  --color-purple-500: #693a77;
  --color-purple-500-rgb: 105, 58,
  	119;
  --color-purple-600: #5c3368;
  --color-purple-600-rgb: 92, 51,
  	104;
  --color-purple-700: #44264d;
  --color-purple-700-rgb: 68, 38,
  	77;
  --color-purple-800: #2a1730;
  --color-purple-800-rgb: 42, 23,
  	48;
  --color-purple-900: #1a0f1e;
  --color-purple-900-rgb: 26, 15,
  	30;
  --color-purple-950: #0d070f;
  --color-purple-950-rgb: 13, 7,
  	15;
  --color-purple-1000: #000000;
  --color-purple-1000-rgb: 0, 0,
  	0;
  --color-bg: #f7f8f9;
  --color-bg-rgb: 247, 248,
  	249;
  --color-bg-0: #ffffff;
  --color-bg-0-rgb: 255, 255,
  	255;
  --color-bg-50: #f7f8f9;
  --color-bg-50-rgb: 247, 248,
  	249;
  --color-bg-100: #e0e4e7;
  --color-bg-100-rgb: 224, 228,
  	231;
  --color-bg-200: #c1c9d0;
  --color-bg-200-rgb: 193, 201,
  	208;
  --color-bg-300: #a2adb8;
  --color-bg-300-rgb: 162, 173,
  	184;
  --color-bg-400: #8492a1;
  --color-bg-400-rgb: 132, 146,
  	161;
  --color-bg-500: #677787;
  --color-bg-500-rgb: 103, 119,
  	135;
  --color-bg-600: #525f6c;
  --color-bg-600-rgb: 82, 95,
  	108;
  --color-bg-700: #3e4751;
  --color-bg-700-rgb: 62, 71,
  	81;
  --color-bg-800: #293036;
  --color-bg-800-rgb: 41, 48,
  	54;
  --color-bg-900: #1a1e22;
  --color-bg-900-rgb: 26, 30,
  	34;
  --color-bg-950: #0f1114;
  --color-bg-950-rgb: 15, 17,
  	20;
  --color-bg-1000: #000000;
  --color-bg-1000-rgb: 0, 0,
  	0;
  --color-brand: #0065bd;
  --color-brand-rgb: 0, 101,
  	189;
  --color-brand-0: #ffffff;
  --color-brand-0-rgb: 255, 255,
  	255;
  --color-brand-50: #eff8ff;
  --color-brand-50-rgb: 239, 248,
  	255;
  --color-brand-100: #bfe1ff;
  --color-brand-100-rgb: 191, 225,
  	255;
  --color-brand-200: #5fb4ff;
  --color-brand-200-rgb: 95, 180,
  	255;
  --color-brand-300: #0e8fff;
  --color-brand-300-rgb: 14, 143,
  	255;
  --color-brand-400: #007ae5;
  --color-brand-400-rgb: 0, 122,
  	229;
  --color-brand-500: #0065bd;
  --color-brand-500-rgb: 0, 101,
  	189;
  --color-brand-600: #0058a5;
  --color-brand-600-rgb: 0, 88,
  	165;
  --color-brand-700: #00427b;
  --color-brand-700-rgb: 0, 66,
  	123;
  --color-brand-800: #00284c;
  --color-brand-800-rgb: 0, 40,
  	76;
  --color-brand-900: #00192f;
  --color-brand-900-rgb: 0, 25,
  	47;
  --color-brand-950: #000b19;
  --color-brand-950-rgb: 0, 11,
  	25;
  --color-brand-1000: #000000;
  --color-brand-1000-rgb: 0, 0,
  	0;
  --color-danger: #c60c30;
  --color-danger-rgb: 198, 12,
  	48;
  --color-danger-0: #ffffff;
  --color-danger-0-rgb: 255, 255,
  	255;
  --color-danger-50: #fef1f3;
  --color-danger-50-rgb: 254, 241,
  	243;
  --color-danger-100: #fcc6d1;
  --color-danger-100-rgb: 252, 198,
  	209;
  --color-danger-200: #f88ea2;
  --color-danger-200-rgb: 248, 142,
  	162;
  --color-danger-300: #f04b6b;
  --color-danger-300-rgb: 240, 75,
  	107;
  --color-danger-400: #e51a41;
  --color-danger-400-rgb: 229, 26,
  	65;
  --color-danger-500: #c60c30;
  --color-danger-500-rgb: 198, 12,
  	48;
  --color-danger-600: #ad0b2a;
  --color-danger-600-rgb: 173, 11,
  	42;
  --color-danger-700: #81081f;
  --color-danger-700-rgb: 129, 8,
  	31;
  --color-danger-800: #4f0513;
  --color-danger-800-rgb: 79, 5,
  	19;
  --color-danger-900: #32030c;
  --color-danger-900-rgb: 50, 3,
  	12;
  --color-danger-950: #190105;
  --color-danger-950-rgb: 25, 1,
  	5;
  --color-danger-1000: #000000;
  --color-danger-1000-rgb: 0, 0,
  	0;
  --color-default: #f7f8f9;
  --color-default-rgb: 247, 248,
  	249;
  --color-default-0: #ffffff;
  --color-default-0-rgb: 255, 255,
  	255;
  --color-default-50: #f7f8f9;
  --color-default-50-rgb: 247, 248,
  	249;
  --color-default-100: #e0e4e7;
  --color-default-100-rgb: 224, 228,
  	231;
  --color-default-200: #c1c9d0;
  --color-default-200-rgb: 193, 201,
  	208;
  --color-default-300: #a2adb8;
  --color-default-300-rgb: 162, 173,
  	184;
  --color-default-400: #8492a1;
  --color-default-400-rgb: 132, 146,
  	161;
  --color-default-500: #677787;
  --color-default-500-rgb: 103, 119,
  	135;
  --color-default-600: #525f6c;
  --color-default-600-rgb: 82, 95,
  	108;
  --color-default-700: #3e4751;
  --color-default-700-rgb: 62, 71,
  	81;
  --color-default-800: #293036;
  --color-default-800-rgb: 41, 48,
  	54;
  --color-default-900: #1a1e22;
  --color-default-900-rgb: 26, 30,
  	34;
  --color-default-950: #0f1114;
  --color-default-950-rgb: 15, 17,
  	20;
  --color-default-1000: #000000;
  --color-default-1000-rgb: 0, 0,
  	0;
  --color-primary: #0065bd;
  --color-primary-rgb: 0, 101,
  	189;
  --color-primary-0: #ffffff;
  --color-primary-0-rgb: 255, 255,
  	255;
  --color-primary-50: #eff8ff;
  --color-primary-50-rgb: 239, 248,
  	255;
  --color-primary-100: #bfe1ff;
  --color-primary-100-rgb: 191, 225,
  	255;
  --color-primary-200: #5fb4ff;
  --color-primary-200-rgb: 95, 180,
  	255;
  --color-primary-300: #0e8fff;
  --color-primary-300-rgb: 14, 143,
  	255;
  --color-primary-400: #007ae5;
  --color-primary-400-rgb: 0, 122,
  	229;
  --color-primary-500: #0065bd;
  --color-primary-500-rgb: 0, 101,
  	189;
  --color-primary-600: #0058a5;
  --color-primary-600-rgb: 0, 88,
  	165;
  --color-primary-700: #00427b;
  --color-primary-700-rgb: 0, 66,
  	123;
  --color-primary-800: #00284c;
  --color-primary-800-rgb: 0, 40,
  	76;
  --color-primary-900: #00192f;
  --color-primary-900-rgb: 0, 25,
  	47;
  --color-primary-950: #000b19;
  --color-primary-950-rgb: 0, 11,
  	25;
  --color-primary-1000: #000000;
  --color-primary-1000-rgb: 0, 0,
  	0;
  --color-success: #5b8f22;
  --color-success-rgb: 91, 143,
  	34;
  --color-success-0: #ffffff;
  --color-success-0-rgb: 255, 255,
  	255;
  --color-success-50: #eff9e4;
  --color-success-50-rgb: 239, 249,
  	228;
  --color-success-100: #ceecae;
  --color-success-100-rgb: 206, 236,
  	174;
  --color-success-200: #aedf78;
  --color-success-200-rgb: 174, 223,
  	120;
  --color-success-300: #8ed243;
  --color-success-300-rgb: 142, 210,
  	67;
  --color-success-400: #75b72c;
  --color-success-400-rgb: 117, 183,
  	44;
  --color-success-500: #5b8f22;
  --color-success-500-rgb: 91, 143,
  	34;
  --color-success-600: #446b1a;
  --color-success-600-rgb: 68, 107,
  	26;
  --color-success-700: #2e4811;
  --color-success-700-rgb: 46, 72,
  	17;
  --color-success-800: #20320c;
  --color-success-800-rgb: 32, 50,
  	12;
  --color-success-900: #121d07;
  --color-success-900-rgb: 18, 29,
  	7;
  --color-success-950: #04140d;
  --color-success-950-rgb: 4, 20,
  	13;
  --color-success-1000: #000000;
  --color-success-1000-rgb: 0, 0,
  	0;
  --color-text: #293036;
  --color-text-rgb: 41, 48,
  	54;
  --color-text-0: #ffffff;
  --color-text-0-rgb: 255, 255,
  	255;
  --color-text-50: #f7f8f9;
  --color-text-50-rgb: 247, 248,
  	249;
  --color-text-100: #e0e4e7;
  --color-text-100-rgb: 224, 228,
  	231;
  --color-text-200: #c1c9d0;
  --color-text-200-rgb: 193, 201,
  	208;
  --color-text-300: #a2adb8;
  --color-text-300-rgb: 162, 173,
  	184;
  --color-text-400: #8492a1;
  --color-text-400-rgb: 132, 146,
  	161;
  --color-text-500: #677787;
  --color-text-500-rgb: 103, 119,
  	135;
  --color-text-600: #525f6c;
  --color-text-600-rgb: 82, 95,
  	108;
  --color-text-700: #3e4751;
  --color-text-700-rgb: 62, 71,
  	81;
  --color-text-800: #293036;
  --color-text-800-rgb: 41, 48,
  	54;
  --color-text-900: #1a1e22;
  --color-text-900-rgb: 26, 30,
  	34;
  --color-text-950: #0f1114;
  --color-text-950-rgb: 15, 17,
  	20;
  --color-text-1000: #000000;
  --color-text-1000-rgb: 0, 0,
  	0;
  --color-transaction: #d55c19;
  --color-transaction-rgb: 213, 92,
  	25;
  --color-transaction-0: #ffffff;
  --color-transaction-0-rgb: 255, 255,
  	255;
  --color-transaction-50: #fdf2ed;
  --color-transaction-50-rgb: 253, 242,
  	237;
  --color-transaction-100: #f8d5c2;
  --color-transaction-100-rgb: 248, 213,
  	194;
  --color-transaction-200: #f2b491;
  --color-transaction-200-rgb: 242, 180,
  	145;
  --color-transaction-300: #eb8a55;
  --color-transaction-300-rgb: 235, 138,
  	85;
  --color-transaction-400: #e77130;
  --color-transaction-400-rgb: 231, 113,
  	48;
  --color-transaction-500: #d55c19;
  --color-transaction-500-rgb: 213, 92,
  	25;
  --color-transaction-600: #a04513;
  --color-transaction-600-rgb: 160, 69,
  	19;
  --color-transaction-700: #6b2e0d;
  --color-transaction-700-rgb: 107, 46,
  	13;
  --color-transaction-800: #4b2009;
  --color-transaction-800-rgb: 75, 32,
  	9;
  --color-transaction-900: #2b1205;
  --color-transaction-900-rgb: 43, 18,
  	5;
  --color-transaction-950: #190901;
  --color-transaction-950-rgb: 25, 9,
  	1;
  --color-transaction-1000: #000000;
  --color-transaction-1000-rgb: 0, 0,
  	0;
  --color-warn: #e7a113;
  --color-warn-rgb: 231, 161,
  	19;
  --color-warn-0: #ffffff;
  --color-warn-0-rgb: 255, 255,
  	255;
  --color-warn-50: #fdf7ea;
  --color-warn-50-rgb: 253, 247,
  	234;
  --color-warn-100: #fae7c1;
  --color-warn-100-rgb: 250, 231,
  	193;
  --color-warn-200: #f7d798;
  --color-warn-200-rgb: 247, 215,
  	152;
  --color-warn-300: #f2c364;
  --color-warn-300-rgb: 242, 195,
  	100;
  --color-warn-400: #eeaf30;
  --color-warn-400-rgb: 238, 175,
  	48;
  --color-warn-500: #e7a113;
  --color-warn-500-rgb: 231, 161,
  	19;
  --color-warn-600: #c08510;
  --color-warn-600-rgb: 192, 133,
  	16;
  --color-warn-700: #7e570a;
  --color-warn-700-rgb: 126, 87,
  	10;
  --color-warn-800: #5d4008;
  --color-warn-800-rgb: 93, 64,
  	8;
  --color-warn-900: #352504;
  --color-warn-900-rgb: 53, 37,
  	4;
  --color-warn-950: #1c0f00;
  --color-warn-950-rgb: 28, 15,
  	0;
  --color-warn-1000: #000000;
  --color-warn-1000-rgb: 0, 0,
  	0;
}

:where(.dsx-theme-legacy .dsx-component),
:where(.dsx-theme-legacy.dsx-theme-light .dsx-component) {
  --UNSAFE-button-border-width: 1px;
  --UNSAFE-button-small-padding-v: 0.5rem;
  --UNSAFE-button-small-padding-h: 0.75rem;
  --UNSAFE-button-default-padding-v: 0.6875rem;
  --UNSAFE-button-default-padding-h: 1rem;
  --UNSAFE-button-large-padding-v: 0.75rem;
  --UNSAFE-button-large-padding-h: 1.125rem;
  --UNSAFE-button-xl-padding-v: 1rem;
  --UNSAFE-button-xl-padding-h: 1.5rem;
  --UNSAFE-button-text-transform: uppercase;
  --UNSAFE-button-transition-default: 300ms;
  --UNSAFE-button-transition-box-shadow: 300ms;
  --UNSAFE-button-box-shadow: 0 0 11px 0 transparent, 0 0 15px 0 transparent;
  --UNSAFE-button-hover-box-shadow: 0 0 11px 0 rgba(68, 68, 68, 0.18),
  	0 0 15px 0 rgba(68, 68, 68, 0.15);
  --UNSAFE-button-active-box-shadow: 0 0 11px 0 transparent,
  	0 0 15px 0 transparent;
  --UNSAFE-button-focus-box-shadow: 0 0 11px 0 rgba(68, 68, 68, 0.18),
  	0 0 15px 0 rgba(68, 68, 68, 0.15);
  --UNSAFE-button-default-background: #fff;
  --UNSAFE-button-default-border: rgba(var(--color-gray-500-rgb), 0.5);
  --UNSAFE-button-default-color: var(--color-gray-500);
  --UNSAFE-button-default-hover-background: #fff;
  --UNSAFE-button-default-hover-border: rgba(var(--color-gray-500-rgb), 0.7);
  --UNSAFE-button-default-hover-color: var(--color-gray-500);
  --UNSAFE-button-default-active-background: #fff;
  --UNSAFE-button-default-active-border: var(--color-gray-500);
  --UNSAFE-button-default-active-color: var(--color-gray-500);
  --UNSAFE-button-default-focus-background: #fff;
  --UNSAFE-button-default-focus-border: rgba(var(--color-gray-500-rgb), 0.7);
  --UNSAFE-button-default-focus-color: var(--color-gray-500);
  --UNSAFE-button-light-outline-background: transparent;
  --UNSAFE-button-light-outline-border: var(--color-gray-0);
  --UNSAFE-button-light-outline-color: var(--color-gray-0);
  --UNSAFE-button-light-outline-hover-background: var(--color-gray-0);
  --UNSAFE-button-light-outline-hover-border: var(--color-gray-0);
  --UNSAFE-button-light-outline-hover-color: var(--color-primary-500);
  --UNSAFE-button-light-outline-active-background: var(--color-gray-100);
  --UNSAFE-button-light-outline-active-border: var(--color-gray-100);
  --UNSAFE-button-light-outline-active-color: var(--color-primary-600);
  --UNSAFE-button-light-outline-focus-background: var(--color-gray-0);
  --UNSAFE-button-light-outline-focus-border: var(--color-gray-0);
  --UNSAFE-button-light-outline-focus-color: var(--color-primary-500);
  --UNSAFE-button-primary-background: var(--color-primary-500);
  --UNSAFE-button-primary-border: var(--color-primary-500);
  --UNSAFE-button-primary-color: #fff;
  --UNSAFE-button-primary-hover-background: var(--color-primary-400);
  --UNSAFE-button-primary-hover-border: var(--color-primary-400);
  --UNSAFE-button-primary-hover-color: #fff;
  --UNSAFE-button-primary-active-background: var(--color-primary-600);
  --UNSAFE-button-primary-active-border: var(--color-primary-600);
  --UNSAFE-button-primary-active-color: #fff;
  --UNSAFE-button-primary-focus-background: var(--color-primary-400);
  --UNSAFE-button-primary-focus-border: var(--color-primary-400);
  --UNSAFE-button-primary-focus-color: #fff;
  --UNSAFE-button-brand-background: var(--color-brand-500);
  --UNSAFE-button-brand-border: var(--color-brand-500);
  --UNSAFE-button-brand-color: #fff;
  --UNSAFE-button-brand-hover-background: var(--color-brand-400);
  --UNSAFE-button-brand-hover-border: var(--color-brand-400);
  --UNSAFE-button-brand-hover-color: #fff;
  --UNSAFE-button-brand-active-background: var(--color-brand-600);
  --UNSAFE-button-brand-active-border: var(--color-brand-600);
  --UNSAFE-button-brand-active-color: #fff;
  --UNSAFE-button-brand-focus-background: var(--color-brand-400);
  --UNSAFE-button-brand-focus-border: var(--color-brand-400);
  --UNSAFE-button-brand-focus-color: #fff;
  --UNSAFE-button-success-background: var(--color-success-500);
  --UNSAFE-button-success-border: var(--color-success-500);
  --UNSAFE-button-success-color: #fff;
  --UNSAFE-button-success-hover-background: var(--color-success-400);
  --UNSAFE-button-success-hover-border: var(--color-success-400);
  --UNSAFE-button-success-hover-color: #fff;
  --UNSAFE-button-success-active-background: var(--color-success-600);
  --UNSAFE-button-success-active-border: var(--color-success-600);
  --UNSAFE-button-success-active-color: #fff;
  --UNSAFE-button-success-focus-background: var(--color-success-400);
  --UNSAFE-button-success-focus-border: var(--color-success-400);
  --UNSAFE-button-success-focus-color: #fff;
  --UNSAFE-button-transaction-background: var(--color-transaction-500);
  --UNSAFE-button-transaction-border: var(--color-transaction-500);
  --UNSAFE-button-transaction-color: #fff;
  --UNSAFE-button-transaction-hover-background: var(--color-transaction-400);
  --UNSAFE-button-transaction-hover-border: var(--color-transaction-400);
  --UNSAFE-button-transaction-hover-color: #fff;
  --UNSAFE-button-transaction-active-background: var(--color-transaction-600);
  --UNSAFE-button-transaction-active-border: var(--color-transaction-600);
  --UNSAFE-button-transaction-active-color: #fff;
  --UNSAFE-button-transaction-focus-background: var(--color-transaction-400);
  --UNSAFE-button-transaction-focus-border: var(--color-transaction-400);
  --UNSAFE-button-transaction-focus-color: #fff;
  --UNSAFE-button-danger-background: var(--color-danger-500);
  --UNSAFE-button-danger-border: var(--color-danger-500);
  --UNSAFE-button-danger-color: #fff;
  --UNSAFE-button-danger-hover-background: var(--color-danger-400);
  --UNSAFE-button-danger-hover-border: var(--color-danger-400);
  --UNSAFE-button-danger-hover-color: #fff;
  --UNSAFE-button-danger-active-background: var(--color-danger-600);
  --UNSAFE-button-danger-active-border: var(--color-danger-600);
  --UNSAFE-button-danger-active-color: #fff;
  --UNSAFE-button-danger-focus-background: var(--color-danger-400);
  --UNSAFE-button-danger-focus-border: var(--color-danger-400);
  --UNSAFE-button-danger-focus-color: #fff;
  --UNSAFE-button-ui-control-background: transparent;
  --UNSAFE-button-ui-control-border: transparent;
  --UNSAFE-button-ui-control-color: var(--color-default-800);
  --UNSAFE-button-ui-control-hover-background: var(--color-default-50);
  --UNSAFE-button-ui-control-hover-border: var(--color-default-50);
  --UNSAFE-button-ui-control-hover-color: var(--color-primary-500);
  --UNSAFE-button-ui-control-active-background: var(--color-default-100);
  --UNSAFE-button-ui-control-active-border: var(--color-default-100);
  --UNSAFE-button-ui-control-active-color: var(--color-primary-500);
  --UNSAFE-button-ui-control-focus-background: transparent;
  --UNSAFE-button-ui-control-focus-border: var(--color-primary-200);
  --UNSAFE-button-ui-control-focus-color: var(--color-default-800);
  --UNSAFE-button-light-ui-control-background: transparent;
  --UNSAFE-button-light-ui-control-border: transparent;
  --UNSAFE-button-light-ui-control-color: var(--color-gray-0);
  --UNSAFE-button-light-ui-control-hover-background: rgba(
  	var(--color-gray-50-rgb),
  	0.1
  );
  --UNSAFE-button-light-ui-control-hover-border: transparent;
  --UNSAFE-button-light-ui-control-hover-color: var(--color-gray-0);
  --UNSAFE-button-light-ui-control-active-background: rgba(
  	var(--color-gray-50-rgb),
  	0.2
  );
  --UNSAFE-button-light-ui-control-active-border: transparent;
  --UNSAFE-button-light-ui-control-active-color: var(--color-gray-0);
  --UNSAFE-button-light-ui-control-focus-background: transparent;
  --UNSAFE-button-light-ui-control-focus-border: rgba(
  	var(--color-gray-50-rgb),
  	0.1
  );
  --UNSAFE-button-light-ui-control-focus-color: var(--color-gray-0);
  --UNSAFE-button-subtle-background: transparent;
  --UNSAFE-button-subtle-border: transparent;
  --UNSAFE-button-subtle-color: var(--color-primary-500);
  --UNSAFE-button-subtle-hover-background: var(--color-default-50);
  --UNSAFE-button-subtle-hover-border: var(--color-default-50);
  --UNSAFE-button-subtle-hover-color: var(--color-primary-500);
  --UNSAFE-button-subtle-active-background: var(--color-default-100);
  --UNSAFE-button-subtle-active-border: var(--color-default-100);
  --UNSAFE-button-subtle-active-color: var(--color-primary-500);
  --UNSAFE-button-subtle-focus-background: transparent;
  --UNSAFE-button-subtle-focus-border: var(--color-primary-200);
  --UNSAFE-button-subtle-focus-color: var(--color-primary-500);
  --UNSAFE-button-brand-subtle-background: transparent;
  --UNSAFE-button-brand-subtle-border: transparent;
  --UNSAFE-button-brand-subtle-color: var(--color-brand-500);
  --UNSAFE-button-brand-subtle-hover-background: var(--color-default-50);
  --UNSAFE-button-brand-subtle-hover-border: var(--color-default-50);
  --UNSAFE-button-brand-subtle-hover-color: var(--color-brand-500);
  --UNSAFE-button-brand-subtle-active-background: var(--color-default-100);
  --UNSAFE-button-brand-subtle-active-border: var(--color-default-100);
  --UNSAFE-button-brand-subtle-active-color: var(--color-brand-500);
  --UNSAFE-button-brand-subtle-focus-background: transparent;
  --UNSAFE-button-brand-subtle-focus-border: var(--color-brand-200);
  --UNSAFE-button-brand-subtle-focus-color: var(--color-brand-500);
  --UNSAFE-button-danger-subtle-background: transparent;
  --UNSAFE-button-danger-subtle-border: transparent;
  --UNSAFE-button-danger-subtle-color: var(--color-danger-5 00);
  --UNSAFE-button-danger-subtle-hover-background: var(--color-default-50);
  --UNSAFE-button-danger-subtle-hover-border: var(--color-default-50);
  --UNSAFE-button-danger-subtle-hover-color: var(--color-danger-500);
  --UNSAFE-button-danger-subtle-active-background: var(--color-default-100);
  --UNSAFE-button-danger-subtle-active-border: var(--color-default-100);
  --UNSAFE-button-danger-subtle-active-color: var(--color-danger-500);
  --UNSAFE-button-danger-subtle-focus-background: transparent;
  --UNSAFE-button-danger-subtle-focus-border: var(--color-danger-200);
  --UNSAFE-button-danger-subtle-focus-color: var(--color-danger-500);
  --UNSAFE-card-border-radius: 0.625rem;
  --UNSAFE-card-shadow-box-shadow: 0 2px 7px -2px var(--color-gray-200);
  --UNSAFE-card-outline-border: 1px solid var(--color-gray-100);
  --UNSAFE-dsx-checkbox-style: custom;
  --UNSAFE-input-border-width: 1px;
  --UNSAFE-input-padding: var(--size-200) var(--size-300);
  --UNSAFE-input-required-style: star;
  --UNSAFE-input-default-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  --UNSAFE-input-default-focus-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16),
  	0 0 10px 0 rgba(0, 0, 0, 0.12);
  --UNSAFE-input-warn-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  --UNSAFE-input-warn-focus-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16),
  	0 0 10px 0 rgba(0, 0, 0, 0.12);
  --UNSAFE-input-danger-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  --UNSAFE-input-danger-focus-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16),
  	0 0 10px 0 rgba(0, 0, 0, 0.12);
  --UNSAFE-select-padding: var(--UNSAFE-input-padding);
  --UNSAFE-select-padding-firefox: var(--size-200)
  	calc(var(--size-300) - 0.375rem);
  --UNSAFE-select-border-color: #ddd;
  --UNSAFE-select-arrow-color: #ddd;
  --UNSAFE-select-arrow-focus-color: #777;
  --UNSAFE-select-arrow-separator: 1px solid var(--UNSAFE-select-arrow-color);
  --UNSAFE-select-arrow-width: calc(
  	3rem + 1px
  );
  --UNSAFE-dsx-modal-close-visibility: hidden;
  --UNSAFE-dsx-modal-header-variant: headline-1;
  --UNSAFE-dsx-modal-inner-border: 1px solid var(--color-gray-100);
  --UNSAFE-dsx-modal-inner-border-padding: var(--size-400);
  --UNSAFE-note-border-width: 1px;
  --UNSAFE-note-padding: var(--size-300) var(--size-400);
  --UNSAFE-note-title-font-weight-override: var(--UNSAFE-label-font-weight);
  --UNSAFE-note-body-font-weight-override: var(--UNSAFE-label-font-weight);
  --UNSAFE-note-default-background-color: var(--color-default-100);
  --UNSAFE-note-default-border-color: var(--color-default-200);
  --UNSAFE-note-default-title-color: var(--color-default-700);
  --UNSAFE-note-default-body-color: var(--color-default-700);
  --UNSAFE-note-primary-background-color: var(--color-primary-100);
  --UNSAFE-note-primary-border-color: var(--color-primary-200);
  --UNSAFE-note-primary-title-color: var(--color-primary-700);
  --UNSAFE-note-primary-body-color: var(--color-primary-700);
  --UNSAFE-note-brand-background-color: var(--color-brand-100);
  --UNSAFE-note-brand-border-color: var(--color-brand-200);
  --UNSAFE-note-brand-title-color: var(--color-brand-700);
  --UNSAFE-note-brand-body-color: var(--color-brand-700);
  --UNSAFE-note-success-background-color: var(--color-success-100);
  --UNSAFE-note-success-border-color: var(--color-success-200);
  --UNSAFE-note-success-title-color: var(--color-success-700);
  --UNSAFE-note-success-body-color: var(--color-success-700);
  --UNSAFE-note-transaction-background-color: var(--color-transaction-100);
  --UNSAFE-note-transaction-border-color: var(--color-transaction-200);
  --UNSAFE-note-transaction-title-color: var(--color-transaction-700);
  --UNSAFE-note-transaction-body-color: var(--color-transaction-700);
  --UNSAFE-note-warn-background-color: var(--color-warn-100);
  --UNSAFE-note-warn-border-color: var(--color-warn-200);
  --UNSAFE-note-warn-title-color: var(--color-warn-700);
  --UNSAFE-note-warn-body-color: var(--color-warn-700);
  --UNSAFE-note-danger-background-color: var(--color-danger-100);
  --UNSAFE-note-danger-border-color: var(--color-danger-200);
  --UNSAFE-note-danger-title-color: var(--color-danger-700);
  --UNSAFE-note-danger-body-color: var(--color-danger-700);
  --UNSAFE-dsx-popover-box-shadow: 0 3px 16px
  	rgba(var(--color-gray-800-rgb), 0.15);
  --UNSAFE-body-font-weight: 400;
  --UNSAFE-body-font-size: 1rem;
  --UNSAFE-body-line-height: 1.5;
  --UNSAFE-body-letter-spacing: 0;
  --UNSAFE-body-compact-font-weight: 400;
  --UNSAFE-body-compact-font-size: 1rem;
  --UNSAFE-body-compact-line-height: 1.125;
  --UNSAFE-body-compact-letter-spacing: 0;
  --UNSAFE-body-small-font-weight: 400;
  --UNSAFE-body-small-font-size: 0.875rem;
  --UNSAFE-body-small-line-height: 1.4285714286;
  --UNSAFE-body-small-letter-spacing: 0;
  --UNSAFE-body-compact-small-font-weight: 400;
  --UNSAFE-body-compact-small-font-size: 0.875rem;
  --UNSAFE-body-compact-small-line-height: 1.1428571429;
  --UNSAFE-body-compact-small-letter-spacing: 0;
  --UNSAFE-body-extra-small-font-weight: 400;
  --UNSAFE-body-extra-small-font-size: 0.75rem;
  --UNSAFE-body-extra-small-line-height: 1.3333333333;
  --UNSAFE-body-extra-small-letter-spacing: 0;
  --UNSAFE-body-compact-extra-small-font-weight: 400;
  --UNSAFE-body-compact-extra-small-font-size: 0.75rem;
  --UNSAFE-body-compact-extra-small-line-height: 1.1666666667;
  --UNSAFE-body-compact-extra-small-letter-spacing: 0;
  --UNSAFE-headline-1-font-weight: 600;
  --UNSAFE-headline-1-font-size: 2.25rem;
  --UNSAFE-headline-1-line-height: 1.2222222222;
  --UNSAFE-headline-1-letter-spacing: 0;
  --UNSAFE-headline-2-font-weight: 700;
  --UNSAFE-headline-2-font-size: 1.5rem;
  --UNSAFE-headline-2-line-height: 1.3333333333;
  --UNSAFE-headline-2-letter-spacing: 0;
  --UNSAFE-headline-3-font-weight: 700;
  --UNSAFE-headline-3-font-size: 1.25rem;
  --UNSAFE-headline-3-line-height: 1.4;
  --UNSAFE-headline-3-letter-spacing: 0;
  --UNSAFE-headline-4-font-weight: 700;
  --UNSAFE-headline-4-font-size: 1.125rem;
  --UNSAFE-headline-4-line-height: 1.3333333333;
  --UNSAFE-headline-4-letter-spacing: 0;
  --UNSAFE-headline-5-font-weight: 700;
  --UNSAFE-headline-5-font-size: 1rem;
  --UNSAFE-headline-5-line-height: 1.5;
  --UNSAFE-headline-5-letter-spacing: 0;
  --UNSAFE-headline-6-font-weight: 700;
  --UNSAFE-headline-6-font-size: 0.875rem;
  --UNSAFE-headline-6-line-height: 1.4285714286;
  --UNSAFE-headline-6-letter-spacing: 0;
  --UNSAFE-display-headline-1-font-weight: 800;
  --UNSAFE-display-headline-1-font-size: 4.5rem;
  --UNSAFE-display-headline-1-line-height: 1.2222222222;
  --UNSAFE-display-headline-1-letter-spacing: 0;
  --UNSAFE-display-headline-2-font-weight: 800;
  --UNSAFE-display-headline-2-font-size: 4rem;
  --UNSAFE-display-headline-2-line-height: 1.25;
  --UNSAFE-display-headline-2-letter-spacing: 0;
  --UNSAFE-display-headline-3-font-weight: 800;
  --UNSAFE-display-headline-3-font-size: 3rem;
  --UNSAFE-display-headline-3-line-height: 1.25;
  --UNSAFE-display-headline-3-letter-spacing: 0;
  --UNSAFE-display-headline-4-font-weight: 800;
  --UNSAFE-display-headline-4-font-size: 2.25rem;
  --UNSAFE-display-headline-4-line-height: 1.2222222222;
  --UNSAFE-display-headline-4-letter-spacing: 0;
  --UNSAFE-light-headline-1-font-weight: 200;
  --UNSAFE-light-headline-1-font-size: 4.5rem;
  --UNSAFE-light-headline-1-line-height: 1.2222222222;
  --UNSAFE-light-headline-1-letter-spacing: 0;
  --UNSAFE-light-headline-2-font-weight: 200;
  --UNSAFE-light-headline-2-font-size: 4rem;
  --UNSAFE-light-headline-2-line-height: 1.25;
  --UNSAFE-light-headline-2-letter-spacing: 0;
  --UNSAFE-light-headline-3-font-weight: 300;
  --UNSAFE-light-headline-3-font-size: 3rem;
  --UNSAFE-light-headline-3-line-height: 1.25;
  --UNSAFE-light-headline-3-letter-spacing: 0;
  --UNSAFE-light-headline-4-font-weight: 300;
  --UNSAFE-light-headline-4-font-size: 2.25rem;
  --UNSAFE-light-headline-4-line-height: 1.2222222222;
  --UNSAFE-light-headline-4-letter-spacing: 0;
  --UNSAFE-highlight-1-font-weight: 300;
  --UNSAFE-highlight-1-font-size: 1.5rem;
  --UNSAFE-highlight-1-line-height: 1.5;
  --UNSAFE-highlight-1-letter-spacing: 0;
  --UNSAFE-highlight-2-font-weight: 400;
  --UNSAFE-highlight-2-font-size: 1.25rem;
  --UNSAFE-highlight-2-line-height: 1.4;
  --UNSAFE-highlight-2-letter-spacing: 0;
  --UNSAFE-subtitle-font-weight: 400;
  --UNSAFE-subtitle-font-size: 1.125rem;
  --UNSAFE-subtitle-line-height: 1.3333333333;
  --UNSAFE-subtitle-letter-spacing: 0;
  --UNSAFE-overline-font-weight: 500;
  --UNSAFE-overline-font-size: 0.875rem;
  --UNSAFE-overline-line-height: 1.1428571429;
  --UNSAFE-overline-letter-spacing: 0;
  --UNSAFE-caption-font-weight: 400;
  --UNSAFE-caption-font-size: 0.875rem;
  --UNSAFE-caption-line-height: 1.4285714286;
  --UNSAFE-caption-letter-spacing: 0;
  --UNSAFE-caption-small-font-weight: 400;
  --UNSAFE-caption-small-font-size: 0.75rem;
  --UNSAFE-caption-small-line-height: 1.3333333333;
  --UNSAFE-caption-small-letter-spacing: 0;
  --UNSAFE-code-font-weight: 400;
  --UNSAFE-code-font-size: 0.9375rem;
  --UNSAFE-code-line-height: 1.6;
  --UNSAFE-code-letter-spacing: 0;
  --UNSAFE-code-small-font-weight: 400;
  --UNSAFE-code-small-font-size: 0.8125rem;
  --UNSAFE-code-small-line-height: 1.5384615385;
  --UNSAFE-code-small-letter-spacing: 0;
  --UNSAFE-menu-item-font-weight: 400;
  --UNSAFE-menu-item-font-size: 0.875rem;
  --UNSAFE-menu-item-line-height: 1.4285714286;
  --UNSAFE-menu-item-letter-spacing: 0;
  --UNSAFE-menu-item-small-font-weight: 400;
  --UNSAFE-menu-item-small-font-size: 0.75rem;
  --UNSAFE-menu-item-small-line-height: 1.3333333333;
  --UNSAFE-menu-item-small-letter-spacing: 0;
  --UNSAFE-button-default-font-weight: 700;
  --UNSAFE-button-default-font-size: 0.875rem;
  --UNSAFE-button-default-line-height: 1.1428571429;
  --UNSAFE-button-default-letter-spacing: 0;
  --UNSAFE-button-small-font-weight: 700;
  --UNSAFE-button-small-font-size: 0.75rem;
  --UNSAFE-button-small-line-height: 1.1666666667;
  --UNSAFE-button-small-letter-spacing: 0;
  --UNSAFE-button-large-font-weight: 700;
  --UNSAFE-button-large-font-size: 1.25rem;
  --UNSAFE-button-large-line-height: 1.2;
  --UNSAFE-button-large-letter-spacing: 0;
  --UNSAFE-button-xl-font-weight: 700;
  --UNSAFE-button-xl-font-size: 1.5rem;
  --UNSAFE-button-xl-line-height: 1.1666666667;
  --UNSAFE-button-xl-letter-spacing: 0;
  --UNSAFE-label-font-weight: 600;
  --UNSAFE-label-font-size: 0.875rem;
  --UNSAFE-label-line-height: 1.4285714286;
  --UNSAFE-label-letter-spacing: 0;
  --UNSAFE-helper-font-weight: 400;
  --UNSAFE-helper-font-size: 0.875rem;
  --UNSAFE-helper-line-height: 1.4285714286;
  --UNSAFE-helper-letter-spacing: 0;
  --UNSAFE-label-addendum-font-weight: 300;
  --UNSAFE-label-addendum-font-size: 0.875rem;
  --UNSAFE-label-addendum-line-height: 1.4285714286;
  --UNSAFE-label-addendum-letter-spacing: 0;
  --UNSAFE-segmented-control-border-width: 1px;
  --UNSAFE-segmented-control-padding-v: var(--size-200);
  --UNSAFE-segmented-control-padding-h: var(--size-400);
  --UNSAFE-segmented-control-padding: var(--UNSAFE-segmented-control-padding-v)
  	var(--UNSAFE-segmented-control-padding-h);
  --UNSAFE-segmented-control-font-size: 0.875rem;
  --UNSAFE-segmented-control-letter-spacing: var(--letter-spacing-14);
  --UNSAFE-segmented-control-text-transform: uppercase;
  --UNSAFE-segmented-control-transition-default: 300ms;
  --UNSAFE-segmented-control-background: #fff;
  --UNSAFE-segmented-control-hover-background: #fff;
  --UNSAFE-segmented-control-focus-background: #fff;
  --UNSAFE-segmented-control-active-background: #fff;
  --UNSAFE-segmented-control-selected-background: var(--color-gray-100);
  --UNSAFE-segmented-control-border: rgba(var(--color-gray-500-rgb), 0.5);
  --UNSAFE-segmented-control-hover-border: rgba(var(--color-gray-500-rgb), 0.7);
  --UNSAFE-segmented-control-focus-border: rgba(var(--color-gray-500-rgb), 0.7);
  --UNSAFE-segmented-control-active-border: var(--color-gray-500);
  --UNSAFE-segmented-control-selected-border: rgba(
  	var(--color-gray-500-rgb),
  	0.5
  );
  --UNSAFE-segmented-control-color: var(--color-gray-500);
  --UNSAFE-segmented-control-hover-color: var(--color-gray-500);
  --UNSAFE-segmented-control-focus-color: var(--color-gray-500);
  --UNSAFE-segmented-control-active-color: var(--color-gray-500);
  --UNSAFE-segmented-control-selected-color: var(--color-primary-600);
  --UNSAFE-split-button-gap: 1px;
}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@dsx/css-utils/dist/utils.css ***!
  \************************************************************************************************************************************************************************************************/
.text {
  color: var(--color-text);
}

.text-static {
  color: var(--color-text-static);
}

.bg {
  color: var(--color-bg);
}

.bg-static {
  color: var(--color-bg-static);
}

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

.text-static-0 {
  color: var(--color-text-static-0);
}

.bg-0 {
  background-color: var(--color-bg-0);
}

.bg-static-0 {
  background-color: var(--color-bg-static-0);
}

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

.text-static-50 {
  color: var(--color-text-static-50);
}

.bg-50 {
  background-color: var(--color-bg-50);
}

.bg-static-50 {
  background-color: var(--color-bg-static-50);
}

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

.text-static-100 {
  color: var(--color-text-static-100);
}

.bg-100 {
  background-color: var(--color-bg-100);
}

.bg-static-100 {
  background-color: var(--color-bg-static-100);
}

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

.text-static-200 {
  color: var(--color-text-static-200);
}

.bg-200 {
  background-color: var(--color-bg-200);
}

.bg-static-200 {
  background-color: var(--color-bg-static-200);
}

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

.text-static-300 {
  color: var(--color-text-static-300);
}

.bg-300 {
  background-color: var(--color-bg-300);
}

.bg-static-300 {
  background-color: var(--color-bg-static-300);
}

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

.text-static-400 {
  color: var(--color-text-static-400);
}

.bg-400 {
  background-color: var(--color-bg-400);
}

.bg-static-400 {
  background-color: var(--color-bg-static-400);
}

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

.text-static-500 {
  color: var(--color-text-static-500);
}

.bg-500 {
  background-color: var(--color-bg-500);
}

.bg-static-500 {
  background-color: var(--color-bg-static-500);
}

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

.text-static-600 {
  color: var(--color-text-static-600);
}

.bg-600 {
  background-color: var(--color-bg-600);
}

.bg-static-600 {
  background-color: var(--color-bg-static-600);
}

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

.text-static-700 {
  color: var(--color-text-static-700);
}

.bg-700 {
  background-color: var(--color-bg-700);
}

.bg-static-700 {
  background-color: var(--color-bg-static-700);
}

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

.text-static-800 {
  color: var(--color-text-static-800);
}

.bg-800 {
  background-color: var(--color-bg-800);
}

.bg-static-800 {
  background-color: var(--color-bg-static-800);
}

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

.text-static-900 {
  color: var(--color-text-static-900);
}

.bg-900 {
  background-color: var(--color-bg-900);
}

.bg-static-900 {
  background-color: var(--color-bg-static-900);
}

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

.text-static-950 {
  color: var(--color-text-static-950);
}

.bg-950 {
  background-color: var(--color-bg-950);
}

.bg-static-950 {
  background-color: var(--color-bg-static-950);
}

.text-1000 {
  color: var(--color-text-1000);
}

.text-static-1000 {
  color: var(--color-text-static-1000);
}

.bg-1000 {
  background-color: var(--color-bg-1000);
}

.bg-static-1000 {
  background-color: var(--color-bg-static-1000);
}

.gray {
  color: var(--color-gray);
}

.bg-gray {
  background-color: var(--color-gray);
}

.gray-0 {
  color: var(--color-gray-0);
}

.bg-gray-0 {
  background-color: var(--color-gray-0);
}

.gray-50 {
  color: var(--color-gray-50);
}

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

.gray-100 {
  color: var(--color-gray-100);
}

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

.gray-200 {
  color: var(--color-gray-200);
}

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

.gray-300 {
  color: var(--color-gray-300);
}

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

.gray-400 {
  color: var(--color-gray-400);
}

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

.gray-500 {
  color: var(--color-gray-500);
}

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

.gray-600 {
  color: var(--color-gray-600);
}

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

.gray-700 {
  color: var(--color-gray-700);
}

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

.gray-800 {
  color: var(--color-gray-800);
}

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

.gray-900 {
  color: var(--color-gray-900);
}

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

.gray-950 {
  color: var(--color-gray-950);
}

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

.gray-1000 {
  color: var(--color-gray-1000);
}

.bg-gray-1000 {
  background-color: var(--color-gray-1000);
}

.gray-static {
  color: var(--color-gray-static);
}

.bg-gray-static {
  background-color: var(--color-gray-static);
}

.gray-0-static {
  color: var(--color-gray-0-static);
}

.bg-gray-0-static {
  background-color: var(--color-gray-0-static);
}

.gray-50-static {
  color: var(--color-gray-50-static);
}

.bg-gray-50-static {
  background-color: var(--color-gray-50-static);
}

.gray-100-static {
  color: var(--color-gray-100-static);
}

.bg-gray-100-static {
  background-color: var(--color-gray-100-static);
}

.gray-200-static {
  color: var(--color-gray-200-static);
}

.bg-gray-200-static {
  background-color: var(--color-gray-200-static);
}

.gray-300-static {
  color: var(--color-gray-300-static);
}

.bg-gray-300-static {
  background-color: var(--color-gray-300-static);
}

.gray-400-static {
  color: var(--color-gray-400-static);
}

.bg-gray-400-static {
  background-color: var(--color-gray-400-static);
}

.gray-500-static {
  color: var(--color-gray-500-static);
}

.bg-gray-500-static {
  background-color: var(--color-gray-500-static);
}

.gray-600-static {
  color: var(--color-gray-600-static);
}

.bg-gray-600-static {
  background-color: var(--color-gray-600-static);
}

.gray-700-static {
  color: var(--color-gray-700-static);
}

.bg-gray-700-static {
  background-color: var(--color-gray-700-static);
}

.gray-800-static {
  color: var(--color-gray-800-static);
}

.bg-gray-800-static {
  background-color: var(--color-gray-800-static);
}

.gray-900-static {
  color: var(--color-gray-900-static);
}

.bg-gray-900-static {
  background-color: var(--color-gray-900-static);
}

.gray-950-static {
  color: var(--color-gray-950-static);
}

.bg-gray-950-static {
  background-color: var(--color-gray-950-static);
}

.gray-1000-static {
  color: var(--color-gray-1000-static);
}

.bg-gray-1000-static {
  background-color: var(--color-gray-1000-static);
}

.red {
  color: var(--color-red);
}

.bg-red {
  background-color: var(--color-red);
}

.red-0 {
  color: var(--color-red-0);
}

.bg-red-0 {
  background-color: var(--color-red-0);
}

.red-50 {
  color: var(--color-red-50);
}

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

.red-100 {
  color: var(--color-red-100);
}

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

.red-200 {
  color: var(--color-red-200);
}

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

.red-300 {
  color: var(--color-red-300);
}

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

.red-400 {
  color: var(--color-red-400);
}

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

.red-500 {
  color: var(--color-red-500);
}

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

.red-600 {
  color: var(--color-red-600);
}

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

.red-700 {
  color: var(--color-red-700);
}

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

.red-800 {
  color: var(--color-red-800);
}

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

.red-900 {
  color: var(--color-red-900);
}

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

.red-950 {
  color: var(--color-red-950);
}

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

.red-1000 {
  color: var(--color-red-1000);
}

.bg-red-1000 {
  background-color: var(--color-red-1000);
}

.red-static {
  color: var(--color-red-static);
}

.bg-red-static {
  background-color: var(--color-red-static);
}

.red-0-static {
  color: var(--color-red-0-static);
}

.bg-red-0-static {
  background-color: var(--color-red-0-static);
}

.red-50-static {
  color: var(--color-red-50-static);
}

.bg-red-50-static {
  background-color: var(--color-red-50-static);
}

.red-100-static {
  color: var(--color-red-100-static);
}

.bg-red-100-static {
  background-color: var(--color-red-100-static);
}

.red-200-static {
  color: var(--color-red-200-static);
}

.bg-red-200-static {
  background-color: var(--color-red-200-static);
}

.red-300-static {
  color: var(--color-red-300-static);
}

.bg-red-300-static {
  background-color: var(--color-red-300-static);
}

.red-400-static {
  color: var(--color-red-400-static);
}

.bg-red-400-static {
  background-color: var(--color-red-400-static);
}

.red-500-static {
  color: var(--color-red-500-static);
}

.bg-red-500-static {
  background-color: var(--color-red-500-static);
}

.red-600-static {
  color: var(--color-red-600-static);
}

.bg-red-600-static {
  background-color: var(--color-red-600-static);
}

.red-700-static {
  color: var(--color-red-700-static);
}

.bg-red-700-static {
  background-color: var(--color-red-700-static);
}

.red-800-static {
  color: var(--color-red-800-static);
}

.bg-red-800-static {
  background-color: var(--color-red-800-static);
}

.red-900-static {
  color: var(--color-red-900-static);
}

.bg-red-900-static {
  background-color: var(--color-red-900-static);
}

.red-950-static {
  color: var(--color-red-950-static);
}

.bg-red-950-static {
  background-color: var(--color-red-950-static);
}

.red-1000-static {
  color: var(--color-red-1000-static);
}

.bg-red-1000-static {
  background-color: var(--color-red-1000-static);
}

.orange {
  color: var(--color-orange);
}

.bg-orange {
  background-color: var(--color-orange);
}

.orange-0 {
  color: var(--color-orange-0);
}

.bg-orange-0 {
  background-color: var(--color-orange-0);
}

.orange-50 {
  color: var(--color-orange-50);
}

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

.orange-100 {
  color: var(--color-orange-100);
}

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

.orange-200 {
  color: var(--color-orange-200);
}

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

.orange-300 {
  color: var(--color-orange-300);
}

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

.orange-400 {
  color: var(--color-orange-400);
}

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

.orange-500 {
  color: var(--color-orange-500);
}

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

.orange-600 {
  color: var(--color-orange-600);
}

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

.orange-700 {
  color: var(--color-orange-700);
}

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

.orange-800 {
  color: var(--color-orange-800);
}

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

.orange-900 {
  color: var(--color-orange-900);
}

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

.orange-950 {
  color: var(--color-orange-950);
}

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

.orange-1000 {
  color: var(--color-orange-1000);
}

.bg-orange-1000 {
  background-color: var(--color-orange-1000);
}

.orange-static {
  color: var(--color-orange-static);
}

.bg-orange-static {
  background-color: var(--color-orange-static);
}

.orange-0-static {
  color: var(--color-orange-0-static);
}

.bg-orange-0-static {
  background-color: var(--color-orange-0-static);
}

.orange-50-static {
  color: var(--color-orange-50-static);
}

.bg-orange-50-static {
  background-color: var(--color-orange-50-static);
}

.orange-100-static {
  color: var(--color-orange-100-static);
}

.bg-orange-100-static {
  background-color: var(--color-orange-100-static);
}

.orange-200-static {
  color: var(--color-orange-200-static);
}

.bg-orange-200-static {
  background-color: var(--color-orange-200-static);
}

.orange-300-static {
  color: var(--color-orange-300-static);
}

.bg-orange-300-static {
  background-color: var(--color-orange-300-static);
}

.orange-400-static {
  color: var(--color-orange-400-static);
}

.bg-orange-400-static {
  background-color: var(--color-orange-400-static);
}

.orange-500-static {
  color: var(--color-orange-500-static);
}

.bg-orange-500-static {
  background-color: var(--color-orange-500-static);
}

.orange-600-static {
  color: var(--color-orange-600-static);
}

.bg-orange-600-static {
  background-color: var(--color-orange-600-static);
}

.orange-700-static {
  color: var(--color-orange-700-static);
}

.bg-orange-700-static {
  background-color: var(--color-orange-700-static);
}

.orange-800-static {
  color: var(--color-orange-800-static);
}

.bg-orange-800-static {
  background-color: var(--color-orange-800-static);
}

.orange-900-static {
  color: var(--color-orange-900-static);
}

.bg-orange-900-static {
  background-color: var(--color-orange-900-static);
}

.orange-950-static {
  color: var(--color-orange-950-static);
}

.bg-orange-950-static {
  background-color: var(--color-orange-950-static);
}

.orange-1000-static {
  color: var(--color-orange-1000-static);
}

.bg-orange-1000-static {
  background-color: var(--color-orange-1000-static);
}

.yellow {
  color: var(--color-yellow);
}

.bg-yellow {
  background-color: var(--color-yellow);
}

.yellow-0 {
  color: var(--color-yellow-0);
}

.bg-yellow-0 {
  background-color: var(--color-yellow-0);
}

.yellow-50 {
  color: var(--color-yellow-50);
}

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

.yellow-100 {
  color: var(--color-yellow-100);
}

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

.yellow-200 {
  color: var(--color-yellow-200);
}

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

.yellow-300 {
  color: var(--color-yellow-300);
}

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

.yellow-400 {
  color: var(--color-yellow-400);
}

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

.yellow-500 {
  color: var(--color-yellow-500);
}

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

.yellow-600 {
  color: var(--color-yellow-600);
}

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

.yellow-700 {
  color: var(--color-yellow-700);
}

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

.yellow-800 {
  color: var(--color-yellow-800);
}

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

.yellow-900 {
  color: var(--color-yellow-900);
}

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

.yellow-950 {
  color: var(--color-yellow-950);
}

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

.yellow-1000 {
  color: var(--color-yellow-1000);
}

.bg-yellow-1000 {
  background-color: var(--color-yellow-1000);
}

.yellow-static {
  color: var(--color-yellow-static);
}

.bg-yellow-static {
  background-color: var(--color-yellow-static);
}

.yellow-0-static {
  color: var(--color-yellow-0-static);
}

.bg-yellow-0-static {
  background-color: var(--color-yellow-0-static);
}

.yellow-50-static {
  color: var(--color-yellow-50-static);
}

.bg-yellow-50-static {
  background-color: var(--color-yellow-50-static);
}

.yellow-100-static {
  color: var(--color-yellow-100-static);
}

.bg-yellow-100-static {
  background-color: var(--color-yellow-100-static);
}

.yellow-200-static {
  color: var(--color-yellow-200-static);
}

.bg-yellow-200-static {
  background-color: var(--color-yellow-200-static);
}

.yellow-300-static {
  color: var(--color-yellow-300-static);
}

.bg-yellow-300-static {
  background-color: var(--color-yellow-300-static);
}

.yellow-400-static {
  color: var(--color-yellow-400-static);
}

.bg-yellow-400-static {
  background-color: var(--color-yellow-400-static);
}

.yellow-500-static {
  color: var(--color-yellow-500-static);
}

.bg-yellow-500-static {
  background-color: var(--color-yellow-500-static);
}

.yellow-600-static {
  color: var(--color-yellow-600-static);
}

.bg-yellow-600-static {
  background-color: var(--color-yellow-600-static);
}

.yellow-700-static {
  color: var(--color-yellow-700-static);
}

.bg-yellow-700-static {
  background-color: var(--color-yellow-700-static);
}

.yellow-800-static {
  color: var(--color-yellow-800-static);
}

.bg-yellow-800-static {
  background-color: var(--color-yellow-800-static);
}

.yellow-900-static {
  color: var(--color-yellow-900-static);
}

.bg-yellow-900-static {
  background-color: var(--color-yellow-900-static);
}

.yellow-950-static {
  color: var(--color-yellow-950-static);
}

.bg-yellow-950-static {
  background-color: var(--color-yellow-950-static);
}

.yellow-1000-static {
  color: var(--color-yellow-1000-static);
}

.bg-yellow-1000-static {
  background-color: var(--color-yellow-1000-static);
}

.lime {
  color: var(--color-lime);
}

.bg-lime {
  background-color: var(--color-lime);
}

.lime-0 {
  color: var(--color-lime-0);
}

.bg-lime-0 {
  background-color: var(--color-lime-0);
}

.lime-50 {
  color: var(--color-lime-50);
}

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

.lime-100 {
  color: var(--color-lime-100);
}

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

.lime-200 {
  color: var(--color-lime-200);
}

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

.lime-300 {
  color: var(--color-lime-300);
}

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

.lime-400 {
  color: var(--color-lime-400);
}

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

.lime-500 {
  color: var(--color-lime-500);
}

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

.lime-600 {
  color: var(--color-lime-600);
}

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

.lime-700 {
  color: var(--color-lime-700);
}

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

.lime-800 {
  color: var(--color-lime-800);
}

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

.lime-900 {
  color: var(--color-lime-900);
}

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

.lime-950 {
  color: var(--color-lime-950);
}

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

.lime-1000 {
  color: var(--color-lime-1000);
}

.bg-lime-1000 {
  background-color: var(--color-lime-1000);
}

.lime-static {
  color: var(--color-lime-static);
}

.bg-lime-static {
  background-color: var(--color-lime-static);
}

.lime-0-static {
  color: var(--color-lime-0-static);
}

.bg-lime-0-static {
  background-color: var(--color-lime-0-static);
}

.lime-50-static {
  color: var(--color-lime-50-static);
}

.bg-lime-50-static {
  background-color: var(--color-lime-50-static);
}

.lime-100-static {
  color: var(--color-lime-100-static);
}

.bg-lime-100-static {
  background-color: var(--color-lime-100-static);
}

.lime-200-static {
  color: var(--color-lime-200-static);
}

.bg-lime-200-static {
  background-color: var(--color-lime-200-static);
}

.lime-300-static {
  color: var(--color-lime-300-static);
}

.bg-lime-300-static {
  background-color: var(--color-lime-300-static);
}

.lime-400-static {
  color: var(--color-lime-400-static);
}

.bg-lime-400-static {
  background-color: var(--color-lime-400-static);
}

.lime-500-static {
  color: var(--color-lime-500-static);
}

.bg-lime-500-static {
  background-color: var(--color-lime-500-static);
}

.lime-600-static {
  color: var(--color-lime-600-static);
}

.bg-lime-600-static {
  background-color: var(--color-lime-600-static);
}

.lime-700-static {
  color: var(--color-lime-700-static);
}

.bg-lime-700-static {
  background-color: var(--color-lime-700-static);
}

.lime-800-static {
  color: var(--color-lime-800-static);
}

.bg-lime-800-static {
  background-color: var(--color-lime-800-static);
}

.lime-900-static {
  color: var(--color-lime-900-static);
}

.bg-lime-900-static {
  background-color: var(--color-lime-900-static);
}

.lime-950-static {
  color: var(--color-lime-950-static);
}

.bg-lime-950-static {
  background-color: var(--color-lime-950-static);
}

.lime-1000-static {
  color: var(--color-lime-1000-static);
}

.bg-lime-1000-static {
  background-color: var(--color-lime-1000-static);
}

.green {
  color: var(--color-green);
}

.bg-green {
  background-color: var(--color-green);
}

.green-0 {
  color: var(--color-green-0);
}

.bg-green-0 {
  background-color: var(--color-green-0);
}

.green-50 {
  color: var(--color-green-50);
}

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

.green-100 {
  color: var(--color-green-100);
}

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

.green-200 {
  color: var(--color-green-200);
}

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

.green-300 {
  color: var(--color-green-300);
}

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

.green-400 {
  color: var(--color-green-400);
}

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

.green-500 {
  color: var(--color-green-500);
}

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

.green-600 {
  color: var(--color-green-600);
}

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

.green-700 {
  color: var(--color-green-700);
}

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

.green-800 {
  color: var(--color-green-800);
}

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

.green-900 {
  color: var(--color-green-900);
}

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

.green-950 {
  color: var(--color-green-950);
}

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

.green-1000 {
  color: var(--color-green-1000);
}

.bg-green-1000 {
  background-color: var(--color-green-1000);
}

.green-static {
  color: var(--color-green-static);
}

.bg-green-static {
  background-color: var(--color-green-static);
}

.green-0-static {
  color: var(--color-green-0-static);
}

.bg-green-0-static {
  background-color: var(--color-green-0-static);
}

.green-50-static {
  color: var(--color-green-50-static);
}

.bg-green-50-static {
  background-color: var(--color-green-50-static);
}

.green-100-static {
  color: var(--color-green-100-static);
}

.bg-green-100-static {
  background-color: var(--color-green-100-static);
}

.green-200-static {
  color: var(--color-green-200-static);
}

.bg-green-200-static {
  background-color: var(--color-green-200-static);
}

.green-300-static {
  color: var(--color-green-300-static);
}

.bg-green-300-static {
  background-color: var(--color-green-300-static);
}

.green-400-static {
  color: var(--color-green-400-static);
}

.bg-green-400-static {
  background-color: var(--color-green-400-static);
}

.green-500-static {
  color: var(--color-green-500-static);
}

.bg-green-500-static {
  background-color: var(--color-green-500-static);
}

.green-600-static {
  color: var(--color-green-600-static);
}

.bg-green-600-static {
  background-color: var(--color-green-600-static);
}

.green-700-static {
  color: var(--color-green-700-static);
}

.bg-green-700-static {
  background-color: var(--color-green-700-static);
}

.green-800-static {
  color: var(--color-green-800-static);
}

.bg-green-800-static {
  background-color: var(--color-green-800-static);
}

.green-900-static {
  color: var(--color-green-900-static);
}

.bg-green-900-static {
  background-color: var(--color-green-900-static);
}

.green-950-static {
  color: var(--color-green-950-static);
}

.bg-green-950-static {
  background-color: var(--color-green-950-static);
}

.green-1000-static {
  color: var(--color-green-1000-static);
}

.bg-green-1000-static {
  background-color: var(--color-green-1000-static);
}

.cyan {
  color: var(--color-cyan);
}

.bg-cyan {
  background-color: var(--color-cyan);
}

.cyan-0 {
  color: var(--color-cyan-0);
}

.bg-cyan-0 {
  background-color: var(--color-cyan-0);
}

.cyan-50 {
  color: var(--color-cyan-50);
}

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

.cyan-100 {
  color: var(--color-cyan-100);
}

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

.cyan-200 {
  color: var(--color-cyan-200);
}

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

.cyan-300 {
  color: var(--color-cyan-300);
}

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

.cyan-400 {
  color: var(--color-cyan-400);
}

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

.cyan-500 {
  color: var(--color-cyan-500);
}

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

.cyan-600 {
  color: var(--color-cyan-600);
}

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

.cyan-700 {
  color: var(--color-cyan-700);
}

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

.cyan-800 {
  color: var(--color-cyan-800);
}

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

.cyan-900 {
  color: var(--color-cyan-900);
}

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

.cyan-950 {
  color: var(--color-cyan-950);
}

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

.cyan-1000 {
  color: var(--color-cyan-1000);
}

.bg-cyan-1000 {
  background-color: var(--color-cyan-1000);
}

.cyan-static {
  color: var(--color-cyan-static);
}

.bg-cyan-static {
  background-color: var(--color-cyan-static);
}

.cyan-0-static {
  color: var(--color-cyan-0-static);
}

.bg-cyan-0-static {
  background-color: var(--color-cyan-0-static);
}

.cyan-50-static {
  color: var(--color-cyan-50-static);
}

.bg-cyan-50-static {
  background-color: var(--color-cyan-50-static);
}

.cyan-100-static {
  color: var(--color-cyan-100-static);
}

.bg-cyan-100-static {
  background-color: var(--color-cyan-100-static);
}

.cyan-200-static {
  color: var(--color-cyan-200-static);
}

.bg-cyan-200-static {
  background-color: var(--color-cyan-200-static);
}

.cyan-300-static {
  color: var(--color-cyan-300-static);
}

.bg-cyan-300-static {
  background-color: var(--color-cyan-300-static);
}

.cyan-400-static {
  color: var(--color-cyan-400-static);
}

.bg-cyan-400-static {
  background-color: var(--color-cyan-400-static);
}

.cyan-500-static {
  color: var(--color-cyan-500-static);
}

.bg-cyan-500-static {
  background-color: var(--color-cyan-500-static);
}

.cyan-600-static {
  color: var(--color-cyan-600-static);
}

.bg-cyan-600-static {
  background-color: var(--color-cyan-600-static);
}

.cyan-700-static {
  color: var(--color-cyan-700-static);
}

.bg-cyan-700-static {
  background-color: var(--color-cyan-700-static);
}

.cyan-800-static {
  color: var(--color-cyan-800-static);
}

.bg-cyan-800-static {
  background-color: var(--color-cyan-800-static);
}

.cyan-900-static {
  color: var(--color-cyan-900-static);
}

.bg-cyan-900-static {
  background-color: var(--color-cyan-900-static);
}

.cyan-950-static {
  color: var(--color-cyan-950-static);
}

.bg-cyan-950-static {
  background-color: var(--color-cyan-950-static);
}

.cyan-1000-static {
  color: var(--color-cyan-1000-static);
}

.bg-cyan-1000-static {
  background-color: var(--color-cyan-1000-static);
}

.blue {
  color: var(--color-blue);
}

.bg-blue {
  background-color: var(--color-blue);
}

.blue-0 {
  color: var(--color-blue-0);
}

.bg-blue-0 {
  background-color: var(--color-blue-0);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blue-1000 {
  color: var(--color-blue-1000);
}

.bg-blue-1000 {
  background-color: var(--color-blue-1000);
}

.blue-static {
  color: var(--color-blue-static);
}

.bg-blue-static {
  background-color: var(--color-blue-static);
}

.blue-0-static {
  color: var(--color-blue-0-static);
}

.bg-blue-0-static {
  background-color: var(--color-blue-0-static);
}

.blue-50-static {
  color: var(--color-blue-50-static);
}

.bg-blue-50-static {
  background-color: var(--color-blue-50-static);
}

.blue-100-static {
  color: var(--color-blue-100-static);
}

.bg-blue-100-static {
  background-color: var(--color-blue-100-static);
}

.blue-200-static {
  color: var(--color-blue-200-static);
}

.bg-blue-200-static {
  background-color: var(--color-blue-200-static);
}

.blue-300-static {
  color: var(--color-blue-300-static);
}

.bg-blue-300-static {
  background-color: var(--color-blue-300-static);
}

.blue-400-static {
  color: var(--color-blue-400-static);
}

.bg-blue-400-static {
  background-color: var(--color-blue-400-static);
}

.blue-500-static {
  color: var(--color-blue-500-static);
}

.bg-blue-500-static {
  background-color: var(--color-blue-500-static);
}

.blue-600-static {
  color: var(--color-blue-600-static);
}

.bg-blue-600-static {
  background-color: var(--color-blue-600-static);
}

.blue-700-static {
  color: var(--color-blue-700-static);
}

.bg-blue-700-static {
  background-color: var(--color-blue-700-static);
}

.blue-800-static {
  color: var(--color-blue-800-static);
}

.bg-blue-800-static {
  background-color: var(--color-blue-800-static);
}

.blue-900-static {
  color: var(--color-blue-900-static);
}

.bg-blue-900-static {
  background-color: var(--color-blue-900-static);
}

.blue-950-static {
  color: var(--color-blue-950-static);
}

.bg-blue-950-static {
  background-color: var(--color-blue-950-static);
}

.blue-1000-static {
  color: var(--color-blue-1000-static);
}

.bg-blue-1000-static {
  background-color: var(--color-blue-1000-static);
}

.default {
  color: var(--color-default);
}

.bg-default {
  background-color: var(--color-default);
}

.default-0 {
  color: var(--color-default-0);
}

.bg-default-0 {
  background-color: var(--color-default-0);
}

.default-50 {
  color: var(--color-default-50);
}

.bg-default-50 {
  background-color: var(--color-default-50);
}

.default-100 {
  color: var(--color-default-100);
}

.bg-default-100 {
  background-color: var(--color-default-100);
}

.default-200 {
  color: var(--color-default-200);
}

.bg-default-200 {
  background-color: var(--color-default-200);
}

.default-300 {
  color: var(--color-default-300);
}

.bg-default-300 {
  background-color: var(--color-default-300);
}

.default-400 {
  color: var(--color-default-400);
}

.bg-default-400 {
  background-color: var(--color-default-400);
}

.default-500 {
  color: var(--color-default-500);
}

.bg-default-500 {
  background-color: var(--color-default-500);
}

.default-600 {
  color: var(--color-default-600);
}

.bg-default-600 {
  background-color: var(--color-default-600);
}

.default-700 {
  color: var(--color-default-700);
}

.bg-default-700 {
  background-color: var(--color-default-700);
}

.default-800 {
  color: var(--color-default-800);
}

.bg-default-800 {
  background-color: var(--color-default-800);
}

.default-900 {
  color: var(--color-default-900);
}

.bg-default-900 {
  background-color: var(--color-default-900);
}

.default-950 {
  color: var(--color-default-950);
}

.bg-default-950 {
  background-color: var(--color-default-950);
}

.default-1000 {
  color: var(--color-default-1000);
}

.bg-default-1000 {
  background-color: var(--color-default-1000);
}

.default-static {
  color: var(--color-default-static);
}

.bg-default-static {
  background-color: var(--color-default-static);
}

.default-0-static {
  color: var(--color-default-0-static);
}

.bg-default-0-static {
  background-color: var(--color-default-0-static);
}

.default-50-static {
  color: var(--color-default-50-static);
}

.bg-default-50-static {
  background-color: var(--color-default-50-static);
}

.default-100-static {
  color: var(--color-default-100-static);
}

.bg-default-100-static {
  background-color: var(--color-default-100-static);
}

.default-200-static {
  color: var(--color-default-200-static);
}

.bg-default-200-static {
  background-color: var(--color-default-200-static);
}

.default-300-static {
  color: var(--color-default-300-static);
}

.bg-default-300-static {
  background-color: var(--color-default-300-static);
}

.default-400-static {
  color: var(--color-default-400-static);
}

.bg-default-400-static {
  background-color: var(--color-default-400-static);
}

.default-500-static {
  color: var(--color-default-500-static);
}

.bg-default-500-static {
  background-color: var(--color-default-500-static);
}

.default-600-static {
  color: var(--color-default-600-static);
}

.bg-default-600-static {
  background-color: var(--color-default-600-static);
}

.default-700-static {
  color: var(--color-default-700-static);
}

.bg-default-700-static {
  background-color: var(--color-default-700-static);
}

.default-800-static {
  color: var(--color-default-800-static);
}

.bg-default-800-static {
  background-color: var(--color-default-800-static);
}

.default-900-static {
  color: var(--color-default-900-static);
}

.bg-default-900-static {
  background-color: var(--color-default-900-static);
}

.default-950-static {
  color: var(--color-default-950-static);
}

.bg-default-950-static {
  background-color: var(--color-default-950-static);
}

.default-1000-static {
  color: var(--color-default-1000-static);
}

.bg-default-1000-static {
  background-color: var(--color-default-1000-static);
}

.primary {
  color: var(--color-primary);
}

.bg-primary {
  background-color: var(--color-primary);
}

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

.bg-primary-0 {
  background-color: var(--color-primary-0);
}

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

.bg-primary-50 {
  background-color: var(--color-primary-50);
}

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

.bg-primary-100 {
  background-color: var(--color-primary-100);
}

.primary-200 {
  color: var(--color-primary-200);
}

.bg-primary-200 {
  background-color: var(--color-primary-200);
}

.primary-300 {
  color: var(--color-primary-300);
}

.bg-primary-300 {
  background-color: var(--color-primary-300);
}

.primary-400 {
  color: var(--color-primary-400);
}

.bg-primary-400 {
  background-color: var(--color-primary-400);
}

.primary-500 {
  color: var(--color-primary-500);
}

.bg-primary-500 {
  background-color: var(--color-primary-500);
}

.primary-600 {
  color: var(--color-primary-600);
}

.bg-primary-600 {
  background-color: var(--color-primary-600);
}

.primary-700 {
  color: var(--color-primary-700);
}

.bg-primary-700 {
  background-color: var(--color-primary-700);
}

.primary-800 {
  color: var(--color-primary-800);
}

.bg-primary-800 {
  background-color: var(--color-primary-800);
}

.primary-900 {
  color: var(--color-primary-900);
}

.bg-primary-900 {
  background-color: var(--color-primary-900);
}

.primary-950 {
  color: var(--color-primary-950);
}

.bg-primary-950 {
  background-color: var(--color-primary-950);
}

.primary-1000 {
  color: var(--color-primary-1000);
}

.bg-primary-1000 {
  background-color: var(--color-primary-1000);
}

.primary-static {
  color: var(--color-primary-static);
}

.bg-primary-static {
  background-color: var(--color-primary-static);
}

.primary-0-static {
  color: var(--color-primary-0-static);
}

.bg-primary-0-static {
  background-color: var(--color-primary-0-static);
}

.primary-50-static {
  color: var(--color-primary-50-static);
}

.bg-primary-50-static {
  background-color: var(--color-primary-50-static);
}

.primary-100-static {
  color: var(--color-primary-100-static);
}

.bg-primary-100-static {
  background-color: var(--color-primary-100-static);
}

.primary-200-static {
  color: var(--color-primary-200-static);
}

.bg-primary-200-static {
  background-color: var(--color-primary-200-static);
}

.primary-300-static {
  color: var(--color-primary-300-static);
}

.bg-primary-300-static {
  background-color: var(--color-primary-300-static);
}

.primary-400-static {
  color: var(--color-primary-400-static);
}

.bg-primary-400-static {
  background-color: var(--color-primary-400-static);
}

.primary-500-static {
  color: var(--color-primary-500-static);
}

.bg-primary-500-static {
  background-color: var(--color-primary-500-static);
}

.primary-600-static {
  color: var(--color-primary-600-static);
}

.bg-primary-600-static {
  background-color: var(--color-primary-600-static);
}

.primary-700-static {
  color: var(--color-primary-700-static);
}

.bg-primary-700-static {
  background-color: var(--color-primary-700-static);
}

.primary-800-static {
  color: var(--color-primary-800-static);
}

.bg-primary-800-static {
  background-color: var(--color-primary-800-static);
}

.primary-900-static {
  color: var(--color-primary-900-static);
}

.bg-primary-900-static {
  background-color: var(--color-primary-900-static);
}

.primary-950-static {
  color: var(--color-primary-950-static);
}

.bg-primary-950-static {
  background-color: var(--color-primary-950-static);
}

.primary-1000-static {
  color: var(--color-primary-1000-static);
}

.bg-primary-1000-static {
  background-color: var(--color-primary-1000-static);
}

.success {
  color: var(--color-success);
}

.bg-success {
  background-color: var(--color-success);
}

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

.bg-success-0 {
  background-color: var(--color-success-0);
}

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

.bg-success-50 {
  background-color: var(--color-success-50);
}

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

.bg-success-100 {
  background-color: var(--color-success-100);
}

.success-200 {
  color: var(--color-success-200);
}

.bg-success-200 {
  background-color: var(--color-success-200);
}

.success-300 {
  color: var(--color-success-300);
}

.bg-success-300 {
  background-color: var(--color-success-300);
}

.success-400 {
  color: var(--color-success-400);
}

.bg-success-400 {
  background-color: var(--color-success-400);
}

.success-500 {
  color: var(--color-success-500);
}

.bg-success-500 {
  background-color: var(--color-success-500);
}

.success-600 {
  color: var(--color-success-600);
}

.bg-success-600 {
  background-color: var(--color-success-600);
}

.success-700 {
  color: var(--color-success-700);
}

.bg-success-700 {
  background-color: var(--color-success-700);
}

.success-800 {
  color: var(--color-success-800);
}

.bg-success-800 {
  background-color: var(--color-success-800);
}

.success-900 {
  color: var(--color-success-900);
}

.bg-success-900 {
  background-color: var(--color-success-900);
}

.success-950 {
  color: var(--color-success-950);
}

.bg-success-950 {
  background-color: var(--color-success-950);
}

.success-1000 {
  color: var(--color-success-1000);
}

.bg-success-1000 {
  background-color: var(--color-success-1000);
}

.success-static {
  color: var(--color-success-static);
}

.bg-success-static {
  background-color: var(--color-success-static);
}

.success-0-static {
  color: var(--color-success-0-static);
}

.bg-success-0-static {
  background-color: var(--color-success-0-static);
}

.success-50-static {
  color: var(--color-success-50-static);
}

.bg-success-50-static {
  background-color: var(--color-success-50-static);
}

.success-100-static {
  color: var(--color-success-100-static);
}

.bg-success-100-static {
  background-color: var(--color-success-100-static);
}

.success-200-static {
  color: var(--color-success-200-static);
}

.bg-success-200-static {
  background-color: var(--color-success-200-static);
}

.success-300-static {
  color: var(--color-success-300-static);
}

.bg-success-300-static {
  background-color: var(--color-success-300-static);
}

.success-400-static {
  color: var(--color-success-400-static);
}

.bg-success-400-static {
  background-color: var(--color-success-400-static);
}

.success-500-static {
  color: var(--color-success-500-static);
}

.bg-success-500-static {
  background-color: var(--color-success-500-static);
}

.success-600-static {
  color: var(--color-success-600-static);
}

.bg-success-600-static {
  background-color: var(--color-success-600-static);
}

.success-700-static {
  color: var(--color-success-700-static);
}

.bg-success-700-static {
  background-color: var(--color-success-700-static);
}

.success-800-static {
  color: var(--color-success-800-static);
}

.bg-success-800-static {
  background-color: var(--color-success-800-static);
}

.success-900-static {
  color: var(--color-success-900-static);
}

.bg-success-900-static {
  background-color: var(--color-success-900-static);
}

.success-950-static {
  color: var(--color-success-950-static);
}

.bg-success-950-static {
  background-color: var(--color-success-950-static);
}

.success-1000-static {
  color: var(--color-success-1000-static);
}

.bg-success-1000-static {
  background-color: var(--color-success-1000-static);
}

.warn {
  color: var(--color-warn);
}

.bg-warn {
  background-color: var(--color-warn);
}

.warn-0 {
  color: var(--color-warn-0);
}

.bg-warn-0 {
  background-color: var(--color-warn-0);
}

.warn-50 {
  color: var(--color-warn-50);
}

.bg-warn-50 {
  background-color: var(--color-warn-50);
}

.warn-100 {
  color: var(--color-warn-100);
}

.bg-warn-100 {
  background-color: var(--color-warn-100);
}

.warn-200 {
  color: var(--color-warn-200);
}

.bg-warn-200 {
  background-color: var(--color-warn-200);
}

.warn-300 {
  color: var(--color-warn-300);
}

.bg-warn-300 {
  background-color: var(--color-warn-300);
}

.warn-400 {
  color: var(--color-warn-400);
}

.bg-warn-400 {
  background-color: var(--color-warn-400);
}

.warn-500 {
  color: var(--color-warn-500);
}

.bg-warn-500 {
  background-color: var(--color-warn-500);
}

.warn-600 {
  color: var(--color-warn-600);
}

.bg-warn-600 {
  background-color: var(--color-warn-600);
}

.warn-700 {
  color: var(--color-warn-700);
}

.bg-warn-700 {
  background-color: var(--color-warn-700);
}

.warn-800 {
  color: var(--color-warn-800);
}

.bg-warn-800 {
  background-color: var(--color-warn-800);
}

.warn-900 {
  color: var(--color-warn-900);
}

.bg-warn-900 {
  background-color: var(--color-warn-900);
}

.warn-950 {
  color: var(--color-warn-950);
}

.bg-warn-950 {
  background-color: var(--color-warn-950);
}

.warn-1000 {
  color: var(--color-warn-1000);
}

.bg-warn-1000 {
  background-color: var(--color-warn-1000);
}

.warn-static {
  color: var(--color-warn-static);
}

.bg-warn-static {
  background-color: var(--color-warn-static);
}

.warn-0-static {
  color: var(--color-warn-0-static);
}

.bg-warn-0-static {
  background-color: var(--color-warn-0-static);
}

.warn-50-static {
  color: var(--color-warn-50-static);
}

.bg-warn-50-static {
  background-color: var(--color-warn-50-static);
}

.warn-100-static {
  color: var(--color-warn-100-static);
}

.bg-warn-100-static {
  background-color: var(--color-warn-100-static);
}

.warn-200-static {
  color: var(--color-warn-200-static);
}

.bg-warn-200-static {
  background-color: var(--color-warn-200-static);
}

.warn-300-static {
  color: var(--color-warn-300-static);
}

.bg-warn-300-static {
  background-color: var(--color-warn-300-static);
}

.warn-400-static {
  color: var(--color-warn-400-static);
}

.bg-warn-400-static {
  background-color: var(--color-warn-400-static);
}

.warn-500-static {
  color: var(--color-warn-500-static);
}

.bg-warn-500-static {
  background-color: var(--color-warn-500-static);
}

.warn-600-static {
  color: var(--color-warn-600-static);
}

.bg-warn-600-static {
  background-color: var(--color-warn-600-static);
}

.warn-700-static {
  color: var(--color-warn-700-static);
}

.bg-warn-700-static {
  background-color: var(--color-warn-700-static);
}

.warn-800-static {
  color: var(--color-warn-800-static);
}

.bg-warn-800-static {
  background-color: var(--color-warn-800-static);
}

.warn-900-static {
  color: var(--color-warn-900-static);
}

.bg-warn-900-static {
  background-color: var(--color-warn-900-static);
}

.warn-950-static {
  color: var(--color-warn-950-static);
}

.bg-warn-950-static {
  background-color: var(--color-warn-950-static);
}

.warn-1000-static {
  color: var(--color-warn-1000-static);
}

.bg-warn-1000-static {
  background-color: var(--color-warn-1000-static);
}

.transaction {
  color: var(--color-transaction);
}

.bg-transaction {
  background-color: var(--color-transaction);
}

.transaction-0 {
  color: var(--color-transaction-0);
}

.bg-transaction-0 {
  background-color: var(--color-transaction-0);
}

.transaction-50 {
  color: var(--color-transaction-50);
}

.bg-transaction-50 {
  background-color: var(--color-transaction-50);
}

.transaction-100 {
  color: var(--color-transaction-100);
}

.bg-transaction-100 {
  background-color: var(--color-transaction-100);
}

.transaction-200 {
  color: var(--color-transaction-200);
}

.bg-transaction-200 {
  background-color: var(--color-transaction-200);
}

.transaction-300 {
  color: var(--color-transaction-300);
}

.bg-transaction-300 {
  background-color: var(--color-transaction-300);
}

.transaction-400 {
  color: var(--color-transaction-400);
}

.bg-transaction-400 {
  background-color: var(--color-transaction-400);
}

.transaction-500 {
  color: var(--color-transaction-500);
}

.bg-transaction-500 {
  background-color: var(--color-transaction-500);
}

.transaction-600 {
  color: var(--color-transaction-600);
}

.bg-transaction-600 {
  background-color: var(--color-transaction-600);
}

.transaction-700 {
  color: var(--color-transaction-700);
}

.bg-transaction-700 {
  background-color: var(--color-transaction-700);
}

.transaction-800 {
  color: var(--color-transaction-800);
}

.bg-transaction-800 {
  background-color: var(--color-transaction-800);
}

.transaction-900 {
  color: var(--color-transaction-900);
}

.bg-transaction-900 {
  background-color: var(--color-transaction-900);
}

.transaction-950 {
  color: var(--color-transaction-950);
}

.bg-transaction-950 {
  background-color: var(--color-transaction-950);
}

.transaction-1000 {
  color: var(--color-transaction-1000);
}

.bg-transaction-1000 {
  background-color: var(--color-transaction-1000);
}

.transaction-static {
  color: var(--color-transaction-static);
}

.bg-transaction-static {
  background-color: var(--color-transaction-static);
}

.transaction-0-static {
  color: var(--color-transaction-0-static);
}

.bg-transaction-0-static {
  background-color: var(--color-transaction-0-static);
}

.transaction-50-static {
  color: var(--color-transaction-50-static);
}

.bg-transaction-50-static {
  background-color: var(--color-transaction-50-static);
}

.transaction-100-static {
  color: var(--color-transaction-100-static);
}

.bg-transaction-100-static {
  background-color: var(--color-transaction-100-static);
}

.transaction-200-static {
  color: var(--color-transaction-200-static);
}

.bg-transaction-200-static {
  background-color: var(--color-transaction-200-static);
}

.transaction-300-static {
  color: var(--color-transaction-300-static);
}

.bg-transaction-300-static {
  background-color: var(--color-transaction-300-static);
}

.transaction-400-static {
  color: var(--color-transaction-400-static);
}

.bg-transaction-400-static {
  background-color: var(--color-transaction-400-static);
}

.transaction-500-static {
  color: var(--color-transaction-500-static);
}

.bg-transaction-500-static {
  background-color: var(--color-transaction-500-static);
}

.transaction-600-static {
  color: var(--color-transaction-600-static);
}

.bg-transaction-600-static {
  background-color: var(--color-transaction-600-static);
}

.transaction-700-static {
  color: var(--color-transaction-700-static);
}

.bg-transaction-700-static {
  background-color: var(--color-transaction-700-static);
}

.transaction-800-static {
  color: var(--color-transaction-800-static);
}

.bg-transaction-800-static {
  background-color: var(--color-transaction-800-static);
}

.transaction-900-static {
  color: var(--color-transaction-900-static);
}

.bg-transaction-900-static {
  background-color: var(--color-transaction-900-static);
}

.transaction-950-static {
  color: var(--color-transaction-950-static);
}

.bg-transaction-950-static {
  background-color: var(--color-transaction-950-static);
}

.transaction-1000-static {
  color: var(--color-transaction-1000-static);
}

.bg-transaction-1000-static {
  background-color: var(--color-transaction-1000-static);
}

.danger {
  color: var(--color-danger);
}

.bg-danger {
  background-color: var(--color-danger);
}

.danger-0 {
  color: var(--color-danger-0);
}

.bg-danger-0 {
  background-color: var(--color-danger-0);
}

.danger-50 {
  color: var(--color-danger-50);
}

.bg-danger-50 {
  background-color: var(--color-danger-50);
}

.danger-100 {
  color: var(--color-danger-100);
}

.bg-danger-100 {
  background-color: var(--color-danger-100);
}

.danger-200 {
  color: var(--color-danger-200);
}

.bg-danger-200 {
  background-color: var(--color-danger-200);
}

.danger-300 {
  color: var(--color-danger-300);
}

.bg-danger-300 {
  background-color: var(--color-danger-300);
}

.danger-400 {
  color: var(--color-danger-400);
}

.bg-danger-400 {
  background-color: var(--color-danger-400);
}

.danger-500 {
  color: var(--color-danger-500);
}

.bg-danger-500 {
  background-color: var(--color-danger-500);
}

.danger-600 {
  color: var(--color-danger-600);
}

.bg-danger-600 {
  background-color: var(--color-danger-600);
}

.danger-700 {
  color: var(--color-danger-700);
}

.bg-danger-700 {
  background-color: var(--color-danger-700);
}

.danger-800 {
  color: var(--color-danger-800);
}

.bg-danger-800 {
  background-color: var(--color-danger-800);
}

.danger-900 {
  color: var(--color-danger-900);
}

.bg-danger-900 {
  background-color: var(--color-danger-900);
}

.danger-950 {
  color: var(--color-danger-950);
}

.bg-danger-950 {
  background-color: var(--color-danger-950);
}

.danger-1000 {
  color: var(--color-danger-1000);
}

.bg-danger-1000 {
  background-color: var(--color-danger-1000);
}

.danger-static {
  color: var(--color-danger-static);
}

.bg-danger-static {
  background-color: var(--color-danger-static);
}

.danger-0-static {
  color: var(--color-danger-0-static);
}

.bg-danger-0-static {
  background-color: var(--color-danger-0-static);
}

.danger-50-static {
  color: var(--color-danger-50-static);
}

.bg-danger-50-static {
  background-color: var(--color-danger-50-static);
}

.danger-100-static {
  color: var(--color-danger-100-static);
}

.bg-danger-100-static {
  background-color: var(--color-danger-100-static);
}

.danger-200-static {
  color: var(--color-danger-200-static);
}

.bg-danger-200-static {
  background-color: var(--color-danger-200-static);
}

.danger-300-static {
  color: var(--color-danger-300-static);
}

.bg-danger-300-static {
  background-color: var(--color-danger-300-static);
}

.danger-400-static {
  color: var(--color-danger-400-static);
}

.bg-danger-400-static {
  background-color: var(--color-danger-400-static);
}

.danger-500-static {
  color: var(--color-danger-500-static);
}

.bg-danger-500-static {
  background-color: var(--color-danger-500-static);
}

.danger-600-static {
  color: var(--color-danger-600-static);
}

.bg-danger-600-static {
  background-color: var(--color-danger-600-static);
}

.danger-700-static {
  color: var(--color-danger-700-static);
}

.bg-danger-700-static {
  background-color: var(--color-danger-700-static);
}

.danger-800-static {
  color: var(--color-danger-800-static);
}

.bg-danger-800-static {
  background-color: var(--color-danger-800-static);
}

.danger-900-static {
  color: var(--color-danger-900-static);
}

.bg-danger-900-static {
  background-color: var(--color-danger-900-static);
}

.danger-950-static {
  color: var(--color-danger-950-static);
}

.bg-danger-950-static {
  background-color: var(--color-danger-950-static);
}

.danger-1000-static {
  color: var(--color-danger-1000-static);
}

.bg-danger-1000-static {
  background-color: var(--color-danger-1000-static);
}

.brand {
  color: var(--color-brand);
}

.bg-brand {
  background-color: var(--color-brand);
}

.brand-0 {
  color: var(--color-brand-0);
}

.bg-brand-0 {
  background-color: var(--color-brand-0);
}

.brand-50 {
  color: var(--color-brand-50);
}

.bg-brand-50 {
  background-color: var(--color-brand-50);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.brand-1000 {
  color: var(--color-brand-1000);
}

.bg-brand-1000 {
  background-color: var(--color-brand-1000);
}

.brand-static {
  color: var(--color-brand-static);
}

.bg-brand-static {
  background-color: var(--color-brand-static);
}

.brand-0-static {
  color: var(--color-brand-0-static);
}

.bg-brand-0-static {
  background-color: var(--color-brand-0-static);
}

.brand-50-static {
  color: var(--color-brand-50-static);
}

.bg-brand-50-static {
  background-color: var(--color-brand-50-static);
}

.brand-100-static {
  color: var(--color-brand-100-static);
}

.bg-brand-100-static {
  background-color: var(--color-brand-100-static);
}

.brand-200-static {
  color: var(--color-brand-200-static);
}

.bg-brand-200-static {
  background-color: var(--color-brand-200-static);
}

.brand-300-static {
  color: var(--color-brand-300-static);
}

.bg-brand-300-static {
  background-color: var(--color-brand-300-static);
}

.brand-400-static {
  color: var(--color-brand-400-static);
}

.bg-brand-400-static {
  background-color: var(--color-brand-400-static);
}

.brand-500-static {
  color: var(--color-brand-500-static);
}

.bg-brand-500-static {
  background-color: var(--color-brand-500-static);
}

.brand-600-static {
  color: var(--color-brand-600-static);
}

.bg-brand-600-static {
  background-color: var(--color-brand-600-static);
}

.brand-700-static {
  color: var(--color-brand-700-static);
}

.bg-brand-700-static {
  background-color: var(--color-brand-700-static);
}

.brand-800-static {
  color: var(--color-brand-800-static);
}

.bg-brand-800-static {
  background-color: var(--color-brand-800-static);
}

.brand-900-static {
  color: var(--color-brand-900-static);
}

.bg-brand-900-static {
  background-color: var(--color-brand-900-static);
}

.brand-950-static {
  color: var(--color-brand-950-static);
}

.bg-brand-950-static {
  background-color: var(--color-brand-950-static);
}

.brand-1000-static {
  color: var(--color-brand-1000-static);
}

.bg-brand-1000-static {
  background-color: var(--color-brand-1000-static);
}

.margin-50 {
  margin: var(--size-50);
}

.margin-left-50 {
  margin-left: var(--size-50);
}

.margin-right-50 {
  margin-right: var(--size-50);
}

.margin-top-50 {
  margin-top: var(--size-50);
}

.margin-bottom-50 {
  margin-bottom: var(--size-50);
}

.margin-x-50 {
  margin-left: var(--size-50);
  margin-right: var(--size-50);
}

.margin-y-50 {
  margin-top: var(--size-50);
  margin-bottom: var(--size-50);
}

.padding-50 {
  padding: var(--size-50);
}

.padding-left-50 {
  padding-left: var(--size-50);
}

.padding-right-50 {
  padding-right: var(--size-50);
}

.padding-top-50 {
  padding-top: var(--size-50);
}

.padding-bottom-50 {
  padding-bottom: var(--size-50);
}

.padding-x-50 {
  padding-left: var(--size-50);
  padding-right: var(--size-50);
}

.padding-y-50 {
  padding-top: var(--size-50);
  padding-bottom: var(--size-50);
}

.gap-50 {
  gap: var(--size-50);
}

.margin-100 {
  margin: var(--size-100);
}

.margin-left-100 {
  margin-left: var(--size-100);
}

.margin-right-100 {
  margin-right: var(--size-100);
}

.margin-top-100 {
  margin-top: var(--size-100);
}

.margin-bottom-100 {
  margin-bottom: var(--size-100);
}

.margin-x-100 {
  margin-left: var(--size-100);
  margin-right: var(--size-100);
}

.margin-y-100 {
  margin-top: var(--size-100);
  margin-bottom: var(--size-100);
}

.padding-100 {
  padding: var(--size-100);
}

.padding-left-100 {
  padding-left: var(--size-100);
}

.padding-right-100 {
  padding-right: var(--size-100);
}

.padding-top-100 {
  padding-top: var(--size-100);
}

.padding-bottom-100 {
  padding-bottom: var(--size-100);
}

.padding-x-100 {
  padding-left: var(--size-100);
  padding-right: var(--size-100);
}

.padding-y-100 {
  padding-top: var(--size-100);
  padding-bottom: var(--size-100);
}

.gap-100 {
  gap: var(--size-100);
}

.margin-200 {
  margin: var(--size-200);
}

.margin-left-200 {
  margin-left: var(--size-200);
}

.margin-right-200 {
  margin-right: var(--size-200);
}

.margin-top-200 {
  margin-top: var(--size-200);
}

.margin-bottom-200 {
  margin-bottom: var(--size-200);
}

.margin-x-200 {
  margin-left: var(--size-200);
  margin-right: var(--size-200);
}

.margin-y-200 {
  margin-top: var(--size-200);
  margin-bottom: var(--size-200);
}

.padding-200 {
  padding: var(--size-200);
}

.padding-left-200 {
  padding-left: var(--size-200);
}

.padding-right-200 {
  padding-right: var(--size-200);
}

.padding-top-200 {
  padding-top: var(--size-200);
}

.padding-bottom-200 {
  padding-bottom: var(--size-200);
}

.padding-x-200 {
  padding-left: var(--size-200);
  padding-right: var(--size-200);
}

.padding-y-200 {
  padding-top: var(--size-200);
  padding-bottom: var(--size-200);
}

.gap-200 {
  gap: var(--size-200);
}

.margin-300 {
  margin: var(--size-300);
}

.margin-left-300 {
  margin-left: var(--size-300);
}

.margin-right-300 {
  margin-right: var(--size-300);
}

.margin-top-300 {
  margin-top: var(--size-300);
}

.margin-bottom-300 {
  margin-bottom: var(--size-300);
}

.margin-x-300 {
  margin-left: var(--size-300);
  margin-right: var(--size-300);
}

.margin-y-300 {
  margin-top: var(--size-300);
  margin-bottom: var(--size-300);
}

.padding-300 {
  padding: var(--size-300);
}

.padding-left-300 {
  padding-left: var(--size-300);
}

.padding-right-300 {
  padding-right: var(--size-300);
}

.padding-top-300 {
  padding-top: var(--size-300);
}

.padding-bottom-300 {
  padding-bottom: var(--size-300);
}

.padding-x-300 {
  padding-left: var(--size-300);
  padding-right: var(--size-300);
}

.padding-y-300 {
  padding-top: var(--size-300);
  padding-bottom: var(--size-300);
}

.gap-300 {
  gap: var(--size-300);
}

.margin-400 {
  margin: var(--size-400);
}

.margin-left-400 {
  margin-left: var(--size-400);
}

.margin-right-400 {
  margin-right: var(--size-400);
}

.margin-top-400 {
  margin-top: var(--size-400);
}

.margin-bottom-400 {
  margin-bottom: var(--size-400);
}

.margin-x-400 {
  margin-left: var(--size-400);
  margin-right: var(--size-400);
}

.margin-y-400 {
  margin-top: var(--size-400);
  margin-bottom: var(--size-400);
}

.padding-400 {
  padding: var(--size-400);
}

.padding-left-400 {
  padding-left: var(--size-400);
}

.padding-right-400 {
  padding-right: var(--size-400);
}

.padding-top-400 {
  padding-top: var(--size-400);
}

.padding-bottom-400 {
  padding-bottom: var(--size-400);
}

.padding-x-400 {
  padding-left: var(--size-400);
  padding-right: var(--size-400);
}

.padding-y-400 {
  padding-top: var(--size-400);
  padding-bottom: var(--size-400);
}

.gap-400 {
  gap: var(--size-400);
}

.margin-500 {
  margin: var(--size-500);
}

.margin-left-500 {
  margin-left: var(--size-500);
}

.margin-right-500 {
  margin-right: var(--size-500);
}

.margin-top-500 {
  margin-top: var(--size-500);
}

.margin-bottom-500 {
  margin-bottom: var(--size-500);
}

.margin-x-500 {
  margin-left: var(--size-500);
  margin-right: var(--size-500);
}

.margin-y-500 {
  margin-top: var(--size-500);
  margin-bottom: var(--size-500);
}

.padding-500 {
  padding: var(--size-500);
}

.padding-left-500 {
  padding-left: var(--size-500);
}

.padding-right-500 {
  padding-right: var(--size-500);
}

.padding-top-500 {
  padding-top: var(--size-500);
}

.padding-bottom-500 {
  padding-bottom: var(--size-500);
}

.padding-x-500 {
  padding-left: var(--size-500);
  padding-right: var(--size-500);
}

.padding-y-500 {
  padding-top: var(--size-500);
  padding-bottom: var(--size-500);
}

.gap-500 {
  gap: var(--size-500);
}

.margin-600 {
  margin: var(--size-600);
}

.margin-left-600 {
  margin-left: var(--size-600);
}

.margin-right-600 {
  margin-right: var(--size-600);
}

.margin-top-600 {
  margin-top: var(--size-600);
}

.margin-bottom-600 {
  margin-bottom: var(--size-600);
}

.margin-x-600 {
  margin-left: var(--size-600);
  margin-right: var(--size-600);
}

.margin-y-600 {
  margin-top: var(--size-600);
  margin-bottom: var(--size-600);
}

.padding-600 {
  padding: var(--size-600);
}

.padding-left-600 {
  padding-left: var(--size-600);
}

.padding-right-600 {
  padding-right: var(--size-600);
}

.padding-top-600 {
  padding-top: var(--size-600);
}

.padding-bottom-600 {
  padding-bottom: var(--size-600);
}

.padding-x-600 {
  padding-left: var(--size-600);
  padding-right: var(--size-600);
}

.padding-y-600 {
  padding-top: var(--size-600);
  padding-bottom: var(--size-600);
}

.gap-600 {
  gap: var(--size-600);
}

.margin-700 {
  margin: var(--size-700);
}

.margin-left-700 {
  margin-left: var(--size-700);
}

.margin-right-700 {
  margin-right: var(--size-700);
}

.margin-top-700 {
  margin-top: var(--size-700);
}

.margin-bottom-700 {
  margin-bottom: var(--size-700);
}

.margin-x-700 {
  margin-left: var(--size-700);
  margin-right: var(--size-700);
}

.margin-y-700 {
  margin-top: var(--size-700);
  margin-bottom: var(--size-700);
}

.padding-700 {
  padding: var(--size-700);
}

.padding-left-700 {
  padding-left: var(--size-700);
}

.padding-right-700 {
  padding-right: var(--size-700);
}

.padding-top-700 {
  padding-top: var(--size-700);
}

.padding-bottom-700 {
  padding-bottom: var(--size-700);
}

.padding-x-700 {
  padding-left: var(--size-700);
  padding-right: var(--size-700);
}

.padding-y-700 {
  padding-top: var(--size-700);
  padding-bottom: var(--size-700);
}

.gap-700 {
  gap: var(--size-700);
}

.margin-800 {
  margin: var(--size-800);
}

.margin-left-800 {
  margin-left: var(--size-800);
}

.margin-right-800 {
  margin-right: var(--size-800);
}

.margin-top-800 {
  margin-top: var(--size-800);
}

.margin-bottom-800 {
  margin-bottom: var(--size-800);
}

.margin-x-800 {
  margin-left: var(--size-800);
  margin-right: var(--size-800);
}

.margin-y-800 {
  margin-top: var(--size-800);
  margin-bottom: var(--size-800);
}

.padding-800 {
  padding: var(--size-800);
}

.padding-left-800 {
  padding-left: var(--size-800);
}

.padding-right-800 {
  padding-right: var(--size-800);
}

.padding-top-800 {
  padding-top: var(--size-800);
}

.padding-bottom-800 {
  padding-bottom: var(--size-800);
}

.padding-x-800 {
  padding-left: var(--size-800);
  padding-right: var(--size-800);
}

.padding-y-800 {
  padding-top: var(--size-800);
  padding-bottom: var(--size-800);
}

.gap-800 {
  gap: var(--size-800);
}

.margin-900 {
  margin: var(--size-900);
}

.margin-left-900 {
  margin-left: var(--size-900);
}

.margin-right-900 {
  margin-right: var(--size-900);
}

.margin-top-900 {
  margin-top: var(--size-900);
}

.margin-bottom-900 {
  margin-bottom: var(--size-900);
}

.margin-x-900 {
  margin-left: var(--size-900);
  margin-right: var(--size-900);
}

.margin-y-900 {
  margin-top: var(--size-900);
  margin-bottom: var(--size-900);
}

.padding-900 {
  padding: var(--size-900);
}

.padding-left-900 {
  padding-left: var(--size-900);
}

.padding-right-900 {
  padding-right: var(--size-900);
}

.padding-top-900 {
  padding-top: var(--size-900);
}

.padding-bottom-900 {
  padding-bottom: var(--size-900);
}

.padding-x-900 {
  padding-left: var(--size-900);
  padding-right: var(--size-900);
}

.padding-y-900 {
  padding-top: var(--size-900);
  padding-bottom: var(--size-900);
}

.gap-900 {
  gap: var(--size-900);
}

.margin-1000 {
  margin: var(--size-1000);
}

.margin-left-1000 {
  margin-left: var(--size-1000);
}

.margin-right-1000 {
  margin-right: var(--size-1000);
}

.margin-top-1000 {
  margin-top: var(--size-1000);
}

.margin-bottom-1000 {
  margin-bottom: var(--size-1000);
}

.margin-x-1000 {
  margin-left: var(--size-1000);
  margin-right: var(--size-1000);
}

.margin-y-1000 {
  margin-top: var(--size-1000);
  margin-bottom: var(--size-1000);
}

.padding-1000 {
  padding: var(--size-1000);
}

.padding-left-1000 {
  padding-left: var(--size-1000);
}

.padding-right-1000 {
  padding-right: var(--size-1000);
}

.padding-top-1000 {
  padding-top: var(--size-1000);
}

.padding-bottom-1000 {
  padding-bottom: var(--size-1000);
}

.padding-x-1000 {
  padding-left: var(--size-1000);
  padding-right: var(--size-1000);
}

.padding-y-1000 {
  padding-top: var(--size-1000);
  padding-bottom: var(--size-1000);
}

.gap-1000 {
  gap: var(--size-1000);
}

.margin-1100 {
  margin: var(--size-1100);
}

.margin-left-1100 {
  margin-left: var(--size-1100);
}

.margin-right-1100 {
  margin-right: var(--size-1100);
}

.margin-top-1100 {
  margin-top: var(--size-1100);
}

.margin-bottom-1100 {
  margin-bottom: var(--size-1100);
}

.margin-x-1100 {
  margin-left: var(--size-1100);
  margin-right: var(--size-1100);
}

.margin-y-1100 {
  margin-top: var(--size-1100);
  margin-bottom: var(--size-1100);
}

.padding-1100 {
  padding: var(--size-1100);
}

.padding-left-1100 {
  padding-left: var(--size-1100);
}

.padding-right-1100 {
  padding-right: var(--size-1100);
}

.padding-top-1100 {
  padding-top: var(--size-1100);
}

.padding-bottom-1100 {
  padding-bottom: var(--size-1100);
}

.padding-x-1100 {
  padding-left: var(--size-1100);
  padding-right: var(--size-1100);
}

.padding-y-1100 {
  padding-top: var(--size-1100);
  padding-bottom: var(--size-1100);
}

.gap-1100 {
  gap: var(--size-1100);
}

.margin-1200 {
  margin: var(--size-1200);
}

.margin-left-1200 {
  margin-left: var(--size-1200);
}

.margin-right-1200 {
  margin-right: var(--size-1200);
}

.margin-top-1200 {
  margin-top: var(--size-1200);
}

.margin-bottom-1200 {
  margin-bottom: var(--size-1200);
}

.margin-x-1200 {
  margin-left: var(--size-1200);
  margin-right: var(--size-1200);
}

.margin-y-1200 {
  margin-top: var(--size-1200);
  margin-bottom: var(--size-1200);
}

.padding-1200 {
  padding: var(--size-1200);
}

.padding-left-1200 {
  padding-left: var(--size-1200);
}

.padding-right-1200 {
  padding-right: var(--size-1200);
}

.padding-top-1200 {
  padding-top: var(--size-1200);
}

.padding-bottom-1200 {
  padding-bottom: var(--size-1200);
}

.padding-x-1200 {
  padding-left: var(--size-1200);
  padding-right: var(--size-1200);
}

.padding-y-1200 {
  padding-top: var(--size-1200);
  padding-bottom: var(--size-1200);
}

.gap-1200 {
  gap: var(--size-1200);
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-wrap-nowrap {
  flex-wrap: nowrap;
}

.flex-direction-column {
  flex-direction: column;
}

.flex-direction-row {
  flex-direction: row;
}

.align-self-baseline {
  align-self: baseline;
}

.align-items-baseline {
  align-items: baseline;
}

.align-self-flex-start {
  align-self: flex-start;
}

.align-items-flex-start {
  align-items: flex-start;
}

.align-self-flex-end {
  align-self: flex-end;
}

.align-items-flex-end {
  align-items: flex-end;
}

.align-self-center {
  align-self: center;
}

.align-items-center {
  align-items: center;
}

.align-self-stretch {
  align-self: stretch;
}

.align-items-stretch {
  align-items: stretch;
}

.justify-content-baseline {
  justify-content: baseline;
}

.align-items-baseline {
  align-items: baseline;
}

.justify-content-flex-start {
  justify-content: flex-start;
}

.align-items-flex-start {
  align-items: flex-start;
}

.justify-content-flex-end {
  justify-content: flex-end;
}

.align-items-flex-end {
  align-items: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.justify-content-stretch {
  justify-content: stretch;
}

.align-items-stretch {
  align-items: stretch;
}

.justify-content-space-around {
  justify-content: space-around;
}

.align-items-space-around {
  align-items: space-around;
}

.justify-content-space-between {
  justify-content: space-between;
}

.align-items-space-between {
  align-items: space-between;
}

.justify-content-space-evenly {
  justify-content: space-evenly;
}

.align-items-space-evenly {
  align-items: space-evenly;
}