/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;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 ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*, ::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(var(--color-blue-500) / 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(var(--color-blue-500) / 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.19 | 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 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: "Inter var", Inter, -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::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: rgb(var(--color-gray-400)); /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: rgb(var(--color-gray-400)); /* 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 {
  box-sizing: content-box;
  line-height: 1.5;
}
button:focus {
  outline: medium none invert !important;
  outline: initial !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), 0.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 .\!visible {
  visibility: visible !important;
}
:root .visible {
  visibility: visible;
}
:root .collapse {
  visibility: collapse;
}
:root .static {
  position: static;
}
:root .fixed {
  position: fixed;
}
:root .\!absolute {
  position: absolute !important;
}
:root .absolute {
  position: absolute;
}
:root .relative {
  position: relative;
}
:root .sticky {
  position: sticky;
}
:root .inset-0 {
  inset: 0px;
}
:root .-right-3 {
  right: -0.75rem;
}
:root .-top-3 {
  top: -0.75rem;
}
:root .left-0 {
  left: 0px;
}
:root .left-2 {
  left: 0.5rem;
}
:root .right-2 {
  right: 0.5rem;
}
:root .top-0 {
  top: 0px;
}
:root .top-1\/2 {
  top: 50%;
}
:root .top-12 {
  top: 3rem;
}
:root .top-2 {
  top: 0.5rem;
}
:root .z-10 {
  z-index: 10;
}
:root .z-40 {
  z-index: 40;
}
:root .order-1 {
  order: 1;
}
:root .order-2 {
  order: 2;
}
:root .col-span-1 {
  grid-column: span 1 / span 1;
}
: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 .-m-6 {
  margin: -1.5rem;
}
:root .m-0 {
  margin: 0px;
}
:root .m-2 {
  margin: 0.5rem;
}
:root .mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
:root .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
:root .my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
:root .mb-0 {
  margin-bottom: 0px;
}
:root .mb-1 {
  margin-bottom: 0.25rem;
}
: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-\[24px\] {
  margin-bottom: 24px;
}
:root .ml-0 {
  margin-left: 0px;
}
:root .ml-1 {
  margin-left: 0.25rem;
}
:root .ml-2 {
  margin-left: 0.5rem;
}
:root .ml-4 {
  margin-left: 1rem;
}
:root .ml-auto {
  margin-left: auto;
}
:root .mr-0 {
  margin-right: 0px;
}
:root .mr-1 {
  margin-right: 0.25rem;
}
:root .mr-2 {
  margin-right: 0.5rem;
}
:root .mr-3 {
  margin-right: 0.75rem;
}
:root .mr-4 {
  margin-right: 1rem;
}
:root .mt-0 {
  margin-top: 0px;
}
:root .mt-0\.5 {
  margin-top: 0.125rem;
}
: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 .mt-\[12px\] {
  margin-top: 12px;
}
:root .mt-\[16px\] {
  margin-top: 16px;
}
:root .mt-\[20px\] {
  margin-top: 20px;
}
:root .mt-\[24px\] {
  margin-top: 24px;
}
: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 .table-row {
  display: table-row;
}
:root .grid {
  display: grid;
}
:root .hidden {
  display: none;
}
:root .aspect-\[3\/4\] {
  aspect-ratio: 3/4;
}
:root .\!h-10 {
  height: 2.5rem !important;
}
:root .h-1 {
  height: 0.25rem;
}
:root .h-1\.5 {
  height: 0.375rem;
}
:root .h-10 {
  height: 2.5rem;
}
:root .h-11 {
  height: 2.75rem;
}
:root .h-12 {
  height: 3rem;
}
:root .h-16 {
  height: 4rem;
}
:root .h-2 {
  height: 0.5rem;
}
:root .h-20 {
  height: 5rem;
}
:root .h-3 {
  height: 0.75rem;
}
:root .h-4 {
  height: 1rem;
}
:root .h-5 {
  height: 1.25rem;
}
:root .h-6 {
  height: 1.5rem;
}
:root .h-8 {
  height: 2rem;
}
:root .h-9 {
  height: 2.25rem;
}
:root .h-\[0\.8rem\] {
  height: 0.8rem;
}
:root .h-\[3rem\] {
  height: 3rem;
}
:root .h-full {
  height: 100%;
}
:root .max-h-96 {
  max-height: 24rem;
}
:root .max-h-\[70vh\] {
  max-height: 70vh;
}
:root .min-h-\[44px\] {
  min-height: 44px;
}
:root .min-h-\[48px\] {
  min-height: 48px;
}
:root .min-h-\[600px\] {
  min-height: 600px;
}
:root .min-h-screen {
  min-height: 100vh;
}
:root .\!w-10 {
  width: 2.5rem !important;
}
:root .w-1 {
  width: 0.25rem;
}
:root .w-1\/3 {
  width: 33.333333%;
}
:root .w-10 {
  width: 2.5rem;
}
:root .w-12 {
  width: 3rem;
}
:root .w-16 {
  width: 4rem;
}
:root .w-2 {
  width: 0.5rem;
}
:root .w-2\/3 {
  width: 66.666667%;
}
:root .w-20 {
  width: 5rem;
}
: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-40 {
  width: 10rem;
}
:root .w-44 {
  width: 11rem;
}
:root .w-48 {
  width: 12rem;
}
:root .w-5 {
  width: 1.25rem;
}
:root .w-56 {
  width: 14rem;
}
:root .w-6 {
  width: 1.5rem;
}
:root .w-64 {
  width: 16rem;
}
:root .w-8 {
  width: 2rem;
}
:root .w-9 {
  width: 2.25rem;
}
:root .w-\[0\.8rem\] {
  width: 0.8rem;
}
:root .w-\[100\%\] {
  width: 100%;
}
:root .w-\[10rem\] {
  width: 10rem;
}
:root .w-\[12rem\] {
  width: 12rem;
}
:root .w-\[160px\] {
  width: 160px;
}
:root .w-\[40\%\] {
  width: 40%;
}
:root .w-\[50\%\] {
  width: 50%;
}
:root .w-\[6rem\] {
  width: 6rem;
}
:root .w-full {
  width: 100%;
}
:root .\!min-w-\[1rem\] {
  min-width: 1rem !important;
}
:root .min-w-0 {
  min-width: 0px;
}
:root .min-w-7 {
  min-width: 1.75rem;
}
:root .min-w-8 {
  min-width: 2rem;
}
:root .min-w-\[44px\] {
  min-width: 44px;
}
:root .min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
:root .\!max-w-\[100\%\] {
  max-width: 100% !important;
}
:root .max-w-4xl {
  max-width: 56rem;
}
:root .max-w-5xl {
  max-width: 64rem;
}
:root .max-w-\[300px\] {
  max-width: 300px;
}
:root .max-w-\[350px\] {
  max-width: 350px;
}
:root .max-w-\[400px\] {
  max-width: 400px;
}
:root .max-w-full {
  max-width: 100%;
}
:root .max-w-lg {
  max-width: 32rem;
}
:root .max-w-md {
  max-width: 28rem;
}
:root .max-w-none {
  max-width: none;
}
:root .max-w-sm {
  max-width: 24rem;
}
:root .max-w-xs {
  max-width: 20rem;
}
:root .flex-1 {
  flex: 1 1 0%;
}
:root .flex-\[5\] {
  flex: 5;
}
:root .flex-auto {
  flex: 1 1 auto;
}
:root .flex-none {
  flex: none;
}
:root .flex-shrink-0 {
  flex-shrink: 0;
}
:root .shrink-0 {
  flex-shrink: 0;
}
:root .border-collapse {
  border-collapse: collapse;
}
:root .-translate-y-1\/2 {
  --tw-translate-y: -50%;
  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 .scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  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 .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 spin {

  to {
    transform: rotate(360deg);
  }
}
:root .animate-spin {
  animation: spin 1s linear infinite;
}
:root .cursor-not-allowed {
  cursor: not-allowed;
}
:root .cursor-pointer {
  cursor: pointer;
}
:root .select-none {
  -webkit-user-select: none;
     -moz-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-16 {
  grid-template-columns: repeat(16, 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 .flex-row {
  flex-direction: row;
}
:root .flex-col {
  flex-direction: column;
}
:root .flex-wrap {
  flex-wrap: wrap;
}
:root .items-start {
  align-items: flex-start;
}
: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 .gap-0\.5 {
  gap: 0.125rem;
}
:root .gap-1 {
  gap: 0.25rem;
}
:root .gap-10 {
  gap: 2.5rem;
}
:root .gap-12 {
  gap: 3rem;
}
:root .gap-2 {
  gap: 0.5rem;
}
:root .gap-3 {
  gap: 0.75rem;
}
:root .gap-4 {
  gap: 1rem;
}
:root .gap-5 {
  gap: 1.25rem;
}
:root .gap-6 {
  gap: 1.5rem;
}
:root .gap-\[16px\] {
  gap: 16px;
}
:root .gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
:root .gap-y-4 {
  row-gap: 1rem;
}
:root .gap-y-\[12px\] {
  row-gap: 12px;
}
:root .gap-y-\[8px\] {
  row-gap: 8px;
}
:root :is(.space-x-2 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
:root :is(.space-x-3 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
:root :is(.space-x-4 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * 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 :is(.space-y-3 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
:root :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
:root :is(.space-y-5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
:root :is(.space-y-6 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
:root .self-center {
  align-self: center;
}
:root .overflow-auto {
  overflow: auto;
}
:root .overflow-hidden {
  overflow: hidden;
}
:root .overflow-x-auto {
  overflow-x: auto;
}
:root .overflow-y-auto {
  overflow-y: auto;
}
:root .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
: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: var(--border-radius);
}
:root .rounded-full {
  border-radius: 4px;
}
:root .rounded-lg {
  border-radius: calc(var(--border-radius) * 1.5);
}
:root .rounded-md {
  border-radius: calc(var(--border-radius) * 1.25);
}
:root .rounded-sm {
  border-radius: calc(var(--border-radius) * 0.5);
}
:root .rounded-xl {
  border-radius: calc(var(--border-radius) * 1.75);
}
:root .border {
  border-width: 1px;
}
:root .border-0 {
  border-width: 0px;
}
:root .border-2 {
  border-width: 2px;
}
:root .border-b {
  border-bottom-width: 1px;
}
:root .border-b-2 {
  border-bottom-width: 2px;
}
:root .border-l-4 {
  border-left-width: 4px;
}
:root .border-r {
  border-right-width: 1px;
}
:root .border-t {
  border-top-width: 1px;
}
:root .border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / 1);
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
:root .border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-blue-200), 1);
  border-color: rgba(var(--color-blue-200), var(--tw-border-opacity, 1));
}
:root .border-divider {
  border-color: var(--foreground-divider);
}
:root .border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-100), 1);
  border-color: rgba(var(--color-gray-100), var(--tw-border-opacity, 1));
}
:root .border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-200), 1);
  border-color: rgba(var(--color-gray-200), var(--tw-border-opacity, 1));
}
:root .border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-300), 1);
  border-color: rgba(var(--color-gray-300), var(--tw-border-opacity, 1));
}
:root .border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-400), 1);
  border-color: rgba(var(--color-gray-400), var(--tw-border-opacity, 1));
}
:root .border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / 1);
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
:root .border-primary {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), 1);
  border-color: rgba(var(--color-primary), var(--tw-border-opacity, 1));
}
:root .border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / 1);
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}
:root .border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / 1);
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
:root .border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / 1);
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
:root .border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / 1);
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
:root .border-transparent {
  border-color: transparent;
}
:root .bg-\[\#0d47a1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 71 161 / 1);
  background-color: rgb(13 71 161 / var(--tw-bg-opacity, 1));
}
:root .bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / 1);
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
:root .bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / 1);
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
:root .bg-app-bar {
  background-color: var(--background-app-bar);
}
:root .bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-blue-100), 1);
  background-color: rgba(var(--color-blue-100), var(--tw-bg-opacity, 1));
}
:root .bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-blue-500), 1);
  background-color: rgba(var(--color-blue-500), var(--tw-bg-opacity, 1));
}
:root .bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-blue-600), 1);
  background-color: rgba(var(--color-blue-600), var(--tw-bg-opacity, 1));
}
:root .bg-contrast-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / 1);
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
:root .bg-foreground {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--background-foreground-rgb), 1);
  background-color: rgba(var(--background-foreground-rgb), var(--tw-bg-opacity, 1));
}
:root .bg-foreground\/20 {
  background-color: rgba(var(--background-foreground-rgb), 0.2);
}
:root .bg-foreground\/5 {
  background-color: rgba(var(--background-foreground-rgb), 0.05);
}
:root .bg-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(158 158 158 / 1);
  background-color: rgb(158 158 158 / var(--tw-bg-opacity, 1));
}
:root .bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-100), 1);
  background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity, 1));
}
:root .bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), 1);
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity, 1));
}
:root .bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-300), 1);
  background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity, 1));
}
:root .bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-50), 1);
  background-color: rgba(var(--color-gray-50), var(--tw-bg-opacity, 1));
}
:root .bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-500), 1);
  background-color: rgba(var(--color-gray-500), var(--tw-bg-opacity, 1));
}
:root .bg-green {
  --tw-bg-opacity: 1;
  background-color: rgb(76 175 80 / 1);
  background-color: rgb(76 175 80 / var(--tw-bg-opacity, 1));
}
:root .bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / 1);
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
:root .bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / 1);
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
:root .bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / 1);
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
:root .bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / 1);
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
:root .bg-green-light {
  background-color: rgba(76, 175, 80, 0.1);
}
:root .bg-hover {
  background-color: var(--background-hover);
}
:root .bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / 1);
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
:root .bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / 1);
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
:root .bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / 1);
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
:root .bg-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(255 152 0 / 1);
  background-color: rgb(255 152 0 / var(--tw-bg-opacity, 1));
}
:root .bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / 1);
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
:root .bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / 1);
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
:root .bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / 1);
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
:root .bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), 1);
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity, 1));
}
:root .bg-primary\/10 {
  background-color: rgba(var(--color-primary), 0.1);
}
:root .bg-red {
  --tw-bg-opacity: 1;
  background-color: rgb(244 67 54 / 1);
  background-color: rgb(244 67 54 / var(--tw-bg-opacity, 1));
}
:root .bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / 1);
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
:root .bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / 1);
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
:root .bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / 1);
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
:root .bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / 1);
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
:root .bg-red-light {
  background-color: rgba(244, 67, 54, 0.1);
}
:root .bg-transparent {
  background-color: transparent;
}
:root .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
:root .bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / 1);
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
:root .bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / 1);
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
:root .bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}
:root .bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
:root .from-blue-50 {
  --tw-gradient-from: rgb(var(--color-blue-50)) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(var(--color-blue-50), 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:root .to-blue-100 {
  --tw-gradient-to: rgb(var(--color-blue-100)) var(--tw-gradient-to-position);
}
:root .fill-current {
  fill: currentColor;
}
:root .fill-white {
  fill: #fff;
}
:root .stroke-green-500 {
  stroke: #22c55e;
}
:root .stroke-green-600 {
  stroke: #16a34a;
}
:root .stroke-primary {
  stroke: rgb(var(--color-primary));
}
:root .object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
:root .object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
:root .object-top {
  -o-object-position: top;
     object-position: top;
}
:root .p-0 {
  padding: 0px;
}
:root .p-1 {
  padding: 0.25rem;
}
:root .p-10 {
  padding: 2.5rem;
}
:root .p-2 {
  padding: 0.5rem;
}
:root .p-3 {
  padding: 0.75rem;
}
:root .p-4 {
  padding: 1rem;
}
:root .p-5 {
  padding: 1.25rem;
}
:root .p-6 {
  padding: 1.5rem;
}
:root .p-8 {
  padding: 2rem;
}
:root .p-gutter {
  padding: var(--padding-gutter);
}
:root .px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
:root .px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
: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-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
:root .px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
:root .px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
:root .px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}
:root .px-gutter {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}
:root .py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
:root .py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
:root .py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
:root .py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
:root .py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
:root .py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
:root .py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
: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 .pb-0 {
  padding-bottom: 0px;
}
:root .pb-1 {
  padding-bottom: 0.25rem;
}
:root .pb-16 {
  padding-bottom: 4rem;
}
:root .pb-2 {
  padding-bottom: 0.5rem;
}
:root .pb-20 {
  padding-bottom: 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-3 {
  padding-left: 0.75rem;
}
:root .pr-0 {
  padding-right: 0px;
}
:root .pr-1 {
  padding-right: 0.25rem;
}
:root .pr-2 {
  padding-right: 0.5rem;
}
:root .pr-4 {
  padding-right: 1rem;
}
:root .pr-6 {
  padding-right: 1.5rem;
}
:root .pt-0 {
  padding-top: 0px;
}
:root .pt-2 {
  padding-top: 0.5rem;
}
:root .pt-3 {
  padding-top: 0.75rem;
}
:root .pt-4 {
  padding-top: 1rem;
}
:root .pt-6 {
  padding-top: 1.5rem;
}
:root .text-left {
  text-align: left;
}
:root .text-center {
  text-align: center;
}
:root .text-right {
  text-align: right;
}
:root .align-middle {
  vertical-align: middle;
}
:root .font-mono {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
:root .\!text-\[40px\] {
  font-size: 40px !important;
}
:root .text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
:root .text-2xs {
  font-size: 0.625rem;
}
:root .text-5xl {
  font-size: 3rem;
  line-height: 1;
}
:root .text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
:root .text-\[0\.7rem\] {
  font-size: 0.7rem;
}
:root .text-\[0\.9rem\] {
  font-size: 0.9rem;
}
:root .text-\[10px\] {
  font-size: 10px;
}
:root .text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
:root .text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
:root .text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
:root .text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
:root .text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
: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 .italic {
  font-style: italic;
}
:root .leading-none {
  line-height: 1;
}
:root .leading-relaxed {
  line-height: 1.625;
}
:root .leading-snug {
  line-height: 1.375;
}
:root .leading-tight {
  line-height: 1.25;
}
:root .tracking-wide {
  letter-spacing: 0.025em;
}
:root .tracking-wider {
  letter-spacing: 0.05em;
}
:root .text-\[\#f44336\] {
  --tw-text-opacity: 1;
  color: rgb(244 67 54 / 1);
  color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}
:root .text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / 1);
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
:root .text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / 1);
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
:root .text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / 1);
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
:root .text-black {
  color: var(--text-color);
}
:root .text-blue-500 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-blue-500), 1);
  color: rgba(var(--color-blue-500), var(--tw-text-opacity, 1));
}
:root .text-blue-600 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-blue-600), 1);
  color: rgba(var(--color-blue-600), var(--tw-text-opacity, 1));
}
:root .text-blue-700 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-blue-700), 1);
  color: rgba(var(--color-blue-700), var(--tw-text-opacity, 1));
}
:root .text-blue-800 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-blue-800), 1);
  color: rgba(var(--color-blue-800), var(--tw-text-opacity, 1));
}
:root .text-contrast-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
:root .text-current {
  color: currentColor;
}
:root .text-gray-300 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-300), 1);
  color: rgba(var(--color-gray-300), var(--tw-text-opacity, 1));
}
:root .text-gray-400 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-400), 1);
  color: rgba(var(--color-gray-400), var(--tw-text-opacity, 1));
}
:root .text-gray-500 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-500), 1);
  color: rgba(var(--color-gray-500), var(--tw-text-opacity, 1));
}
:root .text-gray-600 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-600), 1);
  color: rgba(var(--color-gray-600), var(--tw-text-opacity, 1));
}
:root .text-gray-700 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-700), 1);
  color: rgba(var(--color-gray-700), var(--tw-text-opacity, 1));
}
:root .text-gray-800 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-800), 1);
  color: rgba(var(--color-gray-800), var(--tw-text-opacity, 1));
}
:root .text-gray-900 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-900), 1);
  color: rgba(var(--color-gray-900), var(--tw-text-opacity, 1));
}
:root .text-green {
  --tw-text-opacity: 1;
  color: rgb(76 175 80 / 1);
  color: rgb(76 175 80 / var(--tw-text-opacity, 1));
}
:root .text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / 1);
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
:root .text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / 1);
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
:root .text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / 1);
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
:root .text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / 1);
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
:root .text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / 1);
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
:root .text-hint {
  color: var(--text-hint);
}
:root .text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / 1);
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
:root .text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / 1);
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
:root .text-orange {
  --tw-text-opacity: 1;
  color: rgb(255 152 0 / 1);
  color: rgb(255 152 0 / var(--tw-text-opacity, 1));
}
:root .text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / 1);
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
:root .text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / 1);
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}
:root .text-orange-900 {
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / 1);
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}
:root .text-primary {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary), var(--tw-text-opacity, 1));
}
:root .text-primary-contrast {
  color: rgb(var(--color-primary-contrast));
}
:root .text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / 1);
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
:root .text-red {
  --tw-text-opacity: 1;
  color: rgb(244 67 54 / 1);
  color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}
:root .text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / 1);
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
:root .text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / 1);
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
:root .text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / 1);
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
:root .text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 1);
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
:root .text-secondary {
  color: var(--text-secondary);
}
:root .text-success {
  --tw-text-opacity: 1;
  color: rgba(var(--color-success), 1);
  color: rgba(var(--color-success), var(--tw-text-opacity, 1));
}
:root .text-white {
  color: var(--text-color-light);
}
:root .underline {
  text-decoration-line: underline;
}
:root .no-underline {
  text-decoration-line: none;
}
:root .underline-offset-2 {
  text-underline-offset: 2px;
}
:root .placeholder-secondary::-moz-placeholder {
  color: var(--text-secondary);
}
:root .placeholder-secondary::placeholder {
  color: var(--text-secondary);
}
:root .opacity-0 {
  opacity: 0;
}
:root .opacity-40 {
  opacity: 0.4;
}
:root .opacity-50 {
  opacity: 0.5;
}
: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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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 .ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
:root .ring-primary\/30 {
  --tw-ring-color: rgba(var(--color-primary), 0.3);
}
: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 .invert-0 {
  --tw-invert: invert(0);
  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, 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-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:root .transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:root .transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:root .duration-200 {
  transition-duration: 200ms;
}
:root .ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
:root .icon-xs {
  font-size: 1rem;
  height: 1rem;
  width: 1rem;
  line-height: 1rem;
}
:root .icon-sm {
  font-size: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
  line-height: 1.25rem;
}
:root .icon-xl {
  font-size: 2rem;
  height: 2rem;
  width: 2rem;
  line-height: 2rem;
}
:root .icon-2xl {
  font-size: 2.25rem;
  height: 2.25rem;
  width: 2.25rem;
  line-height: 2.25rem;
}
:root .icon-3xl {
  font-size: 2.5rem;
  height: 2.5rem;
  width: 2.5rem;
  line-height: 2.5rem;
}
:root .h2-tipografy {
  font-size: 1.2rem;
}
.container {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}
@media (min-width: 1280px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
  }
}
.card {
  border-radius: var(--border-radius);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--background-foreground-rgb), 1);
  background-color: rgba(var(--background-foreground-rgb), var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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: 4px;
  background-color: var(--background-hover);
  -o-object-fit: cover;
     object-fit: cover;
}
.hidden-input {
  border-radius: var(--border-radius);
  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 {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), 1);
  border-color: rgba(var(--color-primary), var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.hidden-input.empty {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), 1);
  border-color: rgba(var(--color-primary), var(--tw-border-opacity, 1));
}
.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);
}
:root .placeholder\:text-secondary::-moz-placeholder {
  color: var(--text-secondary);
}
:root .placeholder\:text-secondary::placeholder {
  color: var(--text-secondary);
}
:root .hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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\:rounded:hover {
  border-radius: var(--border-radius);
}
:root .hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-gray-400), 1);
  border-color: rgba(var(--color-gray-400), var(--tw-border-opacity, 1));
}
:root .hover\:bg-blue-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-blue-200), 1);
  background-color: rgba(var(--color-blue-200), var(--tw-bg-opacity, 1));
}
:root .hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-blue-600), 1);
  background-color: rgba(var(--color-blue-600), var(--tw-bg-opacity, 1));
}
:root .hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-200), 1);
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity, 1));
}
:root .hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-300), 1);
  background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity, 1));
}
:root .hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-50), 1);
  background-color: rgba(var(--color-gray-50), var(--tw-bg-opacity, 1));
}
:root .hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-gray-600), 1);
  background-color: rgba(var(--color-gray-600), var(--tw-bg-opacity, 1));
}
:root .hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / 1);
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
:root .hover\:bg-hover:hover {
  background-color: var(--background-hover);
}
:root .hover\:bg-orange-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / 1);
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
:root .hover\:bg-primary\/10:hover {
  background-color: rgba(var(--color-primary), 0.1);
}
:root .hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / 1);
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
:root .hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
:root .hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-gray-800), 1);
  color: rgba(var(--color-gray-800), var(--tw-text-opacity, 1));
}
:root .hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary), var(--tw-text-opacity, 1));
}
:root .hover\:underline:hover {
  text-decoration-line: underline;
}
:root .hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .focus\:border-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), 1);
  border-color: rgba(var(--color-primary), var(--tw-border-opacity, 1));
}
:root .focus\:ring-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(var(--color-primary), var(--tw-ring-opacity, 1));
}
:root :is(.group:hover .group-hover\:opacity-100) {
  opacity: 1;
}
@media (min-width: 600px) {

  :root .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  :root .sm\:ml-16 {
    margin-left: 4rem;
  }

  :root .sm\:ml-3 {
    margin-left: 0.75rem;
  }

  :root .sm\:ml-6 {
    margin-left: 1.5rem;
  }

  :root .sm\:mr-2 {
    margin-right: 0.5rem;
  }

  :root .sm\:mr-3 {
    margin-right: 0.75rem;
  }

  :root .sm\:mr-4 {
    margin-right: 1rem;
  }

  :root .sm\:mr-6 {
    margin-right: 1.5rem;
  }

  :root .sm\:mt-0 {
    margin-top: 0px;
  }

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

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

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

  :root .sm\:hidden {
    display: none;
  }

  :root .sm\:min-h-\[52px\] {
    min-height: 52px;
  }

  :root .sm\:min-h-\[56px\] {
    min-height: 56px;
  }

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

  :root .sm\:flex-none {
    flex: none;
  }

  :root .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

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

  :root .sm\:justify-between {
    justify-content: space-between;
  }

  :root .sm\:gap-4 {
    gap: 1rem;
  }

  :root :is(.sm\:space-x-4 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  :root :is(.sm\: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 :is(.sm\:space-y-3 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }

  :root :is(.sm\:space-y-4 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }

  :root .sm\:p-2 {
    padding: 0.5rem;
  }

  :root .sm\:p-3 {
    padding: 0.75rem;
  }

  :root .sm\:p-4 {
    padding: 1rem;
  }

  :root .sm\:p-6 {
    padding: 1.5rem;
  }

  :root .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root .sm\:pb-20 {
    padding-bottom: 5rem;
  }

  :root .sm\:pb-4 {
    padding-bottom: 1rem;
  }

  :root .sm\:pl-2 {
    padding-left: 0.5rem;
  }

  :root .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  :root .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  :root .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

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

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

  :root .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  :root .sm\:leading-normal {
    line-height: 1.5;
  }
}
@media (min-width: 960px) {

  :root .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  :root .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  :root .md\:ml-4 {
    margin-left: 1rem;
  }

  :root .md\:ml-8 {
    margin-left: 2rem;
  }

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

  :root .md\:w-\[10\%\] {
    width: 10%;
  }

  :root .md\:w-\[calc\(45\%-24px\)\] {
    width: calc(45% - 24px);
  }

  :root .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  :root .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  :root .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :root .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :root .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :root .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :root .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  :root .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  :root .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  :root .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

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

  :root .md\:p-4 {
    padding: 1rem;
  }

  :root .md\:p-6 {
    padding: 1.5rem;
  }

  :root .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  :root .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  :root .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  :root .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  :root .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  :root .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {

  :root .lg\:order-1 {
    order: 1;
  }

  :root .lg\:order-2 {
    order: 2;
  }

  :root .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  :root .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  :root .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  :root .lg\:hidden {
    display: none;
  }

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

  :root .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

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

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

  :root .lg\:justify-end {
    justify-content: flex-end;
  }

  :root .lg\:gap-4 {
    gap: 1rem;
  }

  :root .lg\:gap-6 {
    gap: 1.5rem;
  }

  :root .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  :root .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  :root .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1440px) {

  :root .xl\:ml-40 {
    margin-left: 10rem;
  }

  :root .xl\:mr-40 {
    margin-right: 10rem;
  }

  :root .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :root .xl\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
:root .ltr\:right-12:where([dir="ltr"], [dir="ltr"] *) {
  right: 3rem;
}
:root .ltr\:-mr-2:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: -0.5rem;
}
:root .ltr\:mr-1:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: 0.25rem;
}
:root .ltr\:mr-2:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: 0.5rem;
}
: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\:pl-4:where([dir="ltr"], [dir="ltr"] *) {
  padding-left: 1rem;
}
:root .ltr\:pl-5:where([dir="ltr"], [dir="ltr"] *) {
  padding-left: 1.25rem;
}
: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-2:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: -0.5rem;
}
:root .rtl\:ml-2:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 0.5rem;
}
: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;
}
:root .rtl\:pr-4:where([dir="rtl"], [dir="rtl"] *) {
  padding-right: 1rem;
}
:root .rtl\:pr-5:where([dir="rtl"], [dir="rtl"] *) {
  padding-right: 1.25rem;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ng-zorro-antd/image/style/index.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-image {
  position: relative;
  display: inline-block;
}
.ant-image-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.ant-image-img-placeholder {
  background-color: #f5f5f5;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%;
}
.ant-image-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.ant-image-mask-info {
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-image-mask-info .anticon {
  margin-inline-end: 4px;
}
.ant-image-mask:hover {
  opacity: 1;
}
.ant-image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-image-preview {
  pointer-events: none;
  height: 100%;
  text-align: center;
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ant-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-image-preview-mask-hidden {
  display: none;
}
.ant-image-preview-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-image-preview-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.ant-image-preview-img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  transform: scale3d(1, 1, 1);
  cursor: grab;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: auto;
}
.ant-image-preview-img-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ant-image-preview-img-wrapper::before {
  display: inline-block;
  width: 1px;
  height: 50%;
  margin-right: -1px;
  content: '';
}
.ant-image-preview-moving .ant-image-preview-img {
  cursor: grabbing;
}
.ant-image-preview-moving .ant-image-preview-img-wrapper {
  transition-duration: 0s;
}
.ant-image-preview-wrap {
  z-index: 1080;
}
.ant-image-preview-operations {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum', "tnum";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  color: rgba(255, 255, 255, 0.85);
  list-style: none;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: auto;
}
.ant-image-preview-operations-operation {
  margin-left: 12px;
  padding: 12px;
  cursor: pointer;
}
.ant-image-preview-operations-operation-disabled {
  color: rgba(255, 255, 255, 0.25);
  pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
  margin-left: 0;
}
.ant-image-preview-operations-progress {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ant-image-preview-operations-icon {
  font-size: 18px;
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: not-allowed;
}
.ant-image-preview-switch-left-disabled > .anticon,
.ant-image-preview-switch-right-disabled > .anticon {
  cursor: not-allowed;
}
.ant-image-preview-switch-left > .anticon,
.ant-image-preview-switch-right > .anticon {
  font-size: 18px;
}
.ant-image-preview-switch-left {
  left: 10px;
}
.ant-image-preview-switch-right {
  right: 10px;
}
.cdk-overlay-backdrop.ant-image-preview-mask {
  opacity: 1;
}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ng-zorro-antd/resizable/style/index.min.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.nz-resizable-preview{position:absolute;top:0;left:0;z-index:8;border:1px dashed #d1d1d1}.nz-resizable-handle{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9}.nz-resizable-handle-top{width:100%;height:10px;top:-5px;left:0}.nz-resizable-handle-right{width:10px;height:100%;top:0;right:-5px}.nz-resizable-handle-bottom{width:100%;height:10px;bottom:-5px;left:0}.nz-resizable-handle-left{width:10px;height:100%;top:0;left:-5px}.nz-resizable-handle-topRight{width:20px;height:20px;top:-5px;right:-5px;z-index:10}.nz-resizable-handle-bottomRight{width:20px;height:20px;right:-5px;bottom:-5px;z-index:10}.nz-resizable-handle-bottomLeft{width:20px;height:20px;bottom:-5px;left:-5px;z-index:10}.nz-resizable-handle-topLeft{width:20px;height:20px;top:-5px;left:-5px;z-index:10}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottom,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-top{cursor:ns-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-left,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-right{cursor:ew-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomRight,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topLeft{cursor:nwse-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomLeft,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topRight{cursor:nesw-resize}.nz-resizable-disabled .nz-resizable-handle{pointer-events:none}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** 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/leaflet/dist/leaflet.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}

.leaflet-container {
	overflow: hidden;
	}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}

/* Prevents IE11 from highlighting tiles in blue */

.leaflet-tile::-moz-selection {
	background: transparent;
}

.leaflet-tile::selection {
	background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */

.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}

/* hack that prevents hw layers "stretching" when loading new tiles */

.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}

.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */

/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */

.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}

.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}

.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}

.leaflet-tile-loaded {
	visibility: inherit;
	}

.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */

.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }

.leaflet-overlay-pane { z-index: 400; }

.leaflet-shadow-pane  { z-index: 500; }

.leaflet-marker-pane  { z-index: 600; }

.leaflet-tooltip-pane   { z-index: 650; }

.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }

.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}

.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}

/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}

.leaflet-top {
	top: 0;
	}

.leaflet-right {
	right: 0;
	}

.leaflet-bottom {
	bottom: 0;
	}

.leaflet-left {
	left: 0;
	}

.leaflet-control {
	float: left;
	clear: both;
	}

.leaflet-right .leaflet-control {
	float: right;
	}

.leaflet-top .leaflet-control {
	margin-top: 10px;
	}

.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}

.leaflet-left .leaflet-control {
	margin-left: 10px;
	}

.leaflet-right .leaflet-control {
	margin-right: 10px;
	}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-animated {
	transform-origin: 0 0;
	}

svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}

/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}

.leaflet-grab {
	cursor:         grab;
	}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}

.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}

.leaflet-container a {
	color: #0078A8;
	}

.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}

/* general typography */

.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}

/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}

.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}

.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}

.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}

.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}

.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}

.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}

.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}

/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}

.leaflet-control-layers-toggle {
	background-image: url('layers.ef6db8722c2c3f9a.png');
	width: 36px;
	height: 36px;
	}

.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.9859cd1231006a4a.png');
	background-size: 26px 26px;
	}

.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}

.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}

.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}

.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}

.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}

.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */

.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url('marker-icon.d577052aa271e13f.png');
	}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}

.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}

.leaflet-control-attribution a {
	text-decoration: none;
	}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}

.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}

.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}

.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}

.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}

.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}

/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}

.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}

.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}

.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}

.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}

.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}

.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}

.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}

/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}

/* Tooltip */

/* Base styles for the element that has a tooltip */

.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}

.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}

.leaflet-tooltip-top {
	margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}

.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}

.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}

.leaflet-tooltip-left {
	margin-left: -6px;
}

.leaflet-tooltip-right {
	margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}

.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}

.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[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 */
  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 .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-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 linear;
}
.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}
/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
pre code.hljs{display:block;overflow-x:auto;padding:1em}
code.hljs{padding:3px 5px}
.hljs{color:#a9b7c6;background:#282b2e}
.hljs-bullet,.hljs-literal,.hljs-number,.hljs-symbol{color:#6897bb}
.hljs-deletion,.hljs-keyword,.hljs-selector-tag{color:#cc7832}
.hljs-link,.hljs-template-variable,.hljs-variable{color:#629755}
.hljs-comment,.hljs-quote{color:grey}
.hljs-meta{color:#bbb529}
.hljs-addition,.hljs-attribute,.hljs-string{color:#6a8759}
.hljs-section,.hljs-title,.hljs-type{color:#ffc66d}
.hljs-name,.hljs-selector-class,.hljs-selector-id{color:#e8bf6a}
.hljs-emphasis{font-style:italic}
.hljs-strong{font-weight:700}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
@font-face {
  font-family: "Inter var";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/Inter-roman-var.woff2?v=3.19") format("woff2");
  font-named-instance: "Regular";
}
@font-face {
  font-family: "Inter var";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/Inter-italic-var.woff2?v=3.19") format("woff2");
  font-named-instance: "Italic";
}
.vex-style-dark {
  --background-app-bar: #100d0c;
  --footer-background: var(--background-foreground);
  --navigation-background: #1E1A17;
  --toolbar-background: #1E1A17;
  --background-base: #2c2722;
  --background-foreground: #1E1A17;
  --background-foreground-rgb: 30, 26, 23;
  --footer-color: var(--text-color);
  --navigation-color: var(--text-color);
  --text-color: white;
  --toolbar-color: white;
  --text-color-light: rgba(0, 0, 0, 0.87);
  --foreground-divider: rgba(255, 255, 255, 0.12);
  --text-hint: rgba(255, 255, 255, 0.5);
  --text-hint-light: rgba(0, 0, 0, 0.38);
  --background-hover: rgba(255, 255, 255, 0.04);
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-secondary-light: rgba(0, 0, 0, 0.54);
  --secondary-toolbar-background: var(--background-foreground);
  --color-gray-50: 30, 26, 23;
  --color-gray-100: 36, 32, 28;
  --color-gray-200: 46, 41, 37;
  --color-gray-300: 61, 55, 51;
  /* 400 y 500 se usan mucho como TEXTO secundario (`text-gray-500`, 88 usos),
     asi que tienen que pasar AA sobre la tarjeta (#1E1A17), no solo servir de
     borde. 500 se alinea con `--aurea-muted` (4,75:1); 400 sube en consecuencia. */
  --color-gray-400: 140, 129, 119;
  --color-gray-500: 152, 140, 130;
  --color-gray-600: 169, 156, 144;
  --color-gray-700: 197, 186, 176;
  --color-gray-800: 222, 215, 206;
  --color-gray-900: 240, 237, 232;
  --color-blue-50: 21, 31, 48;
  --color-blue-100: 28, 45, 72;
  --color-blue-200: 35, 60, 100;
  --color-blue-300: 45, 85, 145;
  --color-blue-400: 59, 110, 190;
  --color-blue-500: 96, 150, 235;
  --color-blue-600: 130, 175, 245;
  --color-blue-700: 160, 197, 250;
  --color-blue-800: 190, 218, 253;
  --color-blue-900: 219, 234, 254;
  --color-border: 46, 41, 37;
  --color-divider: 46, 41, 37;
}
.vex-style-dark .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.vex-style-dark .mat-option {
  color: white;
}
.vex-style-dark .mat-option:hover:not(.mat-option-disabled), .vex-style-dark .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(255, 255, 255, 0.04);
}
.vex-style-dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(255, 255, 255, 0.04);
}
.vex-style-dark .mat-option.mat-active {
  background: rgba(255, 255, 255, 0.04);
  color: white;
}
.vex-style-dark .mat-option.mat-option-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-pseudo-checkbox {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-pseudo-checkbox::after {
  color: #2c2722;
}
.vex-style-dark .mat-pseudo-checkbox-disabled {
  color: #686868;
}
.vex-style-dark .mat-primary .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-primary .mat-pseudo-checkbox-indeterminate {
  background: rgba(224, 122, 95, 1);
  background: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-pseudo-checkbox-indeterminate,
.vex-style-dark .mat-accent .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-accent .mat-pseudo-checkbox-indeterminate {
  background: rgba(232, 180, 122, 1);
  background: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-warn .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-warn .mat-pseudo-checkbox-indeterminate {
  background: rgba(171, 58, 44, 1);
  background: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.vex-style-dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #686868;
}
.vex-style-dark .mat-app-background, .vex-style-dark.mat-app-background {
  background-color: #2c2722;
  color: white;
}
.vex-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .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-style-dark .mat-autocomplete-panel {
  background: #1e1a17;
  color: white;
}
.vex-style-dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  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-style-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #1e1a17;
}
.vex-style-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: white;
}
.vex-style-dark .mat-badge {
  position: relative;
}
.vex-style-dark .mat-badge.mat-badge {
  overflow: visible;
}
.vex-style-dark .mat-badge-hidden .mat-badge-content {
  display: none;
}
.vex-style-dark .mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.vex-style-dark .ng-animate-disabled .mat-badge-content,
.vex-style-dark .mat-badge-content._mat-animation-noopable {
  transition: none;
}
.vex-style-dark .mat-badge-content.mat-badge-active {
  transform: none;
}
.vex-style-dark .mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.vex-style-dark .mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.vex-style-dark .mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.vex-style-dark .mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.vex-style-dark .mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.vex-style-dark .mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.vex-style-dark .mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.vex-style-dark .mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.vex-style-dark .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.vex-style-dark .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.vex-style-dark .mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.vex-style-dark .mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.vex-style-dark .mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.vex-style-dark .mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.vex-style-dark .mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.vex-style-dark .mat-badge-content {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
  background: rgba(224, 122, 95, 1);
  background: rgba(var(--color-primary), 1);
}
.cdk-high-contrast-active .vex-style-dark .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.vex-style-dark .mat-badge-accent .mat-badge-content {
  background: rgba(232, 180, 122, 1);
  background: rgba(var(--color-accent), 1);
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-badge-warn .mat-badge-content {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
  background: rgba(171, 58, 44, 1);
  background: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-badge-disabled .mat-badge-content {
  background: #6b6864;
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-bottom-sheet-container {
  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);
  background: #1e1a17;
  color: white;
}
.vex-style-dark .mat-button, .vex-style-dark .mat-icon-button, .vex-style-dark .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.vex-style-dark .mat-button.mat-primary, .vex-style-dark .mat-icon-button.mat-primary, .vex-style-dark .mat-stroked-button.mat-primary {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-button.mat-accent, .vex-style-dark .mat-icon-button.mat-accent, .vex-style-dark .mat-stroked-button.mat-accent {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-button.mat-warn, .vex-style-dark .mat-icon-button.mat-warn, .vex-style-dark .mat-stroked-button.mat-warn {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-button.mat-primary .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-primary .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-button.mat-accent .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-accent .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-button.mat-warn .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-warn .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-button.mat-button-disabled .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.vex-style-dark .mat-button .mat-ripple-element, .vex-style-dark .mat-icon-button .mat-ripple-element, .vex-style-dark .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.vex-style-dark .mat-button-focus-overlay {
  background: white;
}
.vex-style-dark .mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-flat-button, .vex-style-dark .mat-raised-button, .vex-style-dark .mat-fab, .vex-style-dark .mat-mini-fab {
  color: white;
  background-color: #424242;
}
.vex-style-dark .mat-flat-button.mat-primary, .vex-style-dark .mat-raised-button.mat-primary, .vex-style-dark .mat-fab.mat-primary, .vex-style-dark .mat-mini-fab.mat-primary {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-flat-button.mat-accent, .vex-style-dark .mat-raised-button.mat-accent, .vex-style-dark .mat-fab.mat-accent, .vex-style-dark .mat-mini-fab.mat-accent {
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-flat-button.mat-warn, .vex-style-dark .mat-raised-button.mat-warn, .vex-style-dark .mat-fab.mat-warn, .vex-style-dark .mat-mini-fab.mat-warn {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-flat-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-fab.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-flat-button.mat-primary, .vex-style-dark .mat-raised-button.mat-primary, .vex-style-dark .mat-fab.mat-primary, .vex-style-dark .mat-mini-fab.mat-primary {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-flat-button.mat-accent, .vex-style-dark .mat-raised-button.mat-accent, .vex-style-dark .mat-fab.mat-accent, .vex-style-dark .mat-mini-fab.mat-accent {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-flat-button.mat-warn, .vex-style-dark .mat-raised-button.mat-warn, .vex-style-dark .mat-fab.mat-warn, .vex-style-dark .mat-mini-fab.mat-warn {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-flat-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-fab.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-flat-button.mat-primary .mat-ripple-element, .vex-style-dark .mat-raised-button.mat-primary .mat-ripple-element, .vex-style-dark .mat-fab.mat-primary .mat-ripple-element, .vex-style-dark .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.1;
}
.vex-style-dark .mat-flat-button.mat-accent .mat-ripple-element, .vex-style-dark .mat-raised-button.mat-accent .mat-ripple-element, .vex-style-dark .mat-fab.mat-accent .mat-ripple-element, .vex-style-dark .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(45, 41, 38, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.1;
}
.vex-style-dark .mat-flat-button.mat-warn .mat-ripple-element, .vex-style-dark .mat-raised-button.mat-warn .mat-ripple-element, .vex-style-dark .mat-fab.mat-warn .mat-ripple-element, .vex-style-dark .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.1;
}
.vex-style-dark .mat-stroked-button:not([class*=mat-elevation-z]), .vex-style-dark .mat-flat-button:not([class*=mat-elevation-z]) {
  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-style-dark .mat-raised-button:not([class*=mat-elevation-z]) {
  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-style-dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  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-style-dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  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-style-dark .mat-fab:not([class*=mat-elevation-z]), .vex-style-dark .mat-mini-fab:not([class*=mat-elevation-z]) {
  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-style-dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .vex-style-dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  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-style-dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .vex-style-dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  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-style-dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.vex-style-dark .mat-button-toggle-group:not([class*=mat-elevation-z]) {
  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-style-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.vex-style-dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.vex-style-dark .mat-button-toggle {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-button-toggle-appearance-standard {
  color: white;
  background: #1e1a17;
}
.vex-style-dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: white;
}
.vex-style-dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #393533;
}
.vex-style-dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #393533;
}
.vex-style-dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #393533;
}
.vex-style-dark .mat-button-toggle-checked {
  background-color: #212121;
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: white;
}
.vex-style-dark .mat-button-toggle-disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: black;
}
.vex-style-dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #1e1a17;
}
.vex-style-dark .mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #424242;
}
.vex-style-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.vex-style-dark .mat-button-toggle-group-appearance-standard {
  border: solid 1px #393533;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.vex-style-dark .mat-card {
  background: #1e1a17;
  color: white;
}
.vex-style-dark .mat-card:not([class*=mat-elevation-z]) {
  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-style-dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  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-style-dark .mat-card-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-checkbox-frame {
  border-color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-checkbox-checkmark {
  fill: #2c2722;
}
.vex-style-dark .mat-checkbox-checkmark-path {
  stroke: #2c2722 !important;
}
.vex-style-dark .mat-checkbox-mixedmark {
  background-color: #2c2722;
}
.vex-style-dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .vex-style-dark .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .vex-style-dark .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .vex-style-dark .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .vex-style-dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #686868;
}
.vex-style-dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #686868;
}
.vex-style-dark .mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-checkbox .mat-ripple-element {
  background-color: white;
}
.vex-style-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.vex-style-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: rgba(224, 122, 95, 1);
  background: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.vex-style-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: rgba(232, 180, 122, 1);
  background: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.vex-style-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: rgba(171, 58, 44, 1);
  background: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-chip.mat-standard-chip {
  background-color: #616161;
  color: white;
}
.vex-style-dark .mat-chip.mat-standard-chip .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.vex-style-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  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-style-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.vex-style-dark .mat-chip.mat-standard-chip::after {
  background: white;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.4;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.1;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.4;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.1;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.4;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(45, 41, 38, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.1;
}
.vex-style-dark .mat-table {
  background: #1e1a17;
}
.vex-style-dark .mat-table thead, .vex-style-dark .mat-table tbody, .vex-style-dark .mat-table tfoot,
.vex-style-dark mat-header-row, .vex-style-dark mat-row, .vex-style-dark mat-footer-row,
.vex-style-dark [mat-header-row], .vex-style-dark [mat-row], .vex-style-dark [mat-footer-row],
.vex-style-dark .mat-table-sticky {
  background: inherit;
}
.vex-style-dark mat-row, .vex-style-dark mat-header-row, .vex-style-dark mat-footer-row,
.vex-style-dark th.mat-header-cell, .vex-style-dark td.mat-cell, .vex-style-dark td.mat-footer-cell {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-header-cell {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-cell, .vex-style-dark .mat-footer-cell {
  color: white;
}
.vex-style-dark .mat-calendar-arrow {
  fill: white;
}
.vex-style-dark .mat-datepicker-toggle,
.vex-style-dark .mat-datepicker-content .mat-calendar-next-button,
.vex-style-dark .mat-datepicker-content .mat-calendar-previous-button {
  color: white;
}
.vex-style-dark .mat-calendar-table-header-divider::after {
  background: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-calendar-table-header,
.vex-style-dark .mat-calendar-body-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-calendar-body-cell-content,
.vex-style-dark .mat-date-range-input-separator {
  color: white;
  border-color: transparent;
}
.vex-style-dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-calendar-body-in-preview {
  color: rgba(255, 255, 255, 0.24);
}
.vex-style-dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-calendar-body-in-range::before {
  background: rgba(224, 122, 95, 1);
  background: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.vex-style-dark .mat-calendar-body-comparison-bridge-start::before,
.vex-style-dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(224, 122, 95, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to right, rgba(var(--color-primary), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-dark .mat-calendar-body-comparison-bridge-end::before,
.vex-style-dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(224, 122, 95, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to left, rgba(var(--color-primary), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.vex-style-dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.vex-style-dark .mat-calendar-body-selected {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.vex-style-dark .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0 0 0 1px rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
@media (hover: hover) {
  .vex-style-dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(224, 122, 95, 1);
    background-color: rgba(var(--color-primary), 1);
  }
}
.vex-style-dark .mat-datepicker-content {
  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);
  background-color: #1e1a17;
  color: white;
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(232, 180, 122, 1);
  background: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.vex-style-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(232, 180, 122, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to right, rgba(var(--color-accent), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.vex-style-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(232, 180, 122, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to left, rgba(var(--color-accent), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(45, 41, 38, 1);
  box-shadow: inset 0 0 0 1px rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
@media (hover: hover) {
  .vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(232, 180, 122, 1);
    background-color: rgba(var(--color-accent), 1);
  }
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(171, 58, 44, 1);
  background: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.vex-style-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(171, 58, 44, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to right, rgba(var(--color-warn), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.vex-style-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(171, 58, 44, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to left, rgba(var(--color-warn), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0 0 0 1px rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
@media (hover: hover) {
  .vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(171, 58, 44, 1);
    background-color: rgba(var(--color-warn), 1);
  }
}
.vex-style-dark .mat-datepicker-content-touch {
  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);
}
.vex-style-dark .mat-datepicker-toggle-active {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-datepicker-toggle-active.mat-accent {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-datepicker-toggle-active.mat-warn {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-date-range-input-inner[disabled] {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-dialog-container {
  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);
  background: #1e1a17;
  color: white;
}
.vex-style-dark .mat-divider {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-divider-vertical {
  border-right-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-expansion-panel {
  background: #1e1a17;
  color: white;
}
.vex-style-dark .mat-expansion-panel:not([class*=mat-elevation-z]) {
  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-style-dark .mat-action-row {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .vex-style-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .vex-style-dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(255, 255, 255, 0.04);
}
@media (hover: none) {
  .vex-style-dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #1e1a17;
  }
}
.vex-style-dark .mat-expansion-panel-header-title {
  color: white;
}
.vex-style-dark .mat-expansion-panel-header-description,
.vex-style-dark .mat-expansion-indicator::after {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.vex-style-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.vex-style-dark .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-hint {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-form-field.mat-focused .mat-form-field-label {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-focused .mat-form-field-required-marker {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field-ripple {
  background-color: white;
}
.vex-style-dark .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-error {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-form-field-appearance-legacy .mat-hint {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.vex-style-dark .mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.vex-style-dark .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.1);
}
.vex-style-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.05);
}
.vex-style-dark .mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.vex-style-dark .mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: white;
}
.vex-style-dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.15);
}
.vex-style-dark .mat-icon.mat-primary {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-icon.mat-accent {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-icon.mat-warn {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-input-element:disabled,
.vex-style-dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-input-element {
  caret-color: rgba(224, 122, 95, 1);
  caret-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-input-element::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-input-element::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-input-element::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-input-element::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-input-element:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-input-element:not(.mat-native-select-inline) option {
  color: rgba(0, 0, 0, 0.87);
}
.vex-style-dark .mat-input-element:not(.mat-native-select-inline) option:disabled {
  color: rgba(0, 0, 0, 0.38);
}
.vex-style-dark .mat-form-field.mat-accent .mat-input-element {
  caret-color: rgba(232, 180, 122, 1);
  caret-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field.mat-warn .mat-input-element,
.vex-style-dark .mat-form-field-invalid .mat-input-element {
  caret-color: rgba(171, 58, 44, 1);
  caret-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-list-base .mat-list-item {
  color: white;
}
.vex-style-dark .mat-list-base .mat-list-option {
  color: white;
}
.vex-style-dark .mat-list-base .mat-subheader {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-list-base .mat-list-item-disabled {
  background-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-list-option:hover, .vex-style-dark .mat-list-option:focus,
.vex-style-dark .mat-nav-list .mat-list-item:hover,
.vex-style-dark .mat-nav-list .mat-list-item:focus,
.vex-style-dark .mat-action-list .mat-list-item:hover,
.vex-style-dark .mat-action-list .mat-list-item:focus {
  background: rgba(255, 255, 255, 0.04);
}
.vex-style-dark .mat-list-single-selected-option, .vex-style-dark .mat-list-single-selected-option:hover, .vex-style-dark .mat-list-single-selected-option:focus {
  background: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-menu-panel {
  background: #1e1a17;
}
.vex-style-dark .mat-menu-panel:not([class*=mat-elevation-z]) {
  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-style-dark .mat-menu-item {
  background: transparent;
  color: white;
}
.vex-style-dark .mat-menu-item[disabled],
.vex-style-dark .mat-menu-item[disabled] .mat-menu-submenu-icon,
.vex-style-dark .mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-menu-item .mat-icon-no-color,
.vex-style-dark .mat-menu-submenu-icon {
  color: white;
}
.vex-style-dark .mat-menu-item:hover:not([disabled]),
.vex-style-dark .mat-menu-item.cdk-program-focused:not([disabled]),
.vex-style-dark .mat-menu-item.cdk-keyboard-focused:not([disabled]),
.vex-style-dark .mat-menu-item-highlighted:not([disabled]) {
  background: rgba(255, 255, 255, 0.04);
}
.vex-style-dark .mat-paginator {
  background: #1e1a17;
}
.vex-style-dark .mat-paginator,
.vex-style-dark .mat-paginator-page-size .mat-select-trigger {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-paginator-decrement,
.vex-style-dark .mat-paginator-increment {
  border-top: 2px solid white;
  border-right: 2px solid white;
}
.vex-style-dark .mat-paginator-first,
.vex-style-dark .mat-paginator-last {
  border-top: 2px solid white;
}
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-decrement,
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-increment,
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-first,
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(255, 255, 255, 0.5);
}
.mat-paginator-container {
  min-height: 56px;
}
.vex-style-dark .mat-progress-bar-background {
  fill: rgba(224, 122, 95, 0.1);
  fill: rgba(var(--color-primary), 0.1);
}
.vex-style-dark .mat-progress-bar-buffer {
  background-color: rgba(224, 122, 95, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}
.vex-style-dark .mat-progress-bar-fill::after {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: rgba(232, 180, 122, 0.1);
  fill: rgba(var(--color-accent), 0.1);
}
.vex-style-dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: rgba(232, 180, 122, 0.1);
  background-color: rgba(var(--color-accent), 0.1);
}
.vex-style-dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: rgba(171, 58, 44, 0.1);
  fill: rgba(var(--color-warn), 0.1);
}
.vex-style-dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: rgba(171, 58, 44, 0.1);
  background-color: rgba(var(--color-warn), 0.1);
}
.vex-style-dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-progress-spinner circle, .vex-style-dark .mat-spinner circle {
  stroke: rgba(224, 122, 95, 1);
  stroke: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-progress-spinner.mat-accent circle, .vex-style-dark .mat-spinner.mat-accent circle {
  stroke: rgba(232, 180, 122, 1);
  stroke: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-progress-spinner.mat-warn circle, .vex-style-dark .mat-spinner.mat-warn circle {
  stroke: rgba(171, 58, 44, 1);
  stroke: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(224, 122, 95, 1);
  border-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-radio-button.mat-primary .mat-radio-inner-circle,
.vex-style-dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(232, 180, 122, 1);
  border-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-radio-button.mat-accent .mat-radio-inner-circle,
.vex-style-dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(171, 58, 44, 1);
  border-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-radio-button.mat-warn .mat-radio-inner-circle,
.vex-style-dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-radio-button .mat-ripple-element {
  background-color: white;
}
.vex-style-dark .mat-select-value {
  color: white;
}
.vex-style-dark .mat-select-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-select-disabled .mat-select-value {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-select-arrow {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-select-panel {
  background: #1e1a17;
}
.vex-style-dark .mat-select-panel:not([class*=mat-elevation-z]) {
  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-style-dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-drawer-container {
  background-color: #2c2722;
  color: white;
}
.vex-style-dark .mat-drawer {
  background-color: #1e1a17;
  color: white;
}
.vex-style-dark .mat-drawer.mat-drawer-push {
  background-color: #1e1a17;
}
.vex-style-dark .mat-drawer:not(.mat-drawer-side) {
  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-style-dark .mat-drawer-side {
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}
.vex-style-dark [dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}
.vex-style-dark [dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(225, 229, 232, 0.6);
}
.vex-style-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: white;
}
.vex-style-dark .mat-slide-toggle-thumb {
  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);
  background-color: #bdbdbd;
}
.vex-style-dark .mat-slide-toggle-bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider.mat-primary .mat-slider-track-fill,
.vex-style-dark .mat-slider.mat-primary .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
  opacity: 0.2;
}
.vex-style-dark .mat-slider.mat-accent .mat-slider-track-fill,
.vex-style-dark .mat-slider.mat-accent .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
  opacity: 0.2;
}
.vex-style-dark .mat-slider.mat-warn .mat-slider-track-fill,
.vex-style-dark .mat-slider.mat-warn .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
  opacity: 0.2;
}
.vex-style-dark .mat-slider:hover .mat-slider-track-background,
.vex-style-dark .mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider.mat-slider-disabled .mat-slider-track-background,
.vex-style-dark .mat-slider.mat-slider-disabled .mat-slider-track-fill,
.vex-style-dark .mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: white;
}
.vex-style-dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
}
.vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}
.vex-style-dark .mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}
.vex-style-dark .mat-step-header.cdk-keyboard-focused, .vex-style-dark .mat-step-header.cdk-program-focused, .vex-style-dark .mat-step-header:hover:not([aria-disabled]), .vex-style-dark .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(255, 255, 255, 0.04);
}
.vex-style-dark .mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}
@media (hover: none) {
  .vex-style-dark .mat-step-header:hover {
    background: none;
  }
}
.vex-style-dark .mat-step-header .mat-step-label,
.vex-style-dark .mat-step-header .mat-step-optional {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-step-header .mat-step-icon {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-step-header .mat-step-icon-selected,
.vex-style-dark .mat-step-header .mat-step-icon-state-done,
.vex-style-dark .mat-step-header .mat-step-icon-state-edit {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-step-header.mat-accent .mat-step-icon {
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-step-header.mat-accent .mat-step-icon-selected,
.vex-style-dark .mat-step-header.mat-accent .mat-step-icon-state-done,
.vex-style-dark .mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-step-header.mat-warn .mat-step-icon {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-step-header.mat-warn .mat-step-icon-selected,
.vex-style-dark .mat-step-header.mat-warn .mat-step-icon-state-done,
.vex-style-dark .mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-step-header .mat-step-label.mat-step-label-active {
  color: white;
}
.vex-style-dark .mat-step-header .mat-step-label.mat-step-label-error {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-stepper-horizontal, .vex-style-dark .mat-stepper-vertical {
  background-color: #1e1a17;
}
.vex-style-dark .mat-stepper-vertical-line::before {
  border-left-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-horizontal-stepper-header::before,
.vex-style-dark .mat-horizontal-stepper-header::after,
.vex-style-dark .mat-stepper-horizontal-line {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.vex-style-dark .mat-sort-header-arrow {
  color: #bcbab9;
}
.vex-style-dark .mat-tab-nav-bar,
.vex-style-dark .mat-tab-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-tab-group-inverted-header .mat-tab-nav-bar,
.vex-style-dark .mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: none;
}
.vex-style-dark .mat-tab-label, .vex-style-dark .mat-tab-link {
  color: white;
}
.vex-style-dark .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-tab-header-pagination-chevron {
  border-color: white;
}
.vex-style-dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-tab-group[class*=mat-background-] > .mat-tab-header,
.vex-style-dark .mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.vex-style-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(224, 122, 95, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}
.vex-style-dark .mat-tab-group.mat-primary .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(232, 180, 122, 0.1);
  background-color: rgba(var(--color-accent), 0.1);
}
.vex-style-dark .mat-tab-group.mat-accent .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: rgba(45, 41, 38, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(171, 58, 44, 0.1);
  background-color: rgba(var(--color-warn), 0.1);
}
.vex-style-dark .mat-tab-group.mat-warn .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(224, 122, 95, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header, .vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, .vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.4;
}
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.12;
}
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(232, 180, 122, 0.1);
  background-color: rgba(var(--color-accent), 0.1);
}
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header, .vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, .vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: rgba(45, 41, 38, 1);
  border-color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(45, 41, 38, 1);
  border-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.4;
}
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: rgba(45, 41, 38, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.12;
}
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(171, 58, 44, 0.1);
  background-color: rgba(var(--color-warn), 0.1);
}
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header, .vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, .vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.4;
}
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.12;
}
.vex-style-dark .mat-toolbar {
  background: #100d0c;
  color: white;
}
.vex-style-dark .mat-toolbar.mat-primary {
  background: rgba(224, 122, 95, 1);
  background: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-toolbar.mat-accent {
  background: rgba(232, 180, 122, 1);
  background: rgba(var(--color-accent), 1);
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-toolbar.mat-warn {
  background: rgba(171, 58, 44, 1);
  background: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-toolbar .mat-form-field-underline,
.vex-style-dark .mat-toolbar .mat-form-field-ripple,
.vex-style-dark .mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.vex-style-dark .mat-toolbar .mat-form-field-label,
.vex-style-dark .mat-toolbar .mat-focused .mat-form-field-label,
.vex-style-dark .mat-toolbar .mat-select-value,
.vex-style-dark .mat-toolbar .mat-select-arrow,
.vex-style-dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.vex-style-dark .mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.vex-style-dark .mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.vex-style-dark .mat-tree {
  background: #1e1a17;
}
.vex-style-dark .mat-tree-node,
.vex-style-dark .mat-nested-tree-node {
  color: white;
}
.mat-tree-node {
  min-height: 48px;
}
.vex-style-dark .mat-snack-bar-container {
  color: rgba(0, 0, 0, 0.87);
  background: #fafafa;
  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-style-dark .mat-simple-snackbar-action {
  color: inherit;
}
.vex-style-light {
  --navigation-background: var(--background-foreground);
  --sidenav-background: white;
  --toolbar-background: var(--background-foreground);
  --sidenav-color: var(--text-color);
  --sidenav-item-background-hover: #f2f2f2;
  --sidenav-item-background-active: #f7f7f7;
  --sidenav-item-color: var(--text-color);
  --sidenav-item-color-hover: var(--text-color);
  --sidenav-item-color-active: var(--text-color);
  --sidenav-item-dropdown-background: #f7f7f7;
  --sidenav-item-dropdown-background-hover: #ebebeb;
  --sidenav-item-dropdown-color-hover: var(--text-color);
  --sidenav-item-dropdown-background-active: #e6e6e6;
  --sidenav-item-dropdown-color-active: var(--text-color);
  --sidenav-item-icon-color-active: rgb(var(--color-primary));
  --sidenav-toolbar-background: white;
  --sidenav-toolbar-background-rgb: 255, 255, 255;
  --sidenav-section-divider-color: rgba(82, 63, 105, 0.06);
}
.vex-style-light .sidenav{
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-right-color: rgba(233, 227, 218, 1);
  border-right-color: rgba(var(--color-gray-200), var(--tw-border-opacity, 1));
}
.vex-style-light .sidenav .vex-sidenav-user .vex-sidenav-user__subtitle,
.vex-style-light .sidenav .vex-sidenav-user .vex-sidenav-user__dropdown-icon{
  color: rgb(0 0 0 / 0.5);
}
.vex-style-light .sidenav .vex-sidenav-user:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(244, 241, 235, 1);
  background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-gray-900), var(--tw-text-opacity, 1));
}
.vex-style-light .sidenav .vex-sidenav-search{
  --tw-bg-opacity: 1;
  background-color: rgba(244, 241, 235, 1);
  background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(104, 92, 78, 1);
  color: rgba(var(--color-gray-600), var(--tw-text-opacity, 1));
}
.vex-style-light .sidenav .vex-sidenav-search:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(233, 227, 218, 1);
  background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-gray-900), var(--tw-text-opacity, 1));
}
.vex-style-light .vex-sidenav-user--open{
  --tw-bg-opacity: 1;
  background-color: rgba(244, 241, 235, 1);
  background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity, 1));
}
:root {
  --padding-gutter: 1rem;
  --padding: 1.5rem;
  --padding-16: 1rem;
  --padding-12: 0.75rem;
  --padding-8: 0.5rem;
  --padding-6: 0.375rem;
  --padding-4: 0.25rem;
  --color-primary: 224, 122, 95;
  --color-primary-contrast: 255, 255, 255;
  --color-accent: 232, 180, 122;
  --color-accent-contrast: 45, 41, 38;
  --color-warn: 171, 58, 44;
  --color-warn-contrast: 255, 255, 255;
  --color-secondary: 122, 108, 92;
  --color-secondary-contrast: 255, 255, 255;
  --color-success: 84, 100, 76;
  --color-success-contrast: 255, 255, 255;
  --color-info: 33, 150, 243;
  --color-info-contrast: 255, 255, 255;
  --color-items-sidenav: #F6F4EF;
  --color-items-sidenav-hover: #E8E0D1;
  --color-sidenav-background: #2D2926;
  --color-sidenav-text: 240, 237, 232;
  --color-sidenav-text-secondary: 155, 142, 126;
  --color-toolbar-background: 246, 244, 239;
  --color-toolbar-text: 45, 41, 38;
  --color-toolbar-icon: 224, 122, 95;
  --color-add-button: #91c02c;
  --color-delete-button: 255, 0, 0;
  --color-gray-50: 249, 250, 251;
  --color-gray-100: 243, 244, 246;
  --color-gray-200: 229, 231, 235;
  --color-gray-300: 209, 213, 219;
  --color-gray-400: 156, 163, 175;
  --color-gray-500: 98, 105, 118; /* texto secundario: 107,114,128 daba 4,39 sobre gris claro */
  --color-gray-600: 75, 85, 99;
  --color-gray-700: 55, 65, 81;
  --color-gray-800: 31, 41, 55;
  --color-gray-900: 17, 24, 39;
  --color-blue-50: 239, 246, 255;
  --color-blue-100: 219, 234, 254;
  --color-blue-200: 191, 219, 254;
  --color-blue-300: 147, 197, 253;
  --color-blue-400: 96, 165, 250;
  --color-blue-500: 59, 130, 246;
  --color-blue-600: 37, 99, 235;
  --color-blue-700: 29, 78, 216;
  --color-blue-800: 30, 64, 175;
  --color-blue-900: 30, 58, 138;
  --color-border: 229, 231, 235;
  --color-divider: 229, 231, 235;
  --font: "Inter var", Inter, -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";
  --font-weight-medium: 500;
  --font-caption: 400 12px/20px var(--font);
  --font-body-1: 400 14px/20px var(--font);
  --font-body-2: 500 14px/24px var(--font);
  --font-subheading-1: 400 15px/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);
  --trans-ease-in-out: all var(--trans-ease-in-out-duration) var(--trans-ease-in-out-timing-function);
  --trans-ease-in-out-duration: 500ms;
  --trans-ease-in-out-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  --trans-ease-out: all var(--trans-ease-out-duration) var(--trans-ease-out-timing-function);
  --trans-ease-out-duration: 400ms;
  --trans-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  --trans-ease-in: all var(--trans-ease-in-duration) var(--trans-ease-in-timing-function);
  --trans-ease-in-duration: 300ms;
  --trans-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  --trans-shadow-duration: 280ms;
  --trans-shadow-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --trans-shadow: box-shadow var(--trans-shadow-duration) var(--trans-shadow-timing-function);
  --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(246, 244, 239);
  --background-foreground: white;
  --background-foreground-rgb: 255, 255, 255;
  --background-app-bar: #ebebee;
  --background-hover: rgba(0, 0, 0, 0.04);
  --elevation-default: var(--elevation-z6);
  --elevation-z0: none;
  --elevation-z1: 0px 2px 1px -1px rgba(82, 63, 104, 0.06), 0px 1px 1px 0px rgba(82, 63, 104, 0.042), 0px 1px 3px 0px rgba(82, 63, 104, 0.036);
  --elevation-z2: 0px 3px 1px -2px rgba(82, 63, 104, 0.06), 0px 2px 2px 0px rgba(82, 63, 104, 0.042), 0px 1px 5px 0px rgba(82, 63, 104, 0.036);
  --elevation-z3: 0px 3px 3px -2px rgba(82, 63, 104, 0.06), 0px 3px 4px 0px rgba(82, 63, 104, 0.042), 0px 1px 8px 0px rgba(82, 63, 104, 0.036);
  --elevation-z4: 0px 2px 4px -1px rgba(82, 63, 104, 0.06), 0px 4px 5px 0px rgba(82, 63, 104, 0.042), 0px 1px 10px 0px rgba(82, 63, 104, 0.036);
  --elevation-z5: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 5px 8px 0px rgba(82, 63, 104, 0.042), 0px 1px 14px 0px rgba(82, 63, 104, 0.036);
  --elevation-z6: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 6px 10px 0px rgba(82, 63, 104, 0.042), 0px 1px 18px 0px rgba(82, 63, 104, 0.036);
  --elevation-z7: 0px 4px 5px -2px rgba(82, 63, 104, 0.06), 0px 7px 10px 1px rgba(82, 63, 104, 0.042), 0px 2px 16px 1px rgba(82, 63, 104, 0.036);
  --elevation-z8: 0px 5px 5px -3px rgba(82, 63, 104, 0.06), 0px 8px 10px 1px rgba(82, 63, 104, 0.042), 0px 3px 14px 2px rgba(82, 63, 104, 0.036);
  --elevation-z9: 0px 5px 6px -3px rgba(82, 63, 104, 0.06), 0px 9px 12px 1px rgba(82, 63, 104, 0.042), 0px 3px 16px 2px rgba(82, 63, 104, 0.036);
  --elevation-z10: 0px 6px 6px -3px rgba(82, 63, 104, 0.06), 0px 10px 14px 1px rgba(82, 63, 104, 0.042), 0px 4px 18px 3px rgba(82, 63, 104, 0.036);
  --elevation-z11: 0px 6px 7px -4px rgba(82, 63, 104, 0.06), 0px 11px 15px 1px rgba(82, 63, 104, 0.042), 0px 4px 20px 3px rgba(82, 63, 104, 0.036);
  --elevation-z12: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  --elevation-z13: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 13px 19px 2px rgba(82, 63, 104, 0.042), 0px 5px 24px 4px rgba(82, 63, 104, 0.036);
  --elevation-z14: 0px 7px 9px -4px rgba(82, 63, 104, 0.06), 0px 14px 21px 2px rgba(82, 63, 104, 0.042), 0px 5px 26px 4px rgba(82, 63, 104, 0.036);
  --elevation-z15: 0px 8px 9px -5px rgba(82, 63, 104, 0.06), 0px 15px 22px 2px rgba(82, 63, 104, 0.042), 0px 6px 28px 5px rgba(82, 63, 104, 0.036);
  --elevation-z16: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  --elevation-z17: 0px 8px 11px -5px rgba(82, 63, 104, 0.06), 0px 17px 26px 2px rgba(82, 63, 104, 0.042), 0px 6px 32px 5px rgba(82, 63, 104, 0.036);
  --elevation-z18: 0px 9px 11px -5px rgba(82, 63, 104, 0.06), 0px 18px 28px 2px rgba(82, 63, 104, 0.042), 0px 7px 34px 6px rgba(82, 63, 104, 0.036);
  --elevation-z19: 0px 9px 12px -6px rgba(82, 63, 104, 0.06), 0px 19px 29px 2px rgba(82, 63, 104, 0.042), 0px 7px 36px 6px rgba(82, 63, 104, 0.036);
  --elevation-z20: 0px 10px 13px -6px rgba(82, 63, 104, 0.06), 0px 20px 31px 3px rgba(82, 63, 104, 0.042), 0px 8px 38px 7px rgba(82, 63, 104, 0.036);
  --sidenav-width: 280px;
  --sidenav-collapsed-width: 72px;
  --sidenav-background: #1E1A17;
  --sidenav-color: white;
  --sidenav-toolbar-background: #1a1614;
  --sidenav-toolbar-background-rgb: 26, 22, 20;
  --sidenav-section-divider-color: rgba(255, 255, 255, 0.12);
  --sidenav-item-min-height: 48px;
  --sidenav-item-padding-vertical: var(--padding-8);
  --sidenav-item-padding-horizontal: var(--padding);
  --sidenav-item-background-hover: #151210;
  --sidenav-item-background-active: #151210;
  --sidenav-item-font-weight: 500;
  --sidenav-item-color: #C5BAB0;
  --sidenav-item-color-hover: white;
  --sidenav-item-color-active: white;
  --sidenav-item-icon-color: #9B8E7E;
  --sidenav-item-icon-color-hover: rgb(var(--color-primary));
  --sidenav-item-icon-color-active: rgb(var(--color-primary));
  --sidenav-item-icon-gap: 16px;
  --sidenav-item-icon-size: 24px;
  --sidenav-item-dropdown-background: #151210;
  --sidenav-item-dropdown-background-hover: #12100e;
  --sidenav-item-dropdown-color-hover: var(--sidenav-item-color-hover);
  --sidenav-item-dropdown-background-active: var(--sidenav-item-dropdown-background-hover);
  --sidenav-item-dropdown-color-active: var(--sidenav-item-color-active);
  --sidenav-item-ripple-color: rgba(0, 0, 0, 0.1);
  --sidenav-item-dropdown-gap: 12px;
  --sidenav-subheading-color: #9B8E7E;
  --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-foreground);
  --secondary-toolbar-height: 54px;
  --navigation-height: 64px;
  --navigation-background: var(--background-foreground);
  --navigation-color: var(--text-secondary);
  --footer-height: 56px;
  --footer-z-index: 100;
  --footer-background: var(--background-foreground);
  --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: 0.25rem;
}
@media (min-width: 1280px) {
  :root {
    --padding-gutter: 1.5rem;
  }
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px "Inter var", Inter, -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";
  font: 400 24px / 32px var(--font);
  letter-spacing: -0.019em;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 18px / 26px "Inter var", Inter, -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";
  font: 500 18px / 26px var(--font);
  letter-spacing: -0.014em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px "Inter var", Inter, -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";
  font: 400 16px / 28px var(--font);
  letter-spacing: -0.011em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px "Inter var", Inter, -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";
  font: 400 15px / 24px var(--font);
  letter-spacing: -0.009em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px "Inter var", Inter, -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";
  font: 400 calc(14px * 0.83) / 20px var(--font);
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px "Inter var", Inter, -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";
  font: 400 calc(14px * 0.67) / 20px var(--font);
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px "Inter var", Inter, -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";
  font: 500 14px / 24px var(--font);
  letter-spacing: -0.006em;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px "Inter var", Inter, -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";
  font: 400 14px / 20px var(--font);
  letter-spacing: -0.006em;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px "Inter var", Inter, -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";
  font: 400 12px / 20px var(--font);
  letter-spacing: 0;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px "Inter var", Inter, -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";
  font: 300 112px / 112px var(--font);
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px "Inter var", Inter, -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";
  font: 400 56px / 56px var(--font);
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px "Inter var", Inter, -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";
  font: 400 45px / 48px var(--font);
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px "Inter var", Inter, -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";
  font: 400 34px / 40px var(--font);
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px / 20px "Inter var", Inter, -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";
  font: 400 14px / 20px var(--font);
  letter-spacing: -0.006em;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-card {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 18px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 18px / 26px "Inter var", Inter, -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";
  font: 500 18px / 26px var(--font);
  letter-spacing: -0.014em;
}
.mat-expansion-panel-header {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px / 20px "Inter var", Inter, -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";
  font: 400 14px / 20px var(--font);
  letter-spacing: -0.006em;
}
.mat-form-field {
  font: 400 14px / 1.25 "Inter var", Inter, -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";
  font: 400 14px / 1.25 var(--font);
  letter-spacing: -0.006em;
}
.mat-form-field-wrapper {
  padding-bottom: 1.4375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.25;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.25em;
  line-height: 1.25;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.9375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.4375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.43749em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.9375em;
  padding-top: 0.9375em;
}
.mat-form-field-label {
  top: 1.4375em;
}
.mat-form-field-underline {
  bottom: 1.4375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.9166666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.3125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.3125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.3125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.3125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.4166666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.31247em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.31246em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.31245em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.1875em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.6875em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.68749em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.9375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.6875em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.68749em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.125em;
}
.mat-menu-item {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
  font-size: 12px;
}
.mat-radio-button {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-select {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-select-trigger {
  height: 1.25em;
}
.mat-slide-toggle-content {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-slider-thumb-label-text {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-tab-label, .mat-tab-link {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 18px / 26px "Inter var", Inter, -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";
  font: 500 18px / 26px var(--font);
  letter-spacing: -0.014em;
  margin: 0;
}
.mat-tooltip {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-list-option {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px / 24px "Inter var", Inter, -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";
  font: 500 14px / 24px var(--font);
  letter-spacing: -0.006em;
}
.mat-simple-snackbar {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: "Inter var", Inter, -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";
  font-family: var(--font);
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.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);
}
.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: none;
  display: var(--mat-focus-indicator-display, none);
  border: 3px solid transparent;
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: 4px;
  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: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: 3px solid transparent;
  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: 4px;
  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-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: black;
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: black;
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: rgba(224, 122, 95, 1);
  background: rgba(var(--color-primary), 1);
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: rgba(232, 180, 122, 1);
  background: rgba(var(--color-accent), 1);
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: rgba(171, 58, 44, 1);
  background: rgba(var(--color-warn), 1);
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: black;
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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;
}
.mat-autocomplete-panel {
  background: white;
  color: black;
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  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);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: black;
}
.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-badge-content {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
  background: rgba(224, 122, 95, 1);
  background: rgba(var(--color-primary), 1);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: rgba(232, 180, 122, 1);
  background: rgba(var(--color-accent), 1);
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-badge-warn .mat-badge-content {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
  background: rgba(171, 58, 44, 1);
  background: rgba(var(--color-warn), 1);
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-bottom-sheet-container {
  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);
  background: white;
  color: black;
}
.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(82, 63, 105, 0.06);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: black;
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.1;
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(45, 41, 38, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.1;
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.1;
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  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);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  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);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  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);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  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);
}
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  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);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  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);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  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);
}
.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  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);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: black;
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #f5f3f6;
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #f5f3f6;
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #f5f3f6;
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: black;
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #f5f3f6;
}
.mat-card {
  background: white;
  color: black;
}
.mat-card:not([class*=mat-elevation-z]) {
  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);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  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);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: rgba(224, 122, 95, 1);
  background: rgba(var(--color-primary), 1);
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: rgba(232, 180, 122, 1);
  background: rgba(var(--color-accent), 1);
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: rgba(171, 58, 44, 1);
  background: rgba(var(--color-warn), 1);
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: black;
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: black;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  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);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.1;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.1;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(45, 41, 38, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.1;
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(82, 63, 105, 0.06);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: black;
}
.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header-divider::after {
  background: rgba(82, 63, 105, 0.06);
}
.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: black;
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
  color: rgba(82, 63, 105, 0.12);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(224, 122, 95, 1);
  background: rgba(var(--color-primary), 1);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(224, 122, 95, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to right, rgba(var(--color-primary), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(224, 122, 95, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to left, rgba(var(--color-primary), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0 0 0 1px rgba(var(--color-primary-contrast), 1);
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(224, 122, 95, 1);
    background-color: rgba(var(--color-primary), 1);
  }
}
.mat-datepicker-content {
  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);
  background-color: white;
  color: black;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(232, 180, 122, 1);
  background: rgba(var(--color-accent), 1);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(232, 180, 122, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to right, rgba(var(--color-accent), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(232, 180, 122, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to left, rgba(var(--color-accent), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(45, 41, 38, 1);
  box-shadow: inset 0 0 0 1px rgba(var(--color-accent-contrast), 1);
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(232, 180, 122, 1);
    background-color: rgba(var(--color-accent), 1);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(171, 58, 44, 1);
  background: rgba(var(--color-warn), 1);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(171, 58, 44, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to right, rgba(var(--color-warn), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(171, 58, 44, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to left, rgba(var(--color-warn), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0 0 0 1px rgba(var(--color-warn-contrast), 1);
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(171, 58, 44, 1);
    background-color: rgba(var(--color-warn), 1);
  }
}
.mat-datepicker-content-touch {
  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-datepicker-toggle-active {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.mat-datepicker-toggle-active.mat-accent {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.mat-datepicker-toggle-active.mat-warn {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
  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);
  background: white;
  color: black;
}
.mat-divider {
  border-top-color: rgba(82, 63, 105, 0.06);
}
.mat-divider-vertical {
  border-right-color: rgba(82, 63, 105, 0.06);
}
.mat-expansion-panel {
  background: white;
  color: black;
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  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);
}
.mat-action-row {
  border-top-color: rgba(82, 63, 105, 0.06);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: black;
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-focused .mat-form-field-required-marker {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.mat-form-field-ripple {
  background-color: rgba(82, 63, 105, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-error {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(82, 63, 105, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(82, 63, 105, 0.42) 0%, rgba(82, 63, 105, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(82, 63, 105, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(82, 63, 105, 0.42) 0%, rgba(82, 63, 105, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(82, 63, 105, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(82, 63, 105, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(82, 63, 105, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(82, 63, 105, 0.06);
}
.mat-icon.mat-primary {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.mat-icon.mat-accent {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.mat-icon.mat-warn {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: rgba(224, 122, 95, 1);
  caret-color: rgba(var(--color-primary), 1);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: rgba(232, 180, 122, 1);
  caret-color: rgba(var(--color-accent), 1);
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: rgba(171, 58, 44, 1);
  caret-color: rgba(var(--color-warn), 1);
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-list-base .mat-list-item {
  color: black;
}
.mat-list-base .mat-list-option {
  color: black;
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}
.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  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);
}
.mat-menu-item {
  background: transparent;
  color: black;
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-progress-bar-background {
  fill: rgba(224, 122, 95, 0.1);
  fill: rgba(var(--color-primary), 0.1);
}
.mat-progress-bar-buffer {
  background-color: rgba(224, 122, 95, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}
.mat-progress-bar-fill::after {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: rgba(232, 180, 122, 0.1);
  fill: rgba(var(--color-accent), 0.1);
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: rgba(232, 180, 122, 0.1);
  background-color: rgba(var(--color-accent), 0.1);
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: rgba(171, 58, 44, 0.1);
  fill: rgba(var(--color-warn), 0.1);
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: rgba(171, 58, 44, 0.1);
  background-color: rgba(var(--color-warn), 0.1);
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: rgba(224, 122, 95, 1);
  stroke: rgba(var(--color-primary), 1);
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: rgba(232, 180, 122, 1);
  stroke: rgba(var(--color-accent), 1);
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: rgba(171, 58, 44, 1);
  stroke: rgba(var(--color-warn), 1);
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(224, 122, 95, 1);
  border-color: rgba(var(--color-primary), 1);
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(232, 180, 122, 1);
  border-color: rgba(var(--color-accent), 1);
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(171, 58, 44, 1);
  border-color: rgba(var(--color-warn), 1);
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: black;
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  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);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), 1);
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: black;
}
.mat-drawer {
  background-color: white;
  color: black;
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  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);
}
.mat-drawer-side {
  border-right: solid 1px rgba(82, 63, 105, 0.06);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(82, 63, 105, 0.06);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(82, 63, 105, 0.06);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(82, 63, 105, 0.06);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  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);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
  opacity: 0.2;
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
  opacity: 0.2;
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
  opacity: 0.2;
}
.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-step-header.mat-accent .mat-step-icon {
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-step-header.mat-warn .mat-step-icon {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: black;
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: rgba(171, 58, 44, 1);
  color: rgba(var(--color-warn), 1);
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(82, 63, 105, 0.06);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(82, 63, 105, 0.06);
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(82, 63, 105, 0.06);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(82, 63, 105, 0.06);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: black;
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: black;
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(224, 122, 95, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(232, 180, 122, 0.1);
  background-color: rgba(var(--color-accent), 0.1);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: rgba(45, 41, 38, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(171, 58, 44, 0.1);
  background-color: rgba(var(--color-warn), 0.1);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(224, 122, 95, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: rgba(224, 122, 95, 1);
  background-color: rgba(var(--color-primary), 1);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-primary-contrast), 1);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(232, 180, 122, 0.1);
  background-color: rgba(var(--color-accent), 0.1);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: rgba(232, 180, 122, 1);
  background-color: rgba(var(--color-accent), 1);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: rgba(45, 41, 38, 1);
  border-color: rgba(var(--color-accent-contrast), 1);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(45, 41, 38, 1);
  border-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: rgba(45, 41, 38, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(171, 58, 44, 0.1);
  background-color: rgba(var(--color-warn), 0.1);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: rgba(171, 58, 44, 1);
  background-color: rgba(var(--color-warn), 1);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-warn-contrast), 1);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.12;
}
.mat-toolbar {
  background: #ebebee;
  color: black;
}
.mat-toolbar.mat-primary {
  background: rgba(224, 122, 95, 1);
  background: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-toolbar.mat-accent {
  background: rgba(232, 180, 122, 1);
  background: rgba(var(--color-accent), 1);
  color: rgba(45, 41, 38, 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-toolbar.mat-warn {
  background: rgba(171, 58, 44, 1);
  background: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: black;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  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);
}
.mat-simple-snackbar-action {
  color: rgba(232, 180, 122, 1);
  color: rgba(var(--color-accent), 1);
}
.horizontal-layout {
  --navigation-height: 0.00001px;
  --toolbar-width: 100%;
}
@media (min-width: 1280px) {
  .horizontal-layout {
    --toolbar-width: calc(100% - var(--sidenav-width));
  }
  .horizontal-layout.sidenav-collapsed {
    --toolbar-width: 100% ;
  }
}
.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% - 64px - 56px);
  height: calc(100% - var(--toolbar-height) - var(--footer-height));
}
@media (min-width: 1280px) {
  body:not([dir=rtl]) .horizontal-layout.sidenav-collapsed .sidenav-content {
    margin-right: 0 !important;
  }
  body:not([dir=rtl]) .horizontal-layout:not(.sidenav-collapsed) .sidenav-content {
    margin-left: 280px !important;
    margin-left: var(--sidenav-width) !important;
    margin-right: 0 !important;
  }
  [dir=rtl] .horizontal-layout.sidenav-collapsed .sidenav-content {
    margin-right: 72px !important;
    margin-right: var(--sidenav-collapsed-width) !important;
    margin-left: 0 !important;
  }
  [dir=rtl] .horizontal-layout:not(.sidenav-collapsed) .sidenav-content {
    margin-right: 280px !important;
    margin-right: var(--sidenav-width) !important;
    margin-left: 0 !important;
  }
}
/** SCROLLBARS */
body.is-blink ::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  height: 12px;
  height: var(--blink-scrollbar-width);
  width: 12px;
  width: var(--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: 12px;
  border-radius: var(--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: 12px;
  border-radius: var(--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 (webkit only) */
.vex-dialog-glossy .mat-dialog-container{
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--background-foreground-rgb), var(--tw-bg-opacity, 1));
}
.is-blink .vex-dialog-glossy .mat-dialog-container {
  backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(var(--background-foreground-rgb), 0.6);
}
.vertical-layout {
  --toolbar-width: 100%;
}
.vertical-layout vex-secondary-toolbar .h-14 {
  display: none;
}
.vertical-layout vex-secondary-toolbar .fixed {
  background: none;
  border-top: none;
  box-shadow: none;
  margin-bottom: calc(1rem * -1);
  margin-bottom: calc(var(--padding-16) * -1);
  padding-top: 0.75rem;
  padding-top: var(--padding-12);
  position: relative;
  top: 0;
}
.vertical-layout.content-container > .sidenav-container > .sidenav-content > .content {
  margin-left: auto;
  margin-right: auto;
}
.vertical-layout.has-fixed-footer.scroll-disabled .content {
  height: calc(100% - 64px - 56px);
  height: calc(100% - var(--toolbar-height) - var(--footer-height));
}
@media print {
  html, body {
    height: auto !important;
    overflow: visible !important;
    overflow: initial !important;
  }
  .vex-toolbar, .sidenav {
    display: none !important;
  }
  .content {
    margin-top: 0 !important;
  }
  .mat-drawer-container {
    overflow: visible !important;
  }
  .mat-drawer-side {
    border-right: none !important;
  }
  .sidenav-content {
    margin-left: 0 !important;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgba(var(--background-foreground-rgb), var(--tw-bg-opacity, 1));
  }
  .vex-footer {
    display: none !important;
  }
  .config-panel-toggle {
    display: none !important;
  }
}
/*
  InterDynamicTracking takes the font size in points
  or pixels and returns the compensating tracking in EM.
  function InterDynamicTracking(fontSize) {
    const a = -0.0223
    const b = 0.185
    const c = -0.1745;
    // tracking = a + b * e ^ (c * fontSize)
    return a + b * Math.pow(Math.E, c * fontSize)
  }
*/
.display-4 {
  font: 300 112px / 112px "Inter var", Inter, -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";
  font: 300 112px / 112px var(--font);
  letter-spacing: -0.05em;
}
.display-3 {
  font: 400 56px / 56px "Inter var", Inter, -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";
  font: 400 56px / 56px var(--font);
  letter-spacing: -0.02em;
}
.display-2 {
  font: 400 45px / 48px "Inter var", Inter, -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";
  font: 400 45px / 48px var(--font);
  letter-spacing: -0.005em;
}
.display-1, h1 {
  font: 400 34px / 40px "Inter var", Inter, -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";
  font: 400 34px / 40px var(--font);
  letter-spacing: normal;
}
.headline, h2 {
  font: 400 24px / 32px "Inter var", Inter, -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";
  font: 400 24px / 32px var(--font);
  letter-spacing: -0.019em;
}
.title, h3 {
  font: 500 18px / 26px "Inter var", Inter, -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";
  font: 500 18px / 26px var(--font);
  letter-spacing: -0.014em;
}
.subheading-2, h4 {
  font: 400 16px / 28px "Inter var", Inter, -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";
  font: 400 16px / 28px var(--font);
  letter-spacing: -0.011em;
}
.subheading-1, h5 {
  font: 400 15px / 24px "Inter var", Inter, -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";
  font: 400 15px / 24px var(--font);
  letter-spacing: -0.009em;
}
.body-2, h6 {
  font: 500 14px / 24px "Inter var", Inter, -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";
  font: 500 14px / 24px var(--font);
  letter-spacing: -0.006em;
}
.body-1, p {
  font: 400 14px / 20px "Inter var", Inter, -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";
  font: 400 14px / 20px var(--font);
  letter-spacing: -0.006em;
}
.caption {
  font: 400 12px / 20px "Inter var", Inter, -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";
  font: 400 12px / 20px 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;
}
:root .mat-button, :root .mat-stroked-button, :root .mat-flat-button, :root .mat-raised-button{
  min-width: 6rem;
  border-radius: 4px;
}
:root .mat-button-toggle-group:not(.mat-button-toggle-vertical){
  border-radius: 4px;
}
: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-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
:root .mat-menu-panel{
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .mat-menu-content{
  padding: 0.5rem;
}
:root .mat-menu-item{
  display: flex;
  height: 2.5rem;
  align-items: center;
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  padding-left: 0.5rem;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, 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;
}
:root .mat-menu-item:hover:not([disabled]){
  background-color: rgba(224, 122, 95, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}
:root .mat-menu-item:hover:not([disabled]) .mat-icon{
  --tw-text-opacity: 1;
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), var(--tw-text-opacity, 1));
}
:root .mat-menu-item .mat-icon{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, 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);
  font-size: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
}
:root .mat-menu-item-submenu-trigger{
  padding-right: 3rem;
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: currentColor;
}
.mat-icon-button .mat-button-wrapper > *,
.mat-menu-item .mat-icon,
.mat-button .mat-icon {
  vertical-align: middle !important;
}
.mat-form-field-suffix .mat-icon-button .mat-icon, .mat-form-field-prefix .mat-icon-button .mat-icon {
  font-size: inherit;
}
.mat-table mat-row,
.mat-table mat-header-row,
.mat-table mat-footer-row,
.mat-table th.mat-header-cell,
.mat-table td.mat-cell,
.mat-table td.mat-footer-cell {
  border-bottom-color: rgba(82, 63, 105, 0.06);
  border-bottom-color: var(--foreground-divider);
}
.mat-form-field {
  margin-bottom: 4px;
}
.mat-primary.mat-form-field .mat-form-field-prefix,
.mat-primary.mat-form-field .mat-form-field-suffix {
  transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: var(--trans-ease-out);
}
.mat-primary.mat-form-field.mat-focused .mat-form-field-prefix, .mat-primary.mat-form-field.mat-focused .mat-form-field-suffix{
  --tw-text-opacity: 1;
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), var(--tw-text-opacity, 1));
}
.mat-form-field.mat-form-field-invalid.mat-focused .mat-form-field-prefix, .mat-form-field.mat-form-field-invalid.mat-focused .mat-form-field-suffix{
  --tw-text-opacity: 1;
  color: rgb(244 67 54 / 1);
  color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}
.mat-table .mat-cell,
.mat-table .mat-header-cell {
  box-sizing: content-box;
  padding-left: 0.75rem;
  padding-left: var(--padding-12);
  padding-right: 0.75rem;
  padding-right: var(--padding-12);
  white-space: nowrap;
}
.mat-paginator-page-size-select.mat-form-field .mat-form-field-flex {
  padding-top: 0;
}
.mat-select-panel{
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.011em;
}
.mat-drawer-side {
  border: 0;
}
textarea.mat-input-element{
  line-height: 1.5;
}
.vex-flex-form-field .mat-form-field-infix {
  width: 50px;
}
.vex-dense-form-field {
  margin-bottom: -1.34375em;
}
.vex-dense-form-field.mat-form-field-appearance-outline .mat-form-field-infix {
  padding-top: 4px;
}
.vex-tabs .mat-tab-label.mat-tab-label-active {
  opacity: 1;
}
.vex-tabs .mat-tab-link.mat-tab-label-active {
  opacity: 1;
}
.vex-tabs-dense .mat-tab-label {
  min-width: 0;
}
.uppercase > * > .mat-sort-header-button {
  text-transform: uppercase;
}
.mat-card-image {
  max-width: none;
}
:root .mat-select-panel{
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .mat-option{
  height: 2.5rem;
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, 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;
}
:root .mat-option:hover, :root .mat-option.mat-active{
  background-color: rgba(224, 122, 95, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}
:root .mat-option:hover .mat-icon, :root .mat-option.mat-active .mat-icon{
  --tw-text-opacity: 1;
  color: rgba(224, 122, 95, 1);
  color: rgba(var(--color-primary), var(--tw-text-opacity, 1));
}
:root .mat-option .mat-icon{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, 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);
  font-size: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
}
:root .mat-option.mat-selected:not(.mat-option-multiple){
  background-color: rgba(224, 122, 95, 0.2);
  background-color: rgba(var(--color-primary), 0.2);
}
:root .mat-menu-item-submenu-trigger{
  padding-right: 3rem;
}
.apexcharts-legend-text {
  margin-left: 4px;
  top: -1px;
}
body .apexcharts-tooltip.light {
  background: white;
  background: var(--background-foreground);
}
.vex-layout-ares {
  --footer-background: var(--background-base);
  --sidenav-background: var(--background-base);
  --toolbar-background: var(--background-base);
  --sidenav-color: var(--text-color);
  --sidenav-section-divider-color: transparent;
  --sidenav-item-background-hover: rgba(var(--color-primary), 0.1);
  --sidenav-item-background-active: var(--background-foreground);
  --sidenav-item-color: var(--text-color);
  --sidenav-item-color-hover: var(--text-color);
  --sidenav-item-color-active: var(--text-color);
  --sidenav-item-dropdown-color-active: var(--sidenav-item-color-active);
  --sidenav-item-dropdown-background-active: var(--background-hover);
  --sidenav-item-dropdown-background: var(--background-base);
  --sidenav-item-dropdown-background-hover: var(--background-hover);
  --secondary-toolbar-background: var(--background-base);
  --sidenav-toolbar-background: var(--background-base);
  --secondary-toolbar-height: 64px;
}
.vex-layout-ares .sidenav {
  border: none;
}
.vex-layout-ares .sidenav vex-sidenav-item .vex-sidenav-item {
  width: auto;
  width: initial;
  margin-left: 1rem;
  margin-right: 1rem;
  border-radius: 4px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.vex-layout-ares .sidenav vex-sidenav-item .vex-sidenav-item.vex-sidenav-item--active{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vex-layout-ares .sidenav vex-sidenav-item .item-level-0 > .vex-sidenav-item{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.vex-layout-ares .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: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vex-layout-ares .sidenav vex-sidenav-item .item-level-1 .vex-sidenav-item.vex-sidenav-item--active .vex-sidenav-item__label {
  color: #2D2926;
  color: var(--sidenav-item-color);
}
.vex-layout-ares .sidenav vex-sidenav-item .item-level-1 .vex-sidenav-item:hover .vex-sidenav-item__label {
  color: #2D2926;
  color: var(--sidenav-item-color);
}
.vex-layout-ares .sidenav-collapsed .sidenav vex-sidenav-item .vex-sidenav-item{
  margin-left: 0px;
  margin-right: 0px;
}
.vex-layout-ares vex-secondary-toolbar{
  overflow: hidden;
  border-bottom-right-radius: 0.25rem;
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: 0.25rem;
  border-bottom-left-radius: var(--border-radius);
}
.vex-layout-ares vex-secondary-toolbar .secondary-toolbar{
  margin-bottom: calc(1rem * -1);
  margin-bottom: calc(var(--padding-gutter) * -1);
  border-top-width: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  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-left-radius: var(--border-radius);
  border-top-right-radius: 0.25rem;
  border-top-right-radius: var(--border-radius);
}
.vex-layout-ares .vex-page-layout-header {
  background: transparent;
  color: #2D2926;
  color: var(--aurea-fg);
}
.vex-layout-ares .vex-page-layout-header vex-breadcrumbs .text-hint {
  color: #7A6C5C !important;
  color: var(--aurea-muted) !important;
}
.vex-layout-ares.vex-style-default {
  --sidenav-item-background-active: rgb(var(--color-primary));
  --sidenav-item-color-active: rgb(var(--color-primary-contrast));
  --sidenav-item-dropdown-color-active: var(--sidenav-item-color);
  --sidenav-item-dropdown-color-hover: var(--text-color);
  --sidenav-item-icon-color-active: rgb(var(--color-primary-contrast));
}
.vex-layout-hermes {
  --toolbar-height: 100px;
  --secondary-toolbar-background: var(--background-base);
  --secondary-toolbar-height: 64px;
}
.vex-layout-hermes.vex-style-light {
  --toolbar-background: var(--background-base);
}
.vex-layout-hermes.vex-style-default {
  --navigation-background: #1E1A17;
  --toolbar-background: #2c2722;
  --navigation-color: white;
  --toolbar-color: white;
}
.vex-layout-hermes.vex-style-dark {
  --toolbar-background: var(--background-base);
}
@media (min-width: 1280px) {
  .vex-layout-hermes .sidenav{
    display: none;
  }
}
.vex-layout-hermes vex-secondary-toolbar .secondary-toolbar{
  margin-bottom: calc(1rem * -1);
  margin-bottom: calc(var(--padding-gutter) * -1);
  border-top-width: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vex-layout-ikaros {
  --navigation-height: 0.00001px;
}
.vex-layout-ikaros.vex-style-default {
  --toolbar-background: #1E1A17;
  --navigation-color: white;
  --toolbar-color: white;
}
.vex-layout-poseidon {
  --sidenav-item-min-height: 44px;
  --sidenav-item-padding-vertical: var(--padding-8);
  --sidenav-item-padding-horizontal: var(--padding-12);
  --sidenav-item-background-hover: rgba(var(--color-primary), 0.10);
  --sidenav-item-background-active: rgba(var(--color-primary), 0.18);
  --sidenav-item-dropdown-background: transparent;
  --sidenav-item-dropdown-background-hover: rgba(var(--color-primary), 0.10);
  --sidenav-item-dropdown-background-active: rgba(var(--color-primary), 0.18);
  /* El color del item activo sale de `--aurea-sidenav-active-fg`, no de
   `--color-primary`: sobre la pastilla activa (el mismo acento al 18%) el
   acento sin oscurecer no llega a 4,5:1. */
}
.vex-layout-poseidon .vex-sidenav-item {
  margin: 3px 10px;
  border-radius: 9999px;
  padding-left: 18px;
  padding-right: 18px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.vex-layout-poseidon .vex-sidenav-item .vex-sidenav-item__label {
  color: inherit;
}
.vex-layout-poseidon .vex-sidenav-item.vex-sidenav-item--active .vex-sidenav-item__label {
  color: #E07A5F !important;
  color: var(--aurea-sidenav-active-fg) !important;
  font-weight: 600;
  opacity: 1 !important;
}
.vex-layout-poseidon .vex-sidenav-item.vex-sidenav-item--active .vex-sidenav-item__icon {
  color: #E07A5F !important;
  color: var(--aurea-sidenav-active-fg) !important;
  opacity: 1 !important;
}
.vex-layout-poseidon .vex-sidenav-item.vex-sidenav-item--active .vex-sidenav-item__dropdown-icon {
  color: #E07A5F !important;
  color: var(--aurea-sidenav-active-fg) !important;
  opacity: 1 !important;
}
.vex-layout-poseidon .vex-sidenav-toolbar__divider {
  margin: 0 1.5rem;
  margin: 0 var(--sidenav-item-padding-horizontal);
}
.vex-layout-poseidon.vex-style-light {
  --sidenav-item-color: #2D2926;
  --sidenav-item-color-hover: #2D2926;
  --sidenav-item-color-active: var(--aurea-sidenav-active-fg);
  --sidenav-item-dropdown-color-hover: #2D2926;
  --sidenav-item-dropdown-color-active: var(--aurea-sidenav-active-fg);
}
.vex-layout-poseidon.vex-style-default {
  --sidenav-item-color: #2D2926;
  --sidenav-item-color-active: var(--aurea-sidenav-active-fg);
  --sidenav-item-icon-color-active: var(--aurea-sidenav-active-fg);
}
.vex-layout-poseidon.vex-style-dark {
  --sidenav-toolbar-background: #1A1614;
  --sidenav-background: #1A1614;
  --sidenav-item-color: #ECE6DC;
  --sidenav-item-color-hover: #FFFFFF;
  --sidenav-item-color-active: var(--aurea-sidenav-active-fg);
  --sidenav-item-ripple-color: rgb(255, 255, 255, 0.06);
}
/* You can add global styles to this file, and also import other style files */
html {
  box-sizing: border-box;
  font-size: 16px;
  height: 100%;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11", "salt", "calt", "case";
  font-family: "Inter var", Inter, -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";
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  height: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgba(0, 0, 0, 0.87);
  color: var(--text-color);
  letter-spacing: -0.009em;
}
div {
  box-sizing: border-box;
}
/* =====================================================================
   AUREA Design System — Global Theme Tokens (Light + Dark)
   Inspired by /media/aurea-v3-2-8.html
   ===================================================================== */
/* Fuente del sistema (importada localmente o desde core; se referencia aquí) */
:root {
  /* ----- Brand palette ----- */
  --aurea-bg: #F6F4EF;
  --aurea-bg2: #E8E0D1;
  /* Carril del deslizador. Token propio y no `--aurea-bg2` porque en oscuro ese
     vale #1E1A17, exactamente el color de la tarjeta: el carril desapareceria,
     que es el fallo que se venia arrastrando en claro con `--aurea-border`. */
  --aurea-slider-track: #E8E0D1;
  --aurea-fg: #2D2926;
  /* 4,63:1 sobre el crema y 5,09:1 sobre blanco. #9B8E7E se quedaba en 2,91
     y 3,20: fallaba AA (4,5) en todo el texto secundario del modo claro.
     El equivalente oscuro esta mas abajo, tambien corregido. */
  --aurea-muted: #7A6C5C;
  /* Tinta mas tenue de la escala: iconos de estado vacio, placeholders,
     puntos y bordes suaves. Llega a 3:1, el minimo para elementos de UI y
     texto grande; el texto corriente va con --aurea-muted (4,6:1).
     #C5BAB0 daba 1,73:1 y hacia invisibles contadores y placeholders. */
  --aurea-light: #988A7E;
  --aurea-border: rgba(255, 255, 255, 0.72);
  --aurea-surface: rgba(246, 244, 239, 0.76);
  --aurea-surface-strong: rgba(246, 244, 239, 0.92);
  --aurea-surface-hover: rgba(224, 122, 95, 0.10);
  --aurea-shadow: rgba(0, 0, 0, 0.05);
  --aurea-shadow-hover: rgba(0, 0, 0, 0.09);
  /* Superficie opaca de tarjeta. Es el reemplazo directo de los `background: #fff`
     literales que hay repartidos por el SCSS de features (67 en total): usa
     `var(--aurea-card)` en lugar de #fff y la tarjeta cambia de tema sola.
     `--aurea-surface*` sigue siendo la superficie translúcida tipo glass. */
  --aurea-card: #ffffff;
  /* Linea divisoria DENTRO de una tarjeta. `--aurea-border` es un blanco al 72%:
     dibuja el contorno de las superficies glass sobre el crema, pero encima de
     `--aurea-card` (blanco puro) es invisible, asi que los separadores de fila
     de las tablas y de seccion de los formularios no llegaban a verse. Este es
     el mismo gesto en tinta, no en luz. */
  --aurea-divider: rgba(45, 41, 38, 0.10);
  /* Banda de cabecera de tabla. Un token en vez de repetir el color en el
     bloque claro y en el override oscuro de `.aurea-table-wrapper`. */
  --aurea-table-head: rgba(246, 244, 239, 0.92);
  /* Rojo único para acciones destructivas. Antes convivían tres:
     #c62828 (.aurea-table-action-btn--danger), #f44336 (.aurea-action-btn--danger)
     y #ff0000 (--color-delete-button). Coincide con `--color-warn` de la paleta. */
  --aurea-danger: #AB3A2C; /* 5,2:1 sobre su propio tinte y 6,1:1 con blanco */
  --aurea-danger-soft: rgba(183, 65, 51, 0.10);
  /* Radio de píldora. Había cuatro valores en circulación: 99px, 999px,
     9999px y 20px. */
  --aurea-radius-pill: 9999px;
  /* Superficie sutil: la franja gris clara que se usa para cabeceras de
     bloque, filas alternas y estados vacios. Reemplaza a #f5f5f5, #f9fafb,
     #f8f9fa, #f1f5f9, #f8fafc, #f3f4f6, #fafafa y #e9ecef, que eran el mismo
     gris escrito de ocho formas. */
  --aurea-surface-subtle: #F4F1EB;
  /* Colores de estado. `soft` es el fondo del chip; el otro, su tinta. */
  --aurea-info: #2C5AA0;
  --aurea-info-soft: rgba(96, 150, 235, 0.14);
  --aurea-warning: #8A6416;
  --aurea-warning-soft: rgba(232, 180, 122, 0.18);
  --aurea-success-soft: rgba(90, 107, 82, 0.14);
  /* Accents */
  /* Terracota de marca, igual en los dos temas. Como texto sobre el crema da
     2,68:1, por debajo de AA; se mantiene por decision de marca (ver la nota
     de `--aurea-on-accent`). Sobre las superficies oscuras da 5,86:1. */
  --aurea-tc: #E07A5F;
  /* Nota sobre los dos papeles del acento: como TEXTO cambia con el tema
     (`--aurea-tc`, arriba); como RELLENO con texto blanco encima se usa
     `--aurea-gradient`, que es igual en los dos temas porque el contraste
     con el blanco no depende del fondo de la pagina. No pongas
     `rgb(var(--color-primary))` bajo texto blanco: en oscuro da 2,95:1. */
  --aurea-am: #E8B47A; /* amber */
  --aurea-sg: #D6DBCF; /* sage */
  /* 4,82:1 sobre su propio tinte `--aurea-success-soft` compuesto sobre el
     crema; #5A6B52 se quedaba en 4,36. */
  --aurea-success: #54644C;
  --aurea-success-light: #8FB87A;
  /* Aurora blobs */
  --aurea-blob1: rgba(232, 180, 122, 0.35);
  --aurea-blob2: rgba(214, 219, 207, 0.40);
  --aurea-blob3: rgba(224, 122, 95, 0.20);
  /* Gradients */
  /* Degradado de marca, con sus valores originales. Lo que va ENCIMA es
     `--aurea-on-accent`, no blanco: el blanco da 2,95:1 sobre el terracota y
     1,87:1 sobre el ambar, mientras que la tinta oscura da 4,89:1 y 7,72:1.
     Asi se conserva el color de marca sin perder legibilidad. */
  --aurea-gradient: linear-gradient(135deg, #E07A5F, #E8B47A);
  /* Tinta que va sobre el degradado de marca (botones primarios, cabecera del
     modal de usuario, pasos de captura por SKU).

     Decision de marca: blanco, para conservar el aspecto original del boton.
     Queda por debajo de AA — 2,95:1 sobre el extremo terracota y 1,87:1 sobre
     el ambar. Las alternativas medidas, por si se quiere revisar mas adelante:
       #2D2926 (tinta AUREA) -> 4,89:1 y 7,72:1
       #000000 (negro)       -> 7,12:1 y 11,24:1
     Cambiar solo este token afecta a los 11 sitios de golpe.

     NO cambia con el tema: el degradado tampoco cambia, asi que su contraste
     no depende del fondo de la pagina. No usar `--aurea-fg` aqui, que en
     oscuro se vuelve claro. */
  --aurea-on-accent: #FFFFFF;
  --aurea-gradient-progress: linear-gradient(90deg, #E07A5F, #E8B47A);
  /* Short-aliases used by the React reference mockup (kept for parity) */
  --bg: var(--aurea-bg);
  --bg2: var(--aurea-bg2);
  --sf: var(--aurea-surface);
  --sb: var(--aurea-surface-strong);
  --sbh: var(--aurea-surface-hover);
  --fg: var(--aurea-fg);
  --mu: var(--aurea-muted);
  --lt: var(--aurea-light);
  --bdr: var(--aurea-border);
  --sh: var(--aurea-shadow);
  --sh2: var(--aurea-shadow-hover);
  --tc: var(--aurea-tc);
  --am: var(--aurea-am);
  --sg: var(--aurea-sg);
  --blob1: var(--aurea-blob1);
  --blob2: var(--aurea-blob2);
  --blob3: var(--aurea-blob3);
  /* Legacy / sidenav (kept; consumed by sidenav.component.scss) */
  --color-add-button: #91c02c;
  --color-delete-button: var(--aurea-danger);
  --sidenav-background: var(--aurea-bg);
  --sidenav-toolbar-background: var(--aurea-bg);
  --sidenav-color: var(--aurea-fg);
  --sidenav-section-divider-color: rgba(45, 41, 38, 0.08);
  --sidenav-item-color: var(--aurea-fg);
  --sidenav-item-color-active: var(--aurea-tc);
  --sidenav-item-icon-color: var(--aurea-muted);
  --sidenav-item-icon-color-hover: var(--aurea-tc);
  --sidenav-item-icon-color-active: var(--aurea-tc);
  --sidenav-item-background-hover: rgba(224, 122, 95, 0.08);
  --sidenav-item-background-active: rgba(224, 122, 95, 0.18);
  --sidenav-item-ripple-color: rgba(224, 122, 95, 0.18);
  --sidenav-subheading-color: var(--aurea-muted);
  --sidenav-item-dropdown-background: transparent;
  --sidenav-item-dropdown-background-hover: rgba(224, 122, 95, 0.08);
  --sidenav-item-dropdown-background-active: rgba(224, 122, 95, 0.14);
  --aurea-sidenav-surface: var(--aurea-bg);
  --aurea-sidenav-divider: rgba(45, 41, 38, 0.08);
  --aurea-sidenav-text: var(--aurea-fg);
  --aurea-sidenav-muted: var(--aurea-muted);
  --aurea-sidenav-hover: rgba(224, 122, 95, 0.08);
  --aurea-sidenav-active-bg: rgba(224, 122, 95, 0.14);
  /* Sobre la pastilla activa (el mismo acento al 18%) esto da 3,63:1. Se deja
     en el acento de marca por coherencia con el resto. */
  --aurea-sidenav-active-fg: var(--aurea-tc);
  --aurea-sidenav-toggle-bg: rgba(255, 255, 255, 0.55);
  --aurea-sidenav-toggle-border: rgba(45, 41, 38, 0.12);
  /* ── Rampa `gray-*` de Tailwind, con el sesgo calido de AUREA ────────────
     Las plantillas usan 267 utilidades de color literal (`text-gray-500` x90,
     `text-gray-900` x34, `bg-gray-50`...), concentradas en Aprobaciones, que
     esta escrita casi entera con ellas. `_style-dark.scss` ya habia re-tintado
     la rampa en oscuro — "los neutros llevan sesgo calido para que peguen con
     `--aurea-*` en vez del gris azulado de Tailwind" — pero la de claro se
     quedo con el gris frio original (`--color-gray-500: 98,105,118`), asi que
     esas pantallas se leian azuladas sobre el crema mientras el resto de la
     app va en tinta calida. Esto termina el trabajo en el lado claro, sin
     tocar ni una plantilla.

     Los dos extremos son tokens que ya existen: 900 es `--aurea-fg` y 500 es
     `--aurea-muted`, que es el tono documentado para texto secundario. 400 es
     `--aurea-light` y 100 es `--aurea-surface-subtle`.

     Contraste medido (blanco / crema #F6F4EF / superficie #F4F1EB):
       400  3,35  3,05  2,97   ← elementos de UI y texto grande, como en Tailwind
       500  5,09  4,63  4,51   ← AA en los tres; es el que mas se usa como texto
       600  6,50  5,92  5,77
       700  8,65  7,87  7,67
       900 14,42 13,12 12,79
     La escala va en el mismo orden que la de Tailwind, asi que las plantillas
     siguen eligiendo el tono por el mismo criterio de siempre. */
  --color-gray-50: 250, 248, 245;
  --color-gray-100: 244, 241, 235; /* = --aurea-surface-subtle */
  --color-gray-200: 233, 227, 218;
  --color-gray-300: 214, 205, 194;
  --color-gray-400: 152, 138, 126; /* = --aurea-light */
  --color-gray-500: 122, 108, 92; /* = --aurea-muted */
  --color-gray-600: 104, 92, 78;
  --color-gray-700: 84, 74, 63;
  --color-gray-800: 62, 56, 50;
  --color-gray-900: 45, 41, 38; /* = --aurea-fg */
}
/* =====================================================================
   DARK MODE — applied by ConfigService via body.vex-style-dark
   (the previously-used body.dark selector did NOT match; fixed.)
   ===================================================================== */
body.vex-style-dark,
body.dark {
  /* Rampa `gray-*` en oscuro. Son los mismos valores que ya tenia
     `_style-dark.scss`; hay que repetirlos aqui porque el bloque `:root` de
     arriba se carga despues que vex y, a igual especificidad, se los llevaria
     por delante. Este selector (0,1,1) gana al `:root` (0,1,0). */
  --color-gray-50: 30, 26, 23;
  --color-gray-100: 36, 32, 28;
  --color-gray-200: 46, 41, 37;
  --color-gray-300: 61, 55, 51;
  --color-gray-400: 140, 129, 119;
  --color-gray-500: 152, 140, 130;
  --color-gray-600: 169, 156, 144;
  --color-gray-700: 197, 186, 176;
  --color-gray-800: 222, 215, 206;
  --color-gray-900: 240, 237, 232;
  --aurea-bg: #141210;
  --aurea-bg2: #1E1A17;
  --aurea-slider-track: rgba(255, 255, 255, 0.16);
  --aurea-fg: #F0EDE8;
  --aurea-muted: #90847A; /* 4,75:1 sobre #1E1A17; #8A7E74 se quedaba en 4,38 (AA pide 4,5) */
  --aurea-light: #6E655C; /* 3,03:1 sobre #1E1A17; #4A4540 daba 1,82 */
  --aurea-border: rgba(255, 255, 255, 0.10);
  --aurea-surface: rgba(28, 24, 20, 0.84);
  /* Era rgba(0,0,0,1): negro puro. Lo consumen modales y paneles
     (user-details-modal, export-modal, profile-roles-users, tag-form,
     audit-page) que no tienen override propio, así que salían negros en vez de
     con la superficie AUREA. En claro es el crema casi opaco; aquí, su análogo. */
  --aurea-surface-strong: rgba(30, 26, 23, 0.96);
  --aurea-surface-hover: rgba(224, 122, 95, 0.15);
  --aurea-shadow: rgba(0, 0, 0, 0.35);
  --aurea-shadow-hover: rgba(0, 0, 0, 0.55);
  --aurea-card: #1E1A17;
  /* En oscuro la divisoria es luz sobre tinta, al reves que en claro */
  --aurea-divider: rgba(255, 255, 255, 0.10);
  --aurea-table-head: #141210;
  /* `--aurea-tc` y `--color-primary` ya no se redefinen aqui: desde que el
     acento vuelve a ser el terracota de marca, el valor es el mismo en los
     dos temas. */
  --aurea-danger: #E8927F;
  --aurea-danger-soft: rgba(232, 146, 127, 0.14);
  /* Sin este override, el verde profundo del modo claro caia a 2,03:1 sobre
     su propio tinte oscuro. Aqui va el extremo claro de la escala. */
  --aurea-success: #8FB87A;
  --aurea-surface-subtle: #24201C;
  --aurea-info: #8FB4F0;
  --aurea-info-soft: rgba(96, 150, 235, 0.18);
  --aurea-warning: #DDB25C;
  --aurea-warning-soft: rgba(232, 180, 122, 0.16);
  --aurea-success-soft: rgba(143, 184, 122, 0.16);
  --aurea-blob1: rgba(180, 100, 60, 0.25);
  --aurea-blob2: rgba(80, 90, 75, 0.30);
  --aurea-blob3: rgba(160, 80, 50, 0.18);
  /* Re-bind sidenav tokens for dark */
  --sidenav-background: #1A1614;
  --sidenav-toolbar-background: #1A1614;
  --sidenav-color: #ECE6DC;
  --sidenav-item-color: #ECE6DC;
  --sidenav-item-color-active: #F2A085;
  --sidenav-item-icon-color: #90847A;
  --sidenav-item-icon-color-hover: #F2A085;
  --sidenav-item-icon-color-active: #F2A085;
  --sidenav-item-background-hover: rgba(224, 122, 95, 0.10);
  --sidenav-item-background-active: rgba(224, 122, 95, 0.22);
  --sidenav-section-divider-color: rgba(255, 255, 255, 0.06);
  --sidenav-subheading-color: #90847A;
  --aurea-sidenav-surface: #1A1614;
  --aurea-sidenav-divider: rgba(255, 255, 255, 0.06);
  --aurea-sidenav-text: #ECE6DC;
  --aurea-sidenav-muted: #90847A;
  --aurea-sidenav-hover: rgba(224, 122, 95, 0.10);
  --aurea-sidenav-active-bg: rgba(224, 122, 95, 0.18);
  --aurea-sidenav-active-fg: #F2A085;
  --aurea-sidenav-toggle-bg: rgba(255, 255, 255, 0.06);
  --aurea-sidenav-toggle-border: rgba(255, 255, 255, 0.10);
}
/* =====================================================================
   Body & typography baseline
   ===================================================================== */
/* Los tokens `--aurea-*` se redefinen en `body.vex-style-dark`, y las custom
   properties sólo heredan hacia abajo: `html`, que es el PADRE de body, siempre
   resolvería el valor claro de `:root`. Como `html` pintaba el lienzo, en modo
   oscuro quedaba una franja crema al hacer overscroll o en páginas cortas.
   Dejando `html` sin fondo, el lienzo lo propaga `body`, que sí ve el token. */
html {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  background: transparent;
}
body {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  background: #F6F4EF;
  background: var(--aurea-bg);
  color: #2D2926;
  color: var(--aurea-fg);
  transition: background 0.4s ease, color 0.3s ease;
}
textarea, input, button {
  font-family: inherit;
}
/* =====================================================================
   Utilidades Tailwind de color literal — variante oscura
   Las rampas `gray-*` y `blue-*` son tokens y se invierten en
   `_style-dark.scss`. Estas otras (`white`, `red-50`, `green-100`…) son
   literales del preset de Tailwind, así que no hay token que redefinir y
   toca corregirlas por selector.
   Especificidad: `body.vex-style-dark .bg-white` (0,2,1) gana a la utilidad
   `:root .bg-white` (0,2,0) que emite Tailwind con `important: ':root'`,
   y styles.scss se carga después de tailwind.scss — no hace falta !important.
   ===================================================================== */
body.vex-style-dark,
body.dark {
  /* Fondos suaves → tinte del mismo tono sobre la superficie oscura */
  /* Bordes suaves */
  /* Tintas oscuras → extremo claro del mismo tono */
  /* Fondos suaves → tinte del mismo tono sobre la superficie oscura */
  /* Bordes suaves */
  /* Tintas oscuras → extremo claro del mismo tono */
  /* Fondos suaves → tinte del mismo tono sobre la superficie oscura */
  /* Bordes suaves */
  /* Tintas oscuras → extremo claro del mismo tono */
  /* Fondos suaves → tinte del mismo tono sobre la superficie oscura */
  /* Bordes suaves */
  /* Tintas oscuras → extremo claro del mismo tono */
  /* Fondos suaves → tinte del mismo tono sobre la superficie oscura */
  /* Bordes suaves */
  /* Tintas oscuras → extremo claro del mismo tono */
  /* Fondos suaves → tinte del mismo tono sobre la superficie oscura */
  /* Bordes suaves */
  /* Tintas oscuras → extremo claro del mismo tono */
  /* Fondos suaves → tinte del mismo tono sobre la superficie oscura */
  /* Bordes suaves */
  /* Tintas oscuras → extremo claro del mismo tono */
}
body.vex-style-dark .bg-white,
body.dark .bg-white {
  background-color: #ffffff;
  background-color: var(--aurea-card);
}
body.vex-style-dark .bg-red-50,
body.dark .bg-red-50 {
  background-color: rgba(232, 146, 127, 0.1);
}
body.vex-style-dark .bg-red-100,
body.dark .bg-red-100 {
  background-color: rgba(232, 146, 127, 0.16);
}
body.vex-style-dark .border-red-100,
body.vex-style-dark .border-red-200,
body.dark .border-red-100,
body.dark .border-red-200 {
  border-color: rgba(232, 146, 127, 0.28);
}
body.vex-style-dark .text-red-600,
body.vex-style-dark .text-red-700,
body.vex-style-dark .text-red-800,
body.vex-style-dark .text-red-900,
body.dark .text-red-600,
body.dark .text-red-700,
body.dark .text-red-800,
body.dark .text-red-900 {
  color: rgb(232, 146, 127);
}
body.vex-style-dark .bg-green-50,
body.dark .bg-green-50 {
  background-color: rgba(143, 184, 122, 0.1);
}
body.vex-style-dark .bg-green-100,
body.dark .bg-green-100 {
  background-color: rgba(143, 184, 122, 0.16);
}
body.vex-style-dark .border-green-100,
body.vex-style-dark .border-green-200,
body.dark .border-green-100,
body.dark .border-green-200 {
  border-color: rgba(143, 184, 122, 0.28);
}
body.vex-style-dark .text-green-600,
body.vex-style-dark .text-green-700,
body.vex-style-dark .text-green-800,
body.vex-style-dark .text-green-900,
body.dark .text-green-600,
body.dark .text-green-700,
body.dark .text-green-800,
body.dark .text-green-900 {
  color: rgb(143, 184, 122);
}
body.vex-style-dark .bg-amber-50,
body.dark .bg-amber-50 {
  background-color: rgba(221, 178, 92, 0.1);
}
body.vex-style-dark .bg-amber-100,
body.dark .bg-amber-100 {
  background-color: rgba(221, 178, 92, 0.16);
}
body.vex-style-dark .border-amber-100,
body.vex-style-dark .border-amber-200,
body.dark .border-amber-100,
body.dark .border-amber-200 {
  border-color: rgba(221, 178, 92, 0.28);
}
body.vex-style-dark .text-amber-600,
body.vex-style-dark .text-amber-700,
body.vex-style-dark .text-amber-800,
body.vex-style-dark .text-amber-900,
body.dark .text-amber-600,
body.dark .text-amber-700,
body.dark .text-amber-800,
body.dark .text-amber-900 {
  color: rgb(221, 178, 92);
}
body.vex-style-dark .bg-yellow-50,
body.dark .bg-yellow-50 {
  background-color: rgba(221, 178, 92, 0.1);
}
body.vex-style-dark .bg-yellow-100,
body.dark .bg-yellow-100 {
  background-color: rgba(221, 178, 92, 0.16);
}
body.vex-style-dark .border-yellow-100,
body.vex-style-dark .border-yellow-200,
body.dark .border-yellow-100,
body.dark .border-yellow-200 {
  border-color: rgba(221, 178, 92, 0.28);
}
body.vex-style-dark .text-yellow-600,
body.vex-style-dark .text-yellow-700,
body.vex-style-dark .text-yellow-800,
body.vex-style-dark .text-yellow-900,
body.dark .text-yellow-600,
body.dark .text-yellow-700,
body.dark .text-yellow-800,
body.dark .text-yellow-900 {
  color: rgb(221, 178, 92);
}
body.vex-style-dark .bg-orange-50,
body.dark .bg-orange-50 {
  background-color: rgba(232, 160, 110, 0.1);
}
body.vex-style-dark .bg-orange-100,
body.dark .bg-orange-100 {
  background-color: rgba(232, 160, 110, 0.16);
}
body.vex-style-dark .border-orange-100,
body.vex-style-dark .border-orange-200,
body.dark .border-orange-100,
body.dark .border-orange-200 {
  border-color: rgba(232, 160, 110, 0.28);
}
body.vex-style-dark .text-orange-600,
body.vex-style-dark .text-orange-700,
body.vex-style-dark .text-orange-800,
body.vex-style-dark .text-orange-900,
body.dark .text-orange-600,
body.dark .text-orange-700,
body.dark .text-orange-800,
body.dark .text-orange-900 {
  color: rgb(232, 160, 110);
}
body.vex-style-dark .bg-indigo-50,
body.dark .bg-indigo-50 {
  background-color: rgba(160, 170, 245, 0.1);
}
body.vex-style-dark .bg-indigo-100,
body.dark .bg-indigo-100 {
  background-color: rgba(160, 170, 245, 0.16);
}
body.vex-style-dark .border-indigo-100,
body.vex-style-dark .border-indigo-200,
body.dark .border-indigo-100,
body.dark .border-indigo-200 {
  border-color: rgba(160, 170, 245, 0.28);
}
body.vex-style-dark .text-indigo-600,
body.vex-style-dark .text-indigo-700,
body.vex-style-dark .text-indigo-800,
body.vex-style-dark .text-indigo-900,
body.dark .text-indigo-600,
body.dark .text-indigo-700,
body.dark .text-indigo-800,
body.dark .text-indigo-900 {
  color: rgb(160, 170, 245);
}
body.vex-style-dark .bg-purple-50,
body.dark .bg-purple-50 {
  background-color: rgba(190, 160, 235, 0.1);
}
body.vex-style-dark .bg-purple-100,
body.dark .bg-purple-100 {
  background-color: rgba(190, 160, 235, 0.16);
}
body.vex-style-dark .border-purple-100,
body.vex-style-dark .border-purple-200,
body.dark .border-purple-100,
body.dark .border-purple-200 {
  border-color: rgba(190, 160, 235, 0.28);
}
body.vex-style-dark .text-purple-600,
body.vex-style-dark .text-purple-700,
body.vex-style-dark .text-purple-800,
body.vex-style-dark .text-purple-900,
body.dark .text-purple-600,
body.dark .text-purple-700,
body.dark .text-purple-800,
body.dark .text-purple-900 {
  color: rgb(190, 160, 235);
}
/* Discreet scrollbar (matches reference) */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: #E8E0D1;
  background: var(--aurea-bg2);
  border-radius: 4px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
/* =====================================================================
   AURORA — animated gradient blobs background
   Mounted as a sibling div with class .aurea-aurora behind the layout.
   ===================================================================== */
.aurea-aurora {
  position: fixed;
  inset: 0;
  z-index: 0;
  background: #F6F4EF;
  background: var(--aurea-bg);
  overflow: hidden;
  pointer-events: none;
  transition: background 0.4s ease;
}
.aurea-aurora .aurea-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(110px);
  pointer-events: none;
  transition: background 0.4s ease;
}
.aurea-aurora .aurea-blob--1 {
  width: 620px;
  height: 620px;
  background: radial-gradient(circle, rgba(232, 180, 122, 0.35), transparent);
  background: radial-gradient(circle, var(--aurea-blob1), transparent);
  top: -180px;
  left: -100px;
  animation: aurea-drift-1 26s ease-in-out infinite;
}
.aurea-aurora .aurea-blob--2 {
  width: 540px;
  height: 460px;
  background: radial-gradient(circle, rgba(214, 219, 207, 0.40), transparent);
  background: radial-gradient(circle, var(--aurea-blob2), transparent);
  top: 42%;
  right: -80px;
  animation: aurea-drift-2 32s ease-in-out infinite;
}
.aurea-aurora .aurea-blob--3 {
  width: 680px;
  height: 300px;
  background: radial-gradient(circle, rgba(224, 122, 95, 0.20), transparent);
  background: radial-gradient(circle, var(--aurea-blob3), transparent);
  bottom: -70px;
  left: 18%;
  animation: aurea-drift-3 24s ease-in-out infinite;
}
@keyframes aurea-drift-1 {
  0%, 100% {
    transform: translate(0, 0);
  }
  40% {
    transform: translate(32px, -22px) scale(1.05);
  }
  70% {
    transform: translate(-18px, 14px) scale(0.97);
  }
}
@keyframes aurea-drift-2 {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-38px, 26px) scale(1.07);
  }
}
@keyframes aurea-drift-3 {
  0%, 100% {
    transform: translate(0, 0);
  }
  45% {
    transform: translate(24px, -14px) scale(1.04);
  }
  80% {
    transform: translate(-14px, 20px) scale(0.98);
  }
}
/* =====================================================================
   Mat-sidenav-container — transparent so aurora shines through
   ===================================================================== */
.sidenav-container,
.mat-drawer-container,
.mat-sidenav-content,
vex-layout .page-container {
  background: transparent !important;
}
/* Hide the obsolete toolbar hamburger (lives in sidenav now) */
.toolbar-sidenav-toggle {
  display: none !important;
}
/* Force the mat-sidenav surface to AUREA cream and kill default shadow band */
vex-sidenav,
vex-sidenav .sidenav,
.sidenav-container .mat-drawer.sidenav,
.sidenav-container .mat-drawer-inner-container {
  background: #F6F4EF !important;
  background: var(--aurea-sidenav-surface) !important;
  color: #2D2926 !important;
  color: var(--aurea-sidenav-text) !important;
}
.sidenav-container .mat-drawer.sidenav,
.sidenav-container .mat-drawer.sidenav.mat-drawer-side {
  border-right: 1px solid rgba(45, 41, 38, 0.08) !important;
  border-right: 1px solid var(--aurea-sidenav-divider) !important;
  box-shadow: none !important;
}
vex-sidenav .mat-expansion-panel,
vex-sidenav .mat-expansion-panel-header {
  background: transparent !important;
  box-shadow: none !important;
  color: #2D2926 !important;
  color: var(--aurea-sidenav-text) !important;
}
/* =====================================================================
   Main content area — sit above aurora, no opaque background
   ===================================================================== */
.content {
  background: transparent !important;
  position: relative;
  z-index: 1;
}
/* On mobile, leave room for the AUREA bottom dock */
.is-mobile .content {
  padding-bottom: 105px;
}
/* =====================================================================
   Toolbar (header) — glass strip, transparent borders
   ===================================================================== */
vex-toolbar, .vex-toolbar {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.72);
  border-bottom: 1px solid var(--aurea-border);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: #2D2926;
  color: var(--aurea-fg);
}
vex-toolbar .toolbar, .vex-toolbar .toolbar {
  min-height: 60px;
  color: #2D2926;
  color: var(--aurea-fg);
}
vex-toolbar .mat-icon-button,
vex-toolbar .mat-mdc-icon-button, .vex-toolbar .mat-icon-button,
.vex-toolbar .mat-mdc-icon-button {
  color: #7A6C5C;
  color: var(--aurea-muted);
}
vex-toolbar .mat-icon-button:hover,
vex-toolbar .mat-mdc-icon-button:hover, .vex-toolbar .mat-icon-button:hover,
.vex-toolbar .mat-mdc-icon-button:hover {
  color: #E07A5F;
  color: var(--aurea-tc);
}
/* =====================================================================
   Footer — slim, neutral
   ===================================================================== */
vex-footer, .vex-footer {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.72);
  border-top: 1px solid var(--aurea-border);
  color: #7A6C5C;
  color: var(--aurea-muted);
  font-size: 11px;
}
vex-footer .footer, .vex-footer .footer {
  min-height: 44px;
  padding: 0 24px;
  color: #7A6C5C;
  color: var(--aurea-muted);
}
/* =====================================================================
   AUREA Utility classes — usable from any feature component
   ===================================================================== */
.aurea-glass {
  background: rgba(246, 244, 239, 0.76);
  background: var(--aurea-surface);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border: 1px solid var(--aurea-border);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.72);
  box-shadow: 0 4px 20px var(--aurea-shadow), inset 0 1px 0 var(--aurea-border);
}
.aurea-pill {
  background: linear-gradient(135deg, #E07A5F, #E8B47A);
  background: var(--aurea-gradient);
  border: none;
  color: #FFFFFF;
  color: var(--aurea-on-accent);
  cursor: pointer;
  border-radius: 99px;
  padding: 9px 20px;
  font-weight: 500;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: transform 0.25s, box-shadow 0.25s;
}
.aurea-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(224, 122, 95, 0.38);
}
.aurea-pill:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
/* =====================================================================
   Auth pages — shared layout (used by login, forgot-password, register,
   change-password, password-change-required, email-validate)
   ===================================================================== */
.aurea-login-wrapper {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  animation: aurea-login-fade-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes aurea-login-fade-in {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.aurea-login-card {
  width: 100%;
  max-width: 400px;
  border-radius: 28px;
  padding: 40px 36px 32px;
  display: flex;
  flex-direction: column;
}
.aurea-login-brand {
  text-align: center;
  margin-bottom: 28px;
}
.aurea-login-logo {
  width: 120px;
  height: auto;
  margin: 0 auto 8px;
  display: block;
}
.aurea-login-title-row {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.aurea-login-title {
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.24em;
  color: #2D2926;
  color: var(--aurea-fg);
  background: linear-gradient(135deg, #E07A5F 0%, #E8B47A 50%, #E07A5F 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.aurea-login-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E07A5F;
  background: var(--aurea-tc, #E07A5F);
  box-shadow: 0 0 8px rgba(224, 122, 95, 0.6);
}
.aurea-login-tagline {
  font-size: 11px;
  color: #7A6C5C;
  color: var(--aurea-muted);
  letter-spacing: 0.06em;
  margin-top: 8px;
}
.aurea-login-heading {
  font-size: 15px;
  font-weight: 600;
  color: #2D2926;
  color: var(--aurea-fg);
  text-align: center;
  margin-bottom: 22px;
  letter-spacing: -0.01em;
}
.aurea-card {
  transition: transform 0.25s, box-shadow 0.25s;
}
.aurea-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.09);
  box-shadow: 0 12px 36px var(--aurea-shadow-hover);
}
/* =====================================================================
   Management Pages — shared styles for companies, brands, users, roles
   Uses AUREA tokens for light/dark mode support.
   ===================================================================== */
/* Summary cards */
.aurea-summary-card {
  background: #ffffff;
  background: var(--aurea-card);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border: 1px solid var(--aurea-border);
  border-radius: 14px;
  padding: 20px 16px;
  text-align: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 4px var(--aurea-shadow);
  transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.aurea-summary-card .aurea-summary-value {
  font-size: 1.75rem;
  font-weight: 700;
  color: #2D2926;
  color: var(--aurea-fg);
  line-height: 1.2;
}
.aurea-summary-card .aurea-summary-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #7A6C5C;
  color: var(--aurea-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-top: 4px;
}
.aurea-summary-card .aurea-summary-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 6px;
  vertical-align: middle;
}
/* Summary card status variants */
.aurea-summary-card--total {
  border-left: 4px solid #E07A5F;
  border-left: 4px solid var(--aurea-tc);
}
.aurea-summary-card--active {
  border-left: 4px solid #8FB87A;
  border-left: 4px solid var(--aurea-success-light);
}
.aurea-summary-card--active .aurea-summary-value {
  color: #54644C;
  color: var(--aurea-success);
}
.aurea-summary-card--activating {
  border-left: 4px solid #E8B47A;
  border-left: 4px solid var(--aurea-am);
}
.aurea-summary-card--activating .aurea-summary-value {
  color: #E8B47A;
  color: var(--aurea-am);
}
.aurea-summary-card--inactive {
  border-left: 4px solid #988A7E;
  border-left: 4px solid var(--aurea-light);
}
.aurea-summary-card--inactive .aurea-summary-value {
  color: #7A6C5C;
  color: var(--aurea-muted);
}
/* Dark mode adjustments for summary cards */
body.vex-style-dark .aurea-summary-card--active .aurea-summary-value,
body.dark .aurea-summary-card--active .aurea-summary-value {
  color: #8FB87A;
  color: var(--aurea-success-light);
}
/* Filter bar */
.aurea-filter-bar {
  background: #ffffff;
  background: var(--aurea-card);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border: 1px solid var(--aurea-border);
  border-radius: 14px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 4px var(--aurea-shadow);
  transition: background 0.3s, border-color 0.3s;
  /* Contador al final de la barra (Catalogo de modelos). Iba con
     `ml-auto text-sm text-gray-500` suelto en la plantilla. */
  /* Grupo de acciones al final (Auditoria, que aplica al pulsar) */
}
.aurea-filter-bar .aurea-filter-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #7A6C5C;
  color: var(--aurea-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  gap: 6px;
}
.aurea-filter-bar .aurea-filter-label mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  color: #7A6C5C;
  color: var(--aurea-muted);
}
.aurea-filter-bar .aurea-filter-count {
  margin-left: auto;
  font-size: 0.8rem;
  color: #7A6C5C;
  color: var(--aurea-muted);
  white-space: nowrap;
}
.aurea-filter-bar .filter-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
/* =====================================================================
   Cabecera de página — contrato único
   =====================================================================
   Sustituye a las 12 declaraciones de `.page-header*` repartidas por 14
   SCSS de feature, todas con la misma forma y distintos valores (1.4rem/700
   frente a 24px/600, subtítulo `--aurea-muted` frente a #666…).

   Aquí vivían `.aurea-page-header` / `.aurea-page-title`, que no usaba
   ningún componente: se nombraban distinto de lo que el marcado ya escribía.
   Se adoptan los nombres reales (`page-header-*`), así que los features que
   ya seguían el patrón no necesitan tocar la plantilla, sólo borrar su copia
   local del CSS.

   Marcado esperado:

     <vex-page-layout-header>
       <div class="page-header-content">
         <div class="page-header-title">
           <h1 class="page-title">Título</h1>
           <p class="page-subtitle">Descripción</p>
         </div>
         <div class="page-header-actions"> …botones… </div>
       </div>
     </vex-page-layout-header>
   ===================================================================== */
.page-header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
  flex-wrap: wrap;
}
.page-header-title {
  min-width: 0;
}
.page-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #2D2926;
  color: var(--aurea-fg);
  margin: 0;
  letter-spacing: -0.01em;
}
.page-subtitle {
  font-size: 0.8rem;
  color: #7A6C5C;
  color: var(--aurea-muted);
  margin: 2px 0 0;
}
.page-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  /* Antes se repetía en tag-list, tag-form y catalog-model-form */
  .page-title {
    font-size: 1.1rem;
  }
}
@media (max-width: 639px) {
  .page-header-content {
    align-items: flex-start;
  }
  .page-header-actions {
    width: 100%;
  }
}
/* Tarjeta de formulario
   ---------------------
   Un formulario de pantalla completa va dentro de una tarjeta, igual que una
   tabla va dentro de `.aurea-table-wrapper`. La receta ya existia duplicada
   como `.form-card` en Etiquetas y en el formulario de modelo del catalogo;
   aqui pasa a ser unica, y las pantallas que no la tenian (Solicitar modelo,
   Alertas de aprobacion, Roles) la heredan.

   Dentro, `.aurea-form-section` separa bloques de campos y
   `.aurea-form-actions` alinea los botones al pie. */
.aurea-form-card {
  background: #ffffff;
  background: var(--aurea-card);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border: 1px solid var(--aurea-border);
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 4px var(--aurea-shadow);
  transition: background 0.3s, border-color 0.3s;
}
.aurea-form-card .aurea-form-section + .aurea-form-section {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(45, 41, 38, 0.10);
  border-top: 1px solid var(--aurea-divider);
}
.aurea-form-card .aurea-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(45, 41, 38, 0.10);
  border-top: 1px solid var(--aurea-divider);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .aurea-form-card {
    padding: 16px;
  }
}
/* Data table wrapper */
.aurea-table-wrapper {
  background: #ffffff;
  background: var(--aurea-card);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border: 1px solid var(--aurea-border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 4px var(--aurea-shadow);
  transition: background 0.3s, border-color 0.3s;
  /* ─── Contrato de tabla ───────────────────────────────────────────────
     Estilo canónico, tomado de Empresas y Marcas. Cubre las tres familias
     de marcado que conviven en la app, para que las tres se vean igual:

       1. `app-complex-table`      → <table mat-table> dentro del componente
       2. `<table mat-table>`      → mat-table suelta en el feature
       3. `<table>` HTML plana     → Publicaciones, Aprobaciones, Solicitudes

     Los selectores `thead th` / `tbody td` alcanzan a las tres (Material
     también renderiza thead/tbody reales en su modo <table>); los selectores
     `.mat-*` se mantienen para el modo flex de Material, que no los emite.

     Para migrar una tabla basta con envolverla en `.aurea-table-wrapper` y
     quitarle las clases de color propias (`bg-gray-50`, `text-gray-600`,
     `border-gray-100`, `hover:bg-gray-50`, `bg-white`).
     ─────────────────────────────────────────────────────────────────── */
  /* Contenedor de scroll horizontal: el wrapper recorta (overflow:hidden)
     para respetar el radio, así que las tablas anchas scrollean aquí dentro. */
  /* Última fila sin línea: el borde del wrapper ya cierra la tabla */
  /* El estado vacío no se comporta como fila (no resalta al pasar por encima).
     `:has()` va en su propia regla: si el navegador no lo soporta descarta la
     lista de selectores entera, y se llevaría por delante la clase explícita. */
  /* Subfila de detalle desplegable (Publicaciones, Aprobaciones) */
  /* Paginador Material dentro del wrapper: se alinea con `.aurea-pagination`
     para que las dos formas de paginar que hay en la app se lean igual. */
}
.aurea-table-wrapper .aurea-table-header {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(45, 41, 38, 0.10);
  border-bottom: 1px solid var(--aurea-divider);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.aurea-table-wrapper .aurea-table-header .aurea-table-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #2D2926;
  color: var(--aurea-fg);
}
.aurea-table-wrapper table {
  width: 100%;
  border-collapse: collapse;
}
.aurea-table-wrapper .aurea-table-scroll,
.aurea-table-wrapper .overflow-x-auto {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.aurea-table-wrapper thead th,
.aurea-table-wrapper th.mat-mdc-header-cell,
.aurea-table-wrapper th.mat-header-cell {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: left;
  white-space: nowrap;
  color: #7A6C5C;
  color: var(--aurea-muted);
  background: rgba(246, 244, 239, 0.92);
  background: var(--aurea-table-head);
  border-bottom: 2px solid rgba(45, 41, 38, 0.10);
  border-bottom: 2px solid var(--aurea-divider);
  padding: 10px 16px;
}
.aurea-table-wrapper tbody td,
.aurea-table-wrapper td.mat-mdc-cell,
.aurea-table-wrapper td.mat-cell {
  font-size: 0.82rem;
  color: #2D2926;
  color: var(--aurea-fg);
  /* Divisoria en tinta, no `--aurea-border`: el wrapper es `--aurea-card`
     (blanco) y un blanco al 72% encima no se ve. */
  border-bottom: 1px solid rgba(45, 41, 38, 0.10);
  border-bottom: 1px solid var(--aurea-divider);
  padding: 10px 16px;
}
.aurea-table-wrapper thead tr,
.aurea-table-wrapper tr.mat-mdc-header-row,
.aurea-table-wrapper tr.mat-header-row {
  background: rgba(246, 244, 239, 0.92);
  background: var(--aurea-table-head);
}
.aurea-table-wrapper tbody tr,
.aurea-table-wrapper tr.mat-mdc-row,
.aurea-table-wrapper tr.mat-row {
  transition: background 0.15s;
}
.aurea-table-wrapper tbody tr:hover,
.aurea-table-wrapper tr.mat-mdc-row:hover,
.aurea-table-wrapper tr.mat-row:hover {
  background: rgba(224, 122, 95, 0.10);
  background: var(--aurea-surface-hover);
}
.aurea-table-wrapper tbody tr:last-child td {
  border-bottom: none;
}
.aurea-table-wrapper tbody tr.aurea-table-empty:hover {
  background: transparent;
}
.aurea-table-wrapper tbody tr:has(> td[colspan]):hover {
  background: transparent;
}
.aurea-table-wrapper tbody tr.aurea-table-subrow,
.aurea-table-wrapper tbody tr.aurea-table-subrow:hover {
  background: rgba(246, 244, 239, 0.92);
  background: var(--aurea-table-head);
}
.aurea-table-wrapper .mat-mdc-paginator,
.aurea-table-wrapper .mat-paginator {
  background: transparent;
  color: #7A6C5C;
  color: var(--aurea-muted);
  border-top: 1px solid rgba(45, 41, 38, 0.10);
  border-top: 1px solid var(--aurea-divider);
  font-size: 0.8rem;
}
/* Pagination */
.aurea-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.72);
  border-top: 1px solid var(--aurea-border);
  gap: 12px;
  flex-wrap: wrap;
}
.aurea-pagination .aurea-pagination-info {
  font-size: 0.8rem;
  color: #7A6C5C;
  color: var(--aurea-muted);
}
.aurea-pagination .aurea-pagination-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* Status badges */
.aurea-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 99px;
}
.aurea-status-badge .aurea-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.aurea-status-badge--active {
  background: rgba(90, 107, 82, 0.12);
  color: #54644C;
  color: var(--aurea-success);
}
.aurea-status-badge--active .aurea-status-dot {
  background: #8FB87A;
  background: var(--aurea-success-light);
}
.aurea-status-badge--activating {
  background: rgba(232, 180, 122, 0.15);
  color: #B8860B;
}
.aurea-status-badge--activating .aurea-status-dot {
  background: #E8B47A;
  background: var(--aurea-am);
}
.aurea-status-badge--inactive {
  background: rgba(155, 142, 126, 0.12);
  color: #7A6C5C;
  color: var(--aurea-muted);
}
.aurea-status-badge--inactive .aurea-status-dot {
  background: #988A7E;
  background: var(--aurea-light);
}
.aurea-status-badge--pending {
  background: rgba(224, 122, 95, 0.12);
  color: #E07A5F;
  color: var(--aurea-tc);
}
.aurea-status-badge--pending .aurea-status-dot {
  background: #E07A5F;
  background: var(--aurea-tc);
}
/* Dark mode status badges */
body.vex-style-dark .aurea-status-badge--active,
body.dark .aurea-status-badge--active {
  background: rgba(143, 184, 122, 0.15);
  color: #8FB87A;
  color: var(--aurea-success-light);
}
body.vex-style-dark .aurea-status-badge--activating,
body.dark .aurea-status-badge--activating {
  background: rgba(232, 180, 122, 0.18);
  color: #E8B47A;
  color: var(--aurea-am);
}
body.vex-style-dark .aurea-status-badge--inactive,
body.dark .aurea-status-badge--inactive {
  background: rgba(138, 126, 116, 0.18);
  color: #988A7E;
  color: var(--aurea-light);
}
/* Role badges */
.aurea-role-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.7rem;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 99px;
  background: rgba(224, 122, 95, 0.1);
  color: #E07A5F;
  color: var(--aurea-tc);
}
body.vex-style-dark .aurea-role-badge,
body.dark .aurea-role-badge {
  background: rgba(224, 122, 95, 0.18);
  color: #F2A085;
}
/* Action buttons in tables */
.aurea-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border: 1px solid var(--aurea-border);
  background: transparent;
  color: #7A6C5C;
  color: var(--aurea-muted);
  cursor: pointer;
  transition: all 0.2s;
}
.aurea-action-btn mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.aurea-action-btn:hover {
  background: rgba(224, 122, 95, 0.10);
  background: var(--aurea-surface-hover);
  color: #E07A5F;
  color: var(--aurea-tc);
  border-color: #E07A5F;
  border-color: var(--aurea-tc);
}
.aurea-action-btn--danger:hover {
  background: rgba(183, 65, 51, 0.10);
  background: var(--aurea-danger-soft);
  color: #AB3A2C;
  color: var(--aurea-danger);
  border-color: #AB3A2C;
  border-color: var(--aurea-danger);
}
.aurea-action-btn--success:hover {
  background: rgba(90, 107, 82, 0.1);
  color: #54644C;
  color: var(--aurea-success);
  border-color: #54644C;
  border-color: var(--aurea-success);
}
/* Material overrides for management pages
   ---------------------------------------
   `.mat-card` va junto a `.mat-mdc-card`: esta hoja solo cubria la variante MDC,
   pero la app monta Material 14 en modo legacy, asi que las 18 pantallas que
   usan `<mat-card>` (Aprobaciones, Publicacion, Identidad de marca, Plantillas,
   Menus, Usuarios...) se quedaban con el `background: white; color: black`
   literal del tema de Material: fuera de la paleta, sin el borde ni el radio de
   AUREA, con la sombra dura de elevacion y sin modo oscuro. */
.mat-card,
.mat-mdc-card {
  /* Tarjeta opaca, la misma superficie que `.aurea-table-wrapper` y que las tarjetas
     de feature. Iba con `--aurea-surface-strong`, el crema translucido al 92%: sobre
     el fondo de la pagina se leia beige, y como los campos de formulario si son
     blancos, cada formulario montado en `<mat-card>` (Identidad de marca, Aprobaciones,
     Publicacion, Plantillas, Menus, Usuarios) salia con la tarjeta de un color y sus
     campos de otro. De los 68 formularios de la app, los que declaran su propio
     contenedor ya usaban `--aurea-card` en su mayoria; esto alinea al resto.

     Sin `backdrop-filter`: sobre una superficie opaca no se ve, y es trabajo de GPU
     en cada repintado de las 18 pantallas que usan tarjeta. */
  background: #ffffff !important;
  background: var(--aurea-card) !important;
  color: #2D2926;
  color: var(--aurea-fg);
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border: 1px solid var(--aurea-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 4px var(--aurea-shadow) !important;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
/* `--aurea-card` ya cambia de valor con el tema (#ffffff / #1E1A17), asi que el
   bloque oscuro solo necesita el borde, que en claro es blanco translucido. */
body.vex-style-dark .mat-card,
body.vex-style-dark .mat-mdc-card,
body.dark .mat-card,
body.dark .mat-mdc-card {
  border-color: rgba(255, 255, 255, 0.72) !important;
  border-color: var(--aurea-border) !important;
}
/* Table row hover */
.aurea-table-row {
  transition: background 0.15s;
}
.aurea-table-row:hover {
  background: rgba(224, 122, 95, 0.10) !important;
  background: var(--aurea-surface-hover) !important;
}
body.vex-style-dark .aurea-table-row:hover,
body.dark .aurea-table-row:hover {
  background: rgba(224, 122, 95, 0.08) !important;
}
/* Section title (forms, detail views) */
.aurea-section-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #2D2926;
  color: var(--aurea-fg);
  margin: 0 0 16px;
  letter-spacing: -0.01em;
}
/* Field label (forms) */
.aurea-field-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #7A6C5C;
  color: var(--aurea-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  display: block;
  margin-bottom: 6px;
}
/* Validation error */
.aurea-validation-error {
  text-align: center;
  font-size: 0.8rem;
  color: #AB3A2C;
  color: var(--aurea-danger);
  background: rgba(183, 65, 51, 0.10);
  background: var(--aurea-danger-soft);
  border: 1px solid rgba(183, 65, 51, 0.10);
  border: 1px solid var(--aurea-danger-soft);
  border-radius: 10px;
  padding: 12px 16px;
  max-width: 400px;
  width: 100%;
}
/* =====================================================================
   ESCALA DE BOTONES — tres variantes y una sola definición de cada una
   =====================================================================
   1. Primario     · relleno con el gradiente de marca
   2. Secundario   · píldora con borde terracota  ← `mat-stroked-button`
   3. Destructivo  · igual que el secundario en rojo `--aurea-danger`
   Más dos auxiliares: botón de icono e icono de acción en celda.

   `mat-stroked-button` (136 usos, el patrón más frecuente de la app) pasa a
   ser el secundario de marca: antes salía con el gris por defecto de Material
   y no se parecía a `.aurea-table-action-btn`, que ya hacía este papel en las
   tablas. Sólo se le cambia el color: el tamaño y el interlineado los sigue
   poniendo Material, para no descuadrar 136 botones.
   ===================================================================== */
/* ─── 1. Primario ─────────────────────────────────────────────────────── */
.mat-raised-button.mat-primary,
.mat-flat-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
button[mat-raised-button][color=primary],
button[mat-flat-button][color=primary] {
  background: linear-gradient(135deg, #E07A5F, #E8B47A) !important;
  background: var(--aurea-gradient) !important;
  color: #FFFFFF !important;
  color: var(--aurea-on-accent) !important;
  border-radius: 9999px !important;
  border-radius: var(--aurea-radius-pill) !important;
  box-shadow: 0 4px 14px rgba(224, 122, 95, 0.25);
  transition: transform 0.2s, box-shadow 0.2s;
}
.mat-raised-button.mat-primary:hover:not(:disabled):not(.mat-button-disabled),
.mat-flat-button.mat-primary:hover:not(:disabled):not(.mat-button-disabled),
.mat-mdc-raised-button.mat-primary:hover:not(:disabled):not(.mat-button-disabled),
.mat-mdc-unelevated-button.mat-primary:hover:not(:disabled):not(.mat-button-disabled),
button[mat-raised-button][color=primary]:hover:not(:disabled):not(.mat-button-disabled),
button[mat-flat-button][color=primary]:hover:not(:disabled):not(.mat-button-disabled) {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(224, 122, 95, 0.38);
}
.mat-raised-button.mat-primary:disabled, .mat-raised-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-primary:disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-mdc-raised-button.mat-primary:disabled,
.mat-mdc-raised-button.mat-primary.mat-button-disabled,
.mat-mdc-unelevated-button.mat-primary:disabled,
.mat-mdc-unelevated-button.mat-primary.mat-button-disabled,
button[mat-raised-button][color=primary]:disabled,
button[mat-raised-button][color=primary].mat-button-disabled,
button[mat-flat-button][color=primary]:disabled,
button[mat-flat-button][color=primary].mat-button-disabled {
  opacity: 0.45;
  box-shadow: none;
  transform: none;
}
/* ─── 2. Secundario ───────────────────────────────────────────────────── */
/* 2a · Material. Sólo color: la métrica la mantiene Material.
        La especificidad (0,2,0) iguala a la del tema
        (`.mat-stroked-button:not(.mat-button-disabled)`) y styles.scss se
        carga después, así que gana por orden. */
.mat-stroked-button:not(.mat-button-disabled),
.mat-mdc-outlined-button:not(:disabled) {
  border-color: #E07A5F;
  border-color: var(--aurea-tc);
  color: #E07A5F;
  color: var(--aurea-tc);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.mat-stroked-button:not(.mat-button-disabled) .mat-icon,
.mat-mdc-outlined-button:not(:disabled) .mat-icon {
  color: inherit;
}
.mat-stroked-button:not(.mat-button-disabled):hover,
.mat-mdc-outlined-button:not(:disabled):hover {
  background: #E07A5F;
  background: var(--aurea-tc);
  color: #fff;
}
/* Destructivo sobre el secundario de Material */
.mat-stroked-button.mat-warn:not(.mat-button-disabled),
.mat-mdc-outlined-button.mat-warn:not(:disabled) {
  border-color: #AB3A2C;
  border-color: var(--aurea-danger);
  color: #AB3A2C;
  color: var(--aurea-danger);
}
.mat-stroked-button.mat-warn:not(.mat-button-disabled):hover,
.mat-mdc-outlined-button.mat-warn:not(:disabled):hover {
  background: #AB3A2C;
  background: var(--aurea-danger);
  color: #fff;
}
/* 2b · Píldora propia. Un solo bloque para las tres clases que hacían lo
        mismo por separado: `.aurea-table-action-btn` (tablas de feature),
        `.outline-btn` (dentro de app-complex-table) y `.aurea-btn-secondary`
        (nombre nuevo, para marcado que no sea Material). */
.aurea-btn-secondary,
.aurea-table-action-btn,
.outline-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid #E07A5F;
  border: 1px solid var(--aurea-tc);
  color: #E07A5F;
  color: var(--aurea-tc);
  background: transparent;
  border-radius: 9999px;
  border-radius: var(--aurea-radius-pill);
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  font-weight: 500;
  white-space: nowrap;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.aurea-btn-secondary mat-icon,
.aurea-table-action-btn mat-icon,
.outline-btn mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.aurea-btn-secondary:hover,
.aurea-table-action-btn:hover,
.outline-btn:hover {
  background: #E07A5F;
  background: var(--aurea-tc);
  color: #fff;
}
.aurea-btn-secondary:disabled,
.aurea-table-action-btn:disabled,
.outline-btn:disabled {
  opacity: 0.4;
  pointer-events: none;
}
/* ─── 3. Destructivo ──────────────────────────────────────────────────── */
.aurea-btn-danger,
.aurea-table-action-btn--danger {
  border-color: #AB3A2C;
  border-color: var(--aurea-danger);
  color: #AB3A2C;
  color: var(--aurea-danger);
}
.aurea-btn-danger:hover,
.aurea-table-action-btn--danger:hover {
  background: #AB3A2C;
  background: var(--aurea-danger);
  color: #fff;
}
/* ─── Auxiliar · botón de icono ───────────────────────────────────────── */
.mat-icon-button:not(.mat-button-disabled),
.mat-mdc-icon-button:not(:disabled) {
  color: #7A6C5C;
  color: var(--aurea-muted);
  transition: color 0.2s;
}
.mat-icon-button:not(.mat-button-disabled):hover,
.mat-mdc-icon-button:not(:disabled):hover {
  color: #E07A5F;
  color: var(--aurea-tc);
}
.mat-icon-button:not(.mat-button-disabled).mat-warn,
.mat-mdc-icon-button:not(:disabled).mat-warn {
  color: #AB3A2C;
  color: var(--aurea-danger);
}
/* ─── Auxiliar · botón «limpiar filtros» ──────────────────────────────── */
.aurea-clear-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 9999px;
  border-radius: var(--aurea-radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border: 1px solid var(--aurea-border);
  background: transparent;
  color: #7A6C5C;
  color: var(--aurea-muted);
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.aurea-clear-btn mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.aurea-clear-btn:hover {
  background: rgba(224, 122, 95, 0.10);
  background: var(--aurea-surface-hover);
  color: #E07A5F;
  color: var(--aurea-tc);
  border-color: #E07A5F;
  border-color: var(--aurea-tc);
}
/* ─── Responsive de la píldora ────────────────────────────────────────── */
@media (max-width: 767px) {
  .aurea-btn-secondary,
.aurea-table-action-btn,
.outline-btn {
    padding: 0.35rem 0.7rem;
    font-size: 0.65rem;
  }
  .aurea-btn-secondary mat-icon,
.aurea-table-action-btn mat-icon,
.outline-btn mat-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 480px) {
  .aurea-btn-secondary,
.aurea-table-action-btn,
.outline-btn {
    padding: 0.3rem 0.6rem;
    font-size: 0.6rem;
  }
  .aurea-btn-secondary mat-icon,
.aurea-table-action-btn mat-icon,
.outline-btn mat-icon {
    font-size: 14px;
    width: 14px;
    height: 14px;
  }
}
/* ─── Auxiliar · iconos dentro de botones ─────────────────────────────────
   Material dibuja `<mat-icon>` a 24px, la misma medida que usa suelto en un
   estado vacio o en una cabecera. Dentro de un boton de texto (14px) sale
   desproporcionado y, como vex ya hizo flex el `.mat-button-wrapper`, el
   espacio en blanco del HTML (`<mat-icon>add</mat-icon> Nueva coleccion`) se
   colapsa y el icono queda pegado a la etiqueta.

   Ademas, varias features declaran el tamano del icono de su estado vacio con
   un selector descendente (`.empty-state mat-icon { font-size: 48px }`), que
   tambien alcanza al icono del boton de accion que vive dentro de ese mismo
   estado vacio: de ahi los `+` gigantes. Se fija aqui, con tres clases de
   especificidad (0,3,0), para ganarle a esos descendentes sin tener que
   reescribir el SCSS de cada feature.
   ──────────────────────────────────────────────────────────────────────── */
.mat-button > .mat-button-wrapper,
.mat-stroked-button > .mat-button-wrapper,
.mat-flat-button > .mat-button-wrapper,
.mat-raised-button > .mat-button-wrapper {
  gap: 8px;
}
.mat-button > .mat-button-wrapper > .mat-icon,
.mat-stroked-button > .mat-button-wrapper > .mat-icon,
.mat-flat-button > .mat-button-wrapper > .mat-icon,
.mat-raised-button > .mat-button-wrapper > .mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin: 0;
  flex-shrink: 0;
}
/* Boton de icono: Material lo centra con `line-height: 40px`, asi que en
   cuanto una feature le baja la altura (`button { width: 28px; height: 28px }`
   en las celdas de accion) el glifo se sale por abajo. Con el wrapper a la
   altura real del boton, el centrado lo hace el flex de vex y el icono se
   adapta al tamano que le ponga cada tabla. */
.mat-icon-button > .mat-button-wrapper {
  height: 100%;
  line-height: 1;
}
/* Iconos de accion en celda: la medida por defecto de 24px no cabe en los
   botones reducidos de las tablas. */
.mat-icon-button.aurea-icon-btn--sm {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.mat-icon-button.aurea-icon-btn--sm > .mat-button-wrapper > .mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
/* =====================================================================
   Tooltip
   =====================================================================
   Material lo pinta con su gris por defecto, que no pertenece a la paleta y
   se lee mal sobre el crema. */
.mat-tooltip {
  background: rgba(45, 41, 38, 0.94);
  color: #FFFFFF;
  font-size: 0.72rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.01em;
  border-radius: 8px;
  padding: 6px 10px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}
/* =====================================================================
   Form fields — discreet AUREA tint
   ===================================================================== */
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(232, 224, 209, 0.28) !important;
  border-radius: 10px !important;
}
/* ─── Appearance `outline` · el campo de la app ───────────────────────────
   Reparto real de los 234 `mat-form-field` que hay en el proyecto:
     208 outline  ·  16 fill (solo las pantallas de acceso)  ·  1 standard
     ·  11 sin declarar (underline de Material)
   El unico que esta escrito aqui era `fill`, el menos usado. Los 208 de
   outline se quedaban con el tema de vex, que los pinta con un trazo
   `rgba(82, 63, 105, 0.12)` — un gris morado que no esta en la paleta y que
   sobre el crema se lee como suciedad — y con un hover casi negro
   (`rgba(82, 63, 105, 0.87)`). Al lado de un `.picker` blanco de 10px, los
   campos parecian de otra pantalla.

   Aqui el campo pasa a ser el mismo objeto que el picker: relleno de tarjeta,
   trazo de divisoria y 10px de radio; terracota al pasar por encima y al
   enfocar. El foco ya iba en terracota por `--color-primary`, se mantiene. */
.mat-form-field-appearance-outline {
  /* Trazo en reposo */
  /* Trazo grueso: Material lo usa para hover y para foco */
  /* Material dibuja el trazo en tres piezas y el radio va en los extremos.
     Aqui NO se toca el ancho: `updateOutlineGap()` le escribe a esta pieza un
     `style.width` calculado a partir de donde empieza la etiqueta, y un
     `min-width` en la hoja ganaria siempre (el ancho usado es el mayor de los
     dos) y descuadraria la muesca. Si la pieza sale mas estrecha que 10px, el
     navegador reduce el radio en proporcion y la curva sigue bien. */
  /* Etiqueta y texto de apoyo, en la tinta de la paleta */
  /* Deshabilitado: sin relleno de tarjeta, para que se distinga de un campo
     vacio pero editable (que es como se leian antes todos). */
}
.mat-form-field-appearance-outline .mat-form-field-flex {
  background: #ffffff;
  background: var(--aurea-card);
  border-radius: 10px;
  transition: background 0.2s;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(45, 41, 38, 0.10);
  color: var(--aurea-divider);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #E07A5F;
  color: var(--aurea-tc);
}
.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 10px 0 0 10px;
}
.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0 10px 10px 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  color: #7A6C5C;
  color: var(--aurea-muted);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-label {
  color: #E07A5F;
  color: var(--aurea-tc);
}
.mat-form-field-appearance-outline .mat-hint {
  color: #7A6C5C;
  color: var(--aurea-muted);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-flex {
  background: #F4F1EB;
  background: var(--aurea-surface-subtle);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(45, 41, 38, 0.10);
  color: var(--aurea-divider);
}
/* Error: el rojo unico de la paleta, no el `--color-warn` del tema */
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #AB3A2C;
  color: var(--aurea-danger);
}
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-label {
  color: #AB3A2C;
  color: var(--aurea-danger);
}
.mat-error {
  color: #AB3A2C;
  color: var(--aurea-danger);
}
/* =====================================================================
   Deslizador nativo (`input[type="range"]`)
   =====================================================================
   Hay dos en la app y no se parecian en nada: el de Nivel de formalidad
   (Identidad de marca) se pintaba a mano y el de Captura por SKU salia con el
   aspecto por defecto del navegador.

   Ademas el primero tenia la barra en `--aurea-border`, que es blanco al 72%:
   sobre la tarjeta —ahora opaca y blanca— el carril desaparecia y solo se veia
   el circulo, asi que no habia forma de situar el valor en la escala.

   Aqui va un solo estilo para los dos, con tokens, de modo que funcione en los
   dos temas. Chrome y Firefox exponen el carril y el tirador con pseudoelementos
   distintos y no se pueden agrupar en un mismo selector (si uno no se entiende,
   el navegador descarta la regla entera), asi que van por separado.
   ===================================================================== */
input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 20px; /* area de click comoda; el carril va dentro */
  background: transparent; /* el color lo pone el carril */
  cursor: pointer;
  outline: none;
}
/* ─── Carril ─── */
input[type=range]::-webkit-slider-runnable-track {
  height: 5px;
  border-radius: 999px;
  background: #E8E0D1;
  background: var(--aurea-slider-track);
  border: 1px solid rgba(45, 41, 38, 0.10);
  border: 1px solid var(--aurea-divider);
}
input[type=range]::-moz-range-track {
  height: 5px;
  border-radius: 999px;
  background: #E8E0D1;
  background: var(--aurea-slider-track);
  border: 1px solid rgba(45, 41, 38, 0.10);
  border: 1px solid var(--aurea-divider);
}
/* ─── Tirador ─── */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #E07A5F, #E8B47A);
  background: var(--aurea-gradient);
  border: 2px solid #ffffff;
  border: 2px solid var(--aurea-card);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  /* Centrado sobre el carril: (alto del carril + bordes - alto del tirador) / 2 */
  margin-top: -7px;
  -webkit-transition: transform 0.15s, box-shadow 0.15s;
  transition: transform 0.15s, box-shadow 0.15s;
}
input[type=range]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #E07A5F, #E8B47A);
  background: var(--aurea-gradient);
  border: 2px solid #ffffff;
  border: 2px solid var(--aurea-card);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  -moz-transition: transform 0.15s, box-shadow 0.15s;
  transition: transform 0.15s, box-shadow 0.15s;
}
input[type=range]:hover::-webkit-slider-thumb {
  transform: scale(1.1);
}
input[type=range]:hover::-moz-range-thumb {
  transform: scale(1.1);
}
/* Foco de teclado: el deslizador se maneja con las flechas y sin esto no habia
   ninguna senal de donde estaba el foco. */
input[type=range]:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 4px rgba(224, 122, 95, 0.10), 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 4px var(--aurea-surface-hover), 0 1px 4px rgba(0, 0, 0, 0.25);
}
input[type=range]:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 4px rgba(224, 122, 95, 0.10), 0 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 4px var(--aurea-surface-hover), 0 1px 4px rgba(0, 0, 0, 0.25);
}
input[type=range]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
/* Extremos de la escala (el «1» y el «5» del Nivel de formalidad) */
.aurea-slider-label {
  font-size: 0.75rem;
  color: #7A6C5C;
  color: var(--aurea-muted);
  min-width: 12px;
  text-align: center;
}
/* =====================================================================
   Code input
   ===================================================================== */
code-input {
  --item-border-focused: 2px solid rgb(var(--color-primary)) !important;
  --item-border-bottom-focused: 2px solid rgb(var(--color-primary)) !important;
}
.ant-image-preview-img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ant-image-preview-img-wrapper img {
  max-height: 600px;
}
.add-button {
  background-color: #91c02c;
  background-color: var(--color-add-button);
}
.delete-button {
  background-color: #AB3A2C;
  background-color: var(--color-delete-button);
  color: #fff;
}
.error-custom-field{
  margin-top: 0.6666666667em;
  padding-left: 1rem;
  padding-right: 1rem;
  font: 400 12px / 20px "Inter var", Inter, -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";
  font: 400 12px / 20px var(--font);
  letter-spacing: 0;
  font-size: 75% !important;
}
.mat-expansion-indicator::after {
  color: --primary !important;
  border-color: currentColor !important;
}
.mat-expansion-indicator {
  color: --primary !important;
}
mat-expansion-panel-header .mat-expansion-indicator {
  color: --primary !important;
}
mat-expansion-panel-header .mat-expansion-indicator::after {
  border-color: currentColor !important;
}
@media (max-width: 480px) {
  .role-selector-dialog {
    max-width: calc(100vw - 32px) !important;
    margin: 16px !important;
  }
  .change-password-dialog-panel {
    max-width: calc(100vw - 32px) !important;
    margin: 16px !important;
  }
}
/* =====================================================================
   AUREA — neutralize hard-coded backgrounds in feature containers
   so they don't cover the aurora and they react to dark mode.
   These features (models, collections, sessions, avatars, sku-capture,
   virtual-dressing) ship their own SCSS with `background-color: #F6F4EF`
   or `#f5f3f0` and `min-height: 100vh` on the root wrapper, which:
     1) hides the global aurora background
     2) does not flip in body.vex-style-dark
   The global overrides below fix both without touching each feature.
   ===================================================================== */
.models-library-container,
.collections-library-container,
.sessions-library-container,
.avatar-library-container,
.sku-capture-container,
.ai-sessions-container,
.virtual-dressing-container {
  background: transparent !important;
  background-color: transparent !important;
  /* keep min-height for layout but don't force it past the viewport */
  min-height: calc(100vh - 64px);
  min-height: calc(100vh - var(--toolbar-height, 64px));
  color: #2D2926;
  color: var(--aurea-fg);
  /* Titles & secondary text use AUREA tokens (instead of hardcoded #1a1a1a / #6b6b6b) */
}
.models-library-container h1, .models-library-container h2, .models-library-container h3, .models-library-container h4, .models-library-container .title,
.collections-library-container h1,
.collections-library-container h2,
.collections-library-container h3,
.collections-library-container h4,
.collections-library-container .title,
.sessions-library-container h1,
.sessions-library-container h2,
.sessions-library-container h3,
.sessions-library-container h4,
.sessions-library-container .title,
.avatar-library-container h1,
.avatar-library-container h2,
.avatar-library-container h3,
.avatar-library-container h4,
.avatar-library-container .title,
.sku-capture-container h1,
.sku-capture-container h2,
.sku-capture-container h3,
.sku-capture-container h4,
.sku-capture-container .title,
.ai-sessions-container h1,
.ai-sessions-container h2,
.ai-sessions-container h3,
.ai-sessions-container h4,
.ai-sessions-container .title,
.virtual-dressing-container h1,
.virtual-dressing-container h2,
.virtual-dressing-container h3,
.virtual-dressing-container h4,
.virtual-dressing-container .title {
  color: #2D2926;
  color: var(--aurea-fg);
}
.models-library-container .subtitle, .models-library-container .muted, .models-library-container p.subtitle,
.collections-library-container .subtitle,
.collections-library-container .muted,
.collections-library-container p.subtitle,
.sessions-library-container .subtitle,
.sessions-library-container .muted,
.sessions-library-container p.subtitle,
.avatar-library-container .subtitle,
.avatar-library-container .muted,
.avatar-library-container p.subtitle,
.sku-capture-container .subtitle,
.sku-capture-container .muted,
.sku-capture-container p.subtitle,
.ai-sessions-container .subtitle,
.ai-sessions-container .muted,
.ai-sessions-container p.subtitle,
.virtual-dressing-container .subtitle,
.virtual-dressing-container .muted,
.virtual-dressing-container p.subtitle {
  color: #7A6C5C;
  color: var(--aurea-muted);
}
/* Generic "card" containers used inside the AUREA features: any element
   whose only background was `white` or `#fff` should become AUREA glass. */
.sessions-library-container .session-card,
.collections-library-container .collection-card,
.avatar-library-container .avatar-card,
.avatar-library-container .filter-card,
.avatar-library-container .stats-card,
.models-library-container .model-card,
.sku-capture-container .step-card,
.virtual-dressing-container .form-section,
.virtual-dressing-container .result-section {
  background: rgba(246, 244, 239, 0.76) !important;
  background: var(--aurea-surface) !important;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border: 1px solid var(--aurea-border);
  color: #2D2926;
  color: var(--aurea-fg);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.72);
  box-shadow: 0 4px 20px var(--aurea-shadow), inset 0 1px 0 var(--aurea-border);
  /* Cascade text colors inside cards */
}
.sessions-library-container .session-card h1, .sessions-library-container .session-card h2, .sessions-library-container .session-card h3, .sessions-library-container .session-card h4, .sessions-library-container .session-card .title, .sessions-library-container .session-card .session-name, .sessions-library-container .session-card .collection-name,
.collections-library-container .collection-card h1,
.collections-library-container .collection-card h2,
.collections-library-container .collection-card h3,
.collections-library-container .collection-card h4,
.collections-library-container .collection-card .title,
.collections-library-container .collection-card .session-name,
.collections-library-container .collection-card .collection-name,
.avatar-library-container .avatar-card h1,
.avatar-library-container .avatar-card h2,
.avatar-library-container .avatar-card h3,
.avatar-library-container .avatar-card h4,
.avatar-library-container .avatar-card .title,
.avatar-library-container .avatar-card .session-name,
.avatar-library-container .avatar-card .collection-name,
.avatar-library-container .filter-card h1,
.avatar-library-container .filter-card h2,
.avatar-library-container .filter-card h3,
.avatar-library-container .filter-card h4,
.avatar-library-container .filter-card .title,
.avatar-library-container .filter-card .session-name,
.avatar-library-container .filter-card .collection-name,
.avatar-library-container .stats-card h1,
.avatar-library-container .stats-card h2,
.avatar-library-container .stats-card h3,
.avatar-library-container .stats-card h4,
.avatar-library-container .stats-card .title,
.avatar-library-container .stats-card .session-name,
.avatar-library-container .stats-card .collection-name,
.models-library-container .model-card h1,
.models-library-container .model-card h2,
.models-library-container .model-card h3,
.models-library-container .model-card h4,
.models-library-container .model-card .title,
.models-library-container .model-card .session-name,
.models-library-container .model-card .collection-name,
.sku-capture-container .step-card h1,
.sku-capture-container .step-card h2,
.sku-capture-container .step-card h3,
.sku-capture-container .step-card h4,
.sku-capture-container .step-card .title,
.sku-capture-container .step-card .session-name,
.sku-capture-container .step-card .collection-name,
.virtual-dressing-container .form-section h1,
.virtual-dressing-container .form-section h2,
.virtual-dressing-container .form-section h3,
.virtual-dressing-container .form-section h4,
.virtual-dressing-container .form-section .title,
.virtual-dressing-container .form-section .session-name,
.virtual-dressing-container .form-section .collection-name,
.virtual-dressing-container .result-section h1,
.virtual-dressing-container .result-section h2,
.virtual-dressing-container .result-section h3,
.virtual-dressing-container .result-section h4,
.virtual-dressing-container .result-section .title,
.virtual-dressing-container .result-section .session-name,
.virtual-dressing-container .result-section .collection-name {
  color: #2D2926;
  color: var(--aurea-fg);
}
.sessions-library-container .session-card .subtitle, .sessions-library-container .session-card .muted, .sessions-library-container .session-card .session-date, .sessions-library-container .session-card .session-meta,
.sessions-library-container .session-card .collection-season, .sessions-library-container .session-card .collection-stats,
.collections-library-container .collection-card .subtitle,
.collections-library-container .collection-card .muted,
.collections-library-container .collection-card .session-date,
.collections-library-container .collection-card .session-meta,
.collections-library-container .collection-card .collection-season,
.collections-library-container .collection-card .collection-stats,
.avatar-library-container .avatar-card .subtitle,
.avatar-library-container .avatar-card .muted,
.avatar-library-container .avatar-card .session-date,
.avatar-library-container .avatar-card .session-meta,
.avatar-library-container .avatar-card .collection-season,
.avatar-library-container .avatar-card .collection-stats,
.avatar-library-container .filter-card .subtitle,
.avatar-library-container .filter-card .muted,
.avatar-library-container .filter-card .session-date,
.avatar-library-container .filter-card .session-meta,
.avatar-library-container .filter-card .collection-season,
.avatar-library-container .filter-card .collection-stats,
.avatar-library-container .stats-card .subtitle,
.avatar-library-container .stats-card .muted,
.avatar-library-container .stats-card .session-date,
.avatar-library-container .stats-card .session-meta,
.avatar-library-container .stats-card .collection-season,
.avatar-library-container .stats-card .collection-stats,
.models-library-container .model-card .subtitle,
.models-library-container .model-card .muted,
.models-library-container .model-card .session-date,
.models-library-container .model-card .session-meta,
.models-library-container .model-card .collection-season,
.models-library-container .model-card .collection-stats,
.sku-capture-container .step-card .subtitle,
.sku-capture-container .step-card .muted,
.sku-capture-container .step-card .session-date,
.sku-capture-container .step-card .session-meta,
.sku-capture-container .step-card .collection-season,
.sku-capture-container .step-card .collection-stats,
.virtual-dressing-container .form-section .subtitle,
.virtual-dressing-container .form-section .muted,
.virtual-dressing-container .form-section .session-date,
.virtual-dressing-container .form-section .session-meta,
.virtual-dressing-container .form-section .collection-season,
.virtual-dressing-container .form-section .collection-stats,
.virtual-dressing-container .result-section .subtitle,
.virtual-dressing-container .result-section .muted,
.virtual-dressing-container .result-section .session-date,
.virtual-dressing-container .result-section .session-meta,
.virtual-dressing-container .result-section .collection-season,
.virtual-dressing-container .result-section .collection-stats {
  color: #7A6C5C;
  color: var(--aurea-muted);
}
/* Common error / empty states inside AUREA features */
.models-library-container .error-state, .models-library-container .empty-state, .models-library-container .loading-state,
.collections-library-container .error-state,
.collections-library-container .empty-state,
.collections-library-container .loading-state,
.sessions-library-container .error-state,
.sessions-library-container .empty-state,
.sessions-library-container .loading-state,
.avatar-library-container .error-state,
.avatar-library-container .empty-state,
.avatar-library-container .loading-state,
.sku-capture-container .error-state,
.sku-capture-container .empty-state,
.sku-capture-container .loading-state,
.ai-sessions-container .error-state,
.ai-sessions-container .empty-state,
.ai-sessions-container .loading-state,
.virtual-dressing-container .error-state,
.virtual-dressing-container .empty-state,
.virtual-dressing-container .loading-state {
  color: #2D2926;
  color: var(--aurea-fg);
}
.models-library-container .error-state .message, .models-library-container .error-state .description, .models-library-container .empty-state .message, .models-library-container .empty-state .description, .models-library-container .loading-state .message, .models-library-container .loading-state .description,
.collections-library-container .error-state .message,
.collections-library-container .error-state .description,
.collections-library-container .empty-state .message,
.collections-library-container .empty-state .description,
.collections-library-container .loading-state .message,
.collections-library-container .loading-state .description,
.sessions-library-container .error-state .message,
.sessions-library-container .error-state .description,
.sessions-library-container .empty-state .message,
.sessions-library-container .empty-state .description,
.sessions-library-container .loading-state .message,
.sessions-library-container .loading-state .description,
.avatar-library-container .error-state .message,
.avatar-library-container .error-state .description,
.avatar-library-container .empty-state .message,
.avatar-library-container .empty-state .description,
.avatar-library-container .loading-state .message,
.avatar-library-container .loading-state .description,
.sku-capture-container .error-state .message,
.sku-capture-container .error-state .description,
.sku-capture-container .empty-state .message,
.sku-capture-container .empty-state .description,
.sku-capture-container .loading-state .message,
.sku-capture-container .loading-state .description,
.ai-sessions-container .error-state .message,
.ai-sessions-container .error-state .description,
.ai-sessions-container .empty-state .message,
.ai-sessions-container .empty-state .description,
.ai-sessions-container .loading-state .message,
.ai-sessions-container .loading-state .description,
.virtual-dressing-container .error-state .message,
.virtual-dressing-container .error-state .description,
.virtual-dressing-container .empty-state .message,
.virtual-dressing-container .empty-state .description,
.virtual-dressing-container .loading-state .message,
.virtual-dressing-container .loading-state .description {
  color: #7A6C5C;
  color: var(--aurea-muted);
}
.models-library-container .btn-retry, .models-library-container .btn-reload,
.collections-library-container .btn-retry,
.collections-library-container .btn-reload,
.sessions-library-container .btn-retry,
.sessions-library-container .btn-reload,
.avatar-library-container .btn-retry,
.avatar-library-container .btn-reload,
.sku-capture-container .btn-retry,
.sku-capture-container .btn-reload,
.ai-sessions-container .btn-retry,
.ai-sessions-container .btn-reload,
.virtual-dressing-container .btn-retry,
.virtual-dressing-container .btn-reload {
  background: linear-gradient(135deg, #E07A5F, #E8B47A) !important;
  background: var(--aurea-gradient) !important;
  color: #FFFFFF !important;
  color: var(--aurea-on-accent) !important;
  border: none !important;
  border-radius: 99px !important;
  padding: 9px 22px !important;
  font-weight: 500 !important;
  box-shadow: 0 4px 14px rgba(224, 122, 95, 0.25);
  transition: transform 0.2s, box-shadow 0.2s;
}
.models-library-container .btn-retry:hover, .models-library-container .btn-reload:hover,
.collections-library-container .btn-retry:hover,
.collections-library-container .btn-reload:hover,
.sessions-library-container .btn-retry:hover,
.sessions-library-container .btn-reload:hover,
.avatar-library-container .btn-retry:hover,
.avatar-library-container .btn-reload:hover,
.sku-capture-container .btn-retry:hover,
.sku-capture-container .btn-reload:hover,
.ai-sessions-container .btn-retry:hover,
.ai-sessions-container .btn-reload:hover,
.virtual-dressing-container .btn-retry:hover,
.virtual-dressing-container .btn-reload:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(224, 122, 95, 0.38);
}
/* Inside the AUREA features, neutralise any literal `background: white` /
   `background-color: white` used on inner panels so they respect dark mode.
   We restrict this to the AUREA feature roots to avoid disturbing other
   modules (jasper-reports, message-templates, etc.). */
.models-library-container [style*="background: white"],
.models-library-container [style*="background-color: white"],
.collections-library-container [style*="background: white"],
.collections-library-container [style*="background-color: white"],
.sessions-library-container [style*="background: white"],
.sessions-library-container [style*="background-color: white"],
.avatar-library-container [style*="background: white"],
.avatar-library-container [style*="background-color: white"],
.sku-capture-container [style*="background: white"],
.sku-capture-container [style*="background-color: white"],
.virtual-dressing-container [style*="background: white"],
.virtual-dressing-container [style*="background-color: white"] {
  background: rgba(246, 244, 239, 0.76) !important;
  background: var(--aurea-surface) !important;
  color: #2D2926 !important;
  color: var(--aurea-fg) !important;
}
/* Dark-mode adjustments specific to AUREA feature cards
   (a touch more contrast against the dark aurora) */
body.vex-style-dark .sessions-library-container .session-card,
body.vex-style-dark .collections-library-container .collection-card,
body.vex-style-dark .avatar-library-container .avatar-card,
body.vex-style-dark .avatar-library-container .filter-card,
body.vex-style-dark .avatar-library-container .stats-card,
body.vex-style-dark .models-library-container .model-card,
body.vex-style-dark .sku-capture-container .step-card,
body.vex-style-dark .virtual-dressing-container .form-section,
body.vex-style-dark .virtual-dressing-container .result-section,
body.dark .sessions-library-container .session-card,
body.dark .collections-library-container .collection-card,
body.dark .avatar-library-container .avatar-card,
body.dark .avatar-library-container .filter-card,
body.dark .avatar-library-container .stats-card,
body.dark .models-library-container .model-card,
body.dark .sku-capture-container .step-card,
body.dark .virtual-dressing-container .form-section,
body.dark .virtual-dressing-container .result-section {
  background: rgba(28, 24, 20, 0.78) !important;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
/* =========================================================================
   AUREA Side Panel (slide-in from right)
   Rendered into <body> via JS (moveOverlayToBody) so it escapes any
   stacking context created by mat-sidenav-content / cdk overlays.
   These rules live globally for that reason.
   ========================================================================= */
.aurea-side-panel-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  animation: aureaPanelFadeIn 0.2s ease;
}
.aurea-side-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 480px;
  max-width: 100vw;
  z-index: 1201;
  display: flex;
  flex-direction: column;
  background: #F6F4EF;
  background: var(--aurea-bg);
  color: #2D2926;
  color: var(--aurea-fg);
  border-left: 1px solid rgba(255, 255, 255, 0.72);
  border-left: 1px solid var(--aurea-border);
  box-shadow: -6px 0 48px rgba(0, 0, 0, 0.22);
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-x: hidden;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
}
.aurea-side-panel.open {
  transform: translateX(0);
}
.aurea-side-panel__header {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.72);
  border-bottom: 1px solid var(--aurea-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.aurea-side-panel__title {
  font-size: 14px;
  font-weight: 600;
  color: #2D2926;
  color: var(--aurea-fg);
  margin: 0;
}
.aurea-side-panel__subtitle {
  font-size: 11px;
  color: #7A6C5C;
  color: var(--aurea-muted);
  margin: 2px 0 0;
}
.aurea-side-panel__close {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(232, 224, 209, 0.35);
  border: none;
  cursor: pointer;
  color: #7A6C5C;
  color: var(--aurea-muted);
  transition: background 0.2s, color 0.2s;
}
.aurea-side-panel__close:hover {
  background: rgba(232, 224, 209, 0.6);
  color: #2D2926;
  color: var(--aurea-fg);
}
.aurea-side-panel__close mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.aurea-side-panel__body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
  box-sizing: border-box;
  max-width: 100%;
}
.aurea-side-panel__group {
  margin-bottom: 20px;
}
.aurea-side-panel__group label {
  display: block;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7A6C5C;
  color: var(--aurea-muted);
  margin-bottom: 8px;
}
.aurea-side-panel__group input[type=text] {
  width: 100%;
  box-sizing: border-box;
  padding: 11px 14px;
  background: rgba(232, 224, 209, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border: 1px solid var(--aurea-border);
  border-radius: 10px;
  font-size: 13px;
  color: #2D2926;
  color: var(--aurea-fg);
  outline: none;
  transition: border-color 0.2s, background 0.2s;
  font-family: inherit;
}
.aurea-side-panel__group input[type=text]:focus {
  border-color: #E07A5F;
  background: rgba(224, 122, 95, 0.04);
}
.aurea-side-panel__group input[type=text]::-moz-placeholder {
  color: #988A7E;
  color: var(--aurea-light);
}
.aurea-side-panel__group input[type=text]::placeholder {
  color: #988A7E;
  color: var(--aurea-light);
}
.aurea-side-panel__file {
  position: relative;
}
.aurea-side-panel__file-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.aurea-side-panel__file-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 20px 16px;
  border: 1.5px dashed rgba(232, 180, 122, 0.42);
  border-radius: 12px;
  cursor: pointer;
  transition: border-color 0.25s, background 0.25s;
  color: #7A6C5C;
  color: var(--aurea-muted);
  font-size: 13px;
}
.aurea-side-panel__file-label:hover {
  border-color: #E07A5F;
  background: rgba(224, 122, 95, 0.03);
}
.aurea-side-panel__file-icon {
  font-size: 22px;
  width: 22px;
  height: 22px;
  color: #E07A5F;
}
.aurea-side-panel__preview {
  margin-top: 16px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border: 1px solid var(--aurea-border);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.aurea-side-panel__preview img {
  width: 100%;
  max-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.aurea-side-panel__footer {
  padding: 16px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.72);
  border-top: 1px solid var(--aurea-border);
  flex-shrink: 0;
}
.aurea-side-panel__submit {
  width: 100%;
  background: linear-gradient(135deg, #E07A5F, #E8B47A);
  background: var(--aurea-gradient);
  color: #FFFFFF;
  color: var(--aurea-on-accent);
  border: none;
  padding: 13px 0;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: transform 0.25s, box-shadow 0.25s;
}
.aurea-side-panel__submit:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(224, 122, 95, 0.38);
}
.aurea-side-panel__submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.aurea-side-panel__submit mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.aurea-side-panel__spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: aureaPanelSpin 0.75s linear infinite;
}
@keyframes aureaPanelFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes aureaPanelSpin {
  to {
    transform: rotate(360deg);
  }
}
/* =====================================================================
   SweetAlert2 — tema AUREA
   =====================================================================
   162 llamadas a `Swal.fire` repartidas por 69 archivos, sin ninguna
   tematización: todos los diálogos se abrían en blanco, también en modo
   oscuro. sweetalert2 v11 inyecta su CSS en runtime al principio de <head>,
   así que estas reglas lo pisan sin necesidad de !important salvo donde se
   indica.

   Nota sobre los colores de botón: `confirmButtonColor` escribe un
   `style="background-color: …"` INLINE en el botón, y hay 12 valores
   distintos en circulación. Aquí sólo se normaliza la forma; el color se deja
   como está a propósito, porque una parte de esas llamadas usa rojo para
   marcar acciones destructivas y forzarlas todas al color de marca borraría
   esa señal. Para unificarlos hay que tocar las llamadas: usar
   `AureaDialogService` (ver core/services/aurea-dialog.service.ts).
   ===================================================================== */
.swal2-container {
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.swal2-popup {
  background: #ffffff;
  background: var(--aurea-card);
  color: #2D2926;
  color: var(--aurea-fg);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border: 1px solid var(--aurea-border);
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.09);
  box-shadow: 0 12px 40px var(--aurea-shadow-hover);
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}
.swal2-title {
  color: #2D2926;
  color: var(--aurea-fg);
  font-size: 1.15rem;
  font-weight: 600;
}
.swal2-html-container,
.swal2-content {
  color: #7A6C5C;
  color: var(--aurea-muted);
  font-size: 0.88rem;
}
.swal2-close {
  color: #7A6C5C;
  color: var(--aurea-muted);
}
.swal2-close:hover {
  color: #E07A5F;
  color: var(--aurea-tc);
}
.swal2-actions {
  gap: 8px;
}
/* Forma común para los tres botones. El color de fondo del confirmar llega
   inline desde `confirmButtonColor`, así que aquí no se toca. */
.swal2-styled {
  border-radius: 9999px;
  border-radius: var(--aurea-radius-pill);
  font-family: inherit;
  font-size: 0.82rem;
  font-weight: 500;
  padding: 0.55rem 1.4rem;
  box-shadow: none;
  transition: transform 0.2s, box-shadow 0.2s;
}
.swal2-styled:hover:not(:disabled) {
  transform: translateY(-1px);
}
.swal2-styled:focus {
  box-shadow: 0 0 0 3px rgba(224, 122, 95, 0.10);
  box-shadow: 0 0 0 3px var(--aurea-surface-hover);
}
/* Cancelar → secundario de marca. `!important` porque sweetalert2 también
   escribe este fondo inline cuando se pasa `cancelButtonColor`. */
.swal2-cancel.swal2-styled {
  background: transparent !important;
  border: 1px solid #E07A5F;
  border: 1px solid var(--aurea-tc);
  color: #E07A5F;
  color: var(--aurea-tc);
}
.swal2-cancel.swal2-styled:hover {
  background: #E07A5F !important;
  background: var(--aurea-tc) !important;
  color: #fff;
}
.swal2-deny.swal2-styled {
  background: transparent !important;
  border: 1px solid #AB3A2C;
  border: 1px solid var(--aurea-danger);
  color: #AB3A2C;
  color: var(--aurea-danger);
}
.swal2-deny.swal2-styled:hover {
  background: #AB3A2C !important;
  background: var(--aurea-danger) !important;
  color: #fff;
}
/* Campos de entrada dentro del diálogo */
.swal2-input,
.swal2-textarea,
.swal2-select,
.swal2-file {
  background: rgba(224, 122, 95, 0.10);
  background: var(--aurea-surface-hover);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border: 1px solid var(--aurea-border);
  border-radius: 10px;
  color: #2D2926;
  color: var(--aurea-fg);
  font-family: inherit;
  box-shadow: none;
}
.swal2-input:focus,
.swal2-textarea:focus,
.swal2-select:focus,
.swal2-file:focus {
  border-color: #E07A5F;
  border-color: var(--aurea-tc);
  box-shadow: none;
}
.swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder, .swal2-select::-moz-placeholder, .swal2-file::-moz-placeholder {
  color: #988A7E;
  color: var(--aurea-light);
}
.swal2-input::placeholder,
.swal2-textarea::placeholder,
.swal2-select::placeholder,
.swal2-file::placeholder {
  color: #988A7E;
  color: var(--aurea-light);
}
.swal2-validation-message {
  background: rgba(183, 65, 51, 0.10);
  background: var(--aurea-danger-soft);
  color: #AB3A2C;
  color: var(--aurea-danger);
  border-radius: 8px;
}
/* Iconos: sweetalert2 los dibuja con colores fijos; se alinean con la paleta */
.swal2-icon.swal2-success {
  border-color: #8FB87A;
  border-color: var(--aurea-success-light);
}
.swal2-icon.swal2-success .swal2-success-ring {
  border-color: #8FB87A;
  border-color: var(--aurea-success-light);
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #8FB87A;
  background-color: var(--aurea-success-light);
}
.swal2-icon.swal2-error {
  border-color: #AB3A2C;
  border-color: var(--aurea-danger);
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  background-color: #AB3A2C;
  background-color: var(--aurea-danger);
}
.swal2-icon.swal2-warning {
  border-color: #E8B47A;
  border-color: var(--aurea-am);
  color: #E8B47A;
  color: var(--aurea-am);
}
.swal2-icon.swal2-info,
.swal2-icon.swal2-question {
  border-color: #E07A5F;
  border-color: var(--aurea-tc);
  color: #E07A5F;
  color: var(--aurea-tc);
}
.swal2-timer-progress-bar {
  background: linear-gradient(90deg, #E07A5F, #E8B47A);
  background: var(--aurea-gradient-progress);
}
/* =====================================================================
   Breadcrumb automatico (HU-002 §5)
   Montado una sola vez en el area de contenido del layout, encima del
   router-outlet, asi que aplica a todas las pantallas del shell.
   ===================================================================== */
.aurea-breadcrumb-bar {
  padding: 12px 1rem 0;
  padding: 12px var(--padding-gutter) 0;
  /* El separador redondo de vex usaba `bg-gray` fijo */
}
.aurea-breadcrumb-bar .vex-breadcrumb {
  color: #7A6C5C;
  color: var(--aurea-muted);
  font-size: 0.78rem;
  /* El nivel actual no es enlace: se marca con la tinta fuerte */
}
.aurea-breadcrumb-bar .vex-breadcrumb a {
  color: inherit;
  text-decoration: none;
}
.aurea-breadcrumb-bar .vex-breadcrumb a:hover {
  color: #E07A5F;
  color: var(--aurea-tc);
}
.aurea-breadcrumb-bar .vex-breadcrumb span {
  color: #2D2926;
  color: var(--aurea-fg);
  font-weight: 500;
}
.aurea-breadcrumb-bar .vex-breadcrumb .custom-icon {
  color: #7A6C5C;
  color: var(--aurea-muted);
}
.aurea-breadcrumb-bar .vex-breadcrumb a:hover .custom-icon {
  color: #E07A5F;
  color: var(--aurea-tc);
}
.aurea-breadcrumb-bar .bg-gray {
  background-color: #988A7E !important;
  background-color: var(--aurea-light) !important;
}

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