/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/firebaseui/dist/firebaseui.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/@vex/styles/tailwind.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: var(--foreground-divider); /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: Urbanist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
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;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

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

progress {
  vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-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 in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
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 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
input,
textarea {
  line-height: 1.5;
}

button:focus {
  outline: unset !important;
}

code {
  background: var(--background-app-bar);
  border-radius: var(--border-radius);
  color: var(--text-color);
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 85%;
  padding: 0.2em 0.4em;
}

blockquote {
  background: rgba(var(--color-primary), .1);
  border-left: 3px solid rgb(var(--color-primary));
  color: rgba(0, 0, 0, 0.87);
  font-style: normal;
  margin: 1em 0 1.5em;
  padding: 1em 1.5em;
}
blockquote > * {
  margin: 0;
}
:root .pointer-events-none {
  pointer-events: none;
}
:root .pointer-events-auto {
  pointer-events: auto;
}
:root .visible {
  visibility: visible;
}
:root .static {
  position: static;
}
:root .fixed {
  position: fixed;
}
:root .absolute {
  position: absolute;
}
:root .relative {
  position: relative;
}
:root .sticky {
  position: sticky;
}
:root .-right-3 {
  right: -0.75rem;
}
:root .-top-3 {
  top: -0.75rem;
}
:root .bottom-0 {
  bottom: 0;
}
:root .bottom-4 {
  bottom: 1rem;
}
:root .left-0 {
  left: 0;
}
:root .right-0 {
  right: 0;
}
:root .right-\[54px\] {
  right: 54px;
}
:root .top-0 {
  top: 0;
}
:root .top-12 {
  top: 3rem;
}
:root .z-10 {
  z-index: 10;
}
:root .z-40 {
  z-index: 40;
}
:root .z-50 {
  z-index: 50;
}
:root .col-span-10 {
  grid-column: span 10 / span 10;
}
:root .col-span-12 {
  grid-column: span 12 / span 12;
}
:root .col-span-2 {
  grid-column: span 2 / span 2;
}
:root .col-span-3 {
  grid-column: span 3 / span 3;
}
:root .col-span-4 {
  grid-column: span 4 / span 4;
}
:root .col-span-8 {
  grid-column: span 8 / span 8;
}
:root .m-0 {
  margin: 0;
}
:root .m-1 {
  margin: 0.25rem;
}
:root .m-12 {
  margin: 3rem;
}
:root .m-2 {
  margin: 0.5rem;
}
:root .m-3 {
  margin: 0.75rem;
}
:root .m-4 {
  margin: 1rem;
}
:root .m-auto {
  margin: auto;
}
:root .-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
:root .-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
:root .mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:root .mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
:root .mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
:root .mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
:root .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
:root .my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
:root .my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
:root .my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
:root .my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
:root .my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
:root .-ml-1 {
  margin-left: -0.25rem;
}
:root .-ml-4 {
  margin-left: -1rem;
}
:root .-ml-6 {
  margin-left: -1.5rem;
}
:root .-mt-1 {
  margin-top: -0.25rem;
}
:root .-mt-12 {
  margin-top: -3rem;
}
:root .-mt-16 {
  margin-top: -4rem;
}
:root .-mt-24 {
  margin-top: -6rem;
}
:root .-mt-3 {
  margin-top: -0.75rem;
}
:root .-mt-4 {
  margin-top: -1rem;
}
:root .-mt-5 {
  margin-top: -1.25rem;
}
:root .-mt-6 {
  margin-top: -1.5rem;
}
:root .-mt-\[76px\] {
  margin-top: -76px;
}
:root .-mt-\[84px\] {
  margin-top: -84px;
}
:root .mb-0 {
  margin-bottom: 0;
}
:root .mb-1 {
  margin-bottom: 0.25rem;
}
:root .mb-12 {
  margin-bottom: 3rem;
}
:root .mb-2 {
  margin-bottom: 0.5rem;
}
:root .mb-3 {
  margin-bottom: 0.75rem;
}
:root .mb-4 {
  margin-bottom: 1rem;
}
:root .mb-5 {
  margin-bottom: 1.25rem;
}
:root .mb-6 {
  margin-bottom: 1.5rem;
}
:root .mb-8 {
  margin-bottom: 2rem;
}
:root .ml-1 {
  margin-left: 0.25rem;
}
:root .ml-10 {
  margin-left: 2.5rem;
}
:root .ml-2 {
  margin-left: 0.5rem;
}
:root .ml-3 {
  margin-left: 0.75rem;
}
:root .ml-4 {
  margin-left: 1rem;
}
:root .ml-5 {
  margin-left: 1.25rem;
}
:root .ml-6 {
  margin-left: 1.5rem;
}
:root .ml-\[10px\] {
  margin-left: 10px;
}
:root .ml-auto {
  margin-left: auto;
}
:root .mr-1 {
  margin-right: 0.25rem;
}
:root .mr-10 {
  margin-right: 2.5rem;
}
:root .mr-2 {
  margin-right: 0.5rem;
}
:root .mr-3 {
  margin-right: 0.75rem;
}
:root .mr-4 {
  margin-right: 1rem;
}
:root .mr-6 {
  margin-right: 1.5rem;
}
:root .mt-0 {
  margin-top: 0;
}
:root .mt-1 {
  margin-top: 0.25rem;
}
:root .mt-10 {
  margin-top: 2.5rem;
}
:root .mt-2 {
  margin-top: 0.5rem;
}
:root .mt-3 {
  margin-top: 0.75rem;
}
:root .mt-4 {
  margin-top: 1rem;
}
:root .mt-5 {
  margin-top: 1.25rem;
}
:root .mt-6 {
  margin-top: 1.5rem;
}
:root .mt-8 {
  margin-top: 2rem;
}
:root .block {
  display: block;
}
:root .inline-block {
  display: inline-block;
}
:root .inline {
  display: inline;
}
:root .flex {
  display: flex;
}
:root .inline-flex {
  display: inline-flex;
}
:root .table {
  display: table;
}
:root .grid {
  display: grid;
}
:root .list-item {
  display: list-item;
}
:root .hidden {
  display: none;
}
:root .size-fit {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
:root .h-1 {
  height: 0.25rem;
}
:root .h-10 {
  height: 2.5rem;
}
:root .h-12 {
  height: 3rem;
}
:root .h-14 {
  height: 3.5rem;
}
:root .h-16 {
  height: 4rem;
}
:root .h-2 {
  height: 0.5rem;
}
:root .h-24 {
  height: 6rem;
}
:root .h-3 {
  height: 0.75rem;
}
:root .h-4 {
  height: 1rem;
}
:root .h-40 {
  height: 10rem;
}
:root .h-5 {
  height: 1.25rem;
}
:root .h-6 {
  height: 1.5rem;
}
:root .h-64 {
  height: 16rem;
}
:root .h-8 {
  height: 2rem;
}
:root .h-9 {
  height: 2.25rem;
}
:root .h-\[100px\] {
  height: 100px;
}
:root .h-\[104px\] {
  height: 104px;
}
:root .h-\[150px\] {
  height: 150px;
}
:root .h-full {
  height: 100%;
}
:root .max-h-\[80vh\] {
  max-height: 80vh;
}
:root .max-h-full {
  max-height: 100%;
}
:root .min-h-\[64px\] {
  min-height: 64px;
}
:root .w-1 {
  width: 0.25rem;
}
:root .w-1\/10 {
  width: 10%;
}
:root .w-1\/2 {
  width: 50%;
}
:root .w-1\/3 {
  width: 33.333333%;
}
:root .w-1\/4 {
  width: 25%;
}
:root .w-10 {
  width: 2.5rem;
}
:root .w-11\/12 {
  width: 91.666667%;
}
:root .w-12 {
  width: 3rem;
}
:root .w-16 {
  width: 4rem;
}
:root .w-2 {
  width: 0.5rem;
}
:root .w-2\/4 {
  width: 50%;
}
:root .w-24 {
  width: 6rem;
}
:root .w-3 {
  width: 0.75rem;
}
:root .w-3\/4 {
  width: 75%;
}
:root .w-32 {
  width: 8rem;
}
:root .w-4 {
  width: 1rem;
}
:root .w-4\/5 {
  width: 80%;
}
:root .w-40 {
  width: 10rem;
}
:root .w-5 {
  width: 1.25rem;
}
:root .w-6\/12 {
  width: 50%;
}
:root .w-64 {
  width: 16rem;
}
:root .w-8 {
  width: 2rem;
}
:root .w-9 {
  width: 2.25rem;
}
:root .w-9\/12 {
  width: 75%;
}
:root .w-\[10\%\] {
  width: 10%;
}
:root .w-\[100-px\] {
  width: 100-px;
}
:root .w-\[104px\] {
  width: 104px;
}
:root .w-\[15\%\] {
  width: 15%;
}
:root .w-\[150px\] {
  width: 150px;
}
:root .w-\[30\%\] {
  width: 30%;
}
:root .w-\[4px\] {
  width: 4px;
}
:root .w-\[5\%\] {
  width: 5%;
}
:root .w-\[85\%\] {
  width: 85%;
}
:root .w-\[90\%\] {
  width: 90%;
}
:root .w-\[95\%\] {
  width: 95%;
}
:root .w-auto {
  width: auto;
}
:root .w-full {
  width: 100%;
}
:root .min-w-0 {
  min-width: 0;
}
:root .min-w-10 {
  min-width: 2.5rem;
}
:root .min-w-12 {
  min-width: 3rem;
}
:root .min-w-5 {
  min-width: 1.25rem;
}
:root .min-w-64 {
  min-width: 16rem;
}
:root .min-w-9 {
  min-width: 2.25rem;
}
:root .min-w-\[500px\] {
  min-width: 500px;
}
:root .min-w-full {
  min-width: 100%;
}
:root .max-w-\[180px\] {
  max-width: 180px;
}
:root .max-w-\[250px\] {
  max-width: 250px;
}
:root .max-w-full {
  max-width: 100%;
}
:root .max-w-md {
  max-width: 28rem;
}
:root .max-w-xxxs {
  max-width: 16rem;
}
:root .flex-1 {
  flex: 1 1 0%;
}
:root .flex-20 {
  flex: 20%;
}
:root .flex-30 {
  flex: 30%;
}
:root .flex-40 {
  flex: 40%;
}
:root .flex-50 {
  flex: 50%;
}
:root .flex-55 {
  flex: 55%;
}
:root .flex-60 {
  flex: 60%;
}
:root .flex-70 {
  flex: 70%;
}
:root .flex-90 {
  flex: 90%;
}
:root .flex-\[24px\] {
  flex: 24px;
}
:root .flex-auto {
  flex: 1 1 auto;
}
:root .flex-none {
  flex: none;
}
:root .flex-shrink {
  flex-shrink: 1;
}
:root .flex-shrink-0 {
  flex-shrink: 0;
}
:root .shrink-0 {
  flex-shrink: 0;
}
:root .flex-grow {
  flex-grow: 1;
}
:root .flex-grow-0 {
  flex-grow: 0;
}
:root .grow {
  flex-grow: 1;
}
:root .grow-\[2\] {
  flex-grow: 2;
}
:root .grow-\[3\] {
  flex-grow: 3;
}
:root .grow-\[5\] {
  flex-grow: 5;
}
:root .basis-0 {
  flex-basis: 0;
}
:root .basis-1\/4 {
  flex-basis: 25%;
}
:root .basis-3\/4 {
  flex-basis: 75%;
}
:root .\!transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
:root .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
:root .animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
:root .cursor-auto {
  cursor: auto;
}
:root .cursor-not-allowed {
  cursor: not-allowed;
}
:root .cursor-pointer {
  cursor: pointer;
}
:root .select-none {
  -webkit-user-select: none;
          user-select: none;
}
:root .resize {
  resize: both;
}
:root .list-inside {
  list-style-position: inside;
}
:root .list-disc {
  list-style-type: disc;
}
:root .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
:root .grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
:root .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:root .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
:root .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
:root .grid-cols-\[10\%_90\%\] {
  grid-template-columns: 10% 90%;
}
:root .grid-cols-\[1fr_1fr_1fr_1fr\] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
:root .grid-cols-\[2fr_1fr_1fr\] {
  grid-template-columns: 2fr 1fr 1fr;
}
:root .grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
:root .flex-row {
  flex-direction: row;
}
:root .flex-col {
  flex-direction: column;
}
:root .flex-wrap {
  flex-wrap: wrap;
}
:root .content-center {
  align-content: center;
}
:root .content-start {
  align-content: flex-start;
}
:root .content-stretch {
  align-content: stretch;
}
:root .items-start {
  align-items: flex-start;
}
:root .items-end {
  align-items: flex-end;
}
:root .items-center {
  align-items: center;
}
:root .items-stretch {
  align-items: stretch;
}
:root .justify-start {
  justify-content: flex-start;
}
:root .justify-end {
  justify-content: flex-end;
}
:root .justify-center {
  justify-content: center;
}
:root .justify-between {
  justify-content: space-between;
}
:root .justify-stretch {
  justify-content: stretch;
}
:root .justify-items-start {
  justify-items: start;
}
:root .justify-items-stretch {
  justify-items: stretch;
}
:root .gap-1 {
  gap: 0.25rem;
}
:root .gap-2 {
  gap: 0.5rem;
}
:root .gap-3 {
  gap: 0.75rem;
}
:root .gap-4 {
  gap: 1rem;
}
:root .gap-44 {
  gap: 44px;
}
:root .gap-5 {
  gap: 1.25rem;
}
:root .gap-6 {
  gap: 1.5rem;
}
:root .gap-8 {
  gap: 2rem;
}
:root .gap-\[12px\] {
  gap: 12px;
}
:root .gap-\[14px\] {
  gap: 14px;
}
:root .gap-\[16px\] {
  gap: 16px;
}
:root .gap-\[20px\] {
  gap: 20px;
}
:root .gap-\[24px\] {
  gap: 24px;
}
:root .gap-\[2px\] {
  gap: 2px;
}
:root .gap-\[4px\] {
  gap: 4px;
}
:root .gap-\[58px\] {
  gap: 58px;
}
:root .gap-\[6px\] {
  gap: 6px;
}
:root .gap-\[70px\] {
  gap: 70px;
}
:root .gap-\[80px\] {
  gap: 80px;
}
:root .gap-\[8px\] {
  gap: 8px;
}
:root .gap-x-2 {
  column-gap: 0.5rem;
}
:root .gap-x-3 {
  column-gap: 0.75rem;
}
:root .gap-x-4 {
  column-gap: 1rem;
}
:root .gap-y-5 {
  row-gap: 1.25rem;
}
:root :is(.space-x-5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}
:root :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
:root :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
:root .self-center {
  align-self: center;
}
:root .overflow-auto {
  overflow: auto;
}
:root .overflow-hidden {
  overflow: hidden;
}
:root .overflow-scroll {
  overflow: scroll;
}
:root .overflow-x-auto {
  overflow-x: auto;
}
:root .overflow-y-auto {
  overflow-y: auto;
}
:root .overflow-x-hidden {
  overflow-x: hidden;
}
:root .overflow-x-scroll {
  overflow-x: scroll;
}
:root .overflow-y-scroll {
  overflow-y: scroll;
}
:root .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root .overflow-ellipsis {
  text-overflow: ellipsis;
}
:root .whitespace-normal {
  white-space: normal;
}
:root .whitespace-nowrap {
  white-space: nowrap;
}
:root .whitespace-pre-line {
  white-space: pre-line;
}
:root .break-words {
  overflow-wrap: break-word;
}
:root .break-all {
  word-break: break-all;
}
:root .rounded {
  border-radius: 0.25rem;
}
:root .rounded-\[10px\] {
  border-radius: 10px;
}
:root .rounded-full {
  border-radius: 9999px;
}
:root .rounded-lg {
  border-radius: 0.5rem;
}
:root .border {
  border-width: 1px;
}
:root .border-0 {
  border-width: 0;
}
:root .border-2 {
  border-width: 2px;
}
:root .border-3 {
  border-width: 3px;
}
:root .border-b {
  border-bottom-width: 1px;
}
:root .border-l {
  border-left-width: 1px;
}
:root .border-r {
  border-right-width: 1px;
}
:root .border-t {
  border-top-width: 1px;
}
:root .border-solid {
  border-style: solid;
}
:root .border-dashed {
  border-style: dashed;
}
:root .\!border-danger {
  border-color: var(--color-danger) !important;
}
:root .\!border-default {
  border-color: var(--color-default) !important;
}
:root .\!border-primary {
  border-color: rgb(var(--color-primary)) !important;
}
:root .\!border-warn {
  border-color: var(--color-warn) !important;
}
:root .\!border-white {
  border-color: var(--text-color-light) !important;
}
:root .border-\[lightgrey\] {
  --tw-border-opacity: 1;
  border-color: rgb(211 211 211 / var(--tw-border-opacity));
}
:root .border-danger {
  border-color: var(--color-danger);
}
:root .border-default {
  border-color: var(--color-default);
}
:root .border-gray {
  --tw-border-opacity: 1;
  border-color: rgb(158 158 158 / var(--tw-border-opacity));
}
:root .border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
:root .border-gray-light {
  border-color: rgba(158, 158, 158, 0.1);
}
:root .border-primary {
  border-color: rgb(var(--color-primary));
}
:root .border-warn {
  border-color: var(--color-warn);
}
:root .border-white {
  border-color: var(--text-color-light);
}
:root .\!bg-danger {
  background-color: var(--color-danger) !important;
}
:root .\!bg-danger-light {
  background-color: var((--color-danger), .1) !important;
}
:root .\!bg-default {
  background-color: var(--color-default) !important;
}
:root .\!bg-primary {
  background-color: rgb(var(--color-primary)) !important;
}
:root .\!bg-primary-light {
  background-color: rgba(var(--color-primary), .1) !important;
}
:root .\!bg-warn {
  background-color: var(--color-warn) !important;
}
:root .\!bg-warn-light {
  background-color: var((--color-warn), .1) !important;
}
:root .\!bg-white {
  background-color: var(--text-color-light) !important;
}
:root .\!bg-white-light {
  background-color: var(--color-white-light) !important;
}
:root .bg-app-bar {
  background-color: var(--background-app-bar);
}
:root .bg-black {
  background-color: var(--text-color);
}
:root .bg-card {
  background-color: var(--background-card);
}
:root .bg-danger {
  background-color: var(--color-danger);
}
:root .bg-danger-light {
  background-color: var((--color-danger), .1);
}
:root .bg-default {
  background-color: var(--color-default);
}
:root .bg-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(158 158 158 / var(--tw-bg-opacity));
}
:root .bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
:root .bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
:root .bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
:root .bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
:root .bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
:root .bg-hover {
  background-color: var(--background-hover);
}
:root .bg-orange-light {
  background-color: rgba(255, 152, 0, 0.1);
}
:root .bg-pale-aqua {
  background-color: var(--color-pale-aqua);
}
:root .bg-primary {
  background-color: rgb(var(--color-primary));
}
:root .bg-primary-light {
  background-color: rgba(var(--color-primary), .1);
}
:root .bg-purple-light {
  background-color: rgba(156, 39, 176, 0.1);
}
:root .bg-red {
  --tw-bg-opacity: 1;
  background-color: rgb(244 67 54 / var(--tw-bg-opacity));
}
:root .bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
:root .bg-transparent {
  background-color: transparent;
}
:root .bg-very-light-gray {
  background-color: var(--color-very-light-gray);
}
:root .bg-warn {
  background-color: var(--color-warn);
}
:root .bg-warn-light {
  background-color: var((--color-warn), .1);
}
:root .bg-white {
  background-color: var(--text-color-light);
}
:root .bg-white-light {
  background-color: var(--color-white-light);
}
:root .bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}
:root .bg-midnight-teal {
  background-image: linear-gradient(90deg, var(--color-midnight-indigo) 0%, var(--color-tropical-teal) 100%);
}
:root .bg-cover {
  background-size: cover;
}
:root .bg-top {
  background-position: top;
}
:root .bg-no-repeat {
  background-repeat: no-repeat;
}
:root .fill-current {
  fill: currentColor;
}
:root .object-contain {
  object-fit: contain;
}
:root .object-cover {
  object-fit: cover;
}
:root .p-0 {
  padding: 0;
}
:root .p-1 {
  padding: 0.25rem;
}
:root .p-2 {
  padding: 0.5rem;
}
:root .p-3 {
  padding: 0.75rem;
}
:root .p-4 {
  padding: 1rem;
}
:root .p-6 {
  padding: 1.5rem;
}
:root .p-8 {
  padding: 2rem;
}
:root .px-0 {
  padding-left: 0;
  padding-right: 0;
}
:root .px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
:root .px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
:root .px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
:root .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
:root .px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
:root .px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
:root .px-gutter {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}
:root .py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
:root .py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
:root .py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
:root .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
:root .py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
:root .py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
:root .py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
:root .py-gutter {
  padding-top: var(--padding-gutter);
  padding-bottom: var(--padding-gutter);
}
:root .pb-0 {
  padding-bottom: 0;
}
:root .pb-1 {
  padding-bottom: 0.25rem;
}
:root .pb-16 {
  padding-bottom: 4rem;
}
:root .pb-2 {
  padding-bottom: 0.5rem;
}
:root .pb-3 {
  padding-bottom: 0.75rem;
}
:root .pb-4 {
  padding-bottom: 1rem;
}
:root .pb-5 {
  padding-bottom: 1.25rem;
}
:root .pb-6 {
  padding-bottom: 1.5rem;
}
:root .pb-8 {
  padding-bottom: 2rem;
}
:root .pl-1 {
  padding-left: 0.25rem;
}
:root .pl-14 {
  padding-left: 3.5rem;
}
:root .pl-2 {
  padding-left: 0.5rem;
}
:root .pl-3 {
  padding-left: 0.75rem;
}
:root .pl-4 {
  padding-left: 1rem;
}
:root .pl-5 {
  padding-left: 1.25rem;
}
:root .pl-6 {
  padding-left: 1.5rem;
}
:root .pl-8 {
  padding-left: 2rem;
}
:root .pr-1 {
  padding-right: 0.25rem;
}
:root .pr-2 {
  padding-right: 0.5rem;
}
:root .pr-3 {
  padding-right: 0.75rem;
}
:root .pr-4 {
  padding-right: 1rem;
}
:root .pr-6 {
  padding-right: 1.5rem;
}
:root .pr-8 {
  padding-right: 2rem;
}
:root .pt-1 {
  padding-top: 0.25rem;
}
:root .pt-16 {
  padding-top: 4rem;
}
:root .pt-2 {
  padding-top: 0.5rem;
}
:root .pt-3 {
  padding-top: 0.75rem;
}
:root .pt-4 {
  padding-top: 1rem;
}
:root .pt-5 {
  padding-top: 1.25rem;
}
:root .pt-6 {
  padding-top: 1.5rem;
}
:root .pt-8 {
  padding-top: 2rem;
}
:root .text-left {
  text-align: left;
}
:root .text-center {
  text-align: center;
}
:root .text-right {
  text-align: right;
}
:root .text-justify {
  text-align: justify;
}
:root .text-start {
  text-align: start;
}
:root .align-middle {
  vertical-align: middle;
}
:root .\!text-2xl {
  font-size: 1.5rem !important;
}
:root .text-3xl {
  font-size: 1.875rem;
}
:root .text-\[12px\] {
  font-size: 12px;
}
:root .text-\[13px\] {
  font-size: 13px;
}
:root .text-\[16px\] {
  font-size: 16px;
}
:root .text-\[26px\] {
  font-size: 26px;
}
:root .text-base {
  font-size: 1rem;
}
:root .text-lg {
  font-size: 1.125rem;
}
:root .text-sm {
  font-size: 0.875rem;
}
:root .text-xl {
  font-size: 1.25rem;
}
:root .text-xs {
  font-size: 0.75rem;
}
:root .font-bold {
  font-weight: 700;
}
:root .font-medium {
  font-weight: 500;
}
:root .font-normal {
  font-weight: 400;
}
:root .font-semibold {
  font-weight: 600;
}
:root .uppercase {
  text-transform: uppercase;
}
:root .lowercase {
  text-transform: lowercase;
}
:root .capitalize {
  text-transform: capitalize;
}
:root .not-italic {
  font-style: normal;
}
:root .leading-19 {
  line-height: 19px;
}
:root .leading-none {
  line-height: 1;
}
:root .leading-normal {
  line-height: 1.5;
}
:root .leading-snug {
  line-height: 1.375;
}
:root .\!text-danger {
  color: var(--color-danger) !important;
}
:root .\!text-default {
  color: var(--color-default) !important;
}
:root .\!text-primary {
  color: rgb(var(--color-primary)) !important;
}
:root .\!text-warn {
  color: var(--color-warn) !important;
}
:root .\!text-white {
  color: var(--text-color-light) !important;
}
:root .text-black {
  color: var(--text-color);
}
:root .text-black-secondary {
  color: var(--color-black-secondary);
}
:root .text-black-tertiary {
  color: var(--color-black-tertiary);
}
:root .text-charcoal-gray {
  color: var(--color-charcoal-gray);
}
:root .text-contrast-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
:root .text-contrast-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
:root .text-current {
  color: currentColor;
}
:root .text-danger {
  color: var(--color-danger);
}
:root .text-default {
  color: var(--color-default);
}
:root .text-gray {
  --tw-text-opacity: 1;
  color: rgb(158 158 158 / var(--tw-text-opacity));
}
:root .text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
:root .text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
:root .text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
:root .text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
:root .text-hint {
  color: var(--text-hint);
}
:root .text-orange {
  --tw-text-opacity: 1;
  color: rgb(255 152 0 / var(--tw-text-opacity));
}
:root .text-primary {
  color: rgb(var(--color-primary));
}
:root .text-primary-contrast {
  color: rgb(var(--color-primary-contrast));
}
:root .text-purple {
  --tw-text-opacity: 1;
  color: rgb(156 39 176 / var(--tw-text-opacity));
}
:root .text-secondary {
  color: var(--text-secondary);
}
:root .text-teal {
  --tw-text-opacity: 1;
  color: rgb(0 150 136 / var(--tw-text-opacity));
}
:root .text-warn {
  color: var(--color-warn);
}
:root .text-white {
  color: var(--text-color-light);
}
:root .underline {
  text-decoration-line: underline;
}
:root .no-underline {
  text-decoration-line: none;
}
:root .shadow {
  --tw-shadow: var(--elevation-z6);
  --tw-shadow-colored: var(--elevation-z6);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .shadow-8 {
  --tw-shadow: var(--elevation-z8);
  --tw-shadow-colored: var(--elevation-z8);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .shadow-b {
  --tw-shadow: 0 10px 30px 0 rgba(82,63,104,.06);
  --tw-shadow-colored: 0 10px 30px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:root .outline {
  outline-style: solid;
}
:root .blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
:root .filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
:root .transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:root .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:root .transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:root .duration-300 {
  transition-duration: 300ms;
}
:root .ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
:root .ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
:root .ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.container {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}
@media (min-width: 1280px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.card {
  border-radius: 0.25rem;
  background-color: var(--background-card);
  --tw-shadow: var(--elevation-z8);
  --tw-shadow-colored: var(--elevation-z8);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.avatar {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  background-color: var(--background-hover);
  object-fit: cover;
}

.hidden-input {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.hidden-input:focus {
  border-color: rgb(var(--color-primary));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.hidden-input.empty {
  border-color: rgb(var(--color-primary));
}

.vex-list-item {
  height: 3rem;
  cursor: pointer;
  border-radius: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.vex-list-item:hover {
  background-color: var(--background-hover);
}

.textarea-clean {
  resize: none;
}
.textarea-clean:focus {
  outline: none;
}

.bg-pattern {
  background: linear-gradient(135deg, var(--background-base) 22px, var(--background-hover) 22px, var(--background-hover) 24px, transparent 24px, transparent 67px, var(--background-hover) 67px, var(--background-hover) 69px, transparent 69px), linear-gradient(225deg, var(--background-base) 22px, var(--background-hover) 22px, var(--background-hover) 24px, transparent 24px, transparent 67px, var(--background-hover) 67px, var(--background-hover) 69px, transparent 69px) 0 64px;
  background-color: var(--background-base);
  background-size: 64px 128px;
}

.trans-ease-out {
  transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.trans-shadow {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.vex-blogpost p {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

:root .hover\:rotate-180:hover {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

:root .hover\:cursor-pointer:hover {
  cursor: pointer;
}

:root .hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

:root .hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

:root .hover\:bg-gray-light:hover {
  background-color: rgba(158, 158, 158, 0.1);
}

:root .hover\:bg-hover:hover {
  background-color: var(--background-hover);
}

:root .hover\:text-primary:hover {
  color: rgb(var(--color-primary));
}

:root .hover\:shadow-16:hover {
  --tw-shadow: var(--elevation-z16);
  --tw-shadow-colored: var(--elevation-z16);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

:root .hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

:root .hover\:shadow-4:hover {
  --tw-shadow: var(--elevation-z4);
  --tw-shadow-colored: var(--elevation-z4);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 600px) {

  :root .sm\:block {
    display: block;
  }

  :root .sm\:h-full {
    height: 100%;
  }

  :root .sm\:w-4\/5 {
    width: 80%;
  }

  :root .sm\:w-auto {
    width: auto;
  }

  :root .sm\:w-full {
    width: 100%;
  }

  :root .sm\:max-w-full {
    max-width: 100%;
  }

  :root .sm\:flex-1 {
    flex: 1 1 0%;
  }

  :root .sm\:flex-grow {
    flex-grow: 1;
  }

  :root .sm\:flex-row {
    flex-direction: row;
  }

  :root .sm\:flex-col {
    flex-direction: column;
  }

  :root .sm\:items-center {
    align-items: center;
  }

  :root .sm\:justify-center {
    justify-content: center;
  }

  :root .sm\:whitespace-nowrap {
    white-space: nowrap;
  }

  :root .sm\:text-5xl {
    font-size: 3rem;
  }

  :root .sm\:text-lg {
    font-size: 1.125rem;
  }

  :root .sm\:text-sm {
    font-size: 0.875rem;
  }
}

@media (min-width: 960px) {

  :root .md\:flex {
    display: flex;
  }

  :root .md\:w-1\/3 {
    width: 33.333333%;
  }

  :root .md\:flex-row {
    flex-direction: row;
  }

  :root .md\:flex-col {
    flex-direction: column;
  }

  :root .md\:items-start {
    align-items: flex-start;
  }

  :root .md\:items-center {
    align-items: center;
  }

  :root .md\:items-stretch {
    align-items: stretch;
  }

  :root .md\:justify-start {
    justify-content: flex-start;
  }

  :root .md\:justify-center {
    justify-content: center;
  }
}

:root .ltr\:right-12:where([dir="ltr"], [dir="ltr"] *) {
  right: 3rem;
}

:root .ltr\:-mr-1:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: -0.25rem;
}

:root .ltr\:mr-3:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: 0.75rem;
}

:root .ltr\:mr-4:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: 1rem;
}

:root .ltr\:border-r:where([dir="ltr"], [dir="ltr"] *) {
  border-right-width: 1px;
}

:root .ltr\:pr-3:where([dir="ltr"], [dir="ltr"] *) {
  padding-right: 0.75rem;
}

:root .ltr\:pr-4:where([dir="ltr"], [dir="ltr"] *) {
  padding-right: 1rem;
}

:root .rtl\:left-12:where([dir="rtl"], [dir="rtl"] *) {
  left: 3rem;
}

:root .rtl\:-ml-1:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: -0.25rem;
}

:root .rtl\:ml-3:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 0.75rem;
}

:root .rtl\:ml-4:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 1rem;
}

:root .rtl\:border-l:where([dir="rtl"], [dir="rtl"] *) {
  border-left-width: 1px;
}

:root .rtl\:pl-3:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 0.75rem;
}

:root .rtl\:pl-4:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 1rem;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/simplebar/dist/simplebar.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/highlight.js/styles/androidstudio.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*
Date: 24 Fev 2015
Author: Pedro Oliveira <kanytu@gmail . com>
*/
.hljs {
  color: #a9b7c6;
  background: #282b2e
}
.hljs-number,
.hljs-literal,
.hljs-symbol,
.hljs-bullet {
  color: #6897BB
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-deletion {
  color: #cc7832
}
.hljs-variable,
.hljs-template-variable,
.hljs-link {
  color: #629755
}
.hljs-comment,
.hljs-quote {
  color: #808080
}
.hljs-meta {
  color: #bbb529
}
.hljs-string,
.hljs-attribute,
.hljs-addition {
  color: #6A8759
}
.hljs-section,
.hljs-title,
.hljs-type {
  color: #ffc66d
}
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
  color: #e8bf6a
}
.hljs-emphasis {
  font-style: italic
}
.hljs-strong {
  font-weight: bold
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/material-icons/iconfont/outlined.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2"), url('material-icons-outlined.woff') format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/material-symbols/outlined.css ***!
  \************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url('material-symbols-outlined.woff2') format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
/* --- Urbanist Font Family --- */
/* Thin */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
/* Light */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Regular */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Medium */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* SemiBold */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* Bold */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* ExtraBold */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/* Black */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* --- Urbanist Font Family --- */
/* Thin */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
/* Light */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Regular */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Medium */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* SemiBold */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* Bold */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* ExtraBold */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/* Black */
@font-face {
  font-family: "Urbanist";
  src: url("/assets/font/urbanist/Urbanist-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.dark {
  --vex-sidenav-color: var(--text-color-light);
  --vex-sidenav-section-divider-color: var(--text-color-light);
  --vex-sidenav-item-color-hover: var(--text-color-light);
  --vex-sidenav-item-color-active: var(--text-color-light);
  --vex-sidenav-item-dropdown-background: var(
    --vex-sidenav-item-background-active
  );
  --vex-sidenav-item-dropdown-color-hover: var(--vex-sidenav-item-color-hover);
  --vex-sidenav-item-dropdown-background-active: var(
    --vex-sidenav-item-dropdown-background-hover
  );
  --vex-sidenav-item-dropdown-color-active: var(
    --vex-sidenav-item-color-active
  );
  --vex-sidenav-item-ripple-color: var(--text-color-light);
  --vex-toolbar-background: var(--vex-background-background);
  --vex-toolbar-icon-color: rgb(var(--vex-color-primary-600));
  --vex-secondary-toolbar-background: var(--vex-background-background);
}

.vex-style-light {
  --navigation-background: var(--background-card);
  --sidenav-background: white;
  --toolbar-background: var(--background-card);
  --sidenav-color: var(--text-color);
  --sidenav-item-background-active: var(--color-pale-aqua);
  --sidenav-item-color: var(--color-black-secondary);
  --sidenav-item-color-active: #009688;
  --sidenav-item-dropdown-background: #fafafa;
  --sidenav-item-dropdown-background-hover: #f7f7f7;
  --sidenav-item-icon-color: var(--color-black-secondary);
  --sidenav-item-icon-color-active: rgb(var(--color-primary));
  --sidenav-toolbar-background: white;
}

body {
  --padding-gutter: 1rem;
  --padding: 1.5rem;
  --padding-16: 1rem;
  --padding-12: 0.75rem;
  --padding-8: 0.5rem;
  --padding-4: 0.25rem;
  --color-accent: 255, 64, 129;
  --color-accent-contrast: 255, 255, 255;
  --color-danger: #FF6565;
  --color-danger-light: #FFF0F0;
  --color-danger-contrast: 255, 255, 255;
  --color-warn: #E17414;
  --color-warn-light: #FCF1E7;
  --color-warn-contrast: rgb(255, 255, 255);
  --color-success: #0EC372;
  --color-success-light: #EDFBF4;
  --color-success-contrast: rgb(255, 255, 255);
  --color-info: #2F80ED;
  --color-info-light: #EAF2FD;
  --color-info-contrast: rgb(255, 255, 255);
  --color-brand-primary: rgb(182, 205, 63);
  --color-brand-primary-contrast: rgb(255, 255, 255);
  --color-brand-secondary: rgb(20, 62, 37);
  --color-brand-secondary-contrast: rgb(255, 255, 255);
  --color-default: rgb(136, 136, 136);
  --color-default-contrast: rgb(255, 255, 255);
  --color-white-light: #FBFBFB;
  --color-black-secondary: #616161;
  --color-black-tertiary: #8D8D8D;
  --color-charcoal-gray: #242424;
  --color-pearl-gray: #F6F6F6;
  --color-light-gray: #D0D0D0;
  --color-very-light-gray: #F1F1F1;
  --color-cool-gray: #E0E0E9;
  --color-grey-medium: #EDEEF1;
  --color-pale-aqua: #F1FAF9;
  --color-midnight-indigo: #071C42;
  --color-tropical-teal: #09AD9D;
  --font: "Urbanist", sans-serif;
  --font-weight-medium: 500;
  --font-caption: 400 12px/20px var(--font);
  --font-body-1: 400 14px/24px var(--font);
  --font-body-2: 400 14px/20px var(--font);
  --font-subheading-1: 500 14px/24px var(--font);
  --font-subheading-2: 400 16px/28px var(--font);
  --font-headline: 400 24px/32px var(--font);
  --font-title: 500 18px/26px var(--font);
  --font-display-1: 400 34px/40px var(--font);
  --font-display-2: 400 45px/48px var(--font);
  --font-display-3: 400 56px/56px var(--font);
  --font-display-4: 300 112px/112px var(--font);
  --text-color: rgba(0, 0, 0, 0.87);
  --text-color-light: white;
  --text-secondary: rgba(0, 0, 0, 0.54);
  --text-secondary-light: rgba(255, 255, 255, 0.7);
  --text-hint: rgba(0, 0, 0, 0.38);
  --text-hint-light: rgba(255, 255, 255, 0.5);
  --foreground-divider: rgba(82, 63, 105, 0.06);
  --background-base: rgb(245, 245, 248);
  --background-card: white;
  --background-app-bar: #ebebee;
  --background-hover: rgba(0, 0, 0, 0.04);
  --sidenav-width: 280px;
  --sidenav-collapsed-width: 72px;
  --sidenav-background: #1a202e;
  --sidenav-color: white;
  --sidenav-item-padding: var(--padding);
  --sidenav-toolbar-background: #171d29;
  --sidenav-item-background-active: #141924;
  --sidenav-item-color: #A1A2B6;
  --sidenav-item-color-active: white;
  --sidenav-item-icon-color: var(--color-black-secondary);
  --sidenav-item-icon-color-active: rgb(var(--color-primary));
  --sidenav-item-border-color-active: rgb(var(--color-primary));
  --sidenav-item-dropdown-background: #141924;
  --sidenav-item-dropdown-background-hover: #131721;
  --sidenav-item-dropdown-gap: 12px;
  --sidenav-item-icon-gap: 16px;
  --sidenav-item-icon-size: 24px;
  --sidenav-item-border-color: transparent;
  --vex-sidenav-item-ripple-color: var(--text-color-light);
  --toolbar-height: 64px;
  --toolbar-background: white;
  --toolbar-color: rgba(0, 0, 0, 0.87);
  --toolbar-icon-color: rgb(var(--color-primary));
  --secondary-toolbar-background: var(--background-card);
  --secondary-toolbar-height: 54px;
  --vex-secondary-toolbar-background: var(--vex-toolbar-background);
  --navigation-height: 64px;
  --navigation-background: var(--background-card);
  --navigation-color: var(--text-secondary);
  --footer-height: 56px;
  --footer-z-index: 100;
  --footer-background: var(--background-card);
  --footer-color: var(--text-color);
  --footer-elevation: 0 -10px 30px 0 rgba(82, 63, 104, .06);
  --page-layout-header-height: 200px;
  --page-layout-toolbar-height: 64px;
  --blink-scrollbar-width: 12px;
  --default-icon-size: 24px;
  --border-radius: 4px;
}
@media (min-width: 1280px) {
  body {
    --padding-gutter: 1.5rem;
  }
}

/** Include the core styles for Angular Material. */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

/** Create a base theme to be extended by all themes. */
html {
  --mat-option-label-text-font: var(--font);
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 14px;
  --mat-option-label-text-tracking: -0.009em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: var(--font);
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 14px;
  --mat-optgroup-label-text-tracking: -0.009em;
  --mat-optgroup-label-text-weight: 400;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mat-card-title-text-font: var(--font);
  --mat-card-title-text-line-height: 26px;
  --mat-card-title-text-size: 18px;
  --mat-card-title-text-tracking: -0.014em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: var(--font);
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: -0.006em;
  --mat-card-subtitle-text-weight: 500;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-supporting-text-font: var(--font);
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mdc-filled-text-field-label-text-font: var(--font);
  --mdc-filled-text-field-label-text-size: 14px;
  --mdc-filled-text-field-label-text-tracking: -0.009em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: var(--font);
  --mdc-outlined-text-field-label-text-size: 14px;
  --mdc-outlined-text-field-label-text-tracking: -0.009em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: var(--font);
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-tracking: -0.009em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 14px;
  --mat-form-field-subscript-text-font: var(--font);
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0;
  --mat-form-field-subscript-text-weight: 400;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: var(--font);
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 14px;
  --mat-select-trigger-text-tracking: -0.009em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-subhead-font: var(--font);
  --mdc-dialog-subhead-line-height: 26px;
  --mdc-dialog-subhead-size: 18px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: -0.014em;
  --mdc-dialog-supporting-text-font: var(--font);
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 14px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: -0.009em;
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--font);
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: -0.006em;
  --mdc-chip-label-text-weight: 400;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-state-layer-size: 40px;
}

html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-label-label-text-font: var(--font);
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 24px;
  --mdc-slider-label-label-text-tracking: -0.006em;
  --mdc-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-font: var(--font);
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-tracking: -0.009em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mdc-list-list-item-label-text-font: var(--font);
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 14px;
  --mdc-list-list-item-label-text-tracking: -0.009em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: var(--font);
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: -0.006em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: var(--font);
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px var(--font);
  letter-spacing: -0.011em;
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-container-text-font: var(--font);
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-label-text-font: var(--font);
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: -0.006em;
  --mat-tab-header-label-text-line-height: 14px;
  --mat-tab-header-label-text-weight: 500;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-text-button-label-text-font: var(--font);
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: -0.006em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: var(--font);
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: -0.006em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: var(--font);
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: -0.006em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: var(--font);
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: -0.006em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-icon-button-icon-size: 24px;
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-extended-fab-label-text-font: var(--font);
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: -0.006em;
  --mdc-extended-fab-label-text-weight: 500;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-supporting-text-font: var(--font);
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: var(--font);
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: -0.006em;
  --mat-table-row-item-label-text-font: var(--font);
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: -0.006em;
  --mat-table-footer-supporting-text-font: var(--font);
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: -0.006em;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-text-font: var(--font);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-font: var(--font);
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: -0.006em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-label-text-font: var(--font);
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 14px;
  --mat-legacy-button-toggle-label-text-tracking: -0.009em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: var(--font);
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 14px;
  --mat-standard-button-toggle-label-text-tracking: -0.009em;
  --mat-standard-button-toggle-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font: var(--font);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: var(--font);
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--font);
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: -0.006em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: var(--font);
  --mat-stepper-header-label-text-font: var(--font);
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: var(--font);
  --mat-toolbar-title-text-line-height: 26px;
  --mat-toolbar-title-text-size: 18px;
  --mat-toolbar-title-text-tracking: -0.014em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: var(--font);
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

/**
 * Override the theme foreground/background colors with the Angular Material colors
 */
.vex-theme-default,
.vex-theme-default.light,
.vex-theme-default .light {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-selected-state-label-text-color: #4f46e5;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-optgroup-label-text-color: #030712;
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  --mat-app-background-color: #f3f4f6;
  --mat-app-text-color: #030712;
  --mat-option-label-text-font: var(--font);
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 14px;
  --mat-option-label-text-tracking: -0.009em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: var(--font);
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 14px;
  --mat-optgroup-label-text-tracking: -0.009em;
  --mat-optgroup-label-text-weight: 400;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: #4b5563;
  --mat-card-title-text-font: var(--font);
  --mat-card-title-text-line-height: 26px;
  --mat-card-title-text-size: 18px;
  --mat-card-title-text-tracking: -0.014em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: var(--font);
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: -0.006em;
  --mat-card-subtitle-text-weight: 500;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #1f2937;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-plain-tooltip-supporting-text-font: var(--font);
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #4f46e5;
  --mdc-filled-text-field-focus-active-indicator-color: #4f46e5;
  --mdc-filled-text-field-focus-label-text-color: rgba(79, 70, 229, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(3, 7, 18, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ef4444;
  --mdc-filled-text-field-error-focus-label-text-color: #ef4444;
  --mdc-filled-text-field-error-label-text-color: #ef4444;
  --mdc-filled-text-field-error-caret-color: #ef4444;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ef4444;
  --mdc-outlined-text-field-caret-color: #4f46e5;
  --mdc-outlined-text-field-focus-outline-color: #4f46e5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(79, 70, 229, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(3, 7, 18, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ef4444;
  --mdc-outlined-text-field-error-focus-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-hover-label-text-color: #ef4444;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-error-hover-outline-color: #ef4444;
  --mdc-outlined-text-field-error-outline-color: #ef4444;
  --mat-form-field-focus-select-arrow-color: rgba(79, 70, 229, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(31, 41, 55, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ef4444;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(31, 41, 55, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(31, 41, 55, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mdc-filled-text-field-label-text-font: var(--font);
  --mdc-filled-text-field-label-text-size: 14px;
  --mdc-filled-text-field-label-text-tracking: -0.009em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: var(--font);
  --mdc-outlined-text-field-label-text-size: 14px;
  --mdc-outlined-text-field-label-text-tracking: -0.009em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: var(--font);
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-tracking: -0.009em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 14px;
  --mat-form-field-subscript-text-font: var(--font);
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0;
  --mat-form-field-subscript-text-weight: 400;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(79, 70, 229, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: var(--font);
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 14px;
  --mat-select-trigger-text-tracking: -0.009em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(3, 7, 18, 0.87);
  --mdc-dialog-supporting-text-color: rgba(3, 7, 18, 0.6);
  --mdc-dialog-subhead-font: var(--font);
  --mdc-dialog-subhead-line-height: 26px;
  --mdc-dialog-subhead-size: 18px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: -0.014em;
  --mdc-dialog-supporting-text-font: var(--font);
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 14px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: -0.009em;
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #4f46e5;
  --mdc-switch-selected-handle-color: #4f46e5;
  --mdc-switch-selected-hover-state-layer-color: #4f46e5;
  --mdc-switch-selected-pressed-state-layer-color: #4f46e5;
  --mdc-switch-selected-focus-handle-color: #312e81;
  --mdc-switch-selected-hover-handle-color: #312e81;
  --mdc-switch-selected-pressed-handle-color: #312e81;
  --mdc-switch-selected-focus-track-color: #a5b4fc;
  --mdc-switch-selected-hover-track-color: #a5b4fc;
  --mdc-switch-selected-pressed-track-color: #a5b4fc;
  --mdc-switch-selected-track-color: #a5b4fc;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: #6b7280;
  --mdc-switch-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #4f46e5;
  --mdc-slider-focus-handle-color: #4f46e5;
  --mdc-slider-hover-handle-color: #4f46e5;
  --mdc-slider-active-track-color: #4f46e5;
  --mdc-slider-inactive-track-color: #4f46e5;
  --mdc-slider-with-tick-marks-inactive-container-color: #4f46e5;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #4f46e5;
  --mat-slider-hover-state-layer-color: rgba(79, 70, 229, 0.05);
  --mat-slider-focus-state-layer-color: rgba(79, 70, 229, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
  --mdc-slider-label-label-text-font: var(--font);
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 24px;
  --mdc-slider-label-label-text-tracking: -0.006em;
  --mdc-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: #030712;
  --mat-menu-item-icon-color: #030712;
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.06);
  --mat-menu-item-label-text-font: var(--font);
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-tracking: -0.009em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: #030712;
  --mdc-list-list-item-supporting-text-color: #4b5563;
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: #6b7280;
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: #030712;
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: #030712;
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mdc-list-list-item-label-text-font: var(--font);
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 14px;
  --mdc-list-list-item-label-text-tracking: -0.009em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: var(--font);
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: -0.006em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: var(--font);
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-container-text-font: var(--font);
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: #6b7280;
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: #030712;
  --mdc-text-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: #030712;
  --mdc-filled-button-disabled-container-color: rgba(156, 163, 175, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: #030712;
  --mdc-protected-button-disabled-container-color: rgba(156, 163, 175, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mdc-outlined-button-label-text-color: #030712;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-text-button-label-text-font: var(--font);
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: -0.006em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: var(--font);
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: -0.006em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: var(--font);
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: -0.006em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: var(--font);
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: -0.006em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-touch-target-display: block;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(229, 231, 235, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(156, 163, 175, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(229, 231, 235, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(156, 163, 175, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-extended-fab-label-text-font: var(--font);
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: -0.006em;
  --mdc-extended-fab-label-text-weight: 500;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #f59e0b;
  --mdc-snackbar-supporting-text-font: var(--font);
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: #030712;
  --mat-table-row-item-label-text-color: #030712;
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.06);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: var(--font);
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: -0.006em;
  --mat-table-row-item-label-text-font: var(--font);
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: -0.006em;
  --mat-table-footer-supporting-text-font: var(--font);
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: -0.006em;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #4f46e5;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #4f46e5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #9ca3af;
  --mat-badge-disabled-state-text-color: #6b7280;
  --mat-badge-text-font: var(--font);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: #030712;
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: var(--font);
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: -0.006em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: #6b7280;
  --mat-legacy-button-toggle-state-layer-color: #e5e7eb;
  --mat-legacy-button-toggle-selected-state-text-color: #4b5563;
  --mat-legacy-button-toggle-selected-state-background-color: #d1d5db;
  --mat-legacy-button-toggle-disabled-state-text-color: #9ca3af;
  --mat-legacy-button-toggle-disabled-state-background-color: #e5e7eb;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #9ca3af;
  --mat-standard-button-toggle-text-color: #030712;
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: #e5e7eb;
  --mat-standard-button-toggle-selected-state-background-color: #d1d5db;
  --mat-standard-button-toggle-selected-state-text-color: #030712;
  --mat-standard-button-toggle-disabled-state-text-color: #9ca3af;
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: #030712;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #9ca3af;
  --mat-standard-button-toggle-divider-color: #f0f0f0;
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-label-text-font: var(--font);
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 14px;
  --mat-legacy-button-toggle-label-text-tracking: -0.009em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: var(--font);
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 14px;
  --mat-standard-button-toggle-label-text-tracking: -0.009em;
  --mat-standard-button-toggle-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #4f46e5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(79, 70, 229, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(79, 70, 229, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(79, 70, 229, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #4f46e5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(79, 70, 229, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: #1f2937;
  --mat-datepicker-calendar-body-label-text-color: #4b5563;
  --mat-datepicker-calendar-period-button-text-color: #030712;
  --mat-datepicker-calendar-period-button-icon-color: #1f2937;
  --mat-datepicker-calendar-navigation-button-icon-color: #1f2937;
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.06);
  --mat-datepicker-calendar-header-text-color: #4b5563;
  --mat-datepicker-calendar-date-today-outline-color: #6b7280;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(107, 114, 128, 0.8);
  --mat-datepicker-calendar-date-text-color: #030712;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-range-input-separator-color: #030712;
  --mat-datepicker-range-input-disabled-state-separator-color: #6b7280;
  --mat-datepicker-range-input-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: #030712;
  --mat-datepicker-calendar-text-font: var(--font);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.06);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: #030712;
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.06);
  --mat-expansion-header-hover-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-expansion-header-disabled-state-text-color: #9ca3af;
  --mat-expansion-header-text-color: #030712;
  --mat-expansion-header-description-color: #4b5563;
  --mat-expansion-header-indicator-color: #4b5563;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: var(--font);
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--font);
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: -0.006em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.06);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: #030712;
  --mat-sidenav-content-background-color: #f3f4f6;
  --mat-sidenav-content-text-color: #030712;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #4f46e5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #4f46e5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #4f46e5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.06);
  --mat-stepper-header-hover-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-stepper-header-label-text-color: #4b5563;
  --mat-stepper-header-optional-label-text-color: #4b5563;
  --mat-stepper-header-selected-state-label-text-color: #030712;
  --mat-stepper-header-error-state-label-text-color: #ef4444;
  --mat-stepper-header-icon-background-color: #4b5563;
  --mat-stepper-header-error-state-icon-foreground-color: #ef4444;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: var(--font);
  --mat-stepper-header-label-text-font: var(--font);
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: #4b5563;
  --mat-toolbar-container-background-color: #e5e7eb;
  --mat-toolbar-container-text-color: #030712;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: var(--font);
  --mat-toolbar-title-text-line-height: 26px;
  --mat-toolbar-title-text-size: 18px;
  --mat-toolbar-title-text-tracking: -0.014em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: #030712;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: var(--font);
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
.vex-theme-default .mat-accent,
.vex-theme-default.light .mat-accent,
.vex-theme-default .light .mat-accent {
  --mat-option-selected-state-label-text-color: #f59e0b;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.vex-theme-default .mat-warn,
.vex-theme-default.light .mat-warn,
.vex-theme-default .light .mat-warn {
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.vex-theme-default .mat-primary,
.vex-theme-default.light .mat-primary,
.vex-theme-default .light .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #4f46e5;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #4f46e5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-default .mat-accent,
.vex-theme-default.light .mat-accent,
.vex-theme-default .light .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-default .mat-warn,
.vex-theme-default.light .mat-warn,
.vex-theme-default .light .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-default .mat-elevation-z0, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-default.light .mat-elevation-z0,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-default .light .mat-elevation-z0,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z1, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-default.light .mat-elevation-z1,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-default .light .mat-elevation-z1,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z2, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-default.light .mat-elevation-z2,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-default .light .mat-elevation-z2,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z3, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-default.light .mat-elevation-z3,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-default .light .mat-elevation-z3,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z4, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-default.light .mat-elevation-z4,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-default .light .mat-elevation-z4,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z5, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-default.light .mat-elevation-z5,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-default .light .mat-elevation-z5,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z6, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-default.light .mat-elevation-z6,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-default .light .mat-elevation-z6,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z7, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-default.light .mat-elevation-z7,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-default .light .mat-elevation-z7,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z8, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-default.light .mat-elevation-z8,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-default .light .mat-elevation-z8,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z9, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-default.light .mat-elevation-z9,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-default .light .mat-elevation-z9,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z10, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-default.light .mat-elevation-z10,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-default .light .mat-elevation-z10,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z11, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-default.light .mat-elevation-z11,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-default .light .mat-elevation-z11,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z12, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-default.light .mat-elevation-z12,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-default .light .mat-elevation-z12,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z13, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-default.light .mat-elevation-z13,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-default .light .mat-elevation-z13,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z14, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-default.light .mat-elevation-z14,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-default .light .mat-elevation-z14,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z15, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-default.light .mat-elevation-z15,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-default .light .mat-elevation-z15,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z16, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-default.light .mat-elevation-z16,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-default .light .mat-elevation-z16,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z17, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-default.light .mat-elevation-z17,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-default .light .mat-elevation-z17,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z18, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-default.light .mat-elevation-z18,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-default .light .mat-elevation-z18,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z19, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-default.light .mat-elevation-z19,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-default .light .mat-elevation-z19,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z20, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-default.light .mat-elevation-z20,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-default .light .mat-elevation-z20,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z21, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-default.light .mat-elevation-z21,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-default .light .mat-elevation-z21,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z22, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-default.light .mat-elevation-z22,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-default .light .mat-elevation-z22,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z23, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-default.light .mat-elevation-z23,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-default .light .mat-elevation-z23,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.vex-theme-default .mat-elevation-z24, .vex-theme-default .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-default.light .mat-elevation-z24,
.vex-theme-default.light .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-default .light .mat-elevation-z24,
.vex-theme-default .light .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.vex-theme-default .mat-mdc-progress-bar,
.vex-theme-default.light .mat-mdc-progress-bar,
.vex-theme-default .light .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #4f46e5;
  --mdc-linear-progress-track-color: rgba(79, 70, 229, 0.25);
}
.vex-theme-default .mat-mdc-progress-bar.mat-accent,
.vex-theme-default.light .mat-mdc-progress-bar.mat-accent,
.vex-theme-default .light .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f59e0b;
  --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25);
}
.vex-theme-default .mat-mdc-progress-bar.mat-warn,
.vex-theme-default.light .mat-mdc-progress-bar.mat-warn,
.vex-theme-default .light .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-default .mat-mdc-form-field.mat-accent,
.vex-theme-default.light .mat-mdc-form-field.mat-accent,
.vex-theme-default .light .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f59e0b;
  --mdc-filled-text-field-focus-active-indicator-color: #f59e0b;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mdc-outlined-text-field-caret-color: #f59e0b;
  --mdc-outlined-text-field-focus-outline-color: #f59e0b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87);
}
.vex-theme-default .mat-mdc-form-field.mat-warn,
.vex-theme-default.light .mat-mdc-form-field.mat-warn,
.vex-theme-default .light .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-default .mat-mdc-form-field.mat-accent,
.vex-theme-default.light .mat-mdc-form-field.mat-accent,
.vex-theme-default .light .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-default .mat-mdc-form-field.mat-warn,
.vex-theme-default.light .mat-mdc-form-field.mat-warn,
.vex-theme-default .light .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-default .mat-mdc-standard-chip,
.vex-theme-default.light .mat-mdc-standard-chip,
.vex-theme-default .light .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.vex-theme-default .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .vex-theme-default .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-default.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-default.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-default .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-default .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #4f46e5;
  --mdc-chip-elevated-selected-container-color: #4f46e5;
  --mdc-chip-elevated-disabled-container-color: #4f46e5;
  --mdc-chip-flat-disabled-selected-container-color: #4f46e5;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-default .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .vex-theme-default .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-default.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-default.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-default .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-default .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f59e0b;
  --mdc-chip-elevated-selected-container-color: #f59e0b;
  --mdc-chip-elevated-disabled-container-color: #f59e0b;
  --mdc-chip-flat-disabled-selected-container-color: #f59e0b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-default .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .vex-theme-default .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-default.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-default.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-default .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-default .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-default .mat-mdc-chip.mat-mdc-standard-chip,
.vex-theme-default.light .mat-mdc-chip.mat-mdc-standard-chip,
.vex-theme-default .light .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.vex-theme-default .mat-mdc-standard-chip,
.vex-theme-default.light .mat-mdc-standard-chip,
.vex-theme-default .light .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--font);
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: -0.006em;
  --mdc-chip-label-text-weight: 400;
}
.vex-theme-default .mat-mdc-slide-toggle,
.vex-theme-default.light .mat-mdc-slide-toggle,
.vex-theme-default .light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-default .mat-mdc-slide-toggle.mat-accent,
.vex-theme-default.light .mat-mdc-slide-toggle.mat-accent,
.vex-theme-default .light .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d97706;
  --mdc-switch-selected-handle-color: #d97706;
  --mdc-switch-selected-hover-state-layer-color: #d97706;
  --mdc-switch-selected-pressed-state-layer-color: #d97706;
  --mdc-switch-selected-focus-handle-color: #78350f;
  --mdc-switch-selected-hover-handle-color: #78350f;
  --mdc-switch-selected-pressed-handle-color: #78350f;
  --mdc-switch-selected-focus-track-color: #fcd34d;
  --mdc-switch-selected-hover-track-color: #fcd34d;
  --mdc-switch-selected-pressed-track-color: #fcd34d;
  --mdc-switch-selected-track-color: #fcd34d;
}
.vex-theme-default .mat-mdc-slide-toggle.mat-warn,
.vex-theme-default.light .mat-mdc-slide-toggle.mat-warn,
.vex-theme-default .light .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #dc2626;
  --mdc-switch-selected-handle-color: #dc2626;
  --mdc-switch-selected-hover-state-layer-color: #dc2626;
  --mdc-switch-selected-pressed-state-layer-color: #dc2626;
  --mdc-switch-selected-focus-handle-color: #7f1d1d;
  --mdc-switch-selected-hover-handle-color: #7f1d1d;
  --mdc-switch-selected-pressed-handle-color: #7f1d1d;
  --mdc-switch-selected-focus-track-color: #fca5a5;
  --mdc-switch-selected-hover-track-color: #fca5a5;
  --mdc-switch-selected-pressed-track-color: #fca5a5;
  --mdc-switch-selected-track-color: #fca5a5;
}
.vex-theme-default .mat-mdc-slide-toggle,
.vex-theme-default.light .mat-mdc-slide-toggle,
.vex-theme-default .light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-default .mat-mdc-radio-button,
.vex-theme-default.light .mat-mdc-radio-button,
.vex-theme-default .light .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-default .mat-mdc-radio-button.mat-primary,
.vex-theme-default.light .mat-mdc-radio-button.mat-primary,
.vex-theme-default .light .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #4f46e5;
  --mdc-radio-selected-hover-icon-color: #4f46e5;
  --mdc-radio-selected-icon-color: #4f46e5;
  --mdc-radio-selected-pressed-icon-color: #4f46e5;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #4f46e5;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-default .mat-mdc-radio-button.mat-accent,
.vex-theme-default.light .mat-mdc-radio-button.mat-accent,
.vex-theme-default .light .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f59e0b;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-default .mat-mdc-radio-button.mat-warn,
.vex-theme-default.light .mat-mdc-radio-button.mat-warn,
.vex-theme-default .light .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-default .mat-mdc-radio-button,
.vex-theme-default.light .mat-mdc-radio-button,
.vex-theme-default .light .mat-mdc-radio-button {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-default .mat-accent,
.vex-theme-default.light .mat-accent,
.vex-theme-default .light .mat-accent {
  --mat-slider-ripple-color: #f59e0b;
  --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2);
  --mdc-slider-handle-color: #f59e0b;
  --mdc-slider-focus-handle-color: #f59e0b;
  --mdc-slider-hover-handle-color: #f59e0b;
  --mdc-slider-active-track-color: #f59e0b;
  --mdc-slider-inactive-track-color: #f59e0b;
  --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-default .mat-warn,
.vex-theme-default.light .mat-warn,
.vex-theme-default .light .mat-warn {
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-default .mdc-list-item__start,
.vex-theme-default .mdc-list-item__end,
.vex-theme-default.light .mdc-list-item__start,
.vex-theme-default.light .mdc-list-item__end,
.vex-theme-default .light .mdc-list-item__start,
.vex-theme-default .light .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #4f46e5;
  --mdc-radio-selected-hover-icon-color: #4f46e5;
  --mdc-radio-selected-icon-color: #4f46e5;
  --mdc-radio-selected-pressed-icon-color: #4f46e5;
}
.vex-theme-default .mat-accent .mdc-list-item__start,
.vex-theme-default .mat-accent .mdc-list-item__end,
.vex-theme-default.light .mat-accent .mdc-list-item__start,
.vex-theme-default.light .mat-accent .mdc-list-item__end,
.vex-theme-default .light .mat-accent .mdc-list-item__start,
.vex-theme-default .light .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
}
.vex-theme-default .mat-warn .mdc-list-item__start,
.vex-theme-default .mat-warn .mdc-list-item__end,
.vex-theme-default.light .mat-warn .mdc-list-item__start,
.vex-theme-default.light .mat-warn .mdc-list-item__end,
.vex-theme-default .light .mat-warn .mdc-list-item__start,
.vex-theme-default .light .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-default .mat-mdc-list-option,
.vex-theme-default.light .mat-mdc-list-option,
.vex-theme-default .light .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #4f46e5;
  --mdc-checkbox-selected-hover-icon-color: #4f46e5;
  --mdc-checkbox-selected-icon-color: #4f46e5;
  --mdc-checkbox-selected-pressed-icon-color: #4f46e5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #4f46e5;
  --mdc-checkbox-selected-hover-state-layer-color: #4f46e5;
  --mdc-checkbox-selected-pressed-state-layer-color: #4f46e5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-default .mat-mdc-list-option.mat-accent,
.vex-theme-default.light .mat-mdc-list-option.mat-accent,
.vex-theme-default .light .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-default .mat-mdc-list-option.mat-warn,
.vex-theme-default.light .mat-mdc-list-option.mat-warn,
.vex-theme-default .light .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-default .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-default .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-default.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-default.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-default .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-default .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #4f46e5;
}
.vex-theme-default .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-default .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-default.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-default.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-default .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-default .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #4f46e5;
}
.vex-theme-default .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-default .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-default .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-default.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-default.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-default.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-default .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-default .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-default .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vex-theme-default .mdc-list-item__start,
.vex-theme-default .mdc-list-item__end,
.vex-theme-default.light .mdc-list-item__start,
.vex-theme-default.light .mdc-list-item__end,
.vex-theme-default .light .mdc-list-item__start,
.vex-theme-default .light .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.vex-theme-default .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .vex-theme-default .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .vex-theme-default .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.vex-theme-default.light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vex-theme-default.light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vex-theme-default.light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.vex-theme-default .light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vex-theme-default .light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vex-theme-default .light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.vex-theme-default .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .vex-theme-default .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .vex-theme-default .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.vex-theme-default.light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vex-theme-default.light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vex-theme-default.light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.vex-theme-default .light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vex-theme-default .light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vex-theme-default .light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.vex-theme-default .mdc-list-group__subheader,
.vex-theme-default.light .mdc-list-group__subheader,
.vex-theme-default .light .mdc-list-group__subheader {
  font: 400 16px / 28px var(--font);
  letter-spacing: -0.011em;
}
.vex-theme-default .mat-mdc-tab-group, .vex-theme-default .mat-mdc-tab-nav-bar,
.vex-theme-default.light .mat-mdc-tab-group,
.vex-theme-default.light .mat-mdc-tab-nav-bar,
.vex-theme-default .light .mat-mdc-tab-group,
.vex-theme-default .light .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #4f46e5;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #4f46e5;
  --mat-tab-header-active-ripple-color: #4f46e5;
  --mat-tab-header-inactive-ripple-color: #4f46e5;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #4f46e5;
  --mat-tab-header-active-hover-label-text-color: #4f46e5;
  --mat-tab-header-active-focus-indicator-color: #4f46e5;
  --mat-tab-header-active-hover-indicator-color: #4f46e5;
}
.vex-theme-default .mat-mdc-tab-group.mat-accent, .vex-theme-default .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-default.light .mat-mdc-tab-group.mat-accent,
.vex-theme-default.light .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-default .light .mat-mdc-tab-group.mat-accent,
.vex-theme-default .light .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f59e0b;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #f59e0b;
  --mat-tab-header-active-ripple-color: #f59e0b;
  --mat-tab-header-inactive-ripple-color: #f59e0b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f59e0b;
  --mat-tab-header-active-hover-label-text-color: #f59e0b;
  --mat-tab-header-active-focus-indicator-color: #f59e0b;
  --mat-tab-header-active-hover-indicator-color: #f59e0b;
}
.vex-theme-default .mat-mdc-tab-group.mat-warn, .vex-theme-default .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-default.light .mat-mdc-tab-group.mat-warn,
.vex-theme-default.light .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-default .light .mat-mdc-tab-group.mat-warn,
.vex-theme-default .light .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-default .mat-mdc-tab-group.mat-background-primary, .vex-theme-default .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-default.light .mat-mdc-tab-group.mat-background-primary,
.vex-theme-default.light .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-default .light .mat-mdc-tab-group.mat-background-primary,
.vex-theme-default .light .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #4f46e5;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-default .mat-mdc-tab-group.mat-background-accent, .vex-theme-default .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-default.light .mat-mdc-tab-group.mat-background-accent,
.vex-theme-default.light .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-default .light .mat-mdc-tab-group.mat-background-accent,
.vex-theme-default .light .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f59e0b;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-default .mat-mdc-tab-group.mat-background-warn, .vex-theme-default .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-default.light .mat-mdc-tab-group.mat-background-warn,
.vex-theme-default.light .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-default .light .mat-mdc-tab-group.mat-background-warn,
.vex-theme-default .light .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-default .mat-mdc-tab-header,
.vex-theme-default.light .mat-mdc-tab-header,
.vex-theme-default .light .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-label-text-font: var(--font);
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: -0.006em;
  --mat-tab-header-label-text-line-height: 14px;
  --mat-tab-header-label-text-weight: 500;
}
.vex-theme-default .mat-mdc-checkbox,
.vex-theme-default.light .mat-mdc-checkbox,
.vex-theme-default .light .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-default .mat-mdc-checkbox.mat-primary,
.vex-theme-default.light .mat-mdc-checkbox.mat-primary,
.vex-theme-default .light .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #4f46e5;
  --mdc-checkbox-selected-hover-icon-color: #4f46e5;
  --mdc-checkbox-selected-icon-color: #4f46e5;
  --mdc-checkbox-selected-pressed-icon-color: #4f46e5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #4f46e5;
  --mdc-checkbox-selected-hover-state-layer-color: #4f46e5;
  --mdc-checkbox-selected-pressed-state-layer-color: #4f46e5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-default .mat-mdc-checkbox.mat-warn,
.vex-theme-default.light .mat-mdc-checkbox.mat-warn,
.vex-theme-default .light .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-default .mat-mdc-checkbox,
.vex-theme-default.light .mat-mdc-checkbox,
.vex-theme-default .light .mat-mdc-checkbox {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-default .mat-mdc-button.mat-primary,
.vex-theme-default.light .mat-mdc-button.mat-primary,
.vex-theme-default .light .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #4f46e5;
  --mat-text-button-state-layer-color: #4f46e5;
  --mat-text-button-ripple-color: rgba(79, 70, 229, 0.1);
}
.vex-theme-default .mat-mdc-button.mat-accent,
.vex-theme-default.light .mat-mdc-button.mat-accent,
.vex-theme-default .light .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f59e0b;
  --mat-text-button-state-layer-color: #f59e0b;
  --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-default .mat-mdc-button.mat-warn,
.vex-theme-default.light .mat-mdc-button.mat-warn,
.vex-theme-default .light .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-default .mat-mdc-unelevated-button.mat-primary,
.vex-theme-default.light .mat-mdc-unelevated-button.mat-primary,
.vex-theme-default .light .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #4f46e5;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default .mat-mdc-unelevated-button.mat-accent,
.vex-theme-default.light .mat-mdc-unelevated-button.mat-accent,
.vex-theme-default .light .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f59e0b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default .mat-mdc-unelevated-button.mat-warn,
.vex-theme-default.light .mat-mdc-unelevated-button.mat-warn,
.vex-theme-default .light .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default .mat-mdc-raised-button.mat-primary,
.vex-theme-default.light .mat-mdc-raised-button.mat-primary,
.vex-theme-default .light .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #4f46e5;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default .mat-mdc-raised-button.mat-accent,
.vex-theme-default.light .mat-mdc-raised-button.mat-accent,
.vex-theme-default .light .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f59e0b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default .mat-mdc-raised-button.mat-warn,
.vex-theme-default.light .mat-mdc-raised-button.mat-warn,
.vex-theme-default .light .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default .mat-mdc-outlined-button.mat-primary,
.vex-theme-default.light .mat-mdc-outlined-button.mat-primary,
.vex-theme-default .light .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #4f46e5;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #4f46e5;
  --mat-outlined-button-ripple-color: rgba(79, 70, 229, 0.1);
}
.vex-theme-default .mat-mdc-outlined-button.mat-accent,
.vex-theme-default.light .mat-mdc-outlined-button.mat-accent,
.vex-theme-default .light .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f59e0b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #f59e0b;
  --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-default .mat-mdc-outlined-button.mat-warn,
.vex-theme-default.light .mat-mdc-outlined-button.mat-warn,
.vex-theme-default .light .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-default .mat-mdc-icon-button.mat-primary,
.vex-theme-default.light .mat-mdc-icon-button.mat-primary,
.vex-theme-default .light .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #4f46e5;
  --mat-icon-button-state-layer-color: #4f46e5;
  --mat-icon-button-ripple-color: rgba(79, 70, 229, 0.1);
}
.vex-theme-default .mat-mdc-icon-button.mat-accent,
.vex-theme-default.light .mat-mdc-icon-button.mat-accent,
.vex-theme-default .light .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f59e0b;
  --mat-icon-button-state-layer-color: #f59e0b;
  --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-default .mat-mdc-icon-button.mat-warn,
.vex-theme-default.light .mat-mdc-icon-button.mat-warn,
.vex-theme-default .light .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-default .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-default.light .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-default .light .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.vex-theme-default .mat-mdc-fab.mat-primary,
.vex-theme-default.light .mat-mdc-fab.mat-primary,
.vex-theme-default .light .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #4f46e5;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default .mat-mdc-fab.mat-accent,
.vex-theme-default.light .mat-mdc-fab.mat-accent,
.vex-theme-default .light .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default .mat-mdc-fab.mat-warn,
.vex-theme-default.light .mat-mdc-fab.mat-warn,
.vex-theme-default .light .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default .mat-mdc-mini-fab.mat-primary,
.vex-theme-default.light .mat-mdc-mini-fab.mat-primary,
.vex-theme-default .light .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #4f46e5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default .mat-mdc-mini-fab.mat-accent,
.vex-theme-default.light .mat-mdc-mini-fab.mat-accent,
.vex-theme-default .light .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #f59e0b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default .mat-mdc-mini-fab.mat-warn,
.vex-theme-default.light .mat-mdc-mini-fab.mat-warn,
.vex-theme-default .light .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default .mat-accent,
.vex-theme-default.light .mat-accent,
.vex-theme-default .light .mat-accent {
  --mdc-circular-progress-active-indicator-color: #f59e0b;
}
.vex-theme-default .mat-warn,
.vex-theme-default.light .mat-warn,
.vex-theme-default .light .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef4444;
}
.vex-theme-default .mat-badge-accent,
.vex-theme-default.light .mat-badge-accent,
.vex-theme-default .light .mat-badge-accent {
  --mat-badge-background-color: #f59e0b;
  --mat-badge-text-color: white;
}
.vex-theme-default .mat-badge-warn,
.vex-theme-default.light .mat-badge-warn,
.vex-theme-default .light .mat-badge-warn {
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
}
.vex-theme-default .mat-datepicker-content.mat-accent,
.vex-theme-default.light .mat-datepicker-content.mat-accent,
.vex-theme-default .light .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-default .mat-datepicker-content.mat-warn,
.vex-theme-default.light .mat-datepicker-content.mat-warn,
.vex-theme-default .light .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-default .mat-datepicker-toggle-active.mat-accent,
.vex-theme-default.light .mat-datepicker-toggle-active.mat-accent,
.vex-theme-default .light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f59e0b;
}
.vex-theme-default .mat-datepicker-toggle-active.mat-warn,
.vex-theme-default.light .mat-datepicker-toggle-active.mat-warn,
.vex-theme-default .light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
}
.vex-theme-default .mat-calendar-controls,
.vex-theme-default.light .mat-calendar-controls,
.vex-theme-default .light .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.vex-theme-default .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-default.light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-default .light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.vex-theme-default .mat-icon.mat-primary,
.vex-theme-default.light .mat-icon.mat-primary,
.vex-theme-default .light .mat-icon.mat-primary {
  --mat-icon-color: #4f46e5;
}
.vex-theme-default .mat-icon.mat-accent,
.vex-theme-default.light .mat-icon.mat-accent,
.vex-theme-default .light .mat-icon.mat-accent {
  --mat-icon-color: #f59e0b;
}
.vex-theme-default .mat-icon.mat-warn,
.vex-theme-default.light .mat-icon.mat-warn,
.vex-theme-default .light .mat-icon.mat-warn {
  --mat-icon-color: #ef4444;
}
.vex-theme-default .mat-step-header.mat-accent,
.vex-theme-default.light .mat-step-header.mat-accent,
.vex-theme-default .light .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f59e0b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f59e0b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f59e0b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-default .mat-step-header.mat-warn,
.vex-theme-default.light .mat-step-header.mat-warn,
.vex-theme-default .light .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-default .mat-toolbar.mat-primary,
.vex-theme-default.light .mat-toolbar.mat-primary,
.vex-theme-default .light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #4f46e5;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-default .mat-toolbar.mat-accent,
.vex-theme-default.light .mat-toolbar.mat-accent,
.vex-theme-default .light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-default .mat-toolbar.mat-warn,
.vex-theme-default.light .mat-toolbar.mat-warn,
.vex-theme-default .light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}

/**
 * Override the theme foreground/background colors with the Angular Material colors
 */
.vex-theme-default.dark,
.vex-theme-default .dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: #6366f1;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #111827;
  --mat-app-text-color: white;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: #1f2937;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: #1f2937;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: #9ca3af;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #374151;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #6366f1;
  --mdc-filled-text-field-focus-active-indicator-color: #6366f1;
  --mdc-filled-text-field-focus-label-text-color: rgba(99, 102, 241, 0.87);
  --mdc-filled-text-field-container-color: #28323f;
  --mdc-filled-text-field-disabled-container-color: #232d3b;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ef4444;
  --mdc-filled-text-field-error-focus-label-text-color: #ef4444;
  --mdc-filled-text-field-error-label-text-color: #ef4444;
  --mdc-filled-text-field-error-caret-color: #ef4444;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ef4444;
  --mdc-outlined-text-field-caret-color: #6366f1;
  --mdc-outlined-text-field-focus-outline-color: #6366f1;
  --mdc-outlined-text-field-focus-label-text-color: rgba(99, 102, 241, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ef4444;
  --mdc-outlined-text-field-error-focus-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-hover-label-text-color: #ef4444;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-error-hover-outline-color: #ef4444;
  --mdc-outlined-text-field-error-outline-color: #ef4444;
  --mat-form-field-focus-select-arrow-color: rgba(99, 102, 241, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #ef4444;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(99, 102, 241, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: #1f2937;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: #1f2937;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #a5b4fc;
  --mdc-switch-selected-handle-color: #a5b4fc;
  --mdc-switch-selected-hover-state-layer-color: #a5b4fc;
  --mdc-switch-selected-pressed-state-layer-color: #a5b4fc;
  --mdc-switch-selected-focus-handle-color: #c7d2fe;
  --mdc-switch-selected-hover-handle-color: #c7d2fe;
  --mdc-switch-selected-pressed-handle-color: #c7d2fe;
  --mdc-switch-selected-focus-track-color: #4f46e5;
  --mdc-switch-selected-hover-track-color: #4f46e5;
  --mdc-switch-selected-pressed-track-color: #4f46e5;
  --mdc-switch-selected-track-color: #4f46e5;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-disabled-label-text-color: #6b7280;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #6366f1;
  --mdc-slider-focus-handle-color: #6366f1;
  --mdc-slider-hover-handle-color: #6366f1;
  --mdc-slider-active-track-color: #6366f1;
  --mdc-slider-inactive-track-color: #6366f1;
  --mdc-slider-with-tick-marks-inactive-container-color: #6366f1;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #6366f1;
  --mat-slider-hover-state-layer-color: rgba(99, 102, 241, 0.05);
  --mat-slider-focus-state-layer-color: rgba(99, 102, 241, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #1f2937;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: #9ca3af;
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: #6b7280;
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #1f2937;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: #6b7280;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
  --mdc-filled-button-container-color: #1f2937;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(75, 85, 99, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
  --mdc-protected-button-container-color: #1f2937;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(75, 85, 99, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: #1f2937;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(75, 85, 99, 0.5);
  --mdc-fab-small-container-color: #1f2937;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(75, 85, 99, 0.5);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d2d4d7;
  --mdc-snackbar-supporting-text-color: rgba(31, 41, 55, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #1f2937;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #6366f1;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #6366f1;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #4b5563;
  --mat-badge-disabled-state-text-color: #6b7280;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #1f2937;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: #6b7280;
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: #9ca3af;
  --mat-legacy-button-toggle-selected-state-background-color: #111827;
  --mat-legacy-button-toggle-disabled-state-text-color: #4b5563;
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #1f2937;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #1f2937;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #111827;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: #4b5563;
  --mat-standard-button-toggle-disabled-state-background-color: #1f2937;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #1f2937;
  --mat-standard-button-toggle-divider-color: #3a434f;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #6366f1;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(99, 102, 241, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(99, 102, 241, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(99, 102, 241, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #6366f1;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(99, 102, 241, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: #9ca3af;
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: #9ca3af;
  --mat-datepicker-calendar-date-today-outline-color: #6b7280;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(107, 114, 128, 0.8);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: #6b7280;
  --mat-datepicker-range-input-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-container-background-color: #1f2937;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: #1f2937;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: #4b5563;
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: #9ca3af;
  --mat-expansion-header-indicator-color: #9ca3af;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #1f2937;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #111827;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(224, 214, 200, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #6366f1;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #6366f1;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #6366f1;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #1f2937;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: #9ca3af;
  --mat-stepper-header-optional-label-text-color: #9ca3af;
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #ef4444;
  --mat-stepper-header-icon-background-color: #9ca3af;
  --mat-stepper-header-error-state-icon-foreground-color: #ef4444;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: #9ca3af;
  --mat-toolbar-container-background-color: #1f2937;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #1f2937;
  --mat-tree-node-text-color: white;
}
.vex-theme-default.dark .mat-accent,
.vex-theme-default .dark .mat-accent {
  --mat-option-selected-state-label-text-color: #f59e0b;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.vex-theme-default.dark .mat-warn,
.vex-theme-default .dark .mat-warn {
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.vex-theme-default.dark .mat-primary,
.vex-theme-default .dark .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #6366f1;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #6366f1;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-default.dark .mat-accent,
.vex-theme-default .dark .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-default.dark .mat-warn,
.vex-theme-default .dark .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-default.dark .mat-elevation-z0, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-default .dark .mat-elevation-z0,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z1, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-default .dark .mat-elevation-z1,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z2, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-default .dark .mat-elevation-z2,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z3, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-default .dark .mat-elevation-z3,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z4, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-default .dark .mat-elevation-z4,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z5, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-default .dark .mat-elevation-z5,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z6, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-default .dark .mat-elevation-z6,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z7, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-default .dark .mat-elevation-z7,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z8, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-default .dark .mat-elevation-z8,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z9, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-default .dark .mat-elevation-z9,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z10, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-default .dark .mat-elevation-z10,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z11, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-default .dark .mat-elevation-z11,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z12, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-default .dark .mat-elevation-z12,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z13, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-default .dark .mat-elevation-z13,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z14, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-default .dark .mat-elevation-z14,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z15, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-default .dark .mat-elevation-z15,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z16, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-default .dark .mat-elevation-z16,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z17, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-default .dark .mat-elevation-z17,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z18, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-default .dark .mat-elevation-z18,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z19, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-default .dark .mat-elevation-z19,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z20, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-default .dark .mat-elevation-z20,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z21, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-default .dark .mat-elevation-z21,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z22, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-default .dark .mat-elevation-z22,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z23, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-default .dark .mat-elevation-z23,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.vex-theme-default.dark .mat-elevation-z24, .vex-theme-default.dark .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-default .dark .mat-elevation-z24,
.vex-theme-default .dark .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.vex-theme-default.dark .mat-mdc-progress-bar,
.vex-theme-default .dark .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #6366f1;
  --mdc-linear-progress-track-color: rgba(99, 102, 241, 0.25);
}
.vex-theme-default.dark .mat-mdc-progress-bar.mat-accent,
.vex-theme-default .dark .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f59e0b;
  --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25);
}
.vex-theme-default.dark .mat-mdc-progress-bar.mat-warn,
.vex-theme-default .dark .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-default.dark .mat-mdc-form-field.mat-accent,
.vex-theme-default .dark .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f59e0b;
  --mdc-filled-text-field-focus-active-indicator-color: #f59e0b;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mdc-outlined-text-field-caret-color: #f59e0b;
  --mdc-outlined-text-field-focus-outline-color: #f59e0b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87);
}
.vex-theme-default.dark .mat-mdc-form-field.mat-warn,
.vex-theme-default .dark .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-default.dark .mat-mdc-form-field.mat-accent,
.vex-theme-default .dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-default.dark .mat-mdc-form-field.mat-warn,
.vex-theme-default .dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-default.dark .mat-mdc-standard-chip,
.vex-theme-default .dark .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #3a434f;
  --mdc-chip-elevated-selected-container-color: #3a434f;
  --mdc-chip-elevated-disabled-container-color: #3a434f;
  --mdc-chip-flat-disabled-selected-container-color: #3a434f;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.vex-theme-default.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .vex-theme-default.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-default .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-default .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #6366f1;
  --mdc-chip-elevated-selected-container-color: #6366f1;
  --mdc-chip-elevated-disabled-container-color: #6366f1;
  --mdc-chip-flat-disabled-selected-container-color: #6366f1;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-default.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .vex-theme-default.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-default .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-default .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f59e0b;
  --mdc-chip-elevated-selected-container-color: #f59e0b;
  --mdc-chip-elevated-disabled-container-color: #f59e0b;
  --mdc-chip-flat-disabled-selected-container-color: #f59e0b;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-default.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .vex-theme-default.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-default .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-default .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-default.dark .mat-mdc-slide-toggle,
.vex-theme-default .dark .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-default.dark .mat-mdc-slide-toggle.mat-accent,
.vex-theme-default .dark .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #fcd34d;
  --mdc-switch-selected-handle-color: #fcd34d;
  --mdc-switch-selected-hover-state-layer-color: #fcd34d;
  --mdc-switch-selected-pressed-state-layer-color: #fcd34d;
  --mdc-switch-selected-focus-handle-color: #fde68a;
  --mdc-switch-selected-hover-handle-color: #fde68a;
  --mdc-switch-selected-pressed-handle-color: #fde68a;
  --mdc-switch-selected-focus-track-color: #d97706;
  --mdc-switch-selected-hover-track-color: #d97706;
  --mdc-switch-selected-pressed-track-color: #d97706;
  --mdc-switch-selected-track-color: #d97706;
}
.vex-theme-default.dark .mat-mdc-slide-toggle.mat-warn,
.vex-theme-default .dark .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #fca5a5;
  --mdc-switch-selected-handle-color: #fca5a5;
  --mdc-switch-selected-hover-state-layer-color: #fca5a5;
  --mdc-switch-selected-pressed-state-layer-color: #fca5a5;
  --mdc-switch-selected-focus-handle-color: #fecaca;
  --mdc-switch-selected-hover-handle-color: #fecaca;
  --mdc-switch-selected-pressed-handle-color: #fecaca;
  --mdc-switch-selected-focus-track-color: #dc2626;
  --mdc-switch-selected-hover-track-color: #dc2626;
  --mdc-switch-selected-pressed-track-color: #dc2626;
  --mdc-switch-selected-track-color: #dc2626;
}
.vex-theme-default.dark .mat-mdc-radio-button,
.vex-theme-default .dark .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-default.dark .mat-mdc-radio-button.mat-primary,
.vex-theme-default .dark .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #6366f1;
  --mdc-radio-selected-hover-icon-color: #6366f1;
  --mdc-radio-selected-icon-color: #6366f1;
  --mdc-radio-selected-pressed-icon-color: #6366f1;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #6366f1;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-default.dark .mat-mdc-radio-button.mat-accent,
.vex-theme-default .dark .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #f59e0b;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-default.dark .mat-mdc-radio-button.mat-warn,
.vex-theme-default .dark .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-default.dark .mat-accent,
.vex-theme-default .dark .mat-accent {
  --mat-slider-ripple-color: #f59e0b;
  --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2);
  --mdc-slider-handle-color: #f59e0b;
  --mdc-slider-focus-handle-color: #f59e0b;
  --mdc-slider-hover-handle-color: #f59e0b;
  --mdc-slider-active-track-color: #f59e0b;
  --mdc-slider-inactive-track-color: #f59e0b;
  --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-default.dark .mat-warn,
.vex-theme-default .dark .mat-warn {
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-default.dark .mdc-list-item__start,
.vex-theme-default.dark .mdc-list-item__end,
.vex-theme-default .dark .mdc-list-item__start,
.vex-theme-default .dark .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #6366f1;
  --mdc-radio-selected-hover-icon-color: #6366f1;
  --mdc-radio-selected-icon-color: #6366f1;
  --mdc-radio-selected-pressed-icon-color: #6366f1;
}
.vex-theme-default.dark .mat-accent .mdc-list-item__start,
.vex-theme-default.dark .mat-accent .mdc-list-item__end,
.vex-theme-default .dark .mat-accent .mdc-list-item__start,
.vex-theme-default .dark .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
}
.vex-theme-default.dark .mat-warn .mdc-list-item__start,
.vex-theme-default.dark .mat-warn .mdc-list-item__end,
.vex-theme-default .dark .mat-warn .mdc-list-item__start,
.vex-theme-default .dark .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-default.dark .mat-mdc-list-option,
.vex-theme-default .dark .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #6366f1;
  --mdc-checkbox-selected-hover-icon-color: #6366f1;
  --mdc-checkbox-selected-icon-color: #6366f1;
  --mdc-checkbox-selected-pressed-icon-color: #6366f1;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #6366f1;
  --mdc-checkbox-selected-hover-state-layer-color: #6366f1;
  --mdc-checkbox-selected-pressed-state-layer-color: #6366f1;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-default.dark .mat-mdc-list-option.mat-accent,
.vex-theme-default .dark .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-default.dark .mat-mdc-list-option.mat-warn,
.vex-theme-default .dark .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-default.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-default.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-default .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-default .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #6366f1;
}
.vex-theme-default.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-default.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-default .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-default .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #6366f1;
}
.vex-theme-default.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-default.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-default.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-default .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-default .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-default .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vex-theme-default.dark .mat-mdc-tab-group, .vex-theme-default.dark .mat-mdc-tab-nav-bar,
.vex-theme-default .dark .mat-mdc-tab-group,
.vex-theme-default .dark .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #6366f1;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #6366f1;
  --mat-tab-header-active-ripple-color: #6366f1;
  --mat-tab-header-inactive-ripple-color: #6366f1;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #6366f1;
  --mat-tab-header-active-hover-label-text-color: #6366f1;
  --mat-tab-header-active-focus-indicator-color: #6366f1;
  --mat-tab-header-active-hover-indicator-color: #6366f1;
}
.vex-theme-default.dark .mat-mdc-tab-group.mat-accent, .vex-theme-default.dark .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-default .dark .mat-mdc-tab-group.mat-accent,
.vex-theme-default .dark .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f59e0b;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #f59e0b;
  --mat-tab-header-active-ripple-color: #f59e0b;
  --mat-tab-header-inactive-ripple-color: #f59e0b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f59e0b;
  --mat-tab-header-active-hover-label-text-color: #f59e0b;
  --mat-tab-header-active-focus-indicator-color: #f59e0b;
  --mat-tab-header-active-hover-indicator-color: #f59e0b;
}
.vex-theme-default.dark .mat-mdc-tab-group.mat-warn, .vex-theme-default.dark .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-default .dark .mat-mdc-tab-group.mat-warn,
.vex-theme-default .dark .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-default.dark .mat-mdc-tab-group.mat-background-primary, .vex-theme-default.dark .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-default .dark .mat-mdc-tab-group.mat-background-primary,
.vex-theme-default .dark .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #6366f1;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-default.dark .mat-mdc-tab-group.mat-background-accent, .vex-theme-default.dark .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-default .dark .mat-mdc-tab-group.mat-background-accent,
.vex-theme-default .dark .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f59e0b;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-default.dark .mat-mdc-tab-group.mat-background-warn, .vex-theme-default.dark .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-default .dark .mat-mdc-tab-group.mat-background-warn,
.vex-theme-default .dark .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-default.dark .mat-mdc-checkbox,
.vex-theme-default .dark .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-default.dark .mat-mdc-checkbox.mat-primary,
.vex-theme-default .dark .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #6366f1;
  --mdc-checkbox-selected-hover-icon-color: #6366f1;
  --mdc-checkbox-selected-icon-color: #6366f1;
  --mdc-checkbox-selected-pressed-icon-color: #6366f1;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #6366f1;
  --mdc-checkbox-selected-hover-state-layer-color: #6366f1;
  --mdc-checkbox-selected-pressed-state-layer-color: #6366f1;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-default.dark .mat-mdc-checkbox.mat-warn,
.vex-theme-default .dark .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-default.dark .mat-mdc-button.mat-primary,
.vex-theme-default .dark .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #6366f1;
  --mat-text-button-state-layer-color: #6366f1;
  --mat-text-button-ripple-color: rgba(99, 102, 241, 0.1);
}
.vex-theme-default.dark .mat-mdc-button.mat-accent,
.vex-theme-default .dark .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f59e0b;
  --mat-text-button-state-layer-color: #f59e0b;
  --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-default.dark .mat-mdc-button.mat-warn,
.vex-theme-default .dark .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-default.dark .mat-mdc-unelevated-button.mat-primary,
.vex-theme-default .dark .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #6366f1;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default.dark .mat-mdc-unelevated-button.mat-accent,
.vex-theme-default .dark .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f59e0b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default.dark .mat-mdc-unelevated-button.mat-warn,
.vex-theme-default .dark .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default.dark .mat-mdc-raised-button.mat-primary,
.vex-theme-default .dark .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #6366f1;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default.dark .mat-mdc-raised-button.mat-accent,
.vex-theme-default .dark .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f59e0b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default.dark .mat-mdc-raised-button.mat-warn,
.vex-theme-default .dark .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default.dark .mat-mdc-outlined-button.mat-primary,
.vex-theme-default .dark .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #6366f1;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #6366f1;
  --mat-outlined-button-ripple-color: rgba(99, 102, 241, 0.1);
}
.vex-theme-default.dark .mat-mdc-outlined-button.mat-accent,
.vex-theme-default .dark .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f59e0b;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #f59e0b;
  --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-default.dark .mat-mdc-outlined-button.mat-warn,
.vex-theme-default .dark .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-default.dark .mat-mdc-icon-button.mat-primary,
.vex-theme-default .dark .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #6366f1;
  --mat-icon-button-state-layer-color: #6366f1;
  --mat-icon-button-ripple-color: rgba(99, 102, 241, 0.1);
}
.vex-theme-default.dark .mat-mdc-icon-button.mat-accent,
.vex-theme-default .dark .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f59e0b;
  --mat-icon-button-state-layer-color: #f59e0b;
  --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-default.dark .mat-mdc-icon-button.mat-warn,
.vex-theme-default .dark .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-default.dark .mat-mdc-fab.mat-primary,
.vex-theme-default .dark .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #6366f1;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default.dark .mat-mdc-fab.mat-accent,
.vex-theme-default .dark .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default.dark .mat-mdc-fab.mat-warn,
.vex-theme-default .dark .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default.dark .mat-mdc-mini-fab.mat-primary,
.vex-theme-default .dark .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #6366f1;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default.dark .mat-mdc-mini-fab.mat-accent,
.vex-theme-default .dark .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #f59e0b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default.dark .mat-mdc-mini-fab.mat-warn,
.vex-theme-default .dark .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-default.dark .mat-accent,
.vex-theme-default .dark .mat-accent {
  --mdc-circular-progress-active-indicator-color: #f59e0b;
}
.vex-theme-default.dark .mat-warn,
.vex-theme-default .dark .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef4444;
}
.vex-theme-default.dark .mat-badge-accent,
.vex-theme-default .dark .mat-badge-accent {
  --mat-badge-background-color: #f59e0b;
  --mat-badge-text-color: white;
}
.vex-theme-default.dark .mat-badge-warn,
.vex-theme-default .dark .mat-badge-warn {
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
}
.vex-theme-default.dark .mat-datepicker-content.mat-accent,
.vex-theme-default .dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-default.dark .mat-datepicker-content.mat-warn,
.vex-theme-default .dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-default.dark .mat-datepicker-toggle-active.mat-accent,
.vex-theme-default .dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f59e0b;
}
.vex-theme-default.dark .mat-datepicker-toggle-active.mat-warn,
.vex-theme-default .dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
}
.vex-theme-default.dark .mat-icon.mat-primary,
.vex-theme-default .dark .mat-icon.mat-primary {
  --mat-icon-color: #6366f1;
}
.vex-theme-default.dark .mat-icon.mat-accent,
.vex-theme-default .dark .mat-icon.mat-accent {
  --mat-icon-color: #f59e0b;
}
.vex-theme-default.dark .mat-icon.mat-warn,
.vex-theme-default .dark .mat-icon.mat-warn {
  --mat-icon-color: #ef4444;
}
.vex-theme-default.dark .mat-step-header.mat-accent,
.vex-theme-default .dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f59e0b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f59e0b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f59e0b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-default.dark .mat-step-header.mat-warn,
.vex-theme-default .dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-default.dark .mat-toolbar.mat-primary,
.vex-theme-default .dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #6366f1;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-default.dark .mat-toolbar.mat-accent,
.vex-theme-default .dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-default.dark .mat-toolbar.mat-warn,
.vex-theme-default .dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}

/**
 * Override the theme foreground/background colors with the Angular Material colors
 */
.vex-theme-teal,
.vex-theme-teal.light,
.vex-theme-teal .light {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-selected-state-label-text-color: #0d9488;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-optgroup-label-text-color: #030712;
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  --mat-app-background-color: #f3f4f6;
  --mat-app-text-color: #030712;
  --mat-option-label-text-font: var(--font);
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 14px;
  --mat-option-label-text-tracking: -0.009em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: var(--font);
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 14px;
  --mat-optgroup-label-text-tracking: -0.009em;
  --mat-optgroup-label-text-weight: 400;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: #4b5563;
  --mat-card-title-text-font: var(--font);
  --mat-card-title-text-line-height: 26px;
  --mat-card-title-text-size: 18px;
  --mat-card-title-text-tracking: -0.014em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: var(--font);
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: -0.006em;
  --mat-card-subtitle-text-weight: 500;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #1f2937;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-plain-tooltip-supporting-text-font: var(--font);
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #0d9488;
  --mdc-filled-text-field-focus-active-indicator-color: #0d9488;
  --mdc-filled-text-field-focus-label-text-color: rgba(13, 148, 136, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(3, 7, 18, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ef4444;
  --mdc-filled-text-field-error-focus-label-text-color: #ef4444;
  --mdc-filled-text-field-error-label-text-color: #ef4444;
  --mdc-filled-text-field-error-caret-color: #ef4444;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ef4444;
  --mdc-outlined-text-field-caret-color: #0d9488;
  --mdc-outlined-text-field-focus-outline-color: #0d9488;
  --mdc-outlined-text-field-focus-label-text-color: rgba(13, 148, 136, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(3, 7, 18, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ef4444;
  --mdc-outlined-text-field-error-focus-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-hover-label-text-color: #ef4444;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-error-hover-outline-color: #ef4444;
  --mdc-outlined-text-field-error-outline-color: #ef4444;
  --mat-form-field-focus-select-arrow-color: rgba(13, 148, 136, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(31, 41, 55, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ef4444;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(31, 41, 55, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(31, 41, 55, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mdc-filled-text-field-label-text-font: var(--font);
  --mdc-filled-text-field-label-text-size: 14px;
  --mdc-filled-text-field-label-text-tracking: -0.009em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: var(--font);
  --mdc-outlined-text-field-label-text-size: 14px;
  --mdc-outlined-text-field-label-text-tracking: -0.009em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: var(--font);
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-tracking: -0.009em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 14px;
  --mat-form-field-subscript-text-font: var(--font);
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0;
  --mat-form-field-subscript-text-weight: 400;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(13, 148, 136, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: var(--font);
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 14px;
  --mat-select-trigger-text-tracking: -0.009em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(3, 7, 18, 0.87);
  --mdc-dialog-supporting-text-color: rgba(3, 7, 18, 0.6);
  --mdc-dialog-subhead-font: var(--font);
  --mdc-dialog-subhead-line-height: 26px;
  --mdc-dialog-subhead-size: 18px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: -0.014em;
  --mdc-dialog-supporting-text-font: var(--font);
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 14px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: -0.009em;
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #0d9488;
  --mdc-switch-selected-handle-color: #0d9488;
  --mdc-switch-selected-hover-state-layer-color: #0d9488;
  --mdc-switch-selected-pressed-state-layer-color: #0d9488;
  --mdc-switch-selected-focus-handle-color: #134e4a;
  --mdc-switch-selected-hover-handle-color: #134e4a;
  --mdc-switch-selected-pressed-handle-color: #134e4a;
  --mdc-switch-selected-focus-track-color: #5eead4;
  --mdc-switch-selected-hover-track-color: #5eead4;
  --mdc-switch-selected-pressed-track-color: #5eead4;
  --mdc-switch-selected-track-color: #5eead4;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: #6b7280;
  --mdc-switch-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #0d9488;
  --mdc-slider-focus-handle-color: #0d9488;
  --mdc-slider-hover-handle-color: #0d9488;
  --mdc-slider-active-track-color: #0d9488;
  --mdc-slider-inactive-track-color: #0d9488;
  --mdc-slider-with-tick-marks-inactive-container-color: #0d9488;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #0d9488;
  --mat-slider-hover-state-layer-color: rgba(13, 148, 136, 0.05);
  --mat-slider-focus-state-layer-color: rgba(13, 148, 136, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
  --mdc-slider-label-label-text-font: var(--font);
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 24px;
  --mdc-slider-label-label-text-tracking: -0.006em;
  --mdc-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: #030712;
  --mat-menu-item-icon-color: #030712;
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.06);
  --mat-menu-item-label-text-font: var(--font);
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-tracking: -0.009em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: #030712;
  --mdc-list-list-item-supporting-text-color: #4b5563;
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: #6b7280;
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: #030712;
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: #030712;
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mdc-list-list-item-label-text-font: var(--font);
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 14px;
  --mdc-list-list-item-label-text-tracking: -0.009em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: var(--font);
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: -0.006em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: var(--font);
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-container-text-font: var(--font);
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: #6b7280;
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: #030712;
  --mdc-text-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: #030712;
  --mdc-filled-button-disabled-container-color: rgba(156, 163, 175, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: #030712;
  --mdc-protected-button-disabled-container-color: rgba(156, 163, 175, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mdc-outlined-button-label-text-color: #030712;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-text-button-label-text-font: var(--font);
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: -0.006em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: var(--font);
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: -0.006em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: var(--font);
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: -0.006em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: var(--font);
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: -0.006em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-touch-target-display: block;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(229, 231, 235, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(156, 163, 175, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(229, 231, 235, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(156, 163, 175, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-extended-fab-label-text-font: var(--font);
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: -0.006em;
  --mdc-extended-fab-label-text-weight: 500;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #f59e0b;
  --mdc-snackbar-supporting-text-font: var(--font);
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: #030712;
  --mat-table-row-item-label-text-color: #030712;
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.06);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: var(--font);
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: -0.006em;
  --mat-table-row-item-label-text-font: var(--font);
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: -0.006em;
  --mat-table-footer-supporting-text-font: var(--font);
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: -0.006em;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #0d9488;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #0d9488;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #9ca3af;
  --mat-badge-disabled-state-text-color: #6b7280;
  --mat-badge-text-font: var(--font);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: #030712;
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: var(--font);
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: -0.006em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: #6b7280;
  --mat-legacy-button-toggle-state-layer-color: #e5e7eb;
  --mat-legacy-button-toggle-selected-state-text-color: #4b5563;
  --mat-legacy-button-toggle-selected-state-background-color: #d1d5db;
  --mat-legacy-button-toggle-disabled-state-text-color: #9ca3af;
  --mat-legacy-button-toggle-disabled-state-background-color: #e5e7eb;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #9ca3af;
  --mat-standard-button-toggle-text-color: #030712;
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: #e5e7eb;
  --mat-standard-button-toggle-selected-state-background-color: #d1d5db;
  --mat-standard-button-toggle-selected-state-text-color: #030712;
  --mat-standard-button-toggle-disabled-state-text-color: #9ca3af;
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: #030712;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #9ca3af;
  --mat-standard-button-toggle-divider-color: #f0f0f0;
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-label-text-font: var(--font);
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 14px;
  --mat-legacy-button-toggle-label-text-tracking: -0.009em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: var(--font);
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 14px;
  --mat-standard-button-toggle-label-text-tracking: -0.009em;
  --mat-standard-button-toggle-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #0d9488;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(13, 148, 136, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(13, 148, 136, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(13, 148, 136, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #0d9488;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(13, 148, 136, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: #1f2937;
  --mat-datepicker-calendar-body-label-text-color: #4b5563;
  --mat-datepicker-calendar-period-button-text-color: #030712;
  --mat-datepicker-calendar-period-button-icon-color: #1f2937;
  --mat-datepicker-calendar-navigation-button-icon-color: #1f2937;
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.06);
  --mat-datepicker-calendar-header-text-color: #4b5563;
  --mat-datepicker-calendar-date-today-outline-color: #6b7280;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(107, 114, 128, 0.8);
  --mat-datepicker-calendar-date-text-color: #030712;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-range-input-separator-color: #030712;
  --mat-datepicker-range-input-disabled-state-separator-color: #6b7280;
  --mat-datepicker-range-input-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: #030712;
  --mat-datepicker-calendar-text-font: var(--font);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.06);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: #030712;
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.06);
  --mat-expansion-header-hover-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-expansion-header-disabled-state-text-color: #9ca3af;
  --mat-expansion-header-text-color: #030712;
  --mat-expansion-header-description-color: #4b5563;
  --mat-expansion-header-indicator-color: #4b5563;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: var(--font);
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--font);
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: -0.006em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.06);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: #030712;
  --mat-sidenav-content-background-color: #f3f4f6;
  --mat-sidenav-content-text-color: #030712;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #0d9488;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #0d9488;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #0d9488;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.06);
  --mat-stepper-header-hover-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-stepper-header-label-text-color: #4b5563;
  --mat-stepper-header-optional-label-text-color: #4b5563;
  --mat-stepper-header-selected-state-label-text-color: #030712;
  --mat-stepper-header-error-state-label-text-color: #ef4444;
  --mat-stepper-header-icon-background-color: #4b5563;
  --mat-stepper-header-error-state-icon-foreground-color: #ef4444;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: var(--font);
  --mat-stepper-header-label-text-font: var(--font);
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: #4b5563;
  --mat-toolbar-container-background-color: #e5e7eb;
  --mat-toolbar-container-text-color: #030712;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: var(--font);
  --mat-toolbar-title-text-line-height: 26px;
  --mat-toolbar-title-text-size: 18px;
  --mat-toolbar-title-text-tracking: -0.014em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: #030712;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: var(--font);
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
.vex-theme-teal .mat-accent,
.vex-theme-teal.light .mat-accent,
.vex-theme-teal .light .mat-accent {
  --mat-option-selected-state-label-text-color: #f59e0b;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.vex-theme-teal .mat-warn,
.vex-theme-teal.light .mat-warn,
.vex-theme-teal .light .mat-warn {
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.vex-theme-teal .mat-primary,
.vex-theme-teal.light .mat-primary,
.vex-theme-teal .light .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #0d9488;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0d9488;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-teal .mat-accent,
.vex-theme-teal.light .mat-accent,
.vex-theme-teal .light .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-teal .mat-warn,
.vex-theme-teal.light .mat-warn,
.vex-theme-teal .light .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-teal .mat-elevation-z0, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-teal.light .mat-elevation-z0,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-teal .light .mat-elevation-z0,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z1, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-teal.light .mat-elevation-z1,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-teal .light .mat-elevation-z1,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z2, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-teal.light .mat-elevation-z2,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-teal .light .mat-elevation-z2,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z3, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-teal.light .mat-elevation-z3,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-teal .light .mat-elevation-z3,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z4, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-teal.light .mat-elevation-z4,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-teal .light .mat-elevation-z4,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z5, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-teal.light .mat-elevation-z5,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-teal .light .mat-elevation-z5,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z6, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-teal.light .mat-elevation-z6,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-teal .light .mat-elevation-z6,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z7, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-teal.light .mat-elevation-z7,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-teal .light .mat-elevation-z7,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z8, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-teal.light .mat-elevation-z8,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-teal .light .mat-elevation-z8,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z9, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-teal.light .mat-elevation-z9,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-teal .light .mat-elevation-z9,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z10, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-teal.light .mat-elevation-z10,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-teal .light .mat-elevation-z10,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z11, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-teal.light .mat-elevation-z11,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-teal .light .mat-elevation-z11,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z12, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-teal.light .mat-elevation-z12,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-teal .light .mat-elevation-z12,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z13, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-teal.light .mat-elevation-z13,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-teal .light .mat-elevation-z13,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z14, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-teal.light .mat-elevation-z14,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-teal .light .mat-elevation-z14,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z15, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-teal.light .mat-elevation-z15,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-teal .light .mat-elevation-z15,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z16, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-teal.light .mat-elevation-z16,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-teal .light .mat-elevation-z16,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z17, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-teal.light .mat-elevation-z17,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-teal .light .mat-elevation-z17,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z18, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-teal.light .mat-elevation-z18,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-teal .light .mat-elevation-z18,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z19, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-teal.light .mat-elevation-z19,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-teal .light .mat-elevation-z19,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z20, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-teal.light .mat-elevation-z20,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-teal .light .mat-elevation-z20,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z21, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-teal.light .mat-elevation-z21,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-teal .light .mat-elevation-z21,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z22, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-teal.light .mat-elevation-z22,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-teal .light .mat-elevation-z22,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z23, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-teal.light .mat-elevation-z23,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-teal .light .mat-elevation-z23,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal .mat-elevation-z24, .vex-theme-teal .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-teal.light .mat-elevation-z24,
.vex-theme-teal.light .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-teal .light .mat-elevation-z24,
.vex-theme-teal .light .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.vex-theme-teal .mat-mdc-progress-bar,
.vex-theme-teal.light .mat-mdc-progress-bar,
.vex-theme-teal .light .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #0d9488;
  --mdc-linear-progress-track-color: rgba(13, 148, 136, 0.25);
}
.vex-theme-teal .mat-mdc-progress-bar.mat-accent,
.vex-theme-teal.light .mat-mdc-progress-bar.mat-accent,
.vex-theme-teal .light .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f59e0b;
  --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25);
}
.vex-theme-teal .mat-mdc-progress-bar.mat-warn,
.vex-theme-teal.light .mat-mdc-progress-bar.mat-warn,
.vex-theme-teal .light .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-teal .mat-mdc-form-field.mat-accent,
.vex-theme-teal.light .mat-mdc-form-field.mat-accent,
.vex-theme-teal .light .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f59e0b;
  --mdc-filled-text-field-focus-active-indicator-color: #f59e0b;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mdc-outlined-text-field-caret-color: #f59e0b;
  --mdc-outlined-text-field-focus-outline-color: #f59e0b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87);
}
.vex-theme-teal .mat-mdc-form-field.mat-warn,
.vex-theme-teal.light .mat-mdc-form-field.mat-warn,
.vex-theme-teal .light .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-teal .mat-mdc-form-field.mat-accent,
.vex-theme-teal.light .mat-mdc-form-field.mat-accent,
.vex-theme-teal .light .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-teal .mat-mdc-form-field.mat-warn,
.vex-theme-teal.light .mat-mdc-form-field.mat-warn,
.vex-theme-teal .light .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-teal .mat-mdc-standard-chip,
.vex-theme-teal.light .mat-mdc-standard-chip,
.vex-theme-teal .light .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.vex-theme-teal .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .vex-theme-teal .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-teal.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-teal.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-teal .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-teal .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #0d9488;
  --mdc-chip-elevated-selected-container-color: #0d9488;
  --mdc-chip-elevated-disabled-container-color: #0d9488;
  --mdc-chip-flat-disabled-selected-container-color: #0d9488;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-teal .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .vex-theme-teal .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-teal.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-teal.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-teal .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-teal .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f59e0b;
  --mdc-chip-elevated-selected-container-color: #f59e0b;
  --mdc-chip-elevated-disabled-container-color: #f59e0b;
  --mdc-chip-flat-disabled-selected-container-color: #f59e0b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-teal .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .vex-theme-teal .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-teal.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-teal.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-teal .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-teal .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-teal .mat-mdc-chip.mat-mdc-standard-chip,
.vex-theme-teal.light .mat-mdc-chip.mat-mdc-standard-chip,
.vex-theme-teal .light .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.vex-theme-teal .mat-mdc-standard-chip,
.vex-theme-teal.light .mat-mdc-standard-chip,
.vex-theme-teal .light .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--font);
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: -0.006em;
  --mdc-chip-label-text-weight: 400;
}
.vex-theme-teal .mat-mdc-slide-toggle,
.vex-theme-teal.light .mat-mdc-slide-toggle,
.vex-theme-teal .light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-teal .mat-mdc-slide-toggle.mat-accent,
.vex-theme-teal.light .mat-mdc-slide-toggle.mat-accent,
.vex-theme-teal .light .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d97706;
  --mdc-switch-selected-handle-color: #d97706;
  --mdc-switch-selected-hover-state-layer-color: #d97706;
  --mdc-switch-selected-pressed-state-layer-color: #d97706;
  --mdc-switch-selected-focus-handle-color: #78350f;
  --mdc-switch-selected-hover-handle-color: #78350f;
  --mdc-switch-selected-pressed-handle-color: #78350f;
  --mdc-switch-selected-focus-track-color: #fcd34d;
  --mdc-switch-selected-hover-track-color: #fcd34d;
  --mdc-switch-selected-pressed-track-color: #fcd34d;
  --mdc-switch-selected-track-color: #fcd34d;
}
.vex-theme-teal .mat-mdc-slide-toggle.mat-warn,
.vex-theme-teal.light .mat-mdc-slide-toggle.mat-warn,
.vex-theme-teal .light .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #dc2626;
  --mdc-switch-selected-handle-color: #dc2626;
  --mdc-switch-selected-hover-state-layer-color: #dc2626;
  --mdc-switch-selected-pressed-state-layer-color: #dc2626;
  --mdc-switch-selected-focus-handle-color: #7f1d1d;
  --mdc-switch-selected-hover-handle-color: #7f1d1d;
  --mdc-switch-selected-pressed-handle-color: #7f1d1d;
  --mdc-switch-selected-focus-track-color: #fca5a5;
  --mdc-switch-selected-hover-track-color: #fca5a5;
  --mdc-switch-selected-pressed-track-color: #fca5a5;
  --mdc-switch-selected-track-color: #fca5a5;
}
.vex-theme-teal .mat-mdc-slide-toggle,
.vex-theme-teal.light .mat-mdc-slide-toggle,
.vex-theme-teal .light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-teal .mat-mdc-radio-button,
.vex-theme-teal.light .mat-mdc-radio-button,
.vex-theme-teal .light .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-teal .mat-mdc-radio-button.mat-primary,
.vex-theme-teal.light .mat-mdc-radio-button.mat-primary,
.vex-theme-teal .light .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #0d9488;
  --mdc-radio-selected-hover-icon-color: #0d9488;
  --mdc-radio-selected-icon-color: #0d9488;
  --mdc-radio-selected-pressed-icon-color: #0d9488;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #0d9488;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-teal .mat-mdc-radio-button.mat-accent,
.vex-theme-teal.light .mat-mdc-radio-button.mat-accent,
.vex-theme-teal .light .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f59e0b;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-teal .mat-mdc-radio-button.mat-warn,
.vex-theme-teal.light .mat-mdc-radio-button.mat-warn,
.vex-theme-teal .light .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-teal .mat-mdc-radio-button,
.vex-theme-teal.light .mat-mdc-radio-button,
.vex-theme-teal .light .mat-mdc-radio-button {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-teal .mat-accent,
.vex-theme-teal.light .mat-accent,
.vex-theme-teal .light .mat-accent {
  --mat-slider-ripple-color: #f59e0b;
  --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2);
  --mdc-slider-handle-color: #f59e0b;
  --mdc-slider-focus-handle-color: #f59e0b;
  --mdc-slider-hover-handle-color: #f59e0b;
  --mdc-slider-active-track-color: #f59e0b;
  --mdc-slider-inactive-track-color: #f59e0b;
  --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-teal .mat-warn,
.vex-theme-teal.light .mat-warn,
.vex-theme-teal .light .mat-warn {
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-teal .mdc-list-item__start,
.vex-theme-teal .mdc-list-item__end,
.vex-theme-teal.light .mdc-list-item__start,
.vex-theme-teal.light .mdc-list-item__end,
.vex-theme-teal .light .mdc-list-item__start,
.vex-theme-teal .light .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #0d9488;
  --mdc-radio-selected-hover-icon-color: #0d9488;
  --mdc-radio-selected-icon-color: #0d9488;
  --mdc-radio-selected-pressed-icon-color: #0d9488;
}
.vex-theme-teal .mat-accent .mdc-list-item__start,
.vex-theme-teal .mat-accent .mdc-list-item__end,
.vex-theme-teal.light .mat-accent .mdc-list-item__start,
.vex-theme-teal.light .mat-accent .mdc-list-item__end,
.vex-theme-teal .light .mat-accent .mdc-list-item__start,
.vex-theme-teal .light .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
}
.vex-theme-teal .mat-warn .mdc-list-item__start,
.vex-theme-teal .mat-warn .mdc-list-item__end,
.vex-theme-teal.light .mat-warn .mdc-list-item__start,
.vex-theme-teal.light .mat-warn .mdc-list-item__end,
.vex-theme-teal .light .mat-warn .mdc-list-item__start,
.vex-theme-teal .light .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-teal .mat-mdc-list-option,
.vex-theme-teal.light .mat-mdc-list-option,
.vex-theme-teal .light .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #0d9488;
  --mdc-checkbox-selected-hover-icon-color: #0d9488;
  --mdc-checkbox-selected-icon-color: #0d9488;
  --mdc-checkbox-selected-pressed-icon-color: #0d9488;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0d9488;
  --mdc-checkbox-selected-hover-state-layer-color: #0d9488;
  --mdc-checkbox-selected-pressed-state-layer-color: #0d9488;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-teal .mat-mdc-list-option.mat-accent,
.vex-theme-teal.light .mat-mdc-list-option.mat-accent,
.vex-theme-teal .light .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-teal .mat-mdc-list-option.mat-warn,
.vex-theme-teal.light .mat-mdc-list-option.mat-warn,
.vex-theme-teal .light .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-teal .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-teal .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-teal.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-teal.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-teal .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-teal .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #0d9488;
}
.vex-theme-teal .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-teal .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-teal.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-teal.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-teal .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-teal .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #0d9488;
}
.vex-theme-teal .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-teal .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-teal .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-teal.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-teal.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-teal.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-teal .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-teal .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-teal .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vex-theme-teal .mdc-list-item__start,
.vex-theme-teal .mdc-list-item__end,
.vex-theme-teal.light .mdc-list-item__start,
.vex-theme-teal.light .mdc-list-item__end,
.vex-theme-teal .light .mdc-list-item__start,
.vex-theme-teal .light .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.vex-theme-teal .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .vex-theme-teal .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .vex-theme-teal .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.vex-theme-teal.light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vex-theme-teal.light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vex-theme-teal.light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.vex-theme-teal .light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vex-theme-teal .light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vex-theme-teal .light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.vex-theme-teal .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .vex-theme-teal .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .vex-theme-teal .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.vex-theme-teal.light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vex-theme-teal.light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vex-theme-teal.light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.vex-theme-teal .light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vex-theme-teal .light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vex-theme-teal .light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.vex-theme-teal .mdc-list-group__subheader,
.vex-theme-teal.light .mdc-list-group__subheader,
.vex-theme-teal .light .mdc-list-group__subheader {
  font: 400 16px / 28px var(--font);
  letter-spacing: -0.011em;
}
.vex-theme-teal .mat-mdc-tab-group, .vex-theme-teal .mat-mdc-tab-nav-bar,
.vex-theme-teal.light .mat-mdc-tab-group,
.vex-theme-teal.light .mat-mdc-tab-nav-bar,
.vex-theme-teal .light .mat-mdc-tab-group,
.vex-theme-teal .light .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #0d9488;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #0d9488;
  --mat-tab-header-active-ripple-color: #0d9488;
  --mat-tab-header-inactive-ripple-color: #0d9488;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #0d9488;
  --mat-tab-header-active-hover-label-text-color: #0d9488;
  --mat-tab-header-active-focus-indicator-color: #0d9488;
  --mat-tab-header-active-hover-indicator-color: #0d9488;
}
.vex-theme-teal .mat-mdc-tab-group.mat-accent, .vex-theme-teal .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-teal.light .mat-mdc-tab-group.mat-accent,
.vex-theme-teal.light .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-teal .light .mat-mdc-tab-group.mat-accent,
.vex-theme-teal .light .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f59e0b;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #f59e0b;
  --mat-tab-header-active-ripple-color: #f59e0b;
  --mat-tab-header-inactive-ripple-color: #f59e0b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f59e0b;
  --mat-tab-header-active-hover-label-text-color: #f59e0b;
  --mat-tab-header-active-focus-indicator-color: #f59e0b;
  --mat-tab-header-active-hover-indicator-color: #f59e0b;
}
.vex-theme-teal .mat-mdc-tab-group.mat-warn, .vex-theme-teal .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-teal.light .mat-mdc-tab-group.mat-warn,
.vex-theme-teal.light .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-teal .light .mat-mdc-tab-group.mat-warn,
.vex-theme-teal .light .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-teal .mat-mdc-tab-group.mat-background-primary, .vex-theme-teal .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-teal.light .mat-mdc-tab-group.mat-background-primary,
.vex-theme-teal.light .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-teal .light .mat-mdc-tab-group.mat-background-primary,
.vex-theme-teal .light .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #0d9488;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-teal .mat-mdc-tab-group.mat-background-accent, .vex-theme-teal .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-teal.light .mat-mdc-tab-group.mat-background-accent,
.vex-theme-teal.light .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-teal .light .mat-mdc-tab-group.mat-background-accent,
.vex-theme-teal .light .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f59e0b;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-teal .mat-mdc-tab-group.mat-background-warn, .vex-theme-teal .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-teal.light .mat-mdc-tab-group.mat-background-warn,
.vex-theme-teal.light .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-teal .light .mat-mdc-tab-group.mat-background-warn,
.vex-theme-teal .light .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-teal .mat-mdc-tab-header,
.vex-theme-teal.light .mat-mdc-tab-header,
.vex-theme-teal .light .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-label-text-font: var(--font);
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: -0.006em;
  --mat-tab-header-label-text-line-height: 14px;
  --mat-tab-header-label-text-weight: 500;
}
.vex-theme-teal .mat-mdc-checkbox,
.vex-theme-teal.light .mat-mdc-checkbox,
.vex-theme-teal .light .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-teal .mat-mdc-checkbox.mat-primary,
.vex-theme-teal.light .mat-mdc-checkbox.mat-primary,
.vex-theme-teal .light .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #0d9488;
  --mdc-checkbox-selected-hover-icon-color: #0d9488;
  --mdc-checkbox-selected-icon-color: #0d9488;
  --mdc-checkbox-selected-pressed-icon-color: #0d9488;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0d9488;
  --mdc-checkbox-selected-hover-state-layer-color: #0d9488;
  --mdc-checkbox-selected-pressed-state-layer-color: #0d9488;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-teal .mat-mdc-checkbox.mat-warn,
.vex-theme-teal.light .mat-mdc-checkbox.mat-warn,
.vex-theme-teal .light .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-teal .mat-mdc-checkbox,
.vex-theme-teal.light .mat-mdc-checkbox,
.vex-theme-teal .light .mat-mdc-checkbox {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-teal .mat-mdc-button.mat-primary,
.vex-theme-teal.light .mat-mdc-button.mat-primary,
.vex-theme-teal .light .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #0d9488;
  --mat-text-button-state-layer-color: #0d9488;
  --mat-text-button-ripple-color: rgba(13, 148, 136, 0.1);
}
.vex-theme-teal .mat-mdc-button.mat-accent,
.vex-theme-teal.light .mat-mdc-button.mat-accent,
.vex-theme-teal .light .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f59e0b;
  --mat-text-button-state-layer-color: #f59e0b;
  --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-teal .mat-mdc-button.mat-warn,
.vex-theme-teal.light .mat-mdc-button.mat-warn,
.vex-theme-teal .light .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-teal .mat-mdc-unelevated-button.mat-primary,
.vex-theme-teal.light .mat-mdc-unelevated-button.mat-primary,
.vex-theme-teal .light .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #0d9488;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal .mat-mdc-unelevated-button.mat-accent,
.vex-theme-teal.light .mat-mdc-unelevated-button.mat-accent,
.vex-theme-teal .light .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f59e0b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal .mat-mdc-unelevated-button.mat-warn,
.vex-theme-teal.light .mat-mdc-unelevated-button.mat-warn,
.vex-theme-teal .light .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal .mat-mdc-raised-button.mat-primary,
.vex-theme-teal.light .mat-mdc-raised-button.mat-primary,
.vex-theme-teal .light .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #0d9488;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal .mat-mdc-raised-button.mat-accent,
.vex-theme-teal.light .mat-mdc-raised-button.mat-accent,
.vex-theme-teal .light .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f59e0b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal .mat-mdc-raised-button.mat-warn,
.vex-theme-teal.light .mat-mdc-raised-button.mat-warn,
.vex-theme-teal .light .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal .mat-mdc-outlined-button.mat-primary,
.vex-theme-teal.light .mat-mdc-outlined-button.mat-primary,
.vex-theme-teal .light .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #0d9488;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #0d9488;
  --mat-outlined-button-ripple-color: rgba(13, 148, 136, 0.1);
}
.vex-theme-teal .mat-mdc-outlined-button.mat-accent,
.vex-theme-teal.light .mat-mdc-outlined-button.mat-accent,
.vex-theme-teal .light .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f59e0b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #f59e0b;
  --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-teal .mat-mdc-outlined-button.mat-warn,
.vex-theme-teal.light .mat-mdc-outlined-button.mat-warn,
.vex-theme-teal .light .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-teal .mat-mdc-icon-button.mat-primary,
.vex-theme-teal.light .mat-mdc-icon-button.mat-primary,
.vex-theme-teal .light .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #0d9488;
  --mat-icon-button-state-layer-color: #0d9488;
  --mat-icon-button-ripple-color: rgba(13, 148, 136, 0.1);
}
.vex-theme-teal .mat-mdc-icon-button.mat-accent,
.vex-theme-teal.light .mat-mdc-icon-button.mat-accent,
.vex-theme-teal .light .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f59e0b;
  --mat-icon-button-state-layer-color: #f59e0b;
  --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-teal .mat-mdc-icon-button.mat-warn,
.vex-theme-teal.light .mat-mdc-icon-button.mat-warn,
.vex-theme-teal .light .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-teal .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-teal.light .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-teal .light .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.vex-theme-teal .mat-mdc-fab.mat-primary,
.vex-theme-teal.light .mat-mdc-fab.mat-primary,
.vex-theme-teal .light .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #0d9488;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal .mat-mdc-fab.mat-accent,
.vex-theme-teal.light .mat-mdc-fab.mat-accent,
.vex-theme-teal .light .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal .mat-mdc-fab.mat-warn,
.vex-theme-teal.light .mat-mdc-fab.mat-warn,
.vex-theme-teal .light .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal .mat-mdc-mini-fab.mat-primary,
.vex-theme-teal.light .mat-mdc-mini-fab.mat-primary,
.vex-theme-teal .light .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #0d9488;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal .mat-mdc-mini-fab.mat-accent,
.vex-theme-teal.light .mat-mdc-mini-fab.mat-accent,
.vex-theme-teal .light .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #f59e0b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal .mat-mdc-mini-fab.mat-warn,
.vex-theme-teal.light .mat-mdc-mini-fab.mat-warn,
.vex-theme-teal .light .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal .mat-accent,
.vex-theme-teal.light .mat-accent,
.vex-theme-teal .light .mat-accent {
  --mdc-circular-progress-active-indicator-color: #f59e0b;
}
.vex-theme-teal .mat-warn,
.vex-theme-teal.light .mat-warn,
.vex-theme-teal .light .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef4444;
}
.vex-theme-teal .mat-badge-accent,
.vex-theme-teal.light .mat-badge-accent,
.vex-theme-teal .light .mat-badge-accent {
  --mat-badge-background-color: #f59e0b;
  --mat-badge-text-color: white;
}
.vex-theme-teal .mat-badge-warn,
.vex-theme-teal.light .mat-badge-warn,
.vex-theme-teal .light .mat-badge-warn {
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
}
.vex-theme-teal .mat-datepicker-content.mat-accent,
.vex-theme-teal.light .mat-datepicker-content.mat-accent,
.vex-theme-teal .light .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-teal .mat-datepicker-content.mat-warn,
.vex-theme-teal.light .mat-datepicker-content.mat-warn,
.vex-theme-teal .light .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-teal .mat-datepicker-toggle-active.mat-accent,
.vex-theme-teal.light .mat-datepicker-toggle-active.mat-accent,
.vex-theme-teal .light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f59e0b;
}
.vex-theme-teal .mat-datepicker-toggle-active.mat-warn,
.vex-theme-teal.light .mat-datepicker-toggle-active.mat-warn,
.vex-theme-teal .light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
}
.vex-theme-teal .mat-calendar-controls,
.vex-theme-teal.light .mat-calendar-controls,
.vex-theme-teal .light .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.vex-theme-teal .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-teal.light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-teal .light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.vex-theme-teal .mat-icon.mat-primary,
.vex-theme-teal.light .mat-icon.mat-primary,
.vex-theme-teal .light .mat-icon.mat-primary {
  --mat-icon-color: #0d9488;
}
.vex-theme-teal .mat-icon.mat-accent,
.vex-theme-teal.light .mat-icon.mat-accent,
.vex-theme-teal .light .mat-icon.mat-accent {
  --mat-icon-color: #f59e0b;
}
.vex-theme-teal .mat-icon.mat-warn,
.vex-theme-teal.light .mat-icon.mat-warn,
.vex-theme-teal .light .mat-icon.mat-warn {
  --mat-icon-color: #ef4444;
}
.vex-theme-teal .mat-step-header.mat-accent,
.vex-theme-teal.light .mat-step-header.mat-accent,
.vex-theme-teal .light .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f59e0b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f59e0b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f59e0b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-teal .mat-step-header.mat-warn,
.vex-theme-teal.light .mat-step-header.mat-warn,
.vex-theme-teal .light .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-teal .mat-toolbar.mat-primary,
.vex-theme-teal.light .mat-toolbar.mat-primary,
.vex-theme-teal .light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0d9488;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-teal .mat-toolbar.mat-accent,
.vex-theme-teal.light .mat-toolbar.mat-accent,
.vex-theme-teal .light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-teal .mat-toolbar.mat-warn,
.vex-theme-teal.light .mat-toolbar.mat-warn,
.vex-theme-teal .light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}

/**
 * Override the theme foreground/background colors with the Angular Material colors
 */
.vex-theme-teal.dark,
.vex-theme-teal .dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: #14b8a6;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #111827;
  --mat-app-text-color: white;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: #1f2937;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: #1f2937;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: #9ca3af;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #374151;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #14b8a6;
  --mdc-filled-text-field-focus-active-indicator-color: #14b8a6;
  --mdc-filled-text-field-focus-label-text-color: rgba(20, 184, 166, 0.87);
  --mdc-filled-text-field-container-color: #28323f;
  --mdc-filled-text-field-disabled-container-color: #232d3b;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ef4444;
  --mdc-filled-text-field-error-focus-label-text-color: #ef4444;
  --mdc-filled-text-field-error-label-text-color: #ef4444;
  --mdc-filled-text-field-error-caret-color: #ef4444;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ef4444;
  --mdc-outlined-text-field-caret-color: #14b8a6;
  --mdc-outlined-text-field-focus-outline-color: #14b8a6;
  --mdc-outlined-text-field-focus-label-text-color: rgba(20, 184, 166, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ef4444;
  --mdc-outlined-text-field-error-focus-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-hover-label-text-color: #ef4444;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-error-hover-outline-color: #ef4444;
  --mdc-outlined-text-field-error-outline-color: #ef4444;
  --mat-form-field-focus-select-arrow-color: rgba(20, 184, 166, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #ef4444;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(20, 184, 166, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: #1f2937;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: #1f2937;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #5eead4;
  --mdc-switch-selected-handle-color: #5eead4;
  --mdc-switch-selected-hover-state-layer-color: #5eead4;
  --mdc-switch-selected-pressed-state-layer-color: #5eead4;
  --mdc-switch-selected-focus-handle-color: #99f6e4;
  --mdc-switch-selected-hover-handle-color: #99f6e4;
  --mdc-switch-selected-pressed-handle-color: #99f6e4;
  --mdc-switch-selected-focus-track-color: #0d9488;
  --mdc-switch-selected-hover-track-color: #0d9488;
  --mdc-switch-selected-pressed-track-color: #0d9488;
  --mdc-switch-selected-track-color: #0d9488;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-disabled-label-text-color: #6b7280;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #14b8a6;
  --mdc-slider-focus-handle-color: #14b8a6;
  --mdc-slider-hover-handle-color: #14b8a6;
  --mdc-slider-active-track-color: #14b8a6;
  --mdc-slider-inactive-track-color: #14b8a6;
  --mdc-slider-with-tick-marks-inactive-container-color: #14b8a6;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #14b8a6;
  --mat-slider-hover-state-layer-color: rgba(20, 184, 166, 0.05);
  --mat-slider-focus-state-layer-color: rgba(20, 184, 166, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #1f2937;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: #9ca3af;
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: #6b7280;
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #1f2937;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: #6b7280;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
  --mdc-filled-button-container-color: #1f2937;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(75, 85, 99, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
  --mdc-protected-button-container-color: #1f2937;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(75, 85, 99, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: #1f2937;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(75, 85, 99, 0.5);
  --mdc-fab-small-container-color: #1f2937;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(75, 85, 99, 0.5);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d2d4d7;
  --mdc-snackbar-supporting-text-color: rgba(31, 41, 55, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #1f2937;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #14b8a6;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #14b8a6;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #4b5563;
  --mat-badge-disabled-state-text-color: #6b7280;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #1f2937;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: #6b7280;
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: #9ca3af;
  --mat-legacy-button-toggle-selected-state-background-color: #111827;
  --mat-legacy-button-toggle-disabled-state-text-color: #4b5563;
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #1f2937;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #1f2937;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #111827;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: #4b5563;
  --mat-standard-button-toggle-disabled-state-background-color: #1f2937;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #1f2937;
  --mat-standard-button-toggle-divider-color: #3a434f;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #14b8a6;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(20, 184, 166, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(20, 184, 166, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(20, 184, 166, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #14b8a6;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(20, 184, 166, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: #9ca3af;
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: #9ca3af;
  --mat-datepicker-calendar-date-today-outline-color: #6b7280;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(107, 114, 128, 0.8);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: #6b7280;
  --mat-datepicker-range-input-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-container-background-color: #1f2937;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: #1f2937;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: #4b5563;
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: #9ca3af;
  --mat-expansion-header-indicator-color: #9ca3af;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #1f2937;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #111827;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(224, 214, 200, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #14b8a6;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #14b8a6;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #14b8a6;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #1f2937;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: #9ca3af;
  --mat-stepper-header-optional-label-text-color: #9ca3af;
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #ef4444;
  --mat-stepper-header-icon-background-color: #9ca3af;
  --mat-stepper-header-error-state-icon-foreground-color: #ef4444;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: #9ca3af;
  --mat-toolbar-container-background-color: #1f2937;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #1f2937;
  --mat-tree-node-text-color: white;
}
.vex-theme-teal.dark .mat-accent,
.vex-theme-teal .dark .mat-accent {
  --mat-option-selected-state-label-text-color: #f59e0b;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.vex-theme-teal.dark .mat-warn,
.vex-theme-teal .dark .mat-warn {
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.vex-theme-teal.dark .mat-primary,
.vex-theme-teal .dark .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #14b8a6;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #14b8a6;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-teal.dark .mat-accent,
.vex-theme-teal .dark .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-teal.dark .mat-warn,
.vex-theme-teal .dark .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-teal.dark .mat-elevation-z0, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-teal .dark .mat-elevation-z0,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z1, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-teal .dark .mat-elevation-z1,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z2, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-teal .dark .mat-elevation-z2,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z3, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-teal .dark .mat-elevation-z3,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z4, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-teal .dark .mat-elevation-z4,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z5, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-teal .dark .mat-elevation-z5,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z6, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-teal .dark .mat-elevation-z6,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z7, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-teal .dark .mat-elevation-z7,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z8, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-teal .dark .mat-elevation-z8,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z9, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-teal .dark .mat-elevation-z9,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z10, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-teal .dark .mat-elevation-z10,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z11, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-teal .dark .mat-elevation-z11,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z12, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-teal .dark .mat-elevation-z12,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z13, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-teal .dark .mat-elevation-z13,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z14, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-teal .dark .mat-elevation-z14,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z15, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-teal .dark .mat-elevation-z15,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z16, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-teal .dark .mat-elevation-z16,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z17, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-teal .dark .mat-elevation-z17,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z18, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-teal .dark .mat-elevation-z18,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z19, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-teal .dark .mat-elevation-z19,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z20, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-teal .dark .mat-elevation-z20,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z21, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-teal .dark .mat-elevation-z21,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z22, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-teal .dark .mat-elevation-z22,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z23, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-teal .dark .mat-elevation-z23,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.vex-theme-teal.dark .mat-elevation-z24, .vex-theme-teal.dark .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-teal .dark .mat-elevation-z24,
.vex-theme-teal .dark .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.vex-theme-teal.dark .mat-mdc-progress-bar,
.vex-theme-teal .dark .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #14b8a6;
  --mdc-linear-progress-track-color: rgba(20, 184, 166, 0.25);
}
.vex-theme-teal.dark .mat-mdc-progress-bar.mat-accent,
.vex-theme-teal .dark .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f59e0b;
  --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25);
}
.vex-theme-teal.dark .mat-mdc-progress-bar.mat-warn,
.vex-theme-teal .dark .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-teal.dark .mat-mdc-form-field.mat-accent,
.vex-theme-teal .dark .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f59e0b;
  --mdc-filled-text-field-focus-active-indicator-color: #f59e0b;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mdc-outlined-text-field-caret-color: #f59e0b;
  --mdc-outlined-text-field-focus-outline-color: #f59e0b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87);
}
.vex-theme-teal.dark .mat-mdc-form-field.mat-warn,
.vex-theme-teal .dark .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-teal.dark .mat-mdc-form-field.mat-accent,
.vex-theme-teal .dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-teal.dark .mat-mdc-form-field.mat-warn,
.vex-theme-teal .dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-teal.dark .mat-mdc-standard-chip,
.vex-theme-teal .dark .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #3a434f;
  --mdc-chip-elevated-selected-container-color: #3a434f;
  --mdc-chip-elevated-disabled-container-color: #3a434f;
  --mdc-chip-flat-disabled-selected-container-color: #3a434f;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.vex-theme-teal.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .vex-theme-teal.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-teal .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-teal .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #14b8a6;
  --mdc-chip-elevated-selected-container-color: #14b8a6;
  --mdc-chip-elevated-disabled-container-color: #14b8a6;
  --mdc-chip-flat-disabled-selected-container-color: #14b8a6;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-teal.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .vex-theme-teal.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-teal .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-teal .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f59e0b;
  --mdc-chip-elevated-selected-container-color: #f59e0b;
  --mdc-chip-elevated-disabled-container-color: #f59e0b;
  --mdc-chip-flat-disabled-selected-container-color: #f59e0b;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-teal.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .vex-theme-teal.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-teal .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-teal .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-teal.dark .mat-mdc-slide-toggle,
.vex-theme-teal .dark .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-teal.dark .mat-mdc-slide-toggle.mat-accent,
.vex-theme-teal .dark .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #fcd34d;
  --mdc-switch-selected-handle-color: #fcd34d;
  --mdc-switch-selected-hover-state-layer-color: #fcd34d;
  --mdc-switch-selected-pressed-state-layer-color: #fcd34d;
  --mdc-switch-selected-focus-handle-color: #fde68a;
  --mdc-switch-selected-hover-handle-color: #fde68a;
  --mdc-switch-selected-pressed-handle-color: #fde68a;
  --mdc-switch-selected-focus-track-color: #d97706;
  --mdc-switch-selected-hover-track-color: #d97706;
  --mdc-switch-selected-pressed-track-color: #d97706;
  --mdc-switch-selected-track-color: #d97706;
}
.vex-theme-teal.dark .mat-mdc-slide-toggle.mat-warn,
.vex-theme-teal .dark .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #fca5a5;
  --mdc-switch-selected-handle-color: #fca5a5;
  --mdc-switch-selected-hover-state-layer-color: #fca5a5;
  --mdc-switch-selected-pressed-state-layer-color: #fca5a5;
  --mdc-switch-selected-focus-handle-color: #fecaca;
  --mdc-switch-selected-hover-handle-color: #fecaca;
  --mdc-switch-selected-pressed-handle-color: #fecaca;
  --mdc-switch-selected-focus-track-color: #dc2626;
  --mdc-switch-selected-hover-track-color: #dc2626;
  --mdc-switch-selected-pressed-track-color: #dc2626;
  --mdc-switch-selected-track-color: #dc2626;
}
.vex-theme-teal.dark .mat-mdc-radio-button,
.vex-theme-teal .dark .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-teal.dark .mat-mdc-radio-button.mat-primary,
.vex-theme-teal .dark .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #14b8a6;
  --mdc-radio-selected-hover-icon-color: #14b8a6;
  --mdc-radio-selected-icon-color: #14b8a6;
  --mdc-radio-selected-pressed-icon-color: #14b8a6;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #14b8a6;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-teal.dark .mat-mdc-radio-button.mat-accent,
.vex-theme-teal .dark .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #f59e0b;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-teal.dark .mat-mdc-radio-button.mat-warn,
.vex-theme-teal .dark .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-teal.dark .mat-accent,
.vex-theme-teal .dark .mat-accent {
  --mat-slider-ripple-color: #f59e0b;
  --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2);
  --mdc-slider-handle-color: #f59e0b;
  --mdc-slider-focus-handle-color: #f59e0b;
  --mdc-slider-hover-handle-color: #f59e0b;
  --mdc-slider-active-track-color: #f59e0b;
  --mdc-slider-inactive-track-color: #f59e0b;
  --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-teal.dark .mat-warn,
.vex-theme-teal .dark .mat-warn {
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-teal.dark .mdc-list-item__start,
.vex-theme-teal.dark .mdc-list-item__end,
.vex-theme-teal .dark .mdc-list-item__start,
.vex-theme-teal .dark .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #14b8a6;
  --mdc-radio-selected-hover-icon-color: #14b8a6;
  --mdc-radio-selected-icon-color: #14b8a6;
  --mdc-radio-selected-pressed-icon-color: #14b8a6;
}
.vex-theme-teal.dark .mat-accent .mdc-list-item__start,
.vex-theme-teal.dark .mat-accent .mdc-list-item__end,
.vex-theme-teal .dark .mat-accent .mdc-list-item__start,
.vex-theme-teal .dark .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
}
.vex-theme-teal.dark .mat-warn .mdc-list-item__start,
.vex-theme-teal.dark .mat-warn .mdc-list-item__end,
.vex-theme-teal .dark .mat-warn .mdc-list-item__start,
.vex-theme-teal .dark .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-teal.dark .mat-mdc-list-option,
.vex-theme-teal .dark .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #14b8a6;
  --mdc-checkbox-selected-hover-icon-color: #14b8a6;
  --mdc-checkbox-selected-icon-color: #14b8a6;
  --mdc-checkbox-selected-pressed-icon-color: #14b8a6;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #14b8a6;
  --mdc-checkbox-selected-hover-state-layer-color: #14b8a6;
  --mdc-checkbox-selected-pressed-state-layer-color: #14b8a6;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-teal.dark .mat-mdc-list-option.mat-accent,
.vex-theme-teal .dark .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-teal.dark .mat-mdc-list-option.mat-warn,
.vex-theme-teal .dark .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-teal.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-teal.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-teal .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-teal .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #14b8a6;
}
.vex-theme-teal.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-teal.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-teal .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-teal .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #14b8a6;
}
.vex-theme-teal.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-teal.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-teal.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-teal .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-teal .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-teal .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vex-theme-teal.dark .mat-mdc-tab-group, .vex-theme-teal.dark .mat-mdc-tab-nav-bar,
.vex-theme-teal .dark .mat-mdc-tab-group,
.vex-theme-teal .dark .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #14b8a6;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #14b8a6;
  --mat-tab-header-active-ripple-color: #14b8a6;
  --mat-tab-header-inactive-ripple-color: #14b8a6;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #14b8a6;
  --mat-tab-header-active-hover-label-text-color: #14b8a6;
  --mat-tab-header-active-focus-indicator-color: #14b8a6;
  --mat-tab-header-active-hover-indicator-color: #14b8a6;
}
.vex-theme-teal.dark .mat-mdc-tab-group.mat-accent, .vex-theme-teal.dark .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-teal .dark .mat-mdc-tab-group.mat-accent,
.vex-theme-teal .dark .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f59e0b;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #f59e0b;
  --mat-tab-header-active-ripple-color: #f59e0b;
  --mat-tab-header-inactive-ripple-color: #f59e0b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f59e0b;
  --mat-tab-header-active-hover-label-text-color: #f59e0b;
  --mat-tab-header-active-focus-indicator-color: #f59e0b;
  --mat-tab-header-active-hover-indicator-color: #f59e0b;
}
.vex-theme-teal.dark .mat-mdc-tab-group.mat-warn, .vex-theme-teal.dark .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-teal .dark .mat-mdc-tab-group.mat-warn,
.vex-theme-teal .dark .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-teal.dark .mat-mdc-tab-group.mat-background-primary, .vex-theme-teal.dark .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-teal .dark .mat-mdc-tab-group.mat-background-primary,
.vex-theme-teal .dark .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #14b8a6;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-teal.dark .mat-mdc-tab-group.mat-background-accent, .vex-theme-teal.dark .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-teal .dark .mat-mdc-tab-group.mat-background-accent,
.vex-theme-teal .dark .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f59e0b;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-teal.dark .mat-mdc-tab-group.mat-background-warn, .vex-theme-teal.dark .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-teal .dark .mat-mdc-tab-group.mat-background-warn,
.vex-theme-teal .dark .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-teal.dark .mat-mdc-checkbox,
.vex-theme-teal .dark .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-teal.dark .mat-mdc-checkbox.mat-primary,
.vex-theme-teal .dark .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #14b8a6;
  --mdc-checkbox-selected-hover-icon-color: #14b8a6;
  --mdc-checkbox-selected-icon-color: #14b8a6;
  --mdc-checkbox-selected-pressed-icon-color: #14b8a6;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #14b8a6;
  --mdc-checkbox-selected-hover-state-layer-color: #14b8a6;
  --mdc-checkbox-selected-pressed-state-layer-color: #14b8a6;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-teal.dark .mat-mdc-checkbox.mat-warn,
.vex-theme-teal .dark .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-teal.dark .mat-mdc-button.mat-primary,
.vex-theme-teal .dark .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #14b8a6;
  --mat-text-button-state-layer-color: #14b8a6;
  --mat-text-button-ripple-color: rgba(20, 184, 166, 0.1);
}
.vex-theme-teal.dark .mat-mdc-button.mat-accent,
.vex-theme-teal .dark .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f59e0b;
  --mat-text-button-state-layer-color: #f59e0b;
  --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-teal.dark .mat-mdc-button.mat-warn,
.vex-theme-teal .dark .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-teal.dark .mat-mdc-unelevated-button.mat-primary,
.vex-theme-teal .dark .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #14b8a6;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal.dark .mat-mdc-unelevated-button.mat-accent,
.vex-theme-teal .dark .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f59e0b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal.dark .mat-mdc-unelevated-button.mat-warn,
.vex-theme-teal .dark .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal.dark .mat-mdc-raised-button.mat-primary,
.vex-theme-teal .dark .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #14b8a6;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal.dark .mat-mdc-raised-button.mat-accent,
.vex-theme-teal .dark .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f59e0b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal.dark .mat-mdc-raised-button.mat-warn,
.vex-theme-teal .dark .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal.dark .mat-mdc-outlined-button.mat-primary,
.vex-theme-teal .dark .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #14b8a6;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #14b8a6;
  --mat-outlined-button-ripple-color: rgba(20, 184, 166, 0.1);
}
.vex-theme-teal.dark .mat-mdc-outlined-button.mat-accent,
.vex-theme-teal .dark .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f59e0b;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #f59e0b;
  --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-teal.dark .mat-mdc-outlined-button.mat-warn,
.vex-theme-teal .dark .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-teal.dark .mat-mdc-icon-button.mat-primary,
.vex-theme-teal .dark .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #14b8a6;
  --mat-icon-button-state-layer-color: #14b8a6;
  --mat-icon-button-ripple-color: rgba(20, 184, 166, 0.1);
}
.vex-theme-teal.dark .mat-mdc-icon-button.mat-accent,
.vex-theme-teal .dark .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f59e0b;
  --mat-icon-button-state-layer-color: #f59e0b;
  --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-teal.dark .mat-mdc-icon-button.mat-warn,
.vex-theme-teal .dark .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-teal.dark .mat-mdc-fab.mat-primary,
.vex-theme-teal .dark .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #14b8a6;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal.dark .mat-mdc-fab.mat-accent,
.vex-theme-teal .dark .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal.dark .mat-mdc-fab.mat-warn,
.vex-theme-teal .dark .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal.dark .mat-mdc-mini-fab.mat-primary,
.vex-theme-teal .dark .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #14b8a6;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal.dark .mat-mdc-mini-fab.mat-accent,
.vex-theme-teal .dark .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #f59e0b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal.dark .mat-mdc-mini-fab.mat-warn,
.vex-theme-teal .dark .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-teal.dark .mat-accent,
.vex-theme-teal .dark .mat-accent {
  --mdc-circular-progress-active-indicator-color: #f59e0b;
}
.vex-theme-teal.dark .mat-warn,
.vex-theme-teal .dark .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef4444;
}
.vex-theme-teal.dark .mat-badge-accent,
.vex-theme-teal .dark .mat-badge-accent {
  --mat-badge-background-color: #f59e0b;
  --mat-badge-text-color: white;
}
.vex-theme-teal.dark .mat-badge-warn,
.vex-theme-teal .dark .mat-badge-warn {
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
}
.vex-theme-teal.dark .mat-datepicker-content.mat-accent,
.vex-theme-teal .dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-teal.dark .mat-datepicker-content.mat-warn,
.vex-theme-teal .dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-teal.dark .mat-datepicker-toggle-active.mat-accent,
.vex-theme-teal .dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f59e0b;
}
.vex-theme-teal.dark .mat-datepicker-toggle-active.mat-warn,
.vex-theme-teal .dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
}
.vex-theme-teal.dark .mat-icon.mat-primary,
.vex-theme-teal .dark .mat-icon.mat-primary {
  --mat-icon-color: #14b8a6;
}
.vex-theme-teal.dark .mat-icon.mat-accent,
.vex-theme-teal .dark .mat-icon.mat-accent {
  --mat-icon-color: #f59e0b;
}
.vex-theme-teal.dark .mat-icon.mat-warn,
.vex-theme-teal .dark .mat-icon.mat-warn {
  --mat-icon-color: #ef4444;
}
.vex-theme-teal.dark .mat-step-header.mat-accent,
.vex-theme-teal .dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f59e0b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f59e0b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f59e0b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-teal.dark .mat-step-header.mat-warn,
.vex-theme-teal .dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-teal.dark .mat-toolbar.mat-primary,
.vex-theme-teal .dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #14b8a6;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-teal.dark .mat-toolbar.mat-accent,
.vex-theme-teal .dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-teal.dark .mat-toolbar.mat-warn,
.vex-theme-teal .dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}

/**
 * Override the theme foreground/background colors with the Angular Material colors
 */
.vex-theme-green,
.vex-theme-green.light,
.vex-theme-green .light {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-selected-state-label-text-color: #16a34a;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-optgroup-label-text-color: #030712;
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  --mat-app-background-color: #f3f4f6;
  --mat-app-text-color: #030712;
  --mat-option-label-text-font: var(--font);
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 14px;
  --mat-option-label-text-tracking: -0.009em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: var(--font);
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 14px;
  --mat-optgroup-label-text-tracking: -0.009em;
  --mat-optgroup-label-text-weight: 400;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: #4b5563;
  --mat-card-title-text-font: var(--font);
  --mat-card-title-text-line-height: 26px;
  --mat-card-title-text-size: 18px;
  --mat-card-title-text-tracking: -0.014em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: var(--font);
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: -0.006em;
  --mat-card-subtitle-text-weight: 500;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #1f2937;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-plain-tooltip-supporting-text-font: var(--font);
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #16a34a;
  --mdc-filled-text-field-focus-active-indicator-color: #16a34a;
  --mdc-filled-text-field-focus-label-text-color: rgba(22, 163, 74, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(3, 7, 18, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ef4444;
  --mdc-filled-text-field-error-focus-label-text-color: #ef4444;
  --mdc-filled-text-field-error-label-text-color: #ef4444;
  --mdc-filled-text-field-error-caret-color: #ef4444;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ef4444;
  --mdc-outlined-text-field-caret-color: #16a34a;
  --mdc-outlined-text-field-focus-outline-color: #16a34a;
  --mdc-outlined-text-field-focus-label-text-color: rgba(22, 163, 74, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(3, 7, 18, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ef4444;
  --mdc-outlined-text-field-error-focus-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-hover-label-text-color: #ef4444;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-error-hover-outline-color: #ef4444;
  --mdc-outlined-text-field-error-outline-color: #ef4444;
  --mat-form-field-focus-select-arrow-color: rgba(22, 163, 74, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(31, 41, 55, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ef4444;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(31, 41, 55, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(31, 41, 55, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mdc-filled-text-field-label-text-font: var(--font);
  --mdc-filled-text-field-label-text-size: 14px;
  --mdc-filled-text-field-label-text-tracking: -0.009em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: var(--font);
  --mdc-outlined-text-field-label-text-size: 14px;
  --mdc-outlined-text-field-label-text-tracking: -0.009em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: var(--font);
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-tracking: -0.009em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 14px;
  --mat-form-field-subscript-text-font: var(--font);
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0;
  --mat-form-field-subscript-text-weight: 400;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(22, 163, 74, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: var(--font);
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 14px;
  --mat-select-trigger-text-tracking: -0.009em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(3, 7, 18, 0.87);
  --mdc-dialog-supporting-text-color: rgba(3, 7, 18, 0.6);
  --mdc-dialog-subhead-font: var(--font);
  --mdc-dialog-subhead-line-height: 26px;
  --mdc-dialog-subhead-size: 18px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: -0.014em;
  --mdc-dialog-supporting-text-font: var(--font);
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 14px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: -0.009em;
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #16a34a;
  --mdc-switch-selected-handle-color: #16a34a;
  --mdc-switch-selected-hover-state-layer-color: #16a34a;
  --mdc-switch-selected-pressed-state-layer-color: #16a34a;
  --mdc-switch-selected-focus-handle-color: #14532d;
  --mdc-switch-selected-hover-handle-color: #14532d;
  --mdc-switch-selected-pressed-handle-color: #14532d;
  --mdc-switch-selected-focus-track-color: #86efac;
  --mdc-switch-selected-hover-track-color: #86efac;
  --mdc-switch-selected-pressed-track-color: #86efac;
  --mdc-switch-selected-track-color: #86efac;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: #6b7280;
  --mdc-switch-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #16a34a;
  --mdc-slider-focus-handle-color: #16a34a;
  --mdc-slider-hover-handle-color: #16a34a;
  --mdc-slider-active-track-color: #16a34a;
  --mdc-slider-inactive-track-color: #16a34a;
  --mdc-slider-with-tick-marks-inactive-container-color: #16a34a;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #16a34a;
  --mat-slider-hover-state-layer-color: rgba(22, 163, 74, 0.05);
  --mat-slider-focus-state-layer-color: rgba(22, 163, 74, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
  --mdc-slider-label-label-text-font: var(--font);
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 24px;
  --mdc-slider-label-label-text-tracking: -0.006em;
  --mdc-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: #030712;
  --mat-menu-item-icon-color: #030712;
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.06);
  --mat-menu-item-label-text-font: var(--font);
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-tracking: -0.009em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: #030712;
  --mdc-list-list-item-supporting-text-color: #4b5563;
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: #6b7280;
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: #030712;
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: #030712;
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mdc-list-list-item-label-text-font: var(--font);
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 14px;
  --mdc-list-list-item-label-text-tracking: -0.009em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: var(--font);
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: -0.006em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: var(--font);
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-container-text-font: var(--font);
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: #6b7280;
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: #030712;
  --mdc-text-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: #030712;
  --mdc-filled-button-disabled-container-color: rgba(156, 163, 175, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: #030712;
  --mdc-protected-button-disabled-container-color: rgba(156, 163, 175, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mdc-outlined-button-label-text-color: #030712;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-text-button-label-text-font: var(--font);
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: -0.006em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: var(--font);
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: -0.006em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: var(--font);
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: -0.006em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: var(--font);
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: -0.006em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-touch-target-display: block;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(229, 231, 235, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(156, 163, 175, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(229, 231, 235, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(156, 163, 175, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-extended-fab-label-text-font: var(--font);
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: -0.006em;
  --mdc-extended-fab-label-text-weight: 500;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #f59e0b;
  --mdc-snackbar-supporting-text-font: var(--font);
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: #030712;
  --mat-table-row-item-label-text-color: #030712;
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.06);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: var(--font);
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: -0.006em;
  --mat-table-row-item-label-text-font: var(--font);
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: -0.006em;
  --mat-table-footer-supporting-text-font: var(--font);
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: -0.006em;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #16a34a;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #16a34a;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #9ca3af;
  --mat-badge-disabled-state-text-color: #6b7280;
  --mat-badge-text-font: var(--font);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: #030712;
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: var(--font);
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: -0.006em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: #6b7280;
  --mat-legacy-button-toggle-state-layer-color: #e5e7eb;
  --mat-legacy-button-toggle-selected-state-text-color: #4b5563;
  --mat-legacy-button-toggle-selected-state-background-color: #d1d5db;
  --mat-legacy-button-toggle-disabled-state-text-color: #9ca3af;
  --mat-legacy-button-toggle-disabled-state-background-color: #e5e7eb;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #9ca3af;
  --mat-standard-button-toggle-text-color: #030712;
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: #e5e7eb;
  --mat-standard-button-toggle-selected-state-background-color: #d1d5db;
  --mat-standard-button-toggle-selected-state-text-color: #030712;
  --mat-standard-button-toggle-disabled-state-text-color: #9ca3af;
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: #030712;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #9ca3af;
  --mat-standard-button-toggle-divider-color: #f0f0f0;
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-label-text-font: var(--font);
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 14px;
  --mat-legacy-button-toggle-label-text-tracking: -0.009em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: var(--font);
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 14px;
  --mat-standard-button-toggle-label-text-tracking: -0.009em;
  --mat-standard-button-toggle-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #16a34a;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(22, 163, 74, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(22, 163, 74, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(22, 163, 74, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #16a34a;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(22, 163, 74, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: #1f2937;
  --mat-datepicker-calendar-body-label-text-color: #4b5563;
  --mat-datepicker-calendar-period-button-text-color: #030712;
  --mat-datepicker-calendar-period-button-icon-color: #1f2937;
  --mat-datepicker-calendar-navigation-button-icon-color: #1f2937;
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.06);
  --mat-datepicker-calendar-header-text-color: #4b5563;
  --mat-datepicker-calendar-date-today-outline-color: #6b7280;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(107, 114, 128, 0.8);
  --mat-datepicker-calendar-date-text-color: #030712;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-range-input-separator-color: #030712;
  --mat-datepicker-range-input-disabled-state-separator-color: #6b7280;
  --mat-datepicker-range-input-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: #030712;
  --mat-datepicker-calendar-text-font: var(--font);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.06);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: #030712;
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.06);
  --mat-expansion-header-hover-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-expansion-header-disabled-state-text-color: #9ca3af;
  --mat-expansion-header-text-color: #030712;
  --mat-expansion-header-description-color: #4b5563;
  --mat-expansion-header-indicator-color: #4b5563;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: var(--font);
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--font);
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: -0.006em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.06);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: #030712;
  --mat-sidenav-content-background-color: #f3f4f6;
  --mat-sidenav-content-text-color: #030712;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #16a34a;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #16a34a;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #16a34a;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.06);
  --mat-stepper-header-hover-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-stepper-header-label-text-color: #4b5563;
  --mat-stepper-header-optional-label-text-color: #4b5563;
  --mat-stepper-header-selected-state-label-text-color: #030712;
  --mat-stepper-header-error-state-label-text-color: #ef4444;
  --mat-stepper-header-icon-background-color: #4b5563;
  --mat-stepper-header-error-state-icon-foreground-color: #ef4444;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: var(--font);
  --mat-stepper-header-label-text-font: var(--font);
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: #4b5563;
  --mat-toolbar-container-background-color: #e5e7eb;
  --mat-toolbar-container-text-color: #030712;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: var(--font);
  --mat-toolbar-title-text-line-height: 26px;
  --mat-toolbar-title-text-size: 18px;
  --mat-toolbar-title-text-tracking: -0.014em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: #030712;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: var(--font);
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
.vex-theme-green .mat-accent,
.vex-theme-green.light .mat-accent,
.vex-theme-green .light .mat-accent {
  --mat-option-selected-state-label-text-color: #f59e0b;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.vex-theme-green .mat-warn,
.vex-theme-green.light .mat-warn,
.vex-theme-green .light .mat-warn {
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.vex-theme-green .mat-primary,
.vex-theme-green.light .mat-primary,
.vex-theme-green .light .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #16a34a;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #16a34a;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-green .mat-accent,
.vex-theme-green.light .mat-accent,
.vex-theme-green .light .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-green .mat-warn,
.vex-theme-green.light .mat-warn,
.vex-theme-green .light .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-green .mat-elevation-z0, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-green.light .mat-elevation-z0,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-green .light .mat-elevation-z0,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z1, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-green.light .mat-elevation-z1,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-green .light .mat-elevation-z1,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z2, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-green.light .mat-elevation-z2,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-green .light .mat-elevation-z2,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z3, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-green.light .mat-elevation-z3,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-green .light .mat-elevation-z3,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z4, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-green.light .mat-elevation-z4,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-green .light .mat-elevation-z4,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z5, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-green.light .mat-elevation-z5,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-green .light .mat-elevation-z5,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z6, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-green.light .mat-elevation-z6,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-green .light .mat-elevation-z6,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z7, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-green.light .mat-elevation-z7,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-green .light .mat-elevation-z7,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z8, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-green.light .mat-elevation-z8,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-green .light .mat-elevation-z8,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z9, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-green.light .mat-elevation-z9,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-green .light .mat-elevation-z9,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z10, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-green.light .mat-elevation-z10,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-green .light .mat-elevation-z10,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z11, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-green.light .mat-elevation-z11,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-green .light .mat-elevation-z11,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z12, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-green.light .mat-elevation-z12,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-green .light .mat-elevation-z12,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z13, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-green.light .mat-elevation-z13,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-green .light .mat-elevation-z13,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z14, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-green.light .mat-elevation-z14,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-green .light .mat-elevation-z14,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z15, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-green.light .mat-elevation-z15,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-green .light .mat-elevation-z15,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z16, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-green.light .mat-elevation-z16,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-green .light .mat-elevation-z16,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z17, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-green.light .mat-elevation-z17,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-green .light .mat-elevation-z17,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z18, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-green.light .mat-elevation-z18,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-green .light .mat-elevation-z18,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z19, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-green.light .mat-elevation-z19,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-green .light .mat-elevation-z19,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z20, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-green.light .mat-elevation-z20,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-green .light .mat-elevation-z20,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z21, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-green.light .mat-elevation-z21,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-green .light .mat-elevation-z21,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z22, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-green.light .mat-elevation-z22,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-green .light .mat-elevation-z22,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z23, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-green.light .mat-elevation-z23,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-green .light .mat-elevation-z23,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.vex-theme-green .mat-elevation-z24, .vex-theme-green .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-green.light .mat-elevation-z24,
.vex-theme-green.light .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-green .light .mat-elevation-z24,
.vex-theme-green .light .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.vex-theme-green .mat-mdc-progress-bar,
.vex-theme-green.light .mat-mdc-progress-bar,
.vex-theme-green .light .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #16a34a;
  --mdc-linear-progress-track-color: rgba(22, 163, 74, 0.25);
}
.vex-theme-green .mat-mdc-progress-bar.mat-accent,
.vex-theme-green.light .mat-mdc-progress-bar.mat-accent,
.vex-theme-green .light .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f59e0b;
  --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25);
}
.vex-theme-green .mat-mdc-progress-bar.mat-warn,
.vex-theme-green.light .mat-mdc-progress-bar.mat-warn,
.vex-theme-green .light .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-green .mat-mdc-form-field.mat-accent,
.vex-theme-green.light .mat-mdc-form-field.mat-accent,
.vex-theme-green .light .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f59e0b;
  --mdc-filled-text-field-focus-active-indicator-color: #f59e0b;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mdc-outlined-text-field-caret-color: #f59e0b;
  --mdc-outlined-text-field-focus-outline-color: #f59e0b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87);
}
.vex-theme-green .mat-mdc-form-field.mat-warn,
.vex-theme-green.light .mat-mdc-form-field.mat-warn,
.vex-theme-green .light .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-green .mat-mdc-form-field.mat-accent,
.vex-theme-green.light .mat-mdc-form-field.mat-accent,
.vex-theme-green .light .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-green .mat-mdc-form-field.mat-warn,
.vex-theme-green.light .mat-mdc-form-field.mat-warn,
.vex-theme-green .light .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-green .mat-mdc-standard-chip,
.vex-theme-green.light .mat-mdc-standard-chip,
.vex-theme-green .light .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.vex-theme-green .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .vex-theme-green .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-green.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-green.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-green .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-green .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #16a34a;
  --mdc-chip-elevated-selected-container-color: #16a34a;
  --mdc-chip-elevated-disabled-container-color: #16a34a;
  --mdc-chip-flat-disabled-selected-container-color: #16a34a;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-green .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .vex-theme-green .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-green.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-green.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-green .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-green .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f59e0b;
  --mdc-chip-elevated-selected-container-color: #f59e0b;
  --mdc-chip-elevated-disabled-container-color: #f59e0b;
  --mdc-chip-flat-disabled-selected-container-color: #f59e0b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-green .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .vex-theme-green .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-green.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-green.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-green .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-green .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-green .mat-mdc-chip.mat-mdc-standard-chip,
.vex-theme-green.light .mat-mdc-chip.mat-mdc-standard-chip,
.vex-theme-green .light .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.vex-theme-green .mat-mdc-standard-chip,
.vex-theme-green.light .mat-mdc-standard-chip,
.vex-theme-green .light .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--font);
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: -0.006em;
  --mdc-chip-label-text-weight: 400;
}
.vex-theme-green .mat-mdc-slide-toggle,
.vex-theme-green.light .mat-mdc-slide-toggle,
.vex-theme-green .light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-green .mat-mdc-slide-toggle.mat-accent,
.vex-theme-green.light .mat-mdc-slide-toggle.mat-accent,
.vex-theme-green .light .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d97706;
  --mdc-switch-selected-handle-color: #d97706;
  --mdc-switch-selected-hover-state-layer-color: #d97706;
  --mdc-switch-selected-pressed-state-layer-color: #d97706;
  --mdc-switch-selected-focus-handle-color: #78350f;
  --mdc-switch-selected-hover-handle-color: #78350f;
  --mdc-switch-selected-pressed-handle-color: #78350f;
  --mdc-switch-selected-focus-track-color: #fcd34d;
  --mdc-switch-selected-hover-track-color: #fcd34d;
  --mdc-switch-selected-pressed-track-color: #fcd34d;
  --mdc-switch-selected-track-color: #fcd34d;
}
.vex-theme-green .mat-mdc-slide-toggle.mat-warn,
.vex-theme-green.light .mat-mdc-slide-toggle.mat-warn,
.vex-theme-green .light .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #dc2626;
  --mdc-switch-selected-handle-color: #dc2626;
  --mdc-switch-selected-hover-state-layer-color: #dc2626;
  --mdc-switch-selected-pressed-state-layer-color: #dc2626;
  --mdc-switch-selected-focus-handle-color: #7f1d1d;
  --mdc-switch-selected-hover-handle-color: #7f1d1d;
  --mdc-switch-selected-pressed-handle-color: #7f1d1d;
  --mdc-switch-selected-focus-track-color: #fca5a5;
  --mdc-switch-selected-hover-track-color: #fca5a5;
  --mdc-switch-selected-pressed-track-color: #fca5a5;
  --mdc-switch-selected-track-color: #fca5a5;
}
.vex-theme-green .mat-mdc-slide-toggle,
.vex-theme-green.light .mat-mdc-slide-toggle,
.vex-theme-green .light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-green .mat-mdc-radio-button,
.vex-theme-green.light .mat-mdc-radio-button,
.vex-theme-green .light .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-green .mat-mdc-radio-button.mat-primary,
.vex-theme-green.light .mat-mdc-radio-button.mat-primary,
.vex-theme-green .light .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #16a34a;
  --mdc-radio-selected-hover-icon-color: #16a34a;
  --mdc-radio-selected-icon-color: #16a34a;
  --mdc-radio-selected-pressed-icon-color: #16a34a;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #16a34a;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-green .mat-mdc-radio-button.mat-accent,
.vex-theme-green.light .mat-mdc-radio-button.mat-accent,
.vex-theme-green .light .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f59e0b;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-green .mat-mdc-radio-button.mat-warn,
.vex-theme-green.light .mat-mdc-radio-button.mat-warn,
.vex-theme-green .light .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-green .mat-mdc-radio-button,
.vex-theme-green.light .mat-mdc-radio-button,
.vex-theme-green .light .mat-mdc-radio-button {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-green .mat-accent,
.vex-theme-green.light .mat-accent,
.vex-theme-green .light .mat-accent {
  --mat-slider-ripple-color: #f59e0b;
  --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2);
  --mdc-slider-handle-color: #f59e0b;
  --mdc-slider-focus-handle-color: #f59e0b;
  --mdc-slider-hover-handle-color: #f59e0b;
  --mdc-slider-active-track-color: #f59e0b;
  --mdc-slider-inactive-track-color: #f59e0b;
  --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-green .mat-warn,
.vex-theme-green.light .mat-warn,
.vex-theme-green .light .mat-warn {
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-green .mdc-list-item__start,
.vex-theme-green .mdc-list-item__end,
.vex-theme-green.light .mdc-list-item__start,
.vex-theme-green.light .mdc-list-item__end,
.vex-theme-green .light .mdc-list-item__start,
.vex-theme-green .light .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #16a34a;
  --mdc-radio-selected-hover-icon-color: #16a34a;
  --mdc-radio-selected-icon-color: #16a34a;
  --mdc-radio-selected-pressed-icon-color: #16a34a;
}
.vex-theme-green .mat-accent .mdc-list-item__start,
.vex-theme-green .mat-accent .mdc-list-item__end,
.vex-theme-green.light .mat-accent .mdc-list-item__start,
.vex-theme-green.light .mat-accent .mdc-list-item__end,
.vex-theme-green .light .mat-accent .mdc-list-item__start,
.vex-theme-green .light .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
}
.vex-theme-green .mat-warn .mdc-list-item__start,
.vex-theme-green .mat-warn .mdc-list-item__end,
.vex-theme-green.light .mat-warn .mdc-list-item__start,
.vex-theme-green.light .mat-warn .mdc-list-item__end,
.vex-theme-green .light .mat-warn .mdc-list-item__start,
.vex-theme-green .light .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-green .mat-mdc-list-option,
.vex-theme-green.light .mat-mdc-list-option,
.vex-theme-green .light .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #16a34a;
  --mdc-checkbox-selected-hover-icon-color: #16a34a;
  --mdc-checkbox-selected-icon-color: #16a34a;
  --mdc-checkbox-selected-pressed-icon-color: #16a34a;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #16a34a;
  --mdc-checkbox-selected-hover-state-layer-color: #16a34a;
  --mdc-checkbox-selected-pressed-state-layer-color: #16a34a;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-green .mat-mdc-list-option.mat-accent,
.vex-theme-green.light .mat-mdc-list-option.mat-accent,
.vex-theme-green .light .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-green .mat-mdc-list-option.mat-warn,
.vex-theme-green.light .mat-mdc-list-option.mat-warn,
.vex-theme-green .light .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-green .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-green .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-green.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-green.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-green .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-green .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #16a34a;
}
.vex-theme-green .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-green .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-green.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-green.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-green .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-green .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #16a34a;
}
.vex-theme-green .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-green .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-green .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-green.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-green.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-green.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-green .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-green .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-green .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vex-theme-green .mdc-list-item__start,
.vex-theme-green .mdc-list-item__end,
.vex-theme-green.light .mdc-list-item__start,
.vex-theme-green.light .mdc-list-item__end,
.vex-theme-green .light .mdc-list-item__start,
.vex-theme-green .light .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.vex-theme-green .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .vex-theme-green .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .vex-theme-green .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.vex-theme-green.light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vex-theme-green.light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vex-theme-green.light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.vex-theme-green .light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vex-theme-green .light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vex-theme-green .light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.vex-theme-green .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .vex-theme-green .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .vex-theme-green .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.vex-theme-green.light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vex-theme-green.light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vex-theme-green.light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.vex-theme-green .light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vex-theme-green .light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vex-theme-green .light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.vex-theme-green .mdc-list-group__subheader,
.vex-theme-green.light .mdc-list-group__subheader,
.vex-theme-green .light .mdc-list-group__subheader {
  font: 400 16px / 28px var(--font);
  letter-spacing: -0.011em;
}
.vex-theme-green .mat-mdc-tab-group, .vex-theme-green .mat-mdc-tab-nav-bar,
.vex-theme-green.light .mat-mdc-tab-group,
.vex-theme-green.light .mat-mdc-tab-nav-bar,
.vex-theme-green .light .mat-mdc-tab-group,
.vex-theme-green .light .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #16a34a;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #16a34a;
  --mat-tab-header-active-ripple-color: #16a34a;
  --mat-tab-header-inactive-ripple-color: #16a34a;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #16a34a;
  --mat-tab-header-active-hover-label-text-color: #16a34a;
  --mat-tab-header-active-focus-indicator-color: #16a34a;
  --mat-tab-header-active-hover-indicator-color: #16a34a;
}
.vex-theme-green .mat-mdc-tab-group.mat-accent, .vex-theme-green .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-green.light .mat-mdc-tab-group.mat-accent,
.vex-theme-green.light .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-green .light .mat-mdc-tab-group.mat-accent,
.vex-theme-green .light .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f59e0b;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #f59e0b;
  --mat-tab-header-active-ripple-color: #f59e0b;
  --mat-tab-header-inactive-ripple-color: #f59e0b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f59e0b;
  --mat-tab-header-active-hover-label-text-color: #f59e0b;
  --mat-tab-header-active-focus-indicator-color: #f59e0b;
  --mat-tab-header-active-hover-indicator-color: #f59e0b;
}
.vex-theme-green .mat-mdc-tab-group.mat-warn, .vex-theme-green .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-green.light .mat-mdc-tab-group.mat-warn,
.vex-theme-green.light .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-green .light .mat-mdc-tab-group.mat-warn,
.vex-theme-green .light .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-green .mat-mdc-tab-group.mat-background-primary, .vex-theme-green .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-green.light .mat-mdc-tab-group.mat-background-primary,
.vex-theme-green.light .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-green .light .mat-mdc-tab-group.mat-background-primary,
.vex-theme-green .light .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #16a34a;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-green .mat-mdc-tab-group.mat-background-accent, .vex-theme-green .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-green.light .mat-mdc-tab-group.mat-background-accent,
.vex-theme-green.light .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-green .light .mat-mdc-tab-group.mat-background-accent,
.vex-theme-green .light .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f59e0b;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-green .mat-mdc-tab-group.mat-background-warn, .vex-theme-green .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-green.light .mat-mdc-tab-group.mat-background-warn,
.vex-theme-green.light .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-green .light .mat-mdc-tab-group.mat-background-warn,
.vex-theme-green .light .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-green .mat-mdc-tab-header,
.vex-theme-green.light .mat-mdc-tab-header,
.vex-theme-green .light .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-label-text-font: var(--font);
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: -0.006em;
  --mat-tab-header-label-text-line-height: 14px;
  --mat-tab-header-label-text-weight: 500;
}
.vex-theme-green .mat-mdc-checkbox,
.vex-theme-green.light .mat-mdc-checkbox,
.vex-theme-green .light .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-green .mat-mdc-checkbox.mat-primary,
.vex-theme-green.light .mat-mdc-checkbox.mat-primary,
.vex-theme-green .light .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #16a34a;
  --mdc-checkbox-selected-hover-icon-color: #16a34a;
  --mdc-checkbox-selected-icon-color: #16a34a;
  --mdc-checkbox-selected-pressed-icon-color: #16a34a;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #16a34a;
  --mdc-checkbox-selected-hover-state-layer-color: #16a34a;
  --mdc-checkbox-selected-pressed-state-layer-color: #16a34a;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-green .mat-mdc-checkbox.mat-warn,
.vex-theme-green.light .mat-mdc-checkbox.mat-warn,
.vex-theme-green .light .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-green .mat-mdc-checkbox,
.vex-theme-green.light .mat-mdc-checkbox,
.vex-theme-green .light .mat-mdc-checkbox {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-green .mat-mdc-button.mat-primary,
.vex-theme-green.light .mat-mdc-button.mat-primary,
.vex-theme-green .light .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #16a34a;
  --mat-text-button-state-layer-color: #16a34a;
  --mat-text-button-ripple-color: rgba(22, 163, 74, 0.1);
}
.vex-theme-green .mat-mdc-button.mat-accent,
.vex-theme-green.light .mat-mdc-button.mat-accent,
.vex-theme-green .light .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f59e0b;
  --mat-text-button-state-layer-color: #f59e0b;
  --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-green .mat-mdc-button.mat-warn,
.vex-theme-green.light .mat-mdc-button.mat-warn,
.vex-theme-green .light .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-green .mat-mdc-unelevated-button.mat-primary,
.vex-theme-green.light .mat-mdc-unelevated-button.mat-primary,
.vex-theme-green .light .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #16a34a;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green .mat-mdc-unelevated-button.mat-accent,
.vex-theme-green.light .mat-mdc-unelevated-button.mat-accent,
.vex-theme-green .light .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f59e0b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green .mat-mdc-unelevated-button.mat-warn,
.vex-theme-green.light .mat-mdc-unelevated-button.mat-warn,
.vex-theme-green .light .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green .mat-mdc-raised-button.mat-primary,
.vex-theme-green.light .mat-mdc-raised-button.mat-primary,
.vex-theme-green .light .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #16a34a;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green .mat-mdc-raised-button.mat-accent,
.vex-theme-green.light .mat-mdc-raised-button.mat-accent,
.vex-theme-green .light .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f59e0b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green .mat-mdc-raised-button.mat-warn,
.vex-theme-green.light .mat-mdc-raised-button.mat-warn,
.vex-theme-green .light .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green .mat-mdc-outlined-button.mat-primary,
.vex-theme-green.light .mat-mdc-outlined-button.mat-primary,
.vex-theme-green .light .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #16a34a;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #16a34a;
  --mat-outlined-button-ripple-color: rgba(22, 163, 74, 0.1);
}
.vex-theme-green .mat-mdc-outlined-button.mat-accent,
.vex-theme-green.light .mat-mdc-outlined-button.mat-accent,
.vex-theme-green .light .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f59e0b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #f59e0b;
  --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-green .mat-mdc-outlined-button.mat-warn,
.vex-theme-green.light .mat-mdc-outlined-button.mat-warn,
.vex-theme-green .light .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-green .mat-mdc-icon-button.mat-primary,
.vex-theme-green.light .mat-mdc-icon-button.mat-primary,
.vex-theme-green .light .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #16a34a;
  --mat-icon-button-state-layer-color: #16a34a;
  --mat-icon-button-ripple-color: rgba(22, 163, 74, 0.1);
}
.vex-theme-green .mat-mdc-icon-button.mat-accent,
.vex-theme-green.light .mat-mdc-icon-button.mat-accent,
.vex-theme-green .light .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f59e0b;
  --mat-icon-button-state-layer-color: #f59e0b;
  --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-green .mat-mdc-icon-button.mat-warn,
.vex-theme-green.light .mat-mdc-icon-button.mat-warn,
.vex-theme-green .light .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-green .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-green.light .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-green .light .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.vex-theme-green .mat-mdc-fab.mat-primary,
.vex-theme-green.light .mat-mdc-fab.mat-primary,
.vex-theme-green .light .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #16a34a;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green .mat-mdc-fab.mat-accent,
.vex-theme-green.light .mat-mdc-fab.mat-accent,
.vex-theme-green .light .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green .mat-mdc-fab.mat-warn,
.vex-theme-green.light .mat-mdc-fab.mat-warn,
.vex-theme-green .light .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green .mat-mdc-mini-fab.mat-primary,
.vex-theme-green.light .mat-mdc-mini-fab.mat-primary,
.vex-theme-green .light .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #16a34a;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green .mat-mdc-mini-fab.mat-accent,
.vex-theme-green.light .mat-mdc-mini-fab.mat-accent,
.vex-theme-green .light .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #f59e0b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green .mat-mdc-mini-fab.mat-warn,
.vex-theme-green.light .mat-mdc-mini-fab.mat-warn,
.vex-theme-green .light .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green .mat-accent,
.vex-theme-green.light .mat-accent,
.vex-theme-green .light .mat-accent {
  --mdc-circular-progress-active-indicator-color: #f59e0b;
}
.vex-theme-green .mat-warn,
.vex-theme-green.light .mat-warn,
.vex-theme-green .light .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef4444;
}
.vex-theme-green .mat-badge-accent,
.vex-theme-green.light .mat-badge-accent,
.vex-theme-green .light .mat-badge-accent {
  --mat-badge-background-color: #f59e0b;
  --mat-badge-text-color: white;
}
.vex-theme-green .mat-badge-warn,
.vex-theme-green.light .mat-badge-warn,
.vex-theme-green .light .mat-badge-warn {
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
}
.vex-theme-green .mat-datepicker-content.mat-accent,
.vex-theme-green.light .mat-datepicker-content.mat-accent,
.vex-theme-green .light .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-green .mat-datepicker-content.mat-warn,
.vex-theme-green.light .mat-datepicker-content.mat-warn,
.vex-theme-green .light .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-green .mat-datepicker-toggle-active.mat-accent,
.vex-theme-green.light .mat-datepicker-toggle-active.mat-accent,
.vex-theme-green .light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f59e0b;
}
.vex-theme-green .mat-datepicker-toggle-active.mat-warn,
.vex-theme-green.light .mat-datepicker-toggle-active.mat-warn,
.vex-theme-green .light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
}
.vex-theme-green .mat-calendar-controls,
.vex-theme-green.light .mat-calendar-controls,
.vex-theme-green .light .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.vex-theme-green .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-green.light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-green .light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.vex-theme-green .mat-icon.mat-primary,
.vex-theme-green.light .mat-icon.mat-primary,
.vex-theme-green .light .mat-icon.mat-primary {
  --mat-icon-color: #16a34a;
}
.vex-theme-green .mat-icon.mat-accent,
.vex-theme-green.light .mat-icon.mat-accent,
.vex-theme-green .light .mat-icon.mat-accent {
  --mat-icon-color: #f59e0b;
}
.vex-theme-green .mat-icon.mat-warn,
.vex-theme-green.light .mat-icon.mat-warn,
.vex-theme-green .light .mat-icon.mat-warn {
  --mat-icon-color: #ef4444;
}
.vex-theme-green .mat-step-header.mat-accent,
.vex-theme-green.light .mat-step-header.mat-accent,
.vex-theme-green .light .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f59e0b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f59e0b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f59e0b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-green .mat-step-header.mat-warn,
.vex-theme-green.light .mat-step-header.mat-warn,
.vex-theme-green .light .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-green .mat-toolbar.mat-primary,
.vex-theme-green.light .mat-toolbar.mat-primary,
.vex-theme-green .light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #16a34a;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-green .mat-toolbar.mat-accent,
.vex-theme-green.light .mat-toolbar.mat-accent,
.vex-theme-green .light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-green .mat-toolbar.mat-warn,
.vex-theme-green.light .mat-toolbar.mat-warn,
.vex-theme-green .light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}

/**
 * Override the theme foreground/background colors with the Angular Material colors
 */
.vex-theme-green.dark,
.vex-theme-green .dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: #22c55e;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #111827;
  --mat-app-text-color: white;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: #1f2937;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: #1f2937;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: #9ca3af;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #374151;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #22c55e;
  --mdc-filled-text-field-focus-active-indicator-color: #22c55e;
  --mdc-filled-text-field-focus-label-text-color: rgba(34, 197, 94, 0.87);
  --mdc-filled-text-field-container-color: #28323f;
  --mdc-filled-text-field-disabled-container-color: #232d3b;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ef4444;
  --mdc-filled-text-field-error-focus-label-text-color: #ef4444;
  --mdc-filled-text-field-error-label-text-color: #ef4444;
  --mdc-filled-text-field-error-caret-color: #ef4444;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ef4444;
  --mdc-outlined-text-field-caret-color: #22c55e;
  --mdc-outlined-text-field-focus-outline-color: #22c55e;
  --mdc-outlined-text-field-focus-label-text-color: rgba(34, 197, 94, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ef4444;
  --mdc-outlined-text-field-error-focus-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-hover-label-text-color: #ef4444;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-error-hover-outline-color: #ef4444;
  --mdc-outlined-text-field-error-outline-color: #ef4444;
  --mat-form-field-focus-select-arrow-color: rgba(34, 197, 94, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #ef4444;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(34, 197, 94, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: #1f2937;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: #1f2937;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #86efac;
  --mdc-switch-selected-handle-color: #86efac;
  --mdc-switch-selected-hover-state-layer-color: #86efac;
  --mdc-switch-selected-pressed-state-layer-color: #86efac;
  --mdc-switch-selected-focus-handle-color: #bbf7d0;
  --mdc-switch-selected-hover-handle-color: #bbf7d0;
  --mdc-switch-selected-pressed-handle-color: #bbf7d0;
  --mdc-switch-selected-focus-track-color: #16a34a;
  --mdc-switch-selected-hover-track-color: #16a34a;
  --mdc-switch-selected-pressed-track-color: #16a34a;
  --mdc-switch-selected-track-color: #16a34a;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-disabled-label-text-color: #6b7280;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #22c55e;
  --mdc-slider-focus-handle-color: #22c55e;
  --mdc-slider-hover-handle-color: #22c55e;
  --mdc-slider-active-track-color: #22c55e;
  --mdc-slider-inactive-track-color: #22c55e;
  --mdc-slider-with-tick-marks-inactive-container-color: #22c55e;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #22c55e;
  --mat-slider-hover-state-layer-color: rgba(34, 197, 94, 0.05);
  --mat-slider-focus-state-layer-color: rgba(34, 197, 94, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #1f2937;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: #9ca3af;
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: #6b7280;
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #1f2937;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: #6b7280;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
  --mdc-filled-button-container-color: #1f2937;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(75, 85, 99, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
  --mdc-protected-button-container-color: #1f2937;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(75, 85, 99, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: #1f2937;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(75, 85, 99, 0.5);
  --mdc-fab-small-container-color: #1f2937;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(75, 85, 99, 0.5);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d2d4d7;
  --mdc-snackbar-supporting-text-color: rgba(31, 41, 55, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #1f2937;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #22c55e;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #22c55e;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #4b5563;
  --mat-badge-disabled-state-text-color: #6b7280;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #1f2937;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: #6b7280;
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: #9ca3af;
  --mat-legacy-button-toggle-selected-state-background-color: #111827;
  --mat-legacy-button-toggle-disabled-state-text-color: #4b5563;
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #1f2937;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #1f2937;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #111827;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: #4b5563;
  --mat-standard-button-toggle-disabled-state-background-color: #1f2937;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #1f2937;
  --mat-standard-button-toggle-divider-color: #3a434f;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #22c55e;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(34, 197, 94, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(34, 197, 94, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(34, 197, 94, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #22c55e;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(34, 197, 94, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: #9ca3af;
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: #9ca3af;
  --mat-datepicker-calendar-date-today-outline-color: #6b7280;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(107, 114, 128, 0.8);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: #6b7280;
  --mat-datepicker-range-input-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-container-background-color: #1f2937;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: #1f2937;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: #4b5563;
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: #9ca3af;
  --mat-expansion-header-indicator-color: #9ca3af;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #1f2937;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #111827;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(224, 214, 200, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #22c55e;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #22c55e;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #22c55e;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #1f2937;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: #9ca3af;
  --mat-stepper-header-optional-label-text-color: #9ca3af;
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #ef4444;
  --mat-stepper-header-icon-background-color: #9ca3af;
  --mat-stepper-header-error-state-icon-foreground-color: #ef4444;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: #9ca3af;
  --mat-toolbar-container-background-color: #1f2937;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #1f2937;
  --mat-tree-node-text-color: white;
}
.vex-theme-green.dark .mat-accent,
.vex-theme-green .dark .mat-accent {
  --mat-option-selected-state-label-text-color: #f59e0b;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.vex-theme-green.dark .mat-warn,
.vex-theme-green .dark .mat-warn {
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.vex-theme-green.dark .mat-primary,
.vex-theme-green .dark .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #22c55e;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #22c55e;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-green.dark .mat-accent,
.vex-theme-green .dark .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-green.dark .mat-warn,
.vex-theme-green .dark .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-green.dark .mat-elevation-z0, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-green .dark .mat-elevation-z0,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z1, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-green .dark .mat-elevation-z1,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z2, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-green .dark .mat-elevation-z2,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z3, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-green .dark .mat-elevation-z3,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z4, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-green .dark .mat-elevation-z4,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z5, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-green .dark .mat-elevation-z5,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z6, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-green .dark .mat-elevation-z6,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z7, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-green .dark .mat-elevation-z7,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z8, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-green .dark .mat-elevation-z8,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z9, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-green .dark .mat-elevation-z9,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z10, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-green .dark .mat-elevation-z10,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z11, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-green .dark .mat-elevation-z11,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z12, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-green .dark .mat-elevation-z12,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z13, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-green .dark .mat-elevation-z13,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z14, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-green .dark .mat-elevation-z14,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z15, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-green .dark .mat-elevation-z15,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z16, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-green .dark .mat-elevation-z16,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z17, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-green .dark .mat-elevation-z17,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z18, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-green .dark .mat-elevation-z18,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z19, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-green .dark .mat-elevation-z19,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z20, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-green .dark .mat-elevation-z20,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z21, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-green .dark .mat-elevation-z21,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z22, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-green .dark .mat-elevation-z22,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z23, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-green .dark .mat-elevation-z23,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.vex-theme-green.dark .mat-elevation-z24, .vex-theme-green.dark .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-green .dark .mat-elevation-z24,
.vex-theme-green .dark .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.vex-theme-green.dark .mat-mdc-progress-bar,
.vex-theme-green .dark .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #22c55e;
  --mdc-linear-progress-track-color: rgba(34, 197, 94, 0.25);
}
.vex-theme-green.dark .mat-mdc-progress-bar.mat-accent,
.vex-theme-green .dark .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f59e0b;
  --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25);
}
.vex-theme-green.dark .mat-mdc-progress-bar.mat-warn,
.vex-theme-green .dark .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-green.dark .mat-mdc-form-field.mat-accent,
.vex-theme-green .dark .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f59e0b;
  --mdc-filled-text-field-focus-active-indicator-color: #f59e0b;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mdc-outlined-text-field-caret-color: #f59e0b;
  --mdc-outlined-text-field-focus-outline-color: #f59e0b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87);
}
.vex-theme-green.dark .mat-mdc-form-field.mat-warn,
.vex-theme-green .dark .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-green.dark .mat-mdc-form-field.mat-accent,
.vex-theme-green .dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-green.dark .mat-mdc-form-field.mat-warn,
.vex-theme-green .dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-green.dark .mat-mdc-standard-chip,
.vex-theme-green .dark .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #3a434f;
  --mdc-chip-elevated-selected-container-color: #3a434f;
  --mdc-chip-elevated-disabled-container-color: #3a434f;
  --mdc-chip-flat-disabled-selected-container-color: #3a434f;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.vex-theme-green.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .vex-theme-green.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-green .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-green .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #22c55e;
  --mdc-chip-elevated-selected-container-color: #22c55e;
  --mdc-chip-elevated-disabled-container-color: #22c55e;
  --mdc-chip-flat-disabled-selected-container-color: #22c55e;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-green.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .vex-theme-green.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-green .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-green .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f59e0b;
  --mdc-chip-elevated-selected-container-color: #f59e0b;
  --mdc-chip-elevated-disabled-container-color: #f59e0b;
  --mdc-chip-flat-disabled-selected-container-color: #f59e0b;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-green.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .vex-theme-green.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-green .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-green .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-green.dark .mat-mdc-slide-toggle,
.vex-theme-green .dark .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-green.dark .mat-mdc-slide-toggle.mat-accent,
.vex-theme-green .dark .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #fcd34d;
  --mdc-switch-selected-handle-color: #fcd34d;
  --mdc-switch-selected-hover-state-layer-color: #fcd34d;
  --mdc-switch-selected-pressed-state-layer-color: #fcd34d;
  --mdc-switch-selected-focus-handle-color: #fde68a;
  --mdc-switch-selected-hover-handle-color: #fde68a;
  --mdc-switch-selected-pressed-handle-color: #fde68a;
  --mdc-switch-selected-focus-track-color: #d97706;
  --mdc-switch-selected-hover-track-color: #d97706;
  --mdc-switch-selected-pressed-track-color: #d97706;
  --mdc-switch-selected-track-color: #d97706;
}
.vex-theme-green.dark .mat-mdc-slide-toggle.mat-warn,
.vex-theme-green .dark .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #fca5a5;
  --mdc-switch-selected-handle-color: #fca5a5;
  --mdc-switch-selected-hover-state-layer-color: #fca5a5;
  --mdc-switch-selected-pressed-state-layer-color: #fca5a5;
  --mdc-switch-selected-focus-handle-color: #fecaca;
  --mdc-switch-selected-hover-handle-color: #fecaca;
  --mdc-switch-selected-pressed-handle-color: #fecaca;
  --mdc-switch-selected-focus-track-color: #dc2626;
  --mdc-switch-selected-hover-track-color: #dc2626;
  --mdc-switch-selected-pressed-track-color: #dc2626;
  --mdc-switch-selected-track-color: #dc2626;
}
.vex-theme-green.dark .mat-mdc-radio-button,
.vex-theme-green .dark .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-green.dark .mat-mdc-radio-button.mat-primary,
.vex-theme-green .dark .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #22c55e;
  --mdc-radio-selected-hover-icon-color: #22c55e;
  --mdc-radio-selected-icon-color: #22c55e;
  --mdc-radio-selected-pressed-icon-color: #22c55e;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #22c55e;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-green.dark .mat-mdc-radio-button.mat-accent,
.vex-theme-green .dark .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #f59e0b;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-green.dark .mat-mdc-radio-button.mat-warn,
.vex-theme-green .dark .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-green.dark .mat-accent,
.vex-theme-green .dark .mat-accent {
  --mat-slider-ripple-color: #f59e0b;
  --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2);
  --mdc-slider-handle-color: #f59e0b;
  --mdc-slider-focus-handle-color: #f59e0b;
  --mdc-slider-hover-handle-color: #f59e0b;
  --mdc-slider-active-track-color: #f59e0b;
  --mdc-slider-inactive-track-color: #f59e0b;
  --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-green.dark .mat-warn,
.vex-theme-green .dark .mat-warn {
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-green.dark .mdc-list-item__start,
.vex-theme-green.dark .mdc-list-item__end,
.vex-theme-green .dark .mdc-list-item__start,
.vex-theme-green .dark .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #22c55e;
  --mdc-radio-selected-hover-icon-color: #22c55e;
  --mdc-radio-selected-icon-color: #22c55e;
  --mdc-radio-selected-pressed-icon-color: #22c55e;
}
.vex-theme-green.dark .mat-accent .mdc-list-item__start,
.vex-theme-green.dark .mat-accent .mdc-list-item__end,
.vex-theme-green .dark .mat-accent .mdc-list-item__start,
.vex-theme-green .dark .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
}
.vex-theme-green.dark .mat-warn .mdc-list-item__start,
.vex-theme-green.dark .mat-warn .mdc-list-item__end,
.vex-theme-green .dark .mat-warn .mdc-list-item__start,
.vex-theme-green .dark .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-green.dark .mat-mdc-list-option,
.vex-theme-green .dark .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #22c55e;
  --mdc-checkbox-selected-hover-icon-color: #22c55e;
  --mdc-checkbox-selected-icon-color: #22c55e;
  --mdc-checkbox-selected-pressed-icon-color: #22c55e;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #22c55e;
  --mdc-checkbox-selected-hover-state-layer-color: #22c55e;
  --mdc-checkbox-selected-pressed-state-layer-color: #22c55e;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-green.dark .mat-mdc-list-option.mat-accent,
.vex-theme-green .dark .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-green.dark .mat-mdc-list-option.mat-warn,
.vex-theme-green .dark .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-green.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-green.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-green .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-green .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #22c55e;
}
.vex-theme-green.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-green.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-green .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-green .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #22c55e;
}
.vex-theme-green.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-green.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-green.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-green .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-green .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-green .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vex-theme-green.dark .mat-mdc-tab-group, .vex-theme-green.dark .mat-mdc-tab-nav-bar,
.vex-theme-green .dark .mat-mdc-tab-group,
.vex-theme-green .dark .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #22c55e;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #22c55e;
  --mat-tab-header-active-ripple-color: #22c55e;
  --mat-tab-header-inactive-ripple-color: #22c55e;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #22c55e;
  --mat-tab-header-active-hover-label-text-color: #22c55e;
  --mat-tab-header-active-focus-indicator-color: #22c55e;
  --mat-tab-header-active-hover-indicator-color: #22c55e;
}
.vex-theme-green.dark .mat-mdc-tab-group.mat-accent, .vex-theme-green.dark .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-green .dark .mat-mdc-tab-group.mat-accent,
.vex-theme-green .dark .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f59e0b;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #f59e0b;
  --mat-tab-header-active-ripple-color: #f59e0b;
  --mat-tab-header-inactive-ripple-color: #f59e0b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f59e0b;
  --mat-tab-header-active-hover-label-text-color: #f59e0b;
  --mat-tab-header-active-focus-indicator-color: #f59e0b;
  --mat-tab-header-active-hover-indicator-color: #f59e0b;
}
.vex-theme-green.dark .mat-mdc-tab-group.mat-warn, .vex-theme-green.dark .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-green .dark .mat-mdc-tab-group.mat-warn,
.vex-theme-green .dark .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-green.dark .mat-mdc-tab-group.mat-background-primary, .vex-theme-green.dark .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-green .dark .mat-mdc-tab-group.mat-background-primary,
.vex-theme-green .dark .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #22c55e;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-green.dark .mat-mdc-tab-group.mat-background-accent, .vex-theme-green.dark .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-green .dark .mat-mdc-tab-group.mat-background-accent,
.vex-theme-green .dark .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f59e0b;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-green.dark .mat-mdc-tab-group.mat-background-warn, .vex-theme-green.dark .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-green .dark .mat-mdc-tab-group.mat-background-warn,
.vex-theme-green .dark .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-green.dark .mat-mdc-checkbox,
.vex-theme-green .dark .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-green.dark .mat-mdc-checkbox.mat-primary,
.vex-theme-green .dark .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #22c55e;
  --mdc-checkbox-selected-hover-icon-color: #22c55e;
  --mdc-checkbox-selected-icon-color: #22c55e;
  --mdc-checkbox-selected-pressed-icon-color: #22c55e;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #22c55e;
  --mdc-checkbox-selected-hover-state-layer-color: #22c55e;
  --mdc-checkbox-selected-pressed-state-layer-color: #22c55e;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-green.dark .mat-mdc-checkbox.mat-warn,
.vex-theme-green .dark .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-green.dark .mat-mdc-button.mat-primary,
.vex-theme-green .dark .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #22c55e;
  --mat-text-button-state-layer-color: #22c55e;
  --mat-text-button-ripple-color: rgba(34, 197, 94, 0.1);
}
.vex-theme-green.dark .mat-mdc-button.mat-accent,
.vex-theme-green .dark .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f59e0b;
  --mat-text-button-state-layer-color: #f59e0b;
  --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-green.dark .mat-mdc-button.mat-warn,
.vex-theme-green .dark .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-green.dark .mat-mdc-unelevated-button.mat-primary,
.vex-theme-green .dark .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #22c55e;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green.dark .mat-mdc-unelevated-button.mat-accent,
.vex-theme-green .dark .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f59e0b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green.dark .mat-mdc-unelevated-button.mat-warn,
.vex-theme-green .dark .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green.dark .mat-mdc-raised-button.mat-primary,
.vex-theme-green .dark .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #22c55e;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green.dark .mat-mdc-raised-button.mat-accent,
.vex-theme-green .dark .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f59e0b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green.dark .mat-mdc-raised-button.mat-warn,
.vex-theme-green .dark .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green.dark .mat-mdc-outlined-button.mat-primary,
.vex-theme-green .dark .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #22c55e;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #22c55e;
  --mat-outlined-button-ripple-color: rgba(34, 197, 94, 0.1);
}
.vex-theme-green.dark .mat-mdc-outlined-button.mat-accent,
.vex-theme-green .dark .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f59e0b;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #f59e0b;
  --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-green.dark .mat-mdc-outlined-button.mat-warn,
.vex-theme-green .dark .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-green.dark .mat-mdc-icon-button.mat-primary,
.vex-theme-green .dark .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #22c55e;
  --mat-icon-button-state-layer-color: #22c55e;
  --mat-icon-button-ripple-color: rgba(34, 197, 94, 0.1);
}
.vex-theme-green.dark .mat-mdc-icon-button.mat-accent,
.vex-theme-green .dark .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f59e0b;
  --mat-icon-button-state-layer-color: #f59e0b;
  --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-green.dark .mat-mdc-icon-button.mat-warn,
.vex-theme-green .dark .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-green.dark .mat-mdc-fab.mat-primary,
.vex-theme-green .dark .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #22c55e;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green.dark .mat-mdc-fab.mat-accent,
.vex-theme-green .dark .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green.dark .mat-mdc-fab.mat-warn,
.vex-theme-green .dark .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green.dark .mat-mdc-mini-fab.mat-primary,
.vex-theme-green .dark .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #22c55e;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green.dark .mat-mdc-mini-fab.mat-accent,
.vex-theme-green .dark .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #f59e0b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green.dark .mat-mdc-mini-fab.mat-warn,
.vex-theme-green .dark .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-green.dark .mat-accent,
.vex-theme-green .dark .mat-accent {
  --mdc-circular-progress-active-indicator-color: #f59e0b;
}
.vex-theme-green.dark .mat-warn,
.vex-theme-green .dark .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef4444;
}
.vex-theme-green.dark .mat-badge-accent,
.vex-theme-green .dark .mat-badge-accent {
  --mat-badge-background-color: #f59e0b;
  --mat-badge-text-color: white;
}
.vex-theme-green.dark .mat-badge-warn,
.vex-theme-green .dark .mat-badge-warn {
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
}
.vex-theme-green.dark .mat-datepicker-content.mat-accent,
.vex-theme-green .dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-green.dark .mat-datepicker-content.mat-warn,
.vex-theme-green .dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-green.dark .mat-datepicker-toggle-active.mat-accent,
.vex-theme-green .dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f59e0b;
}
.vex-theme-green.dark .mat-datepicker-toggle-active.mat-warn,
.vex-theme-green .dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
}
.vex-theme-green.dark .mat-icon.mat-primary,
.vex-theme-green .dark .mat-icon.mat-primary {
  --mat-icon-color: #22c55e;
}
.vex-theme-green.dark .mat-icon.mat-accent,
.vex-theme-green .dark .mat-icon.mat-accent {
  --mat-icon-color: #f59e0b;
}
.vex-theme-green.dark .mat-icon.mat-warn,
.vex-theme-green .dark .mat-icon.mat-warn {
  --mat-icon-color: #ef4444;
}
.vex-theme-green.dark .mat-step-header.mat-accent,
.vex-theme-green .dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f59e0b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f59e0b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f59e0b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-green.dark .mat-step-header.mat-warn,
.vex-theme-green .dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-green.dark .mat-toolbar.mat-primary,
.vex-theme-green .dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #22c55e;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-green.dark .mat-toolbar.mat-accent,
.vex-theme-green .dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-green.dark .mat-toolbar.mat-warn,
.vex-theme-green .dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}

/**
 * Override the theme foreground/background colors with the Angular Material colors
 */
.vex-theme-purple,
.vex-theme-purple.light,
.vex-theme-purple .light {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-selected-state-label-text-color: #9333ea;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-optgroup-label-text-color: #030712;
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  --mat-app-background-color: #f3f4f6;
  --mat-app-text-color: #030712;
  --mat-option-label-text-font: var(--font);
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 14px;
  --mat-option-label-text-tracking: -0.009em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: var(--font);
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 14px;
  --mat-optgroup-label-text-tracking: -0.009em;
  --mat-optgroup-label-text-weight: 400;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: #4b5563;
  --mat-card-title-text-font: var(--font);
  --mat-card-title-text-line-height: 26px;
  --mat-card-title-text-size: 18px;
  --mat-card-title-text-tracking: -0.014em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: var(--font);
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: -0.006em;
  --mat-card-subtitle-text-weight: 500;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #1f2937;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-plain-tooltip-supporting-text-font: var(--font);
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #9333ea;
  --mdc-filled-text-field-focus-active-indicator-color: #9333ea;
  --mdc-filled-text-field-focus-label-text-color: rgba(147, 51, 234, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(3, 7, 18, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ef4444;
  --mdc-filled-text-field-error-focus-label-text-color: #ef4444;
  --mdc-filled-text-field-error-label-text-color: #ef4444;
  --mdc-filled-text-field-error-caret-color: #ef4444;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ef4444;
  --mdc-outlined-text-field-caret-color: #9333ea;
  --mdc-outlined-text-field-focus-outline-color: #9333ea;
  --mdc-outlined-text-field-focus-label-text-color: rgba(147, 51, 234, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(3, 7, 18, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ef4444;
  --mdc-outlined-text-field-error-focus-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-hover-label-text-color: #ef4444;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-error-hover-outline-color: #ef4444;
  --mdc-outlined-text-field-error-outline-color: #ef4444;
  --mat-form-field-focus-select-arrow-color: rgba(147, 51, 234, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(31, 41, 55, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ef4444;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(31, 41, 55, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(31, 41, 55, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mdc-filled-text-field-label-text-font: var(--font);
  --mdc-filled-text-field-label-text-size: 14px;
  --mdc-filled-text-field-label-text-tracking: -0.009em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: var(--font);
  --mdc-outlined-text-field-label-text-size: 14px;
  --mdc-outlined-text-field-label-text-tracking: -0.009em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: var(--font);
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-tracking: -0.009em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 14px;
  --mat-form-field-subscript-text-font: var(--font);
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0;
  --mat-form-field-subscript-text-weight: 400;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(147, 51, 234, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: var(--font);
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 14px;
  --mat-select-trigger-text-tracking: -0.009em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(3, 7, 18, 0.87);
  --mdc-dialog-supporting-text-color: rgba(3, 7, 18, 0.6);
  --mdc-dialog-subhead-font: var(--font);
  --mdc-dialog-subhead-line-height: 26px;
  --mdc-dialog-subhead-size: 18px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: -0.014em;
  --mdc-dialog-supporting-text-font: var(--font);
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 14px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: -0.009em;
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #9333ea;
  --mdc-switch-selected-handle-color: #9333ea;
  --mdc-switch-selected-hover-state-layer-color: #9333ea;
  --mdc-switch-selected-pressed-state-layer-color: #9333ea;
  --mdc-switch-selected-focus-handle-color: #581c87;
  --mdc-switch-selected-hover-handle-color: #581c87;
  --mdc-switch-selected-pressed-handle-color: #581c87;
  --mdc-switch-selected-focus-track-color: #d8b4fe;
  --mdc-switch-selected-hover-track-color: #d8b4fe;
  --mdc-switch-selected-pressed-track-color: #d8b4fe;
  --mdc-switch-selected-track-color: #d8b4fe;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: #6b7280;
  --mdc-switch-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #9333ea;
  --mdc-slider-focus-handle-color: #9333ea;
  --mdc-slider-hover-handle-color: #9333ea;
  --mdc-slider-active-track-color: #9333ea;
  --mdc-slider-inactive-track-color: #9333ea;
  --mdc-slider-with-tick-marks-inactive-container-color: #9333ea;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #9333ea;
  --mat-slider-hover-state-layer-color: rgba(147, 51, 234, 0.05);
  --mat-slider-focus-state-layer-color: rgba(147, 51, 234, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
  --mdc-slider-label-label-text-font: var(--font);
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 24px;
  --mdc-slider-label-label-text-tracking: -0.006em;
  --mdc-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: #030712;
  --mat-menu-item-icon-color: #030712;
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.06);
  --mat-menu-item-label-text-font: var(--font);
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-tracking: -0.009em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: #030712;
  --mdc-list-list-item-supporting-text-color: #4b5563;
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: #6b7280;
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: #030712;
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: #030712;
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mdc-list-list-item-label-text-font: var(--font);
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 14px;
  --mdc-list-list-item-label-text-tracking: -0.009em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: var(--font);
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: -0.006em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: var(--font);
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-container-text-font: var(--font);
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: #6b7280;
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: #030712;
  --mdc-text-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: #030712;
  --mdc-filled-button-disabled-container-color: rgba(156, 163, 175, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: #030712;
  --mdc-protected-button-disabled-container-color: rgba(156, 163, 175, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mdc-outlined-button-label-text-color: #030712;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-text-button-label-text-font: var(--font);
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: -0.006em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: var(--font);
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: -0.006em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: var(--font);
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: -0.006em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: var(--font);
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: -0.006em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-touch-target-display: block;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(229, 231, 235, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(156, 163, 175, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(229, 231, 235, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(156, 163, 175, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-extended-fab-label-text-font: var(--font);
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: -0.006em;
  --mdc-extended-fab-label-text-weight: 500;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #f59e0b;
  --mdc-snackbar-supporting-text-font: var(--font);
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: #030712;
  --mat-table-row-item-label-text-color: #030712;
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.06);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: var(--font);
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: -0.006em;
  --mat-table-row-item-label-text-font: var(--font);
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: -0.006em;
  --mat-table-footer-supporting-text-font: var(--font);
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: -0.006em;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #9333ea;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #9333ea;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #9ca3af;
  --mat-badge-disabled-state-text-color: #6b7280;
  --mat-badge-text-font: var(--font);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: #030712;
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: var(--font);
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: -0.006em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: #6b7280;
  --mat-legacy-button-toggle-state-layer-color: #e5e7eb;
  --mat-legacy-button-toggle-selected-state-text-color: #4b5563;
  --mat-legacy-button-toggle-selected-state-background-color: #d1d5db;
  --mat-legacy-button-toggle-disabled-state-text-color: #9ca3af;
  --mat-legacy-button-toggle-disabled-state-background-color: #e5e7eb;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #9ca3af;
  --mat-standard-button-toggle-text-color: #030712;
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: #e5e7eb;
  --mat-standard-button-toggle-selected-state-background-color: #d1d5db;
  --mat-standard-button-toggle-selected-state-text-color: #030712;
  --mat-standard-button-toggle-disabled-state-text-color: #9ca3af;
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: #030712;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #9ca3af;
  --mat-standard-button-toggle-divider-color: #f0f0f0;
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-label-text-font: var(--font);
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 14px;
  --mat-legacy-button-toggle-label-text-tracking: -0.009em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: var(--font);
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 14px;
  --mat-standard-button-toggle-label-text-tracking: -0.009em;
  --mat-standard-button-toggle-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #9333ea;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(147, 51, 234, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(147, 51, 234, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(147, 51, 234, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #9333ea;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(147, 51, 234, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: #1f2937;
  --mat-datepicker-calendar-body-label-text-color: #4b5563;
  --mat-datepicker-calendar-period-button-text-color: #030712;
  --mat-datepicker-calendar-period-button-icon-color: #1f2937;
  --mat-datepicker-calendar-navigation-button-icon-color: #1f2937;
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.06);
  --mat-datepicker-calendar-header-text-color: #4b5563;
  --mat-datepicker-calendar-date-today-outline-color: #6b7280;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(107, 114, 128, 0.8);
  --mat-datepicker-calendar-date-text-color: #030712;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-range-input-separator-color: #030712;
  --mat-datepicker-range-input-disabled-state-separator-color: #6b7280;
  --mat-datepicker-range-input-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: #030712;
  --mat-datepicker-calendar-text-font: var(--font);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.06);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: #030712;
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.06);
  --mat-expansion-header-hover-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-expansion-header-disabled-state-text-color: #9ca3af;
  --mat-expansion-header-text-color: #030712;
  --mat-expansion-header-description-color: #4b5563;
  --mat-expansion-header-indicator-color: #4b5563;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: var(--font);
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--font);
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: -0.006em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.06);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: #030712;
  --mat-sidenav-content-background-color: #f3f4f6;
  --mat-sidenav-content-text-color: #030712;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #9333ea;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #9333ea;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #9333ea;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.06);
  --mat-stepper-header-hover-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-stepper-header-label-text-color: #4b5563;
  --mat-stepper-header-optional-label-text-color: #4b5563;
  --mat-stepper-header-selected-state-label-text-color: #030712;
  --mat-stepper-header-error-state-label-text-color: #ef4444;
  --mat-stepper-header-icon-background-color: #4b5563;
  --mat-stepper-header-error-state-icon-foreground-color: #ef4444;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: var(--font);
  --mat-stepper-header-label-text-font: var(--font);
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: #4b5563;
  --mat-toolbar-container-background-color: #e5e7eb;
  --mat-toolbar-container-text-color: #030712;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: var(--font);
  --mat-toolbar-title-text-line-height: 26px;
  --mat-toolbar-title-text-size: 18px;
  --mat-toolbar-title-text-tracking: -0.014em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: #030712;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: var(--font);
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
.vex-theme-purple .mat-accent,
.vex-theme-purple.light .mat-accent,
.vex-theme-purple .light .mat-accent {
  --mat-option-selected-state-label-text-color: #f59e0b;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.vex-theme-purple .mat-warn,
.vex-theme-purple.light .mat-warn,
.vex-theme-purple .light .mat-warn {
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.vex-theme-purple .mat-primary,
.vex-theme-purple.light .mat-primary,
.vex-theme-purple .light .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #9333ea;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #9333ea;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-purple .mat-accent,
.vex-theme-purple.light .mat-accent,
.vex-theme-purple .light .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-purple .mat-warn,
.vex-theme-purple.light .mat-warn,
.vex-theme-purple .light .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-purple .mat-elevation-z0, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-purple.light .mat-elevation-z0,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-purple .light .mat-elevation-z0,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z1, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-purple.light .mat-elevation-z1,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-purple .light .mat-elevation-z1,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z2, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-purple.light .mat-elevation-z2,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-purple .light .mat-elevation-z2,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z3, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-purple.light .mat-elevation-z3,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-purple .light .mat-elevation-z3,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z4, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-purple.light .mat-elevation-z4,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-purple .light .mat-elevation-z4,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z5, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-purple.light .mat-elevation-z5,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-purple .light .mat-elevation-z5,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z6, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-purple.light .mat-elevation-z6,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-purple .light .mat-elevation-z6,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z7, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-purple.light .mat-elevation-z7,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-purple .light .mat-elevation-z7,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z8, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-purple.light .mat-elevation-z8,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-purple .light .mat-elevation-z8,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z9, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-purple.light .mat-elevation-z9,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-purple .light .mat-elevation-z9,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z10, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-purple.light .mat-elevation-z10,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-purple .light .mat-elevation-z10,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z11, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-purple.light .mat-elevation-z11,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-purple .light .mat-elevation-z11,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z12, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-purple.light .mat-elevation-z12,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-purple .light .mat-elevation-z12,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z13, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-purple.light .mat-elevation-z13,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-purple .light .mat-elevation-z13,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z14, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-purple.light .mat-elevation-z14,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-purple .light .mat-elevation-z14,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z15, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-purple.light .mat-elevation-z15,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-purple .light .mat-elevation-z15,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z16, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-purple.light .mat-elevation-z16,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-purple .light .mat-elevation-z16,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z17, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-purple.light .mat-elevation-z17,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-purple .light .mat-elevation-z17,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z18, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-purple.light .mat-elevation-z18,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-purple .light .mat-elevation-z18,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z19, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-purple.light .mat-elevation-z19,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-purple .light .mat-elevation-z19,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z20, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-purple.light .mat-elevation-z20,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-purple .light .mat-elevation-z20,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z21, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-purple.light .mat-elevation-z21,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-purple .light .mat-elevation-z21,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z22, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-purple.light .mat-elevation-z22,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-purple .light .mat-elevation-z22,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z23, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-purple.light .mat-elevation-z23,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-purple .light .mat-elevation-z23,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple .mat-elevation-z24, .vex-theme-purple .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-purple.light .mat-elevation-z24,
.vex-theme-purple.light .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-purple .light .mat-elevation-z24,
.vex-theme-purple .light .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.vex-theme-purple .mat-mdc-progress-bar,
.vex-theme-purple.light .mat-mdc-progress-bar,
.vex-theme-purple .light .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #9333ea;
  --mdc-linear-progress-track-color: rgba(147, 51, 234, 0.25);
}
.vex-theme-purple .mat-mdc-progress-bar.mat-accent,
.vex-theme-purple.light .mat-mdc-progress-bar.mat-accent,
.vex-theme-purple .light .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f59e0b;
  --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25);
}
.vex-theme-purple .mat-mdc-progress-bar.mat-warn,
.vex-theme-purple.light .mat-mdc-progress-bar.mat-warn,
.vex-theme-purple .light .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-purple .mat-mdc-form-field.mat-accent,
.vex-theme-purple.light .mat-mdc-form-field.mat-accent,
.vex-theme-purple .light .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f59e0b;
  --mdc-filled-text-field-focus-active-indicator-color: #f59e0b;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mdc-outlined-text-field-caret-color: #f59e0b;
  --mdc-outlined-text-field-focus-outline-color: #f59e0b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87);
}
.vex-theme-purple .mat-mdc-form-field.mat-warn,
.vex-theme-purple.light .mat-mdc-form-field.mat-warn,
.vex-theme-purple .light .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-purple .mat-mdc-form-field.mat-accent,
.vex-theme-purple.light .mat-mdc-form-field.mat-accent,
.vex-theme-purple .light .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-purple .mat-mdc-form-field.mat-warn,
.vex-theme-purple.light .mat-mdc-form-field.mat-warn,
.vex-theme-purple .light .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-purple .mat-mdc-standard-chip,
.vex-theme-purple.light .mat-mdc-standard-chip,
.vex-theme-purple .light .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.vex-theme-purple .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .vex-theme-purple .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-purple.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-purple.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-purple .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-purple .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #9333ea;
  --mdc-chip-elevated-selected-container-color: #9333ea;
  --mdc-chip-elevated-disabled-container-color: #9333ea;
  --mdc-chip-flat-disabled-selected-container-color: #9333ea;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-purple .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .vex-theme-purple .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-purple.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-purple.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-purple .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-purple .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f59e0b;
  --mdc-chip-elevated-selected-container-color: #f59e0b;
  --mdc-chip-elevated-disabled-container-color: #f59e0b;
  --mdc-chip-flat-disabled-selected-container-color: #f59e0b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-purple .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .vex-theme-purple .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-purple.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-purple.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-purple .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-purple .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-purple .mat-mdc-chip.mat-mdc-standard-chip,
.vex-theme-purple.light .mat-mdc-chip.mat-mdc-standard-chip,
.vex-theme-purple .light .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.vex-theme-purple .mat-mdc-standard-chip,
.vex-theme-purple.light .mat-mdc-standard-chip,
.vex-theme-purple .light .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--font);
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: -0.006em;
  --mdc-chip-label-text-weight: 400;
}
.vex-theme-purple .mat-mdc-slide-toggle,
.vex-theme-purple.light .mat-mdc-slide-toggle,
.vex-theme-purple .light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-purple .mat-mdc-slide-toggle.mat-accent,
.vex-theme-purple.light .mat-mdc-slide-toggle.mat-accent,
.vex-theme-purple .light .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d97706;
  --mdc-switch-selected-handle-color: #d97706;
  --mdc-switch-selected-hover-state-layer-color: #d97706;
  --mdc-switch-selected-pressed-state-layer-color: #d97706;
  --mdc-switch-selected-focus-handle-color: #78350f;
  --mdc-switch-selected-hover-handle-color: #78350f;
  --mdc-switch-selected-pressed-handle-color: #78350f;
  --mdc-switch-selected-focus-track-color: #fcd34d;
  --mdc-switch-selected-hover-track-color: #fcd34d;
  --mdc-switch-selected-pressed-track-color: #fcd34d;
  --mdc-switch-selected-track-color: #fcd34d;
}
.vex-theme-purple .mat-mdc-slide-toggle.mat-warn,
.vex-theme-purple.light .mat-mdc-slide-toggle.mat-warn,
.vex-theme-purple .light .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #dc2626;
  --mdc-switch-selected-handle-color: #dc2626;
  --mdc-switch-selected-hover-state-layer-color: #dc2626;
  --mdc-switch-selected-pressed-state-layer-color: #dc2626;
  --mdc-switch-selected-focus-handle-color: #7f1d1d;
  --mdc-switch-selected-hover-handle-color: #7f1d1d;
  --mdc-switch-selected-pressed-handle-color: #7f1d1d;
  --mdc-switch-selected-focus-track-color: #fca5a5;
  --mdc-switch-selected-hover-track-color: #fca5a5;
  --mdc-switch-selected-pressed-track-color: #fca5a5;
  --mdc-switch-selected-track-color: #fca5a5;
}
.vex-theme-purple .mat-mdc-slide-toggle,
.vex-theme-purple.light .mat-mdc-slide-toggle,
.vex-theme-purple .light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-purple .mat-mdc-radio-button,
.vex-theme-purple.light .mat-mdc-radio-button,
.vex-theme-purple .light .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-purple .mat-mdc-radio-button.mat-primary,
.vex-theme-purple.light .mat-mdc-radio-button.mat-primary,
.vex-theme-purple .light .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #9333ea;
  --mdc-radio-selected-hover-icon-color: #9333ea;
  --mdc-radio-selected-icon-color: #9333ea;
  --mdc-radio-selected-pressed-icon-color: #9333ea;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #9333ea;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-purple .mat-mdc-radio-button.mat-accent,
.vex-theme-purple.light .mat-mdc-radio-button.mat-accent,
.vex-theme-purple .light .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f59e0b;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-purple .mat-mdc-radio-button.mat-warn,
.vex-theme-purple.light .mat-mdc-radio-button.mat-warn,
.vex-theme-purple .light .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-purple .mat-mdc-radio-button,
.vex-theme-purple.light .mat-mdc-radio-button,
.vex-theme-purple .light .mat-mdc-radio-button {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-purple .mat-accent,
.vex-theme-purple.light .mat-accent,
.vex-theme-purple .light .mat-accent {
  --mat-slider-ripple-color: #f59e0b;
  --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2);
  --mdc-slider-handle-color: #f59e0b;
  --mdc-slider-focus-handle-color: #f59e0b;
  --mdc-slider-hover-handle-color: #f59e0b;
  --mdc-slider-active-track-color: #f59e0b;
  --mdc-slider-inactive-track-color: #f59e0b;
  --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-purple .mat-warn,
.vex-theme-purple.light .mat-warn,
.vex-theme-purple .light .mat-warn {
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-purple .mdc-list-item__start,
.vex-theme-purple .mdc-list-item__end,
.vex-theme-purple.light .mdc-list-item__start,
.vex-theme-purple.light .mdc-list-item__end,
.vex-theme-purple .light .mdc-list-item__start,
.vex-theme-purple .light .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #9333ea;
  --mdc-radio-selected-hover-icon-color: #9333ea;
  --mdc-radio-selected-icon-color: #9333ea;
  --mdc-radio-selected-pressed-icon-color: #9333ea;
}
.vex-theme-purple .mat-accent .mdc-list-item__start,
.vex-theme-purple .mat-accent .mdc-list-item__end,
.vex-theme-purple.light .mat-accent .mdc-list-item__start,
.vex-theme-purple.light .mat-accent .mdc-list-item__end,
.vex-theme-purple .light .mat-accent .mdc-list-item__start,
.vex-theme-purple .light .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
}
.vex-theme-purple .mat-warn .mdc-list-item__start,
.vex-theme-purple .mat-warn .mdc-list-item__end,
.vex-theme-purple.light .mat-warn .mdc-list-item__start,
.vex-theme-purple.light .mat-warn .mdc-list-item__end,
.vex-theme-purple .light .mat-warn .mdc-list-item__start,
.vex-theme-purple .light .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-purple .mat-mdc-list-option,
.vex-theme-purple.light .mat-mdc-list-option,
.vex-theme-purple .light .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #9333ea;
  --mdc-checkbox-selected-hover-icon-color: #9333ea;
  --mdc-checkbox-selected-icon-color: #9333ea;
  --mdc-checkbox-selected-pressed-icon-color: #9333ea;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #9333ea;
  --mdc-checkbox-selected-hover-state-layer-color: #9333ea;
  --mdc-checkbox-selected-pressed-state-layer-color: #9333ea;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-purple .mat-mdc-list-option.mat-accent,
.vex-theme-purple.light .mat-mdc-list-option.mat-accent,
.vex-theme-purple .light .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-purple .mat-mdc-list-option.mat-warn,
.vex-theme-purple.light .mat-mdc-list-option.mat-warn,
.vex-theme-purple .light .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-purple .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-purple .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-purple.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-purple.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-purple .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-purple .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #9333ea;
}
.vex-theme-purple .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-purple .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-purple.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-purple.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-purple .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-purple .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #9333ea;
}
.vex-theme-purple .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-purple .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-purple .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-purple.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-purple.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-purple.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-purple .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-purple .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-purple .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vex-theme-purple .mdc-list-item__start,
.vex-theme-purple .mdc-list-item__end,
.vex-theme-purple.light .mdc-list-item__start,
.vex-theme-purple.light .mdc-list-item__end,
.vex-theme-purple .light .mdc-list-item__start,
.vex-theme-purple .light .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.vex-theme-purple .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .vex-theme-purple .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .vex-theme-purple .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.vex-theme-purple.light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vex-theme-purple.light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vex-theme-purple.light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.vex-theme-purple .light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vex-theme-purple .light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vex-theme-purple .light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.vex-theme-purple .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .vex-theme-purple .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .vex-theme-purple .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.vex-theme-purple.light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vex-theme-purple.light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vex-theme-purple.light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.vex-theme-purple .light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vex-theme-purple .light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vex-theme-purple .light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.vex-theme-purple .mdc-list-group__subheader,
.vex-theme-purple.light .mdc-list-group__subheader,
.vex-theme-purple .light .mdc-list-group__subheader {
  font: 400 16px / 28px var(--font);
  letter-spacing: -0.011em;
}
.vex-theme-purple .mat-mdc-tab-group, .vex-theme-purple .mat-mdc-tab-nav-bar,
.vex-theme-purple.light .mat-mdc-tab-group,
.vex-theme-purple.light .mat-mdc-tab-nav-bar,
.vex-theme-purple .light .mat-mdc-tab-group,
.vex-theme-purple .light .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #9333ea;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #9333ea;
  --mat-tab-header-active-ripple-color: #9333ea;
  --mat-tab-header-inactive-ripple-color: #9333ea;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #9333ea;
  --mat-tab-header-active-hover-label-text-color: #9333ea;
  --mat-tab-header-active-focus-indicator-color: #9333ea;
  --mat-tab-header-active-hover-indicator-color: #9333ea;
}
.vex-theme-purple .mat-mdc-tab-group.mat-accent, .vex-theme-purple .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-purple.light .mat-mdc-tab-group.mat-accent,
.vex-theme-purple.light .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-purple .light .mat-mdc-tab-group.mat-accent,
.vex-theme-purple .light .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f59e0b;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #f59e0b;
  --mat-tab-header-active-ripple-color: #f59e0b;
  --mat-tab-header-inactive-ripple-color: #f59e0b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f59e0b;
  --mat-tab-header-active-hover-label-text-color: #f59e0b;
  --mat-tab-header-active-focus-indicator-color: #f59e0b;
  --mat-tab-header-active-hover-indicator-color: #f59e0b;
}
.vex-theme-purple .mat-mdc-tab-group.mat-warn, .vex-theme-purple .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-purple.light .mat-mdc-tab-group.mat-warn,
.vex-theme-purple.light .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-purple .light .mat-mdc-tab-group.mat-warn,
.vex-theme-purple .light .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-purple .mat-mdc-tab-group.mat-background-primary, .vex-theme-purple .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-purple.light .mat-mdc-tab-group.mat-background-primary,
.vex-theme-purple.light .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-purple .light .mat-mdc-tab-group.mat-background-primary,
.vex-theme-purple .light .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #9333ea;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-purple .mat-mdc-tab-group.mat-background-accent, .vex-theme-purple .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-purple.light .mat-mdc-tab-group.mat-background-accent,
.vex-theme-purple.light .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-purple .light .mat-mdc-tab-group.mat-background-accent,
.vex-theme-purple .light .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f59e0b;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-purple .mat-mdc-tab-group.mat-background-warn, .vex-theme-purple .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-purple.light .mat-mdc-tab-group.mat-background-warn,
.vex-theme-purple.light .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-purple .light .mat-mdc-tab-group.mat-background-warn,
.vex-theme-purple .light .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-purple .mat-mdc-tab-header,
.vex-theme-purple.light .mat-mdc-tab-header,
.vex-theme-purple .light .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-label-text-font: var(--font);
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: -0.006em;
  --mat-tab-header-label-text-line-height: 14px;
  --mat-tab-header-label-text-weight: 500;
}
.vex-theme-purple .mat-mdc-checkbox,
.vex-theme-purple.light .mat-mdc-checkbox,
.vex-theme-purple .light .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-purple .mat-mdc-checkbox.mat-primary,
.vex-theme-purple.light .mat-mdc-checkbox.mat-primary,
.vex-theme-purple .light .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #9333ea;
  --mdc-checkbox-selected-hover-icon-color: #9333ea;
  --mdc-checkbox-selected-icon-color: #9333ea;
  --mdc-checkbox-selected-pressed-icon-color: #9333ea;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #9333ea;
  --mdc-checkbox-selected-hover-state-layer-color: #9333ea;
  --mdc-checkbox-selected-pressed-state-layer-color: #9333ea;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-purple .mat-mdc-checkbox.mat-warn,
.vex-theme-purple.light .mat-mdc-checkbox.mat-warn,
.vex-theme-purple .light .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-purple .mat-mdc-checkbox,
.vex-theme-purple.light .mat-mdc-checkbox,
.vex-theme-purple .light .mat-mdc-checkbox {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-purple .mat-mdc-button.mat-primary,
.vex-theme-purple.light .mat-mdc-button.mat-primary,
.vex-theme-purple .light .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #9333ea;
  --mat-text-button-state-layer-color: #9333ea;
  --mat-text-button-ripple-color: rgba(147, 51, 234, 0.1);
}
.vex-theme-purple .mat-mdc-button.mat-accent,
.vex-theme-purple.light .mat-mdc-button.mat-accent,
.vex-theme-purple .light .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f59e0b;
  --mat-text-button-state-layer-color: #f59e0b;
  --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-purple .mat-mdc-button.mat-warn,
.vex-theme-purple.light .mat-mdc-button.mat-warn,
.vex-theme-purple .light .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-purple .mat-mdc-unelevated-button.mat-primary,
.vex-theme-purple.light .mat-mdc-unelevated-button.mat-primary,
.vex-theme-purple .light .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #9333ea;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple .mat-mdc-unelevated-button.mat-accent,
.vex-theme-purple.light .mat-mdc-unelevated-button.mat-accent,
.vex-theme-purple .light .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f59e0b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple .mat-mdc-unelevated-button.mat-warn,
.vex-theme-purple.light .mat-mdc-unelevated-button.mat-warn,
.vex-theme-purple .light .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple .mat-mdc-raised-button.mat-primary,
.vex-theme-purple.light .mat-mdc-raised-button.mat-primary,
.vex-theme-purple .light .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #9333ea;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple .mat-mdc-raised-button.mat-accent,
.vex-theme-purple.light .mat-mdc-raised-button.mat-accent,
.vex-theme-purple .light .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f59e0b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple .mat-mdc-raised-button.mat-warn,
.vex-theme-purple.light .mat-mdc-raised-button.mat-warn,
.vex-theme-purple .light .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple .mat-mdc-outlined-button.mat-primary,
.vex-theme-purple.light .mat-mdc-outlined-button.mat-primary,
.vex-theme-purple .light .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #9333ea;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #9333ea;
  --mat-outlined-button-ripple-color: rgba(147, 51, 234, 0.1);
}
.vex-theme-purple .mat-mdc-outlined-button.mat-accent,
.vex-theme-purple.light .mat-mdc-outlined-button.mat-accent,
.vex-theme-purple .light .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f59e0b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #f59e0b;
  --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-purple .mat-mdc-outlined-button.mat-warn,
.vex-theme-purple.light .mat-mdc-outlined-button.mat-warn,
.vex-theme-purple .light .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-purple .mat-mdc-icon-button.mat-primary,
.vex-theme-purple.light .mat-mdc-icon-button.mat-primary,
.vex-theme-purple .light .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #9333ea;
  --mat-icon-button-state-layer-color: #9333ea;
  --mat-icon-button-ripple-color: rgba(147, 51, 234, 0.1);
}
.vex-theme-purple .mat-mdc-icon-button.mat-accent,
.vex-theme-purple.light .mat-mdc-icon-button.mat-accent,
.vex-theme-purple .light .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f59e0b;
  --mat-icon-button-state-layer-color: #f59e0b;
  --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-purple .mat-mdc-icon-button.mat-warn,
.vex-theme-purple.light .mat-mdc-icon-button.mat-warn,
.vex-theme-purple .light .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-purple .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-purple.light .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-purple .light .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.vex-theme-purple .mat-mdc-fab.mat-primary,
.vex-theme-purple.light .mat-mdc-fab.mat-primary,
.vex-theme-purple .light .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #9333ea;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple .mat-mdc-fab.mat-accent,
.vex-theme-purple.light .mat-mdc-fab.mat-accent,
.vex-theme-purple .light .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple .mat-mdc-fab.mat-warn,
.vex-theme-purple.light .mat-mdc-fab.mat-warn,
.vex-theme-purple .light .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple .mat-mdc-mini-fab.mat-primary,
.vex-theme-purple.light .mat-mdc-mini-fab.mat-primary,
.vex-theme-purple .light .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #9333ea;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple .mat-mdc-mini-fab.mat-accent,
.vex-theme-purple.light .mat-mdc-mini-fab.mat-accent,
.vex-theme-purple .light .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #f59e0b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple .mat-mdc-mini-fab.mat-warn,
.vex-theme-purple.light .mat-mdc-mini-fab.mat-warn,
.vex-theme-purple .light .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple .mat-accent,
.vex-theme-purple.light .mat-accent,
.vex-theme-purple .light .mat-accent {
  --mdc-circular-progress-active-indicator-color: #f59e0b;
}
.vex-theme-purple .mat-warn,
.vex-theme-purple.light .mat-warn,
.vex-theme-purple .light .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef4444;
}
.vex-theme-purple .mat-badge-accent,
.vex-theme-purple.light .mat-badge-accent,
.vex-theme-purple .light .mat-badge-accent {
  --mat-badge-background-color: #f59e0b;
  --mat-badge-text-color: white;
}
.vex-theme-purple .mat-badge-warn,
.vex-theme-purple.light .mat-badge-warn,
.vex-theme-purple .light .mat-badge-warn {
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
}
.vex-theme-purple .mat-datepicker-content.mat-accent,
.vex-theme-purple.light .mat-datepicker-content.mat-accent,
.vex-theme-purple .light .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-purple .mat-datepicker-content.mat-warn,
.vex-theme-purple.light .mat-datepicker-content.mat-warn,
.vex-theme-purple .light .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-purple .mat-datepicker-toggle-active.mat-accent,
.vex-theme-purple.light .mat-datepicker-toggle-active.mat-accent,
.vex-theme-purple .light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f59e0b;
}
.vex-theme-purple .mat-datepicker-toggle-active.mat-warn,
.vex-theme-purple.light .mat-datepicker-toggle-active.mat-warn,
.vex-theme-purple .light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
}
.vex-theme-purple .mat-calendar-controls,
.vex-theme-purple.light .mat-calendar-controls,
.vex-theme-purple .light .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.vex-theme-purple .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-purple.light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-purple .light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.vex-theme-purple .mat-icon.mat-primary,
.vex-theme-purple.light .mat-icon.mat-primary,
.vex-theme-purple .light .mat-icon.mat-primary {
  --mat-icon-color: #9333ea;
}
.vex-theme-purple .mat-icon.mat-accent,
.vex-theme-purple.light .mat-icon.mat-accent,
.vex-theme-purple .light .mat-icon.mat-accent {
  --mat-icon-color: #f59e0b;
}
.vex-theme-purple .mat-icon.mat-warn,
.vex-theme-purple.light .mat-icon.mat-warn,
.vex-theme-purple .light .mat-icon.mat-warn {
  --mat-icon-color: #ef4444;
}
.vex-theme-purple .mat-step-header.mat-accent,
.vex-theme-purple.light .mat-step-header.mat-accent,
.vex-theme-purple .light .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f59e0b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f59e0b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f59e0b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-purple .mat-step-header.mat-warn,
.vex-theme-purple.light .mat-step-header.mat-warn,
.vex-theme-purple .light .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-purple .mat-toolbar.mat-primary,
.vex-theme-purple.light .mat-toolbar.mat-primary,
.vex-theme-purple .light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #9333ea;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-purple .mat-toolbar.mat-accent,
.vex-theme-purple.light .mat-toolbar.mat-accent,
.vex-theme-purple .light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-purple .mat-toolbar.mat-warn,
.vex-theme-purple.light .mat-toolbar.mat-warn,
.vex-theme-purple .light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}

/**
 * Override the theme foreground/background colors with the Angular Material colors
 */
.vex-theme-purple.dark,
.vex-theme-purple .dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: #a855f7;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #111827;
  --mat-app-text-color: white;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: #1f2937;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: #1f2937;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: #9ca3af;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #374151;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #a855f7;
  --mdc-filled-text-field-focus-active-indicator-color: #a855f7;
  --mdc-filled-text-field-focus-label-text-color: rgba(168, 85, 247, 0.87);
  --mdc-filled-text-field-container-color: #28323f;
  --mdc-filled-text-field-disabled-container-color: #232d3b;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ef4444;
  --mdc-filled-text-field-error-focus-label-text-color: #ef4444;
  --mdc-filled-text-field-error-label-text-color: #ef4444;
  --mdc-filled-text-field-error-caret-color: #ef4444;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ef4444;
  --mdc-outlined-text-field-caret-color: #a855f7;
  --mdc-outlined-text-field-focus-outline-color: #a855f7;
  --mdc-outlined-text-field-focus-label-text-color: rgba(168, 85, 247, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ef4444;
  --mdc-outlined-text-field-error-focus-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-hover-label-text-color: #ef4444;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-error-hover-outline-color: #ef4444;
  --mdc-outlined-text-field-error-outline-color: #ef4444;
  --mat-form-field-focus-select-arrow-color: rgba(168, 85, 247, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #ef4444;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(168, 85, 247, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: #1f2937;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: #1f2937;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #d8b4fe;
  --mdc-switch-selected-handle-color: #d8b4fe;
  --mdc-switch-selected-hover-state-layer-color: #d8b4fe;
  --mdc-switch-selected-pressed-state-layer-color: #d8b4fe;
  --mdc-switch-selected-focus-handle-color: #e9d5ff;
  --mdc-switch-selected-hover-handle-color: #e9d5ff;
  --mdc-switch-selected-pressed-handle-color: #e9d5ff;
  --mdc-switch-selected-focus-track-color: #9333ea;
  --mdc-switch-selected-hover-track-color: #9333ea;
  --mdc-switch-selected-pressed-track-color: #9333ea;
  --mdc-switch-selected-track-color: #9333ea;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-disabled-label-text-color: #6b7280;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #a855f7;
  --mdc-slider-focus-handle-color: #a855f7;
  --mdc-slider-hover-handle-color: #a855f7;
  --mdc-slider-active-track-color: #a855f7;
  --mdc-slider-inactive-track-color: #a855f7;
  --mdc-slider-with-tick-marks-inactive-container-color: #a855f7;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #a855f7;
  --mat-slider-hover-state-layer-color: rgba(168, 85, 247, 0.05);
  --mat-slider-focus-state-layer-color: rgba(168, 85, 247, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #1f2937;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: #9ca3af;
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: #6b7280;
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #1f2937;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: #6b7280;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
  --mdc-filled-button-container-color: #1f2937;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(75, 85, 99, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
  --mdc-protected-button-container-color: #1f2937;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(75, 85, 99, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: #1f2937;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(75, 85, 99, 0.5);
  --mdc-fab-small-container-color: #1f2937;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(75, 85, 99, 0.5);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d2d4d7;
  --mdc-snackbar-supporting-text-color: rgba(31, 41, 55, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #1f2937;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #a855f7;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #a855f7;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #4b5563;
  --mat-badge-disabled-state-text-color: #6b7280;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #1f2937;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: #6b7280;
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: #9ca3af;
  --mat-legacy-button-toggle-selected-state-background-color: #111827;
  --mat-legacy-button-toggle-disabled-state-text-color: #4b5563;
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #1f2937;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #1f2937;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #111827;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: #4b5563;
  --mat-standard-button-toggle-disabled-state-background-color: #1f2937;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #1f2937;
  --mat-standard-button-toggle-divider-color: #3a434f;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #a855f7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(168, 85, 247, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(168, 85, 247, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(168, 85, 247, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #a855f7;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(168, 85, 247, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: #9ca3af;
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: #9ca3af;
  --mat-datepicker-calendar-date-today-outline-color: #6b7280;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(107, 114, 128, 0.8);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: #6b7280;
  --mat-datepicker-range-input-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-container-background-color: #1f2937;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: #1f2937;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: #4b5563;
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: #9ca3af;
  --mat-expansion-header-indicator-color: #9ca3af;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #1f2937;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #111827;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(224, 214, 200, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #a855f7;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #a855f7;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #a855f7;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #1f2937;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: #9ca3af;
  --mat-stepper-header-optional-label-text-color: #9ca3af;
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #ef4444;
  --mat-stepper-header-icon-background-color: #9ca3af;
  --mat-stepper-header-error-state-icon-foreground-color: #ef4444;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: #9ca3af;
  --mat-toolbar-container-background-color: #1f2937;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #1f2937;
  --mat-tree-node-text-color: white;
}
.vex-theme-purple.dark .mat-accent,
.vex-theme-purple .dark .mat-accent {
  --mat-option-selected-state-label-text-color: #f59e0b;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.vex-theme-purple.dark .mat-warn,
.vex-theme-purple .dark .mat-warn {
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.vex-theme-purple.dark .mat-primary,
.vex-theme-purple .dark .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #a855f7;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #a855f7;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-purple.dark .mat-accent,
.vex-theme-purple .dark .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-purple.dark .mat-warn,
.vex-theme-purple .dark .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-purple.dark .mat-elevation-z0, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-purple .dark .mat-elevation-z0,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z1, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-purple .dark .mat-elevation-z1,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z2, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-purple .dark .mat-elevation-z2,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z3, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-purple .dark .mat-elevation-z3,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z4, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-purple .dark .mat-elevation-z4,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z5, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-purple .dark .mat-elevation-z5,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z6, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-purple .dark .mat-elevation-z6,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z7, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-purple .dark .mat-elevation-z7,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z8, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-purple .dark .mat-elevation-z8,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z9, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-purple .dark .mat-elevation-z9,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z10, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-purple .dark .mat-elevation-z10,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z11, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-purple .dark .mat-elevation-z11,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z12, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-purple .dark .mat-elevation-z12,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z13, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-purple .dark .mat-elevation-z13,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z14, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-purple .dark .mat-elevation-z14,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z15, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-purple .dark .mat-elevation-z15,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z16, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-purple .dark .mat-elevation-z16,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z17, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-purple .dark .mat-elevation-z17,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z18, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-purple .dark .mat-elevation-z18,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z19, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-purple .dark .mat-elevation-z19,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z20, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-purple .dark .mat-elevation-z20,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z21, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-purple .dark .mat-elevation-z21,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z22, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-purple .dark .mat-elevation-z22,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z23, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-purple .dark .mat-elevation-z23,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.vex-theme-purple.dark .mat-elevation-z24, .vex-theme-purple.dark .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-purple .dark .mat-elevation-z24,
.vex-theme-purple .dark .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.vex-theme-purple.dark .mat-mdc-progress-bar,
.vex-theme-purple .dark .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #a855f7;
  --mdc-linear-progress-track-color: rgba(168, 85, 247, 0.25);
}
.vex-theme-purple.dark .mat-mdc-progress-bar.mat-accent,
.vex-theme-purple .dark .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f59e0b;
  --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25);
}
.vex-theme-purple.dark .mat-mdc-progress-bar.mat-warn,
.vex-theme-purple .dark .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-purple.dark .mat-mdc-form-field.mat-accent,
.vex-theme-purple .dark .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f59e0b;
  --mdc-filled-text-field-focus-active-indicator-color: #f59e0b;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mdc-outlined-text-field-caret-color: #f59e0b;
  --mdc-outlined-text-field-focus-outline-color: #f59e0b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87);
}
.vex-theme-purple.dark .mat-mdc-form-field.mat-warn,
.vex-theme-purple .dark .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-purple.dark .mat-mdc-form-field.mat-accent,
.vex-theme-purple .dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-purple.dark .mat-mdc-form-field.mat-warn,
.vex-theme-purple .dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-purple.dark .mat-mdc-standard-chip,
.vex-theme-purple .dark .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #3a434f;
  --mdc-chip-elevated-selected-container-color: #3a434f;
  --mdc-chip-elevated-disabled-container-color: #3a434f;
  --mdc-chip-flat-disabled-selected-container-color: #3a434f;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.vex-theme-purple.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .vex-theme-purple.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-purple .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-purple .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #a855f7;
  --mdc-chip-elevated-selected-container-color: #a855f7;
  --mdc-chip-elevated-disabled-container-color: #a855f7;
  --mdc-chip-flat-disabled-selected-container-color: #a855f7;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-purple.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .vex-theme-purple.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-purple .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-purple .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f59e0b;
  --mdc-chip-elevated-selected-container-color: #f59e0b;
  --mdc-chip-elevated-disabled-container-color: #f59e0b;
  --mdc-chip-flat-disabled-selected-container-color: #f59e0b;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-purple.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .vex-theme-purple.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-purple .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-purple .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-purple.dark .mat-mdc-slide-toggle,
.vex-theme-purple .dark .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-purple.dark .mat-mdc-slide-toggle.mat-accent,
.vex-theme-purple .dark .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #fcd34d;
  --mdc-switch-selected-handle-color: #fcd34d;
  --mdc-switch-selected-hover-state-layer-color: #fcd34d;
  --mdc-switch-selected-pressed-state-layer-color: #fcd34d;
  --mdc-switch-selected-focus-handle-color: #fde68a;
  --mdc-switch-selected-hover-handle-color: #fde68a;
  --mdc-switch-selected-pressed-handle-color: #fde68a;
  --mdc-switch-selected-focus-track-color: #d97706;
  --mdc-switch-selected-hover-track-color: #d97706;
  --mdc-switch-selected-pressed-track-color: #d97706;
  --mdc-switch-selected-track-color: #d97706;
}
.vex-theme-purple.dark .mat-mdc-slide-toggle.mat-warn,
.vex-theme-purple .dark .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #fca5a5;
  --mdc-switch-selected-handle-color: #fca5a5;
  --mdc-switch-selected-hover-state-layer-color: #fca5a5;
  --mdc-switch-selected-pressed-state-layer-color: #fca5a5;
  --mdc-switch-selected-focus-handle-color: #fecaca;
  --mdc-switch-selected-hover-handle-color: #fecaca;
  --mdc-switch-selected-pressed-handle-color: #fecaca;
  --mdc-switch-selected-focus-track-color: #dc2626;
  --mdc-switch-selected-hover-track-color: #dc2626;
  --mdc-switch-selected-pressed-track-color: #dc2626;
  --mdc-switch-selected-track-color: #dc2626;
}
.vex-theme-purple.dark .mat-mdc-radio-button,
.vex-theme-purple .dark .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-purple.dark .mat-mdc-radio-button.mat-primary,
.vex-theme-purple .dark .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #a855f7;
  --mdc-radio-selected-hover-icon-color: #a855f7;
  --mdc-radio-selected-icon-color: #a855f7;
  --mdc-radio-selected-pressed-icon-color: #a855f7;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #a855f7;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-purple.dark .mat-mdc-radio-button.mat-accent,
.vex-theme-purple .dark .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #f59e0b;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-purple.dark .mat-mdc-radio-button.mat-warn,
.vex-theme-purple .dark .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-purple.dark .mat-accent,
.vex-theme-purple .dark .mat-accent {
  --mat-slider-ripple-color: #f59e0b;
  --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2);
  --mdc-slider-handle-color: #f59e0b;
  --mdc-slider-focus-handle-color: #f59e0b;
  --mdc-slider-hover-handle-color: #f59e0b;
  --mdc-slider-active-track-color: #f59e0b;
  --mdc-slider-inactive-track-color: #f59e0b;
  --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-purple.dark .mat-warn,
.vex-theme-purple .dark .mat-warn {
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-purple.dark .mdc-list-item__start,
.vex-theme-purple.dark .mdc-list-item__end,
.vex-theme-purple .dark .mdc-list-item__start,
.vex-theme-purple .dark .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #a855f7;
  --mdc-radio-selected-hover-icon-color: #a855f7;
  --mdc-radio-selected-icon-color: #a855f7;
  --mdc-radio-selected-pressed-icon-color: #a855f7;
}
.vex-theme-purple.dark .mat-accent .mdc-list-item__start,
.vex-theme-purple.dark .mat-accent .mdc-list-item__end,
.vex-theme-purple .dark .mat-accent .mdc-list-item__start,
.vex-theme-purple .dark .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
}
.vex-theme-purple.dark .mat-warn .mdc-list-item__start,
.vex-theme-purple.dark .mat-warn .mdc-list-item__end,
.vex-theme-purple .dark .mat-warn .mdc-list-item__start,
.vex-theme-purple .dark .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-purple.dark .mat-mdc-list-option,
.vex-theme-purple .dark .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #a855f7;
  --mdc-checkbox-selected-hover-icon-color: #a855f7;
  --mdc-checkbox-selected-icon-color: #a855f7;
  --mdc-checkbox-selected-pressed-icon-color: #a855f7;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #a855f7;
  --mdc-checkbox-selected-hover-state-layer-color: #a855f7;
  --mdc-checkbox-selected-pressed-state-layer-color: #a855f7;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-purple.dark .mat-mdc-list-option.mat-accent,
.vex-theme-purple .dark .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-purple.dark .mat-mdc-list-option.mat-warn,
.vex-theme-purple .dark .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-purple.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-purple.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-purple .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-purple .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #a855f7;
}
.vex-theme-purple.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-purple.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-purple .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-purple .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #a855f7;
}
.vex-theme-purple.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-purple.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-purple.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-purple .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-purple .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-purple .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vex-theme-purple.dark .mat-mdc-tab-group, .vex-theme-purple.dark .mat-mdc-tab-nav-bar,
.vex-theme-purple .dark .mat-mdc-tab-group,
.vex-theme-purple .dark .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #a855f7;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #a855f7;
  --mat-tab-header-active-ripple-color: #a855f7;
  --mat-tab-header-inactive-ripple-color: #a855f7;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #a855f7;
  --mat-tab-header-active-hover-label-text-color: #a855f7;
  --mat-tab-header-active-focus-indicator-color: #a855f7;
  --mat-tab-header-active-hover-indicator-color: #a855f7;
}
.vex-theme-purple.dark .mat-mdc-tab-group.mat-accent, .vex-theme-purple.dark .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-purple .dark .mat-mdc-tab-group.mat-accent,
.vex-theme-purple .dark .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f59e0b;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #f59e0b;
  --mat-tab-header-active-ripple-color: #f59e0b;
  --mat-tab-header-inactive-ripple-color: #f59e0b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f59e0b;
  --mat-tab-header-active-hover-label-text-color: #f59e0b;
  --mat-tab-header-active-focus-indicator-color: #f59e0b;
  --mat-tab-header-active-hover-indicator-color: #f59e0b;
}
.vex-theme-purple.dark .mat-mdc-tab-group.mat-warn, .vex-theme-purple.dark .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-purple .dark .mat-mdc-tab-group.mat-warn,
.vex-theme-purple .dark .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-purple.dark .mat-mdc-tab-group.mat-background-primary, .vex-theme-purple.dark .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-purple .dark .mat-mdc-tab-group.mat-background-primary,
.vex-theme-purple .dark .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #a855f7;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-purple.dark .mat-mdc-tab-group.mat-background-accent, .vex-theme-purple.dark .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-purple .dark .mat-mdc-tab-group.mat-background-accent,
.vex-theme-purple .dark .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f59e0b;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-purple.dark .mat-mdc-tab-group.mat-background-warn, .vex-theme-purple.dark .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-purple .dark .mat-mdc-tab-group.mat-background-warn,
.vex-theme-purple .dark .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-purple.dark .mat-mdc-checkbox,
.vex-theme-purple .dark .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-purple.dark .mat-mdc-checkbox.mat-primary,
.vex-theme-purple .dark .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #a855f7;
  --mdc-checkbox-selected-hover-icon-color: #a855f7;
  --mdc-checkbox-selected-icon-color: #a855f7;
  --mdc-checkbox-selected-pressed-icon-color: #a855f7;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #a855f7;
  --mdc-checkbox-selected-hover-state-layer-color: #a855f7;
  --mdc-checkbox-selected-pressed-state-layer-color: #a855f7;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-purple.dark .mat-mdc-checkbox.mat-warn,
.vex-theme-purple .dark .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-purple.dark .mat-mdc-button.mat-primary,
.vex-theme-purple .dark .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #a855f7;
  --mat-text-button-state-layer-color: #a855f7;
  --mat-text-button-ripple-color: rgba(168, 85, 247, 0.1);
}
.vex-theme-purple.dark .mat-mdc-button.mat-accent,
.vex-theme-purple .dark .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f59e0b;
  --mat-text-button-state-layer-color: #f59e0b;
  --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-purple.dark .mat-mdc-button.mat-warn,
.vex-theme-purple .dark .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-purple.dark .mat-mdc-unelevated-button.mat-primary,
.vex-theme-purple .dark .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #a855f7;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple.dark .mat-mdc-unelevated-button.mat-accent,
.vex-theme-purple .dark .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f59e0b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple.dark .mat-mdc-unelevated-button.mat-warn,
.vex-theme-purple .dark .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple.dark .mat-mdc-raised-button.mat-primary,
.vex-theme-purple .dark .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #a855f7;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple.dark .mat-mdc-raised-button.mat-accent,
.vex-theme-purple .dark .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f59e0b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple.dark .mat-mdc-raised-button.mat-warn,
.vex-theme-purple .dark .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple.dark .mat-mdc-outlined-button.mat-primary,
.vex-theme-purple .dark .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #a855f7;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #a855f7;
  --mat-outlined-button-ripple-color: rgba(168, 85, 247, 0.1);
}
.vex-theme-purple.dark .mat-mdc-outlined-button.mat-accent,
.vex-theme-purple .dark .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f59e0b;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #f59e0b;
  --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-purple.dark .mat-mdc-outlined-button.mat-warn,
.vex-theme-purple .dark .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-purple.dark .mat-mdc-icon-button.mat-primary,
.vex-theme-purple .dark .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #a855f7;
  --mat-icon-button-state-layer-color: #a855f7;
  --mat-icon-button-ripple-color: rgba(168, 85, 247, 0.1);
}
.vex-theme-purple.dark .mat-mdc-icon-button.mat-accent,
.vex-theme-purple .dark .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f59e0b;
  --mat-icon-button-state-layer-color: #f59e0b;
  --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-purple.dark .mat-mdc-icon-button.mat-warn,
.vex-theme-purple .dark .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-purple.dark .mat-mdc-fab.mat-primary,
.vex-theme-purple .dark .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #a855f7;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple.dark .mat-mdc-fab.mat-accent,
.vex-theme-purple .dark .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple.dark .mat-mdc-fab.mat-warn,
.vex-theme-purple .dark .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple.dark .mat-mdc-mini-fab.mat-primary,
.vex-theme-purple .dark .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #a855f7;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple.dark .mat-mdc-mini-fab.mat-accent,
.vex-theme-purple .dark .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #f59e0b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple.dark .mat-mdc-mini-fab.mat-warn,
.vex-theme-purple .dark .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-purple.dark .mat-accent,
.vex-theme-purple .dark .mat-accent {
  --mdc-circular-progress-active-indicator-color: #f59e0b;
}
.vex-theme-purple.dark .mat-warn,
.vex-theme-purple .dark .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef4444;
}
.vex-theme-purple.dark .mat-badge-accent,
.vex-theme-purple .dark .mat-badge-accent {
  --mat-badge-background-color: #f59e0b;
  --mat-badge-text-color: white;
}
.vex-theme-purple.dark .mat-badge-warn,
.vex-theme-purple .dark .mat-badge-warn {
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
}
.vex-theme-purple.dark .mat-datepicker-content.mat-accent,
.vex-theme-purple .dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-purple.dark .mat-datepicker-content.mat-warn,
.vex-theme-purple .dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-purple.dark .mat-datepicker-toggle-active.mat-accent,
.vex-theme-purple .dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f59e0b;
}
.vex-theme-purple.dark .mat-datepicker-toggle-active.mat-warn,
.vex-theme-purple .dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
}
.vex-theme-purple.dark .mat-icon.mat-primary,
.vex-theme-purple .dark .mat-icon.mat-primary {
  --mat-icon-color: #a855f7;
}
.vex-theme-purple.dark .mat-icon.mat-accent,
.vex-theme-purple .dark .mat-icon.mat-accent {
  --mat-icon-color: #f59e0b;
}
.vex-theme-purple.dark .mat-icon.mat-warn,
.vex-theme-purple .dark .mat-icon.mat-warn {
  --mat-icon-color: #ef4444;
}
.vex-theme-purple.dark .mat-step-header.mat-accent,
.vex-theme-purple .dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f59e0b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f59e0b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f59e0b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-purple.dark .mat-step-header.mat-warn,
.vex-theme-purple .dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-purple.dark .mat-toolbar.mat-primary,
.vex-theme-purple .dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #a855f7;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-purple.dark .mat-toolbar.mat-accent,
.vex-theme-purple .dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-purple.dark .mat-toolbar.mat-warn,
.vex-theme-purple .dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}

/**
 * Override the theme foreground/background colors with the Angular Material colors
 */
.vex-theme-red,
.vex-theme-red.light,
.vex-theme-red .light {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-optgroup-label-text-color: #030712;
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  --mat-app-background-color: #f3f4f6;
  --mat-app-text-color: #030712;
  --mat-option-label-text-font: var(--font);
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 14px;
  --mat-option-label-text-tracking: -0.009em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: var(--font);
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 14px;
  --mat-optgroup-label-text-tracking: -0.009em;
  --mat-optgroup-label-text-weight: 400;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: #4b5563;
  --mat-card-title-text-font: var(--font);
  --mat-card-title-text-line-height: 26px;
  --mat-card-title-text-size: 18px;
  --mat-card-title-text-tracking: -0.014em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: var(--font);
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: -0.006em;
  --mat-card-subtitle-text-weight: 500;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #1f2937;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-plain-tooltip-supporting-text-font: var(--font);
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #dc2626;
  --mdc-filled-text-field-focus-active-indicator-color: #dc2626;
  --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(3, 7, 18, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ef4444;
  --mdc-filled-text-field-error-focus-label-text-color: #ef4444;
  --mdc-filled-text-field-error-label-text-color: #ef4444;
  --mdc-filled-text-field-error-caret-color: #ef4444;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ef4444;
  --mdc-outlined-text-field-caret-color: #dc2626;
  --mdc-outlined-text-field-focus-outline-color: #dc2626;
  --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(3, 7, 18, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ef4444;
  --mdc-outlined-text-field-error-focus-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-hover-label-text-color: #ef4444;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-error-hover-outline-color: #ef4444;
  --mdc-outlined-text-field-error-outline-color: #ef4444;
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(31, 41, 55, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ef4444;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(31, 41, 55, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(31, 41, 55, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mdc-filled-text-field-label-text-font: var(--font);
  --mdc-filled-text-field-label-text-size: 14px;
  --mdc-filled-text-field-label-text-tracking: -0.009em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: var(--font);
  --mdc-outlined-text-field-label-text-size: 14px;
  --mdc-outlined-text-field-label-text-tracking: -0.009em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: var(--font);
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-tracking: -0.009em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 14px;
  --mat-form-field-subscript-text-font: var(--font);
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0;
  --mat-form-field-subscript-text-weight: 400;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: var(--font);
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 14px;
  --mat-select-trigger-text-tracking: -0.009em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(3, 7, 18, 0.87);
  --mdc-dialog-supporting-text-color: rgba(3, 7, 18, 0.6);
  --mdc-dialog-subhead-font: var(--font);
  --mdc-dialog-subhead-line-height: 26px;
  --mdc-dialog-subhead-size: 18px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: -0.014em;
  --mdc-dialog-supporting-text-font: var(--font);
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 14px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: -0.009em;
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #dc2626;
  --mdc-switch-selected-handle-color: #dc2626;
  --mdc-switch-selected-hover-state-layer-color: #dc2626;
  --mdc-switch-selected-pressed-state-layer-color: #dc2626;
  --mdc-switch-selected-focus-handle-color: #7f1d1d;
  --mdc-switch-selected-hover-handle-color: #7f1d1d;
  --mdc-switch-selected-pressed-handle-color: #7f1d1d;
  --mdc-switch-selected-focus-track-color: #fca5a5;
  --mdc-switch-selected-hover-track-color: #fca5a5;
  --mdc-switch-selected-pressed-track-color: #fca5a5;
  --mdc-switch-selected-track-color: #fca5a5;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: #6b7280;
  --mdc-switch-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #dc2626;
  --mdc-slider-focus-handle-color: #dc2626;
  --mdc-slider-hover-handle-color: #dc2626;
  --mdc-slider-active-track-color: #dc2626;
  --mdc-slider-inactive-track-color: #dc2626;
  --mdc-slider-with-tick-marks-inactive-container-color: #dc2626;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
  --mdc-slider-label-label-text-font: var(--font);
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 24px;
  --mdc-slider-label-label-text-tracking: -0.006em;
  --mdc-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: #030712;
  --mat-menu-item-icon-color: #030712;
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.06);
  --mat-menu-item-label-text-font: var(--font);
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-tracking: -0.009em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: #030712;
  --mdc-list-list-item-supporting-text-color: #4b5563;
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: #6b7280;
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: #030712;
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: #030712;
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mdc-list-list-item-label-text-font: var(--font);
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 14px;
  --mdc-list-list-item-label-text-tracking: -0.009em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: var(--font);
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: -0.006em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: var(--font);
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-container-text-font: var(--font);
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: #6b7280;
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: #030712;
  --mdc-text-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: #030712;
  --mdc-filled-button-disabled-container-color: rgba(156, 163, 175, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: #030712;
  --mdc-protected-button-disabled-container-color: rgba(156, 163, 175, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mdc-outlined-button-label-text-color: #030712;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-text-button-label-text-font: var(--font);
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: -0.006em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: var(--font);
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: -0.006em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: var(--font);
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: -0.006em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: var(--font);
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: -0.006em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-touch-target-display: block;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(229, 231, 235, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(156, 163, 175, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(229, 231, 235, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(156, 163, 175, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-extended-fab-label-text-font: var(--font);
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: -0.006em;
  --mdc-extended-fab-label-text-weight: 500;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #f59e0b;
  --mdc-snackbar-supporting-text-font: var(--font);
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: #030712;
  --mat-table-row-item-label-text-color: #030712;
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.06);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: var(--font);
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: -0.006em;
  --mat-table-row-item-label-text-font: var(--font);
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: -0.006em;
  --mat-table-footer-supporting-text-font: var(--font);
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: -0.006em;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #dc2626;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #9ca3af;
  --mat-badge-disabled-state-text-color: #6b7280;
  --mat-badge-text-font: var(--font);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: #030712;
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: var(--font);
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: -0.006em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: #6b7280;
  --mat-legacy-button-toggle-state-layer-color: #e5e7eb;
  --mat-legacy-button-toggle-selected-state-text-color: #4b5563;
  --mat-legacy-button-toggle-selected-state-background-color: #d1d5db;
  --mat-legacy-button-toggle-disabled-state-text-color: #9ca3af;
  --mat-legacy-button-toggle-disabled-state-background-color: #e5e7eb;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #9ca3af;
  --mat-standard-button-toggle-text-color: #030712;
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: #e5e7eb;
  --mat-standard-button-toggle-selected-state-background-color: #d1d5db;
  --mat-standard-button-toggle-selected-state-text-color: #030712;
  --mat-standard-button-toggle-disabled-state-text-color: #9ca3af;
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: #030712;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #9ca3af;
  --mat-standard-button-toggle-divider-color: #f0f0f0;
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-label-text-font: var(--font);
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 14px;
  --mat-legacy-button-toggle-label-text-tracking: -0.009em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: var(--font);
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 14px;
  --mat-standard-button-toggle-label-text-tracking: -0.009em;
  --mat-standard-button-toggle-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: #1f2937;
  --mat-datepicker-calendar-body-label-text-color: #4b5563;
  --mat-datepicker-calendar-period-button-text-color: #030712;
  --mat-datepicker-calendar-period-button-icon-color: #1f2937;
  --mat-datepicker-calendar-navigation-button-icon-color: #1f2937;
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.06);
  --mat-datepicker-calendar-header-text-color: #4b5563;
  --mat-datepicker-calendar-date-today-outline-color: #6b7280;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(107, 114, 128, 0.8);
  --mat-datepicker-calendar-date-text-color: #030712;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-range-input-separator-color: #030712;
  --mat-datepicker-range-input-disabled-state-separator-color: #6b7280;
  --mat-datepicker-range-input-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: #030712;
  --mat-datepicker-calendar-text-font: var(--font);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.06);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: #030712;
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.06);
  --mat-expansion-header-hover-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-expansion-header-disabled-state-text-color: #9ca3af;
  --mat-expansion-header-text-color: #030712;
  --mat-expansion-header-description-color: #4b5563;
  --mat-expansion-header-indicator-color: #4b5563;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: var(--font);
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--font);
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: -0.006em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.06);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: #030712;
  --mat-sidenav-content-background-color: #f3f4f6;
  --mat-sidenav-content-text-color: #030712;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.06);
  --mat-stepper-header-hover-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-stepper-header-label-text-color: #4b5563;
  --mat-stepper-header-optional-label-text-color: #4b5563;
  --mat-stepper-header-selected-state-label-text-color: #030712;
  --mat-stepper-header-error-state-label-text-color: #ef4444;
  --mat-stepper-header-icon-background-color: #4b5563;
  --mat-stepper-header-error-state-icon-foreground-color: #ef4444;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: var(--font);
  --mat-stepper-header-label-text-font: var(--font);
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: #4b5563;
  --mat-toolbar-container-background-color: #e5e7eb;
  --mat-toolbar-container-text-color: #030712;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: var(--font);
  --mat-toolbar-title-text-line-height: 26px;
  --mat-toolbar-title-text-size: 18px;
  --mat-toolbar-title-text-tracking: -0.014em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: #030712;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: var(--font);
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
.vex-theme-red .mat-accent,
.vex-theme-red.light .mat-accent,
.vex-theme-red .light .mat-accent {
  --mat-option-selected-state-label-text-color: #f59e0b;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.vex-theme-red .mat-warn,
.vex-theme-red.light .mat-warn,
.vex-theme-red .light .mat-warn {
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.vex-theme-red .mat-primary,
.vex-theme-red.light .mat-primary,
.vex-theme-red .light .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #dc2626;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-red .mat-accent,
.vex-theme-red.light .mat-accent,
.vex-theme-red .light .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-red .mat-warn,
.vex-theme-red.light .mat-warn,
.vex-theme-red .light .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-red .mat-elevation-z0, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-red.light .mat-elevation-z0,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-red .light .mat-elevation-z0,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z1, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-red.light .mat-elevation-z1,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-red .light .mat-elevation-z1,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z2, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-red.light .mat-elevation-z2,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-red .light .mat-elevation-z2,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z3, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-red.light .mat-elevation-z3,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-red .light .mat-elevation-z3,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z4, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-red.light .mat-elevation-z4,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-red .light .mat-elevation-z4,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z5, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-red.light .mat-elevation-z5,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-red .light .mat-elevation-z5,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z6, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-red.light .mat-elevation-z6,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-red .light .mat-elevation-z6,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z7, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-red.light .mat-elevation-z7,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-red .light .mat-elevation-z7,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z8, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-red.light .mat-elevation-z8,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-red .light .mat-elevation-z8,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z9, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-red.light .mat-elevation-z9,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-red .light .mat-elevation-z9,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z10, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-red.light .mat-elevation-z10,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-red .light .mat-elevation-z10,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z11, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-red.light .mat-elevation-z11,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-red .light .mat-elevation-z11,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z12, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-red.light .mat-elevation-z12,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-red .light .mat-elevation-z12,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z13, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-red.light .mat-elevation-z13,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-red .light .mat-elevation-z13,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z14, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-red.light .mat-elevation-z14,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-red .light .mat-elevation-z14,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z15, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-red.light .mat-elevation-z15,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-red .light .mat-elevation-z15,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z16, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-red.light .mat-elevation-z16,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-red .light .mat-elevation-z16,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z17, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-red.light .mat-elevation-z17,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-red .light .mat-elevation-z17,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z18, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-red.light .mat-elevation-z18,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-red .light .mat-elevation-z18,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z19, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-red.light .mat-elevation-z19,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-red .light .mat-elevation-z19,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z20, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-red.light .mat-elevation-z20,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-red .light .mat-elevation-z20,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z21, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-red.light .mat-elevation-z21,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-red .light .mat-elevation-z21,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z22, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-red.light .mat-elevation-z22,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-red .light .mat-elevation-z22,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z23, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-red.light .mat-elevation-z23,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-red .light .mat-elevation-z23,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.vex-theme-red .mat-elevation-z24, .vex-theme-red .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-red.light .mat-elevation-z24,
.vex-theme-red.light .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-red .light .mat-elevation-z24,
.vex-theme-red .light .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.vex-theme-red .mat-mdc-progress-bar,
.vex-theme-red.light .mat-mdc-progress-bar,
.vex-theme-red .light .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #dc2626;
  --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25);
}
.vex-theme-red .mat-mdc-progress-bar.mat-accent,
.vex-theme-red.light .mat-mdc-progress-bar.mat-accent,
.vex-theme-red .light .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f59e0b;
  --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25);
}
.vex-theme-red .mat-mdc-progress-bar.mat-warn,
.vex-theme-red.light .mat-mdc-progress-bar.mat-warn,
.vex-theme-red .light .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-red .mat-mdc-form-field.mat-accent,
.vex-theme-red.light .mat-mdc-form-field.mat-accent,
.vex-theme-red .light .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f59e0b;
  --mdc-filled-text-field-focus-active-indicator-color: #f59e0b;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mdc-outlined-text-field-caret-color: #f59e0b;
  --mdc-outlined-text-field-focus-outline-color: #f59e0b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87);
}
.vex-theme-red .mat-mdc-form-field.mat-warn,
.vex-theme-red.light .mat-mdc-form-field.mat-warn,
.vex-theme-red .light .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-red .mat-mdc-form-field.mat-accent,
.vex-theme-red.light .mat-mdc-form-field.mat-accent,
.vex-theme-red .light .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-red .mat-mdc-form-field.mat-warn,
.vex-theme-red.light .mat-mdc-form-field.mat-warn,
.vex-theme-red .light .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-red .mat-mdc-standard-chip,
.vex-theme-red.light .mat-mdc-standard-chip,
.vex-theme-red .light .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.vex-theme-red .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .vex-theme-red .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-red.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-red.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-red .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-red .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #dc2626;
  --mdc-chip-elevated-selected-container-color: #dc2626;
  --mdc-chip-elevated-disabled-container-color: #dc2626;
  --mdc-chip-flat-disabled-selected-container-color: #dc2626;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-red .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .vex-theme-red .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-red.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-red.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-red .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-red .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f59e0b;
  --mdc-chip-elevated-selected-container-color: #f59e0b;
  --mdc-chip-elevated-disabled-container-color: #f59e0b;
  --mdc-chip-flat-disabled-selected-container-color: #f59e0b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-red .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .vex-theme-red .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-red.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-red.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-red .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-red .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-red .mat-mdc-chip.mat-mdc-standard-chip,
.vex-theme-red.light .mat-mdc-chip.mat-mdc-standard-chip,
.vex-theme-red .light .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.vex-theme-red .mat-mdc-standard-chip,
.vex-theme-red.light .mat-mdc-standard-chip,
.vex-theme-red .light .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--font);
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: -0.006em;
  --mdc-chip-label-text-weight: 400;
}
.vex-theme-red .mat-mdc-slide-toggle,
.vex-theme-red.light .mat-mdc-slide-toggle,
.vex-theme-red .light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-red .mat-mdc-slide-toggle.mat-accent,
.vex-theme-red.light .mat-mdc-slide-toggle.mat-accent,
.vex-theme-red .light .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d97706;
  --mdc-switch-selected-handle-color: #d97706;
  --mdc-switch-selected-hover-state-layer-color: #d97706;
  --mdc-switch-selected-pressed-state-layer-color: #d97706;
  --mdc-switch-selected-focus-handle-color: #78350f;
  --mdc-switch-selected-hover-handle-color: #78350f;
  --mdc-switch-selected-pressed-handle-color: #78350f;
  --mdc-switch-selected-focus-track-color: #fcd34d;
  --mdc-switch-selected-hover-track-color: #fcd34d;
  --mdc-switch-selected-pressed-track-color: #fcd34d;
  --mdc-switch-selected-track-color: #fcd34d;
}
.vex-theme-red .mat-mdc-slide-toggle.mat-warn,
.vex-theme-red.light .mat-mdc-slide-toggle.mat-warn,
.vex-theme-red .light .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #dc2626;
  --mdc-switch-selected-handle-color: #dc2626;
  --mdc-switch-selected-hover-state-layer-color: #dc2626;
  --mdc-switch-selected-pressed-state-layer-color: #dc2626;
  --mdc-switch-selected-focus-handle-color: #7f1d1d;
  --mdc-switch-selected-hover-handle-color: #7f1d1d;
  --mdc-switch-selected-pressed-handle-color: #7f1d1d;
  --mdc-switch-selected-focus-track-color: #fca5a5;
  --mdc-switch-selected-hover-track-color: #fca5a5;
  --mdc-switch-selected-pressed-track-color: #fca5a5;
  --mdc-switch-selected-track-color: #fca5a5;
}
.vex-theme-red .mat-mdc-slide-toggle,
.vex-theme-red.light .mat-mdc-slide-toggle,
.vex-theme-red .light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-red .mat-mdc-radio-button,
.vex-theme-red.light .mat-mdc-radio-button,
.vex-theme-red .light .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-red .mat-mdc-radio-button.mat-primary,
.vex-theme-red.light .mat-mdc-radio-button.mat-primary,
.vex-theme-red .light .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #dc2626;
  --mdc-radio-selected-hover-icon-color: #dc2626;
  --mdc-radio-selected-icon-color: #dc2626;
  --mdc-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-red .mat-mdc-radio-button.mat-accent,
.vex-theme-red.light .mat-mdc-radio-button.mat-accent,
.vex-theme-red .light .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f59e0b;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-red .mat-mdc-radio-button.mat-warn,
.vex-theme-red.light .mat-mdc-radio-button.mat-warn,
.vex-theme-red .light .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-red .mat-mdc-radio-button,
.vex-theme-red.light .mat-mdc-radio-button,
.vex-theme-red .light .mat-mdc-radio-button {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-red .mat-accent,
.vex-theme-red.light .mat-accent,
.vex-theme-red .light .mat-accent {
  --mat-slider-ripple-color: #f59e0b;
  --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2);
  --mdc-slider-handle-color: #f59e0b;
  --mdc-slider-focus-handle-color: #f59e0b;
  --mdc-slider-hover-handle-color: #f59e0b;
  --mdc-slider-active-track-color: #f59e0b;
  --mdc-slider-inactive-track-color: #f59e0b;
  --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-red .mat-warn,
.vex-theme-red.light .mat-warn,
.vex-theme-red .light .mat-warn {
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-red .mdc-list-item__start,
.vex-theme-red .mdc-list-item__end,
.vex-theme-red.light .mdc-list-item__start,
.vex-theme-red.light .mdc-list-item__end,
.vex-theme-red .light .mdc-list-item__start,
.vex-theme-red .light .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #dc2626;
  --mdc-radio-selected-hover-icon-color: #dc2626;
  --mdc-radio-selected-icon-color: #dc2626;
  --mdc-radio-selected-pressed-icon-color: #dc2626;
}
.vex-theme-red .mat-accent .mdc-list-item__start,
.vex-theme-red .mat-accent .mdc-list-item__end,
.vex-theme-red.light .mat-accent .mdc-list-item__start,
.vex-theme-red.light .mat-accent .mdc-list-item__end,
.vex-theme-red .light .mat-accent .mdc-list-item__start,
.vex-theme-red .light .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
}
.vex-theme-red .mat-warn .mdc-list-item__start,
.vex-theme-red .mat-warn .mdc-list-item__end,
.vex-theme-red.light .mat-warn .mdc-list-item__start,
.vex-theme-red.light .mat-warn .mdc-list-item__end,
.vex-theme-red .light .mat-warn .mdc-list-item__start,
.vex-theme-red .light .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-red .mat-mdc-list-option,
.vex-theme-red.light .mat-mdc-list-option,
.vex-theme-red .light .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #dc2626;
  --mdc-checkbox-selected-hover-icon-color: #dc2626;
  --mdc-checkbox-selected-icon-color: #dc2626;
  --mdc-checkbox-selected-pressed-icon-color: #dc2626;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #dc2626;
  --mdc-checkbox-selected-hover-state-layer-color: #dc2626;
  --mdc-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-red .mat-mdc-list-option.mat-accent,
.vex-theme-red.light .mat-mdc-list-option.mat-accent,
.vex-theme-red .light .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-red .mat-mdc-list-option.mat-warn,
.vex-theme-red.light .mat-mdc-list-option.mat-warn,
.vex-theme-red .light .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-red .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-red .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-red.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-red.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-red .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-red .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #dc2626;
}
.vex-theme-red .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-red .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-red.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-red.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-red .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-red .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #dc2626;
}
.vex-theme-red .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-red .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-red .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-red.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-red.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-red.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-red .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-red .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-red .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vex-theme-red .mdc-list-item__start,
.vex-theme-red .mdc-list-item__end,
.vex-theme-red.light .mdc-list-item__start,
.vex-theme-red.light .mdc-list-item__end,
.vex-theme-red .light .mdc-list-item__start,
.vex-theme-red .light .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.vex-theme-red .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .vex-theme-red .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .vex-theme-red .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.vex-theme-red.light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vex-theme-red.light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vex-theme-red.light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.vex-theme-red .light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vex-theme-red .light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vex-theme-red .light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.vex-theme-red .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .vex-theme-red .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .vex-theme-red .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.vex-theme-red.light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vex-theme-red.light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vex-theme-red.light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.vex-theme-red .light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vex-theme-red .light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vex-theme-red .light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.vex-theme-red .mdc-list-group__subheader,
.vex-theme-red.light .mdc-list-group__subheader,
.vex-theme-red .light .mdc-list-group__subheader {
  font: 400 16px / 28px var(--font);
  letter-spacing: -0.011em;
}
.vex-theme-red .mat-mdc-tab-group, .vex-theme-red .mat-mdc-tab-nav-bar,
.vex-theme-red.light .mat-mdc-tab-group,
.vex-theme-red.light .mat-mdc-tab-nav-bar,
.vex-theme-red .light .mat-mdc-tab-group,
.vex-theme-red .light .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #dc2626;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #dc2626;
  --mat-tab-header-active-ripple-color: #dc2626;
  --mat-tab-header-inactive-ripple-color: #dc2626;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #dc2626;
  --mat-tab-header-active-hover-label-text-color: #dc2626;
  --mat-tab-header-active-focus-indicator-color: #dc2626;
  --mat-tab-header-active-hover-indicator-color: #dc2626;
}
.vex-theme-red .mat-mdc-tab-group.mat-accent, .vex-theme-red .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-red.light .mat-mdc-tab-group.mat-accent,
.vex-theme-red.light .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-red .light .mat-mdc-tab-group.mat-accent,
.vex-theme-red .light .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f59e0b;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #f59e0b;
  --mat-tab-header-active-ripple-color: #f59e0b;
  --mat-tab-header-inactive-ripple-color: #f59e0b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f59e0b;
  --mat-tab-header-active-hover-label-text-color: #f59e0b;
  --mat-tab-header-active-focus-indicator-color: #f59e0b;
  --mat-tab-header-active-hover-indicator-color: #f59e0b;
}
.vex-theme-red .mat-mdc-tab-group.mat-warn, .vex-theme-red .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-red.light .mat-mdc-tab-group.mat-warn,
.vex-theme-red.light .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-red .light .mat-mdc-tab-group.mat-warn,
.vex-theme-red .light .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-red .mat-mdc-tab-group.mat-background-primary, .vex-theme-red .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-red.light .mat-mdc-tab-group.mat-background-primary,
.vex-theme-red.light .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-red .light .mat-mdc-tab-group.mat-background-primary,
.vex-theme-red .light .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #dc2626;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-red .mat-mdc-tab-group.mat-background-accent, .vex-theme-red .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-red.light .mat-mdc-tab-group.mat-background-accent,
.vex-theme-red.light .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-red .light .mat-mdc-tab-group.mat-background-accent,
.vex-theme-red .light .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f59e0b;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-red .mat-mdc-tab-group.mat-background-warn, .vex-theme-red .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-red.light .mat-mdc-tab-group.mat-background-warn,
.vex-theme-red.light .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-red .light .mat-mdc-tab-group.mat-background-warn,
.vex-theme-red .light .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-red .mat-mdc-tab-header,
.vex-theme-red.light .mat-mdc-tab-header,
.vex-theme-red .light .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-label-text-font: var(--font);
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: -0.006em;
  --mat-tab-header-label-text-line-height: 14px;
  --mat-tab-header-label-text-weight: 500;
}
.vex-theme-red .mat-mdc-checkbox,
.vex-theme-red.light .mat-mdc-checkbox,
.vex-theme-red .light .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-red .mat-mdc-checkbox.mat-primary,
.vex-theme-red.light .mat-mdc-checkbox.mat-primary,
.vex-theme-red .light .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #dc2626;
  --mdc-checkbox-selected-hover-icon-color: #dc2626;
  --mdc-checkbox-selected-icon-color: #dc2626;
  --mdc-checkbox-selected-pressed-icon-color: #dc2626;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #dc2626;
  --mdc-checkbox-selected-hover-state-layer-color: #dc2626;
  --mdc-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-red .mat-mdc-checkbox.mat-warn,
.vex-theme-red.light .mat-mdc-checkbox.mat-warn,
.vex-theme-red .light .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-red .mat-mdc-checkbox,
.vex-theme-red.light .mat-mdc-checkbox,
.vex-theme-red .light .mat-mdc-checkbox {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-red .mat-mdc-button.mat-primary,
.vex-theme-red.light .mat-mdc-button.mat-primary,
.vex-theme-red .light .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #dc2626;
  --mat-text-button-state-layer-color: #dc2626;
  --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.vex-theme-red .mat-mdc-button.mat-accent,
.vex-theme-red.light .mat-mdc-button.mat-accent,
.vex-theme-red .light .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f59e0b;
  --mat-text-button-state-layer-color: #f59e0b;
  --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-red .mat-mdc-button.mat-warn,
.vex-theme-red.light .mat-mdc-button.mat-warn,
.vex-theme-red .light .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-red .mat-mdc-unelevated-button.mat-primary,
.vex-theme-red.light .mat-mdc-unelevated-button.mat-primary,
.vex-theme-red .light .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #dc2626;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red .mat-mdc-unelevated-button.mat-accent,
.vex-theme-red.light .mat-mdc-unelevated-button.mat-accent,
.vex-theme-red .light .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f59e0b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red .mat-mdc-unelevated-button.mat-warn,
.vex-theme-red.light .mat-mdc-unelevated-button.mat-warn,
.vex-theme-red .light .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red .mat-mdc-raised-button.mat-primary,
.vex-theme-red.light .mat-mdc-raised-button.mat-primary,
.vex-theme-red .light .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #dc2626;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red .mat-mdc-raised-button.mat-accent,
.vex-theme-red.light .mat-mdc-raised-button.mat-accent,
.vex-theme-red .light .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f59e0b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red .mat-mdc-raised-button.mat-warn,
.vex-theme-red.light .mat-mdc-raised-button.mat-warn,
.vex-theme-red .light .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red .mat-mdc-outlined-button.mat-primary,
.vex-theme-red.light .mat-mdc-outlined-button.mat-primary,
.vex-theme-red .light .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #dc2626;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #dc2626;
  --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.vex-theme-red .mat-mdc-outlined-button.mat-accent,
.vex-theme-red.light .mat-mdc-outlined-button.mat-accent,
.vex-theme-red .light .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f59e0b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #f59e0b;
  --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-red .mat-mdc-outlined-button.mat-warn,
.vex-theme-red.light .mat-mdc-outlined-button.mat-warn,
.vex-theme-red .light .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-red .mat-mdc-icon-button.mat-primary,
.vex-theme-red.light .mat-mdc-icon-button.mat-primary,
.vex-theme-red .light .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}
.vex-theme-red .mat-mdc-icon-button.mat-accent,
.vex-theme-red.light .mat-mdc-icon-button.mat-accent,
.vex-theme-red .light .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f59e0b;
  --mat-icon-button-state-layer-color: #f59e0b;
  --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-red .mat-mdc-icon-button.mat-warn,
.vex-theme-red.light .mat-mdc-icon-button.mat-warn,
.vex-theme-red .light .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-red .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-red.light .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-red .light .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.vex-theme-red .mat-mdc-fab.mat-primary,
.vex-theme-red.light .mat-mdc-fab.mat-primary,
.vex-theme-red .light .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red .mat-mdc-fab.mat-accent,
.vex-theme-red.light .mat-mdc-fab.mat-accent,
.vex-theme-red .light .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red .mat-mdc-fab.mat-warn,
.vex-theme-red.light .mat-mdc-fab.mat-warn,
.vex-theme-red .light .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red .mat-mdc-mini-fab.mat-primary,
.vex-theme-red.light .mat-mdc-mini-fab.mat-primary,
.vex-theme-red .light .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red .mat-mdc-mini-fab.mat-accent,
.vex-theme-red.light .mat-mdc-mini-fab.mat-accent,
.vex-theme-red .light .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #f59e0b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red .mat-mdc-mini-fab.mat-warn,
.vex-theme-red.light .mat-mdc-mini-fab.mat-warn,
.vex-theme-red .light .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red .mat-accent,
.vex-theme-red.light .mat-accent,
.vex-theme-red .light .mat-accent {
  --mdc-circular-progress-active-indicator-color: #f59e0b;
}
.vex-theme-red .mat-warn,
.vex-theme-red.light .mat-warn,
.vex-theme-red .light .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef4444;
}
.vex-theme-red .mat-badge-accent,
.vex-theme-red.light .mat-badge-accent,
.vex-theme-red .light .mat-badge-accent {
  --mat-badge-background-color: #f59e0b;
  --mat-badge-text-color: white;
}
.vex-theme-red .mat-badge-warn,
.vex-theme-red.light .mat-badge-warn,
.vex-theme-red .light .mat-badge-warn {
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
}
.vex-theme-red .mat-datepicker-content.mat-accent,
.vex-theme-red.light .mat-datepicker-content.mat-accent,
.vex-theme-red .light .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-red .mat-datepicker-content.mat-warn,
.vex-theme-red.light .mat-datepicker-content.mat-warn,
.vex-theme-red .light .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-red .mat-datepicker-toggle-active.mat-accent,
.vex-theme-red.light .mat-datepicker-toggle-active.mat-accent,
.vex-theme-red .light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f59e0b;
}
.vex-theme-red .mat-datepicker-toggle-active.mat-warn,
.vex-theme-red.light .mat-datepicker-toggle-active.mat-warn,
.vex-theme-red .light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
}
.vex-theme-red .mat-calendar-controls,
.vex-theme-red.light .mat-calendar-controls,
.vex-theme-red .light .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.vex-theme-red .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-red.light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-red .light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.vex-theme-red .mat-icon.mat-primary,
.vex-theme-red.light .mat-icon.mat-primary,
.vex-theme-red .light .mat-icon.mat-primary {
  --mat-icon-color: #dc2626;
}
.vex-theme-red .mat-icon.mat-accent,
.vex-theme-red.light .mat-icon.mat-accent,
.vex-theme-red .light .mat-icon.mat-accent {
  --mat-icon-color: #f59e0b;
}
.vex-theme-red .mat-icon.mat-warn,
.vex-theme-red.light .mat-icon.mat-warn,
.vex-theme-red .light .mat-icon.mat-warn {
  --mat-icon-color: #ef4444;
}
.vex-theme-red .mat-step-header.mat-accent,
.vex-theme-red.light .mat-step-header.mat-accent,
.vex-theme-red .light .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f59e0b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f59e0b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f59e0b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-red .mat-step-header.mat-warn,
.vex-theme-red.light .mat-step-header.mat-warn,
.vex-theme-red .light .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-red .mat-toolbar.mat-primary,
.vex-theme-red.light .mat-toolbar.mat-primary,
.vex-theme-red .light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-red .mat-toolbar.mat-accent,
.vex-theme-red.light .mat-toolbar.mat-accent,
.vex-theme-red .light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-red .mat-toolbar.mat-warn,
.vex-theme-red.light .mat-toolbar.mat-warn,
.vex-theme-red .light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}

/**
 * Override the theme foreground/background colors with the Angular Material colors
 */
.vex-theme-red.dark,
.vex-theme-red .dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #111827;
  --mat-app-text-color: white;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: #1f2937;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: #1f2937;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: #9ca3af;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #374151;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-filled-text-field-container-color: #28323f;
  --mdc-filled-text-field-disabled-container-color: #232d3b;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ef4444;
  --mdc-filled-text-field-error-focus-label-text-color: #ef4444;
  --mdc-filled-text-field-error-label-text-color: #ef4444;
  --mdc-filled-text-field-error-caret-color: #ef4444;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ef4444;
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ef4444;
  --mdc-outlined-text-field-error-focus-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-hover-label-text-color: #ef4444;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-error-hover-outline-color: #ef4444;
  --mdc-outlined-text-field-error-outline-color: #ef4444;
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #ef4444;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: #1f2937;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: #1f2937;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #fca5a5;
  --mdc-switch-selected-handle-color: #fca5a5;
  --mdc-switch-selected-hover-state-layer-color: #fca5a5;
  --mdc-switch-selected-pressed-state-layer-color: #fca5a5;
  --mdc-switch-selected-focus-handle-color: #fecaca;
  --mdc-switch-selected-hover-handle-color: #fecaca;
  --mdc-switch-selected-pressed-handle-color: #fecaca;
  --mdc-switch-selected-focus-track-color: #dc2626;
  --mdc-switch-selected-hover-track-color: #dc2626;
  --mdc-switch-selected-pressed-track-color: #dc2626;
  --mdc-switch-selected-track-color: #dc2626;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-disabled-label-text-color: #6b7280;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #1f2937;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: #9ca3af;
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: #6b7280;
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #1f2937;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: #6b7280;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
  --mdc-filled-button-container-color: #1f2937;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(75, 85, 99, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
  --mdc-protected-button-container-color: #1f2937;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(75, 85, 99, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: #1f2937;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(75, 85, 99, 0.5);
  --mdc-fab-small-container-color: #1f2937;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(75, 85, 99, 0.5);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d2d4d7;
  --mdc-snackbar-supporting-text-color: rgba(31, 41, 55, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #1f2937;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #ef4444;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #4b5563;
  --mat-badge-disabled-state-text-color: #6b7280;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #1f2937;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: #6b7280;
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: #9ca3af;
  --mat-legacy-button-toggle-selected-state-background-color: #111827;
  --mat-legacy-button-toggle-disabled-state-text-color: #4b5563;
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #1f2937;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #1f2937;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #111827;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: #4b5563;
  --mat-standard-button-toggle-disabled-state-background-color: #1f2937;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #1f2937;
  --mat-standard-button-toggle-divider-color: #3a434f;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: #9ca3af;
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: #9ca3af;
  --mat-datepicker-calendar-date-today-outline-color: #6b7280;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(107, 114, 128, 0.8);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: #6b7280;
  --mat-datepicker-range-input-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-container-background-color: #1f2937;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: #1f2937;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: #4b5563;
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: #9ca3af;
  --mat-expansion-header-indicator-color: #9ca3af;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #1f2937;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #111827;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(224, 214, 200, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #1f2937;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: #9ca3af;
  --mat-stepper-header-optional-label-text-color: #9ca3af;
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #ef4444;
  --mat-stepper-header-icon-background-color: #9ca3af;
  --mat-stepper-header-error-state-icon-foreground-color: #ef4444;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: #9ca3af;
  --mat-toolbar-container-background-color: #1f2937;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #1f2937;
  --mat-tree-node-text-color: white;
}
.vex-theme-red.dark .mat-accent,
.vex-theme-red .dark .mat-accent {
  --mat-option-selected-state-label-text-color: #f59e0b;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.vex-theme-red.dark .mat-warn,
.vex-theme-red .dark .mat-warn {
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.vex-theme-red.dark .mat-primary,
.vex-theme-red .dark .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-red.dark .mat-accent,
.vex-theme-red .dark .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-red.dark .mat-warn,
.vex-theme-red .dark .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-red.dark .mat-elevation-z0, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-red .dark .mat-elevation-z0,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z1, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-red .dark .mat-elevation-z1,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z2, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-red .dark .mat-elevation-z2,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z3, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-red .dark .mat-elevation-z3,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z4, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-red .dark .mat-elevation-z4,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z5, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-red .dark .mat-elevation-z5,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z6, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-red .dark .mat-elevation-z6,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z7, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-red .dark .mat-elevation-z7,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z8, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-red .dark .mat-elevation-z8,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z9, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-red .dark .mat-elevation-z9,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z10, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-red .dark .mat-elevation-z10,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z11, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-red .dark .mat-elevation-z11,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z12, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-red .dark .mat-elevation-z12,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z13, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-red .dark .mat-elevation-z13,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z14, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-red .dark .mat-elevation-z14,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z15, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-red .dark .mat-elevation-z15,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z16, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-red .dark .mat-elevation-z16,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z17, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-red .dark .mat-elevation-z17,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z18, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-red .dark .mat-elevation-z18,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z19, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-red .dark .mat-elevation-z19,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z20, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-red .dark .mat-elevation-z20,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z21, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-red .dark .mat-elevation-z21,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z22, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-red .dark .mat-elevation-z22,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z23, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-red .dark .mat-elevation-z23,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.vex-theme-red.dark .mat-elevation-z24, .vex-theme-red.dark .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-red .dark .mat-elevation-z24,
.vex-theme-red .dark .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.vex-theme-red.dark .mat-mdc-progress-bar,
.vex-theme-red .dark .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-red.dark .mat-mdc-progress-bar.mat-accent,
.vex-theme-red .dark .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f59e0b;
  --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25);
}
.vex-theme-red.dark .mat-mdc-progress-bar.mat-warn,
.vex-theme-red .dark .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-red.dark .mat-mdc-form-field.mat-accent,
.vex-theme-red .dark .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f59e0b;
  --mdc-filled-text-field-focus-active-indicator-color: #f59e0b;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mdc-outlined-text-field-caret-color: #f59e0b;
  --mdc-outlined-text-field-focus-outline-color: #f59e0b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87);
}
.vex-theme-red.dark .mat-mdc-form-field.mat-warn,
.vex-theme-red .dark .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-red.dark .mat-mdc-form-field.mat-accent,
.vex-theme-red .dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-red.dark .mat-mdc-form-field.mat-warn,
.vex-theme-red .dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-red.dark .mat-mdc-standard-chip,
.vex-theme-red .dark .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #3a434f;
  --mdc-chip-elevated-selected-container-color: #3a434f;
  --mdc-chip-elevated-disabled-container-color: #3a434f;
  --mdc-chip-flat-disabled-selected-container-color: #3a434f;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.vex-theme-red.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .vex-theme-red.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-red .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-red .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-red.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .vex-theme-red.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-red .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-red .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f59e0b;
  --mdc-chip-elevated-selected-container-color: #f59e0b;
  --mdc-chip-elevated-disabled-container-color: #f59e0b;
  --mdc-chip-flat-disabled-selected-container-color: #f59e0b;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-red.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .vex-theme-red.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-red .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-red .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-red.dark .mat-mdc-slide-toggle,
.vex-theme-red .dark .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-red.dark .mat-mdc-slide-toggle.mat-accent,
.vex-theme-red .dark .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #fcd34d;
  --mdc-switch-selected-handle-color: #fcd34d;
  --mdc-switch-selected-hover-state-layer-color: #fcd34d;
  --mdc-switch-selected-pressed-state-layer-color: #fcd34d;
  --mdc-switch-selected-focus-handle-color: #fde68a;
  --mdc-switch-selected-hover-handle-color: #fde68a;
  --mdc-switch-selected-pressed-handle-color: #fde68a;
  --mdc-switch-selected-focus-track-color: #d97706;
  --mdc-switch-selected-hover-track-color: #d97706;
  --mdc-switch-selected-pressed-track-color: #d97706;
  --mdc-switch-selected-track-color: #d97706;
}
.vex-theme-red.dark .mat-mdc-slide-toggle.mat-warn,
.vex-theme-red .dark .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #fca5a5;
  --mdc-switch-selected-handle-color: #fca5a5;
  --mdc-switch-selected-hover-state-layer-color: #fca5a5;
  --mdc-switch-selected-pressed-state-layer-color: #fca5a5;
  --mdc-switch-selected-focus-handle-color: #fecaca;
  --mdc-switch-selected-hover-handle-color: #fecaca;
  --mdc-switch-selected-pressed-handle-color: #fecaca;
  --mdc-switch-selected-focus-track-color: #dc2626;
  --mdc-switch-selected-hover-track-color: #dc2626;
  --mdc-switch-selected-pressed-track-color: #dc2626;
  --mdc-switch-selected-track-color: #dc2626;
}
.vex-theme-red.dark .mat-mdc-radio-button,
.vex-theme-red .dark .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-red.dark .mat-mdc-radio-button.mat-primary,
.vex-theme-red .dark .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-red.dark .mat-mdc-radio-button.mat-accent,
.vex-theme-red .dark .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #f59e0b;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-red.dark .mat-mdc-radio-button.mat-warn,
.vex-theme-red .dark .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-red.dark .mat-accent,
.vex-theme-red .dark .mat-accent {
  --mat-slider-ripple-color: #f59e0b;
  --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2);
  --mdc-slider-handle-color: #f59e0b;
  --mdc-slider-focus-handle-color: #f59e0b;
  --mdc-slider-hover-handle-color: #f59e0b;
  --mdc-slider-active-track-color: #f59e0b;
  --mdc-slider-inactive-track-color: #f59e0b;
  --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-red.dark .mat-warn,
.vex-theme-red .dark .mat-warn {
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-red.dark .mdc-list-item__start,
.vex-theme-red.dark .mdc-list-item__end,
.vex-theme-red .dark .mdc-list-item__start,
.vex-theme-red .dark .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-red.dark .mat-accent .mdc-list-item__start,
.vex-theme-red.dark .mat-accent .mdc-list-item__end,
.vex-theme-red .dark .mat-accent .mdc-list-item__start,
.vex-theme-red .dark .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
}
.vex-theme-red.dark .mat-warn .mdc-list-item__start,
.vex-theme-red.dark .mat-warn .mdc-list-item__end,
.vex-theme-red .dark .mat-warn .mdc-list-item__start,
.vex-theme-red .dark .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-red.dark .mat-mdc-list-option,
.vex-theme-red .dark .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-red.dark .mat-mdc-list-option.mat-accent,
.vex-theme-red .dark .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-red.dark .mat-mdc-list-option.mat-warn,
.vex-theme-red .dark .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-red.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-red.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-red .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-red .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #ef4444;
}
.vex-theme-red.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-red.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-red .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-red .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #ef4444;
}
.vex-theme-red.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-red.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-red.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-red .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-red .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-red .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vex-theme-red.dark .mat-mdc-tab-group, .vex-theme-red.dark .mat-mdc-tab-nav-bar,
.vex-theme-red .dark .mat-mdc-tab-group,
.vex-theme-red .dark .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-red.dark .mat-mdc-tab-group.mat-accent, .vex-theme-red.dark .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-red .dark .mat-mdc-tab-group.mat-accent,
.vex-theme-red .dark .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f59e0b;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #f59e0b;
  --mat-tab-header-active-ripple-color: #f59e0b;
  --mat-tab-header-inactive-ripple-color: #f59e0b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f59e0b;
  --mat-tab-header-active-hover-label-text-color: #f59e0b;
  --mat-tab-header-active-focus-indicator-color: #f59e0b;
  --mat-tab-header-active-hover-indicator-color: #f59e0b;
}
.vex-theme-red.dark .mat-mdc-tab-group.mat-warn, .vex-theme-red.dark .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-red .dark .mat-mdc-tab-group.mat-warn,
.vex-theme-red .dark .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-red.dark .mat-mdc-tab-group.mat-background-primary, .vex-theme-red.dark .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-red .dark .mat-mdc-tab-group.mat-background-primary,
.vex-theme-red .dark .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-red.dark .mat-mdc-tab-group.mat-background-accent, .vex-theme-red.dark .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-red .dark .mat-mdc-tab-group.mat-background-accent,
.vex-theme-red .dark .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f59e0b;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-red.dark .mat-mdc-tab-group.mat-background-warn, .vex-theme-red.dark .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-red .dark .mat-mdc-tab-group.mat-background-warn,
.vex-theme-red .dark .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-red.dark .mat-mdc-checkbox,
.vex-theme-red .dark .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-red.dark .mat-mdc-checkbox.mat-primary,
.vex-theme-red .dark .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-red.dark .mat-mdc-checkbox.mat-warn,
.vex-theme-red .dark .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-red.dark .mat-mdc-button.mat-primary,
.vex-theme-red .dark .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-red.dark .mat-mdc-button.mat-accent,
.vex-theme-red .dark .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f59e0b;
  --mat-text-button-state-layer-color: #f59e0b;
  --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-red.dark .mat-mdc-button.mat-warn,
.vex-theme-red .dark .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-red.dark .mat-mdc-unelevated-button.mat-primary,
.vex-theme-red .dark .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red.dark .mat-mdc-unelevated-button.mat-accent,
.vex-theme-red .dark .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f59e0b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red.dark .mat-mdc-unelevated-button.mat-warn,
.vex-theme-red .dark .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red.dark .mat-mdc-raised-button.mat-primary,
.vex-theme-red .dark .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red.dark .mat-mdc-raised-button.mat-accent,
.vex-theme-red .dark .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f59e0b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red.dark .mat-mdc-raised-button.mat-warn,
.vex-theme-red .dark .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red.dark .mat-mdc-outlined-button.mat-primary,
.vex-theme-red .dark .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-red.dark .mat-mdc-outlined-button.mat-accent,
.vex-theme-red .dark .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f59e0b;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #f59e0b;
  --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-red.dark .mat-mdc-outlined-button.mat-warn,
.vex-theme-red .dark .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-red.dark .mat-mdc-icon-button.mat-primary,
.vex-theme-red .dark .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-red.dark .mat-mdc-icon-button.mat-accent,
.vex-theme-red .dark .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f59e0b;
  --mat-icon-button-state-layer-color: #f59e0b;
  --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-red.dark .mat-mdc-icon-button.mat-warn,
.vex-theme-red .dark .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-red.dark .mat-mdc-fab.mat-primary,
.vex-theme-red .dark .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red.dark .mat-mdc-fab.mat-accent,
.vex-theme-red .dark .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red.dark .mat-mdc-fab.mat-warn,
.vex-theme-red .dark .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red.dark .mat-mdc-mini-fab.mat-primary,
.vex-theme-red .dark .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red.dark .mat-mdc-mini-fab.mat-accent,
.vex-theme-red .dark .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #f59e0b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red.dark .mat-mdc-mini-fab.mat-warn,
.vex-theme-red .dark .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-red.dark .mat-accent,
.vex-theme-red .dark .mat-accent {
  --mdc-circular-progress-active-indicator-color: #f59e0b;
}
.vex-theme-red.dark .mat-warn,
.vex-theme-red .dark .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef4444;
}
.vex-theme-red.dark .mat-badge-accent,
.vex-theme-red .dark .mat-badge-accent {
  --mat-badge-background-color: #f59e0b;
  --mat-badge-text-color: white;
}
.vex-theme-red.dark .mat-badge-warn,
.vex-theme-red .dark .mat-badge-warn {
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
}
.vex-theme-red.dark .mat-datepicker-content.mat-accent,
.vex-theme-red .dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-red.dark .mat-datepicker-content.mat-warn,
.vex-theme-red .dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-red.dark .mat-datepicker-toggle-active.mat-accent,
.vex-theme-red .dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f59e0b;
}
.vex-theme-red.dark .mat-datepicker-toggle-active.mat-warn,
.vex-theme-red .dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
}
.vex-theme-red.dark .mat-icon.mat-primary,
.vex-theme-red .dark .mat-icon.mat-primary {
  --mat-icon-color: #ef4444;
}
.vex-theme-red.dark .mat-icon.mat-accent,
.vex-theme-red .dark .mat-icon.mat-accent {
  --mat-icon-color: #f59e0b;
}
.vex-theme-red.dark .mat-icon.mat-warn,
.vex-theme-red .dark .mat-icon.mat-warn {
  --mat-icon-color: #ef4444;
}
.vex-theme-red.dark .mat-step-header.mat-accent,
.vex-theme-red .dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f59e0b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f59e0b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f59e0b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-red.dark .mat-step-header.mat-warn,
.vex-theme-red .dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-red.dark .mat-toolbar.mat-primary,
.vex-theme-red .dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-red.dark .mat-toolbar.mat-accent,
.vex-theme-red .dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-red.dark .mat-toolbar.mat-warn,
.vex-theme-red .dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}

/**
 * Override the theme foreground/background colors with the Angular Material colors
 */
.vex-theme-orange,
.vex-theme-orange.light,
.vex-theme-orange .light {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-selected-state-label-text-color: #ea580c;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-optgroup-label-text-color: #030712;
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  --mat-app-background-color: #f3f4f6;
  --mat-app-text-color: #030712;
  --mat-option-label-text-font: var(--font);
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 14px;
  --mat-option-label-text-tracking: -0.009em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: var(--font);
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 14px;
  --mat-optgroup-label-text-tracking: -0.009em;
  --mat-optgroup-label-text-weight: 400;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: #4b5563;
  --mat-card-title-text-font: var(--font);
  --mat-card-title-text-line-height: 26px;
  --mat-card-title-text-size: 18px;
  --mat-card-title-text-tracking: -0.014em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: var(--font);
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: -0.006em;
  --mat-card-subtitle-text-weight: 500;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #1f2937;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-plain-tooltip-supporting-text-font: var(--font);
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #ea580c;
  --mdc-filled-text-field-focus-active-indicator-color: #ea580c;
  --mdc-filled-text-field-focus-label-text-color: rgba(234, 88, 12, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(3, 7, 18, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(3, 7, 18, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ef4444;
  --mdc-filled-text-field-error-focus-label-text-color: #ef4444;
  --mdc-filled-text-field-error-label-text-color: #ef4444;
  --mdc-filled-text-field-error-caret-color: #ef4444;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ef4444;
  --mdc-outlined-text-field-caret-color: #ea580c;
  --mdc-outlined-text-field-focus-outline-color: #ea580c;
  --mdc-outlined-text-field-focus-label-text-color: rgba(234, 88, 12, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(3, 7, 18, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(3, 7, 18, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ef4444;
  --mdc-outlined-text-field-error-focus-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-hover-label-text-color: #ef4444;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-error-hover-outline-color: #ef4444;
  --mdc-outlined-text-field-error-outline-color: #ef4444;
  --mat-form-field-focus-select-arrow-color: rgba(234, 88, 12, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(31, 41, 55, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ef4444;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(31, 41, 55, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(31, 41, 55, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mdc-filled-text-field-label-text-font: var(--font);
  --mdc-filled-text-field-label-text-size: 14px;
  --mdc-filled-text-field-label-text-tracking: -0.009em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: var(--font);
  --mdc-outlined-text-field-label-text-size: 14px;
  --mdc-outlined-text-field-label-text-tracking: -0.009em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: var(--font);
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-tracking: -0.009em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 14px;
  --mat-form-field-subscript-text-font: var(--font);
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0;
  --mat-form-field-subscript-text-weight: 400;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(234, 88, 12, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: var(--font);
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 14px;
  --mat-select-trigger-text-tracking: -0.009em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(3, 7, 18, 0.87);
  --mdc-dialog-supporting-text-color: rgba(3, 7, 18, 0.6);
  --mdc-dialog-subhead-font: var(--font);
  --mdc-dialog-subhead-line-height: 26px;
  --mdc-dialog-subhead-size: 18px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: -0.014em;
  --mdc-dialog-supporting-text-font: var(--font);
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 14px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: -0.009em;
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #ea580c;
  --mdc-switch-selected-handle-color: #ea580c;
  --mdc-switch-selected-hover-state-layer-color: #ea580c;
  --mdc-switch-selected-pressed-state-layer-color: #ea580c;
  --mdc-switch-selected-focus-handle-color: #7c2d12;
  --mdc-switch-selected-hover-handle-color: #7c2d12;
  --mdc-switch-selected-pressed-handle-color: #7c2d12;
  --mdc-switch-selected-focus-track-color: #fdba74;
  --mdc-switch-selected-hover-track-color: #fdba74;
  --mdc-switch-selected-pressed-track-color: #fdba74;
  --mdc-switch-selected-track-color: #fdba74;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: #6b7280;
  --mdc-switch-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #ea580c;
  --mdc-slider-focus-handle-color: #ea580c;
  --mdc-slider-hover-handle-color: #ea580c;
  --mdc-slider-active-track-color: #ea580c;
  --mdc-slider-inactive-track-color: #ea580c;
  --mdc-slider-with-tick-marks-inactive-container-color: #ea580c;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #ea580c;
  --mat-slider-hover-state-layer-color: rgba(234, 88, 12, 0.05);
  --mat-slider-focus-state-layer-color: rgba(234, 88, 12, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
  --mdc-slider-label-label-text-font: var(--font);
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 24px;
  --mdc-slider-label-label-text-tracking: -0.006em;
  --mdc-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: #030712;
  --mat-menu-item-icon-color: #030712;
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.06);
  --mat-menu-item-label-text-font: var(--font);
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-tracking: -0.009em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: #030712;
  --mdc-list-list-item-supporting-text-color: #4b5563;
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: #6b7280;
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: #030712;
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: #030712;
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mdc-list-list-item-label-text-font: var(--font);
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 14px;
  --mdc-list-list-item-label-text-tracking: -0.009em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: var(--font);
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: -0.006em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: var(--font);
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-container-text-font: var(--font);
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: #6b7280;
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: #030712;
  --mdc-text-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: #030712;
  --mdc-filled-button-disabled-container-color: rgba(156, 163, 175, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: #030712;
  --mdc-protected-button-disabled-container-color: rgba(156, 163, 175, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-button-disabled-label-text-color: rgba(156, 163, 175, 0.38);
  --mdc-outlined-button-label-text-color: #030712;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-text-button-label-text-font: var(--font);
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: -0.006em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: var(--font);
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: -0.006em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: var(--font);
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: -0.006em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: var(--font);
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: -0.006em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-touch-target-display: block;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(229, 231, 235, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(156, 163, 175, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(229, 231, 235, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(156, 163, 175, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-extended-fab-label-text-font: var(--font);
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: -0.006em;
  --mdc-extended-fab-label-text-weight: 500;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #f59e0b;
  --mdc-snackbar-supporting-text-font: var(--font);
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: #030712;
  --mat-table-row-item-label-text-color: #030712;
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.06);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: var(--font);
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: -0.006em;
  --mat-table-row-item-label-text-font: var(--font);
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: -0.006em;
  --mat-table-footer-supporting-text-font: var(--font);
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: -0.006em;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #ea580c;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #ea580c;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #9ca3af;
  --mat-badge-disabled-state-text-color: #6b7280;
  --mat-badge-text-font: var(--font);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: #030712;
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: var(--font);
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: -0.006em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: #6b7280;
  --mat-legacy-button-toggle-state-layer-color: #e5e7eb;
  --mat-legacy-button-toggle-selected-state-text-color: #4b5563;
  --mat-legacy-button-toggle-selected-state-background-color: #d1d5db;
  --mat-legacy-button-toggle-disabled-state-text-color: #9ca3af;
  --mat-legacy-button-toggle-disabled-state-background-color: #e5e7eb;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #9ca3af;
  --mat-standard-button-toggle-text-color: #030712;
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: #e5e7eb;
  --mat-standard-button-toggle-selected-state-background-color: #d1d5db;
  --mat-standard-button-toggle-selected-state-text-color: #030712;
  --mat-standard-button-toggle-disabled-state-text-color: #9ca3af;
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: #030712;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #9ca3af;
  --mat-standard-button-toggle-divider-color: #f0f0f0;
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-label-text-font: var(--font);
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 14px;
  --mat-legacy-button-toggle-label-text-tracking: -0.009em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: var(--font);
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 14px;
  --mat-standard-button-toggle-label-text-tracking: -0.009em;
  --mat-standard-button-toggle-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ea580c;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(234, 88, 12, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(234, 88, 12, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(234, 88, 12, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #ea580c;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(234, 88, 12, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: #1f2937;
  --mat-datepicker-calendar-body-label-text-color: #4b5563;
  --mat-datepicker-calendar-period-button-text-color: #030712;
  --mat-datepicker-calendar-period-button-icon-color: #1f2937;
  --mat-datepicker-calendar-navigation-button-icon-color: #1f2937;
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.06);
  --mat-datepicker-calendar-header-text-color: #4b5563;
  --mat-datepicker-calendar-date-today-outline-color: #6b7280;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(107, 114, 128, 0.8);
  --mat-datepicker-calendar-date-text-color: #030712;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-range-input-separator-color: #030712;
  --mat-datepicker-range-input-disabled-state-separator-color: #6b7280;
  --mat-datepicker-range-input-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: #030712;
  --mat-datepicker-calendar-text-font: var(--font);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.06);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: #030712;
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.06);
  --mat-expansion-header-hover-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-expansion-header-disabled-state-text-color: #9ca3af;
  --mat-expansion-header-text-color: #030712;
  --mat-expansion-header-description-color: #4b5563;
  --mat-expansion-header-indicator-color: #4b5563;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: var(--font);
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--font);
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: -0.006em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.06);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: #030712;
  --mat-sidenav-content-background-color: #f3f4f6;
  --mat-sidenav-content-text-color: #030712;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ea580c;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ea580c;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ea580c;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.06);
  --mat-stepper-header-hover-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(17, 24, 39, 0.04);
  --mat-stepper-header-label-text-color: #4b5563;
  --mat-stepper-header-optional-label-text-color: #4b5563;
  --mat-stepper-header-selected-state-label-text-color: #030712;
  --mat-stepper-header-error-state-label-text-color: #ef4444;
  --mat-stepper-header-icon-background-color: #4b5563;
  --mat-stepper-header-error-state-icon-foreground-color: #ef4444;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: var(--font);
  --mat-stepper-header-label-text-font: var(--font);
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: #4b5563;
  --mat-toolbar-container-background-color: #e5e7eb;
  --mat-toolbar-container-text-color: #030712;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: var(--font);
  --mat-toolbar-title-text-line-height: 26px;
  --mat-toolbar-title-text-size: 18px;
  --mat-toolbar-title-text-tracking: -0.014em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: #030712;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: var(--font);
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
.vex-theme-orange .mat-accent,
.vex-theme-orange.light .mat-accent,
.vex-theme-orange .light .mat-accent {
  --mat-option-selected-state-label-text-color: #f59e0b;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.vex-theme-orange .mat-warn,
.vex-theme-orange.light .mat-warn,
.vex-theme-orange .light .mat-warn {
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: #030712;
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.vex-theme-orange .mat-primary,
.vex-theme-orange.light .mat-primary,
.vex-theme-orange .light .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #ea580c;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ea580c;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-orange .mat-accent,
.vex-theme-orange.light .mat-accent,
.vex-theme-orange .light .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-orange .mat-warn,
.vex-theme-orange.light .mat-warn,
.vex-theme-orange .light .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-unselected-icon-color: #4b5563;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f3f4f6;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.vex-theme-orange .mat-elevation-z0, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-orange.light .mat-elevation-z0,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-orange .light .mat-elevation-z0,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z1, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-orange.light .mat-elevation-z1,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-orange .light .mat-elevation-z1,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z2, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-orange.light .mat-elevation-z2,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-orange .light .mat-elevation-z2,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z3, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-orange.light .mat-elevation-z3,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-orange .light .mat-elevation-z3,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z4, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-orange.light .mat-elevation-z4,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-orange .light .mat-elevation-z4,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z5, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-orange.light .mat-elevation-z5,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-orange .light .mat-elevation-z5,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z6, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-orange.light .mat-elevation-z6,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-orange .light .mat-elevation-z6,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z7, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-orange.light .mat-elevation-z7,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-orange .light .mat-elevation-z7,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z8, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-orange.light .mat-elevation-z8,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-orange .light .mat-elevation-z8,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z9, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-orange.light .mat-elevation-z9,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-orange .light .mat-elevation-z9,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z10, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-orange.light .mat-elevation-z10,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-orange .light .mat-elevation-z10,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z11, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-orange.light .mat-elevation-z11,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-orange .light .mat-elevation-z11,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z12, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-orange.light .mat-elevation-z12,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-orange .light .mat-elevation-z12,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z13, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-orange.light .mat-elevation-z13,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-orange .light .mat-elevation-z13,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z14, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-orange.light .mat-elevation-z14,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-orange .light .mat-elevation-z14,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z15, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-orange.light .mat-elevation-z15,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-orange .light .mat-elevation-z15,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z16, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-orange.light .mat-elevation-z16,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-orange .light .mat-elevation-z16,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z17, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-orange.light .mat-elevation-z17,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-orange .light .mat-elevation-z17,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z18, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-orange.light .mat-elevation-z18,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-orange .light .mat-elevation-z18,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z19, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-orange.light .mat-elevation-z19,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-orange .light .mat-elevation-z19,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z20, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-orange.light .mat-elevation-z20,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-orange .light .mat-elevation-z20,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z21, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-orange.light .mat-elevation-z21,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-orange .light .mat-elevation-z21,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z22, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-orange.light .mat-elevation-z22,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-orange .light .mat-elevation-z22,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z23, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-orange.light .mat-elevation-z23,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-orange .light .mat-elevation-z23,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange .mat-elevation-z24, .vex-theme-orange .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-orange.light .mat-elevation-z24,
.vex-theme-orange.light .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-orange .light .mat-elevation-z24,
.vex-theme-orange .light .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.vex-theme-orange .mat-mdc-progress-bar,
.vex-theme-orange.light .mat-mdc-progress-bar,
.vex-theme-orange .light .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #ea580c;
  --mdc-linear-progress-track-color: rgba(234, 88, 12, 0.25);
}
.vex-theme-orange .mat-mdc-progress-bar.mat-accent,
.vex-theme-orange.light .mat-mdc-progress-bar.mat-accent,
.vex-theme-orange .light .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f59e0b;
  --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25);
}
.vex-theme-orange .mat-mdc-progress-bar.mat-warn,
.vex-theme-orange.light .mat-mdc-progress-bar.mat-warn,
.vex-theme-orange .light .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-orange .mat-mdc-form-field.mat-accent,
.vex-theme-orange.light .mat-mdc-form-field.mat-accent,
.vex-theme-orange .light .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f59e0b;
  --mdc-filled-text-field-focus-active-indicator-color: #f59e0b;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mdc-outlined-text-field-caret-color: #f59e0b;
  --mdc-outlined-text-field-focus-outline-color: #f59e0b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87);
}
.vex-theme-orange .mat-mdc-form-field.mat-warn,
.vex-theme-orange.light .mat-mdc-form-field.mat-warn,
.vex-theme-orange .light .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-orange .mat-mdc-form-field.mat-accent,
.vex-theme-orange.light .mat-mdc-form-field.mat-accent,
.vex-theme-orange .light .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-orange .mat-mdc-form-field.mat-warn,
.vex-theme-orange.light .mat-mdc-form-field.mat-warn,
.vex-theme-orange .light .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(3, 7, 18, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(3, 7, 18, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(3, 7, 18, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-orange .mat-mdc-standard-chip,
.vex-theme-orange.light .mat-mdc-standard-chip,
.vex-theme-orange .light .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.vex-theme-orange .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .vex-theme-orange .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-orange.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-orange.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-orange .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-orange .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ea580c;
  --mdc-chip-elevated-selected-container-color: #ea580c;
  --mdc-chip-elevated-disabled-container-color: #ea580c;
  --mdc-chip-flat-disabled-selected-container-color: #ea580c;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-orange .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .vex-theme-orange .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-orange.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-orange.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-orange .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-orange .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f59e0b;
  --mdc-chip-elevated-selected-container-color: #f59e0b;
  --mdc-chip-elevated-disabled-container-color: #f59e0b;
  --mdc-chip-flat-disabled-selected-container-color: #f59e0b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-orange .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .vex-theme-orange .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-orange.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-orange.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-orange .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-orange .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-orange .mat-mdc-chip.mat-mdc-standard-chip,
.vex-theme-orange.light .mat-mdc-chip.mat-mdc-standard-chip,
.vex-theme-orange .light .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.vex-theme-orange .mat-mdc-standard-chip,
.vex-theme-orange.light .mat-mdc-standard-chip,
.vex-theme-orange .light .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--font);
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: -0.006em;
  --mdc-chip-label-text-weight: 400;
}
.vex-theme-orange .mat-mdc-slide-toggle,
.vex-theme-orange.light .mat-mdc-slide-toggle,
.vex-theme-orange .light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-orange .mat-mdc-slide-toggle.mat-accent,
.vex-theme-orange.light .mat-mdc-slide-toggle.mat-accent,
.vex-theme-orange .light .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d97706;
  --mdc-switch-selected-handle-color: #d97706;
  --mdc-switch-selected-hover-state-layer-color: #d97706;
  --mdc-switch-selected-pressed-state-layer-color: #d97706;
  --mdc-switch-selected-focus-handle-color: #78350f;
  --mdc-switch-selected-hover-handle-color: #78350f;
  --mdc-switch-selected-pressed-handle-color: #78350f;
  --mdc-switch-selected-focus-track-color: #fcd34d;
  --mdc-switch-selected-hover-track-color: #fcd34d;
  --mdc-switch-selected-pressed-track-color: #fcd34d;
  --mdc-switch-selected-track-color: #fcd34d;
}
.vex-theme-orange .mat-mdc-slide-toggle.mat-warn,
.vex-theme-orange.light .mat-mdc-slide-toggle.mat-warn,
.vex-theme-orange .light .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #dc2626;
  --mdc-switch-selected-handle-color: #dc2626;
  --mdc-switch-selected-hover-state-layer-color: #dc2626;
  --mdc-switch-selected-pressed-state-layer-color: #dc2626;
  --mdc-switch-selected-focus-handle-color: #7f1d1d;
  --mdc-switch-selected-hover-handle-color: #7f1d1d;
  --mdc-switch-selected-pressed-handle-color: #7f1d1d;
  --mdc-switch-selected-focus-track-color: #fca5a5;
  --mdc-switch-selected-hover-track-color: #fca5a5;
  --mdc-switch-selected-pressed-track-color: #fca5a5;
  --mdc-switch-selected-track-color: #fca5a5;
}
.vex-theme-orange .mat-mdc-slide-toggle,
.vex-theme-orange.light .mat-mdc-slide-toggle,
.vex-theme-orange .light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-orange .mat-mdc-radio-button,
.vex-theme-orange.light .mat-mdc-radio-button,
.vex-theme-orange .light .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-orange .mat-mdc-radio-button.mat-primary,
.vex-theme-orange.light .mat-mdc-radio-button.mat-primary,
.vex-theme-orange .light .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ea580c;
  --mdc-radio-selected-hover-icon-color: #ea580c;
  --mdc-radio-selected-icon-color: #ea580c;
  --mdc-radio-selected-pressed-icon-color: #ea580c;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ea580c;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-orange .mat-mdc-radio-button.mat-accent,
.vex-theme-orange.light .mat-mdc-radio-button.mat-accent,
.vex-theme-orange .light .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f59e0b;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-orange .mat-mdc-radio-button.mat-warn,
.vex-theme-orange.light .mat-mdc-radio-button.mat-warn,
.vex-theme-orange .light .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-orange .mat-mdc-radio-button,
.vex-theme-orange.light .mat-mdc-radio-button,
.vex-theme-orange .light .mat-mdc-radio-button {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-orange .mat-accent,
.vex-theme-orange.light .mat-accent,
.vex-theme-orange .light .mat-accent {
  --mat-slider-ripple-color: #f59e0b;
  --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2);
  --mdc-slider-handle-color: #f59e0b;
  --mdc-slider-focus-handle-color: #f59e0b;
  --mdc-slider-hover-handle-color: #f59e0b;
  --mdc-slider-active-track-color: #f59e0b;
  --mdc-slider-inactive-track-color: #f59e0b;
  --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-orange .mat-warn,
.vex-theme-orange.light .mat-warn,
.vex-theme-orange .light .mat-warn {
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-orange .mdc-list-item__start,
.vex-theme-orange .mdc-list-item__end,
.vex-theme-orange.light .mdc-list-item__start,
.vex-theme-orange.light .mdc-list-item__end,
.vex-theme-orange .light .mdc-list-item__start,
.vex-theme-orange .light .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ea580c;
  --mdc-radio-selected-hover-icon-color: #ea580c;
  --mdc-radio-selected-icon-color: #ea580c;
  --mdc-radio-selected-pressed-icon-color: #ea580c;
}
.vex-theme-orange .mat-accent .mdc-list-item__start,
.vex-theme-orange .mat-accent .mdc-list-item__end,
.vex-theme-orange.light .mat-accent .mdc-list-item__start,
.vex-theme-orange.light .mat-accent .mdc-list-item__end,
.vex-theme-orange .light .mat-accent .mdc-list-item__start,
.vex-theme-orange .light .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
}
.vex-theme-orange .mat-warn .mdc-list-item__start,
.vex-theme-orange .mat-warn .mdc-list-item__end,
.vex-theme-orange.light .mat-warn .mdc-list-item__start,
.vex-theme-orange.light .mat-warn .mdc-list-item__end,
.vex-theme-orange .light .mat-warn .mdc-list-item__start,
.vex-theme-orange .light .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #1f2937;
  --mdc-radio-disabled-unselected-icon-color: #1f2937;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(31, 41, 55, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-orange .mat-mdc-list-option,
.vex-theme-orange.light .mat-mdc-list-option,
.vex-theme-orange .light .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ea580c;
  --mdc-checkbox-selected-hover-icon-color: #ea580c;
  --mdc-checkbox-selected-icon-color: #ea580c;
  --mdc-checkbox-selected-pressed-icon-color: #ea580c;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ea580c;
  --mdc-checkbox-selected-hover-state-layer-color: #ea580c;
  --mdc-checkbox-selected-pressed-state-layer-color: #ea580c;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-orange .mat-mdc-list-option.mat-accent,
.vex-theme-orange.light .mat-mdc-list-option.mat-accent,
.vex-theme-orange .light .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-orange .mat-mdc-list-option.mat-warn,
.vex-theme-orange.light .mat-mdc-list-option.mat-warn,
.vex-theme-orange .light .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-orange .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-orange .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-orange.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-orange.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-orange .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-orange .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #ea580c;
}
.vex-theme-orange .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-orange .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-orange.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-orange.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-orange .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-orange .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #ea580c;
}
.vex-theme-orange .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-orange .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-orange .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-orange.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-orange.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-orange.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-orange .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-orange .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-orange .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vex-theme-orange .mdc-list-item__start,
.vex-theme-orange .mdc-list-item__end,
.vex-theme-orange.light .mdc-list-item__start,
.vex-theme-orange.light .mdc-list-item__end,
.vex-theme-orange .light .mdc-list-item__start,
.vex-theme-orange .light .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.vex-theme-orange .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .vex-theme-orange .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .vex-theme-orange .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.vex-theme-orange.light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vex-theme-orange.light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vex-theme-orange.light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.vex-theme-orange .light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.vex-theme-orange .light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.vex-theme-orange .light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.vex-theme-orange .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .vex-theme-orange .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .vex-theme-orange .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.vex-theme-orange.light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vex-theme-orange.light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vex-theme-orange.light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.vex-theme-orange .light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.vex-theme-orange .light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.vex-theme-orange .light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.vex-theme-orange .mdc-list-group__subheader,
.vex-theme-orange.light .mdc-list-group__subheader,
.vex-theme-orange .light .mdc-list-group__subheader {
  font: 400 16px / 28px var(--font);
  letter-spacing: -0.011em;
}
.vex-theme-orange .mat-mdc-tab-group, .vex-theme-orange .mat-mdc-tab-nav-bar,
.vex-theme-orange.light .mat-mdc-tab-group,
.vex-theme-orange.light .mat-mdc-tab-nav-bar,
.vex-theme-orange .light .mat-mdc-tab-group,
.vex-theme-orange .light .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #ea580c;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #ea580c;
  --mat-tab-header-active-ripple-color: #ea580c;
  --mat-tab-header-inactive-ripple-color: #ea580c;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ea580c;
  --mat-tab-header-active-hover-label-text-color: #ea580c;
  --mat-tab-header-active-focus-indicator-color: #ea580c;
  --mat-tab-header-active-hover-indicator-color: #ea580c;
}
.vex-theme-orange .mat-mdc-tab-group.mat-accent, .vex-theme-orange .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-orange.light .mat-mdc-tab-group.mat-accent,
.vex-theme-orange.light .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-orange .light .mat-mdc-tab-group.mat-accent,
.vex-theme-orange .light .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f59e0b;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #f59e0b;
  --mat-tab-header-active-ripple-color: #f59e0b;
  --mat-tab-header-inactive-ripple-color: #f59e0b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f59e0b;
  --mat-tab-header-active-hover-label-text-color: #f59e0b;
  --mat-tab-header-active-focus-indicator-color: #f59e0b;
  --mat-tab-header-active-hover-indicator-color: #f59e0b;
}
.vex-theme-orange .mat-mdc-tab-group.mat-warn, .vex-theme-orange .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-orange.light .mat-mdc-tab-group.mat-warn,
.vex-theme-orange.light .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-orange .light .mat-mdc-tab-group.mat-warn,
.vex-theme-orange .light .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: #1f2937;
  --mat-tab-header-inactive-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(3, 7, 18, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-orange .mat-mdc-tab-group.mat-background-primary, .vex-theme-orange .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-orange.light .mat-mdc-tab-group.mat-background-primary,
.vex-theme-orange.light .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-orange .light .mat-mdc-tab-group.mat-background-primary,
.vex-theme-orange .light .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #ea580c;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-orange .mat-mdc-tab-group.mat-background-accent, .vex-theme-orange .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-orange.light .mat-mdc-tab-group.mat-background-accent,
.vex-theme-orange.light .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-orange .light .mat-mdc-tab-group.mat-background-accent,
.vex-theme-orange .light .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f59e0b;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-orange .mat-mdc-tab-group.mat-background-warn, .vex-theme-orange .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-orange.light .mat-mdc-tab-group.mat-background-warn,
.vex-theme-orange.light .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-orange .light .mat-mdc-tab-group.mat-background-warn,
.vex-theme-orange .light .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-orange .mat-mdc-tab-header,
.vex-theme-orange.light .mat-mdc-tab-header,
.vex-theme-orange .light .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-label-text-font: var(--font);
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: -0.006em;
  --mat-tab-header-label-text-line-height: 14px;
  --mat-tab-header-label-text-weight: 500;
}
.vex-theme-orange .mat-mdc-checkbox,
.vex-theme-orange.light .mat-mdc-checkbox,
.vex-theme-orange .light .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: #030712;
}
.vex-theme-orange .mat-mdc-checkbox.mat-primary,
.vex-theme-orange.light .mat-mdc-checkbox.mat-primary,
.vex-theme-orange .light .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ea580c;
  --mdc-checkbox-selected-hover-icon-color: #ea580c;
  --mdc-checkbox-selected-icon-color: #ea580c;
  --mdc-checkbox-selected-pressed-icon-color: #ea580c;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ea580c;
  --mdc-checkbox-selected-hover-state-layer-color: #ea580c;
  --mdc-checkbox-selected-pressed-state-layer-color: #ea580c;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-orange .mat-mdc-checkbox.mat-warn,
.vex-theme-orange.light .mat-mdc-checkbox.mat-warn,
.vex-theme-orange .light .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.vex-theme-orange .mat-mdc-checkbox,
.vex-theme-orange.light .mat-mdc-checkbox,
.vex-theme-orange .light .mat-mdc-checkbox {
  --mdc-form-field-label-text-font: var(--font);
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: -0.006em;
  --mdc-form-field-label-text-weight: 400;
}
.vex-theme-orange .mat-mdc-button.mat-primary,
.vex-theme-orange.light .mat-mdc-button.mat-primary,
.vex-theme-orange .light .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #ea580c;
  --mat-text-button-state-layer-color: #ea580c;
  --mat-text-button-ripple-color: rgba(234, 88, 12, 0.1);
}
.vex-theme-orange .mat-mdc-button.mat-accent,
.vex-theme-orange.light .mat-mdc-button.mat-accent,
.vex-theme-orange .light .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f59e0b;
  --mat-text-button-state-layer-color: #f59e0b;
  --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-orange .mat-mdc-button.mat-warn,
.vex-theme-orange.light .mat-mdc-button.mat-warn,
.vex-theme-orange .light .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-orange .mat-mdc-unelevated-button.mat-primary,
.vex-theme-orange.light .mat-mdc-unelevated-button.mat-primary,
.vex-theme-orange .light .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #ea580c;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange .mat-mdc-unelevated-button.mat-accent,
.vex-theme-orange.light .mat-mdc-unelevated-button.mat-accent,
.vex-theme-orange .light .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f59e0b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange .mat-mdc-unelevated-button.mat-warn,
.vex-theme-orange.light .mat-mdc-unelevated-button.mat-warn,
.vex-theme-orange .light .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange .mat-mdc-raised-button.mat-primary,
.vex-theme-orange.light .mat-mdc-raised-button.mat-primary,
.vex-theme-orange .light .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #ea580c;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange .mat-mdc-raised-button.mat-accent,
.vex-theme-orange.light .mat-mdc-raised-button.mat-accent,
.vex-theme-orange .light .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f59e0b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange .mat-mdc-raised-button.mat-warn,
.vex-theme-orange.light .mat-mdc-raised-button.mat-warn,
.vex-theme-orange .light .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange .mat-mdc-outlined-button.mat-primary,
.vex-theme-orange.light .mat-mdc-outlined-button.mat-primary,
.vex-theme-orange .light .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #ea580c;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #ea580c;
  --mat-outlined-button-ripple-color: rgba(234, 88, 12, 0.1);
}
.vex-theme-orange .mat-mdc-outlined-button.mat-accent,
.vex-theme-orange.light .mat-mdc-outlined-button.mat-accent,
.vex-theme-orange .light .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f59e0b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #f59e0b;
  --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-orange .mat-mdc-outlined-button.mat-warn,
.vex-theme-orange.light .mat-mdc-outlined-button.mat-warn,
.vex-theme-orange .light .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.06);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-orange .mat-mdc-icon-button.mat-primary,
.vex-theme-orange.light .mat-mdc-icon-button.mat-primary,
.vex-theme-orange .light .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #ea580c;
  --mat-icon-button-state-layer-color: #ea580c;
  --mat-icon-button-ripple-color: rgba(234, 88, 12, 0.1);
}
.vex-theme-orange .mat-mdc-icon-button.mat-accent,
.vex-theme-orange.light .mat-mdc-icon-button.mat-accent,
.vex-theme-orange .light .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f59e0b;
  --mat-icon-button-state-layer-color: #f59e0b;
  --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-orange .mat-mdc-icon-button.mat-warn,
.vex-theme-orange.light .mat-mdc-icon-button.mat-warn,
.vex-theme-orange .light .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-orange .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-orange.light .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-orange .light .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.vex-theme-orange .mat-mdc-fab.mat-primary,
.vex-theme-orange.light .mat-mdc-fab.mat-primary,
.vex-theme-orange .light .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #ea580c;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange .mat-mdc-fab.mat-accent,
.vex-theme-orange.light .mat-mdc-fab.mat-accent,
.vex-theme-orange .light .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange .mat-mdc-fab.mat-warn,
.vex-theme-orange.light .mat-mdc-fab.mat-warn,
.vex-theme-orange .light .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange .mat-mdc-mini-fab.mat-primary,
.vex-theme-orange.light .mat-mdc-mini-fab.mat-primary,
.vex-theme-orange .light .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #ea580c;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange .mat-mdc-mini-fab.mat-accent,
.vex-theme-orange.light .mat-mdc-mini-fab.mat-accent,
.vex-theme-orange .light .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #f59e0b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange .mat-mdc-mini-fab.mat-warn,
.vex-theme-orange.light .mat-mdc-mini-fab.mat-warn,
.vex-theme-orange .light .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange .mat-accent,
.vex-theme-orange.light .mat-accent,
.vex-theme-orange .light .mat-accent {
  --mdc-circular-progress-active-indicator-color: #f59e0b;
}
.vex-theme-orange .mat-warn,
.vex-theme-orange.light .mat-warn,
.vex-theme-orange .light .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef4444;
}
.vex-theme-orange .mat-badge-accent,
.vex-theme-orange.light .mat-badge-accent,
.vex-theme-orange .light .mat-badge-accent {
  --mat-badge-background-color: #f59e0b;
  --mat-badge-text-color: white;
}
.vex-theme-orange .mat-badge-warn,
.vex-theme-orange.light .mat-badge-warn,
.vex-theme-orange .light .mat-badge-warn {
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
}
.vex-theme-orange .mat-datepicker-content.mat-accent,
.vex-theme-orange.light .mat-datepicker-content.mat-accent,
.vex-theme-orange .light .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-orange .mat-datepicker-content.mat-warn,
.vex-theme-orange.light .mat-datepicker-content.mat-warn,
.vex-theme-orange .light .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-orange .mat-datepicker-toggle-active.mat-accent,
.vex-theme-orange.light .mat-datepicker-toggle-active.mat-accent,
.vex-theme-orange .light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f59e0b;
}
.vex-theme-orange .mat-datepicker-toggle-active.mat-warn,
.vex-theme-orange.light .mat-datepicker-toggle-active.mat-warn,
.vex-theme-orange .light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
}
.vex-theme-orange .mat-calendar-controls,
.vex-theme-orange.light .mat-calendar-controls,
.vex-theme-orange .light .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.vex-theme-orange .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-orange.light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.vex-theme-orange .light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.vex-theme-orange .mat-icon.mat-primary,
.vex-theme-orange.light .mat-icon.mat-primary,
.vex-theme-orange .light .mat-icon.mat-primary {
  --mat-icon-color: #ea580c;
}
.vex-theme-orange .mat-icon.mat-accent,
.vex-theme-orange.light .mat-icon.mat-accent,
.vex-theme-orange .light .mat-icon.mat-accent {
  --mat-icon-color: #f59e0b;
}
.vex-theme-orange .mat-icon.mat-warn,
.vex-theme-orange.light .mat-icon.mat-warn,
.vex-theme-orange .light .mat-icon.mat-warn {
  --mat-icon-color: #ef4444;
}
.vex-theme-orange .mat-step-header.mat-accent,
.vex-theme-orange.light .mat-step-header.mat-accent,
.vex-theme-orange .light .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f59e0b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f59e0b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f59e0b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-orange .mat-step-header.mat-warn,
.vex-theme-orange.light .mat-step-header.mat-warn,
.vex-theme-orange .light .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-orange .mat-toolbar.mat-primary,
.vex-theme-orange.light .mat-toolbar.mat-primary,
.vex-theme-orange .light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #ea580c;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-orange .mat-toolbar.mat-accent,
.vex-theme-orange.light .mat-toolbar.mat-accent,
.vex-theme-orange .light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-orange .mat-toolbar.mat-warn,
.vex-theme-orange.light .mat-toolbar.mat-warn,
.vex-theme-orange .light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}

/**
 * Override the theme foreground/background colors with the Angular Material colors
 */
.vex-theme-orange.dark,
.vex-theme-orange .dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: #f97316;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #111827;
  --mat-app-text-color: white;
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: #1f2937;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: #1f2937;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: #9ca3af;
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #374151;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #f97316;
  --mdc-filled-text-field-focus-active-indicator-color: #f97316;
  --mdc-filled-text-field-focus-label-text-color: rgba(249, 115, 22, 0.87);
  --mdc-filled-text-field-container-color: #28323f;
  --mdc-filled-text-field-disabled-container-color: #232d3b;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ef4444;
  --mdc-filled-text-field-error-focus-label-text-color: #ef4444;
  --mdc-filled-text-field-error-label-text-color: #ef4444;
  --mdc-filled-text-field-error-caret-color: #ef4444;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ef4444;
  --mdc-outlined-text-field-caret-color: #f97316;
  --mdc-outlined-text-field-focus-outline-color: #f97316;
  --mdc-outlined-text-field-focus-label-text-color: rgba(249, 115, 22, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(107, 114, 128, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ef4444;
  --mdc-outlined-text-field-error-focus-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-label-text-color: #ef4444;
  --mdc-outlined-text-field-error-hover-label-text-color: #ef4444;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-error-hover-outline-color: #ef4444;
  --mdc-outlined-text-field-error-outline-color: #ef4444;
  --mat-form-field-focus-select-arrow-color: rgba(249, 115, 22, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #ef4444;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(249, 115, 22, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: #1f2937;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: #1f2937;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #fdba74;
  --mdc-switch-selected-handle-color: #fdba74;
  --mdc-switch-selected-hover-state-layer-color: #fdba74;
  --mdc-switch-selected-pressed-state-layer-color: #fdba74;
  --mdc-switch-selected-focus-handle-color: #fed7aa;
  --mdc-switch-selected-hover-handle-color: #fed7aa;
  --mdc-switch-selected-pressed-handle-color: #fed7aa;
  --mdc-switch-selected-focus-track-color: #ea580c;
  --mdc-switch-selected-hover-track-color: #ea580c;
  --mdc-switch-selected-pressed-track-color: #ea580c;
  --mdc-switch-selected-track-color: #ea580c;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-disabled-label-text-color: #6b7280;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: #f97316;
  --mdc-slider-focus-handle-color: #f97316;
  --mdc-slider-hover-handle-color: #f97316;
  --mdc-slider-active-track-color: #f97316;
  --mdc-slider-inactive-track-color: #f97316;
  --mdc-slider-with-tick-marks-inactive-container-color: #f97316;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #f97316;
  --mat-slider-hover-state-layer-color: rgba(249, 115, 22, 0.05);
  --mat-slider-focus-state-layer-color: rgba(249, 115, 22, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #1f2937;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: #9ca3af;
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: #6b7280;
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #1f2937;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: #6b7280;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
  --mdc-filled-button-container-color: #1f2937;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(75, 85, 99, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
  --mdc-protected-button-container-color: #1f2937;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(75, 85, 99, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(75, 85, 99, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: #1f2937;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(75, 85, 99, 0.5);
  --mdc-fab-small-container-color: #1f2937;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(75, 85, 99, 0.5);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d2d4d7;
  --mdc-snackbar-supporting-text-color: rgba(31, 41, 55, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #1f2937;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #f97316;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #f97316;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #4b5563;
  --mat-badge-disabled-state-text-color: #6b7280;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #1f2937;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: #6b7280;
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: #9ca3af;
  --mat-legacy-button-toggle-selected-state-background-color: #111827;
  --mat-legacy-button-toggle-disabled-state-text-color: #4b5563;
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #1f2937;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #1f2937;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #111827;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: #4b5563;
  --mat-standard-button-toggle-disabled-state-background-color: #1f2937;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #1f2937;
  --mat-standard-button-toggle-divider-color: #3a434f;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f97316;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(249, 115, 22, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(249, 115, 22, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(249, 115, 22, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #f97316;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(249, 115, 22, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: #9ca3af;
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: #9ca3af;
  --mat-datepicker-calendar-date-today-outline-color: #6b7280;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(107, 114, 128, 0.8);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: #6b7280;
  --mat-datepicker-range-input-disabled-state-text-color: #6b7280;
  --mat-datepicker-calendar-container-background-color: #1f2937;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: #1f2937;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: #4b5563;
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: #9ca3af;
  --mat-expansion-header-indicator-color: #9ca3af;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #1f2937;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #111827;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(224, 214, 200, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f97316;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f97316;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f97316;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #1f2937;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: #9ca3af;
  --mat-stepper-header-optional-label-text-color: #9ca3af;
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #ef4444;
  --mat-stepper-header-icon-background-color: #9ca3af;
  --mat-stepper-header-error-state-icon-foreground-color: #ef4444;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: #9ca3af;
  --mat-toolbar-container-background-color: #1f2937;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #1f2937;
  --mat-tree-node-text-color: white;
}
.vex-theme-orange.dark .mat-accent,
.vex-theme-orange .dark .mat-accent {
  --mat-option-selected-state-label-text-color: #f59e0b;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.vex-theme-orange.dark .mat-warn,
.vex-theme-orange .dark .mat-warn {
  --mat-option-selected-state-label-text-color: #ef4444;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.vex-theme-orange.dark .mat-primary,
.vex-theme-orange .dark .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #f97316;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f97316;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-orange.dark .mat-accent,
.vex-theme-orange .dark .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-orange.dark .mat-warn,
.vex-theme-orange .dark .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ef4444;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-unselected-icon-color: #9ca3af;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #111827;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ef4444;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.vex-theme-orange.dark .mat-elevation-z0, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z0,
.vex-theme-orange .dark .mat-elevation-z0,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z1, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z1,
.vex-theme-orange .dark .mat-elevation-z1,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z2, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z2,
.vex-theme-orange .dark .mat-elevation-z2,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z3, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z3,
.vex-theme-orange .dark .mat-elevation-z3,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z4, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z4,
.vex-theme-orange .dark .mat-elevation-z4,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z5, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z5,
.vex-theme-orange .dark .mat-elevation-z5,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z6, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z6,
.vex-theme-orange .dark .mat-elevation-z6,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z7, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z7,
.vex-theme-orange .dark .mat-elevation-z7,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z8, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z8,
.vex-theme-orange .dark .mat-elevation-z8,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z9, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z9,
.vex-theme-orange .dark .mat-elevation-z9,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z10, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z10,
.vex-theme-orange .dark .mat-elevation-z10,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z11, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z11,
.vex-theme-orange .dark .mat-elevation-z11,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z12, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z12,
.vex-theme-orange .dark .mat-elevation-z12,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z13, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z13,
.vex-theme-orange .dark .mat-elevation-z13,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z14, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z14,
.vex-theme-orange .dark .mat-elevation-z14,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z15, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z15,
.vex-theme-orange .dark .mat-elevation-z15,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z16, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z16,
.vex-theme-orange .dark .mat-elevation-z16,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z17, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z17,
.vex-theme-orange .dark .mat-elevation-z17,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z18, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z18,
.vex-theme-orange .dark .mat-elevation-z18,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z19, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z19,
.vex-theme-orange .dark .mat-elevation-z19,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z20, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z20,
.vex-theme-orange .dark .mat-elevation-z20,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z21, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z21,
.vex-theme-orange .dark .mat-elevation-z21,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z22, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z22,
.vex-theme-orange .dark .mat-elevation-z22,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z23, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z23,
.vex-theme-orange .dark .mat-elevation-z23,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.vex-theme-orange.dark .mat-elevation-z24, .vex-theme-orange.dark .mat-mdc-elevation-specific.mat-elevation-z24,
.vex-theme-orange .dark .mat-elevation-z24,
.vex-theme-orange .dark .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.vex-theme-orange.dark .mat-mdc-progress-bar,
.vex-theme-orange .dark .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #f97316;
  --mdc-linear-progress-track-color: rgba(249, 115, 22, 0.25);
}
.vex-theme-orange.dark .mat-mdc-progress-bar.mat-accent,
.vex-theme-orange .dark .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f59e0b;
  --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25);
}
.vex-theme-orange.dark .mat-mdc-progress-bar.mat-warn,
.vex-theme-orange .dark .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef4444;
  --mdc-linear-progress-track-color: rgba(239, 68, 68, 0.25);
}
.vex-theme-orange.dark .mat-mdc-form-field.mat-accent,
.vex-theme-orange .dark .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f59e0b;
  --mdc-filled-text-field-focus-active-indicator-color: #f59e0b;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mdc-outlined-text-field-caret-color: #f59e0b;
  --mdc-outlined-text-field-focus-outline-color: #f59e0b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87);
}
.vex-theme-orange.dark .mat-mdc-form-field.mat-warn,
.vex-theme-orange .dark .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ef4444;
  --mdc-filled-text-field-focus-active-indicator-color: #ef4444;
  --mdc-filled-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mdc-outlined-text-field-caret-color: #ef4444;
  --mdc-outlined-text-field-focus-outline-color: #ef4444;
  --mdc-outlined-text-field-focus-label-text-color: rgba(239, 68, 68, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-orange.dark .mat-mdc-form-field.mat-accent,
.vex-theme-orange .dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-orange.dark .mat-mdc-form-field.mat-warn,
.vex-theme-orange .dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #1f2937;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(107, 114, 128, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(239, 68, 68, 0.87);
  --mat-select-invalid-arrow-color: rgba(239, 68, 68, 0.87);
}
.vex-theme-orange.dark .mat-mdc-standard-chip,
.vex-theme-orange .dark .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #3a434f;
  --mdc-chip-elevated-selected-container-color: #3a434f;
  --mdc-chip-elevated-disabled-container-color: #3a434f;
  --mdc-chip-flat-disabled-selected-container-color: #3a434f;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.vex-theme-orange.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .vex-theme-orange.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.vex-theme-orange .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.vex-theme-orange .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f97316;
  --mdc-chip-elevated-selected-container-color: #f97316;
  --mdc-chip-elevated-disabled-container-color: #f97316;
  --mdc-chip-flat-disabled-selected-container-color: #f97316;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-orange.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .vex-theme-orange.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.vex-theme-orange .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.vex-theme-orange .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f59e0b;
  --mdc-chip-elevated-selected-container-color: #f59e0b;
  --mdc-chip-elevated-disabled-container-color: #f59e0b;
  --mdc-chip-flat-disabled-selected-container-color: #f59e0b;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-orange.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .vex-theme-orange.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.vex-theme-orange .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.vex-theme-orange .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ef4444;
  --mdc-chip-elevated-selected-container-color: #ef4444;
  --mdc-chip-elevated-disabled-container-color: #ef4444;
  --mdc-chip-flat-disabled-selected-container-color: #ef4444;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.vex-theme-orange.dark .mat-mdc-slide-toggle,
.vex-theme-orange .dark .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-orange.dark .mat-mdc-slide-toggle.mat-accent,
.vex-theme-orange .dark .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #fcd34d;
  --mdc-switch-selected-handle-color: #fcd34d;
  --mdc-switch-selected-hover-state-layer-color: #fcd34d;
  --mdc-switch-selected-pressed-state-layer-color: #fcd34d;
  --mdc-switch-selected-focus-handle-color: #fde68a;
  --mdc-switch-selected-hover-handle-color: #fde68a;
  --mdc-switch-selected-pressed-handle-color: #fde68a;
  --mdc-switch-selected-focus-track-color: #d97706;
  --mdc-switch-selected-hover-track-color: #d97706;
  --mdc-switch-selected-pressed-track-color: #d97706;
  --mdc-switch-selected-track-color: #d97706;
}
.vex-theme-orange.dark .mat-mdc-slide-toggle.mat-warn,
.vex-theme-orange .dark .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #fca5a5;
  --mdc-switch-selected-handle-color: #fca5a5;
  --mdc-switch-selected-hover-state-layer-color: #fca5a5;
  --mdc-switch-selected-pressed-state-layer-color: #fca5a5;
  --mdc-switch-selected-focus-handle-color: #fecaca;
  --mdc-switch-selected-hover-handle-color: #fecaca;
  --mdc-switch-selected-pressed-handle-color: #fecaca;
  --mdc-switch-selected-focus-track-color: #dc2626;
  --mdc-switch-selected-hover-track-color: #dc2626;
  --mdc-switch-selected-pressed-track-color: #dc2626;
  --mdc-switch-selected-track-color: #dc2626;
}
.vex-theme-orange.dark .mat-mdc-radio-button,
.vex-theme-orange .dark .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-orange.dark .mat-mdc-radio-button.mat-primary,
.vex-theme-orange .dark .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f97316;
  --mdc-radio-selected-hover-icon-color: #f97316;
  --mdc-radio-selected-icon-color: #f97316;
  --mdc-radio-selected-pressed-icon-color: #f97316;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #f97316;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-orange.dark .mat-mdc-radio-button.mat-accent,
.vex-theme-orange .dark .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #f59e0b;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-orange.dark .mat-mdc-radio-button.mat-warn,
.vex-theme-orange .dark .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #ef4444;
  --mat-radio-disabled-label-color: #6b7280;
}
.vex-theme-orange.dark .mat-accent,
.vex-theme-orange .dark .mat-accent {
  --mat-slider-ripple-color: #f59e0b;
  --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05);
  --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2);
  --mdc-slider-handle-color: #f59e0b;
  --mdc-slider-focus-handle-color: #f59e0b;
  --mdc-slider-hover-handle-color: #f59e0b;
  --mdc-slider-active-track-color: #f59e0b;
  --mdc-slider-inactive-track-color: #f59e0b;
  --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-orange.dark .mat-warn,
.vex-theme-orange .dark .mat-warn {
  --mat-slider-ripple-color: #ef4444;
  --mat-slider-hover-state-layer-color: rgba(239, 68, 68, 0.05);
  --mat-slider-focus-state-layer-color: rgba(239, 68, 68, 0.2);
  --mdc-slider-handle-color: #ef4444;
  --mdc-slider-focus-handle-color: #ef4444;
  --mdc-slider-hover-handle-color: #ef4444;
  --mdc-slider-active-track-color: #ef4444;
  --mdc-slider-inactive-track-color: #ef4444;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef4444;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.vex-theme-orange.dark .mdc-list-item__start,
.vex-theme-orange.dark .mdc-list-item__end,
.vex-theme-orange .dark .mdc-list-item__start,
.vex-theme-orange .dark .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f97316;
  --mdc-radio-selected-hover-icon-color: #f97316;
  --mdc-radio-selected-icon-color: #f97316;
  --mdc-radio-selected-pressed-icon-color: #f97316;
}
.vex-theme-orange.dark .mat-accent .mdc-list-item__start,
.vex-theme-orange.dark .mat-accent .mdc-list-item__end,
.vex-theme-orange .dark .mat-accent .mdc-list-item__start,
.vex-theme-orange .dark .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f59e0b;
  --mdc-radio-selected-hover-icon-color: #f59e0b;
  --mdc-radio-selected-icon-color: #f59e0b;
  --mdc-radio-selected-pressed-icon-color: #f59e0b;
}
.vex-theme-orange.dark .mat-warn .mdc-list-item__start,
.vex-theme-orange.dark .mat-warn .mdc-list-item__end,
.vex-theme-orange .dark .mat-warn .mdc-list-item__start,
.vex-theme-orange .dark .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef4444;
  --mdc-radio-selected-hover-icon-color: #ef4444;
  --mdc-radio-selected-icon-color: #ef4444;
  --mdc-radio-selected-pressed-icon-color: #ef4444;
}
.vex-theme-orange.dark .mat-mdc-list-option,
.vex-theme-orange .dark .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f97316;
  --mdc-checkbox-selected-hover-icon-color: #f97316;
  --mdc-checkbox-selected-icon-color: #f97316;
  --mdc-checkbox-selected-pressed-icon-color: #f97316;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f97316;
  --mdc-checkbox-selected-hover-state-layer-color: #f97316;
  --mdc-checkbox-selected-pressed-state-layer-color: #f97316;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-orange.dark .mat-mdc-list-option.mat-accent,
.vex-theme-orange .dark .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f59e0b;
  --mdc-checkbox-selected-hover-icon-color: #f59e0b;
  --mdc-checkbox-selected-icon-color: #f59e0b;
  --mdc-checkbox-selected-pressed-icon-color: #f59e0b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-hover-state-layer-color: #f59e0b;
  --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-orange.dark .mat-mdc-list-option.mat-warn,
.vex-theme-orange .dark .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-orange.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-orange.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.vex-theme-orange .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.vex-theme-orange .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #f97316;
}
.vex-theme-orange.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-orange.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-orange .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.vex-theme-orange .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #f97316;
}
.vex-theme-orange.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-orange.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-orange.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.vex-theme-orange .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.vex-theme-orange .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.vex-theme-orange .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.vex-theme-orange.dark .mat-mdc-tab-group, .vex-theme-orange.dark .mat-mdc-tab-nav-bar,
.vex-theme-orange .dark .mat-mdc-tab-group,
.vex-theme-orange .dark .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #f97316;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #f97316;
  --mat-tab-header-active-ripple-color: #f97316;
  --mat-tab-header-inactive-ripple-color: #f97316;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f97316;
  --mat-tab-header-active-hover-label-text-color: #f97316;
  --mat-tab-header-active-focus-indicator-color: #f97316;
  --mat-tab-header-active-hover-indicator-color: #f97316;
}
.vex-theme-orange.dark .mat-mdc-tab-group.mat-accent, .vex-theme-orange.dark .mat-mdc-tab-nav-bar.mat-accent,
.vex-theme-orange .dark .mat-mdc-tab-group.mat-accent,
.vex-theme-orange .dark .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f59e0b;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #f59e0b;
  --mat-tab-header-active-ripple-color: #f59e0b;
  --mat-tab-header-inactive-ripple-color: #f59e0b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f59e0b;
  --mat-tab-header-active-hover-label-text-color: #f59e0b;
  --mat-tab-header-active-focus-indicator-color: #f59e0b;
  --mat-tab-header-active-hover-indicator-color: #f59e0b;
}
.vex-theme-orange.dark .mat-mdc-tab-group.mat-warn, .vex-theme-orange.dark .mat-mdc-tab-nav-bar.mat-warn,
.vex-theme-orange .dark .mat-mdc-tab-group.mat-warn,
.vex-theme-orange .dark .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ef4444;
  --mat-tab-header-disabled-ripple-color: #6b7280;
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #ef4444;
  --mat-tab-header-active-ripple-color: #ef4444;
  --mat-tab-header-inactive-ripple-color: #ef4444;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ef4444;
  --mat-tab-header-active-hover-label-text-color: #ef4444;
  --mat-tab-header-active-focus-indicator-color: #ef4444;
  --mat-tab-header-active-hover-indicator-color: #ef4444;
}
.vex-theme-orange.dark .mat-mdc-tab-group.mat-background-primary, .vex-theme-orange.dark .mat-mdc-tab-nav-bar.mat-background-primary,
.vex-theme-orange .dark .mat-mdc-tab-group.mat-background-primary,
.vex-theme-orange .dark .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #f97316;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-orange.dark .mat-mdc-tab-group.mat-background-accent, .vex-theme-orange.dark .mat-mdc-tab-nav-bar.mat-background-accent,
.vex-theme-orange .dark .mat-mdc-tab-group.mat-background-accent,
.vex-theme-orange .dark .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f59e0b;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-orange.dark .mat-mdc-tab-group.mat-background-warn, .vex-theme-orange.dark .mat-mdc-tab-nav-bar.mat-background-warn,
.vex-theme-orange .dark .mat-mdc-tab-group.mat-background-warn,
.vex-theme-orange .dark .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ef4444;
  --mat-tab-header-with-background-foreground-color: white;
}
.vex-theme-orange.dark .mat-mdc-checkbox,
.vex-theme-orange .dark .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: white;
}
.vex-theme-orange.dark .mat-mdc-checkbox.mat-primary,
.vex-theme-orange .dark .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f97316;
  --mdc-checkbox-selected-hover-icon-color: #f97316;
  --mdc-checkbox-selected-icon-color: #f97316;
  --mdc-checkbox-selected-pressed-icon-color: #f97316;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f97316;
  --mdc-checkbox-selected-hover-state-layer-color: #f97316;
  --mdc-checkbox-selected-pressed-state-layer-color: #f97316;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-orange.dark .mat-mdc-checkbox.mat-warn,
.vex-theme-orange .dark .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ef4444;
  --mdc-checkbox-selected-hover-icon-color: #ef4444;
  --mdc-checkbox-selected-icon-color: #ef4444;
  --mdc-checkbox-selected-pressed-icon-color: #ef4444;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ef4444;
  --mdc-checkbox-selected-hover-state-layer-color: #ef4444;
  --mdc-checkbox-selected-pressed-state-layer-color: #ef4444;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.vex-theme-orange.dark .mat-mdc-button.mat-primary,
.vex-theme-orange .dark .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #f97316;
  --mat-text-button-state-layer-color: #f97316;
  --mat-text-button-ripple-color: rgba(249, 115, 22, 0.1);
}
.vex-theme-orange.dark .mat-mdc-button.mat-accent,
.vex-theme-orange .dark .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f59e0b;
  --mat-text-button-state-layer-color: #f59e0b;
  --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-orange.dark .mat-mdc-button.mat-warn,
.vex-theme-orange .dark .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef4444;
  --mat-text-button-state-layer-color: #ef4444;
  --mat-text-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-orange.dark .mat-mdc-unelevated-button.mat-primary,
.vex-theme-orange .dark .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #f97316;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange.dark .mat-mdc-unelevated-button.mat-accent,
.vex-theme-orange .dark .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f59e0b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange.dark .mat-mdc-unelevated-button.mat-warn,
.vex-theme-orange .dark .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef4444;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange.dark .mat-mdc-raised-button.mat-primary,
.vex-theme-orange .dark .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #f97316;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange.dark .mat-mdc-raised-button.mat-accent,
.vex-theme-orange .dark .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f59e0b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange.dark .mat-mdc-raised-button.mat-warn,
.vex-theme-orange .dark .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef4444;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange.dark .mat-mdc-outlined-button.mat-primary,
.vex-theme-orange .dark .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #f97316;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #f97316;
  --mat-outlined-button-ripple-color: rgba(249, 115, 22, 0.1);
}
.vex-theme-orange.dark .mat-mdc-outlined-button.mat-accent,
.vex-theme-orange .dark .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f59e0b;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #f59e0b;
  --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-orange.dark .mat-mdc-outlined-button.mat-warn,
.vex-theme-orange .dark .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef4444;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #ef4444;
  --mat-outlined-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-orange.dark .mat-mdc-icon-button.mat-primary,
.vex-theme-orange .dark .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #f97316;
  --mat-icon-button-state-layer-color: #f97316;
  --mat-icon-button-ripple-color: rgba(249, 115, 22, 0.1);
}
.vex-theme-orange.dark .mat-mdc-icon-button.mat-accent,
.vex-theme-orange .dark .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f59e0b;
  --mat-icon-button-state-layer-color: #f59e0b;
  --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1);
}
.vex-theme-orange.dark .mat-mdc-icon-button.mat-warn,
.vex-theme-orange .dark .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef4444;
  --mat-icon-button-state-layer-color: #ef4444;
  --mat-icon-button-ripple-color: rgba(239, 68, 68, 0.1);
}
.vex-theme-orange.dark .mat-mdc-fab.mat-primary,
.vex-theme-orange .dark .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #f97316;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange.dark .mat-mdc-fab.mat-accent,
.vex-theme-orange .dark .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange.dark .mat-mdc-fab.mat-warn,
.vex-theme-orange .dark .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ef4444;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange.dark .mat-mdc-mini-fab.mat-primary,
.vex-theme-orange .dark .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #f97316;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange.dark .mat-mdc-mini-fab.mat-accent,
.vex-theme-orange .dark .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #f59e0b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange.dark .mat-mdc-mini-fab.mat-warn,
.vex-theme-orange .dark .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ef4444;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.vex-theme-orange.dark .mat-accent,
.vex-theme-orange .dark .mat-accent {
  --mdc-circular-progress-active-indicator-color: #f59e0b;
}
.vex-theme-orange.dark .mat-warn,
.vex-theme-orange .dark .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef4444;
}
.vex-theme-orange.dark .mat-badge-accent,
.vex-theme-orange .dark .mat-badge-accent {
  --mat-badge-background-color: #f59e0b;
  --mat-badge-text-color: white;
}
.vex-theme-orange.dark .mat-badge-warn,
.vex-theme-orange .dark .mat-badge-warn {
  --mat-badge-background-color: #ef4444;
  --mat-badge-text-color: white;
}
.vex-theme-orange.dark .mat-datepicker-content.mat-accent,
.vex-theme-orange .dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-orange.dark .mat-datepicker-content.mat-warn,
.vex-theme-orange .dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ef4444;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(239, 68, 68, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(239, 68, 68, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(239, 68, 68, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.vex-theme-orange.dark .mat-datepicker-toggle-active.mat-accent,
.vex-theme-orange .dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f59e0b;
}
.vex-theme-orange.dark .mat-datepicker-toggle-active.mat-warn,
.vex-theme-orange .dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ef4444;
}
.vex-theme-orange.dark .mat-icon.mat-primary,
.vex-theme-orange .dark .mat-icon.mat-primary {
  --mat-icon-color: #f97316;
}
.vex-theme-orange.dark .mat-icon.mat-accent,
.vex-theme-orange .dark .mat-icon.mat-accent {
  --mat-icon-color: #f59e0b;
}
.vex-theme-orange.dark .mat-icon.mat-warn,
.vex-theme-orange .dark .mat-icon.mat-warn {
  --mat-icon-color: #ef4444;
}
.vex-theme-orange.dark .mat-step-header.mat-accent,
.vex-theme-orange .dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f59e0b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f59e0b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f59e0b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-orange.dark .mat-step-header.mat-warn,
.vex-theme-orange .dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ef4444;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ef4444;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ef4444;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.vex-theme-orange.dark .mat-toolbar.mat-primary,
.vex-theme-orange .dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #f97316;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-orange.dark .mat-toolbar.mat-accent,
.vex-theme-orange .dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: white;
}
.vex-theme-orange.dark .mat-toolbar.mat-warn,
.vex-theme-orange .dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ef4444;
  --mat-toolbar-container-text-color: white;
}

/**
 * Typography
 */
.display-3 {
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  font-family: var(--font);
  letter-spacing: -0.02em;
}

.display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  font-family: var(--font);
  letter-spacing: -0.005em;
}

.display-1,
h1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  font-family: var(--font);
  letter-spacing: normal;
}

.headline,
h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  font-family: var(--font);
  letter-spacing: -0.019em;
}

.title,
h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  font-family: var(--font);
  letter-spacing: -0.014em;
}

.subheading-2,
h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: var(--font);
  letter-spacing: -0.011em;
}

.subheading-1,
h5 {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: var(--font);
  letter-spacing: -0.006em;
}

.body-2,
h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: var(--font);
  letter-spacing: -0.006em;
}

.body-1,
p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: var(--font);
  letter-spacing: -0.009em;
}

.caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  font-family: var(--font);
  letter-spacing: 0;
}

.text-xs {
  letter-spacing: 0;
}

.text-sm {
  letter-spacing: -0.009em;
}

.text-base {
  letter-spacing: -0.011em;
}

.text-lg {
  letter-spacing: -0.014em;
}

.text-2xl {
  letter-spacing: -0.019em;
}

.text-3xl {
  letter-spacing: -0.021em;
}

body {
  --vex-font: Urbanist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
  --vex-sidenav-width: 280px;
  --vex-sidenav-collapsed-width: 72px;
  --vex-sidenav-item-min-height: 48px;
  --vex-sidenav-item-padding-vertical: 0.5rem;
  --vex-sidenav-item-padding-horizontal: 1.5rem;
  --vex-sidenav-item-font-weight: 500;
  --vex-sidenav-item-icon-gap: 1rem;
  --vex-sidenav-item-icon-size: 1.5rem;
  --vex-sidenav-item-dropdown-gap: 0.75rem;
  --vex-toolbar-height: 64px;
  --vex-secondary-toolbar-height: 54px;
  --vex-navigation-height: 64px;
  --vex-footer-height: 56px;
  --vex-footer-z-index: 100;
  --vex-footer-elevation: 0 -10px 30px 0 rgba(82, 63, 104, 0.06);
  --vex-page-layout-header-height: 200px;
  --vex-page-layout-toolbar-height: 64px;
  --vex-blink-scrollbar-width: 12px;
  --vex-default-icon-size: 24px;
  --vex-border-radius: 0.25rem;
}

.vex-base-layout-container {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.vex-layout-content {
  background: var(--vex-background-background);
  min-height: calc(100% - var(--vex-toolbar-height) - var(--vex-navigation-height));
  position: relative;
  width: 100%;
}

.vex-layout-footer-enabled .vex-layout-content {
  min-height: calc(100% - var(--vex-toolbar-height) - var(--vex-navigation-height) - var(--vex-footer-height));
}

.vex-layout-scroll-disabled {
  overflow: hidden;
}
.vex-layout-scroll-disabled .vex-layout-content {
  height: calc(100% - var(--vex-toolbar-height) - var(--vex-navigation-height));
  min-height: unset;
  overflow: hidden;
}
.vex-layout-scroll-disabled.vex-layout-footer-fixed .vex-layout-content, .vex-layout-scroll-disabled.vex-layout-footer-enabled .vex-layout-content {
  height: calc(100% - var(--vex-toolbar-height) - var(--vex-navigation-height) - var(--vex-footer-height));
  min-height: unset;
}

.vex-layout-sidenav-container {
  background: var(--vex-background-background);
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}

.vex-layout-sidenav-content {
  overflow-x: hidden;
  overflow-y: auto;
}

.vex-layout-search-overlay-open {
  overflow: hidden;
  position: fixed;
}
.vex-layout-search-overlay-open .vex-layout-sidenav-container {
  pointer-events: none;
  transform: perspective(1000px) translate3d(0, 50vh, 0) rotate3d(1, 0, 0, 30deg);
  transform-origin: 50vw 50vh;
  transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  overflow: visible;
  border-radius: 0.25rem;
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vex-layout-toolbar-fixed .vex-toolbar {
  position: fixed;
  width: var(--vex-toolbar-width);
  z-index: 50;
}
.vex-layout-toolbar-fixed .vex-layout-content {
  margin-top: var(--vex-toolbar-height);
}
@media (min-width: 1280px) {
  .vex-layout-toolbar-fixed .vex-layout-content {
    margin-top: calc(var(--vex-toolbar-height) + var(--vex-navigation-height));
  }
}

.vex-layout-footer-fixed .vex-footer {
  box-shadow: var(--vex-footer-elevation);
  position: fixed;
}
.vex-layout-footer-fixed .vex-layout-content {
  margin-bottom: var(--vex-footer-height);
  min-height: calc(100% - var(--vex-toolbar-height) - var(--vex-navigation-height) - var(--vex-footer-height));
}
.vex-layout-footer-fixed.vex-layout-scroll-disabled .vex-layout-content {
  height: calc(100% - var(--vex-toolbar-height) - var(--vex-navigation-height) - var(--vex-footer-height));
}

.horizontal-layout {
  --navigation-height: 0px;
  --toolbar-width: 100%;
}
@media (min-width: 1280px) {
  .horizontal-layout {
    --toolbar-width: calc(100% - var(--sidenav-width));
  }
  .horizontal-layout.sidenav-collapsed {
    --toolbar-width: calc(100% - var(--sidenav-collapsed-width));
  }
}
.horizontal-layout .sidenav-container {
  /* When the sidenav is not fixed, stretch the sidenav container to fill the available space. This
     causes `<mat-sidenav-content>` to act as our scrolling element for desktop layouts. */
  flex: 1;
}
.horizontal-layout.has-fixed-footer.scroll-disabled .content {
  height: calc(100% - var(--toolbar-height) - var(--footer-height));
}

@media (min-width: 1280px) {
  body:not([dir=rtl]) .horizontal-layout.sidenav-collapsed .sidenav-content {
    margin-left: var(--sidenav-collapsed-width) !important;
    margin-right: 0 !important;
  }
  body:not([dir=rtl]) .horizontal-layout:not(.sidenav-collapsed) .sidenav-content {
    margin-left: var(--sidenav-width) !important;
    margin-right: 0 !important;
  }
  [dir=rtl] .horizontal-layout.sidenav-collapsed .sidenav-content {
    margin-right: var(--sidenav-collapsed-width) !important;
    margin-left: 0 !important;
  }
  [dir=rtl] .horizontal-layout:not(.sidenav-collapsed) .sidenav-content {
    margin-right: var(--sidenav-width) !important;
    margin-left: 0 !important;
  }
}
/** SCROLLBARS */
body.is-blink ::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  height: var(--vex-blink-scrollbar-width);
  width: var(--vex-blink-scrollbar-width);
}
body.is-blink ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
body.is-blink ::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: var(--vex-blink-scrollbar-width);
  box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.37);
}
body.is-blink ::-webkit-scrollbar-thumb:active {
  border-radius: var(--vex-blink-scrollbar-width);
  box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.54);
}

/** SCROLLBLOCK */
.vex-scrollblock {
  position: fixed;
  width: 100%;
}

/** GLOSSY DIALOG */
.vex-dialog-glossy .mat-mdc-dialog-container{
  border-radius: 0.25rem;
}

.is-blink .vex-dialog-glossy .mat-mdc-dialog-container .mdc-dialog__surface {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
          backdrop-filter: saturate(180%) blur(20px);
}

/*.card {
  @apply rounded shadow bg-foreground;
}*/
.avatar{
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  background-color: var(--background-hover);
  object-fit: cover;
}

.vex-layout-vertical {
  --vex-toolbar-width: 100%;
}
.vex-layout-vertical vex-secondary-toolbar .fixed{
  position: relative;
  top: 0;
  margin-bottom: -1rem;
  border-top-width: 0;
  background-image: none;
  padding-top: 0.75rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vex-layout-vertical.vex-layout-footer-fixed.vex-layout-scroll-disabled .vex-layout-content {
  height: calc(100% - var(--vex-toolbar-height) - var(--vex-footer-height));
}

@media print {
  html,
  body {
    height: auto !important;
    overflow: initial !important;
  }
  .vex-toolbar,
  .vex-sidenav {
    display: none !important;
  }
  .vex-layout-content {
    margin-top: 0 !important;
  }
  .mat-drawer-container {
    overflow: visible !important;
  }
  .vex-layout-sidenav-content {
    margin-left: 0 !important;
  }
  .vex-footer {
    display: none !important;
  }
  .config-panel-toggle {
    display: none !important;
  }
}
:root .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel{
  margin-top: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
:root .mat-mdc-autocomplete-panel{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
:root .mat-mdc-autocomplete-panel .mat-mdc-option{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

:root .mat-button-toggle-group:not(.mat-button-toggle-vertical) .mat-button-toggle:first-child .mat-button-toggle-label-content{
  padding-left: 1rem;
}
:root .mat-button-toggle-group:not(.mat-button-toggle-vertical) .mat-button-toggle:last-child .mat-button-toggle-label-content{
  padding-right: 1rem;
}
:root .mat-button-toggle-button{
  font-weight: 500;
}
:root .mat-mdc-icon-button .mat-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

:root .mat-mdc-card{
  border-radius: 0.25rem;
}

.vex-mat-dense-md {
  --mat-form-field-container-height: 52px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 14px;
  --mat-form-field-filled-with-label-container-padding-top: 22px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
  --mat-select-arrow-transform: translateY(-8px);
  --mdc-checkbox-state-layer-size: 36px;
  --mat-checkbox-touch-target-display: block;
  --mdc-switch-state-layer-size: 36px;
  --mdc-radio-state-layer-size: 36px;
  --mat-radio-touch-target-display: block;
  --mdc-list-list-item-one-line-container-height: 44px;
  --mdc-list-list-item-two-line-container-height: 60px;
  --mdc-list-list-item-three-line-container-height: 84px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-paginator-container-size: 52px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mdc-text-button-container-height: 32px;
  --mdc-filled-button-container-height: 32px;
  --mdc-outlined-button-container-height: 32px;
  --mdc-protected-button-container-height: 32px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mat-icon-button-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mat-table-header-container-height: 52px;
  --mat-table-footer-container-height: 48px;
  --mat-table-row-item-container-height: 48px;
  --mat-expansion-header-collapsed-state-height: 44px;
  --mat-expansion-header-expanded-state-height: 60px;
  --mat-stepper-header-height: 68px;
  --mat-toolbar-standard-height: 60px;
  --mat-toolbar-mobile-height: 52px;
  --mat-tree-node-min-height: 44px;
  --mat-standard-button-toggle-height: 44px;
}
.vex-mat-dense-md .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 28px;
}
.vex-mat-dense-md .mdc-list-item__start,
.vex-mat-dense-md .mdc-list-item__end {
  --mdc-radio-state-layer-size: 36px;
}
.vex-mat-dense-md .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .vex-mat-dense-md .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .vex-mat-dense-md .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 52px;
}
.vex-mat-dense-md .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .vex-mat-dense-md .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .vex-mat-dense-md .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 68px;
}
.vex-mat-dense-md .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 44px;
}
.vex-mat-dense-md .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 44px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 10px;
}

.vex-mat-dense-sm {
  --mat-form-field-container-height: 48px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-filled-with-label-container-padding-top: 12px;
  --mat-form-field-filled-with-label-container-padding-bottom: 12px;
  --mat-select-arrow-transform: none;
  --mdc-checkbox-state-layer-size: 32px;
  --mat-checkbox-touch-target-display: none;
  --mdc-switch-state-layer-size: 32px;
  --mdc-radio-state-layer-size: 32px;
  --mat-radio-touch-target-display: none;
  --mdc-list-list-item-one-line-container-height: 40px;
  --mdc-list-list-item-two-line-container-height: 56px;
  --mdc-list-list-item-three-line-container-height: 80px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-paginator-container-size: 48px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mdc-text-button-container-height: 28px;
  --mdc-filled-button-container-height: 28px;
  --mdc-outlined-button-container-height: 28px;
  --mdc-protected-button-container-height: 28px;
  --mat-text-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-icon-button-touch-target-display: none;
  --mat-fab-touch-target-display: none;
  --mat-fab-small-touch-target-display: none;
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
  --mat-stepper-header-height: 64px;
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
  --mat-tree-node-min-height: 40px;
  --mat-standard-button-toggle-height: 40px;
}
.vex-mat-dense-sm .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 24px;
}
.vex-mat-dense-sm .mdc-list-item__start,
.vex-mat-dense-sm .mdc-list-item__end {
  --mdc-radio-state-layer-size: 32px;
}
.vex-mat-dense-sm .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .vex-mat-dense-sm .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .vex-mat-dense-sm .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 48px;
}
.vex-mat-dense-sm .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .vex-mat-dense-sm .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .vex-mat-dense-sm .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 64px;
}
.vex-mat-dense-sm .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 40px;
}
.vex-mat-dense-sm .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

.vex-mat-dense-xs {
  --mat-form-field-container-height: 44px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 10px;
  --mat-form-field-filled-with-label-container-padding-top: 10px;
  --mat-form-field-filled-with-label-container-padding-bottom: 10px;
  --mat-select-arrow-transform: none;
  --mdc-checkbox-state-layer-size: 28px;
  --mat-checkbox-touch-target-display: none;
  --mdc-switch-state-layer-size: 28px;
  --mdc-radio-state-layer-size: 28px;
  --mat-radio-touch-target-display: none;
  --mdc-list-list-item-one-line-container-height: 36px;
  --mdc-list-list-item-two-line-container-height: 52px;
  --mdc-list-list-item-three-line-container-height: 76px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-paginator-container-size: 40px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mdc-text-button-container-height: 24px;
  --mdc-filled-button-container-height: 24px;
  --mdc-outlined-button-container-height: 24px;
  --mdc-protected-button-container-height: 24px;
  --mat-text-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-icon-button-touch-target-display: none;
  --mat-fab-touch-target-display: none;
  --mat-fab-small-touch-target-display: none;
  --mat-table-header-container-height: 44px;
  --mat-table-footer-container-height: 40px;
  --mat-table-row-item-container-height: 40px;
  --mat-expansion-header-collapsed-state-height: 36px;
  --mat-expansion-header-expanded-state-height: 48px;
  --mat-stepper-header-height: 60px;
  --mat-toolbar-standard-height: 52px;
  --mat-toolbar-mobile-height: 44px;
  --mat-tree-node-min-height: 36px;
  --mat-standard-button-toggle-height: 36px;
}
.vex-mat-dense-xs .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 24px;
}
.vex-mat-dense-xs .mdc-list-item__start,
.vex-mat-dense-xs .mdc-list-item__end {
  --mdc-radio-state-layer-size: 28px;
}
.vex-mat-dense-xs .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .vex-mat-dense-xs .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .vex-mat-dense-xs .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 44px;
}
.vex-mat-dense-xs .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .vex-mat-dense-xs .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .vex-mat-dense-xs .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 60px;
}
.vex-mat-dense-xs .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 36px;
}
.vex-mat-dense-xs .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 36px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 6px;
}

:root .mat-mdc-dialog-container .mdc-dialog__surface{
  border-radius: 0.5rem;
  display: block;
  padding: 24px;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: auto;
  outline: 0;
  width: 100%;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
}
:root .mat-mdc-dialog-content {
  display: block;
  margin: 0 -24px;
  padding: 0 24px;
  max-height: 65vh;
  overflow: auto;
}
:root .mat-mdc-dialog-title {
  margin: 0 0 20px !important;
  padding: 0px !important;
  display: block;
}
:root .mdc-dialog__title::before {
  margin: 0 0 20px;
  content: none;
  height: auto;
}
:root .mat-mdc-dialog-actions {
  padding: 8px 0;
  display: flex;
  flex-wrap: wrap;
  min-height: 52px;
  align-items: center;
  box-sizing: content-box;
  margin-bottom: -24px;
}

:root .mat-drawer-container {
  color: inherit;
}
:root .mat-drawer-side{
  border-right-width: 0;
}
:root .dark .mat-drawer-side{
  border-right-width: 1px;
}

:root .mat-expansion-panel:not([class*=mat-elevation-z]){
  border-radius: 0.25rem;
  --tw-shadow: var(--elevation-z6);
  --tw-shadow-colored: var(--elevation-z6);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.mdc-notched-outline__notch {
  border-right: none;
}

:root .mdc-text-field--outlined {
  --mdc-outlined-text-field-container-shape: 0.25rem;
}

:root .mat-mdc-menu-panel.mat-menu-below{
  margin-top: 0.25rem;
}
:root .mat-mdc-menu-panel.mat-menu-above{
  margin-bottom: 0.25rem;
}
:root .mat-mdc-menu-content{
  padding: 0.5rem;
}
:root .mat-mdc-menu-item{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  min-height: 40px;
  align-items: center;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  letter-spacing: -0.009em;
  padding: unset;
}
:root .mat-mdc-menu-item:first-child{
  margin-top: 0;
}
:root .mat-mdc-menu-item:last-child{
  margin-bottom: 0;
}
:root .mat-mdc-menu-item-submenu-trigger{
  padding-right: 3rem;
}

.mat-mdc-menu-item .mat-icon-no-color{
  color: currentColor;
}

:root .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel{
  margin-top: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
:root .mat-mdc-option:first-child{
  margin-top: 0;
}
:root .mat-mdc-option:last-child{
  margin-bottom: 0;
}
:root .mat-mdc-menu-item-submenu-trigger{
  padding-right: 3rem;
}

.apexcharts-legend-text {
  margin-left: 4px;
  top: -1px;
}

.vex-layout-ares {
  --vex-sidenav-background: var(--vex-background-background);
  --vex-toolbar-background: var(--vex-background-background);
  --vex-sidenav-section-divider-color: transparent;
  --vex-sidenav-item-background-hover: rgb(var(--vex-color-primary-600) / 0.1);
  --vex-sidenav-item-background-active: var(--vex-background-card);
  --vex-sidenav-item-dropdown-color-active: var(
                  --vex-sidenav-item-color-active
  );
  --vex-sidenav-item-dropdown-background-active: var(--vex-background-hover);
  --vex-sidenav-item-dropdown-background: var(--vex-background-background);
  --vex-sidenav-item-dropdown-background-hover: var(--vex-background-hover);
  --vex-secondary-toolbar-background: var(--vex-background-background);
  --vex-sidenav-toolbar-background: var(--vex-background-background);
  --vex-secondary-toolbar-height: 64px;
}
.vex-layout-ares .vex-sidenav {
  border: none;
}
.vex-layout-ares .vex-sidenav vex-sidenav-item .vex-sidenav-item {
  width: unset;
  margin-left: 1rem;
  margin-right: 1rem;
  border-radius: 9999px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.vex-layout-ares .vex-sidenav vex-sidenav-item .vex-sidenav-item.vex-sidenav-item--active{
  --tw-shadow: var(--elevation-z6);
  --tw-shadow-colored: var(--elevation-z6);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vex-layout-ares .vex-sidenav vex-sidenav-item .item-level-0 > .vex-sidenav-item{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.vex-layout-ares .vex-sidenav vex-sidenav-item .item-level-1 .vex-sidenav-item.vex-sidenav-item--active{
  font-weight: 500;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vex-layout-ares .vex-layout-sidenav-collapsed .vex-sidenav vex-sidenav-item .vex-sidenav-item{
  margin-left: 0;
  margin-right: 0;
}
.vex-layout-ares vex-toolbar{
  border-bottom-width: 0;
}
.vex-layout-ares vex-secondary-toolbar{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.vex-layout-ares vex-secondary-toolbar .secondary-toolbar{
  margin-bottom: -1.5rem;
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vex-layout-ares vex-footer{
  overflow: hidden;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.vex-layout-ares .vex-page-layout-header {
  background: var(--vex-background-background);
}
.vex-layout-ares.vex-style-default {
  --vex-sidenav-item-dropdown-color-active: var(--vex-sidenav-item-color);
}

.vex-layout-hermes {
  --vex-toolbar-height: 100px;
  --vex-secondary-toolbar-background: var(--vex-background-background);
  --vex-secondary-toolbar-height: 64px;
}
.vex-layout-hermes.vex-style-light {
  --vex-toolbar-background: var(--vex-background-background);
}
.vex-layout-hermes.vex-style-dark {
  --vex-toolbar-background: var(--vex-background-background);
}
@media (min-width: 1280px) {
  .vex-layout-hermes .vex-sidenav{
    display: none;
  }
}
.vex-layout-hermes vex-secondary-toolbar .secondary-toolbar{
  margin-bottom: -1.5rem;
  border-top-width: 0;
  border-bottom-width: 0;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vex-layout-ikaros {
  --vex-navigation-height: 0.00001px;
}
.vex-layout-ikaros.vex-style-default {
  --vex-navigation-color: white;
}

.vex-layout-poseidon {
  --vex-sidenav-item-min-height: 40px;
  --vex-sidenav-item-background-hover: rgb(var(--vex-color-primary-500) / 15%);
  --vex-sidenav-item-background-active: rgb(var(--vex-color-primary-500) / 20%);
  --vex-sidenav-item-dropdown-background: var(--vex-sidenav-background);
  --vex-sidenav-item-dropdown-background-hover: rgb(
      var(--vex-color-primary-600) / 10%
  );
  --vex-sidenav-item-dropdown-background-active: rgb(
      var(--vex-color-primary-600) / 20%
  );
  --vex-sidenav-item-padding-vertical: 0.5rem;
  --vex-sidenav-item-padding-horizontal: 0.75rem;
}
.vex-layout-poseidon .vex-sidenav-item{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
}
.vex-layout-poseidon .vex-sidenav-toolbar__divider {
  margin: 0 var(--vex-sidenav-item-padding-horizontal);
}
.vex-layout-poseidon.vex-style-light {
  --vex-sidenav-item-color: rgba(0, 0, 0, 1);
  --vex-sidenav-item-color-hover: rgba(0, 0, 0, 1);
  --vex-sidenav-item-dropdown-color-hover: rgba(0, 0, 0, 1);
  --vex-sidenav-item-dropdown-color-active: rgba(0, 0, 0, 1);
}
.vex-layout-poseidon.vex-style-default {
  --vex-sidenav-toolbar-background: var(--vex-sidenav-background);
  --vex-sidenav-item-color: rgba(255, 255, 255, 0.8);
  --vex-sidenav-item-color-hover: rgba(255, 255, 255, 1);
  --vex-sidenav-item-ripple-color: rgb(255, 255, 255, 0.06);
}
.vex-layout-poseidon.vex-style-dark {
  --vex-sidenav-item-color: rgba(255, 255, 255, 0.8);
  --vex-sidenav-item-color-hover: #ffffff;
  --vex-sidenav-item-ripple-color: rgb(255, 255, 255, 0.06);
}

html {
  box-sizing: border-box;
  font-size: 16px;
  height: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: var(--font);
  letter-spacing: -0.009em;
  line-height: 1.5;
  color: var(--text-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern";
}

div {
  box-sizing: border-box;
}

.mat-ink-bar[class] {
  height: 4px;
}

.mat-form-field .mat-form-field-flex {
  background-color: #FBFBFB;
}

.mat-mdc-form-field {
  font-family: var(--font) !important;
}

.mat-form-field-prefix {
  color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-form-field-icon-prefix {
  color: rgba(0, 0, 0, 0.6) !important;
}

.mat-icon.mat-warn {
  color: var(--color-danger);
}

.mat-mdc-tooltip{
  font-size: 0.75rem;
  color: var(--text-color-light);
  letter-spacing: 0;
  background-color: #2D2D2D;
  border-radius: 2px;
  padding: 6px 14px !important;
  max-width: unset !important;
}

.mat-mdc-header-row {
  font-family: "Urbanist" !important;
  color: rgba(0, 0, 0, 0.5411764706) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

.mat-table .mat-cell, .mat-table .mat-header-cell {
  box-sizing: content-box !important;
  padding-left: var(--padding-12) !important;
  padding-right: var(--padding-12) !important;
  white-space: nowrap !important;
}

.mat-mdc-row, .mdc-data-table__content {
  font-family: "Urbanist" !important;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 150, 136, 0.02);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.mat-form-field-flex {
  background-color: #FBFBFB;
}

.mat-mdc-radio-button {
  display: flex;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #FBFBFB !important;
}

.mat-mdc-form-field-focus-overlay {
  background-color: transparent !important;
}

.mat-mdc-form-field:focus-within .mat-mdc-form-field-icon-prefix {
  color: var(--mat-form-field-leading-icon-focus-color, #009688); /* Primary color on focus */
}

.mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-top-width: 4px !important;
}

.mdc-dialog__title {
  display: flex !important;
}

.mat-mdc-tab-link.mdc-tab {
  min-width: 160px !important;
}

.mat-mdc-tab-link .mdc-tab-indicator__content--underline {
  border-top-width: 4px !important;
}

.mat-mdc-tab.mdc-tab {
  min-width: 160px !important;
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
  background-color: unset !important;
}

.mat-mdc-menu-content {
  padding: 0 0 !important;
}

.mat-mdc-checkbox {
  --mdc-checkbox-state-layer-size: 20px !important;
  --mdc-checkbox-size: 18px !important;
  font-size: 18px !important;
}

.mat-mdc-checkbox .mdc-checkbox {
  width: 18px !important;
  height: 18px !important;
}

.mat-mdc-checkbox .mdc-checkbox__background {
  width: 18px !important;
  height: 18px !important;
}

.mat-mdc-checkbox .mdc-label {
  font-size: 13px !important;
  margin-left: 6px !important;
}

.mat-mdc-checkbox .mdc-checkbox__state-layer {
  width: 20px !important;
  height: 20px !important;
  left: -1px !important;
  top: -1px !important;
}

.sidenav-content {
  overflow-y: overlay !important;
}

.custom-snackbar {
  background: unset !important;
  box-shadow: none !important;
  color: unset !important;
  padding: 0 !important;
}

.lib-celebration .mat-dialog-container {
  padding: 0;
}

/* Override the css for material bottom sheet */
.full-width-bottom-sheet {
  border-radius: 0 !important;
  height: 50%;
  display: flex;
  flex-direction: column;
}
.full-width-bottom-sheet.collapsed {
  min-width: calc(100% - var(--sidenav-collapsed-width)) !important;
  max-width: calc(100% - var(--sidenav-collapsed-width)) !important;
  margin: 0 0 0 var(--sidenav-collapsed-width) !important;
}
.full-width-bottom-sheet.expanded {
  min-width: calc(100% - var(--sidenav-width)) !important;
  max-width: calc(100% - var(--sidenav-width)) !important;
  margin: 0 0 0 var(--sidenav-width) !important;
}
.full-width-bottom-sheet .mat-bottom-sheet-container-xlarge {
  max-width: 100% !important;
  margin: 12px !important;
  border-radius: 8px !important;
}

.full-width-bottom-sheet-document-navigation {
  border-radius: 0 !important;
  height: 50%;
  display: flex;
  flex-direction: column;
  min-width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 24px !important;
}
.full-width-bottom-sheet-document-navigation .mat-bottom-sheet-container-xlarge {
  min-width: 100% !important;
  max-width: 100% !important;
  border-radius: 8px !important;
  padding: 0 !important;
}

.firebaseui-container {
  width: 100% !important;
  margin: 0 !important;
  max-width: none !important;
}

.firebaseui-card-content, .firebaseui-card-footer {
  padding: 0 !important;
}

.firebaseui-idp-button {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  padding: 12px 52px;
  align-items: center;
  align-self: stretch;
  gap: 10px;
  min-width: 155px !important;
  max-width: 100% !important;
  background: white !important;
  border-radius: 50px !important;
  border: 1px solid #E0E0E9 !important;
  width: 100% !important;
}

.firebaseui-idp-text.firebaseui-idp-text-short {
  display: none;
}

.firebaseui-idp-button.firebaseui-idp-google {
  margin-top: 18px !important;
}

.firebaseui-idp-button .firebaseui-idp-text {
  color: #1D1C2B !important;
  font-feature-settings: "clig" off, "liga" off;
  font-family: var(--font) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 20px !important; /* 142.857% */
}

.firebaseui-idp-button[data-provider-id="microsoft.com"] {
  margin-bottom: 18px !important;
}

.firebaseui .mdl-spinner--single-color .mdl-spinner__layer {
  border-color: var(--color-primary) !important;
}

.firebaseui .mdl-spinner--single-color .mdl-spinner__layer::after,
.firebaseui .mdl-spinner--single-color .mdl-spinner__layer::before {
  border-color: var(--color-primary) !important;
}

.firebaseui .firebaseui-busy-indicator {
  border-color: var(--color-primary) !important;
}

.firebaseui .firebaseui-busy-indicator::after,
.firebaseui .firebaseui-busy-indicator::before {
  border-color: var(--color-primary) !important;
}

.firebaseui-idp-icon {
  width: 21px;
  height: 21px;
}

ngx-datatable {
  width: 100%;
}

/* Style the container of the checkbox */
ngx-datatable .datatable-body-cell input[type=checkbox],
ngx-datatable .datatable-header-cell input[type=checkbox] {
  appearance: none; /* Remove the default checkbox style */
  -webkit-appearance: none; /* For Safari */
  width: 18px; /* Match Material checkbox size */
  height: 18px; /* Match Material checkbox size */
  border: 2px solid rgba(0, 0, 0, 0.54); /* Material border color */
  border-radius: 2px; /* Rounded corners */
  outline: none; /* Remove focus outline */
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff; /* Checkbox background */
  transition: all 0.2s ease-in-out;
}

/* Checkbox hover effect */
ngx-datatable .datatable-body-cell input[type=checkbox]:hover,
ngx-datatable .datatable-header-cell input[type=checkbox]:hover {
  border-color: rgba(0, 0, 0, 0.87); /* Darker border on hover */
}

/* Checkbox checked state */
ngx-datatable .datatable-body-cell input[type=checkbox]:checked,
ngx-datatable .datatable-header-cell input[type=checkbox]:checked{
  background-color: rgb(var(--color-primary));
  border-color: #009688; /* Match background color */
}

ngx-datatable .datatable-body-cell input[type=checkbox]:checked::after,
ngx-datatable .datatable-header-cell input[type=checkbox]:checked::after {
  content: ""; /* Checkmark */
  display: block;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin: 2px auto; /* Center the checkmark */
}

/* Indeterminate state (optional) */
ngx-datatable .datatable-body-cell input[type=checkbox]:indeterminate,
ngx-datatable .datatable-header-cell input[type=checkbox]:indeterminate {
  background-color: rgba(0, 0, 0, 0.54); /* Material indeterminate background */
  border-color: rgba(0, 0, 0, 0.54); /* Match border to background */
}

ngx-datatable .datatable-body-cell input[type=checkbox]:indeterminate::after,
ngx-datatable .datatable-header-cell input[type=checkbox]:indeterminate::after {
  content: ""; /* Horizontal bar for indeterminate state */
  display: block;
  width: 16px;
  height: 16px;
  background-color: white;
  margin: 8px auto; /* Center the bar */
}

ngx-datatable .datatable-body-cell,
ngx-datatable .datatable-header-cell {
  text-align: left; /* Center horizontally */
  vertical-align: middle; /* Center vertically */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Optional: Add padding to avoid overcrowding */
ngx-datatable .datatable-body-cell {
  padding: 8px; /* Adjust as needed */
}

.ngx-datatable .datatable-footer {
  overflow: hidden !important;
}

.rounded-count {
  display: inline-flex;
  min-width: 26px;
  height: 26px;
  padding: 0 8px;
  border-radius: 9999px;
  margin: 0 0 0 2px;
  color: white;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
}

.rounded-count-primary{
  background-color: rgb(var(--color-primary));
  display: inline-flex;
  min-width: 26px;
  height: 26px;
  padding: 0 8px;
  border-radius: 9999px;
  margin: 0 0 0 2px;
  color: white;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
}

.rounded-count-danger{
  background-color: var(--color-danger);
  display: inline-flex;
  min-width: 26px;
  height: 26px;
  padding: 0 8px;
  border-radius: 9999px;
  margin: 0 0 0 2px;
  color: white;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
}

.rounded-count-warning{
  background-color: var(--color-warn);
  display: inline-flex;
  min-width: 26px;
  height: 26px;
  padding: 0 8px;
  border-radius: 9999px;
  margin: 0 0 0 2px;
  color: white;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
}

.bg-gray-extra-light {
  background: #FBFBFB;
}

.text-dark-gray {
  color: rgba(0, 0, 0, 0.6);
}

.bg-blue-light {
  background: rgba(0, 163, 255, 0.1);
}

.text-blue {
  color: #00A3FF;
}

.bg-purple-light {
  background: rgba(104, 101, 255, 0.1);
}

.text-purple {
  color: #6865FF;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/firebaseui/dist/firebaseui.css?ngGlobalStyle (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.mdl-button{background:0 0;border:none;border-radius:2px;color:#000;position:relative;height:36px;margin:0;min-width:64px;padding:0 16px;display:inline-block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1;letter-spacing:0;overflow:hidden;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);outline:0;cursor:pointer;text-decoration:none;text-align:center;line-height:36px;vertical-align:middle}.mdl-button::-moz-focus-inner{border:0}.mdl-button:hover{background-color:rgba(158,158,158,.2)}.mdl-button:focus:not(:active){background-color:rgba(0,0,0,.12)}.mdl-button:active{background-color:rgba(158,158,158,.4)}.mdl-button.mdl-button--colored{color:#3f51b5}.mdl-button.mdl-button--colored:focus:not(:active){background-color:rgba(0,0,0,.12)}input.mdl-button[type=submit]{-webkit-appearance:none}.mdl-button--raised{background:rgba(158,158,158,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-button--raised:active{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background-color:rgba(158,158,158,.4)}.mdl-button--raised:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--raised.mdl-button--colored{background:#3f51b5;color:#fff}.mdl-button--raised.mdl-button--colored:hover{background-color:#3f51b5}.mdl-button--raised.mdl-button--colored:active{background-color:#3f51b5}.mdl-button--raised.mdl-button--colored:focus:not(:active){background-color:#3f51b5}.mdl-button--raised.mdl-button--colored .mdl-ripple{background:#fff}.mdl-button--fab{border-radius:50%;font-size:24px;height:56px;margin:auto;min-width:56px;width:56px;padding:0;overflow:hidden;background:rgba(158,158,158,.2);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);position:relative;line-height:normal}.mdl-button--fab .material-icons{position:absolute;top:50%;left:50%;transform:translate(-12px,-12px);line-height:24px;width:24px}.mdl-button--fab.mdl-button--mini-fab{height:40px;min-width:40px;width:40px}.mdl-button--fab .mdl-button__ripple-container{border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-button--fab:active{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background-color:rgba(158,158,158,.4)}.mdl-button--fab:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--fab.mdl-button--colored{background:#ff4081;color:#fff}.mdl-button--fab.mdl-button--colored:hover{background-color:#ff4081}.mdl-button--fab.mdl-button--colored:focus:not(:active){background-color:#ff4081}.mdl-button--fab.mdl-button--colored:active{background-color:#ff4081}.mdl-button--fab.mdl-button--colored .mdl-ripple{background:#fff}.mdl-button--icon{border-radius:50%;font-size:24px;height:32px;margin-left:0;margin-right:0;min-width:32px;width:32px;padding:0;overflow:hidden;color:inherit;line-height:normal}.mdl-button--icon .material-icons{position:absolute;top:50%;left:50%;transform:translate(-12px,-12px);line-height:24px;width:24px}.mdl-button--icon.mdl-button--mini-icon{height:24px;min-width:24px;width:24px}.mdl-button--icon.mdl-button--mini-icon .material-icons{top:0;left:0}.mdl-button--icon .mdl-button__ripple-container{border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-button__ripple-container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden}.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple{background-color:transparent}.mdl-button--primary.mdl-button--primary{color:#3f51b5}.mdl-button--primary.mdl-button--primary .mdl-ripple{background:#fff}.mdl-button--primary.mdl-button--primary.mdl-button--fab,.mdl-button--primary.mdl-button--primary.mdl-button--raised{color:#fff;background-color:#3f51b5}.mdl-button--accent.mdl-button--accent{color:#ff4081}.mdl-button--accent.mdl-button--accent .mdl-ripple{background:#fff}.mdl-button--accent.mdl-button--accent.mdl-button--fab,.mdl-button--accent.mdl-button--accent.mdl-button--raised{color:#fff;background-color:#ff4081}.mdl-button.mdl-button--disabled.mdl-button--disabled,.mdl-button[disabled][disabled]{color:rgba(0,0,0,.26);cursor:default;background-color:transparent}.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,.mdl-button--fab[disabled][disabled]{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mdl-button--raised.mdl-button--disabled.mdl-button--disabled,.mdl-button--raised[disabled][disabled]{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26);box-shadow:none}.mdl-button--colored.mdl-button--disabled.mdl-button--disabled,.mdl-button--colored[disabled][disabled]{color:rgba(0,0,0,.26)}.mdl-button .material-icons{vertical-align:middle}.mdl-card{display:flex;flex-direction:column;font-size:16px;font-weight:400;min-height:200px;overflow:hidden;width:330px;z-index:1;position:relative;background:#fff;border-radius:2px;box-sizing:border-box}.mdl-card__media{background-color:#ff4081;background-repeat:repeat;background-position:50% 50%;background-size:cover;background-origin:padding-box;background-attachment:scroll;box-sizing:border-box}.mdl-card__title{align-items:center;color:#000;display:block;display:flex;justify-content:stretch;line-height:normal;padding:16px 16px;perspective-origin:165px 56px;transform-origin:165px 56px;box-sizing:border-box}.mdl-card__title.mdl-card--border{border-bottom:1px solid rgba(0,0,0,.1)}.mdl-card__title-text{align-self:flex-end;color:inherit;display:block;display:flex;font-size:24px;font-weight:300;line-height:normal;overflow:hidden;transform-origin:149px 48px;margin:0}.mdl-card__subtitle-text{font-size:14px;color:rgba(0,0,0,.54);margin:0}.mdl-card__supporting-text{color:rgba(0,0,0,.54);font-size:1rem;line-height:18px;overflow:hidden;padding:16px 16px;width:90%}.mdl-card__supporting-text.mdl-card--border{border-bottom:1px solid rgba(0,0,0,.1)}.mdl-card__actions{font-size:16px;line-height:normal;width:100%;background-color:rgba(0,0,0,0);padding:8px;box-sizing:border-box}.mdl-card__actions.mdl-card--border{border-top:1px solid rgba(0,0,0,.1)}.mdl-card--expand{flex-grow:1}.mdl-card__menu{position:absolute;right:16px;top:16px}.mdl-dialog{border:none;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2);width:280px}.mdl-dialog__title{padding:24px 24px 0;margin:0;font-size:2.5rem}.mdl-dialog__actions{padding:8px 8px 8px 24px;display:flex;flex-direction:row-reverse;flex-wrap:wrap}.mdl-dialog__actions>*{margin-right:8px;height:36px}.mdl-dialog__actions>:first-child{margin-right:0}.mdl-dialog__actions--full-width{padding:0 0 8px 0}.mdl-dialog__actions--full-width>*{height:48px;flex:0 0 100%;padding-right:16px;margin-right:0;text-align:right}.mdl-dialog__content{padding:20px 24px 24px 24px;color:rgba(0,0,0,.54)}.mdl-progress{display:block;position:relative;height:4px;width:500px;max-width:100%}.mdl-progress>.bar{display:block;position:absolute;top:0;bottom:0;width:0%;transition:width .2s cubic-bezier(.4,0,.2,1)}.mdl-progress>.progressbar{background-color:#3f51b5;z-index:1;left:0}.mdl-progress>.bufferbar{background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#3f51b5,#3f51b5);z-index:0;left:0}.mdl-progress>.auxbar{right:0}@supports (-webkit-appearance:none){.mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate)>.auxbar,.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#3f51b5,#3f51b5);mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)}}.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.9),rgba(255,255,255,.9)),linear-gradient(to right,#3f51b5,#3f51b5)}.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1{background-color:#3f51b5;animation-name:indeterminate1;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.mdl-progress.mdl-progress--indeterminate>.bar3,.mdl-progress.mdl-progress__indeterminate>.bar3{background-image:none;background-color:#3f51b5;animation-name:indeterminate2;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes indeterminate1{0%{left:0;width:0%}50%{left:25%;width:75%}75%{left:100%;width:0%}}@keyframes indeterminate2{0%{left:0;width:0%}50%{left:0;width:0%}75%{left:0;width:25%}100%{left:100%;width:0%}}.mdl-shadow--2dp{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-shadow--3dp{box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}.mdl-shadow--4dp{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}.mdl-shadow--6dp{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.mdl-shadow--8dp{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.mdl-shadow--16dp{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}.mdl-shadow--24dp{box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)}.mdl-spinner{display:inline-block;position:relative;width:28px;height:28px}.mdl-spinner:not(.is-upgraded).is-active:after{content:"Loading..."}.mdl-spinner.is-upgraded.is-active{animation:mdl-spinner__container-rotate 1.568s linear infinite}@keyframes mdl-spinner__container-rotate{to{transform:rotate(360deg)}}.mdl-spinner__layer{position:absolute;width:100%;height:100%;opacity:0}.mdl-spinner__layer-1{border-color:#42a5f5}.mdl-spinner--single-color .mdl-spinner__layer-1{border-color:#3f51b5}.mdl-spinner.is-active .mdl-spinner__layer-1{animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdl-spinner__layer-2{border-color:#f44336}.mdl-spinner--single-color .mdl-spinner__layer-2{border-color:#3f51b5}.mdl-spinner.is-active .mdl-spinner__layer-2{animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdl-spinner__layer-3{border-color:#fdd835}.mdl-spinner--single-color .mdl-spinner__layer-3{border-color:#3f51b5}.mdl-spinner.is-active .mdl-spinner__layer-3{animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdl-spinner__layer-4{border-color:#4caf50}.mdl-spinner--single-color .mdl-spinner__layer-4{border-color:#3f51b5}.mdl-spinner.is-active .mdl-spinner__layer-4{animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}@keyframes mdl-spinner__fill-unfill-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(1080deg)}}@keyframes mdl-spinner__layer-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}100%{opacity:.99}}@keyframes mdl-spinner__layer-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}}@keyframes mdl-spinner__layer-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}}@keyframes mdl-spinner__layer-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}100%{opacity:0}}.mdl-spinner__gap-patch{position:absolute;box-sizing:border-box;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.mdl-spinner__gap-patch .mdl-spinner__circle{width:1000%;left:-450%}.mdl-spinner__circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.mdl-spinner__circle-clipper.mdl-spinner__left{float:left}.mdl-spinner__circle-clipper.mdl-spinner__right{float:right}.mdl-spinner__circle-clipper .mdl-spinner__circle{width:200%}.mdl-spinner__circle{box-sizing:border-box;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent!important;border-radius:50%;animation:none;position:absolute;top:0;right:0;bottom:0;left:0}.mdl-spinner__left .mdl-spinner__circle{border-right-color:transparent!important;transform:rotate(129deg)}.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle{animation:mdl-spinner__left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.mdl-spinner__right .mdl-spinner__circle{left:-100%;border-left-color:transparent!important;transform:rotate(-129deg)}.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle{animation:mdl-spinner__right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}@keyframes mdl-spinner__left-spin{from{transform:rotate(130deg)}50%{transform:rotate(-5deg)}to{transform:rotate(130deg)}}@keyframes mdl-spinner__right-spin{from{transform:rotate(-130deg)}50%{transform:rotate(5deg)}to{transform:rotate(-130deg)}}.mdl-textfield{position:relative;font-size:16px;display:inline-block;box-sizing:border-box;width:300px;max-width:100%;margin:0;padding:20px 0}.mdl-textfield .mdl-button{position:absolute;bottom:20px}.mdl-textfield--align-right{text-align:right}.mdl-textfield--full-width{width:100%}.mdl-textfield--expandable{min-width:32px;width:auto;min-height:32px}.mdl-textfield--expandable .mdl-button--icon{top:16px}.mdl-textfield__input{border:none;border-bottom:1px solid rgba(0,0,0,.12);display:block;font-size:16px;font-family:Helvetica,Arial,sans-serif;margin:0;padding:4px 0;width:100%;background:0 0;text-align:left;color:inherit}.mdl-textfield__input[type=number]{-moz-appearance:textfield}.mdl-textfield__input[type=number]::-webkit-inner-spin-button,.mdl-textfield__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mdl-textfield.is-focused .mdl-textfield__input{outline:0}.mdl-textfield.is-invalid .mdl-textfield__input{border-color:#d50000;box-shadow:none}.mdl-textfield.is-disabled .mdl-textfield__input,fieldset[disabled] .mdl-textfield .mdl-textfield__input{background-color:transparent;border-bottom:1px dotted rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mdl-textfield textarea.mdl-textfield__input{display:block}.mdl-textfield__label{bottom:0;color:rgba(0,0,0,.26);font-size:16px;left:0;right:0;pointer-events:none;position:absolute;display:block;top:24px;width:100%;overflow:hidden;white-space:nowrap;text-align:left}.mdl-textfield.has-placeholder .mdl-textfield__label,.mdl-textfield.is-dirty .mdl-textfield__label{visibility:hidden}.mdl-textfield--floating-label .mdl-textfield__label{transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{transition:none}.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,fieldset[disabled] .mdl-textfield .mdl-textfield__label{color:rgba(0,0,0,.26)}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.is-focused .mdl-textfield__label{color:#3f51b5;font-size:12px;top:4px;visibility:visible}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label{top:-16px}.mdl-textfield--floating-label.is-invalid .mdl-textfield__label{color:#d50000;font-size:12px}.mdl-textfield__label:after{background-color:#3f51b5;bottom:20px;content:"";height:2px;left:45%;position:absolute;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;width:10px}.mdl-textfield.is-focused .mdl-textfield__label:after{left:0;visibility:visible;width:100%}.mdl-textfield.is-invalid .mdl-textfield__label:after{background-color:#d50000}.mdl-textfield__error{color:#d50000;position:absolute;font-size:12px;margin-top:3px;visibility:hidden;display:block}.mdl-textfield.is-invalid .mdl-textfield__error{visibility:visible}.mdl-textfield__expandable-holder{position:relative;margin-left:32px;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;max-width:.1px}.mdl-textfield.is-dirty .mdl-textfield__expandable-holder,.mdl-textfield.is-focused .mdl-textfield__expandable-holder{max-width:600px}.mdl-textfield__expandable-holder .mdl-textfield__label:after{bottom:0}dialog{position:absolute;left:0;right:0;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:auto;border:solid;padding:1em;background:#fff;color:#000;display:block}dialog:not([open]){display:none}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.1)}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}dialog.fixed{position:fixed;top:50%;transform:translate(0,-50%)}.firebaseui-container{background-color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:rgba(0,0,0,.87);direction:ltr;font:16px Roboto,arial,sans-serif;margin:0 auto;max-width:360px;overflow:visible;position:relative;text-align:left;width:100%}.firebaseui-container.mdl-card{overflow:visible}.firebaseui-card-header{padding:24px 24px 0 24px}.firebaseui-card-content{padding:0 24px}.firebaseui-card-footer{padding:0 24px}.firebaseui-card-actions{box-sizing:border-box;display:table;font-size:14px;padding:8px 24px 24px 24px;text-align:left;width:100%}.firebaseui-form-links{display:table-cell;vertical-align:middle;width:100%}.firebaseui-form-actions{display:table-cell;text-align:right;white-space:nowrap;width:100%}.firebaseui-subtitle,.firebaseui-title{color:rgba(0,0,0,.87);direction:ltr;font-size:20px;font-weight:500;line-height:24px;margin:0;padding:0;text-align:left}.firebaseui-title{padding-bottom:16px}.firebaseui-subtitle{margin:16px 0}.firebaseui-text{color:rgba(0,0,0,.87);direction:ltr;font-size:16px;line-height:24px;text-align:left}.firebaseui-id-page-password-recovery-email-sent p.firebaseui-text{margin:16px 0}.firebaseui-text-emphasis{font-weight:700}.firebaseui-error{color:#dd2c00;direction:ltr;font-size:12px;line-height:16px;margin:0;text-align:left}.firebaseui-text-input-error{margin:-16px 0 16px}.firebaseui-error-wrapper{min-height:16px}.firebaseui-list-item{direction:ltr;margin:0;padding:0;text-align:left}.firebaseui-hidden{display:none}.firebaseui-relative-wrapper{position:relative}.firebaseui-label{color:rgba(0,0,0,.54);direction:ltr;font-size:16px;text-align:left}.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.is-focused .mdl-textfield__label{color:#757575}.firebaseui-input,.firebaseui-input-invalid{border-radius:0;color:rgba(0,0,0,.87);direction:ltr;font-size:16px;width:100%}input.firebaseui-input,input.firebaseui-input-invalid{direction:ltr;text-align:left}.firebaseui-input-invalid{border-color:#dd2c00}.firebaseui-textfield{width:100%}.firebaseui-textfield.mdl-textfield .firebaseui-input{border-color:rgba(0,0,0,.12)}.firebaseui-textfield.mdl-textfield .firebaseui-label::after{background-color:#3f51b5}.firebaseui-textfield-invalid.mdl-textfield .firebaseui-input{border-color:#dd2c00}.firebaseui-textfield-invalid.mdl-textfield .firebaseui-label::after{background-color:#dd2c00}.firebaseui-button{display:inline-block;height:36px;margin-left:8px;min-width:88px}.firebaseui-link{color:#4285f4;font-variant:normal;font-weight:400;text-decoration:none}.firebaseui-link:hover{text-decoration:underline}.firebaseui-indent{margin-left:1em}.firebaseui-tos{color:#757575;direction:ltr;font-size:12px;line-height:16px;margin-bottom:24px;margin-top:0;text-align:left}.firebaseui-provider-sign-in-footer>.firebaseui-tos{text-align:center}.firebaseui-tos-list{list-style:none;text-align:right}.firebaseui-inline-list-item{display:inline-block;margin-left:5px;margin-right:5px}.firebaseui-page-provider-sign-in,.firebaseui-page-select-tenant{background:inherit}.firebaseui-idp-list,.firebaseui-tenant-list{list-style:none;margin:1em 0;padding:0}.firebaseui-idp-button,.firebaseui-tenant-button{direction:ltr;font-weight:500;height:auto;line-height:normal;max-width:220px;min-height:40px;padding:8px 16px;text-align:left;width:100%}.firebaseui-idp-list>.firebaseui-list-item,.firebaseui-tenant-list>.firebaseui-list-item{margin-bottom:15px;text-align:center}.firebaseui-idp-icon-wrapper{display:table-cell;vertical-align:middle}.firebaseui-idp-icon{border:none;display:inline-block;height:18px;vertical-align:middle;width:18px}.firebaseui-idp-favicon{border:none;display:inline-block;height:14px;margin-right:5px;vertical-align:middle;width:14px}.firebaseui-idp-text{color:#fff;display:table-cell;font-size:14px;padding-left:16px;text-transform:none;vertical-align:middle}.firebaseui-idp-text.firebaseui-idp-text-long{display:table-cell}.firebaseui-idp-text.firebaseui-idp-text-short{display:none}@media (max-width:268px){.firebaseui-idp-text.firebaseui-idp-text-long{display:none}.firebaseui-idp-text.firebaseui-idp-text-short{display:table-cell}}@media (max-width:320px){.firebaseui-recaptcha-container>div>div{transform:scale(.9);-webkit-transform:scale(.9);transform-origin:0 0;-webkit-transform-origin:0 0}}.firebaseui-idp-google>.firebaseui-idp-text{color:#757575}[data-provider-id="yahoo.com"]>.firebaseui-idp-icon-wrapper>.firebaseui-idp-icon{height:22px;width:22px}.firebaseui-info-bar{background-color:#f9edbe;border:1px solid #f0c36d;box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);left:10%;padding:8px 16px;position:absolute;right:10%;text-align:center;top:0}.firebaseui-info-bar-message{font-size:12px;margin:0}.firebaseui-dialog{box-sizing:border-box;color:rgba(0,0,0,.87);font:16px Roboto,arial,sans-serif;height:auto;max-height:-moz-fit-content;max-height:fit-content;padding:24px;text-align:left}.firebaseui-dialog-icon-wrapper{display:table-cell;vertical-align:middle}.firebaseui-dialog-icon{float:left;height:40px;margin-right:24px;width:40px}.firebaseui-progress-dialog-message{display:table-cell;font-size:16px;font-weight:400;min-height:40px;vertical-align:middle}.firebaseui-progress-dialog-loading-icon{height:28px;margin:6px 30px 6px 6px;width:28px}.firebaseui-icon-done{background-image:url(https://www.gstatic.com/images/icons/material/system/2x/done_googgreen_36dp.png);background-position:center;background-repeat:no-repeat;background-size:36px 36px}.firebaseui-phone-number{display:flex}.firebaseui-country-selector{background-image:url(https://www.gstatic.com/images/icons/material/system/1x/arrow_drop_down_grey600_18dp.png);background-position:right center;background-repeat:no-repeat;background-size:18px auto;border-radius:0;border-bottom:1px solid rgba(0,0,0,.12);color:rgba(0,0,0,.87);flex-shrink:0;font-size:16px;font-weight:400;height:initial;line-height:normal;margin:20px 24px 20px 0;padding:4px 20px 4px 0;width:90px}.firebaseui-country-selector-flag{display:inline-block;margin-right:1ex}.firebaseui-flag{background-image:url(https://www.gstatic.com/firebasejs/ui/2.0.0/images/auth/flags_sprite_2x.png);background-size:100% auto;filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, .54));height:14px;width:24px}.firebaseui-list-box-dialog{max-height:90%;overflow:auto;padding:8px 0 0 0}.firebaseui-list-box-actions{padding-bottom:8px}.firebaseui-list-box-icon-wrapper{display:table-cell;padding-right:24px;vertical-align:top}.firebaseui-list-box-label-wrapper{display:table-cell;vertical-align:top}.firebaseui-list-box-dialog-button{color:rgba(0,0,0,.87);direction:ltr;font-size:16px;font-weight:400;height:initial;line-height:normal;min-height:48px;padding:14px 24px;text-align:left;text-transform:none;width:100%}.firebaseui-phone-number-error{margin-left:114px}.mdl-progress.firebaseui-busy-indicator{height:2px;left:0;position:absolute;top:55px;width:100%}.mdl-spinner.firebaseui-busy-indicator{direction:initial;height:56px;left:0;margin:auto;position:absolute;right:0;top:30%;width:56px}.firebaseui-callback-indicator-container .firebaseui-busy-indicator{top:0}.firebaseui-callback-indicator-container{height:120px}.firebaseui-new-password-component{display:inline-block;position:relative;width:100%}.firebaseui-input-floating-button{background-position:center;background-repeat:no-repeat;display:block;height:24px;position:absolute;right:0;top:20px;width:24px}.firebaseui-input-toggle-on{background-image:url(https://www.gstatic.com/images/icons/material/system/1x/visibility_black_24dp.png)}.firebaseui-input-toggle-off{background-image:url(https://www.gstatic.com/images/icons/material/system/1x/visibility_off_black_24dp.png)}.firebaseui-input-toggle-focus{opacity:.87}.firebaseui-input-toggle-blur{opacity:.38}.firebaseui-recaptcha-wrapper{display:table;margin:0 auto;padding-bottom:8px}.firebaseui-recaptcha-container{display:table-cell}.firebaseui-recaptcha-error-wrapper{caption-side:bottom;display:table-caption}.firebaseui-change-phone-number-link{display:block}.firebaseui-resend-container{direction:ltr;margin:20px 0;text-align:center}.firebaseui-id-resend-countdown{color:rgba(0,0,0,.38)}.firebaseui-id-page-phone-sign-in-start .firebaseui-form-actions div{float:left}@media (max-width:480px){.firebaseui-container{box-shadow:none;max-width:none;width:100%}.firebaseui-card-header{border-bottom:1px solid #e0e0e0;margin-bottom:16px;padding:16px 24px 0 24px}.firebaseui-title{padding-bottom:16px}.firebaseui-card-actions{padding-right:24px}.firebaseui-busy-indicator{top:0}}.mdl-textfield__label{font-weight:400;margin-bottom:0}.firebaseui-id-page-blank{background:inherit;height:64px}.firebaseui-id-page-spinner{background:inherit;height:64px}.firebaseui-email-sent{background-image:url(https://www.gstatic.com/firebasejs/ui/2.0.0/images/auth/success_status.png);background-position:center;background-repeat:no-repeat;background-size:64px 64px;height:64px;margin-top:16px;text-align:center}.firebaseui-text-justify{text-align:justify}.firebaseui-flag-KY{background-position:0 0}.firebaseui-flag-AC{background-position:0 -14px}.firebaseui-flag-AE{background-position:0 -28px}.firebaseui-flag-AF{background-position:0 -42px}.firebaseui-flag-AG{background-position:0 -56px}.firebaseui-flag-AI{background-position:0 -70px}.firebaseui-flag-AL{background-position:0 -84px}.firebaseui-flag-AM{background-position:0 -98px}.firebaseui-flag-AO{background-position:0 -112px}.firebaseui-flag-AQ{background-position:0 -126px}.firebaseui-flag-AR{background-position:0 -140px}.firebaseui-flag-AS{background-position:0 -154px}.firebaseui-flag-AT{background-position:0 -168px}.firebaseui-flag-AU{background-position:0 -182px}.firebaseui-flag-AW{background-position:0 -196px}.firebaseui-flag-AX{background-position:0 -210px}.firebaseui-flag-AZ{background-position:0 -224px}.firebaseui-flag-BA{background-position:0 -238px}.firebaseui-flag-BB{background-position:0 -252px}.firebaseui-flag-BD{background-position:0 -266px}.firebaseui-flag-BE{background-position:0 -280px}.firebaseui-flag-BF{background-position:0 -294px}.firebaseui-flag-BG{background-position:0 -308px}.firebaseui-flag-BH{background-position:0 -322px}.firebaseui-flag-BI{background-position:0 -336px}.firebaseui-flag-BJ{background-position:0 -350px}.firebaseui-flag-BL{background-position:0 -364px}.firebaseui-flag-BM{background-position:0 -378px}.firebaseui-flag-BN{background-position:0 -392px}.firebaseui-flag-BO{background-position:0 -406px}.firebaseui-flag-BQ{background-position:0 -420px}.firebaseui-flag-BR{background-position:0 -434px}.firebaseui-flag-BS{background-position:0 -448px}.firebaseui-flag-BT{background-position:0 -462px}.firebaseui-flag-BV{background-position:0 -476px}.firebaseui-flag-BW{background-position:0 -490px}.firebaseui-flag-BY{background-position:0 -504px}.firebaseui-flag-BZ{background-position:0 -518px}.firebaseui-flag-CA{background-position:0 -532px}.firebaseui-flag-CC{background-position:0 -546px}.firebaseui-flag-CD{background-position:0 -560px}.firebaseui-flag-CF{background-position:0 -574px}.firebaseui-flag-CG{background-position:0 -588px}.firebaseui-flag-CH{background-position:0 -602px}.firebaseui-flag-CI{background-position:0 -616px}.firebaseui-flag-CK{background-position:0 -630px}.firebaseui-flag-CL{background-position:0 -644px}.firebaseui-flag-CM{background-position:0 -658px}.firebaseui-flag-CN{background-position:0 -672px}.firebaseui-flag-CO{background-position:0 -686px}.firebaseui-flag-CP{background-position:0 -700px}.firebaseui-flag-CR{background-position:0 -714px}.firebaseui-flag-CU{background-position:0 -728px}.firebaseui-flag-CV{background-position:0 -742px}.firebaseui-flag-CW{background-position:0 -756px}.firebaseui-flag-CX{background-position:0 -770px}.firebaseui-flag-CY{background-position:0 -784px}.firebaseui-flag-CZ{background-position:0 -798px}.firebaseui-flag-DE{background-position:0 -812px}.firebaseui-flag-DG{background-position:0 -826px}.firebaseui-flag-DJ{background-position:0 -840px}.firebaseui-flag-DK{background-position:0 -854px}.firebaseui-flag-DM{background-position:0 -868px}.firebaseui-flag-DO{background-position:0 -882px}.firebaseui-flag-DZ{background-position:0 -896px}.firebaseui-flag-EA{background-position:0 -910px}.firebaseui-flag-EC{background-position:0 -924px}.firebaseui-flag-EE{background-position:0 -938px}.firebaseui-flag-EG{background-position:0 -952px}.firebaseui-flag-EH{background-position:0 -966px}.firebaseui-flag-ER{background-position:0 -980px}.firebaseui-flag-ES{background-position:0 -994px}.firebaseui-flag-ET{background-position:0 -1008px}.firebaseui-flag-EU{background-position:0 -1022px}.firebaseui-flag-FI{background-position:0 -1036px}.firebaseui-flag-FJ{background-position:0 -1050px}.firebaseui-flag-FK{background-position:0 -1064px}.firebaseui-flag-FM{background-position:0 -1078px}.firebaseui-flag-FO{background-position:0 -1092px}.firebaseui-flag-FR{background-position:0 -1106px}.firebaseui-flag-GA{background-position:0 -1120px}.firebaseui-flag-GB{background-position:0 -1134px}.firebaseui-flag-GD{background-position:0 -1148px}.firebaseui-flag-GE{background-position:0 -1162px}.firebaseui-flag-GF{background-position:0 -1176px}.firebaseui-flag-GG{background-position:0 -1190px}.firebaseui-flag-GH{background-position:0 -1204px}.firebaseui-flag-GI{background-position:0 -1218px}.firebaseui-flag-GL{background-position:0 -1232px}.firebaseui-flag-GM{background-position:0 -1246px}.firebaseui-flag-GN{background-position:0 -1260px}.firebaseui-flag-GP{background-position:0 -1274px}.firebaseui-flag-GQ{background-position:0 -1288px}.firebaseui-flag-GR{background-position:0 -1302px}.firebaseui-flag-GS{background-position:0 -1316px}.firebaseui-flag-GT{background-position:0 -1330px}.firebaseui-flag-GU{background-position:0 -1344px}.firebaseui-flag-GW{background-position:0 -1358px}.firebaseui-flag-GY{background-position:0 -1372px}.firebaseui-flag-HK{background-position:0 -1386px}.firebaseui-flag-HM{background-position:0 -1400px}.firebaseui-flag-HN{background-position:0 -1414px}.firebaseui-flag-HR{background-position:0 -1428px}.firebaseui-flag-HT{background-position:0 -1442px}.firebaseui-flag-HU{background-position:0 -1456px}.firebaseui-flag-IC{background-position:0 -1470px}.firebaseui-flag-ID{background-position:0 -1484px}.firebaseui-flag-IE{background-position:0 -1498px}.firebaseui-flag-IL{background-position:0 -1512px}.firebaseui-flag-IM{background-position:0 -1526px}.firebaseui-flag-IN{background-position:0 -1540px}.firebaseui-flag-IO{background-position:0 -1554px}.firebaseui-flag-IQ{background-position:0 -1568px}.firebaseui-flag-IR{background-position:0 -1582px}.firebaseui-flag-IS{background-position:0 -1596px}.firebaseui-flag-IT{background-position:0 -1610px}.firebaseui-flag-JE{background-position:0 -1624px}.firebaseui-flag-JM{background-position:0 -1638px}.firebaseui-flag-JO{background-position:0 -1652px}.firebaseui-flag-JP{background-position:0 -1666px}.firebaseui-flag-KE{background-position:0 -1680px}.firebaseui-flag-KG{background-position:0 -1694px}.firebaseui-flag-KH{background-position:0 -1708px}.firebaseui-flag-KI{background-position:0 -1722px}.firebaseui-flag-KM{background-position:0 -1736px}.firebaseui-flag-KN{background-position:0 -1750px}.firebaseui-flag-KP{background-position:0 -1764px}.firebaseui-flag-KR{background-position:0 -1778px}.firebaseui-flag-KW{background-position:0 -1792px}.firebaseui-flag-AD{background-position:0 -1806px}.firebaseui-flag-KZ{background-position:0 -1820px}.firebaseui-flag-LA{background-position:0 -1834px}.firebaseui-flag-LB{background-position:0 -1848px}.firebaseui-flag-LC{background-position:0 -1862px}.firebaseui-flag-LI{background-position:0 -1876px}.firebaseui-flag-LK{background-position:0 -1890px}.firebaseui-flag-LR{background-position:0 -1904px}.firebaseui-flag-LS{background-position:0 -1918px}.firebaseui-flag-LT{background-position:0 -1932px}.firebaseui-flag-LU{background-position:0 -1946px}.firebaseui-flag-LV{background-position:0 -1960px}.firebaseui-flag-LY{background-position:0 -1974px}.firebaseui-flag-MA{background-position:0 -1988px}.firebaseui-flag-MC{background-position:0 -2002px}.firebaseui-flag-MD{background-position:0 -2016px}.firebaseui-flag-ME{background-position:0 -2030px}.firebaseui-flag-MF{background-position:0 -2044px}.firebaseui-flag-MG{background-position:0 -2058px}.firebaseui-flag-MH{background-position:0 -2072px}.firebaseui-flag-MK{background-position:0 -2086px}.firebaseui-flag-ML{background-position:0 -2100px}.firebaseui-flag-MM{background-position:0 -2114px}.firebaseui-flag-MN{background-position:0 -2128px}.firebaseui-flag-MO{background-position:0 -2142px}.firebaseui-flag-MP{background-position:0 -2156px}.firebaseui-flag-MQ{background-position:0 -2170px}.firebaseui-flag-MR{background-position:0 -2184px}.firebaseui-flag-MS{background-position:0 -2198px}.firebaseui-flag-MT{background-position:0 -2212px}.firebaseui-flag-MU{background-position:0 -2226px}.firebaseui-flag-MV{background-position:0 -2240px}.firebaseui-flag-MW{background-position:0 -2254px}.firebaseui-flag-MX{background-position:0 -2268px}.firebaseui-flag-MY{background-position:0 -2282px}.firebaseui-flag-MZ{background-position:0 -2296px}.firebaseui-flag-NA{background-position:0 -2310px}.firebaseui-flag-NC{background-position:0 -2324px}.firebaseui-flag-NE{background-position:0 -2338px}.firebaseui-flag-NF{background-position:0 -2352px}.firebaseui-flag-NG{background-position:0 -2366px}.firebaseui-flag-NI{background-position:0 -2380px}.firebaseui-flag-NL{background-position:0 -2394px}.firebaseui-flag-NO{background-position:0 -2408px}.firebaseui-flag-NP{background-position:0 -2422px}.firebaseui-flag-NR{background-position:0 -2436px}.firebaseui-flag-NU{background-position:0 -2450px}.firebaseui-flag-NZ{background-position:0 -2464px}.firebaseui-flag-OM{background-position:0 -2478px}.firebaseui-flag-PA{background-position:0 -2492px}.firebaseui-flag-PE{background-position:0 -2506px}.firebaseui-flag-PF{background-position:0 -2520px}.firebaseui-flag-PG{background-position:0 -2534px}.firebaseui-flag-PH{background-position:0 -2548px}.firebaseui-flag-PK{background-position:0 -2562px}.firebaseui-flag-PL{background-position:0 -2576px}.firebaseui-flag-PM{background-position:0 -2590px}.firebaseui-flag-PN{background-position:0 -2604px}.firebaseui-flag-PR{background-position:0 -2618px}.firebaseui-flag-PS{background-position:0 -2632px}.firebaseui-flag-PT{background-position:0 -2646px}.firebaseui-flag-PW{background-position:0 -2660px}.firebaseui-flag-PY{background-position:0 -2674px}.firebaseui-flag-QA{background-position:0 -2688px}.firebaseui-flag-RE{background-position:0 -2702px}.firebaseui-flag-RO{background-position:0 -2716px}.firebaseui-flag-RS{background-position:0 -2730px}.firebaseui-flag-RU{background-position:0 -2744px}.firebaseui-flag-RW{background-position:0 -2758px}.firebaseui-flag-SA{background-position:0 -2772px}.firebaseui-flag-SB{background-position:0 -2786px}.firebaseui-flag-SC{background-position:0 -2800px}.firebaseui-flag-SD{background-position:0 -2814px}.firebaseui-flag-SE{background-position:0 -2828px}.firebaseui-flag-SG{background-position:0 -2842px}.firebaseui-flag-SH{background-position:0 -2856px}.firebaseui-flag-SI{background-position:0 -2870px}.firebaseui-flag-SJ{background-position:0 -2884px}.firebaseui-flag-SK{background-position:0 -2898px}.firebaseui-flag-SL{background-position:0 -2912px}.firebaseui-flag-SM{background-position:0 -2926px}.firebaseui-flag-SN{background-position:0 -2940px}.firebaseui-flag-SO{background-position:0 -2954px}.firebaseui-flag-SR{background-position:0 -2968px}.firebaseui-flag-SS{background-position:0 -2982px}.firebaseui-flag-ST{background-position:0 -2996px}.firebaseui-flag-SV{background-position:0 -3010px}.firebaseui-flag-SX{background-position:0 -3024px}.firebaseui-flag-SY{background-position:0 -3038px}.firebaseui-flag-SZ{background-position:0 -3052px}.firebaseui-flag-TA{background-position:0 -3066px}.firebaseui-flag-TC{background-position:0 -3080px}.firebaseui-flag-TD{background-position:0 -3094px}.firebaseui-flag-TF{background-position:0 -3108px}.firebaseui-flag-TG{background-position:0 -3122px}.firebaseui-flag-TH{background-position:0 -3136px}.firebaseui-flag-TJ{background-position:0 -3150px}.firebaseui-flag-TK{background-position:0 -3164px}.firebaseui-flag-TL{background-position:0 -3178px}.firebaseui-flag-TM{background-position:0 -3192px}.firebaseui-flag-TN{background-position:0 -3206px}.firebaseui-flag-TO{background-position:0 -3220px}.firebaseui-flag-TR{background-position:0 -3234px}.firebaseui-flag-TT{background-position:0 -3248px}.firebaseui-flag-TV{background-position:0 -3262px}.firebaseui-flag-TW{background-position:0 -3276px}.firebaseui-flag-TZ{background-position:0 -3290px}.firebaseui-flag-UA{background-position:0 -3304px}.firebaseui-flag-UG{background-position:0 -3318px}.firebaseui-flag-UM{background-position:0 -3332px}.firebaseui-flag-UN{background-position:0 -3346px}.firebaseui-flag-US{background-position:0 -3360px}.firebaseui-flag-UY{background-position:0 -3374px}.firebaseui-flag-UZ{background-position:0 -3388px}.firebaseui-flag-VA{background-position:0 -3402px}.firebaseui-flag-VC{background-position:0 -3416px}.firebaseui-flag-VE{background-position:0 -3430px}.firebaseui-flag-VG{background-position:0 -3444px}.firebaseui-flag-VI{background-position:0 -3458px}.firebaseui-flag-VN{background-position:0 -3472px}.firebaseui-flag-VU{background-position:0 -3486px}.firebaseui-flag-WF{background-position:0 -3500px}.firebaseui-flag-WS{background-position:0 -3514px}.firebaseui-flag-XK{background-position:0 -3528px}.firebaseui-flag-YE{background-position:0 -3542px}.firebaseui-flag-YT{background-position:0 -3556px}.firebaseui-flag-ZA{background-position:0 -3570px}.firebaseui-flag-ZM{background-position:0 -3584px}.firebaseui-flag-ZW{background-position:0 -3598px}

/*# sourceMappingURL=styles.css.map*/