@import "https://fonts.googleapis.com/icon?family=Material+Icons";
@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";

/* node_modules/@dx-ui/ui/styles/tokens/purple.css */
/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
:root {
  --dx-sys-background: #faf9fd;
  --dx-sys-error: #e07272;
  --dx-sys-error-container: #ffdad6;
  --dx-sys-inverse-on-surface: #f2f0f4;
  --dx-sys-inverse-primary: #abc7ff;
  --dx-sys-inverse-surface: #2f3033;
  --dx-sys-on-background: #1a1b1f;
  --dx-sys-on-error: #ffffff;
  --dx-sys-on-error-container: #93000a;
  --dx-sys-on-primary: #ffffff;
  --dx-sys-on-primary-container: #00458f;
  --dx-sys-on-primary-fixed: #001b3f;
  --dx-sys-on-primary-fixed-variant: #00458f;
  --dx-sys-on-secondary: #ffffff;
  --dx-sys-on-secondary-container: #3e4759;
  --dx-sys-on-secondary-fixed: #131c2b;
  --dx-sys-on-secondary-fixed-variant: #3e4759;
  --dx-sys-on-surface: #1a1b1f;
  --dx-sys-on-surface-variant: #44474e;
  --dx-sys-on-tertiary: #ffffff;
  --dx-sys-on-tertiary-container: #0000ef;
  --dx-sys-on-tertiary-fixed: #00006e;
  --dx-sys-on-tertiary-fixed-variant: #0000ef;
  --dx-sys-outline: #74777f;
  --dx-sys-outline-variant: #c4c6d0;
  --dx-sys-primary: #005cbb;
  --dx-sys-primary-container: #d7e3ff;
  --dx-sys-primary-fixed: #d7e3ff;
  --dx-sys-primary-fixed-dim: #abc7ff;
  --dx-sys-scrim: #000000;
  --dx-sys-secondary: #565e71;
  --dx-sys-secondary-container: #dae2f9;
  --dx-sys-secondary-fixed: #dae2f9;
  --dx-sys-secondary-fixed-dim: #bec6dc;
  --dx-sys-shadow: #000000;
  --dx-sys-surface: #faf9fd;
  --dx-sys-surface-bright: #faf9fd;
  --dx-sys-surface-container: #efedf0;
  --dx-sys-surface-container-high: #e9e7eb;
  --dx-sys-surface-container-highest: #e3e2e6;
  --dx-sys-surface-container-low: #f4f3f6;
  --dx-sys-surface-container-lowest: #ffffff;
  --dx-sys-surface-dim: #dbd9dd;
  --dx-sys-surface-tint: #005cbb;
  --dx-sys-surface-variant: #e0e2ec;
  --dx-sys-tertiary: #343dff;
  --dx-sys-tertiary-container: #e0e0ff;
  --dx-sys-tertiary-fixed: #e0e0ff;
  --dx-sys-tertiary-fixed-dim: #bec2ff;
  --dx-sys-neutral-variant20: #2d3038;
  --dx-sys-neutral10: #1a1b1f;
  --dx-sys-body-large: 400 1rem / 1.5rem Roboto;
  --dx-sys-body-large-font: Roboto;
  --dx-sys-body-large-line-height: 1.5rem;
  --dx-sys-body-large-size: 1rem;
  --dx-sys-body-large-tracking: .031rem;
  --dx-sys-body-large-weight: 400;
  --dx-sys-body-medium: 400 .875rem / 1.25rem Roboto;
  --dx-sys-body-medium-font: Roboto;
  --dx-sys-body-medium-line-height: 1.25rem;
  --dx-sys-body-medium-size: .875rem;
  --dx-sys-body-medium-tracking: .016rem;
  --dx-sys-body-medium-weight: 400;
  --dx-sys-body-small: 400 .75rem / 1rem Roboto;
  --dx-sys-body-small-font: Roboto;
  --dx-sys-body-small-line-height: 1rem;
  --dx-sys-body-small-size: .75rem;
  --dx-sys-body-small-tracking: .025rem;
  --dx-sys-body-small-weight: 400;
}
:root {
  --dx-focus-indicator-display: none;
  --dx-focus-indicator-border-width: 2px;
  --dx-focus-indicator-border-style: solid;
  --dx-focus-indicator-border-color: rgba(127, 117, 207, 0.5);
  --dx-focus-indicator-border-radius: 12px;
}
:root {
  --dx-breakpoint-xsmall: 37.9375rem;
  --dx-breakpoint-small: 40rem;
  --dx-breakpoint-medium: 48rem;
  --dx-breakpoint-large: 64rem;
  --dx-breakpoint-xlarge: 80rem;
  --dx-breakpoint-xxlarge: 96rem;
}
:root {
  --dx-button-protected-container-border-light: 1px solid #D2D6DD;
  --dx-button-protected-container-color-light: #F5F5F7;
  --dx-button-protected-hover-container-color-light: #E5E5EB;
  --dx-button-protected-disabled-container-color-light: #F0F0F3;
  --dx-button-protected-label-text-color-light: #282826;
  --dx-button-protected-disabled-label-text-color-light: #89898A;
  --dx-button-filled-container-color-light: #7F75CF;
  --dx-button-filled-hover-container-color-light: #675BC6;
  --dx-button-filled-disabled-container-color-light: #B5B0DF;
  --dx-button-filled-label-text-color-light: #FFFFFF;
  --dx-button-filled-disabled-label-text-color-light: #F5F5F7;
  --dx-button-protected-container-border-dark: 1px solid #292E39;
  --dx-button-protected-container-color-dark: #343942;
  --dx-button-protected-hover-container-color-dark: #414854;
  --dx-button-protected-disabled-container-color-dark: #292E39;
  --dx-button-protected-label-text-color-dark: #F8FAFF;
  --dx-button-protected-disabled-label-text-color-dark: #8B8F97;
  --dx-button-filled-container-color-dark: #7F75CF;
  --dx-button-filled-hover-container-color-dark: #9891CD;
  --dx-button-filled-disabled-container-color-dark: #4F4C7F;
  --dx-button-filled-label-text-color-dark: #FDFDFD;
  --dx-button-filled-disabled-label-text-color-dark: #8E9096;
  --dx-focus-indicator-border-width: 2px;
  --dx-button-protected-container-elevation-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.05);
  --dx-button-protected-disabled-container-elevation-shadow: none;
  --dx-button-protected-container-border: var(--dx-button-protected-container-border-light);
  --dx-button-protected-container-color: var(--dx-button-protected-container-color-light);
  --dx-button-protected-hover-container-color: var(--dx-button-protected-hover-container-color-light);
  --dx-button-protected-disabled-container-color: var(--dx-button-protected-disabled-container-color-light);
  --dx-button-protected-container-height: 40px;
  --dx-button-protected-container-shape: 12px;
  --dx-button-protected-horizontal-padding: 16px;
  --dx-button-protected-label-text-size: 14px;
  --dx-button-protected-label-text-tracking: -1%;
  --dx-button-protected-label-text-transform: 24px;
  --dx-button-protected-label-text-weight: 400;
  --dx-button-protected-label-text-color: var(--dx-button-protected-label-text-color-light);
  --dx-button-protected-disabled-label-text-color: var(--dx-button-protected-disabled-label-text-color-light);
  --dx-button-protected-icon-spacing: 8px;
  --dx-button-protected-icon-offset: -8px;
  --dx-button-protected-ripple-color: ;
  --dx-button-protected-state-layer-color: ;
  --dx-button-protected-disabled-state-layer-color: ;
  --dx-button-protected-hover-state-layer-opacity: ;
  --dx-button-protected-focus-state-layer-opacity: ;
  --dx-button-protected-pressed-state-layer-opacity: ;
  --dx-button-protected-touch-target-display: block;
  --dx-button-filled-container-color: var(--dx-button-filled-container-color-light);
  --dx-button-filled-hover-container-color: var(--dx-button-filled-hover-container-color-light);
  --dx-button-filled-disabled-container-color: var(--dx-button-filled-disabled-container-color-light);
  --dx-button-filled-container-shape: 12px;
  --dx-button-filled-label-text-size: 14px;
  --dx-button-filled-label-text-tracking: -1%;
  --dx-button-filled-label-text-transform: 24px;
  --dx-button-filled-label-text-weight: 400;
  --dx-button-filled-label-text-color: var(--dx-button-filled-label-text-color-light);
  --dx-button-filled-disabled-label-text-color: var(--dx-button-filled-disabled-label-text-color-light);
  --dx-button-filled-container-height: 40px;
  --dx-button-filled-horizontal-padding: 16px;
  --dx-button-filled-icon-spacing: 8px;
  --dx-button-filled-icon-offset: -8px;
  --dx-button-filled-ripple-color: ;
  --dx-button-filled-state-layer-color: ;
  --dx-button-filled-hover-state-layer-opacity: ;
  --dx-button-filled-disabled-state-layer-color: ;
  --dx-button-filled-touch-target-display: block;
  --dx-button-text-horizontal-padding: 12px;
  --dx-button-text-container-height: 40px;
  --dx-button-text-label-text-size: ;
  --dx-button-text-label-text-tracking: ;
  --dx-button-text-label-text-transform: ;
  --dx-button-text-label-text-weight: ;
  --dx-button-text-label-text-color: ;
  --dx-button-text-disabled-label-text-color: ;
  --dx-button-text-with-icon-horizontal-padding: 16px;
  --dx-button-text-icon-spacing: 8px;
  --dx-button-text-icon-offset: -4px;
  --dx-button-text-ripple-color: ;
  --dx-button-text-state-layer-color: ;
  --dx-button-text-disabled-state-layer-color: ;
  --dx-button-text-hover-state-layer-opacity: ;
  --dx-button-text-focus-state-layer-opacity: ;
  --dx-button-text-pressed-state-layer-opacity: ;
  --dx-button-text-touch-target-display: block;
  --dx-button-text-container-shape: ;
  --dx-button-outlined-container-height: 40px;
  --dx-button-outlined-label-text-size: ;
  --dx-button-outlined-label-text-tracking: ;
  --dx-button-outlined-label-text-transform: ;
  --dx-button-outlined-label-text-weight: ;
  --dx-button-outlined-container-shape: 12px;
  --dx-button-outlined-outline-width: 1px;
  --dx-button-outlined-horizontal-padding: 16px;
  --dx-button-outlined-icon-spacing: 8px;
  --dx-button-outlined-icon-offset: -8px;
  --dx-button-outlined-ripple-color: ;
  --dx-button-outlined-state-layer-color: ;
  --dx-button-outlined-disabled-state-layer-color: ;
  --dx-button-outlined-hover-state-layer-opacity: ;
  --dx-button-outlined-focus-state-layer-opacity: ;
  --dx-button-outlined-pressed-state-layer-opacity: ;
  --dx-button-outlined-touch-target-display: block;
  --dx-button-outlined-label-text-color: #282826;
  --dx-button-outlined-outline-color: #D2D6DD;
  --dx-button-outlined-disabled-label-text-color: ;
  --dx-button-outlined-disabled-outline-color: ;
  --dx-button-tonal-container-height: 40px;
  --dx-button-tonal-label-text-size: ;
  --dx-button-tonal-label-text-tracking: ;
  --dx-button-tonal-label-text-transform: ;
  --dx-button-tonal-label-text-weight: ;
  --dx-button-tonal-horizontal-padding: 16px;
  --dx-button-tonal-label-text-color: ;
  --dx-button-tonal-container-color: ;
  --dx-button-tonal-container-shape: ;
  --dx-button-tonal-disabled-label-text-color: ;
  --dx-button-tonal-disabled-container-color: ;
  --dx-button-tonal-icon-spacing: 8px;
  --dx-button-tonal-icon-offset: -8px;
  --dx-button-tonal-ripple-color: ;
  --dx-button-tonal-state-layer-color: ;
  --dx-button-tonal-disabled-state-layer-color: ;
  --dx-button-tonal-hover-state-layer-opacity: ;
  --dx-button-tonal-focus-state-layer-opacity: ;
  --dx-button-tonal-pressed-state-layer-opacity: ;
  --dx-button-tonal-touch-target-display: block;
}
.dark {
  --dx-button-protected-container-border: var(--dx-button-protected-container-border-dark);
  --dx-button-protected-container-color: var(--dx-button-protected-container-color-dark);
  --dx-button-protected-hover-container-color: var(--dx-button-protected-hover-container-color-dark);
  --dx-button-protected-disabled-container-color: var(--dx-button-protected-disabled-container-color-dark);
  --dx-button-protected-label-text-color: var(--dx-button-protected-label-text-color-dark);
  --dx-button-protected-disabled-label-text-color: var(--dx-button-protected-disabled-label-text-color-dark);
  --dx-button-filled-container-color: var(--dx-button-filled-container-color-dark);
  --dx-button-filled-hover-container-color: var(--dx-button-filled-hover-container-color-dark);
  --dx-button-filled-disabled-container-color: var(--dx-button-filled-disabled-container-color-dark);
  --dx-button-filled-label-text-color: var(--dx-button-filled-label-text-color-dark);
  --dx-button-filled-disabled-label-text-color: var(--dx-button-filled-disabled-label-text-color-dark);
}
:root {
  --dx-card-container-shape-light: 16px;
  --dx-card-container-font-light: inherit;
  --dx-card-elevated-container-color-light: #EBEBEF;
  --dx-card-elevated-container-elevation-light:
    0px 1px 3px 0px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  --dx-card-elevated-container-elevation-hover-light:
    0px 1px 8px 0px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 3px 3px -2px rgba(0, 0, 0, 0.12);
  --dx-card-outlined-container-color-light: #EBEBEF;
  --dx-card-outlined-outline-width-light: 1px;
  --dx-card-outlined-outline-color-light: #D2D6DD;
  --dx-card-outlined-container-elevation-light: none;
  --dx-card-outlined-container-elevation-hover-light: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  --dx-card-focus-outline-color-light: #1976d2;
  --dx-card-title-text-size-light: 1.25rem;
  --dx-card-title-text-weight-light: 500;
  --dx-card-title-text-line-height-light: 1.5;
  --dx-card-title-text-tracking-light: 0.0125em;
  --dx-card-title-text-font-light: inherit;
  --dx-card-title-text-color-light: rgba(0, 0, 0, 0.87);
  --dx-card-outline-color-light: #D2D6DD;
  --dx-card-subtitle-text-size-light: 0.875rem;
  --dx-card-subtitle-text-weight-light: 400;
  --dx-card-subtitle-text-line-height-light: 1.25;
  --dx-card-subtitle-text-tracking-light: 0.0178571429em;
  --dx-card-subtitle-text-font-light: inherit;
  --dx-card-subtitle-text-color-light: rgba(0, 0, 0, 0.6);
  --dx-card-padding: 24px;
  --dx-card-container-shape-mobile-md: 8px;
  --dx-card-elevated-container-color-dark: #1E232E;
  --dx-card-elevated-container-elevation-dark:
    0px 1px 3px 0px rgba(0, 0, 0, 0.4),
    0px 1px 1px 0px rgba(0, 0, 0, 0.28),
    0px 2px 1px -1px rgba(0, 0, 0, 0.24);
  --dx-card-outlined-container-color-dark: #1E232E;
  --dx-card-outlined-outline-color-dark: #292E39;
  --dx-card-focus-outline-color-dark: #292E39;
  --dx-card-title-text-color-dark: rgba(255, 255, 255, 0.87);
  --dx-card-outline-color-dark: rgba(255, 255, 255, 0.12);
  --dx-card-subtitle-text-color-dark: rgba(255, 255, 255, 0.6);
  --dx-card-container-shape: var(--dx-card-container-shape-light);
  --dx-card-container-font: var(--dx-card-container-font-light);
  --dx-card-elevated-container-color: var(--dx-card-elevated-container-color-light);
  --dx-card-elevated-container-elevation: var(--dx-card-elevated-container-elevation-light);
  --dx-card-elevated-container-elevation-hover: ;
  --dx-card-outlined-container-color: var(--dx-card-outlined-container-color-light);
  --dx-card-outlined-outline-width: var(--dx-card-outlined-outline-width-light);
  --dx-card-outlined-outline-color: var(--dx-card-outlined-outline-color-light);
  --dx-card-outlined-container-elevation: var(--dx-card-outlined-container-elevation-light);
  --dx-card-outlined-container-elevation-hover: ;
  --dx-card-focus-outline-color: var(--dx-card-focus-outline-color-light);
  --dx-card-title-text-size: var(--dx-card-title-text-size-light);
  --dx-card-title-text-weight: var(--dx-card-title-text-weight-light);
  --dx-card-title-text-line-height: var(--dx-card-title-text-line-height-light);
  --dx-card-title-text-tracking: var(--dx-card-title-text-tracking-light);
  --dx-card-title-text-font: var(--dx-card-title-text-font-light);
  --dx-card-title-text-color: var(--dx-card-title-text-color-light);
  --dx-card-outline-color: var(--dx-card-outline-color-light);
  --dx-card-subtitle-text-size: var(--dx-card-subtitle-text-size-light);
  --dx-card-subtitle-text-weight: var(--dx-card-subtitle-text-weight-light);
  --dx-card-subtitle-text-line-height: var(--dx-card-subtitle-text-line-height-light);
  --dx-card-subtitle-text-tracking: var(--dx-card-subtitle-text-tracking-light);
  --dx-card-subtitle-text-font: var(--dx-card-subtitle-text-font-light);
  --dx-card-subtitle-text-color: var(--dx-card-subtitle-text-color-light);
}
.dark {
  --dx-card-elevated-container-color: var(--dx-card-elevated-container-color-dark);
  --dx-card-elevated-container-elevation: var(--dx-card-elevated-container-elevation-dark);
  --dx-card-outlined-container-color: var(--dx-card-outlined-container-color-dark);
  --dx-card-outlined-outline-color: var(--dx-card-outlined-outline-color-dark);
  --dx-card-focus-outline-color: var(--dx-card-focus-outline-color-dark);
  --dx-card-title-text-color: var(--dx-card-title-text-color-dark);
  --dx-card-outline-color: var(--dx-card-outline-color-dark);
  --dx-card-subtitle-text-color: var(--dx-card-subtitle-text-color-dark);
}
@media (max-width: 768px) {
  :root {
    --dx-card-container-shape-mobile: var(--dx-card-container-shape-mobile-md);
  }
}
:root {
  --dx-checkbox-unselected-icon-background-color-light: #F5F5F7;
  --dx-checkbox-unselected-icon-color-light: #D2D6DD;
  --dx-checkbox-unselected-hover-icon-color-light: #7F75CF;
  --dx-checkbox-selected-hover-icon-color-light: #675BC6;
  --dx-checkbox-disabled-selected-icon-color-light: #E3E3E8;
  --dx-checkbox-unselected-focus-icon-color-light: #7F75CF;
  --dx-checkbox-selected-focus-icon-color-light: #7F75CF;
  --dx-checkbox-label-text-color-light: #282826;
  --dx-checkbox-disabled-label-color-light: #575752;
  --dx-checkbox-disabled-selected-checkmark-color-light: #8b9197;
  --dx-checkbox-unselected-icon-background-color-dark: #343942;
  --dx-checkbox-unselected-icon-color-dark: #292E39;
  --dx-checkbox-unselected-hover-icon-color-dark: #6F767E;
  --dx-checkbox-selected-hover-icon-color-dark: #9891CD;
  --dx-checkbox-disabled-selected-icon-color-dark: #0D121E;
  --dx-checkbox-unselected-focus-icon-color-dark: #7F75CF;
  --dx-checkbox-selected-focus-icon-color-dark: #7F75CF;
  --dx-checkbox-label-text-color-dark: #F8FAFF;
  --dx-checkbox-disabled-label-color-dark: #CACACA;
  --dx-checkbox-disabled-selected-checkmark-color-dark: #CACACA;
  --dx-checkbox-state-layer-size: 40px;
  --dx-checkbox-unselected-hover-state-layer-opacity: ;
  --dx-checkbox-unselected-hover-state-layer-color: ;
  --dx-checkbox-unselected-focus-state-layer-opacity: ;
  --dx-checkbox-unselected-focus-state-layer-color: ;
  --dx-checkbox-unselected-pressed-state-layer-opacity: ;
  --dx-checkbox-unselected-pressed-state-layer-color: ;
  --dx-checkbox-selected-hover-state-layer-opacity: ;
  --dx-checkbox-selected-hover-state-layer-color: ;
  --dx-checkbox-selected-focus-state-layer-opacity: ;
  --dx-checkbox-selected-focus-state-layer-color: ;
  --dx-checkbox-selected-pressed-state-layer-opacity: ;
  --dx-checkbox-selected-pressed-state-layer-color: ;
  --dx-checkbox-unselected-icon-background-color: var(--dx-checkbox-unselected-icon-background-color-light);
  --dx-checkbox-unselected-icon-color: var(--dx-checkbox-unselected-icon-color-light);
  --dx-checkbox-selected-icon-color: #7F75CF;
  --dx-checkbox-unselected-hover-icon-color: var(--dx-checkbox-unselected-hover-icon-color-light);
  --dx-checkbox-selected-hover-icon-color: var(--dx-checkbox-selected-hover-icon-color-light);
  --dx-checkbox-unselected-focus-icon-color: var(--dx-checkbox-unselected-focus-icon-color-light);
  --dx-checkbox-selected-focus-icon-color: var(--dx-checkbox-selected-focus-icon-color-light);
  --dx-checkbox-disabled-unselected-icon-color: var(--dx-checkbox-disabled-selected-icon-color-light);
  --dx-checkbox-disabled-selected-icon-color: var(--dx-checkbox-disabled-selected-icon-color-light);
  --dx-checkbox-selected-checkmark-color: #FFFFFF;
  --dx-checkbox-disabled-selected-checkmark-color: var(--dx-checkbox-disabled-selected-checkmark-color-light);
  --dx-checkbox-label-text-color: var(--dx-checkbox-label-text-color-light);
  --dx-checkbox-label-text-line-height: 24px;
  --dx-checkbox-label-text-size: 16px;
  --dx-checkbox-label-text-tracking: -1%;
  --dx-checkbox-label-text-weight: normal;
  --dx-checkbox-disabled-label-color: var(--dx-checkbox-disabled-label-color-light);
}
.dark {
  --dx-checkbox-unselected-icon-background-color: var(--dx-checkbox-unselected-icon-background-color-dark);
  --dx-checkbox-unselected-icon-color: var(--dx-checkbox-unselected-icon-color-dark);
  --dx-checkbox-unselected-hover-icon-color: var(--dx-checkbox-unselected-hover-icon-color-dark);
  --dx-checkbox-selected-hover-icon-color: var(--dx-checkbox-selected-hover-icon-color-dark);
  --dx-checkbox-disabled-label-color: var(--dx-checkbox-disabled-label-color-dark);
  --dx-checkbox-disabled-selected-icon-color: var(--dx-checkbox-disabled-selected-icon-color-dark);
  --dx-checkbox-unselected-focus-icon-color: var(--dx-checkbox-unselected-focus-icon-color-dark);
  --dx-checkbox-selected-focus-icon-color: var(--dx-checkbox-selected-focus-icon-color-dark);
  --dx-checkbox-disabled-selected-checkmark-color: var(--dx-checkbox-disabled-selected-checkmark-color-dark);
  --dx-checkbox-label-text-color: var(--dx-checkbox-label-text-color-dark);
  --dx-checkbox-disabled-label-color: var(--dx-checkbox-disabled-label-color-dark);
}
:root {
  --dx-chip-outline-color-light: #D2D6DD;
  --dx-chip-outline-color-dark: #292E39;
  --dx-chip-outline-width: 1px;
  --dx-chip-outline-color: var(--dx-chip-outline-color-light);
  --dx-chip-focus-outline-color: #...;
  --dx-chip-disabled-outline-color: #...;
  --dx-chip-flat-selected-outline-width: 0;
  --dx-chip-container-shape-radius: 8px;
  --dx-chip-container-height: 32px;
  --dx-chip-elevated-container-color: transparent;
  --dx-chip-elevated-disabled-container-color: #...;
  --dx-chip-elevated-selected-container-color: #...;
  --dx-chip-flat-disabled-selected-container-color: #...;
  --dx-chip-disabled-container-opacity: 1;
  --dx-chip-label-text-font: ...;
  --dx-chip-label-text-line-height: ...;
  --dx-chip-label-text-size: ...;
  --dx-chip-label-text-weight: ...;
  --dx-chip-label-text-tracking: ...;
  --dx-chip-label-text-color: #...;
  --dx-chip-selected-label-text-color: #...;
  --dx-chip-disabled-label-text-color: #...;
  --dx-chip-with-avatar-avatar-size: 24px;
  --dx-chip-with-avatar-avatar-shape-radius: 24px;
  --dx-chip-with-avatar-disabled-avatar-opacity: 0.38;
  --dx-chip-with-icon-icon-size: 18px;
  --dx-chip-with-icon-icon-color: #...;
  --dx-chip-with-icon-selected-icon-color: #...;
  --dx-chip-with-icon-disabled-icon-color: #...;
  --dx-chip-with-icon-disabled-icon-opacity: 0.38;
  --dx-chip-with-trailing-icon-trailing-icon-color: #...;
  --dx-chip-with-trailing-icon-disabled-trailing-icon-color: #...;
  --dx-chip-with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
  --dx-chip-selected-trailing-icon-color: #...;
  --dx-chip-selected-disabled-trailing-icon-color: #...;
  --dx-chip-trailing-action-opacity: 1;
  --dx-chip-trailing-action-focus-opacity: 1;
  --dx-chip-trailing-action-state-layer-color: #...;
  --dx-chip-trailing-action-hover-state-layer-opacity: ...;
  --dx-chip-trailing-action-focus-state-layer-opacity: ...;
  --dx-chip-selected-trailing-action-state-layer-color: #...;
  --dx-chip-focus-state-layer-color: #...;
  --dx-chip-selected-focus-state-layer-color: #...;
  --dx-chip-hover-state-layer-color: #...;
  --dx-chip-hover-state-layer-opacity: ...;
  --dx-chip-selected-hover-state-layer-color: #...;
  --dx-chip-selected-hover-state-layer-opacity: ...;
  --dx-chip-focus-state-layer-opacity: ...;
  --dx-chip-selected-focus-state-layer-opacity: ...;
  --dx-focus-indicator-border-width: 3px;
}
.dark {
  --dx-chip-outline-color: var(--dx-chip-outline-color-dark);
}
:root {
  --dx-dialog-background-light: #EBEBEF;
  --dx-dialog-elevation-light:
    0 11px 15px -7px rgba(0, 0, 0, 0.4),
    0 24px 38px 3px rgba(0, 0, 0, 0.28),
    0 9px 46px 8px rgba(0, 0, 0, 0.24);
  --dx-dialog-title-color-light: #282826;
  --dx-dialog-content-color-light: #6F767E;
  --dx-dialog-close-color-light: #6F767E;
  --dx-dialog-close-color-hover-light: #282826;
  --dx-dialog-close-background-hover-light: transparent;
  --dx-dialog-focus-outline-light: transparent;
  --dx-dialog-backdrop-color-light: rgba(0, 0, 0, 0.7);
  --dx-dialog-background-dark: #1E232E;
  --dx-dialog-elevation-dark:
    0 11px 15px -7px rgba(0, 0, 0, 0.4),
    0 24px 38px 3px rgba(0, 0, 0, 0.28),
    0 9px 46px 8px rgba(0, 0, 0, 0.24);
  --dx-dialog-title-color-dark: #F8FAFF;
  --dx-dialog-content-color-dark: #ADAFB9;
  --dx-dialog-close-color-dark: #ADAFB9;
  --dx-dialog-close-color-hover-dark: #F8FAFF;
  --dx-dialog-close-background-hover-dark: transparent;
  --dx-dialog-focus-outline-dark: transparent;
  --dx-dialog-backdrop-color-dark: rgba(0, 0, 0, 0.7);
  --dx-dialog-container-max-width: 80vw;
  --dx-dialog-container-small-max-width: 90vw;
  --dx-dialog-container-min-width: 280px;
  --dx-dialog-container-min-height: auto;
  --dx-dialog-background: var(--dx-dialog-background-light);
  --dx-dialog-border-radius: 24px;
  --dx-dialog-elevation: var(--dx-dialog-elevation-light);
  --dx-dialog-max-width: 80vw;
  --dx-dialog-max-height: 80vh;
  --dx-dialog-min-width: 280px;
  --dx-dialog-min-height: auto;
  --dx-dialog-header-padding: 24px 24px 20px;
  --dx-dialog-title-font-size: 1.25rem;
  --dx-dialog-title-font-weight: 500;
  --dx-dialog-title-line-height: 1.6;
  --dx-dialog-title-color: var(--dx-dialog-title-color-light);
  --dx-dialog-content-padding: 20px 24px;
  --dx-dialog-content-color: var(--dx-dialog-content-color-light);
  --dx-dialog-content-font-size: 0.875rem;
  --dx-dialog-content-line-height: 1.5;
  --dx-dialog-actions-gap: 8px;
  --dx-dialog-actions-padding: 8px 24px 24px;
  --dx-dialog-close-top: 8px;
  --dx-dialog-close-right: 8px;
  --dx-dialog-close-color: var(--dx-dialog-close-color-light);
  --dx-dialog-close-color-hover: var(--dx-dialog-close-color-hover-light);
  --dx-dialog-close-background-hover: var(--dx-dialog-close-background-hover-light);
  --dx-dialog-focus-outline: var(--dx-dialog-focus-outline-light);
  --dx-dialog-backdrop-color: var(--dx-dialog-backdrop-color-light);
  --dx-dialog-max-width-mobile: 95vw;
  --dx-dialog-max-height-mobile: 90vh;
  --dx-dialog-header-padding-mobile: 16px 16px 12px;
  --dx-dialog-content-padding-mobile: 16px;
  --dx-dialog-actions-padding-mobile: 8px 16px 16px;
  --dx-dialog-actions-gap-mobile: 12px;
}
.dark {
  --dx-dialog-background: var(--dx-dialog-background-dark);
  --dx-dialog-elevation: var(--dx-dialog-elevation-dark);
  --dx-dialog-title-color: var(--dx-dialog-title-color-dark);
  --dx-dialog-content-color: var(--dx-dialog-content-color-dark);
  --dx-dialog-close-color: var(--dx-dialog-close-color-dark);
  --dx-dialog-close-color-hover: var(--dx-dialog-close-color-hover-dark);
  --dx-dialog-close-background-hover: var(--dx-dialog-close-background-hover-dark);
  --dx-dialog-focus-outline: var(--dx-dialog-focus-outline-dark);
  --dx-dialog-backdrop-color: var(--dx-dialog-backdrop-color-dark);
}
:root {
  --dx-sidenav-container-background-light: #EBEBEF;
  --dx-sidenav-content-background-light: #E3E3E8;
  --dx-sidenav-width-light: 260px;
  --dx-sidenav-elevation-shadow-light: none;
  --dx-sidenav-background-light: #EBEBEF;
  --dx-sidenav-divider-color-light: #D2D6DD;
  --dx-sidenav-radius-light: none;
  --dx-sidenav-scrim-color-light: rgba(0, 0, 0, 0.2);
  --dx-sidenav-container-background-dark: #1E232E;
  --dx-sidenav-content-background-dark: #0D121E;
  --dx-sidenav-width-dark: 260px;
  --dx-sidenav-elevation-shadow-dark: none;
  --dx-sidenav-background-dark: #1E232E;
  --dx-sidenav-divider-color-dark: #292E39;
  --dx-sidenav-radius-dark: none;
  --dx-sidenav-scrim-color-dark: rgba(0, 0, 0, 0.2);
  --dx-sidenav-container-background: var(--dx-sidenav-container-background-light);
  --dx-sidenav-content-background: var(--dx-sidenav-content-background-light);
  --dx-sidenav-width: var(--dx-sidenav-width-light);
  --dx-sidenav-elevation-shadow: var(--dx-sidenav-elevation-shadow-light);
  --dx-sidenav-background: var(--dx-sidenav-background-light);
  --dx-sidenav-divider-color: var(--dx-sidenav-divider-color-light);
  --dx-sidenav-radius: var(--dx-sidenav-radius-light);
  --dx-sidenav-scrim-color: var(--dx-sidenav-scrim-color-light);
}
.dark {
  --dx-sidenav-container-background: var(--dx-sidenav-container-background-dark);
  --dx-sidenav-content-background: var(--dx-sidenav-content-background-dark);
  --dx-sidenav-width: var(--dx-sidenav-width-dark);
  --dx-sidenav-elevation-shadow: var(--dx-sidenav-elevation-shadow-dark);
  --dx-sidenav-background: var(--dx-sidenav-background-dark);
  --dx-sidenav-divider-color: var(--dx-sidenav-divider-color-dark);
  --dx-sidenav-radius: var(--dx-sidenav-radius-dark);
  --dx-sidenav-scrim-color: var(--dx-sidenav-scrim-color-dark);
}
:root {
  --dx-form-field-outlined-input-background-light: #F5F5F7;
  --dx-form-field-outlined-disabled-input-background-light: #E3E3E8;
  --dx-form-field-outlined-input-text-color-light: #282826;
  --dx-form-field-outlined-caret-color-light: #282826;
  --dx-form-field-outlined-input-text-placeholder-color-light: #6F767E;
  --dx-form-field-outlined-outline-color-light: #D2D6DD;
  --dx-form-field-outlined-disabled-input-text-color-light: #575752;
  --dx-form-field-outlined-hover-outline-color-light: #7F75CF;
  --dx-form-field-outlined-focus-ring-color-light: #d2ceee;
  --dx-form-field-outlined-disabled-outline-color-light: #D2D6DD;
  --dx-form-field-outlined-label-text-color-light: #6F767E;
  --dx-form-field-subscript-text-color-light: #6F767E;
  --dx-form-field-outlined-input-text-presuffix-color-light: #6F767E;
  --dx-form-field-outlined-input-background-dark: #343942;
  --dx-form-field-outlined-disabled-input-background-dark: #0D121E;
  --dx-form-field-outlined-input-text-color-dark: #F8FAFF;
  --dx-form-field-outlined-caret-color-dark: #F8FAFF;
  --dx-form-field-outlined-input-text-placeholder-color-dark: #ADAFB9;
  --dx-form-field-outlined-outline-color-dark: #292E39;
  --dx-form-field-outlined-disabled-input-text-color-dark: #CACACA;
  --dx-form-field-outlined-hover-outline-color-dark: #6F767E;
  --dx-form-field-outlined-focus-ring-color-dark: #2e333b;
  --dx-form-field-outlined-disabled-outline-color-dark: #292E39;
  --dx-form-field-outlined-label-text-color-dark: #ADAFB9;
  --dx-form-field-subscript-text-color-dark: #CACACA;
  --dx-form-field-outlined-input-text-presuffix-color-dark: #ADAFB9;
  --dx-form-field-outlined-input-background: var(--dx-form-field-outlined-input-background-light);
  --dx-form-field-outlined-disabled-input-background: var(--dx-form-field-outlined-disabled-input-background-light);
  --dx-form-field-outlined-input-text-color: var(--dx-form-field-outlined-input-text-color-light);
  --dx-form-field-outlined-caret-color: var(--dx-form-field-outlined-caret-color-light);
  --dx-form-field-outlined-input-text-placeholder-color: var(--dx-form-field-outlined-input-text-placeholder-color-light);
  --dx-form-field-outlined-error-caret-color: #e07272;
  --dx-form-field-outlined-disabled-input-text-color: var(--dx-form-field-outlined-disabled-input-text-color-light);
  --dx-form-field-outlined-outline-color: var(--dx-form-field-outlined-outline-color-light);
  --dx-form-field-outlined-hover-outline-color: var(--dx-form-field-outlined-hover-outline-color-light);
  --dx-form-field-outlined-focus-outline-color: #7F75CF;
  --dx-form-field-outlined-focus-ring-color: var( --dx-form-field-outlined-focus-ring-color-light);
  --dx-form-field-outlined-disabled-outline-color: var(--dx-form-field-outlined-disabled-outline-color-light);
  --dx-form-field-outlined-error-outline-color: #e07272;
  --dx-form-field-outlined-error-hover-outline-color: #e07272;
  --dx-form-field-outlined-error-focus-outline-color: #e07272;
  --dx-form-field-outlined-label-text-color: var(--dx-form-field-outlined-label-text-color-light);
  --dx-form-field-outlined-error-label-text-color: #e07272;
  --dx-form-field-error-text-color: #e07272;
  --dx-form-field-disabled-input-text-placeholder-color: var(--dx-form-field-outlined-input-text-placeholder-color-light);
  --dx-form-field-leading-icon-color: ;
  --dx-form-field-disabled-leading-icon-color: ;
  --dx-form-field-trailing-icon-color: ;
  --dx-form-field-disabled-trailing-icon-color: ;
  --dx-form-field-error-trailing-icon-color: ;
  --dx-form-field-error-hover-trailing-icon-color: ;
  --dx-form-field-error-focus-trailing-icon-color: ;
  --dx-form-field-select-option-text-color: ;
  --dx-form-field-select-disabled-option-text-color: ;
  --dx-form-field-enabled-select-arrow-color: ;
  --dx-form-field-focus-select-arrow-color: ;
  --dx-form-field-disabled-select-arrow-color: ;
  --dx-form-field-state-layer-color: ;
  --dx-form-field-hover-state-layer-opacity: ;
  --dx-form-field-focus-state-layer-opacity: ;
  --dx-form-field-outlined-input-text-presuffix-color: var(--dx-form-field-outlined-input-text-presuffix-color-light);
  --dx-form-field-outlined-container-shape: 12px;
  --dx-form-field-notch-max-width: ;
  --dx-form-field-container-height: ;
  --dx-form-field-container-vertical-padding: 9px;
  --dx-form-field-label-offset-y: 6px;
  --dx-form-field-floating-label-scale: ;
  --dx-form-field-outlined-outline-width: 1px;
  --dx-form-field-outlined-focus-outline-width: 2px;
  --dx-form-field-outlined-focus-ring-width: 2px;
  --dx-form-field-outlined-label-text-size: 15px;
  --dx-form-field-outlined-label-text-weight: ;
  --dx-form-field-outlined-label-text-tracking: ;
  --dx-form-field-outlined-label-text-populated-size: ;
  --dx-form-field-container-text-line-height: ;
  --dx-form-field-container-text-size: 15px;
  --dx-form-field-container-text-tracking: ;
  --dx-form-field-container-text-weight: ;
  --dx-form-field-subscript-text-line-height: ;
  --dx-form-field-subscript-text-size: 12px;
  --dx-form-field-subscript-text-tracking: ;
  --dx-form-field-subscript-text-weight: ;
  --dx-form-field-subscript-text-color: var(--dx-form-field-subscript-text-color-light);
}
.dark {
  --dx-form-field-outlined-input-background: var(--dx-form-field-outlined-input-background-dark);
  --dx-form-field-outlined-disabled-input-background: var(--dx-form-field-outlined-disabled-input-background-dark);
  --dx-form-field-outlined-input-text-color: var(--dx-form-field-outlined-input-text-color-dark);
  --dx-form-field-outlined-caret-color: var(--dx-form-field-outlined-caret-color-dark);
  --dx-form-field-outlined-input-text-placeholder-color: var(--dx-form-field-outlined-input-text-placeholder-color-dark);
  --dx-form-field-outlined-outline-color: var(--dx-form-field-outlined-outline-color-dark);
  --dx-form-field-outlined-disabled-input-text-color: var(--dx-form-field-outlined-disabled-input-text-color-dark);
  --dx-form-field-outlined-hover-outline-color: var(--dx-form-field-outlined-hover-outline-color-dark);
  --dx-form-field-outlined-focus-ring-color: var( --dx-form-field-outlined-focus-ring-color-dark);
  --dx-form-field-outlined-disabled-outline-color: var(--dx-form-field-outlined-disabled-outline-color-dark);
  --dx-form-field-outlined-label-text-color: var(--dx-form-field-outlined-label-text-color-dark);
  --dx-form-field-outlined-disabled-label-text-color: var(--dx-form-field-outlined-label-text-color-dark);
  --dx-form-field-disabled-input-text-placeholder-color: var(--dx-form-field-outlined-input-text-placeholder-color-dark);
  --dx-form-field-subscript-text-color: var(--dx-form-field-subscript-text-color-dark);
  --dx-form-field-outlined-input-text-presuffix-color: var(--dx-form-field-outlined-input-text-presuffix-color-dark);
}
:root {
  --dx-icon-primary-color-light: #7F75CF;
  --dx-icon-secondary-color-light: #e07272;
  --dx-icon-accent-color-light: #FF9500;
  --dx-icon-warn-color-light: #e07272;
  --dx-icon-disabled-color-light: #89898A;
  --dx-icon-inherit-color-light: inherit;
  --dx-icon-primary-color-dark: #9891CD;
  --dx-icon-secondary-color-dark: #FF6B6B;
  --dx-icon-accent-color-dark: #FFB84D;
  --dx-icon-warn-color-dark: #FF6B6B;
  --dx-icon-disabled-color-dark: #8B8F97;
  --dx-icon-inherit-color-dark: inherit;
  --dx-icon-size-small: 18px;
  --dx-icon-size-medium: 24px;
  --dx-icon-size-large: 36px;
  --dx-icon-size-xlarge: 48px;
  --dx-icon-font-family-material: "Material Icons";
  --dx-icon-font-family-material-outlined: "Material Icons Outlined";
  --dx-icon-font-family-material-round: "Material Icons Round";
  --dx-icon-font-family-material-sharp: "Material Icons Sharp";
  --dx-icon-font-family-material-two-tone: "Material Icons Two Tone";
  --dx-icon-transition-duration: 150ms;
  --dx-icon-transition-timing: ease-in-out;
  --dx-icon-transition: color var(--dx-icon-transition-duration) var(--dx-icon-transition-timing);
  --dx-icon-inline-margin: 0.2em;
  --dx-icon-hover-opacity: 0.8;
  --dx-icon-focus-outline-width: 2px;
  --dx-icon-focus-outline-offset: 2px;
  --dx-icon-focus-outline-radius: 2px;
  --dx-icon-focus-outline-color-light: #B5B0DF;
  --dx-icon-focus-outline-color-dark: #5A5199;
  --dx-icon-primary-color: var(--dx-icon-primary-color-light);
  --dx-icon-secondary-color: var(--dx-icon-secondary-color-light);
  --dx-icon-accent-color: var(--dx-icon-accent-color-light);
  --dx-icon-warn-color: var(--dx-icon-warn-color-light);
  --dx-icon-disabled-color: var(--dx-icon-disabled-color-light);
  --dx-icon-inherit-color: var(--dx-icon-inherit-color-light);
  --dx-icon-focus-outline-color: var(--dx-icon-focus-outline-color-light);
}
.dark {
  --dx-icon-primary-color: var(--dx-icon-primary-color-dark);
  --dx-icon-secondary-color: var(--dx-icon-secondary-color-dark);
  --dx-icon-accent-color: var(--dx-icon-accent-color-dark);
  --dx-icon-warn-color: var(--dx-icon-warn-color-dark);
  --dx-icon-disabled-color: var(--dx-icon-disabled-color-dark);
  --dx-icon-inherit-color: var(--dx-icon-inherit-color-dark);
  --dx-icon-focus-outline-color: var(--dx-icon-focus-outline-color-dark);
}
:root {
  --dx-list-background-light: #F5F5F7;
  --dx-list-item-background-light: transparent;
  --dx-list-item-background-hover-light: #E5E5EB;
  --dx-list-item-background-selected-light: rgba(127, 117, 207, 0.12);
  --dx-list-item-background-disabled-light: transparent;
  --dx-list-item-text-color-light: #282826;
  --dx-list-item-text-color-secondary-light: #6F767E;
  --dx-list-item-text-color-selected-light: #7F75CF;
  --dx-list-item-text-color-disabled-light: #89898A;
  --dx-list-header-text-color-light: #6F767E;
  --dx-list-background-dark: #1E232E;
  --dx-list-item-background-dark: transparent;
  --dx-list-item-background-hover-dark: #343942;
  --dx-list-item-background-selected-dark: rgba(152, 145, 205, 0.16);
  --dx-list-item-background-disabled-dark: transparent;
  --dx-list-item-text-color-dark: #F8FAFF;
  --dx-list-item-text-color-secondary-dark: #ADAFB9;
  --dx-list-item-text-color-selected-dark: #9891CD;
  --dx-list-item-text-color-disabled-dark: #8B8F97;
  --dx-list-header-text-color-dark: #ADAFB9;
  --dx-list-padding: 8px 0;
  --dx-list-item-height: 56px;
  --dx-list-item-height-dense: 40px;
  --dx-list-item-height-one-line: 48px;
  --dx-list-item-height-two-line: 64px;
  --dx-list-item-height-three-line: 88px;
  --dx-list-item-padding: 0 16px;
  --dx-list-item-padding-dense: 0 16px;
  --dx-list-item-padding-start: 16px;
  --dx-list-item-padding-end: 16px;
  --dx-list-item-leading-spacing: 16px;
  --dx-list-item-trailing-spacing: 16px;
  --dx-list-item-text-spacing: 16px;
  --dx-list-item-title-font-size: 16px;
  --dx-list-item-title-line-height: 24px;
  --dx-list-item-title-font-weight: 400;
  --dx-list-item-subtitle-font-size: 14px;
  --dx-list-item-subtitle-line-height: 20px;
  --dx-list-item-subtitle-font-weight: 400;
  --dx-list-item-caption-font-size: 12px;
  --dx-list-item-caption-line-height: 16px;
  --dx-list-item-caption-font-weight: 400;
  --dx-list-header-padding: 16px;
  --dx-list-header-font-size: 14px;
  --dx-list-header-font-weight: 500;
  --dx-list-header-line-height: 20px;
  --dx-list-divider-color-light: #D2D6DD;
  --dx-list-divider-color-dark: #292E39;
  --dx-list-divider-thickness: 1px;
  --dx-list-item-focus-outline-color-light: #B5B0DF;
  --dx-list-item-focus-outline-color-dark: #5A5199;
  --dx-list-item-focus-outline-width: 2px;
  --dx-list-item-focus-outline-offset: 2px;
  --dx-list-item-selection-indicator-light: #7F75CF;
  --dx-list-item-selection-indicator-dark: #9891CD;
  --dx-list-transition-duration: 150ms;
  --dx-list-transition-timing: ease-in-out;
  --dx-list-transition: background-color var(--dx-list-transition-duration) var(--dx-list-transition-timing), color var(--dx-list-transition-duration) var(--dx-list-transition-timing);
  --dx-list-avatar-size: 40px;
  --dx-list-icon-size: 24px;
  --dx-list-thumbnail-size: 56px;
  --dx-list-background: var(--dx-list-background-light);
  --dx-list-item-background: var(--dx-list-item-background-light);
  --dx-list-item-background-hover: var(--dx-list-item-background-hover-light);
  --dx-list-item-background-selected: var(--dx-list-item-background-selected-light);
  --dx-list-item-background-disabled: var(--dx-list-item-background-disabled-light);
  --dx-list-item-text-color: var(--dx-list-item-text-color-light);
  --dx-list-item-text-color-secondary: var(--dx-list-item-text-color-secondary-light);
  --dx-list-item-text-color-selected: var(--dx-list-item-text-color-selected-light);
  --dx-list-item-text-color-disabled: var(--dx-list-item-text-color-disabled-light);
  --dx-list-header-text-color: var(--dx-list-header-text-color-light);
  --dx-list-divider-color: var(--dx-list-divider-color-light);
  --dx-list-item-focus-outline-color: var(--dx-list-item-focus-outline-color-light);
  --dx-list-item-selection-indicator: var(--dx-list-item-selection-indicator-light);
}
.dark {
  --dx-list-background: var(--dx-list-background-dark);
  --dx-list-item-background: var(--dx-list-item-background-dark);
  --dx-list-item-background-hover: var(--dx-list-item-background-hover-dark);
  --dx-list-item-background-selected: var(--dx-list-item-background-selected-dark);
  --dx-list-item-background-disabled: var(--dx-list-item-background-disabled-dark);
  --dx-list-item-text-color: var(--dx-list-item-text-color-dark);
  --dx-list-item-text-color-secondary: var(--dx-list-item-text-color-secondary-dark);
  --dx-list-item-text-color-selected: var(--dx-list-item-text-color-selected-dark);
  --dx-list-item-text-color-disabled: var(--dx-list-item-text-color-disabled-dark);
  --dx-list-header-text-color: var(--dx-list-header-text-color-dark);
  --dx-list-divider-color: var(--dx-list-divider-color-dark);
  --dx-list-item-focus-outline-color: var(--dx-list-item-focus-outline-color-dark);
  --dx-list-item-selection-indicator: var(--dx-list-item-selection-indicator-dark);
}
:root {
  --dx-optgroup-label-text-color-light: #6F767E;
  --dx-option-label-text-color-light: #282826;
  --dx-option-hover-state-layer-color-light: #EBEBEF;
  --dx-option-hover-focus-layer-color-light: #E2E3E8;
  --dx-option-selected-state-layer-color-light: #EBEBEF;
  --dx-optgroup-label-text-color-dark: #ADAFB9;
  --dx-option-label-text-color-dark: #F8FAFF;
  --dx-option-hover-state-layer-color-dark: #1E232E;
  --dx-option-hover-focus-layer-color-dark: #343942;
  --dx-option-selected-state-layer-color-dark: #1E232E;
  --dx-optgroup-label-text-color: var(--dx-optgroup-label-text-color-light);
  --dx-optgroup-label-text-line-height: 22px;
  --dx-optgroup-label-text-size: 14px;
  --dx-optgroup-label-text-tracking: -1%;
  --dx-optgroup-label-text-weight: 500;
  --dx-option-label-text-color: var(--dx-option-label-text-color-light);
  --dx-option-label-text-line-height: 24px;
  --dx-option-label-text-size: 16px;
  --dx-option-label-text-tracking: -1%;
  --dx-option-label-text-weight: 500;
  --dx-option-hover-state-layer-color: var(--dx-option-hover-state-layer-color-light);
  --dx-option-focus-state-layer-color: var(--dx-option-focus-state-layer-color-light);
  --dx-option-selected-state-layer-color: var(--dx-option-selected-state-layer-color-light);
  --dx-option-selected-state-label-text-color: var(--dx-option-label-text-color-light);
  --dx-list-list-item-selected-container-color: var(--dx-list-list-item-container-color, transparent);
  --dx-option-container-shape: 8px;
}
.dark {
  --dx-optgroup-label-text-color: var(--dx-optgroup-label-text-color-dark);
  --dx-option-label-text-color: var(--dx-option-label-text-color-dark);
  --dx-option-hover-state-layer-color: var(--dx-option-hover-state-layer-color-dark);
  --dx-option-focus-state-layer-color: var(--dx-option-focus-state-layer-color-dark);
  --dx-option-selected-state-layer-color: var(--dx-option-selected-state-layer-color-dark);
  --dx-option-selected-state-label-text-color: var(--dx-option-label-text-color-dark);
}
:root {
  --dx-progress-spinner-active-indicator-color: #7F75CF;
  --dx-progress-spinner-active-indicator-width: 4px;
}
:root {
  --dx-pseudo-checkbox-full-unselected-icon-color-light: #D2D6DD;
  --dx-pseudo-checkbox-full-unselected-icon-color-dark: #292E39;
  --dx-pseudo-checkbox-minimal-selected-checkmark-color: #7F75CF;
  --dx-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #7F75CF;
  --dx-pseudo-checkbox-full-unselected-icon-color: var(--dx-pseudo-checkbox-full-unselected-icon-color-light);
  --dx-pseudo-checkbox-full-disabled-unselected-icon-color: var(--dx-pseudo-checkbox-full-unselected-icon-color-light);
  --dx-pseudo-checkbox-full-selected-icon-color: #7F75CF;
  --dx-pseudo-checkbox-full-selected-checkmark-color: #ffffff;
  --dx-pseudo-checkbox-full-disabled-selected-icon-color: var(--dx-pseudo-checkbox-full-selected-icon-color);
  --dx-pseudo-checkbox-full-disabled-selected-checkmark-color: #f5f5f5;
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --dx-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, var(--dx-pseudo-checkbox-full-unselected-icon-color-light) 38%, transparent);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --dx-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, var(--dx-pseudo-checkbox-full-selected-icon-color) 38%, transparent);
  }
}
.dark {
  --dx-pseudo-checkbox-full-unselected-icon-color: var(--dx-pseudo-checkbox-full-unselected-icon-color-dark);
  --dx-pseudo-checkbox-full-disabled-unselected-icon-color: var(--dx-pseudo-checkbox-full-unselected-icon-color-dark);
}
@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --dx-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, var(--dx-pseudo-checkbox-full-unselected-icon-color-dark) 38%, transparent);
  }
}
:root {
  --dx-select-enabled-trigger-text-color-light: #282826;
  --dx-select-panel-background-color-light: #F5F5F7;
  --dx-select-panel-border-color-light: #D2D6DD;
  --dx-select-filter-border-color-light: #D2D6DD;
  --dx-select-disabled-trigger-text-color-light: #6F767E;
  --dx-select-placeholder-text-color-light: #6F767E;
  --dx-select-scrollbar-thumb-color-light: rgba(111, 118, 126, 0.3);
  --dx-select-scrollbar-thumb-hover-color-light: rgba(111, 118, 126, 0.5);
  --dx-select-enabled-trigger-text-color-dark: #F8FAFF;
  --dx-select-panel-background-color-dark: #343942;
  --dx-select-panel-border-color-dark: #292E39;
  --dx-select-filter-border-color-dark: #292E39;
  --dx-select-disabled-trigger-text-color-dark: #ADAFB9;
  --dx-select-placeholder-text-color-dark: #ADAFB9;
  --dx-select-scrollbar-thumb-color-dark: rgba(173, 175, 185, 0.3);
  --dx-select-scrollbar-thumb-hover-color-dark: rgba(173, 175, 185, 0.5);
  --dx-select-enabled-trigger-text-color: var(--dx-select-enabled-trigger-text-color-light);
  --dx-select-trigger-text-line-height: ;
  --dx-select-trigger-text-size: 15px;
  --dx-select-trigger-text-weight: ;
  --dx-select-trigger-text-tracking: ;
  --dx-select-container-elevation-shadow: ;
  --dx-select-disabled-trigger-text-color: var(--dx-select-disabled-trigger-text-color-light);
  --dx-select-placeholder-text-color: var(--dx-select-placeholder-text-color-light);
  --dx-select-invalid-placeholder-color: #e07272;
  --dx-select-invalid-arrow-color: #e07272;
  --dx-select-enabled-arrow-color: var(--dx-select-placeholder-text-color-light);
  --dx-select-focused-arrow-color: var(--dx-select-placeholder-text-color-light);
  --dx-select-disabled-arrow-color: var(--dx-select-placeholder-text-color-light);
  --dx-select-panel-background-color: var(--dx-select-panel-background-color-light);
  --dx-select-panel-border-color: var(--dx-select-panel-border-color-light);
  --dx-select-filter-border-color: var(--dx-select-filter-border-color-light);
  --dx-select-scrollbar-thumb-color: var(--dx-select-scrollbar-thumb-color-light);
  --dx-select-scrollbar-thumb-hover-color: var(--dx-select-scrollbar-thumb-hover-color-light);
  --dx-select-arrow-transform: translateY(-8px);
  --dx-select-outlined-container-shape: 12px;
  --dx-select-outlined-container-max-height: 275px;
}
.dark {
  --dx-select-enabled-trigger-text-color: var(--dx-select-enabled-trigger-text-color-dark);
  --dx-select-panel-background-color: var(--dx-select-panel-background-color-dark);
  --dx-select-panel-border-color: var(--dx-select-panel-border-color-dark);
  --dx-select-filter-border-color: var(--dx-select-filter-border-color-dark);
  --dx-select-disabled-trigger-text-color: var(--dx-select-disabled-trigger-text-color-dark);
  --dx-select-placeholder-text-color: var(--dx-select-placeholder-text-color-dark);
  --dx-select-disabled-arrow-color: var(--dx-select-placeholder-text-color-dark);
  --dx-select-focused-arrow-color: var(--dx-select-placeholder-text-color-dark);
  --dx-select-disabled-arrow-color: var(--dx-select-placeholder-text-color-dark);
  --dx-select-scrollbar-thumb-color: var(--dx-select-scrollbar-thumb-color-dark);
  --dx-select-scrollbar-thumb-hover-color: var(--dx-select-scrollbar-thumb-hover-color-dark);
}
:root {
  --dx-slide-toggle-track-outline-color-light: #D2D6DD;
  --dx-slide-toggle-unselected-track-color-light: #E3E3E8;
  --dx-slide-toggle-selected-track-color-light: #7F75CF;
  --dx-slide-toggle-unselected-handle-color-light: #E3E3E8;
  --dx-slide-toggle-unselected-handle-shadow-light:
    0px 1px 2px 0px #00000033,
    0px -1px 1px 0px #0000001A inset,
    0px 1px 2px 0px #FFFFFF inset;
  --dx-slide-toggle-label-text-color-light: #6F767E;
  --dx-slide-toggle-disabled-label-text-color-light: #575752;
  --dx-slide-toggle-track-outline-color-dark: #292E39;
  --dx-slide-toggle-unselected-track-color-dark: #0D121E;
  --dx-slide-toggle-selected-track-color-dark: #7F75CF;
  --dx-slide-toggle-unselected-handle-color-dark: #0D121E;
  --dx-slide-toggle-unselected-handle-shadow-dark:
    0px 2px 4px 0px #00000033,
    0px -1px 1px 0px #0000001A inset,
    0px 1px 2px 0px #FFFFFF inset;
  --dx-slide-toggle-label-text-color-dark: #ADAFB9;
  --dx-slide-toggle-disabled-label-text-color-dark: #CACACA;
  --dx-slide-toggle-track-width: 40px;
  --dx-slide-toggle-track-height: 24px;
  --dx-slide-toggle-track-shape: 9999px;
  --dx-slide-toggle-track-outline-width: 1px;
  --dx-slide-toggle-track-outline-color: var(--dx-slide-toggle-track-outline-color-light);
  --dx-slide-toggle-selected-track-outline-width: 1px;
  --dx-slide-toggle-selected-track-outline-color: transparent;
  --dx-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --dx-slide-toggle-disabled-unselected-track-outline-color: #D2D6DD;
  --dx-slide-toggle-unselected-track-color: var(--dx-slide-toggle-unselected-track-color-light);
  --dx-slide-toggle-selected-track-color: var(--dx-slide-toggle-selected-track-color-light);
  --dx-slide-toggle-disabled-track-opacity: 0.12;
  --dx-slide-toggle-hidden-track-opacity: 0;
  --dx-slide-toggle-visible-track-opacity: 1;
  --dx-slide-toggle-hidden-track-transition: opacity 75ms;
  --dx-slide-toggle-visible-track-transition: opacity 75ms;
  --dx-slide-toggle-unselected-hover-track-color: var(--dx-slide-toggle-unselected-track-color-light);
  --dx-slide-toggle-unselected-focus-track-color: var(--dx-slide-toggle-unselected-track-color-light);
  --dx-slide-toggle-unselected-pressed-track-color: var(--dx-slide-toggle-unselected-track-color-light);
  --dx-slide-toggle-selected-hover-track-color: var(--dx-slide-toggle-selected-track-color-light);
  --dx-slide-toggle-selected-focus-track-color: var(--dx-slide-toggle-selected-track-color-light);
  --dx-slide-toggle-selected-pressed-track-color: var(--dx-slide-toggle-selected-track-color-light);
  --dx-slide-toggle-handle-width: 20px;
  --dx-slide-toggle-handle-height: 20px;
  --dx-slide-toggle-handle-shape: 9999px;
  --dx-slide-toggle-unselected-handle-size: 20px;
  --dx-slide-toggle-selected-handle-size: 20px;
  --dx-slide-toggle-with-icon-handle-size: 20px;
  --dx-slide-toggle-pressed-handle-size: 20px;
  --dx-slide-toggle-unselected-handle-horizontal-margin: 0 2px;
  --dx-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 2px;
  --dx-slide-toggle-selected-handle-horizontal-margin: 0 -2px;
  --dx-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 -2px;
  --dx-slide-toggle-selected-pressed-handle-horizontal-margin: 0 -2px;
  --dx-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 2px;
  --dx-slide-toggle-handle-surface-color: ;
  --dx-slide-toggle-selected-handle-color: #FFFFFF;
  --dx-slide-toggle-selected-hover-handle-color: #FFFFFF;
  --dx-slide-toggle-selected-focus-handle-color: #FFFFFF;
  --dx-slide-toggle-selected-pressed-handle-color: #FFFFFF;
  --dx-slide-toggle-selected-handle-shadow:
    0px 2px 4px 0px #00000033,
    0px -1px 1px 0px #0000001A inset,
    0px 1px 2px 0px #FFFFFF inset;
  --dx-slide-toggle-unselected-handle-color: var(--dx-slide-toggle-unselected-handle-color-light);
  --dx-slide-toggle-unselected-hover-handle-color: var(--dx-slide-toggle-unselected-handle-color-light);
  --dx-slide-toggle-unselected-focus-handle-color: var(--dx-slide-toggle-unselected-handle-color-light);
  --dx-slide-toggle-unselected-pressed-handle-color: var(--dx-slide-toggle-unselected-handle-color-light);
  --dx-slide-toggle-unselected-handle-shadow: var(--dx-slide-toggle-unselected-handle-shadow-light);
  --dx-slide-toggle-disabled-selected-handle-opacity: 1;
  --dx-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --dx-slide-toggle-unselected-icon-size: 20px;
  --dx-slide-toggle-selected-icon-size: 20px;
  --dx-slide-toggle-unselected-icon-color: var(--dx-sys-surface-variant);
  --dx-slide-toggle-selected-icon-color: var(--dx-sys-on-primary-container);
  --dx-slide-toggle-disabled-unselected-icon-color: var(--dx-sys-surface-variant);
  --dx-slide-toggle-disabled-selected-icon-color: var(--dx-sys-on-surface);
  --dx-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --dx-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --dx-slide-toggle-state-layer-size: 24px;
  --dx-slide-toggle-label-text-color: var(--dx-slide-toggle-label-text-color-light);
  --dx-slide-toggle-label-text-line-height: ;
  --dx-slide-toggle-label-text-size: 15px;
  --dx-slide-toggle-label-text-tracking: ;
  --dx-slide-toggle-label-text-weight: ;
  --dx-slide-toggle-disabled-label-text-color: var(--dx-slide-toggle-disabled-label-text-color-light);
}
.dark {
  --dx-slide-toggle-track-outline-color: var(--dx-slide-toggle-track-outline-color-dark);
  --dx-slide-toggle-unselected-track-color: var(--dx-slide-toggle-unselected-track-color-dark);
  --dx-slide-toggle-selected-track-color: var(--dx-slide-toggle-selected-track-color-dark);
  --dx-slide-toggle-unselected-hover-track-color: var(--dx-slide-toggle-unselected-track-color-dark);
  --dx-slide-toggle-unselected-focus-track-color: var(--dx-slide-toggle-unselected-track-color-dark);
  --dx-slide-toggle-unselected-pressed-track-color: var(--dx-slide-toggle-unselected-track-color-dark);
  --dx-slide-toggle-selected-hover-track-color: var(--dx-slide-toggle-selected-track-color-dark);
  --dx-slide-toggle-selected-focus-track-color: var(--dx-slide-toggle-selected-track-color-dark);
  --dx-slide-toggle-selected-pressed-track-color: var(--dx-slide-toggle-selected-track-color-dark);
  --dx-slide-toggle-unselected-handle-color: var(--dx-slide-toggle-unselected-handle-color-dark);
  --dx-slide-toggle-unselected-hover-handle-color: var(--dx-slide-toggle-unselected-handle-color-dark);
  --dx-slide-toggle-unselected-focus-handle-color: var(--dx-slide-toggle-unselected-handle-color-dark);
  --dx-slide-toggle-unselected-pressed-handle-color: var(--dx-slide-toggle-unselected-handle-color-dark);
  --dx-slide-toggle-unselected-handle-shadow: var(--dx-slide-toggle-unselected-handle-shadow-dark);
  --dx-slide-toggle-label-text-color: var(--dx-slide-toggle-label-text-color-dark);
  --dx-slide-toggle-disabled-label-text-color: var(--dx-slide-toggle-disabled-label-text-color-dark);
}
:root {
  --dx-slider-inactive-track-color-light: #E3E3E8;
  --dx-slider-track-outline-color-light: #D2D6DD;
  --dx-slider-inactive-track-color-dark: #0D121E;
  --dx-slider-track-outline-color-dark: #292E39;
  --dx-slider-inactive-track-height: 8px;
  --dx-slider-inactive-track-color: var(--dx-slider-inactive-track-color-light);
  --dx-slider-inactive-track-shape: 9999px;
  --dx-slider-active-track-height: 8px;
  --dx-slider-active-track-shape: 9999px;
  --dx-slider-active-track-color: #7F75CF;
  --dx-slider-disabled-active-track-color: ;
  --dx-slider-disabled-inactive-track-color: ;
  --dx-slider-track-outline-color: var(--dx-slider-track-outline-color-light);
  --dx-slider-value-indicator-width: 28px;
  --dx-slider-value-indicator-height: 28px;
  --dx-slider-value-indicator-padding: 0;
  --dx-slider-value-indicator-opacity: 1;
  --dx-slider-value-indicator-border-radius: 50% 50% 50% 0;
  --dx-slider-value-indicator-container-transform: ;
  --dx-slider-value-indicator-caret-display: none;
  --dx-slider-label-container-color: ;
  --dx-slider-label-label-text-color: ;
  --dx-slider-label-label-text-font: ;
  --dx-slider-label-label-text-size: ;
  --dx-slider-label-label-text-weight: ;
  --dx-slider-label-label-text-line-height: ;
  --dx-slider-label-label-text-tracking: ;
  --dx-slider-value-indicator-text-transform: ;
  --dx-slider-handle-width: 20px;
  --dx-slider-handle-height: 20px;
  --dx-slider-handle-shape: 9999px;
  --dx-slider-handle-color: #FFFFFF;
  --dx-slider-hover-handle-color: #FFFFFF;
  --dx-slider-focus-handle-color: #FFFFFF;
  --dx-slider-disabled-handle-color: ;
  --dx-slider-with-overlap-handle-outline-color: ;
  --dx-slider-with-overlap-handle-outline-width: 1px;
  --dx-slider-handle-elevation:
    0px 2px 4px 0px rgba(0, 0, 0, 0.2),
    0px -1px 1px 0px rgba(0, 0, 0, 0.1) inset,
    0px 1px 2px 0px #FFFFFF inset;
  --dx-slider-with-tick-marks-container-size: 2px;
  --dx-slider-with-tick-marks-container-shape: ;
  --dx-slider-with-tick-marks-inactive-container-opacity: 0.38;
  --dx-slider-with-tick-marks-inactive-container-color: ;
  --dx-slider-with-tick-marks-disabled-container-color: ;
  --dx-slider-with-tick-marks-active-container-opacity: 0.38;
  --dx-slider-with-tick-marks-active-container-color: ;
  --dx-slider-ripple-color: ;
  --dx-slider-hover-state-layer-color: ;
  --dx-slider-focus-state-layer-color: ;
}
.dark {
  --dx-slider-inactive-track-color: var(--dx-slider-inactive-track-color-dark);
  --dx-slider-track-outline-color: var(--dx-slider-track-outline-color-dark);
}
:root {
  --dx-snackbar-action-color: white;
  --dx-snackbar-action-color-focus: white;
  --dx-snackbar-action-color-hover: white;
  --dx-snackbar-action-font-size: 14px;
  --dx-snackbar-action-font-weight: 500;
  --dx-snackbar-background: #323232;
  --dx-snackbar-border-radius: 12px;
  --dx-snackbar-color: white;
  --dx-snackbar-dismiss-background-hover: rgba(255, 255, 255, 0.1);
  --dx-snackbar-dismiss-color: rgba(255, 255, 255, 0.7);
  --dx-snackbar-dismiss-color-hover: rgba(255, 255, 255, 0.9);
  --dx-snackbar-elevation:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  --dx-snackbar-error-background: #E07272;
  --dx-snackbar-font-size: 14px;
  --dx-snackbar-gap: 12px;
  --dx-snackbar-info-background: #669EDD;
  --dx-snackbar-line-height: 20px;
  --dx-snackbar-max-width: 568px;
  --dx-snackbar-min-width: 344px;
  --dx-snackbar-padding: 14px 16px;
  --dx-snackbar-success-background: #9DC390;
  --dx-snackbar-warning-background: #DAB674;
  --dx-snackbar-background-dark: #424242;
}
:root {
  --dx-tab-header-outline-color-light: #D2D6DD;
  --dx-tab-background-color-light: #EBEBEF;
  --dx-tab-foreground-color-light: #6F767E;
  --dx-tab-pagination-icon-color-light: #6F767E;
  --dx-tab-inactive-label-text-color-light: #575752;
  --dx-tab-inactive-hover-label-text-color-light: #282826;
  --dx-tab-inactive-focus-label-text-color-light: #282826;
  --dx-tab-active-label-text-color-light: #282826;
  --dx-tab-active-ripple-color-light: #F5F5F7;
  --dx-tab-body-background-color-light: #EBEBEF;
  --dx-tab-body-outline-color-light: #D2D6DD;
  --dx-tab-active-elevation-light: 0px 1px 0px 0px rgba(255, 255, 255, 0.5) inset, 0px -1px 1px 0px rgba(0, 0, 0, 0.04) inset;
  --dx-tab-header-outline-color-dark: #292E39;
  --dx-tab-background-color-dark: #1E232E;
  --dx-tab-foreground-color-dark: #ADAFB9;
  --dx-tab-pagination-icon-color-dark: #ADAFB9;
  --dx-tab-inactive-label-text-color-dark: #CACACA;
  --dx-tab-inactive-hover-label-text-color-dark: #F8FAFF;
  --dx-tab-inactive-focus-label-text-color-dark: #F8FAFF;
  --dx-tab-active-label-text-color-dark: #F8FAFF;
  --dx-tab-active-ripple-color-dark: #343942;
  --dx-tab-body-background-color-dark: #1E232E;
  --dx-tab-body-outline-color-dark: #292E39;
  --dx-tab-active-elevation-dark: 0px 1px 0px 0px rgba(255, 255, 255, 0.08) inset, 0px -1px 1px 0px rgba(0, 0, 0, 0.04) inset;
  --dx-tab-animation-duration: 250ms;
  --dx-tab-header-shape: 16px;
  --dx-tab-header-outline-color: var(--dx-tab-header-outline-color-light);
  --dx-tab-container-height: 48px;
  --dx-tab-height: 40px;
  --dx-tab-shape: 12px;
  --dx-tab-background-color: var(--dx-tab-background-color-light);
  --dx-tab-foreground-color: var(--dx-tab-foreground-color-light);
  --dx-tab-active-elevation: var(--dx-tab-active-elevation-light);
  --dx-tab-divider-height: 0px;
  --dx-tab-divider-color: transparent;
  --dx-tab-pagination-icon-color: var(--dx-tab-pagination-icon-color-light);
  --dx-tab-label-text-size: 15px;
  --dx-tab-label-text-tracking: -1%;
  --dx-tab-label-text-line-height: 22px;
  --dx-tab-label-text-weight: 500;
  --dx-tab-active-indicator-color: transparent;
  --dx-tab-active-indicator-height: 0;
  --dx-tab-active-indicator-shape: 0;
  --dx-tab-active-hover-indicator-color: transparent;
  --dx-tab-active-focus-indicator-color: transparent;
  --dx-tab-inactive-label-text-color: var(--dx-tab-inactive-label-text-color-light);
  --dx-tab-inactive-hover-label-text-color: var(--dx-tab-inactive-hover-label-text-color-light);
  --dx-tab-inactive-focus-label-text-color: var(--dx-tab-inactive-focus-label-text-color-light);
  --dx-tab-active-label-text-color: var(--dx-tab-active-label-text-color-light);
  --dx-tab-active-hover-label-text-color: var(--dx-tab-active-label-text-color-light);
  --dx-tab-active-focus-label-text-color: var(--dx-tab-active-label-text-color-light);
  --dx-tab-inactive-ripple-color: ;
  --dx-tab-active-ripple-color: var(--dx-tab-active-ripple-color-light);
  --dx-tab-disabled-ripple-color: ;
  --dx-tab-body-background-color: var(--dx-tab-body-background-color-light);
  --dx-tab-body-outline-color: var(--dx-tab-body-outline-color-light);
}
.dark {
  --dx-tab-header-outline-color: var(--dx-tab-header-outline-color-dark);
  --dx-tab-background-color: var(--dx-tab-background-color-dark);
  --dx-tab-foreground-color: var(--dx-tab-foreground-color-dark);
  --dx-tab-active-elevation: var(--dx-tab-active-elevation-dark);
  --dx-tab-pagination-icon-color: var(--dx-tab-pagination-icon-color-dark);
  --dx-tab-inactive-label-text-color: var(--dx-tab-inactive-label-text-color-dark);
  --dx-tab-inactive-hover-label-text-color: var(--dx-tab-inactive-hover-label-text-color-dark);
  --dx-tab-inactive-focus-label-text-color: var(--dx-tab-inactive-focus-label-text-color-dark);
  --dx-tab-active-label-text-color: var(--dx-tab-active-label-text-color-dark);
  --dx-tab-active-hover-label-text-color: var(--dx-tab-active-label-text-color-dark);
  --dx-tab-active-focus-label-text-color: var(--dx-tab-active-label-text-color-dark);
  --dx-tab-active-ripple-color: var(--dx-tab-active-ripple-color-dark);
  --dx-tab-body-background-color: var(--dx-tab-body-background-color-dark);
  --dx-tab-body-outline-color: var(--dx-tab-body-outline-color-dark);
}
:root {
  --dx-tooltip-container-color-light: rgba(227, 227, 232, 0.8);
  --dx-tooltip-container-shape-light: 8px;
  --dx-tooltip-container-elevation-light:
    0px 1px 3px 0px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  --dx-tooltip-supporting-text-color-light: #282826;
  --dx-tooltip-supporting-text-size-light: 0.75rem;
  --dx-tooltip-supporting-text-weight-light: 500;
  --dx-tooltip-supporting-text-line-height-light: 1rem;
  --dx-tooltip-supporting-text-tracking-light: 0.0333333333em;
  --dx-tooltip-container-max-width-light: 200px;
  --dx-tooltip-container-max-width-very-short-light: 200px;
  --dx-tooltip-container-max-width-short-light: 280px;
  --dx-tooltip-container-max-width-medium-light: 380px;
  --dx-tooltip-container-max-width-long-light: 480px;
  --dx-tooltip-container-min-height-light: 24px;
  --dx-tooltip-container-padding-light: 6px 8px;
  --dx-tooltip-show-delay-light: 0ms;
  --dx-tooltip-hide-delay-light: 0ms;
  --dx-tooltip-longpress-show-delay-light: 500ms;
  --dx-tooltip-touchend-hide-delay-light: 1500ms;
  --dx-tooltip-motion-duration-short4-light: 200ms;
  --dx-tooltip-motion-easing-emphasized-light: cubic-bezier(0.0, 0.0, 0.2, 1);
  --dx-tooltip-offset-light: 12px;
  --dx-tooltip-z-index-light: 1000;
  --dx-tooltip-container-max-width-mobile: 90vw;
  --dx-tooltip-supporting-text-size-mobile: 0.75rem;
  --dx-tooltip-container-padding-mobile: 8px 12px;
  --dx-tooltip-longpress-show-delay-mobile: 500ms;
  --dx-tooltip-touchend-hide-delay-mobile: 1500ms;
  --dx-tooltip-offset-mobile: 16px;
  --dx-tooltip-container-color-dark: rgba(52, 57, 66, 0.8);
  --dx-tooltip-container-elevation-dark:
    0px 1px 3px 0px rgba(0, 0, 0, 0.4),
    0px 1px 1px 0px rgba(0, 0, 0, 0.28),
    0px 2px 1px -1px rgba(0, 0, 0, 0.24);
  --dx-tooltip-supporting-text-color-dark: #F8FAFF;
  --dx-tooltip-container-color: var(--dx-tooltip-container-color-light);
  --dx-tooltip-container-shape: var(--dx-tooltip-container-shape-light);
  --dx-tooltip-container-elevation: var(--dx-tooltip-container-elevation-light);
  --dx-tooltip-supporting-text-color: var(--dx-tooltip-supporting-text-color-light);
  --dx-tooltip-supporting-text-font: var(--dx-tooltip-supporting-text-font-light);
  --dx-tooltip-supporting-text-size: var(--dx-tooltip-supporting-text-size-light);
  --dx-tooltip-supporting-text-weight: var(--dx-tooltip-supporting-text-weight-light);
  --dx-tooltip-supporting-text-line-height: var(--dx-tooltip-supporting-text-line-height-light);
  --dx-tooltip-supporting-text-tracking: var(--dx-tooltip-supporting-text-tracking-light);
  --dx-tooltip-container-max-width: var(--dx-tooltip-container-max-width-light);
  --dx-tooltip-container-max-width-very-short: var(--dx-tooltip-container-max-width-very-short-light);
  --dx-tooltip-container-max-width-short: var(--dx-tooltip-container-max-width-short-light);
  --dx-tooltip-container-max-width-medium: var(--dx-tooltip-container-max-width-medium-light);
  --dx-tooltip-container-max-width-long: var(--dx-tooltip-container-max-width-long-light);
  --dx-tooltip-container-min-height: var(--dx-tooltip-container-min-height-light);
  --dx-tooltip-container-padding: var(--dx-tooltip-container-padding-light);
  --dx-tooltip-show-delay: var(--dx-tooltip-show-delay-light);
  --dx-tooltip-hide-delay: var(--dx-tooltip-hide-delay-light);
  --dx-tooltip-longpress-show-delay: var(--dx-tooltip-longpress-show-delay-light);
  --dx-tooltip-touchend-hide-delay: var(--dx-tooltip-touchend-hide-delay-light);
  --dx-tooltip-motion-duration-short4: var(--dx-tooltip-motion-duration-short4-light);
  --dx-tooltip-motion-easing-emphasized: var(--dx-tooltip-motion-easing-emphasized-light);
  --dx-tooltip-offset: var(--dx-tooltip-offset-light);
  --dx-tooltip-z-index: var(--dx-tooltip-z-index-light);
}
.dark {
  --dx-tooltip-container-color: var(--dx-tooltip-container-color-dark);
  --dx-tooltip-container-elevation: var(--dx-tooltip-container-elevation-dark);
  --dx-tooltip-supporting-text-color: var(--dx-tooltip-supporting-text-color-dark);
}
@media (max-width: 768px) {
  :root {
    --dx-tooltip-container-max-width: var(--dx-tooltip-container-max-width-mobile);
    --dx-tooltip-container-max-width-very-short: var(--dx-tooltip-container-max-width-mobile);
    --dx-tooltip-container-max-width-short: var(--dx-tooltip-container-max-width-mobile);
    --dx-tooltip-container-max-width-medium: var(--dx-tooltip-container-max-width-mobile);
    --dx-tooltip-container-max-width-long: var(--dx-tooltip-container-max-width-mobile);
    --dx-tooltip-supporting-text-size: var(--dx-tooltip-supporting-text-size-mobile);
    --dx-tooltip-container-padding: var(--dx-tooltip-container-padding-mobile);
    --dx-tooltip-longpress-show-delay: var(--dx-tooltip-longpress-show-delay-mobile);
    --dx-tooltip-touchend-hide-delay: var(--dx-tooltip-touchend-hide-delay-mobile);
    --dx-tooltip-offset: var(--dx-tooltip-offset-mobile);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --dx-tooltip-motion-duration-short4: 0ms;
  }
}

/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
html {
  --mat-ripple-color:rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color:#3f51b5;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color:#ff4081;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color:#f44336;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-app-background-color:#fafafa;
  --mat-app-text-color:rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: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-app-elevation-shadow-level-1: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-app-elevation-shadow-level-2: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-app-elevation-shadow-level-3: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-app-elevation-shadow-level-4: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-app-elevation-shadow-level-5: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-app-elevation-shadow-level-6: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-app-elevation-shadow-level-7: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-app-elevation-shadow-level-8: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-app-elevation-shadow-level-9: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-app-elevation-shadow-level-10: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-app-elevation-shadow-level-11: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-app-elevation-shadow-level-12: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-app-elevation-shadow-level-13: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-app-elevation-shadow-level-14: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-app-elevation-shadow-level-15: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-app-elevation-shadow-level-16: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-app-elevation-shadow-level-17: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-app-elevation-shadow-level-18: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-app-elevation-shadow-level-19: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-app-elevation-shadow-level-20: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-app-elevation-shadow-level-21: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-app-elevation-shadow-level-22: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-app-elevation-shadow-level-23: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-app-elevation-shadow-level-24: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);
}
html {
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}
html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --mat-optgroup-label-text-weight:400;
}
html {
  --mdc-elevated-card-container-shape:4px;
}
html {
  --mdc-outlined-card-container-shape:4px;
  --mdc-outlined-card-outline-width:1px;
}
html {
  --mdc-elevated-card-container-color:white;
  --mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-card-container-color:white;
  --mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}
html {
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#3f51b5;
  --mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#ff4081;
  --mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape:4px;
  --mdc-plain-tooltip-supporting-text-line-height:16px;
}
html {
  --mdc-plain-tooltip-container-color:#616161;
  --mdc-plain-tooltip-supporting-text-color:#fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
}
html {
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-container-shape:4px;
}
html {
  --mdc-filled-text-field-caret-color:#3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color:#3f51b5;
  --mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color:rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color:rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
}
html {
  --mdc-outlined-text-field-caret-color:#3f51b5;
  --mdc-outlined-text-field-focus-outline-color:#3f51b5;
  --mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
}
html {
  --mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color:#f44336;
  --mat-form-field-select-option-text-color:inherit;
  --mat-form-field-select-disabled-option-text-color:GrayText;
  --mat-form-field-leading-icon-color:unset;
  --mat-form-field-disabled-leading-icon-color:unset;
  --mat-form-field-trailing-icon-color:unset;
  --mat-form-field-disabled-trailing-icon-color:unset;
  --mat-form-field-error-focus-trailing-icon-color:unset;
  --mat-form-field-error-hover-trailing-icon-color:unset;
  --mat-form-field-error-trailing-icon-color:unset;
  --mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity:0.04;
  --mat-form-field-focus-state-layer-opacity:0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color:#ff4081;
  --mdc-filled-text-field-focus-active-indicator-color:#ff4081;
  --mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color:#ff4081;
  --mdc-outlined-text-field-focus-outline-color:#ff4081;
  --mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-form-field-container-height:56px;
  --mat-form-field-filled-label-display:block;
  --mat-form-field-container-vertical-padding:16px;
  --mat-form-field-filled-with-label-container-padding-top:24px;
  --mat-form-field-filled-with-label-container-padding-bottom:8px;
}
html {
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
}
html {
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
}
html {
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --mat-form-field-subscript-text-weight:400;
}
html {
  --mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform:translateY(-8px);
}
html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --mat-select-trigger-text-weight:400;
}
html {
  --mat-autocomplete-container-shape:4px;
  --mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color:white;
}
html {
  --mdc-dialog-container-shape:4px;
}
html {
  --mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width:80vw;
  --mat-dialog-container-small-max-width:80vw;
  --mat-dialog-container-min-width:0;
  --mat-dialog-actions-alignment:start;
  --mat-dialog-actions-padding:8px;
  --mat-dialog-content-padding:20px 24px;
  --mat-dialog-with-actions-content-padding:20px 24px;
  --mat-dialog-headline-padding:0 24px 9px;
}
html {
  --mdc-dialog-container-color:white;
  --mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius:16px;
  --mdc-chip-with-avatar-avatar-shape-radius:14px;
  --mdc-chip-with-avatar-avatar-size:28px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:0;
  --mdc-chip-outline-color:transparent;
  --mdc-chip-disabled-outline-color:transparent;
  --mdc-chip-focus-outline-color:transparent;
  --mdc-chip-hover-state-layer-opacity:0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity:1;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-selected-hover-state-layer-opacity:0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;
  --mdc-chip-with-icon-disabled-icon-opacity:1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity:0.4;
  --mat-chip-trailing-action-opacity:0.54;
  --mat-chip-trailing-action-focus-opacity:1;
  --mat-chip-trailing-action-state-layer-color:transparent;
  --mat-chip-selected-trailing-action-state-layer-color:transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity:0;
  --mat-chip-trailing-action-focus-state-layer-opacity:0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color:#212121;
  --mdc-chip-elevated-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#212121;
  --mdc-chip-selected-label-text-color:#212121;
  --mdc-chip-with-icon-icon-color:#212121;
  --mdc-chip-with-icon-disabled-icon-color:#212121;
  --mdc-chip-with-icon-selected-icon-color:#212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color:#212121;
  --mat-chip-selected-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#3f51b5;
  --mdc-chip-elevated-selected-container-color:#3f51b5;
  --mdc-chip-elevated-disabled-container-color:#3f51b5;
  --mdc-chip-flat-disabled-selected-container-color:#3f51b5;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#ff4081;
  --mdc-chip-elevated-selected-container-color:#ff4081;
  --mdc-chip-elevated-disabled-container-color:#ff4081;
  --mdc-chip-flat-disabled-selected-container-color:#ff4081;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --mdc-chip-label-text-weight:400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-unselected-icon-size:18px;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.04;
  --mdc-switch-selected-pressed-state-layer-opacity:0.1;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity:0.38;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:20px;
  --mat-switch-selected-handle-size:20px;
  --mat-switch-pressed-handle-size:20px;
  --mat-switch-with-icon-handle-size:20px;
  --mat-switch-selected-handle-horizontal-margin:0;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0;
  --mat-switch-selected-pressed-handle-horizontal-margin:0;
  --mat-switch-unselected-handle-horizontal-margin:0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:1;
  --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width:1px;
  --mat-switch-track-outline-color:transparent;
  --mat-switch-selected-track-outline-width:1px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:1px;
  --mat-switch-disabled-unselected-track-outline-color:transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color:#3949ab;
  --mdc-switch-selected-handle-color:#3949ab;
  --mdc-switch-selected-hover-state-layer-color:#3949ab;
  --mdc-switch-selected-pressed-state-layer-color:#3949ab;
  --mdc-switch-selected-focus-handle-color:#1a237e;
  --mdc-switch-selected-hover-handle-color:#1a237e;
  --mdc-switch-selected-pressed-handle-color:#1a237e;
  --mdc-switch-selected-focus-track-color:#7986cb;
  --mdc-switch-selected-hover-track-color:#7986cb;
  --mdc-switch-selected-pressed-track-color:#7986cb;
  --mdc-switch-selected-track-color:#7986cb;
  --mdc-switch-disabled-selected-handle-color:#424242;
  --mdc-switch-disabled-selected-icon-color:#fff;
  --mdc-switch-disabled-selected-track-color:#424242;
  --mdc-switch-disabled-unselected-handle-color:#424242;
  --mdc-switch-disabled-unselected-icon-color:#fff;
  --mdc-switch-disabled-unselected-track-color:#424242;
  --mdc-switch-handle-surface-color:#fff;
  --mdc-switch-selected-icon-color:#fff;
  --mdc-switch-unselected-focus-handle-color:#212121;
  --mdc-switch-unselected-focus-state-layer-color:#424242;
  --mdc-switch-unselected-focus-track-color:#e0e0e0;
  --mdc-switch-unselected-handle-color:#616161;
  --mdc-switch-unselected-hover-handle-color:#212121;
  --mdc-switch-unselected-hover-state-layer-color:#424242;
  --mdc-switch-unselected-hover-track-color:#e0e0e0;
  --mdc-switch-unselected-icon-color:#fff;
  --mdc-switch-unselected-pressed-handle-color:#212121;
  --mdc-switch-unselected-pressed-state-layer-color:#424242;
  --mdc-switch-unselected-pressed-track-color:#e0e0e0;
  --mdc-switch-unselected-track-color:#e0e0e0;
  --mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#d81b60;
  --mdc-switch-selected-handle-color:#d81b60;
  --mdc-switch-selected-hover-state-layer-color:#d81b60;
  --mdc-switch-selected-pressed-state-layer-color:#d81b60;
  --mdc-switch-selected-focus-handle-color:#880e4f;
  --mdc-switch-selected-hover-handle-color:#880e4f;
  --mdc-switch-selected-pressed-handle-color:#880e4f;
  --mdc-switch-selected-focus-track-color:#f06292;
  --mdc-switch-selected-hover-track-color:#f06292;
  --mdc-switch-selected-pressed-track-color:#f06292;
  --mdc-switch-selected-track-color:#f06292;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e53935;
  --mdc-switch-selected-handle-color:#e53935;
  --mdc-switch-selected-hover-state-layer-color:#e53935;
  --mdc-switch-selected-pressed-state-layer-color:#e53935;
  --mdc-switch-selected-focus-handle-color:#b71c1c;
  --mdc-switch-selected-hover-handle-color:#b71c1c;
  --mdc-switch-selected-pressed-handle-color:#b71c1c;
  --mdc-switch-selected-focus-track-color:#e57373;
  --mdc-switch-selected-hover-track-color:#e57373;
  --mdc-switch-selected-pressed-track-color:#e57373;
  --mdc-switch-selected-track-color:#e57373;
}
html {
  --mdc-switch-state-layer-size:40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --mat-switch-label-text-weight:400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#3f51b5;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#ff4081;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#f44336;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size:40px;
}
html {
  --mat-radio-touch-target-display:block;
}
html {
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --mat-radio-label-text-weight:400;
}
html {
  --mdc-slider-active-track-height:6px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:50%;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.6;
  --mdc-slider-with-tick-marks-container-shape:50%;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.6;
  --mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-slider-value-indicator-width:auto;
  --mat-slider-value-indicator-height:32px;
  --mat-slider-value-indicator-caret-display:block;
  --mat-slider-value-indicator-border-radius:4px;
  --mat-slider-value-indicator-padding:0 12px;
  --mat-slider-value-indicator-text-transform:none;
  --mat-slider-value-indicator-container-transform:translateX(-50%);
}
html {
  --mdc-slider-handle-color:#3f51b5;
  --mdc-slider-focus-handle-color:#3f51b5;
  --mdc-slider-hover-handle-color:#3f51b5;
  --mdc-slider-active-track-color:#3f51b5;
  --mdc-slider-inactive-track-color:#3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mdc-slider-disabled-active-track-color:#000;
  --mdc-slider-disabled-handle-color:#000;
  --mdc-slider-disabled-inactive-track-color:#000;
  --mdc-slider-label-container-color:#000;
  --mdc-slider-label-label-text-color:#fff;
  --mdc-slider-with-overlap-handle-outline-color:#fff;
  --mdc-slider-with-tick-marks-disabled-container-color:#000;
}
html {
  --mat-slider-ripple-color:#3f51b5;
  --mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity:0.6;
}
html .mat-accent {
  --mdc-slider-handle-color:#ff4081;
  --mdc-slider-focus-handle-color:#ff4081;
  --mdc-slider-hover-handle-color:#ff4081;
  --mdc-slider-active-track-color:#ff4081;
  --mdc-slider-inactive-track-color:#ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color:#ff4081;
  --mdc-slider-with-tick-marks-active-container-color:white;
}
html .mat-accent {
  --mat-slider-ripple-color:#ff4081;
  --mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
}
html .mat-warn {
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}
html {
  --mat-menu-container-shape:4px;
  --mat-menu-divider-bottom-spacing:0;
  --mat-menu-divider-top-spacing:0;
  --mat-menu-item-spacing:16px;
  --mat-menu-item-icon-size:24px;
  --mat-menu-item-leading-spacing:16px;
  --mat-menu-item-trailing-spacing:16px;
  --mat-menu-item-with-icon-leading-spacing:16px;
  --mat-menu-item-with-icon-trailing-spacing:16px;
  --mat-menu-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-container-color:white;
  --mat-menu-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --mat-menu-item-label-text-weight:400;
}
html {
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:50%;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-selected-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:transparent;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-state-layer-color:transparent;
  --mdc-list-list-item-disabled-state-layer-opacity:0;
  --mdc-list-list-item-disabled-label-text-opacity:0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
}
html {
  --mat-list-active-indicator-color:transparent;
  --mat-list-active-indicator-shape:4px;
}
html {
  --mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color:black;
  --mdc-list-list-item-disabled-leading-icon-color:black;
  --mdc-list-list-item-disabled-trailing-icon-color:black;
  --mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color:black;
  --mdc-list-list-item-hover-state-layer-opacity:0.04;
  --mdc-list-list-item-focus-state-layer-color:black;
  --mdc-list-list-item-focus-state-layer-opacity:0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height:48px;
  --mdc-list-list-item-two-line-container-height:64px;
  --mdc-list-list-item-three-line-container-height:88px;
}
html {
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color:white;
  --mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size:56px;
  --mat-paginator-form-field-container-height:40px;
  --mat-paginator-form-field-container-vertical-padding:8px;
  --mat-paginator-touch-target-display:block;
}
html {
  --mat-paginator-container-text-font:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}
html {
  --mdc-secondary-navigation-tab-container-height:48px;
}
html {
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
}
html {
  --mat-tab-header-divider-color:transparent;
  --mat-tab-header-divider-height:0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#3f51b5;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#3f51b5;
  --mat-tab-header-active-ripple-color:#3f51b5;
  --mat-tab-header-inactive-ripple-color:#3f51b5;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#3f51b5;
  --mat-tab-header-active-hover-label-text-color:#3f51b5;
  --mat-tab-header-active-focus-indicator-color:#3f51b5;
  --mat-tab-header-active-hover-indicator-color:#3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#ff4081;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#ff4081;
  --mat-tab-header-active-ripple-color:#ff4081;
  --mat-tab-header-inactive-ripple-color:#ff4081;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#ff4081;
  --mat-tab-header-active-hover-label-text-color:#ff4081;
  --mat-tab-header-active-focus-indicator-color:#ff4081;
  --mat-tab-header-active-hover-indicator-color:#ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#3f51b5;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color:#ff4081;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height:48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color:#fff;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
html {
  --mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
html {
  --mdc-checkbox-state-layer-size:40px;
}
html {
  --mat-checkbox-touch-target-display:block;
}
html {
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --mat-checkbox-label-text-weight:400;
}
html {
  --mdc-text-button-container-shape:4px;
  --mdc-text-button-keep-touch-target:false;
}
html {
  --mdc-filled-button-container-shape:4px;
  --mdc-filled-button-keep-touch-target:false;
}
html {
  --mdc-protected-button-container-shape:4px;
  --mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-button-keep-touch-target:false;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:4px;
}
html {
  --mat-text-button-horizontal-padding:8px;
  --mat-text-button-with-icon-horizontal-padding:8px;
  --mat-text-button-icon-spacing:8px;
  --mat-text-button-icon-offset:0;
}
html {
  --mat-filled-button-horizontal-padding:16px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-4px;
}
html {
  --mat-protected-button-horizontal-padding:16px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-4px;
}
html {
  --mat-outlined-button-horizontal-padding:15px;
  --mat-outlined-button-icon-spacing:8px;
  --mat-outlined-button-icon-offset:-4px;
}
html {
  --mdc-text-button-label-text-color:black;
  --mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-text-button-state-layer-color:black;
  --mat-text-button-disabled-state-layer-color:black;
  --mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity:0.04;
  --mat-text-button-focus-state-layer-opacity:0.12;
  --mat-text-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-filled-button-container-color:white;
  --mdc-filled-button-label-text-color:black;
  --mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-disabled-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity:0.04;
  --mat-filled-button-focus-state-layer-opacity:0.12;
  --mat-filled-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-protected-button-container-color:white;
  --mdc-protected-button-label-text-color:black;
  --mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-disabled-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity:0.04;
  --mat-protected-button-focus-state-layer-opacity:0.12;
  --mat-protected-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color:black;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-outlined-button-state-layer-color:black;
  --mat-outlined-button-disabled-state-layer-color:black;
  --mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity:0.04;
  --mat-outlined-button-focus-state-layer-opacity:0.12;
  --mat-outlined-button-pressed-state-layer-opacity:0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#3f51b5;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color:#3f51b5;
  --mat-text-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#ff4081;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color:#ff4081;
  --mat-text-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
}
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#3f51b5;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color:#ff4081;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color:#3f51b5;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color:#ff4081;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color:#3f51b5;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color:#3f51b5;
  --mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#ff4081;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color:#ff4081;
  --mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height:36px;
}
html {
  --mdc-filled-button-container-height:36px;
}
html {
  --mdc-protected-button-container-height:36px;
}
html {
  --mdc-outlined-button-container-height:36px;
}
html {
  --mat-text-button-touch-target-display:block;
}
html {
  --mat-filled-button-touch-target-display:block;
}
html {
  --mat-protected-button-touch-target-display:block;
}
html {
  --mat-outlined-button-touch-target-display:block;
}
html {
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
}
html {
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
}
html {
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
}
html {
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-label-text-transform:none;
}
html {
  --mdc-icon-button-icon-size:24px;
}
html {
  --mdc-icon-button-icon-color:inherit;
  --mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-icon-button-state-layer-color:black;
  --mat-icon-button-disabled-state-layer-color:black;
  --mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity:0.04;
  --mat-icon-button-focus-state-layer-opacity:0.12;
  --mat-icon-button-pressed-state-layer-opacity:0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#3f51b5;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color:#3f51b5;
  --mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#ff4081;
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color:#ff4081;
  --mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display:block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape:50%;
  --mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-small-container-shape:50%;
  --mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-extended-fab-container-height:48px;
  --mdc-extended-fab-container-shape:24px;
  --mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color:white;
}
html {
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-disabled-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity:0.04;
  --mat-fab-focus-state-layer-opacity:0.12;
  --mat-fab-pressed-state-layer-opacity:0.12;
  --mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html {
  --mdc-fab-small-container-color:white;
}
html {
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-disabled-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity:0.04;
  --mat-fab-small-focus-state-layer-opacity:0.12;
  --mat-fab-small-pressed-state-layer-opacity:0.12;
  --mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#3f51b5;
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color:#ff4081;
}
html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
}
html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color:#3f51b5;
}
html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color:#ff4081;
}
html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
}
html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display:block;
}
html {
  --mat-fab-small-touch-target-display:block;
}
html {
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
html {
  --mdc-snackbar-container-shape:4px;
}
html {
  --mdc-snackbar-container-color:#333333;
  --mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);
}
html {
  --mat-snack-bar-button-color:#c5cae9;
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-supporting-text-weight:400;
}
html {
  --mat-table-row-item-outline-width:1px;
}
html {
  --mat-table-background-color:white;
  --mat-table-header-headline-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height:56px;
  --mat-table-footer-container-height:52px;
  --mat-table-row-item-container-height:52px;
}
html {
  --mat-table-header-headline-font:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#ff4081;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color:#f44336;
}
html {
  --mat-badge-container-shape:50%;
  --mat-badge-container-size:unset;
  --mat-badge-small-size-container-size:unset;
  --mat-badge-large-size-container-size:unset;
  --mat-badge-legacy-container-size:22px;
  --mat-badge-legacy-small-size-container-size:16px;
  --mat-badge-legacy-large-size-container-size:28px;
  --mat-badge-container-offset:-11px 0;
  --mat-badge-small-size-container-offset:-8px 0;
  --mat-badge-large-size-container-offset:-14px 0;
  --mat-badge-container-overlap-offset:-11px;
  --mat-badge-small-size-container-overlap-offset:-8px;
  --mat-badge-large-size-container-overlap-offset:-14px;
  --mat-badge-container-padding:0;
  --mat-badge-small-size-container-padding:0;
  --mat-badge-large-size-container-padding:0;
}
html {
  --mat-badge-background-color:#3f51b5;
  --mat-badge-text-color:white;
  --mat-badge-disabled-state-background-color:#b9b9b9;
  --mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color:#ff4081;
  --mat-badge-text-color:white;
}
.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}
html {
  --mat-badge-text-font:Roboto, sans-serif;
  --mat-badge-line-height:22px;
  --mat-badge-text-size:12px;
  --mat-badge-text-weight:600;
  --mat-badge-small-size-text-size:9px;
  --mat-badge-small-size-line-height:16px;
  --mat-badge-large-size-text-size:24px;
  --mat-badge-large-size-line-height:28px;
}
html {
  --mat-bottom-sheet-container-shape:4px;
}
html {
  --mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color:white;
}
html {
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --mat-bottom-sheet-container-text-weight:400;
}
html {
  --mat-legacy-button-toggle-height:36px;
  --mat-legacy-button-toggle-shape:2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity:1;
}
html {
  --mat-standard-button-toggle-shape:4px;
  --mat-standard-button-toggle-hover-state-layer-opacity:0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity:0.12;
}
html {
  --mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;
}
html {
  --mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color:white;
  --mat-standard-button-toggle-state-layer-color:black;
  --mat-standard-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color:white;
  --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-divider-color:rgb(224.4, 224.4, 224.4);
}
html {
  --mat-standard-button-toggle-height:48px;
}
html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
}
html {
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --mat-standard-button-toggle-label-text-weight:400;
}
html {
  --mat-datepicker-calendar-container-shape:4px;
  --mat-datepicker-calendar-container-touch-shape:4px;
  --mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color:black;
  --mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color:transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color:white;
  --mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display:none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}
html {
  --mat-divider-width:1px;
}
html {
  --mat-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape:4px;
  --mat-expansion-legacy-header-indicator-display:inline-block;
  --mat-expansion-header-indicator-display:none;
}
html {
  --mat-expansion-container-background-color:white;
  --mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
}
html {
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}
html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}
html {
  --mat-icon-color:inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color:#3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color:#ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color:#f44336;
}
html {
  --mat-sidenav-container-shape:0;
  --mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width:auto;
}
html {
  --mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color:white;
  --mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color:#fafafa;
  --mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
  --mat-stepper-container-color:white;
  --mat-stepper-line-color:rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color:#f44336;
  --mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#ff4081;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html {
  --mat-stepper-header-height:72px;
}
html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-weight:400;
}
html {
  --mat-sort-arrow-color:rgb(117.3, 117.3, 117.3);
}
html {
  --mat-toolbar-container-background-color:whitesmoke;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color:#3f51b5;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#ff4081;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}
html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}
html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}
html {
  --mat-tree-container-background-color:white;
  --mat-tree-node-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height:48px;
}
html {
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}
html {
  --mat-timepicker-container-shape:4px;
  --mat-timepicker-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color:white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* src/styles/styles.css */
/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties;
.react-flow {
  direction: ltr;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: grab;
}
.react-flow__pane.selection {
  cursor: pointer;
}
.react-flow__pane.dragging {
  cursor: grabbing;
}
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
  stroke-dasharray: 5;
  animation: dashdraw 0.5s linear infinite;
}
.react-flow__edge.animated path.react-flow__edge-interaction {
  stroke-dasharray: none;
  animation: none;
}
.react-flow__edge.inactive {
  pointer-events: none;
}
.react-flow__edge.selected,
.react-flow__edge:focus,
.react-flow__edge:focus-visible {
  outline: none;
}
.react-flow__edge.selected .react-flow__edge-path,
.react-flow__edge:focus .react-flow__edge-path,
.react-flow__edge:focus-visible .react-flow__edge-path {
  stroke: #555;
}
.react-flow__edge-textwrapper {
  pointer-events: all;
}
.react-flow__edge-textbg {
  fill: white;
}
.react-flow__edge .react-flow__edge-text {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
  stroke-dasharray: 5;
  animation: dashdraw 0.5s linear infinite;
}
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: grab;
}
.react-flow__node.dragging {
  cursor: grabbing;
}
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
  position: absolute;
  pointer-events: all;
  cursor: grab;
}
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}
.react-flow__handle.connectionindicator {
  pointer-events: all;
  cursor: crosshair;
}
.react-flow__handle-bottom {
  top: auto;
  left: 50%;
  bottom: -4px;
  transform: translate(-50%, 0);
}
.react-flow__handle-top {
  left: 50%;
  top: -4px;
  transform: translate(-50%, 0);
}
.react-flow__handle-left {
  top: 50%;
  left: -4px;
  transform: translate(0, -50%);
}
.react-flow__handle-right {
  right: -4px;
  top: 50%;
  transform: translate(0, -50%);
}
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
  top: 0;
}
.react-flow__panel.bottom {
  bottom: 0;
}
.react-flow__panel.left {
  left: 0;
}
.react-flow__panel.right {
  right: 0;
}
.react-flow__panel.center {
  left: 50%;
  transform: translateX(-50%);
}
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
  text-decoration: none;
  color: #999;
}
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
  stroke: #777;
}
.react-flow__edge-text {
  font-size: 10px;
}
.react-flow__node.selectable:focus,
.react-flow__node.selectable:focus-visible {
  outline: none;
}
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}
.react-flow__node-default.selectable:hover,
.react-flow__node-input.selectable:hover,
.react-flow__node-output.selectable:hover,
.react-flow__node-group.selectable:hover {
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__node-default.selectable.selected,
.react-flow__node-default.selectable:focus,
.react-flow__node-default.selectable:focus-visible,
.react-flow__node-input.selectable.selected,
.react-flow__node-input.selectable:focus,
.react-flow__node-input.selectable:focus-visible,
.react-flow__node-output.selectable.selected,
.react-flow__node-output.selectable:focus,
.react-flow__node-output.selectable:focus-visible,
.react-flow__node-group.selectable.selected,
.react-flow__node-group.selectable:focus,
.react-flow__node-group.selectable:focus-visible {
  box-shadow: 0 0 0 0.5px #1a192b;
}
.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible,
.react-flow__selection:focus,
.react-flow__selection:focus-visible {
  outline: none;
}
.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
  border: none;
  background: #fefefe;
  border-bottom: 1px solid #eee;
  box-sizing: content-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding: 5px;
}
.react-flow__controls-button:hover {
  background: #f4f4f4;
}
.react-flow__controls-button svg {
  width: 100%;
  max-width: 12px;
  max-height: 12px;
}
.react-flow__controls-button:disabled {
  pointer-events: none;
}
.react-flow__controls-button:disabled svg {
  fill-opacity: 0.4;
}
.react-flow__minimap {
  background-color: #fff;
}
.react-flow__minimap svg {
  display: block;
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.image-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000000;
}
.image-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000000;
}
img.zoom {
  margin-top: 1.2em;
  cursor: pointer;
  transition: transform 0.3s;
}
img.zoom.n-margin {
  cursor: pointer;
  transition: transform 0.3s;
}
.image-loader {
  width: 160px;
  height: 160px;
  background:
    linear-gradient(
      90deg,
      #f0f0f0 25%,
      #e0e0e0 50%,
      #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 8px;
  animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.overlay {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.zoomed-image-container {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}
.zoomed-image {
  max-width: 100%;
  max-height: 100%;
  transition: transform 0.3s;
  display: block;
}
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      "Plus Jakarta Sans",
      "ui-sans-serif",
      "system-ui",
      "-apple-system",
      "system-ui",
      "Segoe UI",
      "Roboto",
      "Helvetica Neue",
      "Arial",
      "Noto Sans",
      "sans-serif",
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      "ui-monospace",
      "SFMono-Regular",
      "Menlo",
      "Monaco",
      "Consolas",
      "Liberation Mono",
      "Courier New",
      "monospace";
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: #ef4444;
    --color-red-600: #dc2626;
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-orange-900: oklch(40.8% 0.123 38.172);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-lime-500: oklch(76.8% 0.233 130.85);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-300: oklch(78.5% 0.115 274.713);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-indigo-900: oklch(35.9% 0.144 278.697);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary: #7F75CF;
    --color-red: #FF0000;
    --color-light-text: var(--color-gray-700);
    --color-light-white: #FFFFFF;
    --color-light-black: #000000;
    --color-light-primary: #7241FF;
    --color-light-third: #40CECC4C;
    --color-light-red: #FF0000;
    --color-light-orange: #FFA500;
    --color-light-green: #008000;
    --color-light-gray: #BEC6CE;
    --color-light-background: #FFFFFFFF;
    --color-light-secondary-background: #F9F9F9FF;
    --color-light-hover: var(--color-gray-300);
    --color-light-border-line: var(--color-gray-200);
    --color-light-text-gray: #212529BF;
    --color-light-plan-free: #A9A9A9;
    --color-light-plan-starter: #00BFFF;
    --color-light-plan-essential: #7241FF;
    --color-light-plan-business: #FFD700;
    --color-dark-text: #E0E0E0FF;
    --color-dark-primary: #7F75CF;
    --color-dark-secondary: #1A1D1F;
    --color-dark-third: #40CECC4C;
    --color-dark-green: #008000;
    --color-dark-gray: #2B313F;
    --color-dark-background: #121212;
    --color-dark-secondary-background: #1E1E1EFF;
    --color-dark-hover: var(--color-gray-600);
    --color-dark-border-line: var(--color-gray-700);
    --color-dark-primary-hover: #9891CD;
    --color-dark-text-gray: #94A2B8;
    --color-base-100: #E2E3E8;
    --color-dark-base-100: #0D121E;
    --color-base-200: #EBEBEF;
    --color-dark-base-200: #1E232E;
    --color-base-300: #E3E3E8;
    --color-dark-base-300: #0D121E;
    --color-base-400: #F5F5F7;
    --color-dark-base-400: #343942;
    --color-base-content: #282826;
    --color-dark-base-content: #F8FAFF;
    --color-neutral-content: #6F767E;
    --color-dark-neutral-content: #ADAFB9;
    --color-primary-border: #D2D6DD;
    --color-dark-primary-border: #292E39;
    --color-primary-hover: #675BC6;
    --color-primary-content: #FFFFFF;
    --color-warning: #DAB674;
    --color-dark-warning: #DAB674;
    --color-warning-hover: #C5A05F;
    --color-dark-warning-hover: #E5C489;
    --color-warning-content: #614004;
    --color-dark-warning-content: #614004;
    --color-success: #9DC390;
    --color-dark-success: #9DC390;
    --color-success-hover: #87AF7C;
    --color-dark-success-hover: #AED3A4;
    --color-success-content: #195305;
    --color-dark-success-content: #195305;
    --color-error: #E07272;
    --color-dark-error: #E07272;
    --color-error-hover: #D15C5C;
    --color-dark-error-hover: #E88888;
    --color-error-content: #5C0909;
    --color-dark-error-content: #5C0909;
    --color-info: #669EDD;
    --color-dark-info: #669EDD;
    --color-info-content: #09305B;
    --color-decoration-100: #FFFFFF7F;
    --color-dark-decoration-100: #FFFFFF14;
    --color-base-400-hover: #E5E5EB ;
    --color-dark-base-400-hover: #414854;
    --color-gray: #BEC6CE;
    --color-gray-content: #676D73;
    --color-dark-gray-content: #909399;
    --color-container-background:
      linear-gradient(
        122.32deg,
        #E2E3E8 70.48%,
        #D4D3E8 76.3%,
        #CAC7E8 80.41%,
        #C0BBE8 84.65%,
        #E8BBBB 99.98%);
    --color-dark-container-background:
      linear-gradient(
        122.32deg,
        #0D121E 70.48%,
        rgba(192, 187, 232, 0.5) 84.65%,
        rgba(232, 187, 187, 0.5) 99.98%);
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
       {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .end-1 {
    inset-inline-end: calc(var(--spacing) * 1);
  }
  .-top-3 {
    top: calc(var(--spacing) * -3);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .top-\[22px\] {
    top: 22px;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-\[72px\] {
    bottom: 72px;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .isolate {
    isolation: isolate;
  }
  .z-2 {
    z-index: 2;
  }
  .z-10 {
    z-index: 10;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[900\] {
    z-index: 900;
  }
  .z-\[999\] {
    z-index: 999;
  }
  .z-\[9998\] {
    z-index: 9998;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-7 {
    grid-column: span 7 / span 7;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-24 {
    grid-column: span 24 / span 24;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-\[7px\] {
    margin-inline: 7px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .\!mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5) !important;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-18 {
    margin-top: calc(var(--spacing) * 18);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mt-26 {
    margin-top: calc(var(--spacing) * 26);
  }
  .\!mr-3 {
    margin-right: calc(var(--spacing) * 3) !important;
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .\!mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .\!mb-7 {
    margin-bottom: calc(var(--spacing) * 7) !important;
  }
  .\!mb-\[-16px\] {
    margin-bottom: -16px !important;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }
  .mb-25 {
    margin-bottom: calc(var(--spacing) * 25);
  }
  .mb-\[6px\] {
    margin-bottom: 6px;
  }
  .mb-\[20\.4px\] {
    margin-bottom: 20.4px;
  }
  .mb-\[21px\] {
    margin-bottom: 21px;
  }
  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-9 {
    margin-left: calc(var(--spacing) * 9);
  }
  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }
  .ml-\[7px\] {
    margin-left: 7px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .\!block {
    display: block !important;
  }
  .\!flex {
    display: flex !important;
  }
  .block {
    display: block;
  }
  .block\! {
    display: block !important;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-table {
    display: inline-table;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table\! {
    display: table !important;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-column {
    display: table-column;
  }
  .table-column-group {
    display: table-column-group;
  }
  .table-footer-group {
    display: table-footer-group;
  }
  .table-header-group {
    display: table-header-group;
  }
  .table-row {
    display: table-row;
  }
  .table-row-group {
    display: table-row-group;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .\!h-5 {
    height: calc(var(--spacing) * 5) !important;
  }
  .\!h-8 {
    height: calc(var(--spacing) * 8) !important;
  }
  .\!h-10 {
    height: calc(var(--spacing) * 10) !important;
  }
  .\!h-\[46\.5px\] {
    height: 46.5px !important;
  }
  .h-1\/2 {
    height: calc(1/2 * 100%);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-5\.5 {
    height: calc(var(--spacing) * 5.5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-7\.5 {
    height: calc(var(--spacing) * 7.5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-10\.5 {
    height: calc(var(--spacing) * 10.5);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-15 {
    height: calc(var(--spacing) * 15);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-18 {
    height: calc(var(--spacing) * 18);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-100 {
    height: calc(var(--spacing) * 100);
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[100dvh\] {
    height: 100dvh;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[520px\] {
    height: 520px;
  }
  .h-\[576px\] {
    height: 576px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-\[calc\(100dvh-48px\)\] {
    height: calc(100dvh - 48px);
  }
  .h-\[calc\(100dvh-162px\)\] {
    height: calc(100dvh - 162px);
  }
  .h-\[calc\(100dvh-180px\)\] {
    height: calc(100dvh - 180px);
  }
  .h-\[calc\(100dvh-198px\)\] {
    height: calc(100dvh - 198px);
  }
  .h-\[calc\(100dvh-236px\)\] {
    height: calc(100dvh - 236px);
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[75vh\] {
    max-height: 75vh;
  }
  .max-h-screen {
    max-height: 100vh;
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-60 {
    min-height: calc(var(--spacing) * 60);
  }
  .min-h-\[14dvw\] {
    min-height: 14dvw;
  }
  .min-h-\[16dvw\] {
    min-height: 16dvw;
  }
  .min-h-\[20vh\] {
    min-height: 20vh;
  }
  .min-h-\[22px\] {
    min-height: 22px;
  }
  .min-h-\[27\.5dvh\] {
    min-height: 27.5dvh;
  }
  .min-h-\[50px\] {
    min-height: 50px;
  }
  .min-h-\[100px\] {
    min-height: 100px;
  }
  .min-h-\[450px\] {
    min-height: 450px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-5 {
    width: calc(var(--spacing) * 5) !important;
  }
  .\!w-8 {
    width: calc(var(--spacing) * 8) !important;
  }
  .\!w-\[46\.5px\] {
    width: 46.5px !important;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-1\/4 {
    width: calc(1/4 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\.5 {
    width: calc(var(--spacing) * 5.5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-7\.5 {
    width: calc(var(--spacing) * 7.5);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-10\.5 {
    width: calc(var(--spacing) * 10.5);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-15 {
    width: calc(var(--spacing) * 15);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-38 {
    width: calc(var(--spacing) * 38);
  }
  .w-41 {
    width: calc(var(--spacing) * 41);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-300 {
    width: calc(var(--spacing) * 300);
  }
  .w-\[0px\] {
    width: 0px;
  }
  .w-\[11px\] {
    width: 11px;
  }
  .w-\[21px\] {
    width: 21px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[166px\] {
    width: 166px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[245px\] {
    width: 245px;
  }
  .w-\[246px\] {
    width: 246px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .\!max-w-\[300px\] {
    max-width: 300px !important;
  }
  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }
  .max-w-\[12rem\] {
    max-width: 12rem;
  }
  .max-w-\[14rem\] {
    max-width: 14rem;
  }
  .max-w-\[15dvw\] {
    max-width: 15dvw;
  }
  .max-w-\[30dvw\] {
    max-width: 30dvw;
  }
  .max-w-\[40dvh\] {
    max-width: 40dvh;
  }
  .max-w-\[50dvw\] {
    max-width: 50dvw;
  }
  .max-w-\[60\%\] {
    max-width: 60%;
  }
  .max-w-\[60px\] {
    max-width: 60px;
  }
  .max-w-\[64vw\] {
    max-width: 64vw;
  }
  .max-w-\[65dvw\] {
    max-width: 65dvw;
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[154px\] {
    max-width: 154px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[calc\(100\%-40px\)\] {
    max-width: calc(100% - 40px);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-screen {
    max-width: 100vw;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }
  .min-w-140 {
    min-width: calc(var(--spacing) * 140);
  }
  .min-w-300 {
    min-width: calc(var(--spacing) * 300);
  }
  .min-w-\[100px\] {
    min-width: 100px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-2 {
    flex: 2;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .flex-grow-0 {
    flex-grow: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-x-\[-1\] {
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .\!cursor-pointer {
    cursor: pointer !important;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .\!resize-none {
    resize: none !important;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
  .grid-cols-26 {
    grid-template-columns: repeat(26, minmax(0, 1fr));
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .\!items-start {
    align-items: flex-start !important;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-1\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-2\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-\[10px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(10px * var(--tw-space-x-reverse));
    margin-inline-end: calc(10px * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .\!overflow-y-auto {
    overflow-y: auto !important;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .\!rounded-\[12px\] {
    border-radius: 12px !important;
  }
  .\!rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[9px\] {
    border-radius: 9px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
  }
  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .rounded-b-\[16px\] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
  }
  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .\!border-primary-border {
    border-color: var(--color-primary-border) !important;
  }
  .border-\[\#D2D6DD\] {
    border-color: #D2D6DD;
  }
  .border-\[\#EFD0C7\] {
    border-color: #EFD0C7;
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-blue-400 {
    border-color: var(--color-blue-400);
  }
  .border-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-700 {
    border-color: var(--color-gray-700);
  }
  .border-info {
    border-color: var(--color-info);
  }
  .border-info\/20 {
    border-color: color-mix(in srgb, #669EDD 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-info\/20 {
      border-color: color-mix(in oklab, var(--color-info) 20%, transparent);
    }
  }
  .border-light-border-line {
    border-color: var(--color-light-border-line);
  }
  .border-light-plan-business {
    border-color: var(--color-light-plan-business);
  }
  .border-light-plan-essential {
    border-color: var(--color-light-plan-essential);
  }
  .border-light-plan-free {
    border-color: var(--color-light-plan-free);
  }
  .border-light-plan-starter {
    border-color: var(--color-light-plan-starter);
  }
  .border-light-red {
    border-color: var(--color-light-red);
  }
  .border-neutral-content {
    border-color: var(--color-neutral-content);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-primary-border {
    border-color: var(--color-primary-border);
  }
  .border-primary-border\/50 {
    border-color: color-mix(in srgb, #D2D6DD 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary-border\/50 {
      border-color: color-mix(in oklab, var(--color-primary-border) 50%, transparent);
    }
  }
  .border-purple-500 {
    border-color: var(--color-purple-500);
  }
  .border-warning\/30 {
    border-color: color-mix(in srgb, #DAB674 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/30 {
      border-color: color-mix(in oklab, var(--color-warning) 30%, transparent);
    }
  }
  .border-r-primary-border {
    border-right-color: var(--color-primary-border);
  }
  .border-b-primary-border {
    border-bottom-color: var(--color-primary-border);
  }
  .border-l-base-200 {
    border-left-color: var(--color-base-200);
  }
  .\!bg-base-100 {
    background-color: var(--color-base-100) !important;
  }
  .\!bg-base-300 {
    background-color: var(--color-base-300) !important;
  }
  .\!bg-base-400 {
    background-color: var(--color-base-400) !important;
  }
  .\!bg-light-green {
    background-color: var(--color-light-green) !important;
  }
  .\!bg-light-orange {
    background-color: var(--color-light-orange) !important;
  }
  .\!bg-primary {
    background-color: var(--color-primary) !important;
  }
  .bg-\[\#00BFFF\] {
    background-color: #00BFFF;
  }
  .bg-\[\#FBEFEB\] {
    background-color: #FBEFEB;
  }
  .bg-base-100 {
    background-color: var(--color-base-100);
  }
  .bg-base-200 {
    background-color: var(--color-base-200);
  }
  .bg-base-200\/50 {
    background-color: color-mix(in srgb, #EBEBEF 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-base-200\/50 {
      background-color: color-mix(in oklab, var(--color-base-200) 50%, transparent);
    }
  }
  .bg-base-300 {
    background-color: var(--color-base-300);
  }
  .bg-base-400 {
    background-color: var(--color-base-400);
  }
  .bg-base-400-hover {
    background-color: var(--color-base-400-hover);
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-container-background {
    background-color: var(--color-container-background);
  }
  .bg-dark-background {
    background-color: var(--color-dark-background);
  }
  .bg-dark-container-background {
    background-color: var(--color-dark-container-background);
  }
  .bg-dark-error {
    background-color: var(--color-dark-error);
  }
  .bg-dark-gray {
    background-color: var(--color-dark-gray);
  }
  .bg-error {
    background-color: var(--color-error);
  }
  .bg-gray {
    background-color: var(--color-gray);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-info {
    background-color: var(--color-info);
  }
  .bg-info\/10 {
    background-color: color-mix(in srgb, #669EDD 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-info\/10 {
      background-color: color-mix(in oklab, var(--color-info) 10%, transparent);
    }
  }
  .bg-light-background {
    background-color: var(--color-light-background);
  }
  .bg-light-black {
    background-color: var(--color-light-black);
  }
  .bg-light-gray {
    background-color: var(--color-light-gray);
  }
  .bg-light-green {
    background-color: var(--color-light-green);
  }
  .bg-light-orange {
    background-color: var(--color-light-orange);
  }
  .bg-light-plan-business {
    background-color: var(--color-light-plan-business);
  }
  .bg-light-plan-essential {
    background-color: var(--color-light-plan-essential);
  }
  .bg-light-plan-free {
    background-color: var(--color-light-plan-free);
  }
  .bg-light-plan-starter {
    background-color: var(--color-light-plan-starter);
  }
  .bg-light-primary {
    background-color: var(--color-light-primary);
  }
  .bg-light-red {
    background-color: var(--color-light-red);
  }
  .bg-light-secondary-background {
    background-color: var(--color-light-secondary-background);
  }
  .bg-light-third {
    background-color: var(--color-light-third);
  }
  .bg-light-white {
    background-color: var(--color-light-white);
  }
  .bg-lime-500 {
    background-color: var(--color-lime-500);
  }
  .bg-neutral-content {
    background-color: var(--color-neutral-content);
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary-border {
    background-color: var(--color-primary-border);
  }
  .bg-primary\/10 {
    background-color: color-mix(in srgb, #7F75CF 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-primary\/20 {
    background-color: color-mix(in srgb, #7F75CF 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-success {
    background-color: var(--color-success);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-warning {
    background-color: var(--color-warning);
  }
  .bg-warning\/10 {
    background-color: color-mix(in srgb, #DAB674 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/10 {
      background-color: color-mix(in oklab, var(--color-warning) 10%, transparent);
    }
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-blue-50 {
    --tw-gradient-from: var(--color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-50 {
    --tw-gradient-to: var(--color-indigo-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .mask-repeat {
    mask-repeat: repeat;
  }
  .fill-light-primary {
    fill: var(--color-light-primary);
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-\[11px\] {
    padding: 11px;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[13px\] {
    padding-block: 13px;
  }
  .py-px {
    padding-block: 1px;
  }
  .ps-3\.5 {
    padding-inline-start: calc(var(--spacing) * 3.5);
  }
  .ps-10 {
    padding-inline-start: calc(var(--spacing) * 10);
  }
  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5\.5 {
    padding-top: calc(var(--spacing) * 5.5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-18 {
    padding-top: calc(var(--spacing) * 18);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-\[1px\] {
    padding-top: 1px;
  }
  .pt-\[8px\] {
    padding-top: 8px;
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .\!pb-0 {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }
  .\!pb-18 {
    padding-bottom: calc(var(--spacing) * 18) !important;
  }
  .\!pb-\[72px\] {
    padding-bottom: 72px !important;
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-42 {
    padding-bottom: calc(var(--spacing) * 42);
  }
  .pb-48 {
    padding-bottom: calc(var(--spacing) * 48);
  }
  .pb-\[3px\] {
    padding-bottom: 3px;
  }
  .pb-\[12px\] {
    padding-bottom: 12px;
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .pl-\[29px\] {
    padding-left: 29px;
  }
  .text-center {
    text-align: center;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-8xl {
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.5rem\] {
    font-size: 0.5rem;
  }
  .text-\[0\.8rem\] {
    font-size: 0.8rem;
  }
  .text-\[0\.625rem\] {
    font-size: 0.625rem;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .\!leading-5\.5 {
    --tw-leading: calc(var(--spacing) * 5.5) !important;
    line-height: calc(var(--spacing) * 5.5) !important;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-13 {
    --tw-leading: calc(var(--spacing) * 13);
    line-height: calc(var(--spacing) * 13);
  }
  .leading-\[0\] {
    --tw-leading: 0;
    line-height: 0;
  }
  .leading-\[21px\] {
    --tw-leading: 21px;
    line-height: 21px;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .break-all {
    word-break: break-all;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!text-\[\#6F767E\] {
    color: #6F767E !important;
  }
  .\!text-\[\#94a2b8\] {
    color: #94a2b8 !important;
  }
  .\!text-base-200 {
    color: var(--color-base-200) !important;
  }
  .\!text-base-content {
    color: var(--color-base-content) !important;
  }
  .\!text-blue-600 {
    color: var(--color-blue-600) !important;
  }
  .\!text-error {
    color: var(--color-error) !important;
  }
  .\!text-gray-400 {
    color: var(--color-gray-400) !important;
  }
  .\!text-light-text {
    color: var(--color-light-text) !important;
  }
  .\!text-light-white {
    color: var(--color-light-white) !important;
  }
  .\!text-neutral-content {
    color: var(--color-neutral-content) !important;
  }
  .\!text-neutral-content\/30 {
    color: color-mix(in srgb, #6F767E 30%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!text-neutral-content\/30 {
      color: color-mix(in oklab, var(--color-neutral-content) 30%, transparent) !important;
    }
  }
  .\!text-primary {
    color: var(--color-primary) !important;
  }
  .\!text-primary-border {
    color: var(--color-primary-border) !important;
  }
  .\!text-primary-hover {
    color: var(--color-primary-hover) !important;
  }
  .\!text-success {
    color: var(--color-success) !important;
  }
  .\!text-transparent {
    color: transparent !important;
  }
  .\!text-warning {
    color: var(--color-warning) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-\[\#94a2b8\] {
    color: #94a2b8;
  }
  .text-\[\#735FFA\] {
    color: #735FFA;
  }
  .text-\[\#F55758\] {
    color: #F55758;
  }
  .text-\[\#d1d1d1\] {
    color: #d1d1d1;
  }
  .text-\[\#e07272\] {
    color: #e07272;
  }
  .text-\[\#fa6505\] {
    color: #fa6505;
  }
  .text-base-content {
    color: var(--color-base-content);
  }
  .text-base-content\/60 {
    color: color-mix(in srgb, #282826 60%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-base-content\/60 {
      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
    }
  }
  .text-base-content\/70 {
    color: color-mix(in srgb, #282826 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-base-content\/70 {
      color: color-mix(in oklab, var(--color-base-content) 70%, transparent);
    }
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-dark-text {
    color: var(--color-dark-text);
  }
  .text-error {
    color: var(--color-error);
  }
  .text-error-content {
    color: var(--color-error-content);
  }
  .text-gray-200 {
    color: var(--color-gray-200);
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-gray-content {
    color: var(--color-gray-content);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-info {
    color: var(--color-info);
  }
  .text-info-content {
    color: var(--color-info-content);
  }
  .text-light-green {
    color: var(--color-light-green);
  }
  .text-light-orange {
    color: var(--color-light-orange);
  }
  .text-light-plan-business {
    color: var(--color-light-plan-business);
  }
  .text-light-plan-essential {
    color: var(--color-light-plan-essential);
  }
  .text-light-plan-free {
    color: var(--color-light-plan-free);
  }
  .text-light-plan-starter {
    color: var(--color-light-plan-starter);
  }
  .text-light-primary {
    color: var(--color-light-primary);
  }
  .text-light-red {
    color: var(--color-light-red);
  }
  .text-light-text {
    color: var(--color-light-text);
  }
  .text-light-text\/50 {
    color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-light-text\/50 {
      color: color-mix(in oklab, var(--color-light-text) 50%, transparent);
    }
  }
  .text-light-text\/60 {
    color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 60%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-light-text\/60 {
      color: color-mix(in oklab, var(--color-light-text) 60%, transparent);
    }
  }
  .text-light-text\/70 {
    color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-light-text\/70 {
      color: color-mix(in oklab, var(--color-light-text) 70%, transparent);
    }
  }
  .text-light-white {
    color: var(--color-light-white);
  }
  .text-neutral-content {
    color: var(--color-neutral-content);
  }
  .text-neutral-content\/50 {
    color: color-mix(in srgb, #6F767E 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-neutral-content\/50 {
      color: color-mix(in oklab, var(--color-neutral-content) 50%, transparent);
    }
  }
  .text-neutral-content\/70 {
    color: color-mix(in srgb, #6F767E 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-neutral-content\/70 {
      color: color-mix(in oklab, var(--color-neutral-content) 70%, transparent);
    }
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-orange-600 {
    color: var(--color-orange-600);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-border {
    color: var(--color-primary-border);
  }
  .text-primary-content {
    color: var(--color-primary-content);
  }
  .text-primary-hover {
    color: var(--color-primary-hover);
  }
  .text-red {
    color: var(--color-red);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-900 {
    color: var(--color-red-900);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-success {
    color: var(--color-success);
  }
  .text-success-content {
    color: var(--color-success-content);
  }
  .text-warning {
    color: var(--color-warning);
  }
  .text-warning-content {
    color: var(--color-warning-content);
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .placeholder-neutral-content::placeholder {
    color: var(--color-neutral-content);
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .inset-shadow-xs {
    --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring-light-plan-business {
    --tw-ring-color: var(--color-light-plan-business);
  }
  .ring-light-plan-essential {
    --tw-ring-color: var(--color-light-plan-essential);
  }
  .ring-light-plan-free {
    --tw-ring-color: var(--color-light-plan-free);
  }
  .ring-light-plan-starter {
    --tw-ring-color: var(--color-light-plan-starter);
  }
  .inset-shadow-decoration-100 {
    --tw-inset-shadow-color: #FFFFFF7F;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .inset-shadow-decoration-100 {
      --tw-inset-shadow-color: color-mix(in oklab, var(--color-decoration-100) var(--tw-inset-shadow-alpha), transparent);
    }
  }
  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .\!outline-2 {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .\!outline-offset-3 {
    outline-offset: 3px !important;
  }
  .\!outline-error {
    outline-color: var(--color-error) !important;
  }
  .outline-primary {
    outline-color: var(--color-primary);
  }
  .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,);
  }
  .invert {
    --tw-invert: invert(100%);
    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,);
  }
  .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,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      visibility,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition\! {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      visibility,
      content-visibility,
      overlay,
      pointer-events !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property:
      transform,
      translate,
      scale,
      rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .\!outline-double {
    --tw-outline-style: double !important;
    outline-style: double !important;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  @media (hover: hover) {
    .group-hover\:\!text-primary-hover:is(:where(.group):hover *) {
      color: var(--color-primary-hover) !important;
    }
  }
  @media (hover: hover) {
    .group-hover\:text-base-content:is(:where(.group):hover *) {
      color: var(--color-base-content);
    }
  }
  @media (hover: hover) {
    .group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--color-primary);
    }
  }
  .placeholder\:text-light-text\/50::placeholder {
    color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
     {
      color: color-mix(in oklab, var(--color-light-text) 50%, transparent);
    }
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  @media (hover: hover) {
    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }
  }
  @media (hover: hover) {
    .hover\:rounded-3xl:hover {
      border-radius: var(--radius-3xl);
    }
  }
  @media (hover: hover) {
    .hover\:border-base-content:hover {
      border-color: var(--color-base-content);
    }
  }
  @media (hover: hover) {
    .hover\:border-primary:hover {
      border-color: var(--color-primary);
    }
  }
  @media (hover: hover) {
    .hover\:border-purple-500:hover {
      border-color: var(--color-purple-500);
    }
  }
  @media (hover: hover) {
    .hover\:bg-base-100:hover {
      background-color: var(--color-base-100);
    }
  }
  @media (hover: hover) {
    .hover\:bg-base-200:hover {
      background-color: var(--color-base-200);
    }
  }
  @media (hover: hover) {
    .hover\:bg-base-300\/50:hover {
      background-color: color-mix(in srgb, #E3E3E8 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-base-300\/50:hover {
        background-color: color-mix(in oklab, var(--color-base-300) 50%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-base-400:hover {
      background-color: var(--color-base-400);
    }
  }
  @media (hover: hover) {
    .hover\:bg-base-400-hover:hover {
      background-color: var(--color-base-400-hover);
    }
  }
  @media (hover: hover) {
    .hover\:bg-black:hover {
      background-color: var(--color-black);
    }
  }
  @media (hover: hover) {
    .hover\:bg-blue-600:hover {
      background-color: var(--color-blue-600);
    }
  }
  @media (hover: hover) {
    .hover\:bg-error-hover:hover {
      background-color: var(--color-error-hover);
    }
  }
  @media (hover: hover) {
    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }
  }
  @media (hover: hover) {
    .hover\:bg-gray-300:hover {
      background-color: var(--color-gray-300);
    }
  }
  @media (hover: hover) {
    .hover\:bg-light-hover:hover {
      background-color: var(--color-light-hover);
    }
  }
  @media (hover: hover) {
    .hover\:bg-light-plan-business:hover {
      background-color: var(--color-light-plan-business);
    }
  }
  @media (hover: hover) {
    .hover\:bg-light-plan-essential:hover {
      background-color: var(--color-light-plan-essential);
    }
  }
  @media (hover: hover) {
    .hover\:bg-light-plan-free:hover {
      background-color: var(--color-light-plan-free);
    }
  }
  @media (hover: hover) {
    .hover\:bg-light-plan-starter:hover {
      background-color: var(--color-light-plan-starter);
    }
  }
  @media (hover: hover) {
    .hover\:bg-light-primary:hover {
      background-color: var(--color-light-primary);
    }
  }
  @media (hover: hover) {
    .hover\:bg-light-red:hover {
      background-color: var(--color-light-red);
    }
  }
  @media (hover: hover) {
    .hover\:bg-primary\/5:hover {
      background-color: color-mix(in srgb, #7F75CF 5%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/5:hover {
        background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-success-hover:hover {
      background-color: var(--color-success-hover);
    }
  }
  @media (hover: hover) {
    .hover\:bg-warning-hover:hover {
      background-color: var(--color-warning-hover);
    }
  }
  @media (hover: hover) {
    .hover\:\!text-base-content:hover {
      color: var(--color-base-content) !important;
    }
  }
  @media (hover: hover) {
    .hover\:\!text-blue-500:hover {
      color: var(--color-blue-500) !important;
    }
  }
  @media (hover: hover) {
    .hover\:\!text-light-text:hover {
      color: var(--color-light-text) !important;
    }
  }
  @media (hover: hover) {
    .hover\:\!text-neutral-content:hover {
      color: var(--color-neutral-content) !important;
    }
  }
  @media (hover: hover) {
    .hover\:text-base-content:hover {
      color: var(--color-base-content);
    }
  }
  @media (hover: hover) {
    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }
  }
  @media (hover: hover) {
    .hover\:text-light-primary:hover {
      color: var(--color-light-primary);
    }
  }
  @media (hover: hover) {
    .hover\:text-light-text:hover {
      color: var(--color-light-text);
    }
  }
  @media (hover: hover) {
    .hover\:text-light-white:hover {
      color: var(--color-light-white);
    }
  }
  @media (hover: hover) {
    .hover\:text-primary-hover:hover {
      color: var(--color-primary-hover);
    }
  }
  @media (hover: hover) {
    .hover\:italic:hover {
      font-style: italic;
    }
  }
  @media (hover: hover) {
    .hover\:\!underline:hover {
      text-decoration-line: underline !important;
    }
  }
  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  @media (hover: hover) {
    .hover\:opacity-70:hover {
      opacity: 70%;
    }
  }
  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: 80%;
    }
  }
  @media (hover: hover) {
    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
  }
  .focus\:\!border-primary:focus {
    border-color: var(--color-primary) !important;
  }
  .focus\:border-light-primary:focus {
    border-color: var(--color-light-primary);
  }
  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus\:ring-light-primary:focus {
    --tw-ring-color: var(--color-light-primary);
  }
  .focus\:ring-red-500:focus {
    --tw-ring-color: var(--color-red-500);
  }
  .focus\:\!outline-4:focus {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 4px !important;
  }
  .focus\:\!outline-\[\#d2ceee\]:focus {
    outline-color: #d2ceee !important;
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:opacity-40:disabled {
    opacity: 40%;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  @media (hover: hover) {
    .disabled\:hover\:border-primary-border:disabled:hover {
      border-color: var(--color-primary-border);
    }
  }
  @media (hover: hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: transparent;
    }
  }
  @media (width >= 40rem) {
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }
  @media (width >= 40rem) {
    .sm\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 40rem) {
    .sm\:col-start-5 {
      grid-column-start: 5;
    }
  }
  @media (width >= 40rem) {
    .sm\:w-3\/4 {
      width: calc(3/4 * 100%);
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-start {
      justify-content: flex-start;
    }
  }
  @media (width >= 40rem) {
    :where(.sm\:space-y-8 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  @media (width >= 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 48rem) {
    .md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
  }
  @media (width >= 48rem) {
    .md\:inline {
      display: inline;
    }
  }
  @media (width >= 48rem) {
    .md\:w-1\/2 {
      width: calc(1/2 * 100%);
    }
  }
  @media (width >= 48rem) {
    .md\:w-2\/3 {
      width: calc(2/3 * 100%);
    }
  }
  @media (width >= 48rem) {
    .md\:w-48 {
      width: calc(var(--spacing) * 48);
    }
  }
  @media (width >= 48rem) {
    .md\:w-54 {
      width: calc(var(--spacing) * 54);
    }
  }
  @media (width >= 48rem) {
    .md\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 48rem) {
    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }
  @media (width >= 48rem) {
    .md\:w-96 {
      width: calc(var(--spacing) * 96);
    }
  }
  @media (width >= 48rem) {
    .md\:w-\[376px\] {
      width: 376px;
    }
  }
  @media (width >= 48rem) {
    .md\:w-auto {
      width: auto;
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @media (width >= 48rem) {
    .md\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 48rem) {
    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 48rem) {
    .md\:px-\[88px\] {
      padding-inline: 88px;
    }
  }
  @media (width >= 48rem) {
    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 48rem) {
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-9 {
      grid-column: span 9 / span 9;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-15 {
      grid-column: span 15 / span 15;
    }
  }
  @media (width >= 64rem) {
    .lg\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 64rem) {
    .lg\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 64rem) {
    .lg\:block {
      display: block;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex {
      display: flex;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!h-100 {
      height: calc(var(--spacing) * 100) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!h-full {
      height: 100% !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:h-\[calc\(100dvh-203px\)\] {
      height: calc(100dvh - 203px);
    }
  }
  @media (width >= 64rem) {
    .lg\:h-\[calc\(100dvh-220px\)\] {
      height: calc(100dvh - 220px);
    }
  }
  @media (width >= 64rem) {
    .lg\:h-\[calc\(100dvh-236px\)\] {
      height: calc(100dvh - 236px);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-1\/2 {
      width: calc(1/2 * 100%);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-1\/3 {
      width: calc(1/3 * 100%);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-3\/4 {
      width: calc(3/4 * 100%);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-4\/5 {
      width: calc(4/5 * 100%);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-32 {
      width: calc(var(--spacing) * 32);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-40 {
      width: calc(var(--spacing) * 40);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-48 {
      width: calc(var(--spacing) * 48);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-88 {
      width: calc(var(--spacing) * 88);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-96 {
      width: calc(var(--spacing) * 96);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-auto {
      width: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:max-w-\[38vw\] {
      max-width: 38vw;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-none {
      flex: none;
    }
  }
  @media (width >= 64rem) {
    .lg\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-wrap {
      flex-wrap: wrap;
    }
  }
  @media (width >= 64rem) {
    .lg\:items-end {
      align-items: flex-end;
    }
  }
  @media (width >= 64rem) {
    .lg\:justify-end {
      justify-content: flex-end;
    }
  }
  @media (width >= 64rem) {
    .lg\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 64rem) {
    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 64rem) {
    :where(.lg\:space-y-0 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  @media (width >= 64rem) {
    :where(.lg\:space-x-2 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  @media (width >= 64rem) {
    .lg\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  @media (width >= 64rem) {
    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  @media (width >= 64rem) {
    .lg\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!bg-base-400-hover {
      background-color: var(--color-base-400-hover) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:bg-transparent {
      background-color: transparent;
    }
  }
  @media (width >= 64rem) {
    .lg\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 64rem) {
    .lg\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 64rem) {
    .lg\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  @media (width >= 64rem) {
    .lg\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 64rem) {
    .lg\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 64rem) {
    .lg\:pr-12 {
      padding-right: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 64rem) {
    .lg\:pl-\[29px\] {
      padding-left: 29px;
    }
  }
  @media (width >= 64rem) {
    .lg\:opacity-100 {
      opacity: 100%;
    }
  }
  @media (width >= 64rem) {
    @media (hover: hover) {
      .lg\:hover\:bg-base-200:hover {
        background-color: var(--color-base-200);
      }
    }
  }
  @media (width >= 80rem) {
    .xl\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }
  @media (width >= 80rem) {
    .xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }
  @media (width >= 80rem) {
    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 80rem) {
    .xl\:block {
      display: block;
    }
  }
  @media (width >= 80rem) {
    .xl\:flex {
      display: flex;
    }
  }
  @media (width >= 80rem) {
    .xl\:hidden {
      display: none;
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .xl\:bg-transparent {
      background-color: transparent;
    }
  }
  @media (width >= 80rem) {
    .xl\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 80rem) {
    .xl\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:block {
      display: block;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:w-fit {
      width: fit-content;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:flex-none {
      flex: none;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (width >= 96rem) {
    .\32xl\:flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 96rem) {
    :where(.\32xl\:space-x-2 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .rtl\:text-right:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    text-align: right;
  }
  .dark\:\!border-dark-primary-border:is(.dark *) {
    border-color: var(--color-dark-primary-border) !important;
  }
  .dark\:border-\[\#6a3a3a\]:is(.dark *) {
    border-color: #6a3a3a;
  }
  .dark\:border-\[\#292E39\]:is(.dark *) {
    border-color: #292E39;
  }
  .dark\:border-blue-500:is(.dark *) {
    border-color: var(--color-blue-500);
  }
  .dark\:border-blue-800:is(.dark *) {
    border-color: var(--color-blue-800);
  }
  .dark\:border-dark-border-line:is(.dark *) {
    border-color: var(--color-dark-border-line);
  }
  .dark\:border-dark-neutral-content:is(.dark *) {
    border-color: var(--color-dark-neutral-content);
  }
  .dark\:border-dark-primary:is(.dark *) {
    border-color: var(--color-dark-primary);
  }
  .dark\:border-dark-primary-border:is(.dark *) {
    border-color: var(--color-dark-primary-border);
  }
  .dark\:border-dark-primary-border\/50:is(.dark *) {
    border-color: color-mix(in srgb, #292E39 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-dark-primary-border\/50:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-dark-primary-border) 50%, transparent);
    }
  }
  .dark\:border-gray-600:is(.dark *) {
    border-color: var(--color-gray-600);
  }
  .dark\:border-gray-700:is(.dark *) {
    border-color: var(--color-gray-700);
  }
  .dark\:border-gray-800:is(.dark *) {
    border-color: var(--color-gray-800);
  }
  .dark\:border-slate-600:is(.dark *) {
    border-color: var(--color-slate-600);
  }
  .dark\:border-warning\/50:is(.dark *) {
    border-color: color-mix(in srgb, #DAB674 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-warning\/50:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-warning) 50%, transparent);
    }
  }
  .dark\:border-r-dark-primary-border:is(.dark *) {
    border-right-color: var(--color-dark-primary-border);
  }
  .dark\:border-b-dark-primary-border:is(.dark *) {
    border-bottom-color: var(--color-dark-primary-border);
  }
  .dark\:\!bg-dark-base-100:is(.dark *) {
    background-color: var(--color-dark-base-100) !important;
  }
  .dark\:\!bg-dark-base-300:is(.dark *) {
    background-color: var(--color-dark-base-300) !important;
  }
  .dark\:\!bg-dark-base-400:is(.dark *) {
    background-color: var(--color-dark-base-400) !important;
  }
  .dark\:\!bg-dark-base-content:is(.dark *) {
    background-color: var(--color-dark-base-content) !important;
  }
  .dark\:\!bg-dark-text:is(.dark *) {
    background-color: var(--color-dark-text) !important;
  }
  .dark\:bg-\[\#3a2a2a\]:is(.dark *) {
    background-color: #3a2a2a;
  }
  .dark\:bg-black:is(.dark *) {
    background-color: var(--color-black);
  }
  .dark\:bg-blue-900:is(.dark *) {
    background-color: var(--color-blue-900);
  }
  .dark\:bg-blue-900\/20:is(.dark *) {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-900\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
    }
  }
  .dark\:bg-dark-background:is(.dark *) {
    background-color: var(--color-dark-background);
  }
  .dark\:bg-dark-base-100:is(.dark *) {
    background-color: var(--color-dark-base-100);
  }
  .dark\:bg-dark-base-200:is(.dark *) {
    background-color: var(--color-dark-base-200);
  }
  .dark\:bg-dark-base-200\/50:is(.dark *) {
    background-color: color-mix(in srgb, #1E232E 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-dark-base-200\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-dark-base-200) 50%, transparent);
    }
  }
  .dark\:bg-dark-base-300:is(.dark *) {
    background-color: var(--color-dark-base-300);
  }
  .dark\:bg-dark-base-400:is(.dark *) {
    background-color: var(--color-dark-base-400);
  }
  .dark\:bg-dark-base-400-hover:is(.dark *) {
    background-color: var(--color-dark-base-400-hover);
  }
  .dark\:bg-dark-error:is(.dark *) {
    background-color: var(--color-dark-error);
  }
  .dark\:bg-dark-gray:is(.dark *) {
    background-color: var(--color-dark-gray);
  }
  .dark\:bg-dark-info:is(.dark *) {
    background-color: var(--color-dark-info);
  }
  .dark\:bg-dark-neutral-content:is(.dark *) {
    background-color: var(--color-dark-neutral-content);
  }
  .dark\:bg-dark-primary:is(.dark *) {
    background-color: var(--color-dark-primary);
  }
  .dark\:bg-dark-primary-border:is(.dark *) {
    background-color: var(--color-dark-primary-border);
  }
  .dark\:bg-dark-primary\/10:is(.dark *) {
    background-color: color-mix(in srgb, #7F75CF 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-dark-primary\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-dark-primary) 10%, transparent);
    }
  }
  .dark\:bg-dark-primary\/20:is(.dark *) {
    background-color: color-mix(in srgb, #7F75CF 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-dark-primary\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-dark-primary) 20%, transparent);
    }
  }
  .dark\:bg-dark-secondary:is(.dark *) {
    background-color: var(--color-dark-secondary);
  }
  .dark\:bg-dark-secondary-background:is(.dark *) {
    background-color: var(--color-dark-secondary-background);
  }
  .dark\:bg-dark-success:is(.dark *) {
    background-color: var(--color-dark-success);
  }
  .dark\:bg-dark-third:is(.dark *) {
    background-color: var(--color-dark-third);
  }
  .dark\:bg-dark-warning:is(.dark *) {
    background-color: var(--color-dark-warning);
  }
  .dark\:bg-error:is(.dark *) {
    background-color: var(--color-error);
  }
  .dark\:bg-gray-700:is(.dark *) {
    background-color: var(--color-gray-700);
  }
  .dark\:bg-gray-800:is(.dark *) {
    background-color: var(--color-gray-800);
  }
  .dark\:bg-gray-900:is(.dark *) {
    background-color: var(--color-gray-900);
  }
  .dark\:bg-green-900:is(.dark *) {
    background-color: var(--color-green-900);
  }
  .dark\:bg-indigo-900:is(.dark *) {
    background-color: var(--color-indigo-900);
  }
  .dark\:bg-info:is(.dark *) {
    background-color: var(--color-info);
  }
  .dark\:bg-orange-900:is(.dark *) {
    background-color: var(--color-orange-900);
  }
  .dark\:bg-primary\/20:is(.dark *) {
    background-color: color-mix(in srgb, #7F75CF 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-primary\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .dark\:bg-slate-800:is(.dark *) {
    background-color: var(--color-slate-800);
  }
  .dark\:bg-slate-900:is(.dark *) {
    background-color: var(--color-slate-900);
  }
  .dark\:bg-success:is(.dark *) {
    background-color: var(--color-success);
  }
  .dark\:bg-warning:is(.dark *) {
    background-color: var(--color-warning);
  }
  .dark\:bg-warning\/20:is(.dark *) {
    background-color: color-mix(in srgb, #DAB674 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-warning\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-warning) 20%, transparent);
    }
  }
  .dark\:from-blue-900\/20:is(.dark *) {
    --tw-gradient-from: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-blue-900\/20:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
    }
  }
  .dark\:to-indigo-300\/20:is(.dark *) {
    --tw-gradient-to: color-mix(in srgb, oklch(78.5% 0.115 274.713) 20%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-indigo-300\/20:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-300) 20%, transparent);
    }
  }
  .dark\:\!text-blue-400:is(.dark *) {
    color: var(--color-blue-400) !important;
  }
  .dark\:\!text-dark-base-200:is(.dark *) {
    color: var(--color-dark-base-200) !important;
  }
  .dark\:\!text-dark-base-content:is(.dark *) {
    color: var(--color-dark-base-content) !important;
  }
  .dark\:\!text-dark-error:is(.dark *) {
    color: var(--color-dark-error) !important;
  }
  .dark\:\!text-dark-neutral-content:is(.dark *) {
    color: var(--color-dark-neutral-content) !important;
  }
  .dark\:\!text-dark-neutral-content\/30:is(.dark *) {
    color: color-mix(in srgb, #ADAFB9 30%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\!text-dark-neutral-content\/30:is(.dark *) {
      color: color-mix(in oklab, var(--color-dark-neutral-content) 30%, transparent) !important;
    }
  }
  .dark\:\!text-dark-primary:is(.dark *) {
    color: var(--color-dark-primary) !important;
  }
  .dark\:\!text-dark-primary-border:is(.dark *) {
    color: var(--color-dark-primary-border) !important;
  }
  .dark\:\!text-dark-primary-hover:is(.dark *) {
    color: var(--color-dark-primary-hover) !important;
  }
  .dark\:\!text-dark-success:is(.dark *) {
    color: var(--color-dark-success) !important;
  }
  .dark\:\!text-dark-text:is(.dark *) {
    color: var(--color-dark-text) !important;
  }
  .dark\:\!text-dark-warning:is(.dark *) {
    color: var(--color-dark-warning) !important;
  }
  .dark\:\!text-warning:is(.dark *) {
    color: var(--color-warning) !important;
  }
  .dark\:text-blue-200:is(.dark *) {
    color: var(--color-blue-200);
  }
  .dark\:text-blue-400:is(.dark *) {
    color: var(--color-blue-400);
  }
  .dark\:text-dark-base-content:is(.dark *) {
    color: var(--color-dark-base-content);
  }
  .dark\:text-dark-base-content\/60:is(.dark *) {
    color: color-mix(in srgb, #F8FAFF 60%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-dark-base-content\/60:is(.dark *) {
      color: color-mix(in oklab, var(--color-dark-base-content) 60%, transparent);
    }
  }
  .dark\:text-dark-base-content\/70:is(.dark *) {
    color: color-mix(in srgb, #F8FAFF 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-dark-base-content\/70:is(.dark *) {
      color: color-mix(in oklab, var(--color-dark-base-content) 70%, transparent);
    }
  }
  .dark\:text-dark-error:is(.dark *) {
    color: var(--color-dark-error);
  }
  .dark\:text-dark-error-content:is(.dark *) {
    color: var(--color-dark-error-content);
  }
  .dark\:text-dark-gray-content:is(.dark *) {
    color: var(--color-dark-gray-content);
  }
  .dark\:text-dark-green:is(.dark *) {
    color: var(--color-dark-green);
  }
  .dark\:text-dark-info:is(.dark *) {
    color: var(--color-dark-info);
  }
  .dark\:text-dark-neutral-content:is(.dark *) {
    color: var(--color-dark-neutral-content);
  }
  .dark\:text-dark-neutral-content\/50:is(.dark *) {
    color: color-mix(in srgb, #ADAFB9 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-dark-neutral-content\/50:is(.dark *) {
      color: color-mix(in oklab, var(--color-dark-neutral-content) 50%, transparent);
    }
  }
  .dark\:text-dark-neutral-content\/70:is(.dark *) {
    color: color-mix(in srgb, #ADAFB9 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-dark-neutral-content\/70:is(.dark *) {
      color: color-mix(in oklab, var(--color-dark-neutral-content) 70%, transparent);
    }
  }
  .dark\:text-dark-primary:is(.dark *) {
    color: var(--color-dark-primary);
  }
  .dark\:text-dark-primary-border:is(.dark *) {
    color: var(--color-dark-primary-border);
  }
  .dark\:text-dark-success:is(.dark *) {
    color: var(--color-dark-success);
  }
  .dark\:text-dark-success-content:is(.dark *) {
    color: var(--color-dark-success-content);
  }
  .dark\:text-dark-text:is(.dark *) {
    color: var(--color-dark-text);
  }
  .dark\:text-dark-text\/50:is(.dark *) {
    color: color-mix(in srgb, #E0E0E0FF 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-dark-text\/50:is(.dark *) {
      color: color-mix(in oklab, var(--color-dark-text) 50%, transparent);
    }
  }
  .dark\:text-dark-text\/60:is(.dark *) {
    color: color-mix(in srgb, #E0E0E0FF 60%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-dark-text\/60:is(.dark *) {
      color: color-mix(in oklab, var(--color-dark-text) 60%, transparent);
    }
  }
  .dark\:text-dark-text\/70:is(.dark *) {
    color: color-mix(in srgb, #E0E0E0FF 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-dark-text\/70:is(.dark *) {
      color: color-mix(in oklab, var(--color-dark-text) 70%, transparent);
    }
  }
  .dark\:text-dark-warning-content:is(.dark *) {
    color: var(--color-dark-warning-content);
  }
  .dark\:text-error-content:is(.dark *) {
    color: var(--color-error-content);
  }
  .dark\:text-gray-100:is(.dark *) {
    color: var(--color-gray-100);
  }
  .dark\:text-gray-300:is(.dark *) {
    color: var(--color-gray-300);
  }
  .dark\:text-gray-400:is(.dark *) {
    color: var(--color-gray-400);
  }
  .dark\:text-gray-500:is(.dark *) {
    color: var(--color-gray-500);
  }
  .dark\:text-gray-600:is(.dark *) {
    color: var(--color-gray-600);
  }
  .dark\:text-green-400:is(.dark *) {
    color: var(--color-green-400);
  }
  .dark\:text-indigo-300:is(.dark *) {
    color: var(--color-indigo-300);
  }
  .dark\:text-info:is(.dark *) {
    color: var(--color-info);
  }
  .dark\:text-info-content:is(.dark *) {
    color: var(--color-info-content);
  }
  .dark\:text-light-black:is(.dark *) {
    color: var(--color-light-black);
  }
  .dark\:text-neutral-content:is(.dark *) {
    color: var(--color-neutral-content);
  }
  .dark\:text-orange-300:is(.dark *) {
    color: var(--color-orange-300);
  }
  .dark\:text-orange-400:is(.dark *) {
    color: var(--color-orange-400);
  }
  .dark\:text-primary:is(.dark *) {
    color: var(--color-primary);
  }
  .dark\:text-red-400:is(.dark *) {
    color: var(--color-red-400);
  }
  .dark\:text-slate-200:is(.dark *) {
    color: var(--color-slate-200);
  }
  .dark\:text-slate-400:is(.dark *) {
    color: var(--color-slate-400);
  }
  .dark\:text-success-content:is(.dark *) {
    color: var(--color-success-content);
  }
  .dark\:text-warning:is(.dark *) {
    color: var(--color-warning);
  }
  .dark\:text-warning-content:is(.dark *) {
    color: var(--color-warning-content);
  }
  .dark\:text-white:is(.dark *) {
    color: var(--color-white);
  }
  .dark\:\!placeholder-dark-neutral-content:is(.dark *)::placeholder {
    color: var(--color-dark-neutral-content) !important;
  }
  .dark\:placeholder-gray-400:is(.dark *)::placeholder {
    color: var(--color-gray-400);
  }
  .dark\:inset-shadow-dark-decoration-100:is(.dark *) {
    --tw-inset-shadow-color: #FFFFFF14;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:inset-shadow-dark-decoration-100:is(.dark *) {
      --tw-inset-shadow-color: color-mix(in oklab, var(--color-dark-decoration-100) var(--tw-inset-shadow-alpha), transparent);
    }
  }
  .dark\:\!outline-dark-error:is(.dark *) {
    outline-color: var(--color-dark-error) !important;
  }
  .dark\:outline-primary:is(.dark *) {
    outline-color: var(--color-primary);
  }
  @media (hover: hover) {
    .dark\:group-hover\:\!text-dark-primary-hover:is(.dark *):is(:where(.group):hover *) {
      color: var(--color-dark-primary-hover) !important;
    }
  }
  @media (hover: hover) {
    .dark\:group-hover\:text-dark-primary:is(.dark *):is(:where(.group):hover *) {
      color: var(--color-dark-primary);
    }
  }
  @media (hover: hover) {
    .group-hover\:dark\:text-dark-base-content:is(:where(.group):hover *):is(.dark *) {
      color: var(--color-dark-base-content);
    }
  }
  .dark\:placeholder\:text-dark-text\/50:is(.dark *)::placeholder {
    color: color-mix(in srgb, #E0E0E0FF 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
     {
      color: color-mix(in oklab, var(--color-dark-text) 50%, transparent);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:border-dark-base-content:is(.dark *):hover {
      border-color: var(--color-dark-base-content);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:border-dark-primary:is(.dark *):hover {
      border-color: var(--color-dark-primary);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-dark-base-100:is(.dark *):hover {
      background-color: var(--color-dark-base-100);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-dark-base-200:is(.dark *):hover {
      background-color: var(--color-dark-base-200);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-dark-base-400:is(.dark *):hover {
      background-color: var(--color-dark-base-400);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-dark-base-400-hover:is(.dark *):hover {
      background-color: var(--color-dark-base-400-hover);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-dark-error-hover:is(.dark *):hover {
      background-color: var(--color-dark-error-hover);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-dark-hover:is(.dark *):hover {
      background-color: var(--color-dark-hover);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-dark-primary\/5:is(.dark *):hover {
      background-color: color-mix(in srgb, #7F75CF 5%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-dark-primary\/5:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-dark-primary) 5%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-dark-success-hover:is(.dark *):hover {
      background-color: var(--color-dark-success-hover);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-dark-warning-hover:is(.dark *):hover {
      background-color: var(--color-dark-warning-hover);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-gray-700:is(.dark *):hover {
      background-color: var(--color-gray-700);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-white:is(.dark *):hover {
      background-color: var(--color-white);
    }
  }
  @media (hover: hover) {
    .hover\:dark\:bg-dark-base-300\/50:hover:is(.dark *) {
      background-color: color-mix(in srgb, #0D121E 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:dark\:bg-dark-base-300\/50:hover:is(.dark *) {
        background-color: color-mix(in oklab, var(--color-dark-base-300) 50%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .dark\:hover\:\!text-dark-neutral-content:is(.dark *):hover {
      color: var(--color-dark-neutral-content) !important;
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-dark-base-content:is(.dark *):hover {
      color: var(--color-dark-base-content);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-dark-primary:is(.dark *):hover {
      color: var(--color-dark-primary);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-dark-primary-hover:is(.dark *):hover {
      color: var(--color-dark-primary-hover);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-dark-text:is(.dark *):hover {
      color: var(--color-dark-text);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-gray-300:is(.dark *):hover {
      color: var(--color-gray-300);
    }
  }
  @media (hover: hover) {
    .hover\:dark\:\!text-dark-base-content:hover:is(.dark *) {
      color: var(--color-dark-base-content) !important;
    }
  }
  @media (hover: hover) {
    .hover\:dark\:\!text-dark-neutral-content:hover:is(.dark *) {
      color: var(--color-dark-neutral-content) !important;
    }
  }
  .dark\:focus\:\!border-dark-primary:is(.dark *):focus {
    border-color: var(--color-dark-primary) !important;
  }
  .dark\:focus\:border-light-primary:is(.dark *):focus {
    border-color: var(--color-light-primary);
  }
  .dark\:focus\:ring-dark-primary:is(.dark *):focus {
    --tw-ring-color: var(--color-dark-primary);
  }
  .dark\:focus\:ring-light-primary:is(.dark *):focus {
    --tw-ring-color: var(--color-light-primary);
  }
  .dark\:focus\:\!outline-\[\#343942\]:is(.dark *):focus {
    outline-color: #343942 !important;
  }
  @media (width >= 64rem) {
    .lg\:dark\:\!bg-dark-base-400-hover:is(.dark *) {
      background-color: var(--color-dark-base-400-hover) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:dark\:bg-transparent:is(.dark *) {
      background-color: transparent;
    }
  }
  @media (width >= 64rem) {
    @media (hover: hover) {
      .lg\:dark\:hover\:bg-dark-base-200:is(.dark *):hover {
        background-color: var(--color-dark-base-200);
      }
    }
  }
}
@layer utilities {
  .h-screen-table {
    height: 90.9vh;
  }
  .m-h-table {
    height: calc(100dvh - 16px - 46.5px - 16px - 56px - 14px);
  }
  .m-h-full-nav {
    min-height: calc(100dvh - 72px);
  }
  .h-full-nav {
    height: calc(100dvh - 72px);
  }
  .error-message {
    display: block;
    padding-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-red);
  }
  .bg-container-background {
    background: var(--color-container-background);
  }
  .bg-dark-container-background {
    background: var(--color-dark-container-background);
  }
}
:root {
  --dx-sidenav-container-background-light:
    linear-gradient(
      122.32deg,
      #E2E3E8 70.48%,
      #D4D3E8 76.3%,
      #CAC7E8 80.41%,
      #C0BBE8 84.65%,
      #E8BBBB 99.98%);
  --dx-sidenav-container-background-dark:
    linear-gradient(
      122.32deg,
      #0D121E 70.48%,
      rgba(192, 187, 232, 0.5) 84.65%,
      rgba(232, 187, 187, 0.5) 99.98%);
  --mat-datepicker-calendar-text-font: "Plus Jakarta Sans", sans-serif !important;
  --mdc-text-button-label-text-font: "Plus Jakarta Sans", sans-serif !important;
  --mat-form-field-container-text-font: "Plus Jakarta Sans", sans-serif !important;
  --mdc-outlined-text-field-input-text-color: var(--color-base-content);
  --mat-datepicker-calendar-header-text-color: var(--color-base-content);
  --mat-datepicker-calendar-navigation-button-icon-color: var(--color-base-content);
  --mat-datepicker-calendar-period-button-text-color: var(--color-base-content);
  --mat-datepicker-calendar-period-button-icon-color: var(--color-base-content);
  --mat-radio-label-text-font: "Plus Jakarta Sans", sans-serif !important;
}
.dark {
  --mdc-outlined-text-field-input-text-color: var(--color-dark-base-content);
  --mat-datepicker-calendar-header-text-color: var(--color-dark-base-content);
  --mat-datepicker-calendar-navigation-button-icon-color: var(--color-dark-base-content);
  --mat-datepicker-calendar-period-button-text-color: var(--color-dark-base-content);
  --mat-datepicker-calendar-period-button-icon-color: var(--color-dark-base-content);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: var(--color-primary);
  --mat-radio-checked-ripple-color: var(--color-dark-primary);
  --mdc-radio-selected-focus-icon-color: var(--color-dark-primary);
  --mdc-radio-selected-hover-icon-color: var(--color-dark-primary);
  --mdc-radio-selected-icon-color: var(--color-dark-primary);
  --mdc-radio-selected-pressed-icon-color: var(--color-dark-primary);
}
body,
html {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(111, 118, 126, 0.3) transparent;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(111, 118, 126, 0.3);
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: rgba(111, 118, 126, 0.5);
}
.dark * {
  scrollbar-color: rgba(173, 175, 185, 0.3) transparent;
}
.dark *::-webkit-scrollbar-thumb {
  background-color: rgba(173, 175, 185, 0.3);
}
.dark *::-webkit-scrollbar-thumb:hover {
  background-color: rgba(173, 175, 185, 0.5);
}
.dx-drawer-inner-container::-webkit-scrollbar {
  display: none;
}
.m-dx-sidenav {
  --dx-sidenav-width: 100dvw;
}
.card-dashboard .dx-card.dx-card--outlined {
  height: 100% !important;
}
.card-integration .dx-card.dx-card--outlined {
  height: 100%;
}
.card-integration:hover .dx-card.dx-card--outlined {
  background: var(--color-base-400);
  border-color: var(--color-primary-hover);
}
.dark .card-integration:hover .dx-card.dx-card--outlined {
  background: var(--color-dark-base-400);
  border-color: var(--color-dark-primary-hover);
}
.settings-tab-content {
  overflow-y: scroll;
}
.settings-tab-content::-webkit-scrollbar {
  display: none;
}
.m-settings-tab-content::-webkit-scrollbar {
  display: none;
}
.tab-export-settings .dx-mdc-tab-body {
  border: none !important;
}
.tab-export-settings .dx-mdc-tab-body.dx-mdc-tab-body-active {
  border-radius: 0 !important;
}
.tab-export-settings .dx-mdc-tab-body.dx-mdc-tab-body-active {
  height: 100%;
}
.tab-api-detail .dx-mdc-tab-body {
  border: none !important;
}
.tab-api-detail .dx-mdc-tab-body.dx-mdc-tab-body-active {
  border-radius: 0 !important;
}
.ant-modal-title {
  color: var(--color-base-content);
}
.dark .ant-modal-title {
  color: var(--color-dark-base-content);
}
.ant-select-selector:after {
  background-color: var(--color-light-background) !important;
}
:is():is(.dark *) {
  background-color: var(--color-dark-background) !important;
}
.ant-select-single {
  height: unset !important;
}
.ant-select-selector {
  border-color: var(--color-primary-border) !important;
  background-color: var(--color-base-400) !important;
  color: var(--color-base-content) !important;
}
.ant-select-selector::placeholder {
  color: var(--color-neutral-content);
}
.ant-select-selector:focus {
  border-color: var(--color-primary) !important;
}
.ant-select-selector:focus {
  outline-style: var(--tw-outline-style) !important;
  outline-width: 4px !important;
}
.ant-select-selector:focus {
  outline-color: #d2ceee !important;
}
.ant-select-selector:is(.dark *) {
  border-color: var(--color-dark-primary-border) !important;
}
.ant-select-selector:is(.dark *) {
  background-color: var(--color-dark-base-400) !important;
}
.ant-select-selector:is(.dark *) {
  color: var(--color-dark-base-content) !important;
}
.ant-select-selector:is(.dark *)::placeholder {
  color: var(--color-dark-neutral-content) !important;
}
.ant-select-selector:is(.dark *):focus {
  border-color: var(--color-dark-primary) !important;
}
.ant-select-selector:is(.dark *):focus {
  outline-color: #343942 !important;
}
.ant-select-item-option-content {
  color: var(--color-base-content) !important;
}
.ant-select-item-option-content:is(.dark *) {
  color: var(--color-dark-base-content) !important;
}
.ant-select-single.ant-select-open .ant-select-selection-item {
  color: var(--color-base-content) !important;
}
.ant-select-single.ant-select-open .ant-select-selection-item:is(.dark *) {
  color: var(--color-dark-base-content) !important;
}
.ant-select-single.ant-select-open .ant-select-selection-item:hover {
  background-color: var(--color-base-400-hover) !important;
}
.ant-select-single.ant-select-open .ant-select-selection-item:hover:is(.dark *) {
  background-color: var(--color-dark-base-400-hover) !important;
}
.ant-select-item.ant-select-item-option.ant-select-item-option-selected {
  background-color: var(--color-base-100) !important;
}
.ant-select-item.ant-select-item-option.ant-select-item-option-selected:is(.dark *) {
  background-color: var(--color-dark-base-100) !important;
}
.ant-select-dropdown {
  background-color: var(--color-base-400) !important;
  color: var(--color-base-content) !important;
}
.ant-select-dropdown:is(.dark *) {
  background-color: var(--color-dark-base-400) !important;
}
.ant-select-dropdown:is(.dark *) {
  color: var(--color-dark-base-content) !important;
}
.image-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000000;
}
.image-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000000;
}
img.zoom {
  margin-top: 1.2em;
  cursor: pointer;
  transition: transform 0.3s;
}
img.zoom.n-margin {
  cursor: pointer;
  transition: transform 0.3s;
}
.image-loader {
  width: 160px;
  height: 160px;
  background:
    linear-gradient(
      90deg,
      #f0f0f0 25%,
      #e0e0e0 50%,
      #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 8px;
  animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.overlay {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.zoomed-image-container {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}
.zoomed-image {
  max-width: 100%;
  max-height: 100%;
  transition: transform 0.3s;
  display: block;
}
.h-full-preview {
  height: calc(100dvh - 88px);
}
.h-full-inbox {
  height: calc(100dvh - 56px);
}
.dashboard-dialog-container {
  display: flex !important;
  flex-direction: column !important;
  max-height: 90vh !important;
  overflow: hidden !important;
}
.dashboard-dialog-container .dx-dialog-container {
  padding: 16px !important;
}
.dashboard-dialog-container .mat-mdc-dialog-content,
.dashboard-dialog-container .dx-dialog-content {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
  padding: 10px !important;
  margin: 0 !important;
}
.dashboard-dialog-container app-dashboard {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
}
.dashboard-dialog-container .dashboard-scrollable-content {
  flex: 1 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scroll-behavior: smooth !important;
  padding: 10px !important;
}
.joyride-step__container {
  border-radius: 10px;
}
.joyride-step__close {
  top: 20px !important;
  right: 20px !important;
}
.joyride-backdrop {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.joyride-button {
  border-radius: 10px !important;
}
.joyride-step__body {
  color: var(--color-neutral-content) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
}
.joyride-step__counter {
  color: var(--color-neutral-content) !important;
}
.joyride-step__footer {
  justify-content: flex-end !important;
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

/* node_modules/@dx-ui/ui/styles/styles.css */
/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
.dx-focus-indicator {
  position: relative;
}
.dx-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--dx-focus-indicator-display, none);
  border-width: var(--dx-focus-indicator-border-width, 3px);
  border-style: var(--dx-focus-indicator-border-style, solid);
  border-color: var(--dx-focus-indicator-border-color, transparent);
  border-radius: var(--dx-focus-indicator-border-radius, 4px);
}
.dx-focus-indicator:focus::before {
  content: "";
}
.dx-button-base {
  text-decoration: none;
}
.dx-button {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 64px;
  border: none;
  outline: none;
  line-height: inherit;
  -webkit-appearance: none;
  overflow: visible;
  vertical-align: middle;
  background: transparent;
  padding: 0 8px;
}
.dx-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.dx-button:active {
  outline: none;
}
.dx-button:hover {
  cursor: pointer;
}
.dx-button:disabled {
  cursor: default;
  pointer-events: none;
}
.dx-button[hidden] {
  display: none;
}
.dx-button .dx-button__label {
  position: relative;
}
.dx-button {
  padding: 0 var(--dx-button-text-horizontal-padding, 12px);
  height: var(--dx-button-text-container-height, 40px);
  font-size: var(--dx-button-text-label-text-size, var(--dx-sys-label-large-size));
  letter-spacing: var(--dx-button-text-label-text-tracking, var(--dx-sys-label-large-tracking));
  text-transform: var(--dx-button-text-label-text-transform);
  font-weight: var(--dx-button-text-label-text-weight, var(--dx-sys-label-large-weight));
}
.dx-button,
.dx-button .dx-button__ripple {
  border-radius: var(--dx-button-text-container-shape, var(--dx-sys-corner-full));
}
.dx-button:not(:disabled) {
  color: var(--dx-button-text-label-text-color, var(--dx-sys-primary));
}
.dx-button[disabled],
.dx-button.dx-button-disabled {
  cursor: default;
  pointer-events: none;
  color: var(--dx-button-text-disabled-label-text-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-button[disabled],
  .dx-button.dx-button-disabled {
    color: var(--dx-button-text-disabled-label-text-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-button.dx-button-disabled-interactive {
  pointer-events: auto;
}
.dx-button:has(.material-icons, dx-icon, [matButtonIcon]) {
  padding: 0 var(--dx-button-text-with-icon-horizontal-padding, 16px);
}
.dx-button > .dx-icon {
  margin-right: var(--dx-button-text-icon-spacing, 8px);
  margin-left: var(--dx-button-text-icon-offset, -4px);
}
[dir=rtl] .dx-button > .dx-icon {
  margin-right: var(--dx-button-text-icon-offset, -4px);
  margin-left: var(--dx-button-text-icon-spacing, 8px);
}
.dx-button .dx-button__label + .dx-icon {
  margin-right: var(--dx-button-text-icon-offset, -4px);
  margin-left: var(--dx-button-text-icon-spacing, 8px);
}
[dir=rtl] .dx-button .dx-button__label + .dx-icon {
  margin-right: var(--dx-button-text-icon-spacing, 8px);
  margin-left: var(--dx-button-text-icon-offset, -4px);
}
.dx-button .dx-ripple-element {
  background-color: var(--dx-button-text-ripple-color, var(--dx-sys-primary));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-button .dx-ripple-element {
    background-color: var(--dx-button-text-ripple-color, color-mix(in srgb, var(--dx-sys-primary) calc(var(--dx-sys-pressed-state-layer-opacity) * 100%), transparent));
  }
}
.dx-button .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-text-state-layer-color, var(--dx-sys-primary));
}
.dx-button.dx-button-disabled .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-text-disabled-state-layer-color, var(--dx-sys-on-surface-variant));
}
.dx-button:hover > .dx-button-persistent-ripple::before {
  opacity: var(--dx-button-text-hover-state-layer-opacity, var(--dx-sys-hover-state-layer-opacity));
}
.dx-button.cdk-program-focused > .dx-button-persistent-ripple::before,
.dx-button.cdk-keyboard-focused > .dx-button-persistent-ripple::before,
.dx-button.dx-button-disabled-interactive:focus > .dx-button-persistent-ripple::before {
  opacity: var(--dx-button-text-focus-state-layer-opacity, var(--dx-sys-focus-state-layer-opacity));
}
.dx-button:active > .dx-button-persistent-ripple::before {
  opacity: var(--dx-button-text-pressed-state-layer-opacity, var(--dx-sys-pressed-state-layer-opacity));
}
.dx-button .dx-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  display: var(--dx-button-text-touch-target-display, block);
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.dx-unelevated-button {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  height: var(--dx-button-filled-container-height, 40px);
  font-size: var(--dx-button-filled-label-text-size, var(--dx-sys-label-large-size));
  letter-spacing: var(--dx-button-filled-label-text-tracking, var(--dx-sys-label-large-tracking));
  text-transform: var(--dx-button-filled-label-text-transform);
  font-weight: var(--dx-button-filled-label-text-weight, var(--dx-sys-label-large-weight));
  padding: 0 var(--dx-button-filled-horizontal-padding, 24px);
}
.dx-unelevated-button > .dx-icon {
  margin-right: var(--dx-button-filled-icon-spacing, 8px);
  margin-left: var(--dx-button-filled-icon-offset, -8px);
}
[dir=rtl] .dx-unelevated-button > .dx-icon {
  margin-right: var(--dx-button-filled-icon-offset, -8px);
  margin-left: var(--dx-button-filled-icon-spacing, 8px);
}
.dx-unelevated-button .dx-button__label + .dx-icon {
  margin-right: var(--dx-button-filled-icon-offset, -8px);
  margin-left: var(--dx-button-filled-icon-spacing, 8px);
}
[dir=rtl] .dx-unelevated-button .dx-button__label + .dx-icon {
  margin-right: var(--dx-button-filled-icon-spacing, 8px);
  margin-left: var(--dx-button-filled-icon-offset, -8px);
}
.dx-unelevated-button .dx-ripple-element {
  background-color: var(--dx-button-filled-ripple-color, var(--dx-sys-on-primary));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-unelevated-button .dx-ripple-element {
    background-color: var(--dx-button-filled-ripple-color, color-mix(in srgb, var(--dx-sys-on-primary) calc(var(--dx-sys-pressed-state-layer-opacity) * 100%), transparent));
  }
}
.dx-unelevated-button .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-filled-state-layer-color, var(--dx-sys-on-primary));
}
.dx-unelevated-button.dx-button-disabled .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-filled-disabled-state-layer-color, var(--dx-sys-on-surface-variant));
}
.dx-unelevated-button:hover > .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-filled-hover-container-color, var(--dx-sys-primary));
}
.dx-unelevated-button.cdk-program-focused > .dx-button-persistent-ripple::before,
.dx-unelevated-button.cdk-keyboard-focused > .dx-button-persistent-ripple::before,
.dx-unelevated-button.dx-button-disabled-interactive:focus > .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-filled-hover-container-color, var(--dx-sys-primary));
}
.dx-unelevated-button:active > .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-filled-hover-container-color, var(--dx-sys-primary));
}
.dx-unelevated-button .dx-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  display: var(--dx-button-filled-touch-target-display, block);
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.dx-unelevated-button:not(:disabled) {
  color: var(--dx-button-filled-label-text-color, var(--dx-sys-on-primary));
  background-color: var(--dx-button-filled-container-color, var(--dx-sys-primary));
}
.dx-unelevated-button,
.dx-unelevated-button .dx-button__ripple {
  border-radius: var(--dx-button-filled-container-shape, var(--dx-sys-corner-full));
}
.dx-unelevated-button[disabled],
.dx-unelevated-button.dx-button-disabled {
  cursor: default;
  pointer-events: none;
  color: var(--dx-button-filled-disabled-label-text-color, var(--dx-sys-on-surface));
  background-color: var(--dx-button-filled-disabled-container-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-unelevated-button[disabled],
  .dx-unelevated-button.dx-button-disabled {
    color: var(--dx-button-filled-disabled-label-text-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-unelevated-button[disabled],
  .dx-unelevated-button.dx-button-disabled {
    background-color: var(--dx-button-filled-disabled-container-color, color-mix(in srgb, var(--dx-sys-on-surface) 12%, transparent));
  }
}
.dx-unelevated-button.dx-button-disabled-interactive {
  pointer-events: auto;
}
.dx-raised-button {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--dx-button-protected-container-elevation-shadow, var(--dx-sys-level1));
  border: var(--dx-button-protected-container-border, var(--dx-sys-level1));
  height: var(--dx-button-protected-container-height, 40px);
  font-size: var(--dx-button-protected-label-text-size, var(--dx-sys-label-large-size));
  letter-spacing: var(--dx-button-protected-label-text-tracking, var(--dx-sys-label-large-tracking));
  text-transform: var(--dx-button-protected-label-text-transform);
  font-weight: var(--dx-button-protected-label-text-weight, var(--dx-sys-label-large-weight));
  padding: 0 var(--dx-button-protected-horizontal-padding, 24px);
}
.dx-raised-button > .dx-icon {
  margin-right: var(--dx-button-protected-icon-spacing, 8px);
  margin-left: var(--dx-button-protected-icon-offset, -8px);
}
[dir=rtl] .dx-raised-button > .dx-icon {
  margin-right: var(--dx-button-protected-icon-offset, -8px);
  margin-left: var(--dx-button-protected-icon-spacing, 8px);
}
.dx-raised-button .dx-button__label + .dx-icon {
  margin-right: var(--dx-button-protected-icon-offset, -8px);
  margin-left: var(--dx-button-protected-icon-spacing, 8px);
}
[dir=rtl] .dx-raised-button .dx-button__label + .dx-icon {
  margin-right: var(--dx-button-protected-icon-spacing, 8px);
  margin-left: var(--dx-button-protected-icon-offset, -8px);
}
.dx-raised-button .dx-ripple-element {
  background-color: var(--dx-button-protected-ripple-color, var(--dx-sys-primary));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-raised-button .dx-ripple-element {
    background-color: var(--dx-button-protected-ripple-color, color-mix(in srgb, var(--dx-sys-primary) calc(var(--dx-sys-pressed-state-layer-opacity) * 100%), transparent));
  }
}
.dx-raised-button .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-protected-state-layer-color, var(--dx-sys-primary));
}
.dx-raised-button.dx-button-disabled .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-protected-disabled-state-layer-color, var(--dx-sys-on-surface-variant));
}
.dx-raised-button:hover > .dx-button-persistent-ripple::before {
  opacity: var(--dx-button-protected-hover-state-layer-opacity, var(--dx-sys-hover-state-layer-opacity));
}
.dx-raised-button.cdk-program-focused > .dx-button-persistent-ripple::before,
.dx-raised-button.cdk-keyboard-focused > .dx-button-persistent-ripple::before,
.dx-raised-button.dx-button-disabled-interactive:focus > .dx-button-persistent-ripple::before {
  opacity: var(--dx-button-protected-focus-state-layer-opacity, var(--dx-sys-focus-state-layer-opacity));
}
.dx-raised-button:active > .dx-button-persistent-ripple::before {
  opacity: var(--dx-button-protected-pressed-state-layer-opacity, var(--dx-sys-pressed-state-layer-opacity));
}
.dx-raised-button .dx-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  display: var(--dx-button-protected-touch-target-display, block);
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.dx-raised-button:not(:disabled) {
  color: var(--dx-button-protected-label-text-color, var(--dx-sys-primary));
  background-color: var(--dx-button-protected-container-color, var(--dx-sys-surface));
}
.dx-raised-button,
.dx-raised-button .dx-button__ripple {
  border-radius: var(--dx-button-protected-container-shape, var(--dx-sys-corner-full));
}
.dx-raised-button:hover {
  box-shadow: var(--dx-button-protected-container-elevation-shadow, var(--dx-sys-level2));
  background-color: var(--dx-button-protected-hover-container-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-raised-button:hover {
    background-color: var(--dx-button-protected-hover-container-color, color-mix(in srgb, var(--dx-sys-on-surface) 12%, transparent));
  }
}
.dx-raised-button:focus {
  box-shadow: var(--dx-button-protected-container-elevation-shadow, var(--dx-sys-level1));
  background-color: var(--dx-button-protected-hover-container-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-raised-button:focus {
    background-color: var(--dx-button-protected-hover-container-color, color-mix(in srgb, var(--dx-sys-on-surface) 12%, transparent));
  }
}
.dx-raised-button:active,
.dx-raised-button:focus:active {
  box-shadow: var(--dx-button-protected-container-elevation-shadow, var(--dx-sys-level1));
  background-color: var(--dx-button-protected-hover-container-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-raised-button:active,
  .dx-raised-button:focus:active {
    background-color: var(--dx-button-protected-hover-container-color, color-mix(in srgb, var(--dx-sys-on-surface) 12%, transparent));
  }
}
.dx-raised-button[disabled],
.dx-raised-button.dx-button-disabled {
  cursor: default;
  pointer-events: none;
  color: var(--dx-button-protected-disabled-label-text-color, var(--dx-sys-on-surface));
  background-color: var(--dx-button-protected-disabled-container-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-raised-button[disabled],
  .dx-raised-button.dx-button-disabled {
    color: var(--dx-button-protected-disabled-label-text-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-raised-button[disabled],
  .dx-raised-button.dx-button-disabled {
    background-color: var(--dx-button-protected-disabled-container-color, color-mix(in srgb, var(--dx-sys-on-surface) 12%, transparent));
  }
}
.dx-raised-button[disabled].dx-button-disabled,
.dx-raised-button.dx-button-disabled.dx-button-disabled {
  box-shadow: var(--dx-button-protected-disabled-container-elevation-shadow, var(--dx-sys-level0));
}
.dx-raised-button.dx-button-disabled-interactive {
  pointer-events: auto;
}
.dx-outlined-button {
  border-style: solid;
  transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1);
  height: var(--dx-button-outlined-container-height, 40px);
  font-size: var(--dx-button-outlined-label-text-size, var(--dx-sys-label-large-size));
  letter-spacing: var(--dx-button-outlined-label-text-tracking, var(--dx-sys-label-large-tracking));
  text-transform: var(--dx-button-outlined-label-text-transform);
  font-weight: var(--dx-button-outlined-label-text-weight, var(--dx-sys-label-large-weight));
  border-radius: var(--dx-button-outlined-container-shape, var(--dx-sys-corner-full));
  border-width: var(--dx-button-outlined-outline-width, 1px);
  padding: 0 var(--dx-button-outlined-horizontal-padding, 24px);
}
.dx-outlined-button > .dx-icon {
  margin-right: var(--dx-button-outlined-icon-spacing, 8px);
  margin-left: var(--dx-button-outlined-icon-offset, -8px);
}
[dir=rtl] .dx-outlined-button > .dx-icon {
  margin-right: var(--dx-button-outlined-icon-offset, -8px);
  margin-left: var(--dx-button-outlined-icon-spacing, 8px);
}
.dx-outlined-button .dx-button__label + .dx-icon {
  margin-right: var(--dx-button-outlined-icon-offset, -8px);
  margin-left: var(--dx-button-outlined-icon-spacing, 8px);
}
[dir=rtl] .dx-outlined-button .dx-button__label + .dx-icon {
  margin-right: var(--dx-button-outlined-icon-spacing, 8px);
  margin-left: var(--dx-button-outlined-icon-offset, -8px);
}
.dx-outlined-button .dx-ripple-element {
  background-color: var(--dx-button-outlined-ripple-color, var(--dx-sys-primary));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-outlined-button .dx-ripple-element {
    background-color: var(--dx-button-outlined-ripple-color, color-mix(in srgb, var(--dx-sys-primary) calc(var(--dx-sys-pressed-state-layer-opacity) * 100%), transparent));
  }
}
.dx-outlined-button .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-outlined-state-layer-color, var(--dx-sys-primary));
}
.dx-outlined-button.dx-button-disabled .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-outlined-disabled-state-layer-color, var(--dx-sys-on-surface-variant));
}
.dx-outlined-button:hover > .dx-button-persistent-ripple::before {
  opacity: var(--dx-button-outlined-hover-state-layer-opacity, var(--dx-sys-hover-state-layer-opacity));
}
.dx-outlined-button.cdk-program-focused > .dx-button-persistent-ripple::before,
.dx-outlined-button.cdk-keyboard-focused > .dx-button-persistent-ripple::before,
.dx-outlined-button.dx-button-disabled-interactive:focus > .dx-button-persistent-ripple::before {
  opacity: var(--dx-button-outlined-focus-state-layer-opacity, var(--dx-sys-focus-state-layer-opacity));
}
.dx-outlined-button:active > .dx-button-persistent-ripple::before {
  opacity: var(--dx-button-outlined-pressed-state-layer-opacity, var(--dx-sys-pressed-state-layer-opacity));
}
.dx-outlined-button .dx-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  display: var(--dx-button-outlined-touch-target-display, block);
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.dx-outlined-button:not(:disabled) {
  color: var(--dx-button-outlined-label-text-color, var(--dx-sys-primary));
  border-color: var(--dx-button-outlined-outline-color, var(--dx-sys-outline));
}
.dx-outlined-button[disabled],
.dx-outlined-button.dx-button-disabled {
  cursor: default;
  pointer-events: none;
  color: var(--dx-button-outlined-disabled-label-text-color, var(--dx-sys-on-surface));
  border-color: var(--dx-button-outlined-disabled-outline-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-outlined-button[disabled],
  .dx-outlined-button.dx-button-disabled {
    color: var(--dx-button-outlined-disabled-label-text-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-outlined-button[disabled],
  .dx-outlined-button.dx-button-disabled {
    border-color: var(--dx-button-outlined-disabled-outline-color, color-mix(in srgb, var(--dx-sys-on-surface) 12%, transparent));
  }
}
.dx-outlined-button.dx-button-disabled-interactive {
  pointer-events: auto;
}
.dx-tonal-button {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  height: var(--dx-button-tonal-container-height, 40px);
  font-size: var(--dx-button-tonal-label-text-size, var(--dx-sys-label-large-size));
  letter-spacing: var(--dx-button-tonal-label-text-tracking, var(--dx-sys-label-large-tracking));
  text-transform: var(--dx-button-tonal-label-text-transform);
  font-weight: var(--dx-button-tonal-label-text-weight, var(--dx-sys-label-large-weight));
  padding: 0 var(--dx-button-tonal-horizontal-padding, 24px);
}
.dx-tonal-button:not(:disabled) {
  color: var(--dx-button-tonal-label-text-color, var(--dx-sys-on-secondary-container));
  background-color: var(--dx-button-tonal-container-color, var(--dx-sys-secondary-container));
}
.dx-tonal-button,
.dx-tonal-button .dx-button__ripple {
  border-radius: var(--dx-button-tonal-container-shape, var(--dx-sys-corner-full));
}
.dx-tonal-button[disabled],
.dx-tonal-button.dx-button-disabled {
  cursor: default;
  pointer-events: none;
  color: var(--dx-button-tonal-disabled-label-text-color, var(--dx-sys-on-surface));
  background-color: var(--dx-button-tonal-disabled-container-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-tonal-button[disabled],
  .dx-tonal-button.dx-button-disabled {
    color: var(--dx-button-tonal-disabled-label-text-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-tonal-button[disabled],
  .dx-tonal-button.dx-button-disabled {
    background-color: var(--dx-button-tonal-disabled-container-color, color-mix(in srgb, var(--dx-sys-on-surface) 12%, transparent));
  }
}
.dx-tonal-button.dx-button-disabled-interactive {
  pointer-events: auto;
}
.dx-tonal-button > .dx-icon {
  margin-right: var(--dx-button-tonal-icon-spacing, 8px);
  margin-left: var(--dx-button-tonal-icon-offset, -8px);
}
[dir=rtl] .dx-tonal-button > .dx-icon {
  margin-right: var(--dx-button-tonal-icon-offset, -8px);
  margin-left: var(--dx-button-tonal-icon-spacing, 8px);
}
.dx-tonal-button .dx-button__label + .dx-icon {
  margin-right: var(--dx-button-tonal-icon-offset, -8px);
  margin-left: var(--dx-button-tonal-icon-spacing, 8px);
}
[dir=rtl] .dx-tonal-button .dx-button__label + .dx-icon {
  margin-right: var(--dx-button-tonal-icon-spacing, 8px);
  margin-left: var(--dx-button-tonal-icon-offset, -8px);
}
.dx-tonal-button .dx-ripple-element {
  background-color: var(--dx-button-tonal-ripple-color, var(--dx-sys-on-secondary-container));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-tonal-button .dx-ripple-element {
    background-color: var(--dx-button-tonal-ripple-color, color-mix(in srgb, var(--dx-sys-on-secondary-container) calc(var(--dx-sys-pressed-state-layer-opacity) * 100%), transparent));
  }
}
.dx-tonal-button .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-tonal-state-layer-color, var(--dx-sys-on-secondary-container));
}
.dx-tonal-button.dx-button-disabled .dx-button-persistent-ripple::before {
  background-color: var(--dx-button-tonal-disabled-state-layer-color, var(--dx-sys-on-surface-variant));
}
.dx-tonal-button:hover > .dx-button-persistent-ripple::before {
  opacity: var(--dx-button-tonal-hover-state-layer-opacity, var(--dx-sys-hover-state-layer-opacity));
}
.dx-tonal-button.cdk-program-focused > .dx-button-persistent-ripple::before,
.dx-tonal-button.cdk-keyboard-focused > .dx-button-persistent-ripple::before,
.dx-tonal-button.dx-button-disabled-interactive:focus > .dx-button-persistent-ripple::before {
  opacity: var(--dx-button-tonal-focus-state-layer-opacity, var(--dx-sys-focus-state-layer-opacity));
}
.dx-tonal-button:active > .dx-button-persistent-ripple::before {
  opacity: var(--dx-button-tonal-pressed-state-layer-opacity, var(--dx-sys-pressed-state-layer-opacity));
}
.dx-tonal-button .dx-button-touch-target {
  position: absolute;
  top: 50%;
  height: 48px;
  display: var(--dx-button-tonal-touch-target-display, block);
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.dx-button,
.dx-unelevated-button,
.dx-raised-button,
.dx-outlined-button,
.dx-tonal-button {
  -webkit-tap-highlight-color: transparent;
}
.dx-button .dx-button-ripple,
.dx-button .dx-button-persistent-ripple,
.dx-button .dx-button-persistent-ripple::before,
.dx-unelevated-button .dx-button-ripple,
.dx-unelevated-button .dx-button-persistent-ripple,
.dx-unelevated-button .dx-button-persistent-ripple::before,
.dx-raised-button .dx-button-ripple,
.dx-raised-button .dx-button-persistent-ripple,
.dx-raised-button .dx-button-persistent-ripple::before,
.dx-outlined-button .dx-button-ripple,
.dx-outlined-button .dx-button-persistent-ripple,
.dx-outlined-button .dx-button-persistent-ripple::before,
.dx-tonal-button .dx-button-ripple,
.dx-tonal-button .dx-button-persistent-ripple,
.dx-tonal-button .dx-button-persistent-ripple::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}
.dx-button .dx-button-ripple,
.dx-unelevated-button .dx-button-ripple,
.dx-raised-button .dx-button-ripple,
.dx-outlined-button .dx-button-ripple,
.dx-tonal-button .dx-button-ripple {
  overflow: hidden;
}
.dx-button .dx-button-persistent-ripple::before,
.dx-unelevated-button .dx-button-persistent-ripple::before,
.dx-raised-button .dx-button-persistent-ripple::before,
.dx-outlined-button .dx-button-persistent-ripple::before,
.dx-tonal-button .dx-button-persistent-ripple::before {
  content: "";
  opacity: 0;
}
.dx-button .dx-button__label,
.dx-button .dx-icon,
.dx-unelevated-button .dx-button__label,
.dx-unelevated-button .dx-icon,
.dx-raised-button .dx-button__label,
.dx-raised-button .dx-icon,
.dx-outlined-button .dx-button__label,
.dx-outlined-button .dx-icon,
.dx-tonal-button .dx-button__label,
.dx-tonal-button .dx-icon {
  z-index: 1;
  position: relative;
}
.dx-button .dx-focus-indicator,
.dx-unelevated-button .dx-focus-indicator,
.dx-raised-button .dx-focus-indicator,
.dx-outlined-button .dx-focus-indicator,
.dx-tonal-button .dx-focus-indicator {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  border-radius: inherit;
}
.dx-button:focus > .dx-focus-indicator::before,
.dx-unelevated-button:focus > .dx-focus-indicator::before,
.dx-raised-button:focus > .dx-focus-indicator::before,
.dx-outlined-button:focus > .dx-focus-indicator::before,
.dx-tonal-button:focus > .dx-focus-indicator::before {
  content: "";
  border-radius: inherit;
}
.dx-button._dx-animation-noopable,
.dx-unelevated-button._dx-animation-noopable,
.dx-raised-button._dx-animation-noopable,
.dx-outlined-button._dx-animation-noopable,
.dx-tonal-button._dx-animation-noopable {
  transition: none !important;
  animation: none !important;
}
.dx-button > .dx-icon,
.dx-unelevated-button > .dx-icon,
.dx-raised-button > .dx-icon,
.dx-outlined-button > .dx-icon,
.dx-tonal-button > .dx-icon {
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 1.125rem;
  height: 1.125rem;
  width: 1.125rem;
}
.dx-button .dx-progress-spinner.dx-circular-progress.dx-circular-progress--indeterminate {
  margin-right: 8px;
}
.dx-outlined-button .dx-button-ripple,
.dx-outlined-button .dx-button__ripple {
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
}
.dx-unelevated-button .dx-focus-indicator::before,
.dx-tonal-button .dx-focus-indicator::before,
.dx-raised-button .dx-focus-indicator::before {
  margin: calc(calc(var(--dx-focus-indicator-border-width, 3px) + 2px) * -1);
}
.dx-outlined-button .dx-focus-indicator::before {
  margin: calc(calc(var(--dx-focus-indicator-border-width, 3px) + 3px) * -1);
}
.dx-card {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: var(--dx-card-container-shape);
  font-family: var(--dx-card-container-font), serif;
  position: relative;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.dx-card--raised {
  background-color: var(--dx-card-elevated-container-color);
  box-shadow: var(--dx-card-elevated-container-elevation);
  border: none;
}
.dx-card--raised:hover {
  box-shadow: var(--dx-card-elevated-container-elevation-hover, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12));
}
.dx-card--outlined {
  background-color: var(--dx-card-outlined-container-color);
  border: var(--dx-card-outlined-outline-width) solid var(--dx-card-outlined-outline-color);
  box-shadow: var(--dx-card-outlined-container-elevation);
}
.dx-card--outlined:hover {
  box-shadow: var(--dx-card-outlined-container-elevation-hover);
}
.dx-card--clickable {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.dx-card--clickable:focus {
  outline: 2px solid var(--dx-card-focus-outline-color);
  outline-offset: 2px;
}
.dx-card--clickable:active {
  transform: translateY(1px);
}
.dx-card-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  min-height: 52px;
  padding: 0 var(--dx-card-padding) var(--dx-card-padding);
  gap: 12px;
}
.dx-card-actions--align-start {
  justify-content: flex-start;
}
.dx-card-actions--align-end {
  justify-content: flex-end;
}
.dx-card-actions--align-between {
  justify-content: space-between;
}
.dx-card-actions:not(.dx-card-actions--align-start):not(.dx-card-actions--align-end):not(.dx-card-actions--align-between) {
  justify-content: flex-start;
}
.dx-card-actions ::ng-deep button {
  margin-left: 0;
  margin-right: 8px;
}
.dx-card-actions ::ng-deep button:last-child {
  margin-right: 0;
}
.dx-card-content {
  padding: var(--dx-card-padding);
  flex: 1;
  overflow-wrap: break-word;
}
.dx-card-content:first-child {
  padding-top: var(--dx-card-padding);
}
.dx-card-content:last-child {
  padding-bottom: var(--dx-card-padding);
}
.dx-card-content p {
  margin: 0 0 24px 0;
}
.dx-card-content p:last-child {
  margin-bottom: 0;
}
.dx-card-header {
  display: flex;
  align-items: flex-start;
  padding: var(--dx-card-padding) var(--dx-card-padding) 0;
}
.dx-card-header-text {
  flex: 1;
  min-width: 0;
}
.dx-card-header-avatar {
  flex-shrink: 0;
}
.dx-card-header-text ::ng-deep dx-card-title,
.dx-card-header-text ::ng-deep [dx-card-title] {
  font-size: var(--dx-card-title-text-size);
  font-weight: var(--dx-card-title-text-weight);
  line-height: var(--dx-card-title-text-line-height);
  letter-spacing: var(--dx-card-title-text-tracking);
  font-family: var(--dx-card-title-text-font), serif;
  margin: 0 0 8px 0;
  color: var(--dx-card-title-text-color);
}
.dx-card-header-avatar ::ng-deep [dx-card-avatar] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.dx-card-media {
  width: 100%;
  margin: 0 0 16px 0;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}
.dx-card-media:first-child {
  margin-top: 0;
  border-radius: 12px;
}
.dx-card-media:last-child {
  margin-bottom: 0;
  border-radius: 12px;
}
:host-context(dx-card-content) .dx-card-media {
  border-radius: 12px;
}
.dx-card-media__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}
.dx-card-media--small {
  height: 140px;
}
.dx-card-media--medium {
  height: 200px;
}
.dx-card-media--large {
  height: 300px;
}
.dx-card-media:not(.dx-card-media--small):not(.dx-card-media--medium):not(.dx-card-media--large) {
  height: 200px;
}
.dx-card-title-group {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.dx-card-title-group__text {
  flex: 1;
  min-width: 0;
}
.dx-card-title-group__text > :first-child {
  margin-top: 0;
}
.dx-card-title-group__text > :last-child {
  margin-bottom: 0;
}
.dx-card-footer {
  display: block;
  padding: var(--dx-card-padding);
  border-top: 1px solid var(--dx-card-outline-color);
}
.dx-card-image {
  display: block;
  width: calc(100% + 32px);
  margin: 0 -16px 16px -16px;
  object-fit: cover;
  border-radius: inherit;
}
.dx-card-image--sm {
  display: block;
  width: 80px;
  height: 80px;
  margin: 8px;
  border-radius: 4px;
}
.dx-card-image--md {
  display: block;
  width: 112px;
  height: 112px;
  margin: 8px;
  border-radius: 4px;
}
.dx-card-image--lg {
  display: block;
  width: 152px;
  height: 152px;
  margin: 8px;
  border-radius: 4px;
}
.dx-card-image--xl {
  display: block;
  width: 240px;
  height: 240px;
  margin: 8px;
  border-radius: 4px;
}
.dx-card-image:first-child {
  margin-top: -16px;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dx-card-avatar {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  margin-right: 16px;
}
.dx-card-avatar.small {
  width: 32px;
  height: 32px;
}
.dx-card-avatar.large {
  width: 64px;
  height: 64px;
}
.dx-card-subtitle {
  display: block;
  font-size: var(--dx-card-subtitle-text-size);
  font-weight: var(--dx-card-subtitle-text-weight);
  line-height: var(--dx-card-subtitle-text-line-height);
  letter-spacing: var(--dx-card-subtitle-text-tracking);
  font-family: var(--dx-card-subtitle-text-font), serif;
  opacity: 0.7;
  margin: -8px 0 16px;
  color: var(--dx-card-subtitle-text-color);
}
.dx-card-title {
  display: block;
  font-size: var(--dx-card-title-text-size);
  font-weight: var(--dx-card-title-text-weight);
  line-height: var(--dx-card-title-text-line-height);
  letter-spacing: var(--dx-card-title-text-tracking);
  font-family: var(--dx-card-title-text-font), serif;
  margin: 0 0 8px;
  color: var(--dx-card-title-text-color);
}
.mdc-checkbox {
  display: inline-block;
  position: relative;
  flex: 0 0 24px;
  box-sizing: content-box;
  width: 24px;
  height: 24px;
  line-height: 0;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
  padding: calc((var(--dx-checkbox-state-layer-size, 40px) - 24px) / 2);
  margin: calc((var(--dx-checkbox-state-layer-size, 40px) - var(--dx-checkbox-state-layer-size, 40px)) / 2);
}
.mdc-checkbox:hover > .mdc-checkbox__ripple {
  opacity: var(--dx-checkbox-unselected-hover-state-layer-opacity);
  background-color: var(--dx-checkbox-unselected-hover-state-layer-color);
}
.mdc-checkbox:hover > .dx-mdc-checkbox-ripple > .dx-ripple-element {
  background-color: var(--dx-checkbox-unselected-hover-state-layer-color);
}
.mdc-checkbox .mdc-checkbox__native-control:focus + .mdc-checkbox__ripple {
  opacity: var(--dx-checkbox-unselected-focus-state-layer-opacity);
  background-color: var(--dx-checkbox-unselected-focus-state-layer-color);
}
.mdc-checkbox .mdc-checkbox__native-control:focus ~ .dx-mdc-checkbox-ripple .dx-ripple-element {
  background-color: var(--dx-checkbox-unselected-focus-state-layer-color);
}
.mdc-checkbox:active > .mdc-checkbox__native-control + .mdc-checkbox__ripple {
  opacity: var(--dx-checkbox-unselected-pressed-state-layer-opacity);
  background-color: var(--dx-checkbox-unselected-pressed-state-layer-color);
}
.mdc-checkbox:active > .mdc-checkbox__native-control ~ .dx-mdc-checkbox-ripple .dx-ripple-element {
  background-color: var(--dx-checkbox-unselected-pressed-state-layer-color);
}
.mdc-checkbox:hover .mdc-checkbox__native-control:checked + .mdc-checkbox__ripple {
  opacity: var(--dx-checkbox-selected-hover-state-layer-opacity);
  background-color: var(--dx-checkbox-selected-hover-state-layer-color);
}
.mdc-checkbox:hover .mdc-checkbox__native-control:checked ~ .dx-mdc-checkbox-ripple .dx-ripple-element {
  background-color: var(--dx-checkbox-selected-hover-state-layer-color);
}
.mdc-checkbox .mdc-checkbox__native-control:focus:checked + .mdc-checkbox__ripple {
  opacity: var(--dx-checkbox-selected-focus-state-layer-opacity);
  background-color: var(--dx-checkbox-selected-focus-state-layer-color);
}
.mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .dx-mdc-checkbox-ripple .dx-ripple-element {
  background-color: var(--dx-checkbox-selected-focus-state-layer-color);
}
.mdc-checkbox:active > .mdc-checkbox__native-control:checked + .mdc-checkbox__ripple {
  opacity: var(--dx-checkbox-selected-pressed-state-layer-opacity);
  background-color: var(--dx-checkbox-selected-pressed-state-layer-color);
}
.mdc-checkbox:active > .mdc-checkbox__native-control:checked ~ .dx-mdc-checkbox-ripple .dx-ripple-element {
  background-color: var(--dx-checkbox-selected-pressed-state-layer-color);
}
.mdc-checkbox--disabled.dx-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control ~ .dx-mdc-checkbox-ripple .dx-ripple-element,
.mdc-checkbox--disabled.dx-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control + .mdc-checkbox__ripple {
  background-color: var(--dx-checkbox-unselected-hover-state-layer-color);
}
.mdc-checkbox .mdc-checkbox__native-control {
  position: absolute;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
  z-index: 1;
  width: var(--dx-checkbox-state-layer-size, 40px);
  height: var(--dx-checkbox-state-layer-size, 40px);
  top: calc((var(--dx-checkbox-state-layer-size, 40px) - var(--dx-checkbox-state-layer-size, 40px)) / 2);
  right: calc((var(--dx-checkbox-state-layer-size, 40px) - var(--dx-checkbox-state-layer-size, 40px)) / 2);
  left: calc((var(--dx-checkbox-state-layer-size, 40px) - var(--dx-checkbox-state-layer-size, 40px)) / 2);
}
.mdc-checkbox--disabled {
  cursor: default;
  pointer-events: none;
}
.mdc-checkbox__background {
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: 2px solid currentColor;
  border-radius: 6px;
  background-color: var(--dx-checkbox-unselected-icon-background-color);
  pointer-events: none;
  will-change: background-color, border-color;
  transition: background-color 90ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  border-color: var(--dx-checkbox-unselected-icon-color);
  top: calc((var(--dx-checkbox-state-layer-size, 40px) - 24px) / 2);
  left: calc((var(--dx-checkbox-state-layer-size, 40px) - 24px) / 2);
}
.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: var(--dx-checkbox-selected-icon-color);
  background-color: var(--dx-checkbox-selected-icon-color);
}
.mdc-checkbox--disabled .mdc-checkbox__background {
  border-color: var(--dx-checkbox-disabled-unselected-icon-color);
}
.mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
  background-color: var(--dx-checkbox-disabled-selected-icon-color);
  border-color: transparent;
}
.mdc-checkbox:hover > .mdc-checkbox__native-control:not(:checked) ~ .mdc-checkbox__background,
.mdc-checkbox:hover > .mdc-checkbox__native-control:not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: var(--dx-checkbox-unselected-hover-icon-color);
  background-color: var(--dx-checkbox-unselected-icon-background-color);
}
.mdc-checkbox:hover > .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox:hover > .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  border-color: var(--dx-checkbox-selected-hover-icon-color);
  background-color: var(--dx-checkbox-selected-hover-icon-color);
}
.mdc-checkbox__native-control:focus:focus:not(:checked) ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:focus:focus:not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: var(--dx-checkbox-unselected-focus-icon-color);
  background-color: var(--dx-checkbox-unselected-icon-background-color);
}
.mdc-checkbox__native-control:focus:focus:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:focus:focus:indeterminate ~ .mdc-checkbox__background {
  border-color: var(--dx-checkbox-selected-focus-icon-color);
  background-color: var(--dx-checkbox-selected-focus-icon-color);
}
.mdc-checkbox--disabled.dx-mdc-checkbox-disabled-interactive .mdc-checkbox:hover > .mdc-checkbox__native-control ~ .mdc-checkbox__background,
.mdc-checkbox--disabled.dx-mdc-checkbox-disabled-interactive .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
.mdc-checkbox--disabled.dx-mdc-checkbox-disabled-interactive .mdc-checkbox__background {
  border-color: var(--dx-checkbox-disabled-unselected-icon-color);
}
.mdc-checkbox--disabled.dx-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox--disabled.dx-mdc-checkbox-disabled-interactive .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  background-color: var(--dx-checkbox-disabled-selected-icon-color);
  border-color: transparent;
}
.mdc-checkbox__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.6, 1);
  color: var(--dx-checkbox-selected-checkmark-color);
}
.mdc-checkbox--disabled .mdc-checkbox__checkmark,
.mdc-checkbox--disabled.dx-mdc-checkbox-disabled-interactive .mdc-checkbox__checkmark {
  color: var(--dx-checkbox-disabled-selected-checkmark-color);
}
.mdc-checkbox__checkmark-path {
  transition: stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1);
  stroke: currentColor;
  stroke-width: 2.6px;
  stroke-dashoffset: 29.7833385;
  stroke-dasharray: 29.7833385;
}
.mdc-checkbox__mixedmark {
  width: 100%;
  height: 0;
  transform: scaleX(0) rotate(0deg);
  border-width: 1px;
  border-style: solid;
  opacity: 0;
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1);
  border-color: var(--dx-checkbox-selected-checkmark-color);
}
.mdc-checkbox--disabled .mdc-checkbox__mixedmark,
.mdc-checkbox--disabled.dx-mdc-checkbox-disabled-interactive .mdc-checkbox__mixedmark {
  border-color: var(--dx-checkbox-disabled-selected-checkmark-color);
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
  animation-duration: 180ms;
  animation-timing-function: linear;
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  animation: dx-checkbox-unchecked-checked-checkmark-path 180ms linear;
  transition: none;
}
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  animation: dx-checkbox-unchecked-indeterminate-mixedmark 90ms linear;
  transition: none;
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  animation: dx-checkbox-checked-unchecked-checkmark-path 90ms linear;
  transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  animation: dx-checkbox-checked-indeterminate-checkmark 90ms linear;
  transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  animation: dx-checkbox-checked-indeterminate-mixedmark 90ms linear;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  animation: dx-checkbox-indeterminate-checked-checkmark 500ms linear;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  animation: dx-checkbox-indeterminate-checked-mixedmark 500ms linear;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  animation: dx-checkbox-indeterminate-unchecked-mixedmark 300ms linear;
  transition: none;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path {
  stroke-dashoffset: 0;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__checkmark {
  transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1), transform 180ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 1;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__mixedmark {
  transform: scaleX(1) rotate(-45deg);
}
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background > .mdc-checkbox__checkmark {
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background > .mdc-checkbox__mixedmark {
  transform: scaleX(1) rotate(0deg);
  opacity: 1;
}
@keyframes dx-checkbox-unchecked-checked-checkmark-path {
  0%, 50% {
    stroke-dashoffset: 29.7833385;
  }
  50% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dx-checkbox-unchecked-indeterminate-mixedmark {
  0%, 68.2% {
    transform: scaleX(0);
  }
  68.2% {
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes dx-checkbox-checked-unchecked-checkmark-path {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0;
  }
  to {
    opacity: 0;
    stroke-dashoffset: -29.7833385;
  }
}
@keyframes dx-checkbox-checked-indeterminate-checkmark {
  from {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes dx-checkbox-indeterminate-checked-checkmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform: rotate(360deg);
    opacity: 1;
  }
}
@keyframes dx-checkbox-checked-indeterminate-mixedmark {
  from {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes dx-checkbox-indeterminate-checked-mixedmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    transform: rotate(315deg);
    opacity: 0;
  }
}
@keyframes dx-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    animation-timing-function: linear;
    transform: scaleX(1);
    opacity: 1;
  }
  32.8%, 100% {
    transform: scaleX(0);
    opacity: 0;
  }
}
.dx-mdc-checkbox {
  display: inline-block;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.dx-mdc-checkbox._dx-animation-noopable > .dx-internal-form-field > .mdc-checkbox > .dx-mdc-checkbox-touch-target,
.dx-mdc-checkbox._dx-animation-noopable > .dx-internal-form-field > .mdc-checkbox > .mdc-checkbox__native-control,
.dx-mdc-checkbox._dx-animation-noopable > .dx-internal-form-field > .mdc-checkbox > .mdc-checkbox__ripple,
.dx-mdc-checkbox._dx-animation-noopable > .dx-internal-form-field > .mdc-checkbox > .dx-mdc-checkbox-ripple::before,
.dx-mdc-checkbox._dx-animation-noopable > .dx-internal-form-field > .mdc-checkbox > .mdc-checkbox__background,
.dx-mdc-checkbox._dx-animation-noopable > .dx-internal-form-field > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__checkmark,
.dx-mdc-checkbox._dx-animation-noopable > .dx-internal-form-field > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__checkmark > .mdc-checkbox__checkmark-path,
.dx-mdc-checkbox._dx-animation-noopable > .dx-internal-form-field > .mdc-checkbox > .mdc-checkbox__background > .mdc-checkbox__mixedmark {
  transition: none !important;
  animation: none !important;
}
.dx-mdc-checkbox label {
  cursor: pointer;
}
.dx-mdc-checkbox .dx-internal-form-field {
  color: var(--dx-checkbox-label-text-color);
  line-height: var(--dx-checkbox-label-text-line-height);
  font-size: var(--dx-checkbox-label-text-size);
  letter-spacing: var(--dx-checkbox-label-text-tracking);
  font-weight: var(--dx-checkbox-label-text-weight);
}
.dx-mdc-checkbox.dx-mdc-checkbox-disabled.dx-mdc-checkbox-disabled-interactive {
  pointer-events: auto;
}
.dx-mdc-checkbox.dx-mdc-checkbox-disabled.dx-mdc-checkbox-disabled-interactive input {
  cursor: default;
}
.dx-mdc-checkbox.dx-mdc-checkbox-disabled label {
  cursor: default;
  color: var(--dx-checkbox-disabled-label-color);
}
.dx-mdc-checkbox label:empty {
  display: none;
}
.dx-mdc-checkbox .mdc-checkbox__ripple {
  opacity: 0;
}
.dx-mdc-checkbox .dx-mdc-checkbox-ripple,
.mdc-checkbox__ripple {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.dx-mdc-checkbox .dx-mdc-checkbox-ripple:not(:empty),
.mdc-checkbox__ripple:not(:empty) {
  transform: translateZ(0);
}
.dx-mdc-checkbox-ripple .dx-ripple-element {
  opacity: 0.1;
}
.dx-mdc-checkbox-touch-target {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 48px;
  width: 48px;
  transform: translate(-50%, -50%);
  display: var(--dx-checkbox-touch-target-display, block);
}
.dx-mdc-checkbox .dx-mdc-checkbox-ripple::before {
  border-radius: 50%;
}
.mdc-checkbox__native-control:focus ~ .dx-focus-indicator::before {
  content: "";
}
.dx-mdc-chip-set {
  display: flex;
}
.dx-mdc-chip-set:focus {
  outline: none;
}
.dx-mdc-chip-set .mdc-evolution-chip-set__chips {
  min-width: 100%;
  margin-left: -8px;
  margin-right: 0;
}
.dx-mdc-chip-set .mdc-evolution-chip {
  margin: 4px 0 4px 8px;
}
[dir=rtl] .dx-mdc-chip-set .mdc-evolution-chip-set__chips {
  margin-left: 0;
  margin-right: -8px;
}
[dir=rtl] .dx-mdc-chip-set .mdc-evolution-chip {
  margin-left: 0;
  margin-right: 8px;
}
.mdc-evolution-chip-set__chips {
  display: flex;
  flex-flow: wrap;
  min-width: 0;
}
.dx-mdc-chip-set-stacked {
  flex-direction: column;
  align-items: flex-start;
}
.dx-mdc-chip-set-stacked .dx-mdc-chip {
  width: 100%;
}
.dx-mdc-chip-set-stacked .mdc-evolution-chip__graphic {
  flex-grow: 0;
}
.dx-mdc-chip-set-stacked .mdc-evolution-chip__action--primary {
  flex-basis: 100%;
  justify-content: start;
}
input.dx-mdc-chip-input {
  flex: 1 0 150px;
  margin-left: 8px;
}
[dir=rtl] input.dx-mdc-chip-input {
  margin-left: 0;
  margin-right: 8px;
}
.dx-mdc-form-field:not(.dx-form-field-hide-placeholder) input.dx-mdc-chip-input::placeholder {
  opacity: 1;
}
.dx-mdc-form-field:not(.dx-form-field-hide-placeholder) input.dx-mdc-chip-input::-moz-placeholder {
  opacity: 1;
}
.dx-mdc-form-field:not(.dx-form-field-hide-placeholder) input.dx-mdc-chip-input::-webkit-input-placeholder {
  opacity: 1;
}
.dx-mdc-form-field:not(.dx-form-field-hide-placeholder) input.dx-mdc-chip-input:-ms-input-placeholder {
  opacity: 1;
}
.dx-mdc-chip-set + input.dx-mdc-chip-input {
  margin-left: 0;
  margin-right: 0;
}
.mdc-evolution-chip,
.mdc-evolution-chip__cell,
.mdc-evolution-chip__action {
  display: inline-flex;
  align-items: center;
}
.mdc-evolution-chip {
  position: relative;
  max-width: 100%;
}
.mdc-evolution-chip__cell,
.mdc-evolution-chip__action {
  height: 100%;
}
.mdc-evolution-chip__cell--primary {
  flex-basis: 100%;
  overflow-x: hidden;
}
.mdc-evolution-chip__cell--trailing {
  flex: 1 0 auto;
}
.mdc-evolution-chip__action {
  align-items: center;
  background: none;
  border: none;
  box-sizing: content-box;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  outline: none;
  padding: 0;
  text-decoration: none;
  color: inherit;
}
.mdc-evolution-chip__action--presentational {
  cursor: auto;
}
.mdc-evolution-chip--disabled,
.mdc-evolution-chip__action:disabled {
  pointer-events: none;
}
.mdc-evolution-chip__action--primary {
  font: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  overflow-x: hidden;
}
.dx-mdc-standard-chip .mdc-evolution-chip__action--primary::before {
  border-width: var(--dx-chip-outline-width, 1px);
  border-radius: var(--dx-chip-container-shape-radius, 8px);
  box-sizing: border-box;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  pointer-events: none;
  top: 0;
  width: 100%;
  z-index: 1;
  border-style: solid;
}
.dx-mdc-standard-chip .mdc-evolution-chip__action--primary {
  padding-left: 12px;
  padding-right: 12px;
}
.dx-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {
  padding-left: 0;
  padding-right: 12px;
}
[dir=rtl] .dx-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {
  padding-left: 12px;
  padding-right: 0;
}
.dx-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before {
  border-color: var(--dx-chip-outline-color, var(--dx-sys-outline));
}
.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before {
  border-color: var(--dx-chip-focus-outline-color, var(--dx-sys-on-surface-variant));
}
.dx-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before {
  border-color: var(--dx-chip-disabled-outline-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
   {
    border-color: var(--dx-chip-disabled-outline-color, color-mix(in srgb, var(--dx-sys-on-surface) 12%, transparent));
  }
}
.dx-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before {
  border-width: var(--dx-chip-flat-selected-outline-width, 0);
}
.dx-mdc-basic-chip .mdc-evolution-chip__action--primary {
  font: inherit;
}
.dx-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {
  padding-left: 12px;
  padding-right: 0;
}
[dir=rtl] .dx-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {
  padding-left: 0;
  padding-right: 12px;
}
.dx-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {
  padding-left: 0;
  padding-right: 0;
}
[dir=rtl] .dx-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {
  padding-left: 0;
  padding-right: 0;
}
.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {
  padding-left: 0;
  padding-right: 12px;
}
[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {
  padding-left: 12px;
  padding-right: 0;
}
.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {
  padding-left: 0;
  padding-right: 0;
}
[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {
  padding-left: 0;
  padding-right: 0;
}
.mdc-evolution-chip__action--trailing {
  position: relative;
  overflow: visible;
}
.dx-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--trailing {
  color: var(--dx-chip-with-trailing-icon-trailing-icon-color, var(--dx-sys-on-surface-variant));
}
.dx-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--trailing {
  color: var(--dx-chip-with-trailing-icon-disabled-trailing-icon-color, var(--dx-sys-on-surface));
}
.dx-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing {
  padding-left: 8px;
  padding-right: 8px;
}
.dx-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing {
  padding-left: 8px;
  padding-right: 8px;
}
.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing {
  padding-left: 8px;
  padding-right: 8px;
}
[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing {
  padding-left: 8px;
  padding-right: 8px;
}
.mdc-evolution-chip__text-label {
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dx-mdc-standard-chip .mdc-evolution-chip__text-label {
  font-family: var(--dx-chip-label-text-font, var(--dx-sys-label-large-font));
  line-height: var(--dx-chip-label-text-line-height, var(--dx-sys-label-large-line-height));
  font-size: var(--dx-chip-label-text-size, var(--dx-sys-label-large-size));
  font-weight: var(--dx-chip-label-text-weight, var(--dx-sys-label-large-weight));
  letter-spacing: var(--dx-chip-label-text-tracking, var(--dx-sys-label-large-tracking));
}
.dx-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: var(--dx-chip-label-text-color, var(--dx-sys-on-surface-variant));
}
.dx-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: var(--dx-chip-selected-label-text-color, var(--dx-sys-on-secondary-container));
}
.dx-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,
.dx-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label {
  color: var(--dx-chip-disabled-label-text-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label,
  .dx-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label {
    color: var(--dx-chip-disabled-label-text-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.mdc-evolution-chip__graphic {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  flex: 1 0 auto;
}
.dx-mdc-standard-chip .mdc-evolution-chip__graphic {
  width: var(--dx-chip-with-avatar-avatar-size, 24px);
  height: var(--dx-chip-with-avatar-avatar-size, 24px);
  font-size: var(--dx-chip-with-avatar-avatar-size, 24px);
}
.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic {
  transition: width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic {
  width: 0;
}
.dx-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {
  padding-left: 6px;
  padding-right: 6px;
}
.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {
  padding-left: 4px;
  padding-right: 8px;
}
[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {
  padding-left: 8px;
  padding-right: 4px;
}
.dx-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {
  padding-left: 6px;
  padding-right: 6px;
}
.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {
  padding-left: 4px;
  padding-right: 8px;
}
[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {
  padding-left: 8px;
  padding-right: 4px;
}
.mdc-evolution-chip__checkmark {
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  height: 20px;
  width: 20px;
}
.dx-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark {
  color: var(--dx-chip-with-icon-selected-icon-color, var(--dx-sys-on-secondary-container));
}
.dx-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark {
  color: var(--dx-chip-with-icon-disabled-icon-color, var(--dx-sys-on-surface));
}
.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark {
  transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(-75%, -50%);
}
.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.mdc-evolution-chip__checkmark-svg {
  display: block;
}
.mdc-evolution-chip__checkmark-path {
  stroke-width: 2px;
  stroke-dasharray: 29.7833385;
  stroke-dashoffset: 29.7833385;
  stroke: currentColor;
}
.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path {
  transition: stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path {
  stroke-dashoffset: 0;
}
.dx-mdc-standard-chip .mdc-evolution-chip__icon--trailing {
  height: 18px;
  width: 18px;
  font-size: 18px;
}
.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.dx-mdc-chip-remove {
  opacity: calc(var(--dx-chip-trailing-action-opacity, 1) * var(--dx-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38));
}
.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.dx-mdc-chip-remove:focus {
  opacity: calc(var(--dx-chip-trailing-action-focus-opacity, 1) * var(--dx-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38));
}
.dx-mdc-standard-chip {
  border-radius: var(--dx-chip-container-shape-radius, 8px);
  height: var(--dx-chip-container-height, 32px);
}
.dx-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  background-color: var(--dx-chip-elevated-container-color, transparent);
}
.dx-mdc-standard-chip.mdc-evolution-chip--disabled {
  background-color: var(--dx-chip-elevated-disabled-container-color);
}
.dx-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) {
  background-color: var(--dx-chip-elevated-selected-container-color, var(--dx-sys-secondary-container));
}
.dx-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled {
  background-color: var(--dx-chip-flat-disabled-selected-container-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled {
    background-color: var(--dx-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--dx-sys-on-surface) 12%, transparent));
  }
}
.dx-mdc-standard-chip .mdc-evolution-chip__icon--primary {
  border-radius: var(--dx-chip-with-avatar-avatar-shape-radius, 24px);
  width: var(--dx-chip-with-icon-icon-size, 18px);
  height: var(--dx-chip-with-icon-icon-size, 18px);
  font-size: var(--dx-chip-with-icon-icon-size, 18px);
}
.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary {
  opacity: 0;
}
.dx-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary {
  color: var(--dx-chip-with-icon-icon-color, var(--dx-sys-on-surface-variant));
}
.dx-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary {
  color: var(--dx-chip-with-icon-disabled-icon-color, var(--dx-sys-on-surface));
}
.dx-mdc-chip-highlighted {
  --dx-chip-with-icon-icon-color: var(--dx-chip-with-icon-selected-icon-color, var(--dx-sys-on-secondary-container));
  --dx-chip-elevated-container-color: var(--dx-chip-elevated-selected-container-color, var(--dx-sys-secondary-container));
  --dx-chip-label-text-color: var(--dx-chip-selected-label-text-color, var(--dx-sys-on-secondary-container));
  --dx-chip-outline-width: var(--dx-chip-flat-selected-outline-width, 0);
}
.dx-mdc-chip-focus-overlay {
  background: var(--dx-chip-focus-state-layer-color, var(--dx-sys-on-surface-variant));
}
.dx-mdc-chip-selected .dx-mdc-chip-focus-overlay,
.dx-mdc-chip-highlighted .dx-mdc-chip-focus-overlay {
  background: var(--dx-chip-selected-focus-state-layer-color, var(--dx-sys-on-secondary-container));
}
.dx-mdc-chip:hover .dx-mdc-chip-focus-overlay {
  background: var(--dx-chip-hover-state-layer-color, var(--dx-sys-on-surface-variant));
  opacity: var(--dx-chip-hover-state-layer-opacity, var(--dx-sys-hover-state-layer-opacity));
}
.dx-mdc-chip-focus-overlay .dx-mdc-chip-selected:hover,
.dx-mdc-chip-highlighted:hover .dx-mdc-chip-focus-overlay {
  background: var(--dx-chip-selected-hover-state-layer-color, var(--dx-sys-on-secondary-container));
  opacity: var(--dx-chip-selected-hover-state-layer-opacity, var(--dx-sys-hover-state-layer-opacity));
}
.dx-mdc-chip.cdk-focused .dx-mdc-chip-focus-overlay {
  background: var(--dx-chip-focus-state-layer-color, var(--dx-sys-on-surface-variant));
  opacity: var(--dx-chip-focus-state-layer-opacity, var(--dx-sys-focus-state-layer-opacity));
}
.dx-mdc-chip-selected.cdk-focused .dx-mdc-chip-focus-overlay,
.dx-mdc-chip-highlighted.cdk-focused .dx-mdc-chip-focus-overlay {
  background: var(--dx-chip-selected-focus-state-layer-color, var(--dx-sys-on-secondary-container));
  opacity: var(--dx-chip-selected-focus-state-layer-opacity, var(--dx-sys-focus-state-layer-opacity));
}
.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .dx-mdc-chip-avatar {
  opacity: var(--dx-chip-with-avatar-disabled-avatar-opacity, 0.38);
}
.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing {
  opacity: var(--dx-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38);
}
.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark {
  opacity: var(--dx-chip-with-icon-disabled-icon-opacity, 0.38);
}
.dx-mdc-standard-chip.mdc-evolution-chip--disabled {
  opacity: var(--dx-chip-disabled-container-opacity, 1);
}
.dx-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing,
.dx-mdc-standard-chip.dx-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing {
  color: var(--dx-chip-selected-trailing-icon-color, var(--dx-sys-on-secondary-container));
}
.dx-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing,
.dx-mdc-standard-chip.dx-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing {
  color: var(--dx-chip-selected-disabled-trailing-icon-color, var(--dx-sys-on-surface));
}
.dx-mdc-chip-remove {
  opacity: var(--dx-chip-trailing-action-opacity, 1);
}
.dx-mdc-chip-remove:focus {
  opacity: var(--dx-chip-trailing-action-focus-opacity, 1);
}
.dx-mdc-chip-remove::after {
  background-color: var(--dx-chip-trailing-action-state-layer-color, var(--dx-sys-on-surface-variant));
}
.dx-mdc-chip-remove:hover::after {
  opacity: var(--dx-chip-trailing-action-hover-state-layer-opacity, var(--dx-sys-hover-state-layer-opacity));
}
.dx-mdc-chip-remove:focus::after {
  opacity: var(--dx-chip-trailing-action-focus-state-layer-opacity, var(--dx-sys-focus-state-layer-opacity));
}
.dx-mdc-chip-selected .dx-mdc-chip-remove::after,
.dx-mdc-chip-highlighted .dx-mdc-chip-remove::after {
  background-color: var(--dx-chip-selected-trailing-action-state-layer-color, var(--dx-sys-on-secondary-container));
}
.dx-mdc-standard-chip {
  -webkit-tap-highlight-color: transparent;
}
.dx-mdc-standard-chip .mdc-evolution-chip__cell--primary,
.dx-mdc-standard-chip .mdc-evolution-chip__action--primary,
.dx-mdc-standard-chip .dx-mdc-chip-action-label {
  overflow: visible;
}
.dx-mdc-standard-chip .dx-mdc-chip-graphic,
.dx-mdc-standard-chip .dx-mdc-chip-trailing-icon {
  box-sizing: content-box;
}
.dx-mdc-standard-chip._dx-animation-noopable,
.dx-mdc-standard-chip._dx-animation-noopable .mdc-evolution-chip__graphic,
.dx-mdc-standard-chip._dx-animation-noopable .mdc-evolution-chip__checkmark,
.dx-mdc-standard-chip._dx-animation-noopable .mdc-evolution-chip__checkmark-path {
  transition-duration: 1ms;
  animation-duration: 1ms;
}
.dx-mdc-chip-focus-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  border-radius: inherit;
  transition: opacity 150ms linear;
}
._dx-animation-noopable .dx-mdc-chip-focus-overlay {
  transition: none;
}
.dx-mdc-basic-chip .dx-mdc-chip-focus-overlay {
  display: none;
}
.dx-mdc-chip .dx-ripple.dx-mdc-chip-ripple {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}
.dx-mdc-chip-avatar {
  text-align: center;
  line-height: 1;
  color: var(--dx-chip-with-icon-icon-color, currentColor);
}
.dx-mdc-chip {
  position: relative;
  z-index: 0;
}
.dx-mdc-chip-action-label {
  text-align: left;
  z-index: 1;
}
[dir=rtl] .dx-mdc-chip-action-label {
  text-align: right;
}
.dx-mdc-chip.mdc-evolution-chip--with-trailing-action .dx-mdc-chip-action-label {
  position: relative;
}
.dx-mdc-chip-action-label .dx-mdc-chip-primary-focus-indicator {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.dx-mdc-chip-action-label .dx-focus-indicator::before {
  margin: calc(calc(var(--dx-focus-indicator-border-width, 3px) + 2px) * -1);
}
.dx-mdc-chip-remove::before {
  margin: calc(var(--dx-focus-indicator-border-width, 3px) * -1);
  left: 8px;
  right: 8px;
}
.dx-mdc-chip-remove::after {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: 5px;
  right: 5px;
  border-radius: 50%;
  box-sizing: border-box;
  padding: 12px;
  margin: -12px;
  background-clip: content-box;
}
.dx-mdc-chip-remove .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  box-sizing: content-box;
}
.dx-chip-edit-input {
  cursor: text;
  display: inline-block;
  color: inherit;
  outline: 0;
}
.dx-mdc-chip-action:focus .dx-focus-indicator::before {
  content: "";
}
.mdc-evolution-chip__icon,
.dx-mdc-chip-remove .dx-icon {
  min-height: fit-content;
}
.cdk-overlay-pane.dx-dialog-panel {
  max-width: var(--dx-dialog-container-max-width);
  min-width: var(--dx-dialog-container-min-width);
  background: var(--dx-dialog-background);
  border-radius: var(--dx-dialog-border-radius);
  box-shadow: var(--dx-dialog-elevation);
  max-width: var(--dx-dialog-max-width);
  max-height: var(--dx-dialog-max-height);
  min-width: var(--dx-dialog-min-width);
  min-height: var(--dx-dialog-min-height);
  overflow: hidden;
  position: relative;
  outline: none;
}
@media (min-width: 592px) {
  .cdk-overlay-pane.dx-dialog-panel {
    max-width: var(--dx-dialog-container-small-max-width);
  }
}
.dx-dialog-container {
  display: flex;
  flex-direction: column;
  background: var(--dx-dialog-background);
  border-radius: var(--dx-dialog-border-radius);
  box-shadow: var(--dx-dialog-elevation);
  max-width: var(--dx-dialog-max-width);
  max-height: var(--dx-dialog-max-height);
  min-width: var(--dx-dialog-min-width);
  min-height: var(--dx-dialog-min-height);
  overflow: hidden;
  position: relative;
  outline: none;
}
.dx-dialog-header {
  padding: var(--dx-dialog-header-padding);
}
.dx-dialog-title {
  margin: 0;
  font-size: var(--dx-dialog-title-font-size);
  font-weight: var(--dx-dialog-title-font-weight);
  line-height: var(--dx-dialog-title-line-height);
  color: var(--dx-dialog-title-color);
}
.dx-dialog-content {
  padding: var(--dx-dialog-content-padding);
  overflow-y: auto;
  flex: 1;
  color: var(--dx-dialog-content-color);
  font-size: var(--dx-dialog-content-font-size);
  line-height: var(--dx-dialog-content-line-height);
}
.dx-dialog-actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--dx-dialog-actions-gap);
  padding: var(--dx-dialog-actions-padding);
}
.dx-dialog-actions--start {
  justify-content: flex-start;
}
.dx-dialog-actions--center {
  justify-content: center;
}
.dx-dialog-actions--space-between {
  justify-content: space-between;
}
.dx-dialog-close {
  position: absolute;
  top: var(--dx-dialog-close-top);
  right: var(--dx-dialog-close-right);
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dx-dialog-close-color);
  transition: all 200ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.dx-dialog-close:hover {
  background: var(--dx-dialog-close-background-hover);
  color: var(--dx-dialog-close-color-hover);
}
.dx-dialog-close:focus {
  outline: 2px solid var(--dx-dialog-focus-outline);
  outline-offset: 2px;
}
.dx-dialog-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--dx-dialog-backdrop-color);
  z-index: 1000;
  animation: fadeIn 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideIn {
  from {
    transform: scale(0.7);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .dx-dialog-container {
    max-width: var(--dx-dialog-max-width-mobile);
    max-height: var(--dx-dialog-max-height-mobile);
  }
  .dx-dialog-header {
    padding: var(--dx-dialog-header-padding-mobile);
  }
  .dx-dialog-content {
    padding: var(--dx-dialog-content-padding-mobile);
  }
  .dx-dialog-actions {
    padding: var(--dx-dialog-actions-padding-mobile);
    flex-direction: column;
    gap: var(--dx-dialog-actions-gap-mobile);
  }
  .dx-dialog-actions button {
    width: 100%;
  }
}
.dx-dialog-container:focus {
  outline: none;
}
@media (forced-colors: active) {
  .dx-dialog-container {
    border: 1px solid ButtonText;
  }
  .dx-dialog-close:focus {
    outline: 2px solid Highlight;
  }
}
@media print {
  .dx-dialog-backdrop {
    display: none;
  }
  .dx-dialog-container {
    box-shadow: none;
    border: 1px solid #000;
    position: static;
    max-width: none;
    max-height: none;
  }
}
.dx-drawer-container {
  position: relative;
  z-index: 1;
  background: var(--dx-sidenav-container-background);
  box-sizing: border-box;
  display: block;
  overflow: hidden;
}
.dx-drawer-container[fullscreen] {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.dx-drawer-container[fullscreen].dx-drawer-container-has-open {
  overflow: hidden;
}
.dx-drawer-container.dx-drawer-container-explicit-backdrop .dx-drawer-side {
  z-index: 3;
}
.dx-drawer-container.ng-animate-disabled .dx-drawer-backdrop,
.dx-drawer-container.ng-animate-disabled .dx-drawer-content,
.ng-animate-disabled .dx-drawer-container .dx-drawer-backdrop,
.ng-animate-disabled .dx-drawer-container .dx-drawer-content {
  transition: none;
}
.dx-drawer-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 3;
  visibility: hidden;
  transition-property: background-color, visibility;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}
.dx-drawer-backdrop.mat-drawer-shown {
  visibility: visible;
  background-color: var(--dx-sidenav-scrim-color);
}
@media (forced-colors: active) {
  .dx-drawer-backdrop {
    opacity: 0.5;
  }
}
.dx-drawer-content {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  overflow: auto;
  transition-property:
    transform,
    margin-left,
    margin-right;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}
.dx-drawer-content.dx-drawer-content-hidden {
  opacity: 0;
}
.mat-drawer-transition .dx-drawer-content {
  transition-property:
    transform,
    margin-left,
    margin-right;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}
.dx-drawer {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  box-shadow: var(--dx-sidenav-elevation-shadow);
  background: var(--dx-sidenav-background);
  border-top-right-radius: var(--dx-sidenav-radius);
  border-bottom-right-radius: var(--dx-sidenav-radius);
  width: var(--dx-sidenav-width);
  display: block;
  outline: 0;
  box-sizing: border-box;
  overflow-y: auto;
  transform: translate3d(-100%, 0, 0);
}
.dx-drawer,
[dir=rtl] .dx-drawer.dx-drawer-end {
  border-right: solid 1px var(--dx-sidenav-divider-color);
}
@media (forced-colors: active) {
  .dx-drawer,
  [dir=rtl] .dx-drawer.dx-drawer-end {
    border-right: solid 1px var(--dx-sidenav-divider-color);
  }
}
[dir=rtl] .dx-drawer,
.dx-drawer.dx-drawer-end {
  border-left: solid 1px var(--dx-sidenav-divider-color);
  border-right: none;
}
@media (forced-colors: active) {
  [dir=rtl] .dx-drawer,
  .dx-drawer.dx-drawer-end {
    border-left: solid 1px var(--dx-sidenav-divider-color);
    border-right: none;
  }
}
.dx-drawer.dx-drawer-side {
  z-index: 2;
}
.dx-drawer.dx-drawer-end {
  right: 0;
  transform: translate3d(100%, 0, 0);
  border-top-left-radius: var(--dx-sidenav-radius);
  border-bottom-left-radius: var(--dx-sidenav-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[dir=rtl] .dx-drawer {
  border-top-left-radius: var(--dx-sidenav-radius);
  border-bottom-left-radius: var(--dx-sidenav-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transform: translate3d(100%, 0, 0);
}
[dir=rtl] .dx-drawer.dx-drawer-end {
  border-top-right-radius: var(--dx-sidenav-radius);
  border-bottom-right-radius: var(--dx-sidenav-radius);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  left: 0;
  right: auto;
  transform: translate3d(-100%, 0, 0);
}
.mat-drawer-transition .dx-drawer {
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.dx-drawer:not(.dx-drawer-opened):not(.dx-drawer-animating) {
  visibility: hidden;
  box-shadow: none;
}
.dx-drawer:not(.dx-drawer-opened):not(.dx-drawer-animating) .dx-drawer-inner-container {
  display: none;
}
.dx-drawer.dx-drawer-opened.dx-drawer-opened {
  transform: none;
}
.dx-drawer-side {
  box-shadow: none;
  border-right-color: var(--dx-sidenav-divider-color);
  border-right-width: 1px;
  border-right-style: solid;
}
.dx-drawer-side.dx-drawer-end {
  border-left-color: var(--dx-sidenav-divider-color);
  border-left-width: 1px;
  border-left-style: solid;
  border-right: none;
}
[dir=rtl] .dx-drawer-side {
  border-left-color: var(--dx-sidenav-divider-color);
  border-left-width: 1px;
  border-left-style: solid;
  border-right: none;
}
[dir=rtl] .dx-drawer-side.dx-drawer-end {
  border-right-color: var(--dx-sidenav-divider-color);
  border-right-width: 1px;
  border-right-style: solid;
  border-left: none;
}
.dx-drawer-inner-container {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.dx-sidenav-fixed {
  position: fixed;
}
.dx-internal-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.dx-internal-form-field > label {
  margin-left: 0;
  margin-right: auto;
  padding-left: 4px;
  padding-right: 0;
  order: 0;
}
[dir=rtl] .dx-internal-form-field > label {
  margin-left: auto;
  margin-right: 0;
  padding-left: 0;
  padding-right: 4px;
}
.dx-form-field--align-end > label {
  margin-left: auto;
  margin-right: 0;
  padding-left: 0;
  padding-right: 4px;
  order: -1;
}
[dir=rtl] .dx-form-field--align-end .dx-form-field--align-end label {
  margin-left: 0;
  margin-right: auto;
  padding-left: 4px;
  padding-right: 0;
}
.dx-text-field {
  display: inline-flex;
  align-items: baseline;
  padding: 0 16px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  will-change:
    opacity,
    transform,
    color;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.dx-text-field__input {
  width: 100%;
  min-width: 0;
  border: none;
  border-radius: 0;
  background: none;
  padding: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  height: 28px;
}
.dx-text-field__input::-webkit-calendar-picker-indicator {
  display: none;
}
.dx-text-field__input::-ms-clear {
  display: none;
}
.dx-text-field__input:focus {
  outline: none;
}
.dx-text-field__input:invalid {
  box-shadow: none;
}
.dx-text-field--outlined .dx-text-field__input,
.dx-text-field--filled.dx-text-field--no-label .dx-text-field__input {
  height: 100%;
}
.dx-text-field--outlined .dx-text-field__input {
  display: flex;
  border: none !important;
  background-color: transparent;
}
.dx-text-field--disabled .dx-text-field__input {
  pointer-events: auto;
}
.dx-text-field--outlined:not(.dx-text-field--disabled) .dx-text-field__input {
  color: var(--dx-form-field-outlined-input-text-color, var(--dx-sys-on-surface));
  caret-color: var(--dx-form-field-outlined-caret-color, var(--dx-sys-primary));
}
.dx-text-field--outlined:not(.dx-text-field--disabled) .dx-text-field__input::placeholder {
  color: var(--dx-form-field-outlined-input-text-placeholder-color, var(--dx-sys-on-surface-variant));
}
.dx-text-field--outlined:not(.dx-text-field--disabled) .dx-text-field__input::-moz-placeholder {
  color: var(--dx-form-field-outlined-input-text-placeholder-color, var(--dx-sys-on-surface-variant));
}
.dx-text-field--outlined:not(.dx-text-field--disabled) .dx-text-field__input::-webkit-input-placeholder {
  color: var(--dx-form-field-outlined-input-text-placeholder-color, var(--dx-sys-on-surface-variant));
}
.dx-text-field--outlined:not(.dx-text-field--disabled) .dx-text-field__input:-ms-input-placeholder {
  color: var(--dx-form-field-outlined-input-text-placeholder-color, var(--dx-sys-on-surface-variant));
}
.dx-text-field--outlined.dx-text-field--invalid:not(.dx-text-field--disabled) .dx-text-field__input {
  caret-color: var(--dx-form-field-outlined-error-caret-color, var(--dx-sys-error));
}
.dx-text-field--outlined.dx-text-field--disabled .dx-text-field__input {
  color: var(--dx-form-field-outlined-disabled-input-text-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-text-field--outlined.dx-text-field--disabled .dx-text-field__input {
    color: var(--dx-form-field-outlined-disabled-input-text-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-text-field--outlined {
  height: 56px;
  overflow: visible;
  padding-right: max(16px, var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small)));
  padding-left: max(16px, var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small)) + 4px);
}
[dir=rtl] .dx-text-field--outlined {
  padding-right: max(16px, var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small)) + 4px);
  padding-left: max(16px, var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small)));
}
.dx-floating-label {
  line-height: 1.15rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: var(--dx-form-field-label-offset-y);
  font-size: var(--dx-form-field-outlined-label-text-size, var(--dx-sys-body-large-size));
  font-weight: var(--dx-form-field-outlined-label-text-weight, var(--dx-sys-body-large-weight));
  letter-spacing: var(--dx-form-field-outlined-label-text-tracking, var(--dx-sys-body-large-tracking));
  color: var(--dx-form-field-outlined-label-text-color, var(--dx-sys-on-surface-variant));
}
.dx-text-field--outlined.dx-text-field--disabled .dx-floating-label {
  color: var(--dx-form-field-outlined-disabled-label-text-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-text-field--outlined.dx-text-field--disabled .dx-floating-label {
    color: var(--dx-form-field-outlined-disabled-label-text-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-text-field--outlined:not(.dx-text-field--disabled).dx-text-field--invalid .dx-floating-label {
  color: var(--dx-form-field-outlined-error-label-text-color, var(--dx-sys-error));
}
.dx-floating-label--required:not(.dx-floating-label--hide-required-marker)::after {
  margin-left: 2px;
  margin-right: 0;
  content: "*";
  color: var(--dx-form-field-outlined-error-label-text-color);
}
[dir=rtl] .dx-floating-label--required:not(.dx-floating-label--hide-required-marker)::after {
  margin-left: 0;
  margin-right: 2px;
}
.dx-notched-outline {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  text-align: left;
  pointer-events: none;
}
[dir=rtl] .dx-notched-outline {
  text-align: right;
}
.dx-notch-piece {
  box-sizing: border-box;
  height: 100%;
  pointer-events: none;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.dx-text-field--focused .dx-notch-piece {
  border-width: 2px;
}
.dx-text-field--outlined:not(.dx-text-field--disabled) .dx-notch-piece {
  border-color: var(--dx-form-field-outlined-outline-color, var(--dx-sys-outline));
  border-width: var(--dx-form-field-outlined-outline-width, 1px);
}
.dx-text-field--outlined:not(.dx-text-field--disabled):not(.dx-text-field--focused):hover .dx-notch-piece {
  border-color: var(--dx-form-field-outlined-hover-outline-color, var(--dx-sys-on-surface));
}
.dx-text-field--outlined:not(.dx-text-field--disabled).dx-text-field--focused .dx-notch-piece {
  border-color: var(--dx-form-field-outlined-focus-outline-color, var(--dx-sys-primary));
}
.dx-text-field--outlined.dx-text-field--disabled .dx-notch-piece {
  border-color: var(--dx-form-field-outlined-disabled-outline-color, var(--dx-sys-on-surface));
  background: var(--dx-form-field-outlined-disabled-input-background);
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-text-field--outlined.dx-text-field--disabled .dx-notch-piece {
    border-color: var(--dx-form-field-outlined-disabled-outline-color, color-mix(in srgb, var(--dx-sys-on-surface) 12%, transparent));
  }
}
.dx-text-field--outlined:not(.dx-text-field--disabled).dx-text-field--invalid .dx-notch-piece {
  border-color: var(--dx-form-field-outlined-error-outline-color, var(--dx-sys-error));
}
.dx-text-field--outlined:not(.dx-text-field--disabled).dx-text-field--invalid:not(.dx-text-field--focused):hover .dx-notched-outline .dx-notch-piece {
  border-color: var(--dx-form-field-outlined-error-hover-outline-color, var(--dx-sys-on-error-container));
}
.dx-text-field--outlined:not(.dx-text-field--disabled).dx-text-field--invalid.dx-text-field--focused .dx-notch-piece {
  border-color: var(--dx-form-field-outlined-error-focus-outline-color, var(--dx-sys-error));
}
.dx-text-field--outlined:not(.dx-text-field--disabled).dx-text-field--focused .dx-notched-outline .dx-notch-piece {
  border-width: var(--dx-form-field-outlined-focus-outline-width, 2px);
}
.dx-text-field--outlined:not(.dx-text-field--disabled).dx-text-field--focused .dx-notched-outline .dx-notch-piece.dx-notched-outline__leading {
  box-shadow: calc(var(--dx-form-field-outlined-focus-ring-width, 2px) * -1) var(--dx-form-field-outlined-focus-ring-width, 2px) 0 var(--dx-form-field-outlined-focus-ring-width, 2px) var(--dx-form-field-outlined-focus-ring-color), calc(var(--dx-form-field-outlined-focus-ring-width, 2px) * -1) calc(var(--dx-form-field-outlined-focus-ring-width, 2px) * -1) 0 2px var(--dx-form-field-outlined-focus-ring-color);
}
.dx-text-field--outlined:not(.dx-text-field--disabled).dx-text-field--focused .dx-notched-outline .dx-notch-piece.dx-notched-outline__trailing {
  box-shadow: var(--dx-form-field-outlined-focus-ring-width, 2px) var(--dx-form-field-outlined-focus-ring-width, 2px) 0 var(--dx-form-field-outlined-focus-ring-width, 2px) var(--dx-form-field-outlined-focus-ring-color), var(--dx-form-field-outlined-focus-ring-width, 2px) calc(var(--dx-form-field-outlined-focus-ring-width, 2px) * -1) 0 2px var(--dx-form-field-outlined-focus-ring-color);
}
.dx-notched-outline__leading {
  border-left: 1px solid;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small));
  border-bottom-left-radius: var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small));
  background: var(--dx-form-field-outlined-input-background);
}
.dx-text-field--outlined .dx-notched-outline .dx-notched-outline__leading {
  width: max(12px, var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small)));
}
[dir=rtl] .dx-notched-outline__leading {
  border-left: none;
  border-right: 1px solid;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small));
  border-bottom-right-radius: var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small));
}
.dx-notched-outline__trailing {
  flex-grow: 1;
  border-left: none;
  border-right: 1px solid;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small));
  border-bottom-right-radius: var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small));
  background: var(--dx-form-field-outlined-input-background);
}
[dir=rtl] .dx-notched-outline__trailing {
  border-left: 1px solid;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small));
  border-bottom-left-radius: var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small));
}
.dx-notched-outline__notch {
  flex: 0 0 auto;
  width: auto;
  background: var(--dx-form-field-outlined-input-background);
}
.dx-text-field--outlined .dx-notched-outline .dx-notched-outline__notch {
  max-width: min(var(--dx-form-field-notch-max-width, 100%), calc(100% - max(12px, var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small))) * 2));
}
.dx-text-field--outlined .dx-notched-outline--notched .dx-notched-outline__notch {
  max-width: min(100%, calc(100% - max(12px, var(--dx-form-field-outlined-container-shape, var(--dx-sys-corner-extra-small))) * 2));
}
.dx-text-field--outlined .dx-notched-outline--notched .dx-notched-outline__notch {
  padding-top: 1px;
}
.dx-text-field--focused.dx-text-field--outlined .dx-notched-outline--notched .dx-notched-outline__notch {
  padding-top: 2px;
}
.dx-notched-outline--notched .dx-notched-outline__notch {
  padding-left: 0;
  padding-right: 8px;
  border-top: none;
}
[dir=rtl] .dx-notched-outline--notched .dx-notched-outline__notch {
  padding-left: 8px;
  padding-right: 0;
}
.dx-notched-outline--no-label .dx-notched-outline__notch {
  display: none;
}
.dx-text-field--disabled {
  pointer-events: none;
}
.dx-form-field-textarea-control {
  vertical-align: middle;
  resize: vertical;
  box-sizing: border-box;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  overflow: auto;
}
.dx-form-field-input-control.dx-form-field-input-control {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font: inherit;
  letter-spacing: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  border: none;
}
.dx-text-field--no-label:not(.dx-text-field--textarea) .dx-form-field-input-control.dx-text-field__input,
.dx-text-field-wrapper .dx-form-field-input-control {
  height: auto;
}
.dx-text-field-wrapper .dx-form-field-input-control.dx-text-field__input[type=color] {
  height: 23px;
}
.dx-text-field-wrapper {
  height: auto;
  flex: auto;
  will-change: auto;
}
.dx-form-field-has-icon-prefix .dx-text-field-wrapper {
  padding-left: 0;
  --dx-form-field-label-offset-x: -16px;
}
.dx-form-field-has-icon-suffix .dx-text-field-wrapper {
  padding-right: 0;
}
[dir=rtl] .dx-text-field-wrapper {
  padding-left: 16px;
  padding-right: 16px;
}
[dir=rtl] .dx-form-field-has-icon-suffix .dx-text-field-wrapper {
  padding-left: 0;
}
[dir=rtl] .dx-form-field-has-icon-prefix .dx-text-field-wrapper {
  padding-right: 0;
}
.dx-form-field-invalid .dx-text-field--outlined:not(.dx-text-field--disabled) .dx-text-field__input::placeholder {
  color: var(--dx-form-field-error-text-color, var(--dx-sys-error));
}
@supports (color: color-mix(in lab, red, red)) {
   {
    color: var(--dx-form-field-error-text-color, color-mix(in srgb, var(--dx-sys-error) 38%, transparent));
  }
}
.dx-form-field-disabled .dx-text-field__input::placeholder {
  color: var(--dx-form-field-disabled-input-text-placeholder-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
   {
    color: var(--dx-form-field-disabled-input-text-placeholder-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-form-field-label-always-float .dx-text-field__input::placeholder {
  transition-delay: 40ms;
  transition-duration: 110ms;
  opacity: 1;
}
.dx-text-field-wrapper.dx-text-field--outlined .dx-text-field__input {
  display: inline-block;
}
.dx-form-field .dx-text-field-wrapper.dx-text-field .dx-notched-outline__notch {
  padding-top: 0;
}
.dx-form-field.dx-form-field.dx-form-field.dx-form-field.dx-form-field.dx-form-field .dx-notched-outline__notch {
  border-left: 1px solid transparent;
}
[dir=rtl] .dx-form-field.dx-form-field.dx-form-field.dx-form-field.dx-form-field.dx-form-field .dx-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}
.dx-text-field--outlined .dx-form-field-infix,
.dx-text-field--no-label .dx-form-field-infix {
  padding-top: var(--dx-form-field-container-vertical-padding, 16px);
  padding-bottom: var(--dx-form-field-container-vertical-padding, 16px);
}
@keyframes _dx-form-field-subscript-animation {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.dx-form-field-subscript-wrapper {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
.dx-form-field-hint-wrapper,
.dx-form-field-error-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 16px;
  opacity: 1;
  transform: translateY(0);
  animation: _dx-form-field-subscript-animation 0ms cubic-bezier(0.55, 0, 0.55, 0.2);
}
.dx-form-field-subscript-dynamic-size .dx-form-field-hint-wrapper,
.dx-form-field-subscript-dynamic-size .dx-form-field-error-wrapper {
  position: static;
}
.dx-form-field-bottom-align::before {
  content: "";
  display: inline-block;
  height: 16px;
}
.dx-form-field-bottom-align.dx-form-field-subscript-dynamic-size::before {
  content: unset;
}
.dx-form-field-hint-end {
  order: 1;
}
.dx-form-field-hint-wrapper {
  display: flex;
}
.dx-form-field-hint-spacer {
  flex: 1 0 1em;
}
.dx-form-field-error {
  display: block;
  color: var(--dx-form-field-error-text-color, var(--dx-sys-error));
}
.dx-form-field-subscript-wrapper,
.dx-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: var(--dx-form-field-subscript-text-line-height, var(--dx-sys-body-small-line-height));
  font-size: var(--dx-form-field-subscript-text-size, var(--dx-sys-body-small-size));
  color: var(--dx-form-field-subscript-text-color);
  letter-spacing: var(--dx-form-field-subscript-text-tracking, var(--dx-sys-body-small-tracking));
  font-weight: var(--dx-form-field-subscript-text-weight, var(--dx-sys-body-small-weight));
}
.dx-form-field-focus-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  background-color: var(--dx-form-field-state-layer-color, var(--dx-sys-on-surface));
}
.dx-text-field-wrapper:hover .dx-form-field-focus-overlay {
  opacity: var(--dx-form-field-hover-state-layer-opacity, var(--dx-sys-hover-state-layer-opacity));
}
.dx-form-field.dx-focused .dx-form-field-focus-overlay {
  opacity: var(--dx-form-field-focus-state-layer-opacity, 0);
}
select.dx-form-field-input-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  display: inline-flex;
  box-sizing: border-box;
}
select.dx-form-field-input-:not(:disabled) {
  cursor: pointer;
}
select.dx-form-field-input-control:not(.dx-native-select-inline) option {
  color: var(--dx-form-field-select-option-text-color, var(--dx-sys-neutral10));
}
select.dx-form-field-input-control:not(.dx-native-select-inline) option:disabled {
  color: var(--dx-form-field-select-disabled-option-text-color, var(--dx-sys-neutral10));
}
@supports (color: color-mix(in lab, red, red)) {
  select.dx-form-field-input-control:not(.dx-native-select-inline) option:disabled {
    color: var(--dx-form-field-select-disabled-option-text-color, color-mix(in srgb, var(--dx-sys-neutral10) 38%, transparent));
  }
}
.dx-form-field-type-dx-native-select .dx-form-field-infix::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
  color: var(--dx-form-field-enabled-select-arrow-color, var(--dx-sys-on-surface-variant));
}
[dir=rtl] .dx-form-field-type-dx-native-select .dx-form-field-infix::after {
  right: auto;
  left: 0;
}
.dx-form-field-type-dx-native-select.dx-focused .dx-form-field-infix::after {
  color: var(--dx-form-field-focus-select-arrow-color, var(--dx-sys-primary));
}
.dx-form-field-type-dx-native-select.dx-form-field-disabled .dx-form-field-infix::after {
  color: var(--dx-form-field-disabled-select-arrow-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
   {
    color: var(--dx-form-field-disabled-select-arrow-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-form-field-type-dx-native-select .dx-form-field-input-control {
  padding-right: 15px;
}
[dir=rtl] .dx-form-field-type-dx-native-select .dx-form-field-input-control {
  padding-right: 0;
  padding-left: 15px;
}
.dx-form-field-input-control[type=date],
.dx-form-field-input-control[type=datetime],
.dx-form-field-input-control[type=datetime-local],
.dx-form-field-input-control[type=month],
.dx-form-field-input-control[type=week],
.dx-form-field-input-control[type=time] {
  line-height: 1;
}
.dx-form-field-input-control::-webkit-datetime-edit {
  line-height: 1;
  padding: 0;
  margin-bottom: -2px;
}
.dx-form-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin-bottom: 6px;
  text-align: left;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: var(--dx-form-field-container-text-line-height, var(--dx-sys-body-large-line-height));
  font-size: var(--dx-form-field-container-text-size, var(--dx-sys-body-large-size));
  letter-spacing: var(--dx-form-field-container-text-tracking, var(--dx-sys-body-large-tracking));
  font-weight: var(--dx-form-field-container-text-weight, var(--dx-sys-body-large-weight));
}
[dir=rtl] .dx-form-field {
  text-align: right;
}
.dx-form-field-flex {
  display: flex;
  align-items: baseline;
  box-sizing: border-box;
  width: 100%;
}
.dx-text-field-wrapper {
  width: 100%;
  z-index: 0;
}
.dx-form-field-icon-prefix,
.dx-form-field-icon-suffix {
  align-self: center;
  line-height: 0;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
.dx-form-field-icon-prefix > .dx-icon,
.dx-form-field-icon-suffix > .dx-icon {
  padding: 0 12px;
  box-sizing: content-box;
}
.dx-form-field-icon-prefix {
  color: var(--dx-form-field-leading-icon-color, var(--dx-sys-on-surface-variant));
}
.dx-form-field-disabled .dx-form-field-icon-prefix {
  color: var(--dx-form-field-disabled-leading-icon-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-form-field-disabled .dx-form-field-icon-prefix {
    color: var(--dx-form-field-disabled-leading-icon-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-form-field-icon-suffix {
  color: var(--dx-form-field-trailing-icon-color, var(--dx-sys-on-surface-variant));
}
.dx-form-field-disabled .dx-form-field-icon-suffix {
  color: var(--dx-form-field-disabled-trailing-icon-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-form-field-disabled .dx-form-field-icon-suffix {
    color: var(--dx-form-field-disabled-trailing-icon-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-form-field-invalid .dx-form-field-icon-suffix {
  color: var(--dx-form-field-error-trailing-icon-color, var(--dx-sys-error));
}
.dx-form-field-invalid:not(.dx-focused):not(.dx-form-field-disabled) .dx-text-field-wrapper:hover .dx-form-field-icon-suffix {
  color: var(--dx-form-field-error-hover-trailing-icon-color, var(--dx-sys-on-error-container));
}
.dx-form-field-invalid.dx-focused .dx-text-field-wrapper .dx-form-field-icon-suffix {
  color: var(--dx-form-field-error-focus-trailing-icon-color, var(--dx-sys-error));
}
.dx-form-field-icon-prefix,
[dir=rtl] .dx-form-field-icon-suffix {
  padding: 0 4px 0 0;
}
.dx-form-field-icon-suffix,
[dir=rtl] .dx-form-field-icon-prefix {
  padding: 0 0 0 4px;
}
.dx-form-field-subscript-wrapper .dx-icon,
.dx-form-field label .dx-icon {
  width: 1em;
  height: 1em;
  font-size: inherit;
}
.dx-form-field-infix {
  flex: auto;
  min-width: 0;
  width: 180px;
  position: relative;
  box-sizing: border-box;
}
.dx-form-field-infix:has(textarea[cols]) {
  width: auto;
}
.dx-form-field-text-suffix {
  z-index: 1;
  padding-left: var(--dx-form-field-container-vertical-padding);
  color: var(--dx-form-field-outlined-input-text-presuffix-color, var(--dx-sys-on-surface-variant));
}
.dx-form-field-text-prefix {
  z-index: 1;
  padding-right: var(--dx-form-field-container-vertical-padding);
  color: var(--dx-form-field-outlined-input-text-presuffix-color, var(--dx-sys-on-surface-variant));
}
.dx-form-field .dx-notched-outline__notch {
  margin-left: -1px;
  clip-path: inset(-9em -999em -9em 1px);
}
[dir=rtl] .dx-form-field .dx-notched-outline__notch {
  margin-left: 0;
  margin-right: -1px;
  clip-path: inset(-9em 1px -9em -999em);
}
.dx-form-field.dx-form-field-animations-enabled .dx-text-field__input {
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.dx-form-field.dx-form-field-animations-enabled .dx-form-field-hint-wrapper,
.dx-form-field.dx-form-field-animations-enabled .dx-form-field-error-wrapper {
  animation-duration: 300ms;
}
.dx-icon-host {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dx-icon-host--small {
  width: var(--dx-icon-size-small);
  height: var(--dx-icon-size-small);
}
.dx-icon-host--medium {
  width: var(--dx-icon-size-medium);
  height: var(--dx-icon-size-medium);
}
.dx-icon-host--large {
  width: var(--dx-icon-size-large);
  height: var(--dx-icon-size-large);
}
.dx-icon-host--xlarge {
  width: var(--dx-icon-size-xlarge);
  height: var(--dx-icon-size-xlarge);
}
.dx-icon {
  font-family: var(--dx-icon-font-family-material);
  font-weight: normal;
  font-style: normal;
  font-size: var(--dx-icon-size-medium);
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "liga";
  width: 1em;
  height: 1em;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  cursor: inherit;
  transition: var(--dx-icon-transition);
}
.dx-icon--small {
  font-size: var(--dx-icon-size-small);
}
.dx-icon--medium {
  font-size: var(--dx-icon-size-medium);
}
.dx-icon--large {
  font-size: var(--dx-icon-size-large);
}
.dx-icon--xlarge {
  font-size: var(--dx-icon-size-xlarge);
}
.dx-icon--primary {
  color: var(--dx-icon-primary-color);
}
.dx-icon--secondary {
  color: var(--dx-icon-secondary-color);
}
.dx-icon--accent {
  color: var(--dx-icon-accent-color);
}
.dx-icon--warn {
  color: var(--dx-icon-warn-color);
}
.dx-icon--disabled {
  color: var(--dx-icon-disabled-color);
  cursor: not-allowed;
}
.material-icons {
  font-family: var(--dx-icon-font-family-material);
}
.material-icons-outlined {
  font-family: var(--dx-icon-font-family-material-outlined);
}
.material-icons-round {
  font-family: var(--dx-icon-font-family-material-round);
}
.material-icons-sharp {
  font-family: var(--dx-icon-font-family-material-sharp);
}
.material-icons-two-tone {
  font-family: var(--dx-icon-font-family-material-two-tone);
}
.dx-icon--inline {
  vertical-align: text-bottom;
  margin: 0 var(--dx-icon-inline-margin);
}
.dx-icon:hover:not(.dx-icon--disabled) {
  opacity: var(--dx-icon-hover-opacity);
}
.dx-icon:focus:not(.dx-icon--disabled) {
  outline: var(--dx-icon-focus-outline-width) solid var(--dx-icon-focus-outline-color, var(--dx-icon-primary-color));
  outline-offset: var(--dx-icon-focus-outline-offset);
  border-radius: var(--dx-icon-focus-outline-radius);
}
@media (prefers-contrast: high) {
  .dx-icon {
    outline: 1px solid;
  }
  .dx-icon--disabled {
    opacity: 0.6;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dx-icon {
    transition: none;
  }
}
.dx-list-host {
  display: block;
  position: relative;
}
.dx-list {
  background: var(--dx-list-background);
  padding: var(--dx-list-padding);
  margin: 0;
  list-style: none;
  overflow: auto;
}
.dx-list--dense .dx-list-item {
  min-height: var(--dx-list-item-height-dense);
}
.dx-list--dense .dx-list-item-content {
  padding: 0 var(--dx-list-item-padding-start) 0 var(--dx-list-item-padding-end);
}
.dx-list--selection .dx-list-item {
  cursor: pointer;
}
.dx-list--single-selection .dx-list-item[aria-selected=true]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--dx-list-item-selection-indicator);
}
.dx-list--multiple-selection .dx-list-item {
  padding-left: 48px;
}
.dx-list--disabled {
  pointer-events: none;
  opacity: 0.6;
}
.dx-list-item-host {
  display: block;
  position: relative;
}
.dx-list-item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: var(--dx-list-item-height);
  background: var(--dx-list-item-background);
  color: var(--dx-list-item-text-color);
  text-decoration: none;
  transition: var(--dx-list-transition);
  cursor: pointer;
  border: none;
  width: 100%;
  text-align: left;
  font-family: inherit;
  font-size: inherit;
  outline: none;
}
.dx-list-item:hover:not(.dx-list-item--disabled):not(.dx-list-item--header) {
  background: var(--dx-list-item-background-hover);
}
.dx-list-item:focus-visible {
  outline: var(--dx-list-item-focus-outline-width) solid var(--dx-list-item-focus-outline-color);
  outline-offset: var(--dx-list-item-focus-outline-offset);
}
.dx-list-item--selected {
  background: var(--dx-list-item-background-selected);
  color: var(--dx-list-item-text-color-selected);
}
.dx-list-item--disabled {
  background: var(--dx-list-item-background-disabled);
  color: var(--dx-list-item-text-color-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.dx-list-item--header {
  cursor: default;
  background: transparent;
}
.dx-list-item--header .dx-list-item-header {
  padding: var(--dx-list-header-padding);
  font-size: var(--dx-list-header-font-size);
  font-weight: var(--dx-list-header-font-weight);
  line-height: var(--dx-list-header-line-height);
  color: var(--dx-list-header-text-color);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.dx-list-item--link {
  text-decoration: none;
}
.dx-list-item-content {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--dx-list-item-padding);
  box-sizing: border-box;
}
.dx-list-item-leading {
  flex-shrink: 0;
  margin-right: var(--dx-list-item-leading-spacing);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dx-list-item-leading [dx-list-icon] {
  width: var(--dx-list-icon-size);
  height: var(--dx-list-icon-size);
  font-size: var(--dx-list-icon-size);
}
.dx-list-item-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dx-list-item-primary:empty,
.dx-list-item-secondary:empty,
.dx-list-item-default:empty {
  display: none;
}
.dx-list-item-leading:empty,
.dx-list-item-trailing:empty {
  display: none;
}
.dx-list-item-trailing {
  flex-shrink: 0;
  margin-left: var(--dx-list-item-trailing-spacing);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dx-list-item-primary {
  font-size: var(--dx-list-item-title-font-size);
  line-height: var(--dx-list-item-title-line-height);
  font-weight: var(--dx-list-item-title-font-weight);
  color: var(--dx-list-item-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-list-item-secondary {
  font-size: var(--dx-list-item-subtitle-font-size);
  line-height: var(--dx-list-item-subtitle-line-height);
  font-weight: var(--dx-list-item-subtitle-font-weight);
  color: var(--dx-list-item-text-color-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-list-item-additional {
  font-size: var(--dx-list-item-caption-font-size);
  line-height: var(--dx-list-item-caption-line-height);
  font-weight: var(--dx-list-item-caption-font-weight);
  color: var(--dx-list-item-text-color-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-list-item-leading [dx-list-avatar],
.dx-list-item-leading img[dx-list-avatar] {
  width: var(--dx-list-avatar-size);
  height: var(--dx-list-avatar-size);
  border-radius: 50%;
  object-fit: cover;
}
.dx-list-item-leading [dx-list-icon],
.dx-list-item-leading .dx-icon {
  font-size: var(--dx-list-icon-size);
}
.dx-list-item-leading [dx-list-thumbnail] {
  width: var(--dx-list-thumbnail-size);
  height: var(--dx-list-thumbnail-size);
  border-radius: 4px;
  object-fit: cover;
  background-color: var(--dx-list-item-background-hover);
}
.dx-list-item:has(.dx-list-item-secondary) {
  min-height: var(--dx-list-item-height-two-line);
}
.dx-list-item:has(.dx-list-item-additional) {
  min-height: var(--dx-list-item-height-three-line);
}
.dx-list-item:has(.dx-list-item-additional) .dx-list-item-main {
  align-items: flex-start;
}
.dx-list-item:has(.dx-list-item-additional) .dx-list-item-additional {
  margin-top: 4px;
}
@media (prefers-contrast: high) {
  .dx-list-item {
    border: 1px solid transparent;
  }
  .dx-list-item--selected {
    border-color: var(--dx-list-item-selection-indicator);
  }
  .dx-list-item--disabled {
    opacity: 0.6;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dx-list-item {
    transition: none;
  }
}
.dx-optgroup {
  color: var(--dx-optgroup-label-text-color);
  line-height: var(--dx-optgroup-label-text-line-height);
  font-size: var(--dx-optgroup-label-text-size);
  letter-spacing: var(--dx-optgroup-label-text-tracking);
  font-weight: var(--dx-optgroup-label-text-weight);
}
.dx-optgroup-label {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  min-height: 48px;
  padding: 0 16px;
  outline: none;
}
.dx-optgroup-label.dx-list-item--disabled {
  opacity: 0.38;
}
.dx-optgroup-label .dx-list-item__primary-text {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  font-family: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  white-space: normal;
  color: inherit;
}
.dx-option {
  -webkit-user-select: none;
  user-select: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  min-height: 48px;
  padding: 0 16px;
  border-radius: var(--dx-option-container-shape);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  color: var(--dx-option-label-text-color, var(--dx-sys-on-surface));
  line-height: var(--dx-option-label-text-line-height, var(--dx-sys-label-large-line-height));
  font-size: var(--dx-option-label-text-size, var(--dx-sys-body-large-size));
  letter-spacing: var(--dx-option-label-text-tracking, var(--dx-sys-label-large-tracking));
  font-weight: var(--dx-option-label-text-weight, var(--dx-sys-body-large-weight));
}
.dx-option:hover:not(.mdc-list-item--disabled) {
  background-color: var(--dx-option-hover-state-layer-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-option:hover:not(.mdc-list-item--disabled) {
    background-color: var(--dx-option-hover-state-layer-color, color-mix(in srgb, var(--dx-sys-on-surface) calc(var(--dx-sys-hover-state-layer-opacity) * 100%), transparent));
  }
}
.dx-option:focus.mdc-list-item,
.dx-option.dx-option-active.mdc-list-item {
  background-color: var(--dx-option-focus-state-layer-color, var(--dx-sys-on-surface));
  outline: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-option:focus.mdc-list-item,
  .dx-option.dx-option-active.mdc-list-item {
    background-color: var(--dx-option-focus-state-layer-color, color-mix(in srgb, var(--dx-sys-on-surface) calc(var(--dx-sys-focus-state-layer-opacity) * 100%), transparent));
  }
}
.dx-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.dx-option-multiple) {
  background-color: var(--dx-option-selected-state-layer-color, var(--dx-sys-secondary-container));
}
.dx-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.dx-option-multiple) .mdc-list-item__primary-text {
  color: var(--dx-option-selected-state-label-text-color, var(--dx-sys-on-secondary-container));
}
.dx-option.dx-list-item.dx-list-item--disabled {
  color: var(--dx-list-item-text-color-disabled);
  opacity: 0.38;
}
.dx-option.mdc-list-item {
  align-items: center;
  background: transparent;
}
.dx-option.mdc-list-item--disabled {
  cursor: default;
  pointer-events: none;
}
.dx-option.mdc-list-item--disabled .dx-option-pseudo-checkbox,
.dx-option.mdc-list-item--disabled .mdc-list-item__primary-text,
.dx-option.mdc-list-item--disabled > dx-icon {
  opacity: 0.38;
}
.dx-optgroup .dx-option:not(.dx-option-multiple) {
  padding-left: 32px;
}
[dir=rtl] .dx-optgroup .dx-option:not(.dx-option-multiple) {
  padding-left: 16px;
  padding-right: 32px;
}
.dx-option .dx-icon,
.dx-option .dx-pseudo-checkbox-full {
  margin-right: 16px;
  flex-shrink: 0;
}
[dir=rtl] .dx-option .dx-icon,
[dir=rtl] .dx-option .dx-pseudo-checkbox-full {
  margin-right: 0;
  margin-left: 16px;
}
.dx-option .dx-pseudo-checkbox-minimal {
  margin-left: 16px;
  flex-shrink: 0;
}
[dir=rtl] .dx-option .dx-pseudo-checkbox-minimal {
  margin-right: 16px;
  margin-left: 0;
}
.dx-option .dx-option-ripple {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
}
.dx-option .mdc-list-item__primary-text {
  white-space: normal;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  font-family: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  margin-right: auto;
}
[dir=rtl] .dx-option .mdc-list-item__primary-text {
  margin-right: 0;
  margin-left: auto;
}
.dx-option-multiple {
  --dx-list-list-item-selected-container-color: var(--dx-list-list-item-container-color, transparent);
  justify-content: start;
}
.dx-option-active .dx-focus-indicator::before {
  content: "";
}
.dx-progress-spinner {
  display: block;
  overflow: hidden;
  line-height: 0;
  position: relative;
  direction: ltr;
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.6, 1);
}
.dx-progress-spinner circle {
  stroke-width: var(--dx-progress-spinner-active-indicator-width, 4px);
}
.dx-circular-progress__determinate-container,
.dx-circular-progress__indeterminate-circle-graphic,
.dx-circular-progress__indeterminate-container,
.dx-circular-progress__spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
}
.dx-circular-progress__determinate-container {
  transform: rotate(-90deg);
}
.dx-circular-progress--indeterminate .dx-circular-progress__determinate-container {
  opacity: 0;
}
.dx-circular-progress__indeterminate-container {
  font-size: 0;
  letter-spacing: 0;
  white-space: nowrap;
  opacity: 0;
}
.dx-circular-progress--indeterminate .dx-circular-progress__indeterminate-container {
  opacity: 1;
  animation: dx-circular-progress-container-rotate 1568.2352941176ms linear infinite;
}
.dx-circular-progress__determinate-circle-graphic,
.dx-circular-progress__indeterminate-circle-graphic {
  fill: transparent;
}
.dx-progress-spinner .dx-circular-progress__determinate-circle,
.dx-progress-spinner .dx-circular-progress__indeterminate-circle-graphic {
  stroke: var(--dx-progress-spinner-active-indicator-color, var(--dx-sys-primary));
}
.dx-circular-progress__determinate-circle {
  transition: stroke-dashoffset 500ms cubic-bezier(0, 0, 0.2, 1);
}
.dx-circular-progress__gap-patch {
  position: absolute;
  top: 0;
  left: 47.5%;
  box-sizing: border-box;
  width: 5%;
  height: 100%;
  overflow: hidden;
}
.dx-circular-progress__gap-patch .dx-circular-progress__indeterminate-circle-graphic {
  left: -900%;
  width: 2000%;
  transform: rotate(180deg);
}
.dx-circular-progress__circle-clipper .dx-circular-progress__indeterminate-circle-graphic {
  width: 200%;
}
.dx-circular-progress__circle-right .dx-circular-progress__indeterminate-circle-graphic {
  left: -100%;
}
.dx-circular-progress--indeterminate .dx-circular-progress__circle-left .dx-circular-progress__indeterminate-circle-graphic {
  animation: dx-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.dx-circular-progress--indeterminate .dx-circular-progress__circle-right .dx-circular-progress__indeterminate-circle-graphic {
  animation: dx-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.dx-circular-progress__circle-clipper {
  display: inline-flex;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.dx-circular-progress--indeterminate .dx-circular-progress__spinner-layer {
  animation: dx-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@keyframes dx-circular-progress-container-rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes dx-circular-progress-spinner-layer-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
@keyframes dx-circular-progress-left-spin {
  from {
    transform: rotate(265deg);
  }
  50% {
    transform: rotate(130deg);
  }
  to {
    transform: rotate(265deg);
  }
}
@keyframes dx-circular-progress-right-spin {
  from {
    transform: rotate(-265deg);
  }
  50% {
    transform: rotate(-130deg);
  }
  to {
    transform: rotate(-265deg);
  }
}
.dx-pseudo-checkbox {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1), background-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
}
.dx-pseudo-checkbox::after {
  position: absolute;
  opacity: 0;
  content: "";
  border-bottom: 2px solid currentColor;
  transition: opacity 90ms cubic-bezier(0, 0, 0.2, 0.1);
}
.dx-pseudo-checkbox._dx-animation-noopable {
  transition: none !important;
  animation: none !important;
}
.dx-pseudo-checkbox._dx-animation-noopable::after {
  transition: none;
}
.dx-pseudo-checkbox-disabled {
  cursor: default;
}
.dx-pseudo-checkbox-indeterminate::after {
  left: 1px;
  opacity: 1;
  border-radius: 2px;
}
.dx-pseudo-checkbox-checked::after {
  left: 1px;
  border-left: 2px solid currentColor;
  transform: rotate(-45deg);
  opacity: 1;
  box-sizing: content-box;
}
.dx-pseudo-checkbox-minimal.dx-pseudo-checkbox-checked::after,
.dx-pseudo-checkbox-minimal.dx-pseudo-checkbox-indeterminate::after {
  color: var(--dx-pseudo-checkbox-minimal-selected-checkmark-color, var(--dx-sys-primary));
}
.dx-pseudo-checkbox-minimal.dx-pseudo-checkbox-checked.dx-pseudo-checkbox-disabled::after,
.dx-pseudo-checkbox-minimal.dx-pseudo-checkbox-indeterminate.dx-pseudo-checkbox-disabled::after {
  color: var(--dx-pseudo-checkbox-minimal-disabled-selected-checkmark-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
   {
    color: var(--dx-pseudo-checkbox-minimal-disabled-selected-checkmark-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-pseudo-checkbox-full {
  border-color: var(--dx-pseudo-checkbox-full-unselected-icon-color, var(--dx-sys-on-surface-variant));
  border-width: 2px;
  border-style: solid;
}
.dx-pseudo-checkbox-full.dx-pseudo-checkbox-disabled {
  border-color: var(--dx-pseudo-checkbox-full-disabled-unselected-icon-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-pseudo-checkbox-full.dx-pseudo-checkbox-disabled {
    border-color: var(--dx-pseudo-checkbox-full-disabled-unselected-icon-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-pseudo-checkbox-full.dx-pseudo-checkbox-checked,
.dx-pseudo-checkbox-full.dx-pseudo-checkbox-indeterminate {
  background-color: var(--dx-pseudo-checkbox-full-selected-icon-color, var(--dx-sys-primary));
  border-color: transparent;
}
.dx-pseudo-checkbox-full.dx-pseudo-checkbox-checked::after,
.dx-pseudo-checkbox-full.dx-pseudo-checkbox-indeterminate::after {
  color: var(--dx-pseudo-checkbox-full-selected-checkmark-color, var(--dx-sys-on-primary));
}
.dx-pseudo-checkbox-full.dx-pseudo-checkbox-checked.dx-pseudo-checkbox-disabled,
.dx-pseudo-checkbox-full.dx-pseudo-checkbox-indeterminate.dx-pseudo-checkbox-disabled {
  background-color: var(--dx-pseudo-checkbox-full-disabled-selected-icon-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-pseudo-checkbox-full.dx-pseudo-checkbox-checked.dx-pseudo-checkbox-disabled,
  .dx-pseudo-checkbox-full.dx-pseudo-checkbox-indeterminate.dx-pseudo-checkbox-disabled {
    background-color: var(--dx-pseudo-checkbox-full-disabled-selected-icon-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-pseudo-checkbox-full.dx-pseudo-checkbox-checked.dx-pseudo-checkbox-disabled::after,
.dx-pseudo-checkbox-full.dx-pseudo-checkbox-indeterminate.dx-pseudo-checkbox-disabled::after {
  color: var(--dx-pseudo-checkbox-full-disabled-selected-checkmark-color, var(--dx-sys-surface));
}
.dx-pseudo-checkbox {
  width: 18px;
  height: 18px;
}
.dx-pseudo-checkbox-minimal.dx-pseudo-checkbox-checked::after {
  width: 14px;
  height: 6px;
  transform-origin: center;
  top: -4.2426406871px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.dx-pseudo-checkbox-minimal.dx-pseudo-checkbox-indeterminate::after {
  top: 8px;
  width: 16px;
}
.dx-pseudo-checkbox-full.dx-pseudo-checkbox-checked::after {
  width: 10px;
  height: 4px;
  transform-origin: center;
  top: -2.8284271247px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.dx-pseudo-checkbox-full.dx-pseudo-checkbox-indeterminate::after {
  top: 6px;
  width: 12px;
}
@keyframes _dx-select-enter {
  from {
    opacity: 0;
    transform: scaleY(0.8);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes _dx-select-exit {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.dx-select {
  display: inline-block;
  width: 100%;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: var(--dx-select-enabled-trigger-text-color, var(--dx-sys-on-surface));
  line-height: var(--dx-select-trigger-text-line-height, var(--dx-sys-body-large-line-height));
  font-size: var(--dx-select-trigger-text-size, var(--dx-sys-body-large-size));
  font-weight: var(--dx-select-trigger-text-weight, var(--dx-sys-body-large-weight));
  letter-spacing: var(--dx-select-trigger-text-tracking, var(--dx-sys-body-large-tracking));
}
.dx-select-disabled {
  color: var(--dx-select-disabled-trigger-text-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-select-disabled {
    color: var(--dx-select-disabled-trigger-text-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-select-disabled .dx-select-placeholder {
  color: var(--dx-select-disabled-trigger-text-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-select-disabled .dx-select-placeholder {
    color: var(--dx-select-disabled-trigger-text-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-select-trigger {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.dx-select-disabled .dx-select-trigger {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.dx-select-value {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-select-value-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-select-arrow-wrapper {
  height: 22px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.dx-form-field-appearance-fill .dx-text-field--no-label .dx-select-arrow-wrapper {
  transform: none;
}
.dx-form-field .dx-select.dx-select-invalid .dx-select-arrow svg path,
.dx-form-field-invalid:not(.dx-form-field-disabled) .dx-form-field-infix::after {
  color: var(--dx-select-invalid-arrow-color, var(--dx-sys-error));
  fill: var(--dx-select-invalid-arrow-color, var(--dx-sys-error));
}
.dx-form-field .dx-select.dx-select-invalid .dx-select-value,
.dx-form-field-invalid:not(.dx-form-field-disabled) .dx-select-placeholder {
  color: var(--dx-select-invalid-placeholder-color, var(--dx-sys-error));
}
.dx-select-arrow {
  width: 10px;
  height: 5px;
  position: relative;
  color: var(--dx-select-enabled-arrow-color, var(--dx-sys-on-surface-variant));
}
.dx-form-field.dx-focused .dx-select-arrow {
  color: var(--dx-select-focused-arrow-color, var(--dx-sys-primary));
}
.dx-form-field .dx-select.dx-select-disabled .dx-select-arrow {
  color: var(--dx-select-disabled-arrow-color, var(--dx-sys-on-surface));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-form-field .dx-select.dx-select-disabled .dx-select-arrow {
    color: var(--dx-select-disabled-arrow-color, color-mix(in srgb, var(--dx-sys-on-surface) 38%, transparent));
  }
}
.dx-select-arrow svg {
  fill: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div.dx-select-panel {
  width: 100%;
  max-height: var(--dx-select-outlined-container-max-height);
  outline: 0;
  overflow: auto;
  padding: 4px;
  margin-top: 2px;
  border-radius: var(--dx-select-outlined-container-shape);
  box-sizing: border-box;
  position: relative;
  border: 1px solid var(--dx-select-panel-border-color);
  background-color: var(--dx-select-panel-background-color, var(--dx-sys-surface-container));
}
div.dx-select-panel.has-filter {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.dx-select-filter-container {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--dx-select-panel-background-color, var(--dx-sys-surface-container));
  border-bottom: 1px solid var(--dx-select-filter-border-color, var(--dx-sys-outline-variant));
  padding: 8px 12px;
  flex-shrink: 0;
}
.dx-select-filter-container dx-form-field {
  width: 100%;
  margin: 0;
}
.dx-select-options-container {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--dx-select-scrollbar-thumb-color, rgba(68, 71, 78, 0.3)) transparent;
}
.dx-select-options-container::-webkit-scrollbar {
  width: 8px;
}
.dx-select-options-container::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
.dx-select-options-container::-webkit-scrollbar-thumb {
  background-color: var(--dx-select-scrollbar-thumb-color, rgba(68, 71, 78, 0.3));
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.dx-select-options-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--dx-select-scrollbar-thumb-hover-color, rgba(68, 71, 78, 0.5));
}
.dx-select-options-wrapper {
  min-height: 0;
}
.cdk-overlay-pane:not(.dx-select-panel-above) div.dx-select-panel {
  transform-origin: top center;
}
.dx-select-panel-above div.dx-select-panel {
  transform-origin: bottom center;
}
.dx-select-panel-animations-enabled {
  animation: _dx-select-enter 120ms cubic-bezier(0, 0, 0.2, 1);
}
.dx-select-panel-animations-enabled.dx-select-panel-exit {
  animation: _dx-select-exit 100ms linear;
}
.dx-select-placeholder {
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
  color: var(--dx-select-placeholder-text-color, var(--dx-sys-on-surface-variant));
}
.dx-form-field:not(.dx-form-field-animations-enabled) .dx-select-placeholder,
._dx-animation-noopable .dx-select-placeholder {
  transition: none;
}
.dx-form-field-hide-placeholder .dx-select-placeholder {
  color: transparent;
  -webkit-text-fill-color: transparent;
  transition: none;
  display: block;
}
.dx-form-field-type-dx-select:not(.dx-form-field-disabled) .dx-text-field-wrapper {
  cursor: pointer;
}
.dx-form-field-type-dx-select.dx-form-field-appearance-fill .dx-floating-label {
  max-width: calc(100% - 18px);
}
.dx-form-field-type-dx-select.dx-form-field-appearance-fill .dx-floating-label--float-above {
  max-width: calc(100% / 0.75 - 24px);
}
.dx-form-field-type-dx-select.dx-form-field-appearance-outline .dx-notched-outline__notch {
  max-width: calc(100% - 60px);
}
.dx-form-field-type-dx-select.dx-form-field-appearance-outline .dx-text-field--label-floating .dx-notched-outline__notch {
  max-width: calc(100% - 24px);
}
.dx-select-min-line:empty::before {
  content: " ";
  white-space: pre;
  width: 1px;
  display: inline-block;
  visibility: hidden;
}
.dx-form-field-appearance-fill .dx-select-arrow-wrapper {
  transform: var(--dx-select-arrow-transform, translateY(-8px));
}
.mdc-slider__track {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  pointer-events: none;
  height: var(--dx-slider-inactive-track-height, 4px);
}
.mdc-slider__track--active,
.mdc-slider__track--inactive {
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%;
}
.mdc-slider__track--active {
  overflow: hidden;
  border-radius: var(--dx-slider-active-track-shape, var(--dx-sys-corner-full));
  height: var(--dx-slider-active-track-height, 4px);
  top: calc((var(--dx-slider-inactive-track-height, 4px) - var(--dx-slider-active-track-height, 4px)) / 2);
}
.mdc-slider__track--active_fill {
  border-top-style: solid;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  position: relative;
  transform-origin: left;
  transition: transform 80ms ease;
  border-color: var(--dx-slider-active-track-color, var(--dx-sys-primary));
  border-top-width: var(--dx-slider-active-track-height, 4px);
}
.mdc-slider--disabled .mdc-slider__track--active_fill {
  border-color: var(--dx-slider-disabled-active-track-color, var(--dx-sys-on-surface));
}
[dir=rtl] .mdc-slider__track--active_fill {
  transform-origin: right;
}
.mdc-slider__track--inactive {
  left: 0;
  top: 0;
  background-color: var(--dx-slider-inactive-track-color, var(--dx-sys-surface-variant));
  height: var(--dx-slider-inactive-track-height, 4px);
  border-radius: var(--dx-slider-inactive-track-shape, var(--dx-sys-corner-full));
  border: 1px solid;
  border-color: var(--dx-slider-track-outline-color);
}
.mdc-slider--disabled .mdc-slider__track--inactive {
  background-color: var(--dx-slider-disabled-inactive-track-color, var(--dx-sys-on-surface));
  opacity: 0.24;
}
.mdc-slider__track--inactive::before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}
.mdc-slider__value-indicator-container {
  bottom: 44px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: var(--dx-slider-value-indicator-container-transform, translateX(-50%) rotate(-45deg));
}
.mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container {
  pointer-events: auto;
}
.mdc-slider__value-indicator {
  display: flex;
  align-items: center;
  transform: scale(0);
  transform-origin: bottom;
  transition: transform 100ms cubic-bezier(0.4, 0, 1, 1);
  word-break: normal;
  background-color: var(--dx-slider-label-container-color, var(--dx-sys-primary));
  color: var(--dx-slider-label-label-text-color, var(--dx-sys-on-primary));
  width: var(--dx-slider-value-indicator-width, 28px);
  height: var(--dx-slider-value-indicator-height, 28px);
  padding: var(--dx-slider-value-indicator-padding, 0);
  opacity: var(--dx-slider-value-indicator-opacity, 1);
  border-radius: var(--dx-slider-value-indicator-border-radius, 50% 50% 50% 0);
}
.mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
  transition: transform 100ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(1);
}
.mdc-slider__value-indicator::before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
  bottom: -5px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  display: var(--dx-slider-value-indicator-caret-display, none);
  border-top-color: var(--dx-slider-label-container-color, var(--dx-sys-primary));
}
.mdc-slider__value-indicator::after {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}
.mdc-slider__value-indicator-text {
  text-align: center;
  width: var(--dx-slider-value-indicator-width, 28px);
  transform: var(--dx-slider-value-indicator-text-transform, rotate(45deg));
  font-family: var(--dx-slider-label-label-text-font, var(--dx-sys-label-medium-font));
  font-size: var(--dx-slider-label-label-text-size, var(--dx-sys-label-medium-size));
  font-weight: var(--dx-slider-label-label-text-weight, var(--dx-sys-label-medium-weight));
  line-height: var(--dx-slider-label-label-text-line-height, var(--dx-sys-label-medium-line-height));
  letter-spacing: var(--dx-slider-label-label-text-tracking, var(--dx-sys-label-medium-tracking));
}
.mdc-slider__thumb {
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  left: -24px;
  outline: none;
  position: absolute;
  height: 48px;
  width: 48px;
  pointer-events: none;
}
.mdc-slider--discrete .mdc-slider__thumb {
  transition: transform 80ms ease;
}
.mdc-slider--disabled .mdc-slider__thumb {
  pointer-events: none;
}
.mdc-slider__thumb--top {
  z-index: 1;
}
.mdc-slider__thumb-knob {
  position: absolute;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-style: solid;
  width: var(--dx-slider-handle-width, 20px);
  height: var(--dx-slider-handle-height, 20px);
  border-width: calc(var(--dx-slider-handle-height, 20px) / 2) calc(var(--dx-slider-handle-width, 20px) / 2);
  box-shadow: var(--dx-slider-handle-elevation, var(--dx-sys-level1));
  background-color: var(--dx-slider-handle-color, var(--dx-sys-primary));
  border-color: var(--dx-slider-handle-color, var(--dx-sys-primary));
  border-radius: var(--dx-slider-handle-shape, var(--dx-sys-corner-full));
}
.mdc-slider__thumb:hover .mdc-slider__thumb-knob {
  background-color: var(--dx-slider-hover-handle-color, var(--dx-sys-primary));
  border-color: var(--dx-slider-hover-handle-color, var(--dx-sys-primary));
}
.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  background-color: var(--dx-slider-focus-handle-color, var(--dx-sys-primary));
  border-color: var(--dx-slider-focus-handle-color, var(--dx-sys-primary));
}
.mdc-slider--disabled .mdc-slider__thumb-knob {
  background-color: var(--dx-slider-disabled-handle-color, var(--dx-sys-on-surface));
  border-color: var(--dx-slider-disabled-handle-color, var(--dx-sys-on-surface));
}
.mdc-slider__thumb--top .mdc-slider__thumb-knob,
.mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,
.mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  border: solid 1px #fff;
  box-sizing: content-box;
  border-color: var(--dx-slider-with-overlap-handle-outline-color, var(--dx-sys-on-primary));
  border-width: var(--dx-slider-with-overlap-handle-outline-width, 1px);
}
.mdc-slider__tick-marks {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 0 1px;
  position: absolute;
  width: 100%;
}
.mdc-slider__tick-mark--active,
.mdc-slider__tick-mark--inactive {
  width: var(--dx-slider-with-tick-marks-container-size, 2px);
  height: var(--dx-slider-with-tick-marks-container-size, 2px);
  border-radius: var(--dx-slider-with-tick-marks-container-shape, var(--dx-sys-corner-full));
}
.mdc-slider__tick-mark--inactive {
  opacity: var(--dx-slider-with-tick-marks-inactive-container-opacity, 0.38);
  background-color: var(--dx-slider-with-tick-marks-inactive-container-color, var(--dx-sys-on-surface-variant));
}
.mdc-slider--disabled .mdc-slider__tick-mark--inactive {
  opacity: var(--dx-slider-with-tick-marks-inactive-container-opacity, 0.38);
  background-color: var(--dx-slider-with-tick-marks-disabled-container-color, var(--dx-sys-on-surface));
}
.mdc-slider__tick-mark--active {
  opacity: var(--dx-slider-with-tick-marks-active-container-opacity, 0.38);
  background-color: var(--dx-slider-with-tick-marks-active-container-color, var(--dx-sys-on-primary));
}
.mdc-slider__input {
  cursor: pointer;
  left: 2px;
  margin: 0;
  height: 44px;
  opacity: 0;
  position: absolute;
  top: 2px;
  width: 44px;
  box-sizing: content-box;
}
.mdc-slider__input.dx-mdc-slider-input-no-pointer-events {
  pointer-events: none;
}
.mdc-slider__input.dx-slider__right-input {
  left: auto;
  right: 0;
}
.dx-mdc-slider {
  display: inline-block;
  box-sizing: border-box;
  outline: none;
  vertical-align: middle;
  cursor: pointer;
  height: 48px;
  margin: 0 8px;
  position: relative;
  touch-action: pan-y;
  width: auto;
  min-width: 112px;
  -webkit-tap-highlight-color: transparent;
}
.dx-mdc-slider.mdc-slider--disabled {
  cursor: auto;
  opacity: 0.38;
}
.dx-mdc-slider .mdc-slider__thumb,
.dx-mdc-slider .mdc-slider__track--active_fill {
  transition-duration: 0ms;
}
.dx-mdc-slider.dx-mdc-slider-with-animation .mdc-slider__thumb,
.dx-mdc-slider.dx-mdc-slider-with-animation .mdc-slider__track--active_fill {
  transition-duration: 80ms;
}
.dx-mdc-slider.mdc-slider--discrete .mdc-slider__thumb,
.dx-mdc-slider.mdc-slider--discrete .mdc-slider__track--active_fill {
  transition-duration: 0ms;
}
.dx-mdc-slider.dx-mdc-slider-with-animation .mdc-slider__thumb,
.dx-mdc-slider.dx-mdc-slider-with-animation .mdc-slider__track--active_fill {
  transition-duration: 80ms;
}
.dx-mdc-slider .dx-ripple .dx-ripple-element {
  background-color: var(--dx-slider-ripple-color, var(--dx-sys-primary));
}
.dx-mdc-slider .dx-ripple .dx-mdc-slider-hover-ripple {
  background-color: var(--dx-slider-hover-state-layer-color, var(--dx-sys-primary));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-mdc-slider .dx-ripple .dx-mdc-slider-hover-ripple {
    background-color: var(--dx-slider-hover-state-layer-color, color-mix(in srgb, var(--dx-sys-primary) 5%, transparent));
  }
}
.dx-mdc-slider .dx-ripple .dx-mdc-slider-focus-ripple,
.dx-mdc-slider .dx-ripple .dx-mdc-slider-active-ripple {
  background-color: var(--dx-slider-focus-state-layer-color, var(--dx-sys-primary));
}
@supports (color: color-mix(in lab, red, red)) {
  .dx-mdc-slider .dx-ripple .dx-mdc-slider-focus-ripple,
  .dx-mdc-slider .dx-ripple .dx-mdc-slider-active-ripple {
    background-color: var(--dx-slider-focus-state-layer-color, color-mix(in srgb, var(--dx-sys-primary) 20%, transparent));
  }
}
.dx-mdc-slider._dx-animation-noopable.mdc-slider--discrete .mdc-slider__thumb,
.dx-mdc-slider._dx-animation-noopable.mdc-slider--discrete .mdc-slider__track--active_fill,
.dx-mdc-slider._dx-animation-noopable .mdc-slider__value-indicator {
  transition: none;
}
.dx-mdc-slider .dx-focus-indicator::before {
  border-radius: 50%;
}
.mdc-slider__thumb--focused .dx-focus-indicator::before {
  content: "";
}
.mdc-switch {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  margin: 0;
  outline: none;
  overflow: visible;
  padding: 0;
  position: relative;
  width: var(--dx-slide-toggle-track-width, 52px);
}
.mdc-switch.mdc-switch--disabled {
  cursor: default;
  pointer-events: none;
}
.mdc-switch.dx-mdc-slide-toggle-disabled-interactive {
  pointer-events: auto;
}
.mdc-switch__track {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: var(--dx-slide-toggle-track-height, 32px);
  border-radius: var(--dx-slide-toggle-track-shape, var(--dx-sys-corner-full));
}
.mdc-switch--disabled.mdc-switch .mdc-switch__track {
  opacity: var(--dx-slide-toggle-disabled-track-opacity, 0.12);
}
.mdc-switch__track::before,
.mdc-switch__track::after {
  border: 1px solid transparent;
  border-radius: inherit;
  box-sizing: border-box;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  border-width: var(--dx-slide-toggle-track-outline-width, 2px);
  border-color: var(--dx-slide-toggle-track-outline-color, var(--dx-sys-outline));
}
.mdc-switch--selected .mdc-switch__track::before,
.mdc-switch--selected .mdc-switch__track::after {
  border-width: var(--dx-slide-toggle-selected-track-outline-width, 2px);
  border-color: var(--dx-slide-toggle-selected-track-outline-color, transparent);
}
.mdc-switch--disabled .mdc-switch__track::before,
.mdc-switch--disabled .mdc-switch__track::after {
  border-width: var(--dx-slide-toggle-disabled-unselected-track-outline-width, 2px);
  border-color: var(--dx-slide-toggle-disabled-unselected-track-outline-color, var(--dx-sys-on-surface));
}
.mdc-switch__track::before {
  transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: translateX(0);
  background: var(--dx-slide-toggle-unselected-track-color, var(--dx-sys-surface-variant));
}
.mdc-switch--selected .mdc-switch__track::before {
  transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transform: translateX(100%);
}
[dir=rtl] .mdc-switch--selected .mdc-switch--selected .mdc-switch__track::before {
  transform: translateX(-100%);
}
.mdc-switch--selected .mdc-switch__track::before {
  opacity: var(--dx-slide-toggle-hidden-track-opacity, 0);
  transition: var(--dx-slide-toggle-hidden-track-transition, opacity 75ms);
}
.mdc-switch--unselected .mdc-switch__track::before {
  opacity: var(--dx-slide-toggle-visible-track-opacity, 1);
  transition: var(--dx-slide-toggle-visible-track-transition, opacity 75ms);
}
.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before {
  background: var(--dx-slide-toggle-unselected-hover-track-color, var(--dx-sys-surface-variant));
}
.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before {
  background: var(--dx-slide-toggle-unselected-focus-track-color, var(--dx-sys-surface-variant));
}
.mdc-switch:enabled:active .mdc-switch__track::before {
  background: var(--dx-slide-toggle-unselected-pressed-track-color, var(--dx-sys-surface-variant));
}
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:hover:not(:focus):not(:active) .mdc-switch__track::before,
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:focus:not(:active) .mdc-switch__track::before,
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:active .mdc-switch__track::before,
.mdc-switch.mdc-switch--disabled .mdc-switch__track::before {
  background: var(--dx-slide-toggle-disabled-unselected-track-color, var(--dx-sys-surface-variant));
}
.mdc-switch__track::after {
  transform: translateX(-100%);
  background: var(--dx-slide-toggle-selected-track-color, var(--dx-sys-primary));
}
[dir=rtl] .mdc-switch__track::after {
  transform: translateX(100%);
}
.mdc-switch--selected .mdc-switch__track::after {
  transform: translateX(0);
}
.mdc-switch--selected .mdc-switch__track::after {
  opacity: var(--dx-slide-toggle-visible-track-opacity, 1);
  transition: var(--dx-slide-toggle-visible-track-transition, opacity 75ms);
}
.mdc-switch--unselected .mdc-switch__track::after {
  opacity: var(--dx-slide-toggle-hidden-track-opacity, 0);
  transition: var(--dx-slide-toggle-hidden-track-transition, opacity 75ms);
}
.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after {
  background: var(--dx-slide-toggle-selected-hover-track-color, var(--dx-sys-primary));
}
.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after {
  background: var(--dx-slide-toggle-selected-focus-track-color, var(--dx-sys-primary));
}
.mdc-switch:enabled:active .mdc-switch__track::after {
  background: var(--dx-slide-toggle-selected-pressed-track-color, var(--dx-sys-primary));
}
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:hover:not(:focus):not(:active) .mdc-switch__track::after,
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:focus:not(:active) .mdc-switch__track::after,
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:active .mdc-switch__track::after,
.mdc-switch.mdc-switch--disabled .mdc-switch__track::after {
  background: var(--dx-slide-toggle-disabled-selected-track-color, var(--dx-sys-on-surface));
}
.mdc-switch__handle-track {
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  left: 0;
  right: auto;
  transform: translateX(0);
  width: calc(100% - var(--dx-slide-toggle-handle-width));
}
[dir=rtl] .mdc-switch__handle-track {
  left: auto;
  right: 0;
}
.mdc-switch--selected .mdc-switch__handle-track {
  transform: translateX(100%);
}
[dir=rtl] .mdc-switch--selected .mdc-switch__handle-track {
  transform: translateX(-100%);
}
.mdc-switch__handle {
  display: flex;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: auto;
  transition:
    width 75ms cubic-bezier(0.4, 0, 0.2, 1),
    height 75ms cubic-bezier(0.4, 0, 0.2, 1),
    margin 75ms cubic-bezier(0.4, 0, 0.2, 1);
  width: var(--dx-slide-toggle-handle-width);
  height: var(--dx-slide-toggle-handle-height);
  border-radius: var(--dx-slide-toggle-handle-shape, var(--dx-sys-corner-full));
}
[dir=rtl] .mdc-switch__handle {
  left: auto;
  right: 0;
}
.dx-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle {
  width: var(--dx-slide-toggle-unselected-handle-size, 16px);
  height: var(--dx-slide-toggle-unselected-handle-size, 16px);
  margin: var(--dx-slide-toggle-unselected-handle-horizontal-margin, 0 8px);
}
.dx-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle:has(.mdc-switch__icons) {
  margin: var(--dx-slide-toggle-unselected-with-icon-handle-horizontal-margin, 0 4px);
}
.dx-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle {
  width: var(--dx-slide-toggle-selected-handle-size, 24px);
  height: var(--dx-slide-toggle-selected-handle-size, 24px);
  margin: var(--dx-slide-toggle-selected-handle-horizontal-margin, 0 24px);
}
.dx-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle:has(.mdc-switch__icons) {
  margin: var(--dx-slide-toggle-selected-with-icon-handle-horizontal-margin, 0 24px);
}
.dx-mdc-slide-toggle .mdc-switch__handle:has(.mdc-switch__icons) {
  width: var(--dx-slide-toggle-with-icon-handle-size, 24px);
  height: var(--dx-slide-toggle-with-icon-handle-size, 24px);
}
.dx-mdc-slide-toggle .mdc-switch:active:not(.mdc-switch--disabled) .mdc-switch__handle {
  width: var(--dx-slide-toggle-pressed-handle-size, 28px);
  height: var(--dx-slide-toggle-pressed-handle-size, 28px);
}
.dx-mdc-slide-toggle .mdc-switch--selected:active:not(.mdc-switch--disabled) .mdc-switch__handle {
  margin: var(--dx-slide-toggle-selected-pressed-handle-horizontal-margin, 0 22px);
}
.dx-mdc-slide-toggle .mdc-switch--unselected:active:not(.mdc-switch--disabled) .mdc-switch__handle {
  margin: var(--dx-slide-toggle-unselected-pressed-handle-horizontal-margin, 0 2px);
}
.mdc-switch--disabled.mdc-switch--selected .mdc-switch__handle::after {
  opacity: var(--dx-slide-toggle-disabled-selected-handle-opacity, 1);
}
.mdc-switch--disabled.mdc-switch--unselected .mdc-switch__handle::after {
  opacity: var(--dx-slide-toggle-disabled-unselected-handle-opacity, 0.38);
}
.mdc-switch__handle::before,
.mdc-switch__handle::after {
  border: 1px solid transparent;
  border-radius: inherit;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1), border-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.mdc-switch--selected:enabled .mdc-switch__handle::after {
  background: var(--dx-slide-toggle-selected-handle-color, var(--dx-sys-on-primary));
  box-shadow: var(--dx-slide-toggle-selected-handle-shadow);
}
.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after {
  background: var(--dx-slide-toggle-selected-hover-handle-color, var(--dx-sys-primary-container));
  box-shadow: var(--dx-slide-toggle-selected-handle-shadow);
}
.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after {
  background: var(--dx-slide-toggle-selected-focus-handle-color, var(--dx-sys-primary-container));
  box-shadow: var(--dx-slide-toggle-selected-handle-shadow);
}
.mdc-switch--selected:enabled:active .mdc-switch__handle::after {
  background: var(--dx-slide-toggle-selected-pressed-handle-color, var(--dx-sys-primary-container));
  box-shadow: var(--dx-slide-toggle-selected-handle-shadow);
}
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled.mdc-switch--selected:hover:not(:focus):not(:active) .mdc-switch__handle::after,
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled.mdc-switch--selected:focus:not(:active) .mdc-switch__handle::after,
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled.mdc-switch--selected:active .mdc-switch__handle::after,
.mdc-switch--selected.mdc-switch--disabled .mdc-switch__handle::after {
  background: var(--dx-slide-toggle-disabled-selected-handle-color, var(--dx-sys-surface));
  box-shadow: var(--dx-slide-toggle-selected-handle-shadow);
}
.mdc-switch--unselected:enabled .mdc-switch__handle::after {
  background: var(--dx-slide-toggle-unselected-handle-color, var(--dx-sys-outline));
  box-shadow: var(--dx-slide-toggle-unselected-handle-shadow);
}
.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after {
  background: var(--dx-slide-toggle-unselected-hover-handle-color, var(--dx-sys-on-surface-variant));
  box-shadow: var(--dx-slide-toggle-unselected-handle-shadow);
}
.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after {
  background: var(--dx-slide-toggle-unselected-focus-handle-color, var(--dx-sys-on-surface-variant));
  box-shadow: var(--dx-slide-toggle-unselected-handle-shadow);
}
.mdc-switch--unselected:enabled:active .mdc-switch__handle::after {
  background: var(--dx-slide-toggle-unselected-pressed-handle-color, var(--dx-sys-on-surface-variant));
  box-shadow: var(--dx-slide-toggle-unselected-handle-shadow);
}
.mdc-switch--unselected.mdc-switch--disabled .mdc-switch__handle::after {
  background: var(--dx-slide-toggle-disabled-unselected-handle-color, var(--dx-sys-on-surface));
  box-shadow: var(--dx-slide-toggle-unselected-handle-shadow);
}
.mdc-switch__handle::before {
  background: var(--dx-slide-toggle-handle-surface-color);
}
.mdc-switch__shadow {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mdc-switch:enabled .mdc-switch__shadow {
  box-shadow: var(--dx-slide-toggle-handle-elevation-shadow);
}
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:hover:not(:focus):not(:active) .mdc-switch__shadow,
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:focus:not(:active) .mdc-switch__shadow,
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:active .mdc-switch__shadow,
.mdc-switch.mdc-switch--disabled .mdc-switch__shadow {
  box-shadow: var(--dx-slide-toggle-disabled-handle-elevation-shadow);
}
.mdc-switch__ripple {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: var(--dx-slide-toggle-state-layer-size, 40px);
  height: var(--dx-slide-toggle-state-layer-size, 40px);
}
.mdc-switch__ripple::after {
  content: "";
  opacity: 0;
}
.mdc-switch--disabled .mdc-switch__ripple::after {
  display: none;
}
.dx-mdc-slide-toggle-disabled-interactive .mdc-switch__ripple::after {
  display: block;
}
.mdc-switch:hover .mdc-switch__ripple::after {
  transition: 75ms opacity cubic-bezier(0, 0, 0.2, 1);
}
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:enabled:focus .mdc-switch__ripple::after,
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:enabled:active .mdc-switch__ripple::after,
.dx-mdc-slide-toggle-disabled-interactive.mdc-switch--disabled:enabled:hover:not(:focus) .mdc-switch__ripple::after,
.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::after {
  background: var(--dx-slide-toggle-unselected-hover-state-layer-color, var(--dx-sys-on-surface));
  opacity: var(--dx-slide-toggle-unselected-hover-state-layer-opacity, var(--dx-sys-hover-state-layer-opacity));
}
.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::after {
  background: var(--dx-slide-toggle-unselected-focus-state-layer-color, var(--dx-sys-on-surface));
  opacity: var(--dx-slide-toggle-unselected-focus-state-layer-opacity, var(--dx-sys-focus-state-layer-opacity));
}
.mdc-switch--unselected:enabled:active .mdc-switch__ripple::after {
  background: var(--dx-slide-toggle-unselected-pressed-state-layer-color, var(--dx-sys-on-surface));
  opacity: var(--dx-slide-toggle-unselected-pressed-state-layer-opacity, var(--dx-sys-pressed-state-layer-opacity));
  transition: opacity 75ms linear;
}
.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after {
  background: var(--dx-slide-toggle-selected-hover-state-layer-color, var(--dx-sys-primary));
  opacity: var(--dx-slide-toggle-selected-hover-state-layer-opacity, var(--dx-sys-hover-state-layer-opacity));
}
.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after {
  background: var(--dx-slide-toggle-selected-focus-state-layer-color, var(--dx-sys-primary));
  opacity: var(--dx-slide-toggle-selected-focus-state-layer-opacity, var(--dx-sys-focus-state-layer-opacity));
}
.mdc-switch--selected:enabled:active .mdc-switch__ripple::after {
  background: var(--dx-slide-toggle-selected-pressed-state-layer-color, var(--dx-sys-primary));
  opacity: var(--dx-slide-toggle-selected-pressed-state-layer-opacity, var(--dx-sys-pressed-state-layer-opacity));
  transition: opacity 75ms linear;
}
.mdc-switch__icons {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 1;
  transform: translateZ(0);
}
.mdc-switch--disabled.mdc-switch--unselected .mdc-switch__icons {
  opacity: var(--dx-slide-toggle-disabled-unselected-icon-opacity, 0.38);
}
.mdc-switch--disabled.mdc-switch--selected .mdc-switch__icons {
  opacity: var(--dx-slide-toggle-disabled-selected-icon-opacity, 0.38);
}
.mdc-switch__icon {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: opacity 30ms 0ms cubic-bezier(0.4, 0, 1, 1);
}
.mdc-switch--unselected .mdc-switch__icon {
  width: var(--dx-slide-toggle-unselected-icon-size, 16px);
  height: var(--dx-slide-toggle-unselected-icon-size, 16px);
  fill: var(--dx-slide-toggle-unselected-icon-color, var(--dx-sys-surface-variant));
}
.mdc-switch--unselected.mdc-switch--disabled .mdc-switch__icon {
  fill: var(--dx-slide-toggle-disabled-unselected-icon-color, var(--dx-sys-surface-variant));
}
.mdc-switch--selected .mdc-switch__icon {
  width: var(--dx-slide-toggle-selected-icon-size, 16px);
  height: var(--dx-slide-toggle-selected-icon-size, 16px);
  fill: var(--dx-slide-toggle-selected-icon-color, var(--dx-sys-on-primary-container));
}
.mdc-switch--selected.mdc-switch--disabled .mdc-switch__icon {
  fill: var(--dx-slide-toggle-disabled-selected-icon-color, var(--dx-sys-on-surface));
}
.mdc-switch--selected .mdc-switch__icon--on,
.mdc-switch--unselected .mdc-switch__icon--off {
  opacity: 1;
  transition: opacity 45ms 30ms cubic-bezier(0, 0, 0.2, 1);
}
.dx-mdc-slide-toggle {
  -webkit-user-select: none;
  user-select: none;
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
}
.dx-mdc-slide-toggle .dx-mdc-slide-toggle-ripple,
.dx-mdc-slide-toggle .mdc-switch__ripple::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.dx-mdc-slide-toggle .dx-mdc-slide-toggle-ripple:not(:empty),
.dx-mdc-slide-toggle .mdc-switch__ripple::after:not(:empty) {
  transform: translateZ(0);
}
.dx-mdc-slide-toggle.dx-mdc-slide-toggle-focused .dx-focus-indicator::before {
  content: "";
}
.dx-mdc-slide-toggle .dx-internal-form-field {
  color: var(--dx-slide-toggle-label-text-color, var(--dx-sys-on-surface));
  line-height: var(--dx-slide-toggle-label-text-line-height, var(--dx-sys-body-medium-line-height));
  font-size: var(--dx-slide-toggle-label-text-size, var(--dx-sys-body-medium-size));
  letter-spacing: var(--dx-slide-toggle-label-text-tracking, var(--dx-sys-body-medium-tracking));
  font-weight: var(--dx-slide-toggle-label-text-weight, var(--dx-sys-body-medium-weight));
}
.dx-mdc-slide-toggle .dx-ripple-element {
  opacity: 0.12;
}
.dx-mdc-slide-toggle .dx-focus-indicator::before {
  border-radius: 50%;
}
.dx-mdc-slide-toggle._dx-animation-noopable .mdc-switch__handle-track,
.dx-mdc-slide-toggle._dx-animation-noopable .mdc-switch__icon,
.dx-mdc-slide-toggle._dx-animation-noopable .mdc-switch__handle::before,
.dx-mdc-slide-toggle._dx-animation-noopable .mdc-switch__handle::after,
.dx-mdc-slide-toggle._dx-animation-noopable .mdc-switch__track::before,
.dx-mdc-slide-toggle._dx-animation-noopable .mdc-switch__track::after {
  transition: none;
}
.dx-mdc-slide-toggle .mdc-switch:enabled + .mdc-label {
  cursor: pointer;
}
.dx-mdc-slide-toggle .mdc-switch--disabled + label {
  color: var(--dx-slide-toggle-disabled-label-text-color);
}
.dx-mdc-slider-visual-thumb .dx-ripple {
  height: 100%;
  width: 100%;
}
.dx-mdc-slider .mdc-slider__tick-marks {
  justify-content: start;
}
.dx-mdc-slider .mdc-slider__tick-marks .mdc-slider__tick-mark--active,
.dx-mdc-slider .mdc-slider__tick-marks .mdc-slider__tick-mark--inactive {
  position: absolute;
  left: 2px;
}
.dx-snack-bar-container {
  display: flex;
  align-items: center;
  gap: var(--dx-snackbar-gap);
  background: var(--dx-snackbar-background);
  color: var(--dx-snackbar-color);
  padding: var(--dx-snackbar-padding);
  border-radius: var(--dx-snackbar-border-radius);
  box-shadow: var(--dx-snackbar-elevation);
  min-width: var(--dx-snackbar-min-width);
  max-width: var(--dx-snackbar-max-width);
  animation: slideUp 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.dx-snack-bar-content {
  display: flex;
  align-items: center;
  gap: var(--dx-snackbar-gap);
  flex: 1;
}
.dx-snack-bar-message {
  flex: 1;
  font-size: var(--dx-snackbar-font-size);
  line-height: var(--dx-snackbar-line-height);
}
.dx-snack-bar-action {
  background: transparent;
  border: none;
  color: var(--dx-snackbar-action-color);
  font-size: var(--dx-snackbar-action-font-size);
  font-weight: var(--dx-snackbar-action-font-weight);
  text-transform: uppercase;
  padding: 0;
  cursor: pointer;
  outline: none;
  transition: color 200ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.dx-snack-bar-action:hover {
  color: var(--dx-snackbar-action-color-hover);
}
.dx-snack-bar-action:focus {
  color: var(--dx-snackbar-action-color-focus);
}
.dx-snack-bar-dismiss {
  background: transparent;
  border: none;
  color: var(--dx-snackbar-dismiss-color);
  font-size: 18px;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  border-radius: 50%;
  transition: all 200ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.dx-snack-bar-dismiss:hover {
  background: var(--dx-snackbar-dismiss-background-hover);
  color: var(--dx-snackbar-dismiss-color-hover);
}
.dx-snack-bar-start {
  align-self: flex-start;
}
.dx-snack-bar-center {
  align-self: center;
}
.dx-snack-bar-end {
  align-self: flex-end;
}
.dx-snack-bar-left {
  align-self: flex-start;
}
.dx-snack-bar-right {
  align-self: flex-end;
}
@keyframes slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@media (max-width: 600px) {
  .dx-snack-bar-container {
    min-width: 100%;
    max-width: 100%;
    margin: 0 8px;
  }
}
.dx-snack-bar-success {
  background: var(--dx-snackbar-success-background);
}
.dx-snack-bar-error {
  background: var(--dx-snackbar-error-background);
}
.dx-snack-bar-warning {
  background: var(--dx-snackbar-warning-background);
}
.dx-snack-bar-info {
  background: var(--dx-snackbar-info-background);
}
.dx-mdc-tab-body {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  outline: 0;
  flex-basis: 100%;
  margin-top: 16px;
}
.dx-mdc-tab-body.dx-mdc-tab-body-active {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  flex-grow: 1;
  border-radius: 16px;
  border: 1px solid var(--dx-tab-body-outline-color);
  background: var(--dx-tab-body-background-color);
}
.dx-mdc-tab-group.dx-mdc-tab-group-dynamic-height .dx-mdc-tab-body.dx-mdc-tab-body-active {
  overflow-y: hidden;
}
.dx-mdc-tab-body-content {
  height: 100%;
  overflow: auto;
  transform: none;
  visibility: hidden;
}
.dx-tab-body-animating > .dx-mdc-tab-body-content,
.dx-mdc-tab-body-active > .dx-mdc-tab-body-content {
  visibility: visible;
}
.dx-mdc-tab-group-dynamic-height .dx-mdc-tab-body-content {
  overflow: hidden;
}
.dx-tab-body-content-can-animate {
  transition: transform var(--dx-tab-animation-duration) 1ms cubic-bezier(0.35, 0, 0.25, 1);
}
.dx-mdc-tab-body-wrapper._dx-animation-noopable .dx-tab-body-content-can-animate {
  transition: none;
}
.dx-tab-body-content-left {
  transform: translate3d(-100%, 0, 0);
}
.dx-tab-body-content-right {
  transform: translate3d(100%, 0, 0);
}
.mdc-tab {
  min-width: 90px;
  height: var(--dx-tab-height);
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  outline: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1;
}
.mdc-tab__content {
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.mdc-tab__text-label {
  transition: 150ms color linear;
  display: inline-block;
  line-height: 1;
  z-index: 2;
}
.mdc-tab--active .mdc-tab__text-label {
  transition-delay: 100ms;
}
._dx-animation-noopable .mdc-tab__text-label {
  transition: none;
}
.mdc-tab-indicator {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.mdc-tab-indicator__content {
  transition: var(--dx-tab-animation-duration, 250ms) transform cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: left;
  opacity: 0;
}
.mdc-tab-indicator__content--underline {
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  border-top-style: solid;
}
.mdc-tab-indicator--active .mdc-tab-indicator__content {
  opacity: 1;
}
._dx-animation-noopable .mdc-tab-indicator__content,
.mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
  transition: none;
}
.dx-mdc-tab-ripple.dx-mdc-tab-ripple {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.dx-mdc-tab {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  background: none;
  font-size: var(--dx-tab-label-text-size, var(--dx-sys-title-small-size));
  letter-spacing: var(--dx-tab-label-text-tracking, var(--dx-sys-title-small-tracking));
  line-height: var(--dx-tab-label-text-line-height, var(--dx-sys-title-small-line-height));
  font-weight: var(--dx-tab-label-text-weight, var(--dx-sys-title-small-weight));
}
.dx-mdc-tab.mdc-tab {
  flex-grow: 0;
  border-radius: var(--dx-tab-shape);
}
.dx-mdc-tab .mdc-tab-indicator__content--underline {
  border-color: var(--dx-tab-active-indicator-color, var(--dx-sys-primary));
  border-top-width: var(--dx-tab-active-indicator-height, 2px);
  border-radius: var(--dx-tab-active-indicator-shape, 0);
}
.dx-mdc-tab:hover .mdc-tab__text-label {
  color: var(--dx-tab-inactive-hover-label-text-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab:focus .mdc-tab__text-label {
  color: var(--dx-tab-inactive-focus-label-text-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab.mdc-tab--active {
  background: var(--dx-tab-active-ripple-color);
  box-shadow: var(--dx-tab-active-elevation);
}
.dx-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--dx-tab-active-label-text-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab.mdc-tab--active .mdc-tab__ripple::before,
.dx-mdc-tab.mdc-tab--active .dx-ripple-element {
  background-color: var(--dx-tab-active-ripple-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label {
  color: var(--dx-tab-active-hover-label-text-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline {
  border-color: var(--dx-tab-active-hover-indicator-color, var(--dx-sys-primary));
}
.dx-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label {
  color: var(--dx-tab-active-focus-label-text-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline {
  border-color: var(--dx-tab-active-focus-indicator-color, var(--dx-sys-primary));
}
.dx-mdc-tab.dx-mdc-tab-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.dx-mdc-tab.dx-mdc-tab-disabled .mdc-tab__content {
  pointer-events: none;
}
.dx-mdc-tab.dx-mdc-tab-disabled .mdc-tab__ripple::before,
.dx-mdc-tab.dx-mdc-tab-disabled .dx-ripple-element {
  background-color: var(--dx-tab-disabled-ripple-color, var(--dx-sys-on-surface-variant));
}
.dx-mdc-tab .mdc-tab__ripple::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  background-color: var(--dx-tab-inactive-ripple-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab .mdc-tab__text-label {
  color: var(--dx-tab-inactive-label-text-color, var(--dx-sys-on-surface));
  display: inline-flex;
  align-items: center;
}
.dx-mdc-tab .mdc-tab__content {
  position: relative;
  pointer-events: auto;
}
.dx-mdc-tab:hover .mdc-tab__ripple::before {
  opacity: 1;
  border-radius: var(--dx-tab-shape);
  box-shadow: var(--dx-tab-active-elevation);
}
.dx-mdc-tab.cdk-program-focused .mdc-tab__ripple::before,
.dx-mdc-tab.cdk-keyboard-focused .mdc-tab__ripple::before {
  opacity: 0.12;
}
.dx-mdc-tab .dx-ripple-element {
  opacity: 0.12;
  background-color: var(--dx-tab-inactive-ripple-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-group.dx-mdc-tab-group-stretch-tabs > .dx-mdc-tab-header .dx-mdc-tab {
  flex-grow: 1;
}
.dx-mdc-tab-group {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.dx-mdc-tab-group.dx-tabs-with-background > .dx-mdc-tab-header,
.dx-mdc-tab-group.dx-tabs-with-background > .dx-mdc-tab-header-pagination {
  background-color: var(--dx-tab-background-color);
}
.dx-mdc-tab-group.dx-tabs-with-background > .dx-mdc-tab-header .dx-mdc-tab-header-pagination-chevron,
.dx-mdc-tab-group.dx-tabs-with-background > .dx-mdc-tab-header .dx-focus-indicator::before,
.dx-mdc-tab-group.dx-tabs-with-background > .dx-mdc-tab-header-pagination .dx-mdc-tab-header-pagination-chevron,
.dx-mdc-tab-group.dx-tabs-with-background > .dx-mdc-tab-header-pagination .dx-focus-indicator::before {
  border-color: var(--dx-tab-foreground-color);
}
.dx-mdc-tab-group.dx-tabs-with-background > .dx-mdc-tab-header .dx-ripple-element,
.dx-mdc-tab-group.dx-tabs-with-background > .dx-mdc-tab-header .mdc-tab__ripple::before,
.dx-mdc-tab-group.dx-tabs-with-background > .dx-mdc-tab-header-pagination .dx-ripple-element,
.dx-mdc-tab-group.dx-tabs-with-background > .dx-mdc-tab-header-pagination .mdc-tab__ripple::before {
  background-color: var(--dx-tab-active-ripple-color);
}
.dx-mdc-tab-group.dx-tabs-with-background > .dx-mdc-tab-header .dx-mdc-tab-header-pagination-chevron,
.dx-mdc-tab-group.dx-tabs-with-background > .dx-mdc-tab-header-pagination .dx-mdc-tab-header-pagination-chevron {
  color: var(--dx-tab-foreground-color);
}
.dx-mdc-tab-group.dx-mdc-tab-group-inverted-header {
  flex-direction: column-reverse;
}
.dx-mdc-tab-group.dx-mdc-tab-group-inverted-header .mdc-tab-indicator__content--underline {
  align-self: flex-start;
}
.dx-mdc-tab-body-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  transition: height 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.dx-mdc-tab-body-wrapper._dx-animation-noopable {
  transition: none !important;
  animation: none !important;
}
.dx-mdc-tab-header {
  display: flex;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  border-radius: var(--dx-tab-header-shape);
  border: 1px solid var(--dx-tab-header-outline-color);
  height: var(--dx-tab-container-height, 48px);
}
.mdc-tab-indicator .mdc-tab-indicator__content {
  transition-duration: var(--dx-tab-animation-duration, 250ms);
}
.dx-mdc-tab-header-pagination {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  cursor: pointer;
  z-index: 2;
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
  box-sizing: content-box;
  outline: 0;
}
.dx-mdc-tab-header-pagination::-moz-focus-inner {
  border: 0;
}
.dx-mdc-tab-header-pagination .dx-ripple-element {
  opacity: 0.12;
  background-color: var(--dx-tab-inactive-ripple-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-header-pagination-controls-enabled .dx-mdc-tab-header-pagination {
  display: flex;
}
.dx-mdc-tab-header-pagination-before,
.dx-mdc-tab-header-rtl .dx-mdc-tab-header-pagination-after {
  padding-left: 4px;
}
.dx-mdc-tab-header-pagination-before .dx-mdc-tab-header-pagination-chevron,
.dx-mdc-tab-header-rtl .dx-mdc-tab-header-pagination-after .dx-mdc-tab-header-pagination-chevron {
  transform: rotate(-135deg);
}
.dx-mdc-tab-header-rtl .dx-mdc-tab-header-pagination-before,
.dx-mdc-tab-header-pagination-after {
  padding-right: 4px;
}
.dx-mdc-tab-header-rtl .dx-mdc-tab-header-pagination-before .dx-mdc-tab-header-pagination-chevron,
.dx-mdc-tab-header-pagination-after .dx-mdc-tab-header-pagination-chevron {
  transform: rotate(45deg);
}
.dx-mdc-tab-header-pagination-chevron {
  border-style: solid;
  border-width: 2px 2px 0 0;
  height: 8px;
  width: 8px;
  border-color: var(--dx-tab-pagination-icon-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-header-pagination-disabled {
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.dx-mdc-tab-header-pagination-disabled .dx-mdc-tab-header-pagination-chevron {
  opacity: 0.4;
}
.dx-mdc-tab-list {
  flex-grow: 1;
  display: flex;
  align-items: center;
  position: relative;
  transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
._dx-animation-noopable .dx-mdc-tab-list {
  transition: none;
}
.dx-mdc-tab-label-container {
  padding: 0 4px;
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  z-index: 1;
  border-bottom-style: solid;
  border-bottom-width: var(--dx-tab-divider-height, 1px);
  border-bottom-color: var(--dx-tab-divider-color, var(--dx-sys-surface-variant));
}
.dx-mdc-tab-group-inverted-header .dx-mdc-tab-label-container {
  border-bottom: none;
  border-top-style: solid;
  border-top-width: var(--dx-tab-divider-height, 1px);
  border-top-color: var(--dx-tab-divider-color, var(--dx-sys-surface-variant));
}
.dx-mdc-tab-labels {
  display: flex;
  flex: 1 0 auto;
  gap: 4px;
}
[dx-align-tabs=center] > .dx-mdc-tab-header .dx-mdc-tab-labels {
  justify-content: center;
}
[dx-align-tabs=end] > .dx-mdc-tab-header .dx-mdc-tab-labels {
  justify-content: flex-end;
}
.cdk-drop-list .dx-mdc-tab-labels,
.dx-mdc-tab-labels.cdk-drop-list {
  min-height: var(--dx-tab-container-height, 48px);
}
.dx-mdc-tab::before {
  margin: 5px;
}
.dx-mdc-tab-link {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  background: none;
  height: var(--dx-tab-container-height, 48px);
  font-size: var(--dx-tab-label-text-size, var(--dx-sys-title-small-size));
  letter-spacing: var(--dx-tab-label-text-tracking, var(--dx-sys-title-small-tracking));
  line-height: var(--dx-tab-label-text-line-height, var(--dx-sys-title-small-line-height));
  font-weight: var(--dx-tab-label-text-weight, var(--dx-sys-title-small-weight));
}
.dx-mdc-tab-link.mdc-tab {
  flex-grow: 0;
}
.dx-mdc-tab-link .mdc-tab-indicator__content--underline {
  border-color: var(--dx-tab-active-indicator-color, var(--dx-sys-primary));
  border-top-width: var(--dx-tab-active-indicator-height, 2px);
  border-radius: var(--dx-tab-active-indicator-shape, 0);
}
.dx-mdc-tab-link:hover .mdc-tab__text-label {
  color: var(--dx-tab-inactive-hover-label-text-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-link:focus .mdc-tab__text-label {
  color: var(--dx-tab-inactive-focus-label-text-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
  color: var(--dx-tab-active-label-text-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-link.mdc-tab--active .mdc-tab__ripple::before,
.dx-mdc-tab-link.mdc-tab--active .dx-ripple-element {
  background-color: var(--dx-tab-active-ripple-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-link.mdc-tab--active:hover .mdc-tab__text-label {
  color: var(--dx-tab-active-hover-label-text-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-link.mdc-tab--active:hover .mdc-tab-indicator__content--underline {
  border-color: var(--dx-tab-active-hover-indicator-color, var(--dx-sys-primary));
}
.dx-mdc-tab-link.mdc-tab--active:focus .mdc-tab__text-label {
  color: var(--dx-tab-active-focus-label-text-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-link.mdc-tab--active:focus .mdc-tab-indicator__content--underline {
  border-color: var(--dx-tab-active-focus-indicator-color, var(--dx-sys-primary));
}
.dx-mdc-tab-link.dx-mdc-tab-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.dx-mdc-tab-link.dx-mdc-tab-disabled .mdc-tab__content {
  pointer-events: none;
}
.dx-mdc-tab-link.dx-mdc-tab-disabled .mdc-tab__ripple::before,
.dx-mdc-tab-link.dx-mdc-tab-disabled .dx-ripple-element {
  background-color: var(--dx-tab-disabled-ripple-color, var(--dx-sys-on-surface-variant));
}
.dx-mdc-tab-link .mdc-tab__ripple::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  background-color: var(--dx-tab-inactive-ripple-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-link .mdc-tab__text-label {
  color: var(--dx-tab-inactive-label-text-color, var(--dx-sys-on-surface));
  display: inline-flex;
  align-items: center;
}
.dx-mdc-tab-link .mdc-tab__content {
  position: relative;
  pointer-events: auto;
}
.dx-mdc-tab-link:hover .mdc-tab__ripple::before {
  opacity: 0.04;
}
.dx-mdc-tab-link.cdk-program-focused .mdc-tab__ripple::before,
.dx-mdc-tab-link.cdk-keyboard-focused .mdc-tab__ripple::before {
  opacity: 0.12;
}
.dx-mdc-tab-link .dx-ripple-element {
  opacity: 0.12;
  background-color: var(--dx-tab-inactive-ripple-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-header.dx-mdc-tab-nav-bar-stretch-tabs .dx-mdc-tab-link {
  flex-grow: 1;
}
.dx-mdc-tab-link::before {
  margin: 5px;
}
@media (max-width: 599px) {
  .dx-mdc-tab-link {
    min-width: 72px;
  }
}
.mdc-tab {
  min-width: 90px;
  height: var(--dx-tab-height);
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  outline: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1;
}
.mdc-tab__content {
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.mdc-tab__text-label {
  transition: 150ms color linear;
  display: inline-block;
  line-height: 1;
  z-index: 2;
}
.mdc-tab--active .mdc-tab__text-label {
  transition-delay: 100ms;
}
._dx-animation-noopable .mdc-tab__text-label {
  transition: none;
}
.mdc-tab-indicator {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.mdc-tab-indicator__content {
  transition: var(--dx-tab-animation-duration, 250ms) transform cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: left;
  opacity: 0;
}
.mdc-tab-indicator__content--underline {
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  border-top-style: solid;
}
.mdc-tab-indicator--active .mdc-tab-indicator__content {
  opacity: 1;
}
._dx-animation-noopable .mdc-tab-indicator__content,
.mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
  transition: none;
}
.dx-mdc-tab-ripple.dx-mdc-tab-ripple {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.dx-mdc-tab-header {
  display: flex;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  border-radius: var(--dx-tab-header-shape);
  border: 1px solid var(--dx-tab-header-outline-color);
}
.mdc-tab-indicator .mdc-tab-indicator__content {
  transition-duration: var(--dx-tab-animation-duration, 250ms);
}
.dx-mdc-tab-header-pagination {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  cursor: pointer;
  z-index: 2;
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
  box-sizing: content-box;
  outline: 0;
}
.dx-mdc-tab-header-pagination::-moz-focus-inner {
  border: 0;
}
.dx-mdc-tab-header-pagination .dx-ripple-element {
  opacity: 0.12;
  background-color: var(--dx-tab-inactive-ripple-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-header-pagination-controls-enabled .dx-mdc-tab-header-pagination {
  display: flex;
}
.dx-mdc-tab-header-pagination-before,
.dx-mdc-tab-header-rtl .dx-mdc-tab-header-pagination-after {
  padding-left: 4px;
}
.dx-mdc-tab-header-pagination-before .dx-mdc-tab-header-pagination-chevron,
.dx-mdc-tab-header-rtl .dx-mdc-tab-header-pagination-after .dx-mdc-tab-header-pagination-chevron {
  transform: rotate(-135deg);
}
.dx-mdc-tab-header-rtl .dx-mdc-tab-header-pagination-before,
.dx-mdc-tab-header-pagination-after {
  padding-right: 4px;
}
.dx-mdc-tab-header-rtl .dx-mdc-tab-header-pagination-before .dx-mdc-tab-header-pagination-chevron,
.dx-mdc-tab-header-pagination-after .dx-mdc-tab-header-pagination-chevron {
  transform: rotate(45deg);
}
.dx-mdc-tab-header-pagination-chevron {
  border-style: solid;
  border-width: 2px 2px 0 0;
  height: 8px;
  width: 8px;
  border-color: var(--dx-tab-pagination-icon-color, var(--dx-sys-on-surface));
}
.dx-mdc-tab-header-pagination-disabled {
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.dx-mdc-tab-header-pagination-disabled .dx-mdc-tab-header-pagination-chevron {
  opacity: 0.4;
}
.dx-mdc-tab-list {
  flex-grow: 1;
  display: flex;
  align-items: center;
  position: relative;
  transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
._dx-animation-noopable .dx-mdc-tab-list {
  transition: none;
}
.dx-mdc-tab-links {
  display: flex;
  flex: 1 0 auto;
}
[dx-align-tabs=center] > .dx-mdc-tab-link-container .dx-mdc-tab-links {
  justify-content: center;
}
[dx-align-tabs=end] > .dx-mdc-tab-link-container .dx-mdc-tab-links {
  justify-content: flex-end;
}
.cdk-drop-list .dx-mdc-tab-links,
.dx-mdc-tab-links.cdk-drop-list {
  min-height: var(--dx-tab-container-height, 48px);
}
.dx-mdc-tab-link-container {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  z-index: 1;
  border-bottom-style: solid;
  border-bottom-width: var(--dx-tab-divider-height, 1px);
  border-bottom-color: var(--dx-tab-divider-color, var(--dx-sys-surface-variant));
}
.dx-mdc-tab-nav-bar.dx-tabs-with-background > .dx-mdc-tab-link-container,
.dx-mdc-tab-nav-bar.dx-tabs-with-background > .dx-mdc-tab-header-pagination {
  background-color: var(--dx-tab-background-color);
}
.dx-mdc-tab-nav-bar.dx-tabs-with-background.dx-primary > .dx-mdc-tab-link-container .dx-mdc-tab-link .mdc-tab__text-label {
  color: var(--dx-tab-foreground-color);
}
.dx-mdc-tab-nav-bar.dx-tabs-with-background.dx-primary > .dx-mdc-tab-link-container .mdc-tab-indicator__content--underline {
  border-color: var(--dx-tab-foreground-color);
}
.dx-mdc-tab-nav-bar.dx-tabs-with-background:not(.dx-primary) > .dx-mdc-tab-link-container .dx-mdc-tab-link:not(.mdc-tab--active) .mdc-tab__text-label {
  color: var(--dx-tab-foreground-color);
}
.dx-mdc-tab-nav-bar.dx-tabs-with-background:not(.dx-primary) > .dx-mdc-tab-link-container .dx-mdc-tab-link:not(.mdc-tab--active) .mdc-tab-indicator__content--underline {
  border-color: var(--dx-tab-foreground-color);
}
.dx-mdc-tab-nav-bar.dx-tabs-with-background > .dx-mdc-tab-link-container .dx-mdc-tab-header-pagination-chevron,
.dx-mdc-tab-nav-bar.dx-tabs-with-background > .dx-mdc-tab-link-container .dx-focus-indicator::before,
.dx-mdc-tab-nav-bar.dx-tabs-with-background > .dx-mdc-tab-header-pagination .dx-mdc-tab-header-pagination-chevron,
.dx-mdc-tab-nav-bar.dx-tabs-with-background > .dx-mdc-tab-header-pagination .dx-focus-indicator::before {
  border-color: var(--dx-tab-foreground-color);
}
.dx-mdc-tab-nav-bar.dx-tabs-with-background > .dx-mdc-tab-link-container .dx-ripple-element,
.dx-mdc-tab-nav-bar.dx-tabs-with-background > .dx-mdc-tab-link-container .mdc-tab__ripple::before,
.dx-mdc-tab-nav-bar.dx-tabs-with-background > .dx-mdc-tab-header-pagination .dx-ripple-element,
.dx-mdc-tab-nav-bar.dx-tabs-with-background > .dx-mdc-tab-header-pagination .mdc-tab__ripple::before {
  background-color: var(--dx-tab-foreground-color);
}
.dx-mdc-tab-nav-bar.dx-tabs-with-background > .dx-mdc-tab-link-container .dx-mdc-tab-header-pagination-chevron,
.dx-mdc-tab-nav-bar.dx-tabs-with-background > .dx-mdc-tab-header-pagination .dx-mdc-tab-header-pagination-chevron {
  color: var(--dx-tab-foreground-color);
}
.dx-tooltip-trigger {
  position: relative;
  display: inline-block;
}
.dx-tooltip-panel {
  pointer-events: none;
}
.dx-tooltip {
  display: block;
  pointer-events: none;
  z-index: var(--dx-tooltip-z-index);
  min-height: var(--dx-tooltip-container-min-height);
  max-width: var(--dx-tooltip-container-max-width);
  padding: var(--dx-tooltip-container-padding);
  background: var(--dx-tooltip-container-color);
  color: var(--dx-tooltip-supporting-text-color);
  border-radius: var(--dx-tooltip-container-shape);
  box-shadow: var(--dx-tooltip-container-elevation);
  font-family: var(--dx-tooltip-supporting-text-font);
  font-size: var(--dx-tooltip-supporting-text-size);
  font-weight: var(--dx-tooltip-supporting-text-weight);
  line-height: var(--dx-tooltip-supporting-text-line-height);
  letter-spacing: var(--dx-tooltip-supporting-text-tracking);
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: center;
  box-sizing: border-box;
  opacity: 0;
  transform: scale(0.8);
  transform-origin: center center;
  transition: opacity var(--dx-tooltip-motion-duration-short4) var(--dx-tooltip-motion-easing-emphasized), transform var(--dx-tooltip-motion-duration-short4) var(--dx-tooltip-motion-easing-emphasized);
}
.dx-tooltip.dx-tooltip-very-short {
  max-width: var(--dx-tooltip-container-max-width-very-short);
  width: max-content;
}
.dx-tooltip.dx-tooltip-short {
  max-width: var(--dx-tooltip-container-max-width-short);
}
.dx-tooltip.dx-tooltip-medium {
  max-width: var(--dx-tooltip-container-max-width-medium);
  white-space: pre-line;
  text-align: left;
}
.dx-tooltip.dx-tooltip-long {
  max-width: var(--dx-tooltip-container-max-width-long);
  white-space: pre-line;
  text-align: left;
  word-break: break-word;
  hyphens: auto;
}
.dx-tooltip.dx-tooltip-multiline {
  white-space: pre-line;
  word-break: break-word;
  hyphens: auto;
  text-align: left;
}
.dx-tooltip.dx-tooltip-show {
  opacity: 1;
  transform: scale(1);
}
.dx-tooltip-panel-above .dx-tooltip {
  transform-origin: center bottom;
}
.dx-tooltip-panel-below .dx-tooltip {
  transform-origin: center top;
}
.dx-tooltip-panel-left .dx-tooltip,
.dx-tooltip-panel-before .dx-tooltip {
  transform-origin: right center;
}
.dx-tooltip-panel-right .dx-tooltip,
.dx-tooltip-panel-after .dx-tooltip {
  transform-origin: left center;
}
.dx-tooltip[dir=rtl].dx-tooltip-multiline,
.dx-tooltip[dir=rtl].dx-tooltip-medium,
.dx-tooltip[dir=rtl].dx-tooltip-long {
  text-align: right;
}
.dx-tooltip[class*="!bg-"] {
  background: unset !important;
}
@media (prefers-contrast: high) {
  .dx-tooltip {
    border: 1px solid;
  }
}
@media (hover: none) and (pointer: coarse) {
  .dx-tooltip {
    font-size: var(--dx-tooltip-supporting-text-size);
    padding: var(--dx-tooltip-container-padding);
    white-space: pre-line;
    text-align: left;
    max-width: min(var(--dx-tooltip-container-max-width), 90vw);
  }
  .dx-tooltip.dx-tooltip-very-short,
  .dx-tooltip.dx-tooltip-short,
  .dx-tooltip.dx-tooltip-medium,
  .dx-tooltip.dx-tooltip-long {
    max-width: 90vw;
    white-space: pre-line;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .dx-tooltip {
    max-width: 90vw;
    white-space: pre-line;
    text-align: left;
  }
  .dx-tooltip.dx-tooltip-very-short,
  .dx-tooltip.dx-tooltip-short,
  .dx-tooltip.dx-tooltip-medium,
  .dx-tooltip.dx-tooltip-long {
    max-width: 90vw;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dx-tooltip {
    transition: none;
  }
}
.dx-tooltip:empty {
  display: none;
}
.dx-tooltip-trigger:focus-visible {
  outline: 2px solid var(--dx-dialog-focus-outline, #1976d2);
  outline-offset: 2px;
}

/* node_modules/highlight.js/styles/github.css */
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
code.hljs {
  padding: 3px 5px;
}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/
.hljs {
  color: #24292e;
  background: #ffffff;
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  color: #d73a49;
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  color: #6f42c1;
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  color: #005cc5;
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  color: #032f62;
}
.hljs-built_in,
.hljs-symbol {
  color: #e36209;
}
.hljs-comment,
.hljs-code,
.hljs-formula {
  color: #6a737d;
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  color: #22863a;
}
.hljs-subst {
  color: #24292e;
}
.hljs-section {
  color: #005cc5;
  font-weight: bold;
}
.hljs-bullet {
  color: #735c0f;
}
.hljs-emphasis {
  color: #24292e;
  font-style: italic;
}
.hljs-strong {
  color: #24292e;
  font-weight: bold;
}
.hljs-addition {
  color: #22863a;
  background-color: #f0fff4;
}
.hljs-deletion {
  color: #b31d28;
  background-color: #ffeef0;
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
}

/* node_modules/monaco-editor/min/vs/editor/editor.main.css */
/*!-----------------------------------------------------------
 * Copyright (c) Microsoft Corporation. All rights reserved.
 * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
 * Released under the MIT license
 * https://github.com/microsoft/vscode/blob/main/LICENSE.txt
 *-----------------------------------------------------------*/
.monaco-action-bar {
  height: 100%;
  white-space: nowrap;
}
.monaco-action-bar .actions-container {
  align-items: center;
  display: flex;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.monaco-action-bar.vertical .actions-container {
  display: inline-block;
}
.monaco-action-bar .action-item {
  align-items: center;
  cursor: pointer;
  display: block;
  justify-content: center;
  position: relative;
}
.monaco-action-bar .action-item.disabled {
  cursor: default;
}
.monaco-action-bar .action-item .codicon,
.monaco-action-bar .action-item .icon {
  display: block;
}
.monaco-action-bar .action-item .codicon {
  align-items: center;
  display: flex;
  height: 16px;
  width: 16px;
}
.monaco-action-bar .action-label {
  border-radius: 5px;
  display: flex;
  font-size: 11px;
  padding: 3px;
}
.monaco-action-bar .action-item.disabled .action-label,
.monaco-action-bar .action-item.disabled .action-label:before,
.monaco-action-bar .action-item.disabled .action-label:hover {
  color: var(--vscode-disabledForeground);
}
.monaco-action-bar.vertical {
  text-align: left;
}
.monaco-action-bar.vertical .action-item {
  display: block;
}
.monaco-action-bar.vertical .action-label.separator {
  border-bottom: 1px solid #bbb;
  display: block;
  margin-left: .8em;
  margin-right: .8em;
  padding-top: 1px;
}
.monaco-action-bar .action-item .action-label.separator {
  background-color: #bbb;
  cursor: default;
  height: 16px;
  margin: 5px 4px !important;
  min-width: 1px;
  padding: 0;
  width: 1px;
}
.secondary-actions .monaco-action-bar .action-label {
  margin-left: 6px;
}
.monaco-action-bar .action-item.select-container {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  margin-right: 10px;
  max-width: 170px;
  min-width: 60px;
  overflow: hidden;
}
.monaco-action-bar .action-item.action-dropdown-item {
  display: flex;
}
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
  align-items: center;
  cursor: default;
  display: flex;
}
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
  width: 1px;
}
.monaco-aria-container {
  left: -999em;
  position: absolute;
}
.monaco-text-button {
  align-items: center;
  border: 1px solid var(--vscode-button-border,transparent);
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  line-height: 18px;
  padding: 4px;
  text-align: center;
  width: 100%;
}
.monaco-text-button:focus {
  outline-offset: 2px !important;
}
.monaco-text-button:hover {
  text-decoration: none !important;
}
.monaco-button.disabled,
.monaco-button.disabled:focus {
  cursor: default;
  opacity: .4 !important;
}
.monaco-text-button .codicon {
  color: inherit !important;
  margin: 0 .2em;
}
.monaco-text-button.monaco-text-button-with-short-label {
  flex-direction: row;
  flex-wrap: wrap;
  height: 28px;
  overflow: hidden;
  padding: 0 4px;
}
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label {
  flex-basis: 100%;
}
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
  flex-grow: 1;
  overflow: hidden;
  width: 0;
}
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label,
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
  align-items: center;
  display: flex;
  font-style: inherit;
  font-weight: 400;
  justify-content: center;
  padding: 4px 0;
}
.monaco-button-dropdown {
  cursor: pointer;
  display: flex;
}
.monaco-button-dropdown.disabled {
  cursor: default;
}
.monaco-button-dropdown > .monaco-button:focus {
  outline-offset: -1px !important;
}
.monaco-button-dropdown.disabled > .monaco-button-dropdown-separator,
.monaco-button-dropdown.disabled > .monaco-button.disabled,
.monaco-button-dropdown.disabled > .monaco-button.disabled:focus {
  opacity: .4 !important;
}
.monaco-button-dropdown > .monaco-button.monaco-text-button {
  border-right-width: 0 !important;
}
.monaco-button-dropdown .monaco-button-dropdown-separator {
  cursor: default;
  padding: 4px 0;
}
.monaco-button-dropdown .monaco-button-dropdown-separator > div {
  height: 100%;
  width: 1px;
}
.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
  align-items: center;
  border: 1px solid var(--vscode-button-border,transparent);
  border-left-width: 0 !important;
  border-radius: 0 2px 2px 0;
  display: flex;
}
.monaco-button-dropdown > .monaco-button.monaco-text-button {
  border-radius: 2px 0 0 2px;
}
.monaco-description-button {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 4px 5px;
}
.monaco-description-button .monaco-button-description {
  font-size: 11px;
  font-style: italic;
  padding: 4px 20px;
}
.monaco-description-button .monaco-button-description,
.monaco-description-button .monaco-button-label {
  align-items: center;
  display: flex;
  justify-content: center;
}
.monaco-description-button .monaco-button-description > .codicon,
.monaco-description-button .monaco-button-label > .codicon {
  color: inherit !important;
  margin: 0 .2em;
}
.monaco-button-dropdown.default-colors > .monaco-button,
.monaco-button.default-colors {
  background-color: var(--vscode-button-background);
  color: var(--vscode-button-foreground);
}
.monaco-button-dropdown.default-colors > .monaco-button:hover,
.monaco-button.default-colors:hover {
  background-color: var(--vscode-button-hoverBackground);
}
.monaco-button-dropdown.default-colors > .monaco-button.secondary,
.monaco-button.default-colors.secondary {
  background-color: var(--vscode-button-secondaryBackground);
  color: var(--vscode-button-secondaryForeground);
}
.monaco-button-dropdown.default-colors > .monaco-button.secondary:hover,
.monaco-button.default-colors.secondary:hover {
  background-color: var(--vscode-button-secondaryHoverBackground);
}
.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
  background-color: var(--vscode-button-background);
  border-bottom: 1px solid var(--vscode-button-border);
  border-top: 1px solid var(--vscode-button-border);
}
.monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
  background-color: var(--vscode-button-secondaryBackground);
}
.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
  background-color: var(--vscode-button-separator);
}
@font-face {
  font-display: block;
  font-family: codicon;
  src: url("./media/codicon.ttf") format("truetype");
}
.codicon[class*=codicon-] {
  display: inline-block;
  font: normal normal normal 16px/1 codicon;
  text-align: center;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
  -webkit-user-select: none;
}
.codicon-wrench-subaction {
  opacity: .5;
}
@keyframes codicon-spin {
  to {
    transform: rotate(1turn);
  }
}
.codicon-gear.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin,
.codicon-sync.codicon-modifier-spin {
  animation: codicon-spin 1.5s steps(30) infinite;
}
.codicon-modifier-disabled {
  opacity: .4;
}
.codicon-loading,
.codicon-tree-item-loading:before {
  animation-duration: 1s !important;
  animation-timing-function: cubic-bezier(.53, .21, .29, .67) !important;
}
.context-view {
  position: absolute;
}
.context-view.fixed {
  all: initial;
  color: inherit;
  font-family: inherit;
  font-size: 13px;
  position: fixed;
}
.monaco-count-badge {
  border-radius: 11px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  line-height: 11px;
  min-height: 18px;
  min-width: 18px;
  padding: 3px 6px;
  text-align: center;
}
.monaco-count-badge.long {
  border-radius: 2px;
  line-height: normal;
  min-height: auto;
  padding: 2px 3px;
}
.monaco-dropdown {
  height: 100%;
  padding: 0;
}
.monaco-dropdown > .dropdown-label {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
}
.monaco-dropdown > .dropdown-label > .action-label.disabled {
  cursor: default;
}
.monaco-dropdown-with-primary {
  border-radius: 5px;
  display: flex !important;
  flex-direction: row;
}
.monaco-dropdown-with-primary > .action-container > .action-label {
  margin-right: 0;
}
.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*=codicon-] {
  font-size: 12px;
  line-height: 16px;
  margin-left: -3px;
  padding-left: 0;
  padding-right: 0;
}
.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  display: block;
}
.monaco-findInput {
  position: relative;
}
.monaco-findInput .monaco-inputbox {
  font-size: 13px;
  width: 100%;
}
.monaco-findInput > .controls {
  position: absolute;
  right: 2px;
  top: 3px;
}
.vs .monaco-findInput.disabled {
  background-color: #e1e1e1;
}
.vs-dark .monaco-findInput.disabled {
  background-color: #333;
}
.hc-light .monaco-findInput.highlight-0 .controls,
.monaco-findInput.highlight-0 .controls {
  animation: monaco-findInput-highlight-0 .1s linear 0s;
}
.hc-light .monaco-findInput.highlight-1 .controls,
.monaco-findInput.highlight-1 .controls {
  animation: monaco-findInput-highlight-1 .1s linear 0s;
}
.hc-black .monaco-findInput.highlight-0 .controls,
.vs-dark .monaco-findInput.highlight-0 .controls {
  animation: monaco-findInput-highlight-dark-0 .1s linear 0s;
}
.hc-black .monaco-findInput.highlight-1 .controls,
.vs-dark .monaco-findInput.highlight-1 .controls {
  animation: monaco-findInput-highlight-dark-1 .1s linear 0s;
}
@keyframes monaco-findInput-highlight-0 {
  0% {
    background: rgba(253, 255, 0, .8);
  }
  to {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-1 {
  0% {
    background: rgba(253, 255, 0, .8);
  }
  99% {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-dark-0 {
  0% {
    background: hsla(0, 0%, 100%, .44);
  }
  to {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-dark-1 {
  0% {
    background: hsla(0, 0%, 100%, .44);
  }
  99% {
    background: transparent;
  }
}
.monaco-hover {
  animation: fadein .1s linear;
  box-sizing: border-box;
  cursor: default;
  line-height: 1.5em;
  overflow: hidden;
  position: absolute;
  user-select: text;
  -webkit-user-select: text;
  white-space: var(--vscode-hover-whiteSpace,normal);
}
.monaco-hover.hidden {
  display: none;
}
.monaco-hover a:hover:not(.disabled) {
  cursor: pointer;
}
.monaco-hover .hover-contents:not(.html-hover-contents) {
  padding: 4px 8px;
}
.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
  max-width: var(--vscode-hover-maxWidth,500px);
  word-wrap: break-word;
}
.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
  min-width: 100%;
}
.monaco-hover .code,
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6,
.monaco-hover p,
.monaco-hover ul {
  margin: 8px 0;
}
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
  line-height: 1.1;
}
.monaco-hover code {
  font-family: var(--monaco-monospace-font);
}
.monaco-hover hr {
  border-left: 0;
  border-right: 0;
  box-sizing: border-box;
  height: 1px;
  margin: 4px -8px -4px;
}
.monaco-hover .code:first-child,
.monaco-hover p:first-child,
.monaco-hover ul:first-child {
  margin-top: 0;
}
.monaco-hover .code:last-child,
.monaco-hover p:last-child,
.monaco-hover ul:last-child {
  margin-bottom: 0;
}
.monaco-hover ol,
.monaco-hover ul {
  padding-left: 20px;
}
.monaco-hover li > p {
  margin-bottom: 0;
}
.monaco-hover li > ul {
  margin-top: 0;
}
.monaco-hover code {
  border-radius: 3px;
  padding: 0 .4em;
}
.monaco-hover .monaco-tokenized-source {
  white-space: var(--vscode-hover-sourceWhiteSpace,pre-wrap);
}
.monaco-hover .hover-row.status-bar {
  font-size: 12px;
  line-height: 22px;
}
.monaco-hover .hover-row.status-bar .info {
  font-style: italic;
  padding: 0 8px;
}
.monaco-hover .hover-row.status-bar .actions {
  display: flex;
  padding: 0 8px;
  width: 100%;
}
.monaco-hover .hover-row.status-bar .actions .action-container {
  cursor: pointer;
  margin-right: 16px;
}
.monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
  padding-right: 4px;
}
.monaco-hover .hover-row.status-bar .actions .action-container a {
  color: var(--vscode-textLink-foreground);
  -webkit-text-decoration: var(--text-link-decoration);
  text-decoration: var(--text-link-decoration);
}
.monaco-hover .markdown-hover .hover-contents .codicon {
  color: inherit;
  font-size: inherit;
  vertical-align: middle;
}
.monaco-hover .hover-contents a.code-link,
.monaco-hover .hover-contents a.code-link:hover {
  color: inherit;
}
.monaco-hover .hover-contents a.code-link:before {
  content: "(";
}
.monaco-hover .hover-contents a.code-link:after {
  content: ")";
}
.monaco-hover .hover-contents a.code-link > span {
  border-bottom: 1px solid transparent;
  color: var(--vscode-textLink-foreground);
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-hover .hover-contents a.code-link > span:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span {
  display: inline-block;
  margin-bottom: 4px;
}
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span.codicon {
  margin-bottom: 2px;
}
.monaco-hover-content .action-container a {
  -webkit-user-select: none;
  user-select: none;
}
.monaco-hover-content .action-container.disabled {
  cursor: default;
  opacity: .4;
  pointer-events: none;
}
.monaco-icon-label {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-icon-label:before {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 16px;
  display: inline-block;
  height: 22px;
  line-height: inherit !important;
  padding-right: 6px;
  width: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  flex-shrink: 0;
  vertical-align: top;
}
.monaco-icon-label-iconpath {
  display: flex;
  height: 16px;
  margin-top: 2px;
  padding-left: 2px;
  width: 16px;
}
.monaco-icon-label-container.disabled {
  color: var(--vscode-disabledForeground);
}
.monaco-icon-label > .monaco-icon-label-container {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
  color: inherit;
  white-space: pre;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
  margin: 0 2px;
  opacity: .5;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-suffix-container > .label-suffix {
  opacity: .7;
  white-space: pre;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  font-size: .9em;
  margin-left: .5em;
  opacity: .7;
  white-space: pre;
}
.monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  white-space: nowrap;
}
.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  opacity: .95;
}
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description,
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
  font-style: italic;
}
.monaco-icon-label.deprecated {
  opacity: .66;
  text-decoration: line-through;
}
.monaco-icon-label.italic:after {
  font-style: italic;
}
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description,
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
  text-decoration: line-through;
}
.monaco-icon-label:after {
  font-size: 90%;
  font-weight: 600;
  margin: auto 16px 0 5px;
  opacity: .75;
  text-align: center;
}
.monaco-list:focus .selected .monaco-icon-label,
.monaco-list:focus .selected .monaco-icon-label:after {
  color: inherit !important;
}
.monaco-list-row.focused.selected .label-description,
.monaco-list-row.selected .label-description {
  opacity: .8;
}
.monaco-inputbox {
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  font-size: inherit;
  padding: 0;
  position: relative;
}
.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {
  padding: 4px 6px;
}
.monaco-inputbox > .ibwrapper {
  height: 100%;
  position: relative;
  width: 100%;
}
.monaco-inputbox > .ibwrapper > .input {
  border: none;
  box-sizing: border-box;
  color: inherit;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  height: 100%;
  line-height: inherit;
  resize: none;
  width: 100%;
}
.monaco-inputbox > .ibwrapper > input {
  text-overflow: ellipsis;
}
.monaco-inputbox > .ibwrapper > textarea.input {
  display: block;
  outline: none;
  scrollbar-width: none;
}
.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
  display: none;
}
.monaco-inputbox > .ibwrapper > textarea.input.empty {
  white-space: nowrap;
}
.monaco-inputbox > .ibwrapper > .mirror {
  box-sizing: border-box;
  display: inline-block;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  white-space: pre-wrap;
  width: 100%;
  word-wrap: break-word;
}
.monaco-inputbox-container {
  text-align: right;
}
.monaco-inputbox-container .monaco-inputbox-message {
  box-sizing: border-box;
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
  margin-top: -1px;
  overflow: hidden;
  padding: .4em;
  text-align: left;
  width: 100%;
  word-wrap: break-word;
}
.monaco-inputbox .monaco-action-bar {
  position: absolute;
  right: 2px;
  top: 4px;
}
.monaco-inputbox .monaco-action-bar .action-item {
  margin-left: 2px;
}
.monaco-inputbox .monaco-action-bar .action-item .codicon {
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}
.monaco-keybinding {
  align-items: center;
  display: flex;
  line-height: 10px;
}
.monaco-keybinding > .monaco-keybinding-key {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  font-size: 11px;
  margin: 0 2px;
  padding: 3px 5px;
  vertical-align: middle;
}
.monaco-keybinding > .monaco-keybinding-key:first-child {
  margin-left: 0;
}
.monaco-keybinding > .monaco-keybinding-key:last-child {
  margin-right: 0;
}
.monaco-keybinding > .monaco-keybinding-key-separator {
  display: inline-block;
}
.monaco-keybinding > .monaco-keybinding-key-chord-separator {
  width: 6px;
}
.monaco-list {
  height: 100%;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.monaco-list.mouse-support {
  user-select: none;
  -webkit-user-select: none;
}
.monaco-list > .monaco-scrollable-element {
  height: 100%;
}
.monaco-list-rows {
  height: 100%;
  position: relative;
  width: 100%;
}
.monaco-list.horizontal-scrolling .monaco-list-rows {
  min-width: 100%;
  width: auto;
}
.monaco-list-row {
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.monaco-list.mouse-support .monaco-list-row {
  cursor: pointer;
  touch-action: none;
}
.monaco-list .monaco-scrollable-element > .scrollbar.vertical,
.monaco-pane-view > .monaco-split-view2.vertical > .monaco-scrollable-element > .scrollbar.vertical {
  z-index: 14;
}
.monaco-list-row.scrolling {
  display: none !important;
}
.monaco-list.element-focused,
.monaco-list.selection-multiple,
.monaco-list.selection-single {
  outline: 0 !important;
}
.monaco-drag-image {
  border-radius: 10px;
  display: inline-block;
  font-size: 12px;
  padding: 1px 7px;
  position: absolute;
  z-index: 1000;
}
.monaco-list-type-filter-message {
  box-sizing: border-box;
  height: 100%;
  left: 0;
  opacity: .7;
  padding: 40px 1em 1em;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: normal;
  width: 100%;
}
.monaco-list-type-filter-message:empty {
  display: none;
}
.monaco-mouse-cursor-text {
  cursor: text;
}
.monaco-progress-container {
  height: 2px;
  overflow: hidden;
  width: 100%;
}
.monaco-progress-container .progress-bit {
  display: none;
  height: 2px;
  left: 0;
  position: absolute;
  width: 2%;
}
.monaco-progress-container.active .progress-bit {
  display: inherit;
}
.monaco-progress-container.discrete .progress-bit {
  left: 0;
  transition: width .1s linear;
}
.monaco-progress-container.discrete.done .progress-bit {
  width: 100%;
}
.monaco-progress-container.infinite .progress-bit {
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-name: progress;
  animation-timing-function: linear;
  transform: translateZ(0);
}
.monaco-progress-container.infinite.infinite-long-running .progress-bit {
  animation-timing-function: steps(100);
}
@keyframes progress {
  0% {
    transform: translateX(0) scaleX(1);
  }
  50% {
    transform: translateX(2500%) scaleX(3);
  }
  to {
    transform: translateX(4900%) scaleX(1);
  }
}
:root {
  --vscode-sash-size:4px;
  --vscode-sash-hover-size:4px;
}
.monaco-sash {
  position: absolute;
  touch-action: none;
  z-index: 35;
}
.monaco-sash.disabled {
  pointer-events: none;
}
.monaco-sash.mac.vertical {
  cursor: col-resize;
}
.monaco-sash.vertical.minimum {
  cursor: e-resize;
}
.monaco-sash.vertical.maximum {
  cursor: w-resize;
}
.monaco-sash.mac.horizontal {
  cursor: row-resize;
}
.monaco-sash.horizontal.minimum {
  cursor: s-resize;
}
.monaco-sash.horizontal.maximum {
  cursor: n-resize;
}
.monaco-sash.disabled {
  cursor: default !important;
  pointer-events: none !important;
}
.monaco-sash.vertical {
  cursor: ew-resize;
  height: 100%;
  top: 0;
  width: var(--vscode-sash-size);
}
.monaco-sash.horizontal {
  cursor: ns-resize;
  height: var(--vscode-sash-size);
  left: 0;
  width: 100%;
}
.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
  content: " ";
  cursor: all-scroll;
  display: block;
  height: calc(var(--vscode-sash-size)*2);
  position: absolute;
  width: calc(var(--vscode-sash-size)*2);
  z-index: 100;
}
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled) > .orthogonal-drag-handle.start,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled) > .orthogonal-drag-handle.end {
  cursor: nwse-resize;
}
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled) > .orthogonal-drag-handle.end,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled) > .orthogonal-drag-handle.start {
  cursor: nesw-resize;
}
.monaco-sash.vertical > .orthogonal-drag-handle.start {
  left: calc(var(--vscode-sash-size)*-.5);
  top: calc(var(--vscode-sash-size)*-1);
}
.monaco-sash.vertical > .orthogonal-drag-handle.end {
  bottom: calc(var(--vscode-sash-size)*-1);
  left: calc(var(--vscode-sash-size)*-.5);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
  left: calc(var(--vscode-sash-size)*-1);
  top: calc(var(--vscode-sash-size)*-.5);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
  right: calc(var(--vscode-sash-size)*-1);
  top: calc(var(--vscode-sash-size)*-.5);
}
.monaco-sash:before {
  background: transparent;
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.monaco-workbench:not(.reduce-motion) .monaco-sash:before {
  transition: background-color .1s ease-out;
}
.monaco-sash.active:before,
.monaco-sash.hover:before {
  background: var(--vscode-sash-hoverBorder);
}
.monaco-sash.vertical:before {
  left: calc(50% - var(--vscode-sash-hover-size)/2);
  width: var(--vscode-sash-hover-size);
}
.monaco-sash.horizontal:before {
  height: var(--vscode-sash-hover-size);
  top: calc(50% - var(--vscode-sash-hover-size)/2);
}
.pointer-events-disabled {
  pointer-events: none !important;
}
.monaco-sash.debug {
  background: cyan;
}
.monaco-sash.debug.disabled {
  background: rgba(0, 255, 255, .2);
}
.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
  background: red;
}
.monaco-scrollable-element > .scrollbar > .scra {
  cursor: pointer;
  font-size: 11px !important;
}
.monaco-scrollable-element > .visible {
  background: transparent;
  opacity: 1;
  transition: opacity .1s linear;
  z-index: 11;
}
.monaco-scrollable-element > .invisible {
  opacity: 0;
  pointer-events: none;
}
.monaco-scrollable-element > .invisible.fade {
  transition: opacity .8s linear;
}
.monaco-scrollable-element > .shadow {
  display: none;
  position: absolute;
}
.monaco-scrollable-element > .shadow.top {
  box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
  display: block;
  height: 3px;
  left: 3px;
  top: 0;
  width: 100%;
}
.monaco-scrollable-element > .shadow.left {
  box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
  display: block;
  height: 100%;
  left: 0;
  top: 3px;
  width: 3px;
}
.monaco-scrollable-element > .shadow.top-left-corner {
  display: block;
  height: 3px;
  left: 0;
  top: 0;
  width: 3px;
}
.monaco-scrollable-element > .shadow.top.left {
  box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .scrollbar > .slider {
  background: var(--vscode-scrollbarSlider-background);
}
.monaco-scrollable-element > .scrollbar > .slider:hover {
  background: var(--vscode-scrollbarSlider-hoverBackground);
}
.monaco-scrollable-element > .scrollbar > .slider.active {
  background: var(--vscode-scrollbarSlider-activeBackground);
}
.monaco-select-box {
  border-radius: 2px;
  cursor: pointer;
  width: 100%;
}
.monaco-select-box-dropdown-container {
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
}
.monaco-action-bar .action-item.select-container {
  cursor: default;
}
.monaco-action-bar .action-item .monaco-select-box {
  cursor: pointer;
  min-height: 18px;
  min-width: 100px;
  padding: 2px 23px 2px 8px;
}
.mac .monaco-action-bar .action-item .monaco-select-box {
  border-radius: 5px;
  font-size: 11px;
}
.monaco-select-box-dropdown-padding {
  --dropdown-padding-top:1px;
  --dropdown-padding-bottom:1px;
}
.hc-black .monaco-select-box-dropdown-padding,
.hc-light .monaco-select-box-dropdown-padding {
  --dropdown-padding-top:3px;
  --dropdown-padding-bottom:4px;
}
.monaco-select-box-dropdown-container {
  box-sizing: border-box;
  display: none;
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
  margin: 0;
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
  outline: 1px solid -webkit-focus-ring-color;
  outline-offset: -1px;
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
  font-family: var(--monaco-monospace-font);
  line-height: 15px;
}
.monaco-select-box-dropdown-container.visible {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-align: left;
  width: 1px;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
  align-self: flex-start;
  box-sizing: border-box;
  flex: 0 0 auto;
  overflow: hidden;
  padding-bottom: var(--dropdown-padding-bottom);
  padding-left: 1px;
  padding-right: 1px;
  padding-top: var(--dropdown-padding-top);
  width: 100%;
}
.monaco-select-box-dropdown-container > .select-box-details-pane {
  padding: 5px;
}
.hc-black .monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
  padding-bottom: var(--dropdown-padding-bottom);
  padding-top: var(--dropdown-padding-top);
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
  cursor: pointer;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
  float: left;
  overflow: hidden;
  padding-left: 3.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
  float: left;
  opacity: .7;
  overflow: hidden;
  padding-left: 3.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right {
  float: right;
  overflow: hidden;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
  align-self: flex-start;
  flex: 1 1 auto;
  opacity: 0;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
  max-height: 0;
  overflow: hidden;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
  padding-left: 4px;
  padding-right: 8px;
  white-space: nowrap;
}
.monaco-split-view2 {
  height: 100%;
  position: relative;
  width: 100%;
}
.monaco-split-view2 > .sash-container {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.monaco-split-view2 > .sash-container > .monaco-sash {
  pointer-events: auto;
}
.monaco-split-view2 > .monaco-scrollable-element {
  height: 100%;
  width: 100%;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
  height: 100%;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
  position: absolute;
  white-space: normal;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
  display: none;
}
.monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
  width: 100%;
}
.monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
  height: 100%;
}
.monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child):before {
  background-color: var(--separator-border);
  content: " ";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 5;
}
.monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child):before {
  height: 100%;
  width: 1px;
}
.monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child):before {
  height: 1px;
  width: 100%;
}
.monaco-table {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.monaco-table > .monaco-split-view2 {
  border-bottom: 1px solid transparent;
}
.monaco-table > .monaco-list {
  flex: 1;
}
.monaco-table-tr {
  display: flex;
  height: 100%;
}
.monaco-table-th {
  font-weight: 700;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.monaco-table-td,
.monaco-table-th {
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-table > .monaco-split-view2 .monaco-sash.vertical:before {
  border-left: 1px solid transparent;
  content: "";
  left: calc(var(--vscode-sash-size)/2);
  position: absolute;
  width: 0;
}
.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2,
.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2 .monaco-sash.vertical:before {
  transition: border-color .2s ease-out;
}
.monaco-custom-toggle {
  border: 1px solid transparent;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  height: 20px;
  margin-left: 2px;
  overflow: hidden;
  padding: 1px;
  user-select: none;
  -webkit-user-select: none;
  width: 20px;
}
.monaco-custom-toggle:hover {
  background-color: var(--vscode-inputOption-hoverBackground);
}
.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
  border: 1px dashed var(--vscode-focusBorder);
}
.hc-black .monaco-custom-toggle,
.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle,
.hc-light .monaco-custom-toggle:hover {
  background: none;
}
.monaco-custom-toggle.monaco-checkbox {
  background-size: 16px !important;
  border: 1px solid transparent;
  border-radius: 3px;
  height: 18px;
  margin-left: 0;
  margin-right: 9px;
  opacity: 1;
  padding: 0;
  width: 18px;
}
.monaco-action-bar .checkbox-action-item {
  align-items: center;
  border-radius: 2px;
  display: flex;
  padding-right: 2px;
}
.monaco-action-bar .checkbox-action-item:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}
.monaco-action-bar .checkbox-action-item > .monaco-custom-toggle.monaco-checkbox {
  margin-right: 4px;
}
.monaco-action-bar .checkbox-action-item > .checkbox-label {
  font-size: 12px;
}
.monaco-custom-toggle.monaco-checkbox:not(.checked):before {
  visibility: hidden;
}
.monaco-toolbar {
  height: 100%;
}
.monaco-toolbar .toolbar-toggle-more {
  display: inline-block;
  padding: 0;
}
.monaco-tl-row {
  align-items: center;
  display: flex;
  height: 100%;
  position: relative;
}
.monaco-tl-row.disabled {
  cursor: default;
}
.monaco-tl-indent {
  height: 100%;
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.hide-arrows .monaco-tl-indent {
  left: 12px;
}
.monaco-tl-indent > .indent-guide {
  border-left: 1px solid transparent;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
}
.monaco-workbench:not(.reduce-motion) .monaco-tl-indent > .indent-guide {
  transition: border-color .1s linear;
}
.monaco-tl-contents,
.monaco-tl-twistie {
  height: 100%;
}
.monaco-tl-twistie {
  align-items: center;
  display: flex !important;
  flex-shrink: 0;
  font-size: 10px;
  justify-content: center;
  padding-right: 6px;
  text-align: right;
  transform: translateX(3px);
  width: 16px;
}
.monaco-tl-contents {
  flex: 1;
  overflow: hidden;
}
.monaco-tl-twistie:before {
  border-radius: 20px;
}
.monaco-tl-twistie.collapsed:before {
  transform: rotate(-90deg);
}
.monaco-tl-twistie.codicon-tree-item-loading:before {
  animation: codicon-spin 1.25s steps(30) infinite;
}
.monaco-tree-type-filter {
  border: 1px solid var(--vscode-widget-border);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: flex;
  margin: 0 6px;
  max-width: 200px;
  padding: 3px;
  position: absolute;
  top: 0;
  z-index: 100;
}
.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter {
  transition: top .3s;
}
.monaco-tree-type-filter.disabled {
  top: -40px !important;
}
.monaco-tree-type-filter-grab {
  align-items: center;
  cursor: grab;
  display: flex !important;
  justify-content: center;
  margin-right: 2px;
}
.monaco-tree-type-filter-grab.grabbing {
  cursor: grabbing;
}
.monaco-tree-type-filter-input {
  flex: 1;
}
.monaco-tree-type-filter-input .monaco-inputbox {
  height: 23px;
}
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
  padding: 2px 4px;
}
.monaco-tree-type-filter-input .monaco-findInput > .controls {
  top: 2px;
}
.monaco-tree-type-filter-actionbar {
  margin-left: 4px;
}
.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
  padding: 2px;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container {
  background-color: var(--vscode-sideBar-background);
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 13;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row {
  background-color: var(--vscode-sideBar-background);
  opacity: 1 !important;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover {
  background-color: var(--vscode-list-hoverBackground) !important;
  cursor: pointer;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty,
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container.empty .monaco-tree-sticky-container-shadow {
  display: none;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow {
  bottom: -3px;
  height: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container[tabindex="0"]:focus {
  outline: none;
}
.monaco-editor .inputarea {
  background-color: transparent;
  border: none;
  color: transparent;
  margin: 0;
  min-height: 0;
  min-width: 0;
  outline: none !important;
  overflow: hidden;
  padding: 0;
  position: absolute;
  resize: none;
  z-index: -10;
}
.monaco-editor .inputarea.ime-input {
  caret-color: var(--vscode-editorCursor-foreground);
  color: var(--vscode-editor-foreground);
  z-index: 10;
}
.monaco-workbench .workbench-hover {
  background: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  border-radius: 3px;
  box-shadow: 0 2px 8px var(--vscode-widget-shadow);
  color: var(--vscode-editorHoverWidget-foreground);
  font-size: 13px;
  line-height: 19px;
  max-width: 700px;
  overflow: hidden;
  position: relative;
  z-index: 40;
}
.monaco-workbench .workbench-hover hr {
  border-bottom: none;
}
.monaco-workbench .workbench-hover:not(.skip-fade-in) {
  animation: fadein .1s linear;
}
.monaco-workbench .workbench-hover.compact {
  font-size: 12px;
}
.monaco-workbench .workbench-hover.compact .hover-contents {
  padding: 2px 8px;
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover {
  outline: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover:focus,
.monaco-workbench .workbench-hover-lock:focus {
  outline: 1px solid var(--vscode-focusBorder);
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover-lock:hover {
  background: var(--vscode-toolbar-hoverBackground);
}
.monaco-workbench .workbench-hover-pointer {
  pointer-events: none;
  position: absolute;
  z-index: 41;
}
.monaco-workbench .workbench-hover-pointer:after {
  background-color: var(--vscode-editorHoverWidget-background);
  border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
  border-right: 1px solid var(--vscode-editorHoverWidget-border);
  content: "";
  height: 5px;
  position: absolute;
  width: 5px;
}
.monaco-workbench .locked .workbench-hover-pointer:after {
  border-bottom-width: 2px;
  border-right-width: 2px;
  height: 4px;
  width: 4px;
}
.monaco-workbench .workbench-hover-pointer.left {
  left: -3px;
}
.monaco-workbench .workbench-hover-pointer.right {
  right: 3px;
}
.monaco-workbench .workbench-hover-pointer.top {
  top: -3px;
}
.monaco-workbench .workbench-hover-pointer.bottom {
  bottom: 3px;
}
.monaco-workbench .workbench-hover-pointer.left:after {
  transform: rotate(135deg);
}
.monaco-workbench .workbench-hover-pointer.right:after {
  transform: rotate(315deg);
}
.monaco-workbench .workbench-hover-pointer.top:after {
  transform: rotate(225deg);
}
.monaco-workbench .workbench-hover-pointer.bottom:after {
  transform: rotate(45deg);
}
.monaco-workbench .workbench-hover a {
  color: var(--vscode-textLink-foreground);
}
.monaco-workbench .workbench-hover a:focus {
  outline: 1px solid;
  outline-color: var(--vscode-focusBorder);
  outline-offset: -1px;
  text-decoration: underline;
}
.monaco-workbench .workbench-hover a:active,
.monaco-workbench .workbench-hover a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-workbench .workbench-hover code {
  background: var(--vscode-textCodeBlock-background);
}
.monaco-workbench .workbench-hover .hover-row .actions {
  background: var(--vscode-editorHoverWidget-statusBarBackground);
}
.monaco-workbench .workbench-hover.right-aligned {
  left: 1px;
}
.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions {
  flex-direction: row-reverse;
}
.monaco-workbench .workbench-hover.right-aligned .hover-row.status-bar .actions .action-container {
  margin-left: 16px;
  margin-right: 0;
}
.monaco-editor .blockDecorations-container {
  pointer-events: none;
  position: absolute;
  top: 0;
}
.monaco-editor .blockDecorations-block {
  box-sizing: border-box;
  position: absolute;
}
.monaco-editor .margin-view-overlays .current-line,
.monaco-editor .view-overlays .current-line {
  box-sizing: border-box;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both {
  border-right: 0;
}
.monaco-editor .lines-content .cdr {
  height: 100%;
  position: absolute;
}
.monaco-editor .glyph-margin {
  position: absolute;
  top: 0;
}
.monaco-editor .glyph-margin-widgets .cgmr {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
}
.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin:before {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.monaco-editor .lines-content .core-guide {
  box-sizing: border-box;
  height: 100%;
  position: absolute;
}
.monaco-editor .margin-view-overlays .line-numbers {
  bottom: 0;
  box-sizing: border-box;
  cursor: default;
  display: inline-block;
  font-variant-numeric: tabular-nums;
  position: absolute;
  text-align: right;
  vertical-align: middle;
}
.monaco-editor .relative-current-line-number {
  display: inline-block;
  text-align: left;
  width: 100%;
}
.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
  margin-top: 1px;
}
.monaco-editor .line-numbers {
  color: var(--vscode-editorLineNumber-foreground);
}
.monaco-editor .line-numbers.active-line-number {
  color: var(--vscode-editorLineNumber-activeForeground);
}
.mtkcontrol {
  background: #960000 !important;
  color: #fff !important;
}
.mtkoverflow {
  background-color: var(--vscode-button-background,var(--vscode-editor-background));
  border-color: var(--vscode-contrastBorder);
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  color: var(--vscode-button-foreground,var(--vscode-editor-foreground));
  cursor: pointer;
  padding: 4px;
}
.mtkoverflow:hover {
  background-color: var(--vscode-button-hoverBackground);
}
.monaco-editor.no-user-select .lines-content,
.monaco-editor.no-user-select .view-line,
.monaco-editor.no-user-select .view-lines {
  user-select: none;
  -webkit-user-select: none;
}
.monaco-editor.mac .lines-content:hover,
.monaco-editor.mac .view-line:hover,
.monaco-editor.mac .view-lines:hover {
  user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}
.monaco-editor.enable-user-select {
  user-select: auto;
  -webkit-user-select: initial;
}
.monaco-editor .view-lines {
  white-space: nowrap;
}
.monaco-editor .view-line {
  position: absolute;
  width: 100%;
}
.monaco-editor .lines-content > .view-lines > .view-line > span {
  bottom: 0;
  position: absolute;
  top: 0;
}
.monaco-editor .mtkw,
.monaco-editor .mtkz {
  color: var(--vscode-editorWhitespace-foreground) !important;
}
.monaco-editor .mtkz {
  display: inline-block;
}
.monaco-editor .lines-decorations {
  background: #fff;
  position: absolute;
  top: 0;
}
.monaco-editor .margin-view-overlays .cldr {
  height: 100%;
  position: absolute;
}
.monaco-editor .margin {
  background-color: var(--vscode-editorGutter-background);
}
.monaco-editor .margin-view-overlays .cmdr {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider {
  opacity: 0;
  transition: opacity .1s linear;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider.active,
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
  opacity: 1;
}
.monaco-editor .minimap-slider .minimap-slider-horizontal {
  background: var(--vscode-minimapSlider-background);
}
.monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
  background: var(--vscode-minimapSlider-hoverBackground);
}
.monaco-editor .minimap-slider.active .minimap-slider-horizontal {
  background: var(--vscode-minimapSlider-activeBackground);
}
.monaco-editor .minimap-shadow-visible {
  box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset;
}
.monaco-editor .minimap-shadow-hidden {
  position: absolute;
  width: 0;
}
.monaco-editor .minimap-shadow-visible {
  left: -6px;
  position: absolute;
  width: 6px;
}
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
  left: -1px;
  position: absolute;
  width: 1px;
}
.minimap.autohide {
  opacity: 0;
  transition: opacity .5s;
}
.minimap.autohide:hover {
  opacity: 1;
}
.monaco-editor .minimap {
  z-index: 5;
}
.monaco-editor .overlayWidgets {
  left: 0;
  position: absolute;
  top: 0;
}
.monaco-editor .view-ruler {
  box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset;
  position: absolute;
  top: 0;
}
.monaco-editor .scroll-decoration {
  box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
  height: 6px;
  left: 0;
  position: absolute;
  top: 0;
}
.monaco-editor .lines-content .cslr {
  position: absolute;
}
.monaco-editor .focused .selected-text {
  background-color: var(--vscode-editor-selectionBackground);
}
.monaco-editor .selected-text {
  background-color: var(--vscode-editor-inactiveSelectionBackground);
}
.monaco-editor .top-left-radius {
  border-top-left-radius: 3px;
}
.monaco-editor .bottom-left-radius {
  border-bottom-left-radius: 3px;
}
.monaco-editor .top-right-radius {
  border-top-right-radius: 3px;
}
.monaco-editor .bottom-right-radius {
  border-bottom-right-radius: 3px;
}
.monaco-editor.hc-black .top-left-radius {
  border-top-left-radius: 0;
}
.monaco-editor.hc-black .bottom-left-radius {
  border-bottom-left-radius: 0;
}
.monaco-editor.hc-black .top-right-radius {
  border-top-right-radius: 0;
}
.monaco-editor.hc-black .bottom-right-radius {
  border-bottom-right-radius: 0;
}
.monaco-editor.hc-light .top-left-radius {
  border-top-left-radius: 0;
}
.monaco-editor.hc-light .bottom-left-radius {
  border-bottom-left-radius: 0;
}
.monaco-editor.hc-light .top-right-radius {
  border-top-right-radius: 0;
}
.monaco-editor.hc-light .bottom-right-radius {
  border-bottom-right-radius: 0;
}
.monaco-editor .cursors-layer {
  position: absolute;
  top: 0;
}
.monaco-editor .cursors-layer > .cursor {
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
}
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
  transition: all 80ms;
}
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
  background: transparent !important;
  border-style: solid;
  border-width: 1px;
}
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
  background: transparent !important;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
  background: transparent !important;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
@keyframes monaco-cursor-smooth {
  0%, 20% {
    opacity: 1;
  }
  60%, to {
    opacity: 0;
  }
}
@keyframes monaco-cursor-phase {
  0%, 20% {
    opacity: 1;
  }
  90%, to {
    opacity: 0;
  }
}
@keyframes monaco-cursor-expand {
  0%, 20% {
    transform: scaleY(1);
  }
  80%, to {
    transform: scaleY(0);
  }
}
.cursor-smooth {
  animation: monaco-cursor-smooth .5s ease-in-out 0s 20 alternate;
}
.cursor-phase {
  animation: monaco-cursor-phase .5s ease-in-out 0s 20 alternate;
}
.cursor-expand > .cursor {
  animation: monaco-cursor-expand .5s ease-in-out 0s 20 alternate;
}
.monaco-editor .mwh {
  color: var(--vscode-editorWhitespace-foreground) !important;
  position: absolute;
}
::-ms-clear {
  display: none;
}
.monaco-editor .editor-widget input {
  color: inherit;
}
.monaco-editor {
  overflow: visible;
  position: relative;
  -webkit-text-size-adjust: 100%;
  color: var(--vscode-editor-foreground);
  overflow-wrap: normal;
}
.monaco-editor,
.monaco-editor-background {
  background-color: var(--vscode-editor-background);
}
.monaco-editor .rangeHighlight {
  background-color: var(--vscode-editor-rangeHighlightBackground);
  border: 1px solid var(--vscode-editor-rangeHighlightBorder);
  box-sizing: border-box;
}
.monaco-editor.hc-black .rangeHighlight,
.monaco-editor.hc-light .rangeHighlight {
  border-style: dotted;
}
.monaco-editor .symbolHighlight {
  background-color: var(--vscode-editor-symbolHighlightBackground);
  border: 1px solid var(--vscode-editor-symbolHighlightBorder);
  box-sizing: border-box;
}
.monaco-editor.hc-black .symbolHighlight,
.monaco-editor.hc-light .symbolHighlight {
  border-style: dotted;
}
.monaco-editor .overflow-guard {
  overflow: hidden;
  position: relative;
}
.monaco-editor .view-overlays {
  position: absolute;
  top: 0;
}
.monaco-editor .margin-view-overlays > div,
.monaco-editor .view-overlays > div {
  position: absolute;
  width: 100%;
}
.monaco-editor .squiggly-error {
  border-bottom: 4px double var(--vscode-editorError-border);
}
.monaco-editor .squiggly-error:before {
  background: var(--vscode-editorError-background);
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.monaco-editor .squiggly-warning {
  border-bottom: 4px double var(--vscode-editorWarning-border);
}
.monaco-editor .squiggly-warning:before {
  background: var(--vscode-editorWarning-background);
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.monaco-editor .squiggly-info {
  border-bottom: 4px double var(--vscode-editorInfo-border);
}
.monaco-editor .squiggly-info:before {
  background: var(--vscode-editorInfo-background);
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.monaco-editor .squiggly-hint {
  border-bottom: 2px dotted var(--vscode-editorHint-border);
}
.monaco-editor.showUnused .squiggly-unnecessary {
  border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
}
.monaco-editor.showDeprecated .squiggly-inline-deprecated {
  text-decoration: line-through;
  text-decoration-color: var(--vscode-editor-foreground,inherit);
}
.monaco-component.diff-review {
  user-select: none;
  -webkit-user-select: none;
  z-index: 99;
}
.monaco-diff-editor .diff-review {
  position: absolute;
}
.monaco-component.diff-review .diff-review-line-number {
  color: var(--vscode-editorLineNumber-foreground);
  display: inline-block;
  text-align: right;
}
.monaco-component.diff-review .diff-review-summary {
  padding-left: 10px;
}
.monaco-component.diff-review .diff-review-shadow {
  box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
  position: absolute;
}
.monaco-component.diff-review .diff-review-row {
  white-space: pre;
}
.monaco-component.diff-review .diff-review-table {
  display: table;
  min-width: 100%;
}
.monaco-component.diff-review .diff-review-row {
  display: table-row;
  width: 100%;
}
.monaco-component.diff-review .diff-review-spacer {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
}
.monaco-component.diff-review .diff-review-spacer > .codicon {
  font-size: 9px !important;
}
.monaco-component.diff-review .diff-review-actions {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 2px;
  z-index: 100;
}
.monaco-component.diff-review .diff-review-actions .action-label {
  height: 16px;
  margin: 2px 0;
  width: 16px;
}
.monaco-component.diff-review .revertButton {
  cursor: pointer;
}
.monaco-editor .diff-hidden-lines-widget {
  width: 100%;
}
.monaco-editor .diff-hidden-lines {
  font-size: 13px;
  height: 0;
  line-height: 14px;
  transform: translateY(-10px);
}
.monaco-editor .diff-hidden-lines .bottom.dragging,
.monaco-editor .diff-hidden-lines .top.dragging,
.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,
.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover {
  background-color: var(--vscode-focusBorder);
}
.monaco-editor .diff-hidden-lines .bottom,
.monaco-editor .diff-hidden-lines .top {
  background-clip: padding-box;
  background-color: transparent;
  border-bottom: 2px solid transparent;
  border-top: 4px solid transparent;
  height: 4px;
  transition: background-color .1s ease-out;
}
.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom),
.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),
.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) * {
  cursor: n-resize !important;
}
.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom,
.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,
.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom * {
  cursor: s-resize !important;
}
.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom,
.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,
.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom * {
  cursor: ns-resize !important;
}
.monaco-editor .diff-hidden-lines .top {
  transform: translateY(4px);
}
.monaco-editor .diff-hidden-lines .bottom {
  transform: translateY(-6px);
}
.monaco-editor .diff-unchanged-lines {
  background: var(--vscode-diffEditor-unchangedCodeBackground);
}
.monaco-editor .noModificationsOverlay {
  align-items: center;
  background: var(--vscode-editor-background);
  display: flex;
  justify-content: center;
  z-index: 1;
}
.monaco-editor .diff-hidden-lines .center {
  background: var(--vscode-diffEditor-unchangedRegionBackground);
  box-shadow: inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow), inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);
  color: var(--vscode-diffEditor-unchangedRegionForeground);
  display: block;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .diff-hidden-lines .center span.codicon {
  vertical-align: middle;
}
.monaco-editor .diff-hidden-lines .center a:hover .codicon {
  color: var(--vscode-editorLink-activeForeground) !important;
  cursor: pointer;
}
.monaco-editor .diff-hidden-lines div.breadcrumb-item {
  cursor: pointer;
}
.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover {
  color: var(--vscode-editorLink-activeForeground);
}
.monaco-editor .movedModified,
.monaco-editor .movedOriginal {
  border: 2px solid var(--vscode-diffEditor-move-border);
}
.monaco-editor .movedModified.currentMove,
.monaco-editor .movedOriginal.currentMove {
  border: 2px solid var(--vscode-diffEditor-moveActive-border);
}
.monaco-diff-editor .moved-blocks-lines path.currentMove {
  stroke: var(--vscode-diffEditor-moveActive-border);
}
.monaco-diff-editor .moved-blocks-lines path {
  pointer-events: visiblestroke;
}
.monaco-diff-editor .moved-blocks-lines .arrow {
  fill: var(--vscode-diffEditor-move-border);
}
.monaco-diff-editor .moved-blocks-lines .arrow.currentMove {
  fill: var(--vscode-diffEditor-moveActive-border);
}
.monaco-diff-editor .moved-blocks-lines .arrow-rectangle {
  fill: var(--vscode-editor-background);
}
.monaco-diff-editor .moved-blocks-lines {
  pointer-events: none;
  position: absolute;
}
.monaco-diff-editor .moved-blocks-lines path {
  fill: none;
  stroke: var(--vscode-diffEditor-move-border);
  stroke-width: 2;
}
.monaco-editor .char-delete.diff-range-empty {
  border-left: 3px solid var(--vscode-diffEditor-removedTextBackground);
  margin-left: -1px;
}
.monaco-editor .char-insert.diff-range-empty {
  border-left: 3px solid var(--vscode-diffEditor-insertedTextBackground);
}
.monaco-editor .fold-unchanged {
  cursor: pointer;
}
.monaco-diff-editor .diff-moved-code-block {
  display: flex;
  justify-content: flex-end;
  margin-top: -4px;
}
.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon {
  font-size: 12px;
  height: 12px;
  width: 12px;
}
.monaco-diff-editor .diffOverview {
  z-index: 9;
}
.monaco-diff-editor .diffOverview .diffViewport {
  z-index: 10;
}
.monaco-diff-editor.vs .diffOverview {
  background: rgba(0, 0, 0, .03);
}
.monaco-diff-editor.vs-dark .diffOverview {
  background: hsla(0, 0%, 100%, .01);
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar,
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar {
  background: transparent;
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar,
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light .scrollbar {
  background: none;
}
.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
  z-index: 10;
}
.modified-in-monaco-diff-editor .slider.active {
  background: hsla(0, 0%, 67%, .4);
}
.modified-in-monaco-diff-editor.hc-black .slider.active,
.modified-in-monaco-diff-editor.hc-light .slider.active {
  background: none;
}
.monaco-diff-editor .delete-sign,
.monaco-diff-editor .insert-sign,
.monaco-editor .delete-sign,
.monaco-editor .insert-sign {
  align-items: center;
  display: flex !important;
  font-size: 11px !important;
  opacity: .7 !important;
}
.monaco-diff-editor.hc-black .delete-sign,
.monaco-diff-editor.hc-black .insert-sign,
.monaco-diff-editor.hc-light .delete-sign,
.monaco-diff-editor.hc-light .insert-sign,
.monaco-editor.hc-black .delete-sign,
.monaco-editor.hc-black .insert-sign,
.monaco-editor.hc-light .delete-sign,
.monaco-editor.hc-light .insert-sign {
  opacity: 1;
}
.monaco-editor .inline-added-margin-view-zone,
.monaco-editor .inline-deleted-margin-view-zone {
  text-align: right;
}
.monaco-editor .arrow-revert-change {
  position: absolute;
  z-index: 10;
}
.monaco-editor .arrow-revert-change:hover {
  cursor: pointer;
}
.monaco-editor .view-zones .view-lines .view-line span {
  display: inline-block;
}
.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
  cursor: pointer;
}
.monaco-diff-editor .char-insert,
.monaco-editor .char-insert {
  background-color: var(--vscode-diffEditor-insertedTextBackground);
}
.monaco-diff-editor .line-insert,
.monaco-editor .line-insert {
  background-color: var(--vscode-diffEditor-insertedLineBackground,var(--vscode-diffEditor-insertedTextBackground));
}
.monaco-editor .char-insert,
.monaco-editor .line-insert {
  border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
  box-sizing: border-box;
}
.monaco-editor.hc-black .char-insert,
.monaco-editor.hc-black .line-insert,
.monaco-editor.hc-light .char-insert,
.monaco-editor.hc-light .line-insert {
  border-style: dashed;
}
.monaco-editor .char-delete,
.monaco-editor .line-delete {
  border: 1px solid var(--vscode-diffEditor-removedTextBorder);
  box-sizing: border-box;
}
.monaco-editor.hc-black .char-delete,
.monaco-editor.hc-black .line-delete,
.monaco-editor.hc-light .char-delete,
.monaco-editor.hc-light .line-delete {
  border-style: dashed;
}
.monaco-diff-editor .gutter-insert,
.monaco-editor .gutter-insert,
.monaco-editor .inline-added-margin-view-zone {
  background-color: var(--vscode-diffEditorGutter-insertedLineBackground,var(--vscode-diffEditor-insertedLineBackground),var(--vscode-diffEditor-insertedTextBackground));
}
.monaco-diff-editor .char-delete,
.monaco-editor .char-delete,
.monaco-editor .inline-deleted-text {
  background-color: var(--vscode-diffEditor-removedTextBackground);
}
.monaco-editor .inline-deleted-text {
  text-decoration: line-through;
}
.monaco-diff-editor .line-delete,
.monaco-editor .line-delete {
  background-color: var(--vscode-diffEditor-removedLineBackground,var(--vscode-diffEditor-removedTextBackground));
}
.monaco-diff-editor .gutter-delete,
.monaco-editor .gutter-delete,
.monaco-editor .inline-deleted-margin-view-zone {
  background-color: var(--vscode-diffEditorGutter-removedLineBackground,var(--vscode-diffEditor-removedLineBackground),var(--vscode-diffEditor-removedTextBackground));
}
.monaco-diff-editor.side-by-side .editor.modified {
  border-left: 1px solid var(--vscode-diffEditor-border);
  box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
}
.monaco-diff-editor.side-by-side .editor.original {
  border-right: 1px solid var(--vscode-diffEditor-border);
  box-shadow: 6px 0 5px -5px var(--vscode-scrollbar-shadow);
}
.monaco-diff-editor .diffViewport {
  background: var(--vscode-scrollbarSlider-background);
}
.monaco-diff-editor .diffViewport:hover {
  background: var(--vscode-scrollbarSlider-hoverBackground);
}
.monaco-diff-editor .diffViewport:active {
  background: var(--vscode-scrollbarSlider-activeBackground);
}
.monaco-editor .diagonal-fill {
  background-image:
    linear-gradient(
      -45deg,
      var(--vscode-diffEditor-diagonalFill) 12.5%,
      #0000 12.5%,
      #0000 50%,
      var(--vscode-diffEditor-diagonalFill) 50%,
      var(--vscode-diffEditor-diagonalFill) 62.5%,
      #0000 62.5%,
      #0000 100%);
  background-size: 8px 8px;
}
.monaco-diff-editor .gutter {
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}
.monaco-diff-editor .gutter > div {
  position: absolute;
}
.monaco-diff-editor .gutter .gutterItem {
  opacity: 0;
  transition: opacity .7s;
}
.monaco-diff-editor .gutter .gutterItem.showAlways {
  opacity: 1;
  transition: none;
}
.monaco-diff-editor .gutter .gutterItem.noTransition {
  transition: none;
}
.monaco-diff-editor .gutter:hover .gutterItem {
  opacity: 1;
  transition: opacity .1s ease-in-out;
}
.monaco-diff-editor .gutter .gutterItem .background {
  border-left: 2px solid var(--vscode-menu-border);
  height: 100%;
  left: 50%;
  position: absolute;
  width: 1px;
}
.monaco-diff-editor .gutter .gutterItem .buttons {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar {
  height: fit-content;
}
.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar {
  line-height: 1;
}
.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar .actions-container {
  background: var(--vscode-editorGutter-commentRangeForeground);
  border-radius: 4px;
  width: fit-content;
}
.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar .actions-container .action-item:hover {
  background: var(--vscode-toolbar-hoverBackground);
}
.monaco-diff-editor .gutter .gutterItem .buttons .monaco-toolbar .monaco-action-bar .actions-container .action-item .action-label {
  padding: 1px 2px;
}
.monaco-diff-editor .diff-hidden-lines-compact {
  display: flex;
  height: 11px;
}
.monaco-diff-editor .diff-hidden-lines-compact .line-left,
.monaco-diff-editor .diff-hidden-lines-compact .line-right {
  border-top: 1px solid;
  border-color: var(--vscode-editorCodeLens-foreground);
  height: 1px;
  margin: auto;
  opacity: .5;
  width: 100%;
}
.monaco-diff-editor .diff-hidden-lines-compact .line-left {
  width: 20px;
}
.monaco-diff-editor .diff-hidden-lines-compact .text {
  color: var(--vscode-editorCodeLens-foreground);
  text-wrap: nowrap;
  font-size: 11px;
  line-height: 11px;
  margin: 0 4px;
}
.monaco-editor .rendered-markdown kbd {
  background-color: var(--vscode-keybindingLabel-background);
  border-color: var(--vscode-keybindingLabel-border);
  border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
  color: var(--vscode-keybindingLabel-foreground);
  padding: 1px 3px;
  vertical-align: middle;
}
.rendered-markdown li:has(input[type=checkbox]) {
  list-style-type: none;
}
.monaco-component.multiDiffEditor {
  background: var(--vscode-multiDiffEditor-background);
  height: 100%;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}
.monaco-component.multiDiffEditor > div {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.monaco-component.multiDiffEditor > div.placeholder {
  display: grid;
  place-content: center;
  place-items: center;
  visibility: hidden;
}
.monaco-component.multiDiffEditor > div.placeholder.visible {
  visibility: visible;
}
.monaco-component.multiDiffEditor .active {
  --vscode-multiDiffEditor-border:var(--vscode-focusBorder);
}
.monaco-component.multiDiffEditor .multiDiffEntry {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.monaco-component.multiDiffEditor .multiDiffEntry .collapse-button {
  cursor: pointer;
  margin: 0 5px;
}
.monaco-component.multiDiffEditor .multiDiffEntry .collapse-button a {
  display: block;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header {
  background: var(--vscode-editor-background);
  z-index: 1000;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header:not(.collapsed) .header-content {
  border-bottom: 1px solid var(--vscode-sideBarSectionHeader-border);
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content {
  align-items: center;
  background: var(--vscode-multiDiffEditor-headerBackground);
  border-top: 1px solid var(--vscode-multiDiffEditor-border);
  color: var(--vscode-foreground);
  display: flex;
  margin: 8px 0 0;
  padding: 4px 5px;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content.shadow {
  box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path {
  display: flex;
  flex: 1;
  min-width: 0;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path .title {
  font-size: 14px;
  line-height: 22px;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path .title.original {
  flex: 1;
  min-width: 0;
  text-overflow: ellipsis;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .file-path .status {
  font-weight: 600;
  line-height: 22px;
  margin: 0 10px;
  opacity: .75;
}
.monaco-component.multiDiffEditor .multiDiffEntry .header .header-content .actions {
  padding: 0 8px;
}
.monaco-component.multiDiffEditor .multiDiffEntry .editorParent {
  border-bottom: 1px solid var(--vscode-multiDiffEditor-border);
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.monaco-component.multiDiffEditor .multiDiffEntry .editorContainer {
  flex: 1;
}
.monaco-editor .selection-anchor {
  background-color: #007acc;
  width: 2px !important;
}
.monaco-editor .bracket-match {
  background-color: var(--vscode-editorBracketMatch-background);
  border: 1px solid var(--vscode-editorBracketMatch-border);
  box-sizing: border-box;
}
.monaco-editor .lightBulbWidget {
  align-items: center;
  display: flex;
  justify-content: center;
}
.monaco-editor .lightBulbWidget:hover {
  cursor: pointer;
}
.monaco-editor .lightBulbWidget.codicon-light-bulb,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle {
  color: var(--vscode-editorLightBulb-foreground);
}
.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix {
  color: var(--vscode-editorLightBulbAutoFix-foreground,var(--vscode-editorLightBulb-foreground));
}
.monaco-editor .lightBulbWidget.codicon-sparkle-filled {
  color: var(--vscode-editorLightBulbAi-foreground,var(--vscode-icon-foreground));
}
.monaco-editor .lightBulbWidget:before {
  position: relative;
  z-index: 2;
}
.monaco-editor .lightBulbWidget:after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: .3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.monaco-editor .glyph-margin-widgets .cgmr[class*=codicon-gutter-lightbulb] {
  cursor: pointer;
  display: block;
}
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle {
  color: var(--vscode-editorLightBulb-foreground);
}
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-aifix-auto-fix,
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-auto-fix {
  color: var(--vscode-editorLightBulbAutoFix-foreground,var(--vscode-editorLightBulb-foreground));
}
.monaco-editor .glyph-margin-widgets .cgmr.codicon-gutter-lightbulb-sparkle-filled {
  color: var(--vscode-editorLightBulbAi-foreground,var(--vscode-icon-foreground));
}
.monaco-editor .codelens-decoration {
  color: var(--vscode-editorCodeLens-foreground);
  display: inline-block;
  font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault);
  font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings);
  font-size: var(--vscode-editorCodeLens-fontSize);
  line-height: var(--vscode-editorCodeLens-lineHeight);
  overflow: hidden;
  padding-right: calc(var(--vscode-editorCodeLens-fontSize)*.5);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .codelens-decoration > a,
.monaco-editor .codelens-decoration > span {
  user-select: none;
  -webkit-user-select: none;
  vertical-align: sub;
  white-space: nowrap;
}
.monaco-editor .codelens-decoration > a {
  text-decoration: none;
}
.monaco-editor .codelens-decoration > a:hover {
  cursor: pointer;
}
.monaco-editor .codelens-decoration > a:hover,
.monaco-editor .codelens-decoration > a:hover .codicon {
  color: var(--vscode-editorLink-activeForeground) !important;
}
.monaco-editor .codelens-decoration .codicon {
  color: currentColor !important;
  color: var(--vscode-editorCodeLens-foreground);
  font-size: var(--vscode-editorCodeLens-fontSize);
  line-height: var(--vscode-editorCodeLens-lineHeight);
  vertical-align: middle;
}
.monaco-editor .codelens-decoration > a:hover .codicon:before {
  cursor: pointer;
}
@keyframes fadein {
  0% {
    opacity: 0;
    visibility: visible;
  }
  to {
    opacity: 1;
  }
}
.monaco-editor .codelens-decoration.fadein {
  animation: fadein .1s linear;
}
.colorpicker-widget {
  height: 190px;
  user-select: none;
  -webkit-user-select: none;
}
.colorpicker-color-decoration,
.hc-light .colorpicker-color-decoration {
  border: .1em solid #000;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: .8em;
  line-height: .8em;
  margin: .1em .2em 0;
  width: .8em;
}
.hc-black .colorpicker-color-decoration,
.vs-dark .colorpicker-color-decoration {
  border: .1em solid #eee;
}
.colorpicker-header {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);
  background-size: 9px 9px;
  display: flex;
  height: 24px;
  image-rendering: pixelated;
  position: relative;
}
.colorpicker-header .picked-color {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex: 1;
  justify-content: center;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  width: 240px;
}
.colorpicker-header .picked-color .picked-color-presentation {
  margin-left: 5px;
  margin-right: 5px;
  white-space: nowrap;
}
.colorpicker-header .picked-color .codicon {
  color: inherit;
  font-size: 14px;
}
.colorpicker-header .picked-color.light {
  color: #000;
}
.colorpicker-header .original-color {
  cursor: pointer;
  width: 74px;
  z-index: inherit;
}
.standalone-colorpicker {
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  color: var(--vscode-editorHoverWidget-foreground);
}
.colorpicker-header.standalone-colorpicker {
  border-bottom: none;
}
.colorpicker-header .close-button {
  background-color: var(--vscode-editorHoverWidget-background);
  border-left: 1px solid var(--vscode-editorHoverWidget-border);
  cursor: pointer;
}
.colorpicker-header .close-button-inner-div {
  height: 100%;
  text-align: center;
  width: 100%;
}
.colorpicker-header .close-button-inner-div:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}
.colorpicker-header .close-icon {
  padding: 3px;
}
.colorpicker-body {
  display: flex;
  padding: 8px;
  position: relative;
}
.colorpicker-body .saturation-wrap {
  flex: 1;
  height: 150px;
  min-width: 220px;
  overflow: hidden;
  position: relative;
}
.colorpicker-body .saturation-box {
  height: 150px;
  position: absolute;
}
.colorpicker-body .saturation-selection {
  border: 1px solid #fff;
  border-radius: 100%;
  box-shadow: 0 0 2px rgba(0, 0, 0, .8);
  height: 9px;
  margin: -5px 0 0 -5px;
  position: absolute;
  width: 9px;
}
.colorpicker-body .strip {
  height: 150px;
  width: 25px;
}
.colorpicker-body .standalone-strip {
  height: 122px;
  width: 25px;
}
.colorpicker-body .hue-strip {
  background:
    linear-gradient(
      180deg,
      red 0,
      #ff0 17%,
      #0f0 33%,
      #0ff 50%,
      #00f 67%,
      #f0f 83%,
      red);
  cursor: grab;
  margin-left: 8px;
  position: relative;
}
.colorpicker-body .opacity-strip {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);
  background-size: 9px 9px;
  cursor: grab;
  image-rendering: pixelated;
  margin-left: 8px;
  position: relative;
}
.colorpicker-body .strip.grabbing {
  cursor: grabbing;
}
.colorpicker-body .slider {
  border: 1px solid hsla(0, 0%, 100%, .71);
  box-shadow: 0 0 1px rgba(0, 0, 0, .85);
  box-sizing: border-box;
  height: 4px;
  left: -2px;
  position: absolute;
  top: 0;
  width: calc(100% + 4px);
}
.colorpicker-body .strip .overlay {
  height: 150px;
  pointer-events: none;
}
.colorpicker-body .standalone-strip .standalone-overlay {
  height: 122px;
  pointer-events: none;
}
.standalone-colorpicker-body {
  border: 1px solid transparent;
  border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
  display: block;
  overflow: hidden;
}
.colorpicker-body .insert-button {
  background: var(--vscode-button-background);
  border: none;
  border-radius: 2px;
  bottom: 8px;
  color: var(--vscode-button-foreground);
  cursor: pointer;
  height: 20px;
  padding: 0;
  position: absolute;
  right: 8px;
  width: 58px;
}
.colorpicker-body .insert-button:hover {
  background: var(--vscode-button-hoverBackground);
}
.monaco-editor.hc-light .dnd-target,
.monaco-editor.vs .dnd-target {
  border-right: 2px dotted #000;
  color: #fff;
}
.monaco-editor.vs-dark .dnd-target {
  border-right: 2px dotted #aeafad;
  color: #51504f;
}
.monaco-editor.hc-black .dnd-target {
  border-right: 2px dotted #fff;
  color: #000;
}
.monaco-editor.hc-black.mac.mouse-default .view-lines,
.monaco-editor.hc-light.mac.mouse-default .view-lines,
.monaco-editor.mouse-default .view-lines,
.monaco-editor.vs-dark.mac.mouse-default .view-lines {
  cursor: default;
}
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
.monaco-editor.hc-light.mac.mouse-copy .view-lines,
.monaco-editor.mouse-copy .view-lines,
.monaco-editor.vs-dark.mac.mouse-copy .view-lines {
  cursor: copy;
}
.post-edit-widget {
  background-color: var(--vscode-editorWidget-background);
  border: 1px solid var(--vscode-widget-border,transparent);
  border-radius: 4px;
  box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
  overflow: hidden;
}
.post-edit-widget .monaco-button {
  border: none;
  border-radius: 0;
  padding: 2px;
}
.post-edit-widget .monaco-button:hover {
  background-color: var(--vscode-button-secondaryHoverBackground) !important;
}
.post-edit-widget .monaco-button .codicon {
  margin: 0;
}
.monaco-editor .findOptionsWidget {
  border: 2px solid var(--vscode-contrastBorder);
}
.monaco-editor .find-widget,
.monaco-editor .findOptionsWidget {
  background-color: var(--vscode-editorWidget-background);
  box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
  color: var(--vscode-editorWidget-foreground);
}
.monaco-editor .find-widget {
  border-bottom: 1px solid var(--vscode-widget-border);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid var(--vscode-widget-border);
  border-right: 1px solid var(--vscode-widget-border);
  box-sizing: border-box;
  height: 33px;
  line-height: 19px;
  overflow: hidden;
  padding: 0 4px;
  position: absolute;
  transform: translateY(calc(-100% - 10px));
  transition: transform .2s linear;
  z-index: 35;
}
.monaco-workbench.reduce-motion .monaco-editor .find-widget {
  transition: transform 0ms linear;
}
.monaco-editor .find-widget textarea {
  margin: 0;
}
.monaco-editor .find-widget.hiddenEditor {
  display: none;
}
.monaco-editor .find-widget.replaceToggled > .replace-part {
  display: flex;
}
.monaco-editor .find-widget.visible {
  transform: translateY(0);
}
.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
  outline: 1px solid -webkit-focus-ring-color;
  outline-color: var(--vscode-focusBorder);
  outline-offset: -1px;
}
.monaco-editor .find-widget .monaco-inputbox .input {
  background-color: transparent;
  min-height: 0;
}
.monaco-editor .find-widget .monaco-findInput .input {
  font-size: 13px;
}
.monaco-editor .find-widget > .find-part,
.monaco-editor .find-widget > .replace-part {
  display: flex;
  font-size: 12px;
  margin: 3px 25px 0 17px;
}
.monaco-editor .find-widget > .find-part .monaco-inputbox,
.monaco-editor .find-widget > .replace-part .monaco-inputbox {
  min-height: 25px;
}
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
  padding-right: 22px;
}
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
  padding-bottom: 2px;
  padding-top: 2px;
}
.monaco-editor .find-widget > .find-part .find-actions,
.monaco-editor .find-widget > .replace-part .replace-actions {
  align-items: center;
  display: flex;
  height: 25px;
}
.monaco-editor .find-widget .monaco-findInput {
  display: flex;
  flex: 1;
  vertical-align: middle;
}
.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
  width: 100%;
}
.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
  opacity: 0;
}
.monaco-editor .find-widget .matchesCount {
  box-sizing: border-box;
  display: flex;
  flex: initial;
  height: 25px;
  line-height: 23px;
  margin: 0 0 0 3px;
  padding: 2px 0 0 2px;
  text-align: center;
  vertical-align: middle;
}
.monaco-editor .find-widget .button {
  align-items: center;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  flex: initial;
  height: 16px;
  justify-content: center;
  margin-left: 3px;
  padding: 3px;
  width: 16px;
}
.monaco-editor .find-widget .codicon-find-selection {
  border-radius: 5px;
  height: 22px;
  padding: 3px;
  width: 22px;
}
.monaco-editor .find-widget .button.left {
  margin-left: 0;
  margin-right: 3px;
}
.monaco-editor .find-widget .button.wide {
  padding: 1px 6px;
  top: -1px;
  width: auto;
}
.monaco-editor .find-widget .button.toggle {
  border-radius: 0;
  box-sizing: border-box;
  height: 100%;
  left: 3px;
  position: absolute;
  top: 0;
  width: 18px;
}
.monaco-editor .find-widget .button.toggle.disabled {
  display: none;
}
.monaco-editor .find-widget .disabled {
  color: var(--vscode-disabledForeground);
  cursor: default;
}
.monaco-editor .find-widget > .replace-part {
  display: none;
}
.monaco-editor .find-widget > .replace-part > .monaco-findInput {
  display: flex;
  flex: auto;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  vertical-align: middle;
}
.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
  position: absolute;
  right: 2px;
  top: 3px;
}
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
  display: none;
}
.monaco-editor .find-widget.narrow-find-widget {
  max-width: 257px !important;
}
.monaco-editor .find-widget.collapsed-find-widget {
  max-width: 170px !important;
}
.monaco-editor .find-widget.collapsed-find-widget .button.next,
.monaco-editor .find-widget.collapsed-find-widget .button.previous,
.monaco-editor .find-widget.collapsed-find-widget .button.replace,
.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
  display: none;
}
.monaco-editor .find-widget.no-results .matchesCount {
  color: var(--vscode-errorForeground);
}
.monaco-editor .findMatch {
  animation-duration: 0;
  animation-name: inherit !important;
  background-color: var(--vscode-editor-findMatchHighlightBackground);
}
.monaco-editor .currentFindMatch {
  background-color: var(--vscode-editor-findMatchBackground);
  border: 2px solid var(--vscode-editor-findMatchBorder);
  box-sizing: border-box;
  padding: 1px;
}
.monaco-editor .findScope {
  background-color: var(--vscode-editor-findRangeHighlightBackground);
}
.monaco-editor .find-widget .monaco-sash {
  background-color: var(--vscode-editorWidget-resizeBorder,var(--vscode-editorWidget-border));
  left: 0 !important;
}
.monaco-editor.hc-black .find-widget .button:before {
  left: 2px;
  position: relative;
  top: 1px;
}
.monaco-editor .find-widget .button:not(.disabled):hover,
.monaco-editor .find-widget .codicon-find-selection:hover {
  background-color: var(--vscode-toolbar-hoverBackground) !important;
}
.monaco-editor.findMatch {
  background-color: var(--vscode-editor-findMatchHighlightBackground);
}
.monaco-editor.currentFindMatch {
  background-color: var(--vscode-editor-findMatchBackground);
}
.monaco-editor.findScope {
  background-color: var(--vscode-editor-findRangeHighlightBackground);
}
.monaco-editor.findMatch {
  background-color: var(--vscode-editorWidget-background);
}
.monaco-editor .find-widget > .button.codicon-widget-close {
  position: absolute;
  right: 4px;
  top: 5px;
}
.monaco-editor .margin-view-overlays .codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 140%;
  justify-content: center;
  margin-left: 2px;
  opacity: 0;
  transition: opacity .5s;
}
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded {
  transition: initial;
}
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays:hover .codicon {
  opacity: 1;
}
.monaco-editor .inline-folded:after {
  color: var(--vscode-editor-foldPlaceholderForeground);
  content: "\22ef";
  cursor: pointer;
  display: inline;
  line-height: 1em;
  margin: .1em .2em 0;
}
.monaco-editor .folded-background {
  background-color: var(--vscode-editor-foldBackground);
}
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded {
  color: var(--vscode-editorGutter-foldingControlForeground) !important;
}
.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-top;
}
.monaco-editor .marker-widget {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .marker-widget > .stale {
  font-style: italic;
  opacity: .6;
}
.monaco-editor .marker-widget .title {
  display: inline-block;
  padding-right: 5px;
}
.monaco-editor .marker-widget .descriptioncontainer {
  padding: 8px 12px 0 20px;
  position: absolute;
  user-select: text;
  -webkit-user-select: text;
  white-space: pre;
}
.monaco-editor .marker-widget .descriptioncontainer .message {
  display: flex;
  flex-direction: column;
}
.monaco-editor .marker-widget .descriptioncontainer .message .details {
  padding-left: 6px;
}
.monaco-editor .marker-widget .descriptioncontainer .message .source,
.monaco-editor .marker-widget .descriptioncontainer .message span.code {
  opacity: .6;
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
  color: inherit;
  opacity: .6;
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
  content: "(";
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
  content: ")";
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
  border-bottom: 1px solid transparent;
  color: var(--vscode-textLink-activeForeground);
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .marker-widget .descriptioncontainer .filename {
  color: var(--vscode-textLink-activeForeground);
  cursor: pointer;
}
.monaco-editor .goto-definition-link {
  color: var(--vscode-editorLink-activeForeground) !important;
  cursor: pointer;
  text-decoration: underline;
}
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
  border-bottom-width: 1px;
  border-top-width: 1px;
}
.monaco-editor .reference-zone-widget .inline {
  display: inline-block;
  vertical-align: top;
}
.monaco-editor .reference-zone-widget .messages {
  height: 100%;
  padding: 3em 0;
  text-align: center;
  width: 100%;
}
.monaco-editor .reference-zone-widget .ref-tree {
  background-color: var(--vscode-peekViewResult-background);
  color: var(--vscode-peekViewResult-lineForeground);
  line-height: 23px;
}
.monaco-editor .reference-zone-widget .ref-tree .reference {
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-editor .reference-zone-widget .ref-tree .reference-file {
  color: var(--vscode-peekViewResult-fileForeground);
  display: inline-flex;
  height: 100%;
  width: 100%;
}
.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
  color: inherit !important;
}
.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
  background-color: var(--vscode-peekViewResult-selectionBackground);
  color: var(--vscode-peekViewResult-selectionForeground) !important;
}
.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
  margin-left: auto;
  margin-right: 12px;
}
.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
  background-color: var(--vscode-peekViewResult-matchHighlightBackground);
}
.monaco-editor .reference-zone-widget .preview .reference-decoration {
  background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
  border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
  box-sizing: border-box;
}
.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input,
.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background {
  background-color: var(--vscode-peekViewEditor-background);
}
.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
  background-color: var(--vscode-peekViewEditorGutter-background);
}
.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
  font-weight: 700;
}
.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
  border: 1px dotted var(--vscode-contrastActiveBorder,transparent);
  box-sizing: border-box;
}
.monaco-editor .hoverHighlight {
  background-color: var(--vscode-editor-hoverHighlightBackground);
}
.monaco-editor .monaco-hover-content {
  box-sizing: border-box;
  padding-bottom: 2px;
  padding-right: 2px;
}
.monaco-editor .monaco-hover {
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  border-radius: 3px;
  color: var(--vscode-editorHoverWidget-foreground);
}
.monaco-editor .monaco-hover a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .monaco-hover a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .monaco-hover .hover-row {
  display: flex;
}
.monaco-editor .monaco-hover .hover-row .hover-row-contents {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.monaco-editor .monaco-hover .hover-row .verbosity-actions {
  border-right: 1px solid var(--vscode-editorHoverWidget-border);
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-left: 5px;
  padding-right: 5px;
}
.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon {
  cursor: pointer;
  font-size: 11px;
}
.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon.enabled {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .monaco-hover .hover-row .verbosity-actions .codicon.disabled {
  opacity: .6;
}
.monaco-editor .monaco-hover .hover-row .actions {
  background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}
.monaco-editor .monaco-hover code {
  background-color: var(--vscode-textCodeBlock-background);
}
.monaco-editor.vs .valueSetReplacement {
  outline: solid 2px var(--vscode-editorBracketMatch-border);
}
.monaco-editor .inlineSuggestionsHints.withBorder {
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  color: var(--vscode-editorHoverWidget-foreground);
  z-index: 39;
}
.monaco-editor .inlineSuggestionsHints a,
.monaco-editor .inlineSuggestionsHints a:hover {
  color: var(--vscode-foreground);
}
.monaco-editor .inlineSuggestionsHints .keybinding {
  display: flex;
  margin-left: 4px;
  opacity: .6;
}
.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key {
  font-size: 8px;
  padding: 2px 3px;
}
.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a {
  display: flex;
  justify-content: center;
  min-width: 19px;
}
.monaco-editor .inlineSuggestionStatusBarItemLabel {
  margin-right: 2px;
}
.monaco-editor .suggest-preview-additional-widget {
  white-space: nowrap;
}
.monaco-editor .suggest-preview-additional-widget .content-spacer {
  color: transparent;
  white-space: pre;
}
.monaco-editor .suggest-preview-additional-widget .button {
  cursor: pointer;
  display: inline-block;
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .ghost-text-hidden {
  font-size: 0;
  opacity: 0;
}
.monaco-editor .ghost-text-decoration,
.monaco-editor .suggest-preview-text .ghost-text {
  font-style: italic;
}
.monaco-editor .ghost-text-decoration,
.monaco-editor .ghost-text-decoration-preview,
.monaco-editor .suggest-preview-text .ghost-text {
  background-color: var(--vscode-editorGhostText-background);
  border: 1px solid var(--vscode-editorGhostText-border);
  color: var(--vscode-editorGhostText-foreground) !important;
}
.monaco-editor .inline-edit-remove {
  background-color: var(--vscode-editorGhostText-background);
  font-style: italic;
}
.monaco-editor .inline-edit-hidden {
  font-size: 0;
  opacity: 0;
}
.monaco-editor .inline-edit-decoration,
.monaco-editor .suggest-preview-text .inline-edit {
  font-style: italic;
}
.monaco-editor .inline-completion-text-to-replace {
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .inline-edit-decoration,
.monaco-editor .inline-edit-decoration-preview,
.monaco-editor .suggest-preview-text .inline-edit {
  background-color: var(--vscode-editorGhostText-background);
  border: 1px solid var(--vscode-editorGhostText-border);
  color: var(--vscode-editorGhostText-foreground) !important;
}
.monaco-editor .inlineEditHints.withBorder {
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  color: var(--vscode-editorHoverWidget-foreground);
  z-index: 39;
}
.monaco-editor .inlineEditHints a,
.monaco-editor .inlineEditHints a:hover {
  color: var(--vscode-foreground);
}
.monaco-editor .inlineEditHints .keybinding {
  display: flex;
  margin-left: 4px;
  opacity: .6;
}
.monaco-editor .inlineEditHints .keybinding .monaco-keybinding-key {
  font-size: 8px;
  padding: 2px 3px;
}
.monaco-editor .inlineEditStatusBarItemLabel {
  margin-right: 2px;
}
.monaco-editor .inlineEditSideBySide {
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  color: var(--vscode-editorHoverWidget-foreground);
  white-space: pre;
  z-index: 39;
}
.monaco-editor div.inline-edits-widget {
  --widget-color:var(--vscode-notifications-background);
}
.monaco-editor div.inline-edits-widget .promptEditor .monaco-editor {
  --vscode-editor-placeholder-foreground:var(--vscode-editorGhostText-foreground);
}
.monaco-editor div.inline-edits-widget .promptEditor,
.monaco-editor div.inline-edits-widget .toolbar {
  opacity: 0;
  transition: opacity .2s ease-in-out;
}
.monaco-editor div.inline-edits-widget.focused .promptEditor,
.monaco-editor div.inline-edits-widget.focused .toolbar,
.monaco-editor div.inline-edits-widget:hover .promptEditor,
.monaco-editor div.inline-edits-widget:hover .toolbar {
  opacity: 1;
}
.monaco-editor div.inline-edits-widget .preview .monaco-editor {
  --vscode-editor-background:var(--widget-color);
}
.monaco-editor div.inline-edits-widget .preview .monaco-editor .mtk1 {
  color: var(--vscode-editorGhostText-foreground);
}
.monaco-editor div.inline-edits-widget .preview .monaco-editor .current-line-margin,
.monaco-editor div.inline-edits-widget .preview .monaco-editor .view-overlays .current-line-exact {
  border: none;
}
.monaco-editor div.inline-edits-widget svg .gradient-start {
  stop-color: var(--vscode-editor-background);
}
.monaco-editor div.inline-edits-widget svg .gradient-stop {
  stop-color: var(--widget-color);
}
.inline-editor-progress-decoration {
  display: inline-block;
  height: 1em;
  width: 1em;
}
.inline-progress-widget {
  align-items: center;
  display: flex !important;
  justify-content: center;
}
.inline-progress-widget .icon {
  font-size: 80% !important;
}
.inline-progress-widget:hover .icon {
  animation: none;
  font-size: 90% !important;
}
.inline-progress-widget:hover .icon:before {
  content: var(--vscode-icon-x-content);
  font-family: var(--vscode-icon-x-font-family);
}
.monaco-editor .linked-editing-decoration {
  background-color: var(--vscode-editor-linkedEditingBackground);
  min-width: 1px;
}
.monaco-editor .detected-link,
.monaco-editor .detected-link-active {
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .detected-link-active {
  color: var(--vscode-editorLink-activeForeground) !important;
  cursor: pointer;
}
.monaco-editor .monaco-editor-overlaymessage {
  padding-bottom: 8px;
  z-index: 10000;
}
.monaco-editor .monaco-editor-overlaymessage.below {
  padding-bottom: 0;
  padding-top: 8px;
  z-index: 10000;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
  animation: fadeIn .15s ease-out;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
  animation: fadeOut .1s ease-out;
}
.monaco-editor .monaco-editor-overlaymessage .message {
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-inputValidation-infoBorder);
  border-radius: 3px;
  color: var(--vscode-editorHoverWidget-foreground);
  padding: 2px 4px;
}
.monaco-editor .monaco-editor-overlaymessage .message p {
  margin-block: 0;
}
.monaco-editor .monaco-editor-overlaymessage .message a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .monaco-editor-overlaymessage .message a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor.hc-black .monaco-editor-overlaymessage .message,
.monaco-editor.hc-light .monaco-editor-overlaymessage .message {
  border-width: 2px;
}
.monaco-editor .monaco-editor-overlaymessage .anchor {
  border: 8px solid transparent;
  height: 0 !important;
  left: 2px;
  position: absolute;
  width: 0 !important;
  z-index: 1000;
}
.monaco-editor .monaco-editor-overlaymessage .anchor.top {
  border-bottom-color: var(--vscode-inputValidation-infoBorder);
}
.monaco-editor .monaco-editor-overlaymessage .anchor.below {
  border-top-color: var(--vscode-inputValidation-infoBorder);
}
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below,
.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top {
  display: none;
}
.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
  display: inherit;
  top: -8px;
}
.monaco-editor .parameter-hints-widget {
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  color: var(--vscode-editorHoverWidget-foreground);
  cursor: default;
  display: flex;
  flex-direction: column;
  line-height: 1.5em;
  z-index: 39;
}
.hc-black .monaco-editor .parameter-hints-widget,
.hc-light .monaco-editor .parameter-hints-widget {
  border-width: 2px;
}
.monaco-editor .parameter-hints-widget > .phwrapper {
  display: flex;
  flex-direction: row;
  max-width: 440px;
}
.monaco-editor .parameter-hints-widget.multiple {
  min-height: 3.3em;
  padding: 0;
}
.monaco-editor .parameter-hints-widget.multiple .body:before {
  border-left: 1px solid var(--vscode-editorHoverWidget-border);
  content: "";
  display: block;
  height: 100%;
  opacity: .5;
  position: absolute;
}
.monaco-editor .parameter-hints-widget p,
.monaco-editor .parameter-hints-widget ul {
  margin: 8px 0;
}
.monaco-editor .parameter-hints-widget .body,
.monaco-editor .parameter-hints-widget .monaco-scrollable-element {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 100%;
}
.monaco-editor .parameter-hints-widget .signature {
  padding: 4px 5px;
  position: relative;
}
.monaco-editor .parameter-hints-widget .signature.has-docs:after {
  border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
  content: "";
  display: block;
  left: 0;
  opacity: .5;
  padding-top: 4px;
  position: absolute;
  width: 100%;
}
.monaco-editor .parameter-hints-widget .code {
  font-family: var(--vscode-parameterHintsWidget-editorFontFamily), var(--vscode-parameterHintsWidget-editorFontFamilyDefault);
}
.monaco-editor .parameter-hints-widget .docs {
  padding: 0 10px 0 5px;
  white-space: pre-wrap;
}
.monaco-editor .parameter-hints-widget .docs.empty {
  display: none;
}
.monaco-editor .parameter-hints-widget .docs a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .parameter-hints-widget .docs a:hover {
  color: var(--vscode-textLink-activeForeground);
  cursor: pointer;
}
.monaco-editor .parameter-hints-widget .docs .markdown-docs {
  white-space: normal;
}
.monaco-editor .parameter-hints-widget .docs code {
  background-color: var(--vscode-textCodeBlock-background);
  border-radius: 3px;
  font-family: var(--monaco-monospace-font);
  padding: 0 .4em;
}
.monaco-editor .parameter-hints-widget .docs .code,
.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source {
  white-space: pre-wrap;
}
.monaco-editor .parameter-hints-widget .controls {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 22px;
}
.monaco-editor .parameter-hints-widget.multiple .controls {
  display: flex;
  padding: 0 2px;
}
.monaco-editor .parameter-hints-widget.multiple .button {
  background-repeat: no-repeat;
  cursor: pointer;
  height: 16px;
  width: 16px;
}
.monaco-editor .parameter-hints-widget .button.previous {
  bottom: 24px;
}
.monaco-editor .parameter-hints-widget .overloads {
  font-family: var(--monaco-monospace-font);
  height: 12px;
  line-height: 12px;
  text-align: center;
}
.monaco-editor .parameter-hints-widget .signature .parameter.active {
  color: var(--vscode-editorHoverWidget-highlightForeground);
  font-weight: 700;
}
.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
  font-weight: 700;
  margin-right: .5em;
}
.monaco-editor .peekview-widget .head {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.monaco-editor .peekview-widget .head .peekview-title {
  align-items: baseline;
  display: flex;
  font-size: 13px;
  margin-left: 20px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-editor .peekview-widget .head .peekview-title.clickable {
  cursor: pointer;
}
.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
  font-size: .9em;
  margin-left: .5em;
}
.monaco-editor .peekview-widget .head .peekview-title .dirname,
.monaco-editor .peekview-widget .head .peekview-title .filename,
.monaco-editor .peekview-widget .head .peekview-title .meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty):before {
  content: "-";
  padding: 0 .3em;
}
.monaco-editor .peekview-widget .head .peekview-actions {
  flex: 1;
  padding-right: 2px;
  text-align: right;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
  display: inline-block;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
  height: 100%;
}
.monaco-editor .peekview-widget > .body {
  border-top: 1px solid;
  position: relative;
}
.monaco-editor .peekview-widget .head .peekview-title .codicon {
  align-self: center;
  margin-right: 4px;
}
.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
  color: inherit !important;
}
.monaco-editor {
  --vscode-editor-placeholder-foreground:var(--vscode-editorGhostText-foreground);
}
.monaco-editor .editorPlaceholder {
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 0;
  text-wrap: nowrap;
  color: var(--vscode-editor-placeholder-foreground);
  pointer-events: none;
}
.monaco-editor .rename-box {
  border-radius: 4px;
  color: inherit;
  z-index: 100;
}
.monaco-editor .rename-box.preview {
  padding: 4px 4px 0;
}
.monaco-editor .rename-box .rename-input-with-button {
  border-radius: 2px;
  padding: 3px;
  width: calc(100% - 8px);
}
.monaco-editor .rename-box .rename-input {
  padding: 0;
  width: calc(100% - 8px);
}
.monaco-editor .rename-box .rename-input:focus {
  outline: none;
}
.monaco-editor .rename-box .rename-suggestions-button {
  align-items: center;
  background-color: transparent;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  padding: 3px;
}
.monaco-editor .rename-box .rename-suggestions-button:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}
.monaco-editor .rename-box .rename-candidate-list-container .monaco-list-row {
  border-radius: 2px;
}
.monaco-editor .rename-box .rename-label {
  display: none;
  opacity: .8;
}
.monaco-editor .rename-box.preview .rename-label {
  display: inherit;
}
.monaco-editor .snippet-placeholder {
  background-color: var(--vscode-editor-snippetTabstopHighlightBackground,transparent);
  min-width: 2px;
  outline-color: var(--vscode-editor-snippetTabstopHighlightBorder,transparent);
  outline-style: solid;
  outline-width: 1px;
}
.monaco-editor .finish-snippet-placeholder {
  background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground,transparent);
  outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder,transparent);
  outline-style: solid;
  outline-width: 1px;
}
.monaco-editor .sticky-widget {
  overflow: hidden;
}
.monaco-editor .sticky-widget-line-numbers {
  background-color: inherit;
  float: left;
}
.monaco-editor .sticky-widget-lines-scrollable {
  background-color: inherit;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  width: var(--vscode-editorStickyScroll-scrollableWidth);
}
.monaco-editor .sticky-widget-lines {
  background-color: inherit;
  position: absolute;
}
.monaco-editor .sticky-line-content,
.monaco-editor .sticky-line-number {
  background-color: inherit;
  color: var(--vscode-editorLineNumber-foreground);
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}
.monaco-editor .sticky-line-number .codicon-folding-collapsed,
.monaco-editor .sticky-line-number .codicon-folding-expanded {
  float: right;
  transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
}
.monaco-editor .sticky-line-content {
  background-color: inherit;
  white-space: nowrap;
  width: var(--vscode-editorStickyScroll-scrollableWidth);
}
.monaco-editor .sticky-line-number-inner {
  display: inline-block;
  text-align: right;
}
.monaco-editor .sticky-widget {
  border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
}
.monaco-editor .sticky-line-content:hover {
  background-color: var(--vscode-editorStickyScrollHover-background);
  cursor: pointer;
}
.monaco-editor .sticky-widget {
  background-color: var(--vscode-editorStickyScroll-background);
  box-shadow: var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;
  right: auto !important;
  width: 100%;
  z-index: 4;
}
.monaco-editor .sticky-widget.peek {
  background-color: var(--vscode-peekViewEditorStickyScroll-background);
}
.monaco-editor .suggest-widget {
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  width: 430px;
  z-index: 40;
}
.monaco-editor .suggest-widget.message {
  align-items: center;
  flex-direction: row;
}
.monaco-editor .suggest-details,
.monaco-editor .suggest-widget {
  background-color: var(--vscode-editorSuggestWidget-background);
  border-color: var(--vscode-editorSuggestWidget-border);
  border-style: solid;
  border-width: 1px;
  flex: 0 1 auto;
  width: 100%;
}
.monaco-editor.hc-black .suggest-details,
.monaco-editor.hc-black .suggest-widget,
.monaco-editor.hc-light .suggest-details,
.monaco-editor.hc-light .suggest-widget {
  border-width: 2px;
}
.monaco-editor .suggest-widget .suggest-status-bar {
  border-top: 1px solid var(--vscode-editorSuggestWidget-border);
  box-sizing: border-box;
  display: none;
  flex-flow: row nowrap;
  font-size: 80%;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 4px;
  width: 100%;
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
  display: flex;
}
.monaco-editor .suggest-widget .suggest-status-bar .left {
  padding-right: 8px;
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
  color: var(--vscode-editorSuggestWidgetStatus-foreground);
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
  margin-right: 0;
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label:after {
  content: ", ";
  margin-right: .3em;
}
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore,
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
  display: none;
}
.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label {
  width: 100%;
}
.monaco-editor .suggest-widget > .message {
  padding-left: 22px;
}
.monaco-editor .suggest-widget > .tree {
  height: 100%;
  width: 100%;
}
.monaco-editor .suggest-widget .monaco-list {
  user-select: none;
  -webkit-user-select: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
  background-position: 2px 2px;
  background-repeat: no-repeat;
  -mox-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  padding-right: 10px;
  touch-action: none;
  white-space: nowrap;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
  color: var(--vscode-editorSuggestWidget-selectedForeground);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
  color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
  flex: 1;
  height: 100%;
  overflow: hidden;
  padding-left: 2px;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
  display: flex;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
  color: var(--vscode-editorSuggestWidget-foreground);
}
.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
  font-weight: 700;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main .monaco-highlighted-label .highlight {
  color: var(--vscode-editorSuggestWidget-highlightForeground);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main .monaco-highlighted-label .highlight {
  color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:before {
  color: inherit;
  cursor: pointer;
  font-size: 14px;
  opacity: 1;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close {
  position: absolute;
  right: 2px;
  top: 6px;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
  opacity: 1;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
  opacity: .7;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
  opacity: .6;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
  align-self: center;
  font-size: 85%;
  line-height: normal;
  margin-left: 12px;
  opacity: .4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
  font-size: 85%;
  margin-left: 1.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source {
  display: inline;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
  display: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label,
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label,
.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
  display: inline;
}
.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right.can-expand-details > .details-label {
  width: calc(100% - 26px);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
  flex-shrink: 0;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label {
  max-width: 100%;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label {
  flex-shrink: 1;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
  flex-shrink: 4;
  max-width: 70%;
  overflow: hidden;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
  display: inline-block;
  height: 18px;
  position: absolute;
  right: 10px;
  visibility: hidden;
  width: 18px;
}
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
  display: none !important;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore {
  display: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
  display: inline-block;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right > .readMore {
  visibility: visible;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
  opacity: .66;
  text-decoration: unset;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container {
  text-decoration: line-through;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label:before {
  height: 100%;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  display: block;
  height: 16px;
  margin-left: 2px;
  width: 16px;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
  display: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
  align-items: center;
  display: flex;
  margin-right: 4px;
}
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon:before {
  display: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
  border: .1em solid #000;
  display: inline-block;
  height: .7em;
  margin: 0 0 0 .3em;
  width: .7em;
}
.monaco-editor .suggest-details-container {
  z-index: 41;
}
.monaco-editor .suggest-details {
  color: var(--vscode-editorSuggestWidget-foreground);
  cursor: default;
  display: flex;
  flex-direction: column;
}
.monaco-editor .suggest-details.focused {
  border-color: var(--vscode-focusBorder);
}
.monaco-editor .suggest-details a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .suggest-details a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .suggest-details code {
  background-color: var(--vscode-textCodeBlock-background);
}
.monaco-editor .suggest-details.no-docs {
  display: none;
}
.monaco-editor .suggest-details > .monaco-scrollable-element {
  flex: 1;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type {
  flex: 2;
  margin: 0 24px 0 0;
  opacity: .7;
  overflow: hidden;
  padding: 4px 0 12px 5px;
  text-overflow: ellipsis;
  white-space: pre;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type.auto-wrap {
  white-space: normal;
  word-break: break-all;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs {
  margin: 0;
  padding: 4px 5px;
  white-space: pre-wrap;
}
.monaco-editor .suggest-details.no-type > .monaco-scrollable-element > .body > .docs {
  margin-right: 24px;
  overflow: hidden;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs {
  min-height: calc(1rem + 8px);
  padding: 0;
  white-space: normal;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
  padding: 4px 5px;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
  margin-top: 0;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child {
  margin-bottom: 0;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .monaco-tokenized-source {
  white-space: pre;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs .code {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
  vertical-align: sub;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > p:empty {
  display: none;
}
.monaco-editor .suggest-details code {
  border-radius: 3px;
  padding: 0 .4em;
}
.monaco-editor .suggest-details ol,
.monaco-editor .suggest-details ul {
  padding-left: 20px;
}
.monaco-editor .suggest-details p code {
  font-family: var(--monaco-monospace-font);
}
.monaco-editor .codicon.codicon-symbol-array,
.monaco-workbench .codicon.codicon-symbol-array {
  color: var(--vscode-symbolIcon-arrayForeground);
}
.monaco-editor .codicon.codicon-symbol-boolean,
.monaco-workbench .codicon.codicon-symbol-boolean {
  color: var(--vscode-symbolIcon-booleanForeground);
}
.monaco-editor .codicon.codicon-symbol-class,
.monaco-workbench .codicon.codicon-symbol-class {
  color: var(--vscode-symbolIcon-classForeground);
}
.monaco-editor .codicon.codicon-symbol-method,
.monaco-workbench .codicon.codicon-symbol-method {
  color: var(--vscode-symbolIcon-methodForeground);
}
.monaco-editor .codicon.codicon-symbol-color,
.monaco-workbench .codicon.codicon-symbol-color {
  color: var(--vscode-symbolIcon-colorForeground);
}
.monaco-editor .codicon.codicon-symbol-constant,
.monaco-workbench .codicon.codicon-symbol-constant {
  color: var(--vscode-symbolIcon-constantForeground);
}
.monaco-editor .codicon.codicon-symbol-constructor,
.monaco-workbench .codicon.codicon-symbol-constructor {
  color: var(--vscode-symbolIcon-constructorForeground);
}
.monaco-editor .codicon.codicon-symbol-enum,
.monaco-editor .codicon.codicon-symbol-value,
.monaco-workbench .codicon.codicon-symbol-enum,
.monaco-workbench .codicon.codicon-symbol-value {
  color: var(--vscode-symbolIcon-enumeratorForeground);
}
.monaco-editor .codicon.codicon-symbol-enum-member,
.monaco-workbench .codicon.codicon-symbol-enum-member {
  color: var(--vscode-symbolIcon-enumeratorMemberForeground);
}
.monaco-editor .codicon.codicon-symbol-event,
.monaco-workbench .codicon.codicon-symbol-event {
  color: var(--vscode-symbolIcon-eventForeground);
}
.monaco-editor .codicon.codicon-symbol-field,
.monaco-workbench .codicon.codicon-symbol-field {
  color: var(--vscode-symbolIcon-fieldForeground);
}
.monaco-editor .codicon.codicon-symbol-file,
.monaco-workbench .codicon.codicon-symbol-file {
  color: var(--vscode-symbolIcon-fileForeground);
}
.monaco-editor .codicon.codicon-symbol-folder,
.monaco-workbench .codicon.codicon-symbol-folder {
  color: var(--vscode-symbolIcon-folderForeground);
}
.monaco-editor .codicon.codicon-symbol-function,
.monaco-workbench .codicon.codicon-symbol-function {
  color: var(--vscode-symbolIcon-functionForeground);
}
.monaco-editor .codicon.codicon-symbol-interface,
.monaco-workbench .codicon.codicon-symbol-interface {
  color: var(--vscode-symbolIcon-interfaceForeground);
}
.monaco-editor .codicon.codicon-symbol-key,
.monaco-workbench .codicon.codicon-symbol-key {
  color: var(--vscode-symbolIcon-keyForeground);
}
.monaco-editor .codicon.codicon-symbol-keyword,
.monaco-workbench .codicon.codicon-symbol-keyword {
  color: var(--vscode-symbolIcon-keywordForeground);
}
.monaco-editor .codicon.codicon-symbol-module,
.monaco-workbench .codicon.codicon-symbol-module {
  color: var(--vscode-symbolIcon-moduleForeground);
}
.monaco-editor .codicon.codicon-symbol-namespace,
.monaco-workbench .codicon.codicon-symbol-namespace {
  color: var(--vscode-symbolIcon-namespaceForeground);
}
.monaco-editor .codicon.codicon-symbol-null,
.monaco-workbench .codicon.codicon-symbol-null {
  color: var(--vscode-symbolIcon-nullForeground);
}
.monaco-editor .codicon.codicon-symbol-number,
.monaco-workbench .codicon.codicon-symbol-number {
  color: var(--vscode-symbolIcon-numberForeground);
}
.monaco-editor .codicon.codicon-symbol-object,
.monaco-workbench .codicon.codicon-symbol-object {
  color: var(--vscode-symbolIcon-objectForeground);
}
.monaco-editor .codicon.codicon-symbol-operator,
.monaco-workbench .codicon.codicon-symbol-operator {
  color: var(--vscode-symbolIcon-operatorForeground);
}
.monaco-editor .codicon.codicon-symbol-package,
.monaco-workbench .codicon.codicon-symbol-package {
  color: var(--vscode-symbolIcon-packageForeground);
}
.monaco-editor .codicon.codicon-symbol-property,
.monaco-workbench .codicon.codicon-symbol-property {
  color: var(--vscode-symbolIcon-propertyForeground);
}
.monaco-editor .codicon.codicon-symbol-reference,
.monaco-workbench .codicon.codicon-symbol-reference {
  color: var(--vscode-symbolIcon-referenceForeground);
}
.monaco-editor .codicon.codicon-symbol-snippet,
.monaco-workbench .codicon.codicon-symbol-snippet {
  color: var(--vscode-symbolIcon-snippetForeground);
}
.monaco-editor .codicon.codicon-symbol-string,
.monaco-workbench .codicon.codicon-symbol-string {
  color: var(--vscode-symbolIcon-stringForeground);
}
.monaco-editor .codicon.codicon-symbol-struct,
.monaco-workbench .codicon.codicon-symbol-struct {
  color: var(--vscode-symbolIcon-structForeground);
}
.monaco-editor .codicon.codicon-symbol-text,
.monaco-workbench .codicon.codicon-symbol-text {
  color: var(--vscode-symbolIcon-textForeground);
}
.monaco-editor .codicon.codicon-symbol-type-parameter,
.monaco-workbench .codicon.codicon-symbol-type-parameter {
  color: var(--vscode-symbolIcon-typeParameterForeground);
}
.monaco-editor .codicon.codicon-symbol-unit,
.monaco-workbench .codicon.codicon-symbol-unit {
  color: var(--vscode-symbolIcon-unitForeground);
}
.monaco-editor .codicon.codicon-symbol-variable,
.monaco-workbench .codicon.codicon-symbol-variable {
  color: var(--vscode-symbolIcon-variableForeground);
}
.editor-banner {
  background: var(--vscode-banner-background);
  box-sizing: border-box;
  cursor: default;
  display: flex;
  font-size: 12px;
  height: 26px;
  overflow: visible;
  width: 100%;
}
.editor-banner .icon-container {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  padding: 0 6px 0 10px;
}
.editor-banner .icon-container.custom-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  margin: 0 6px 0 10px;
  padding: 0;
  width: 16px;
}
.editor-banner .message-container {
  align-items: center;
  display: flex;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.editor-banner .message-container p {
  margin-block-end: 0;
  margin-block-start: 0;
}
.editor-banner .message-actions-container {
  flex-grow: 1;
  flex-shrink: 0;
  line-height: 26px;
  margin: 0 4px;
}
.editor-banner .message-actions-container a.monaco-button {
  margin: 2px 8px;
  padding: 0 12px;
  width: inherit;
}
.editor-banner .message-actions-container a {
  margin-left: 12px;
  padding: 3px;
  text-decoration: underline;
}
.editor-banner .action-container {
  padding: 0 10px 0 6px;
}
.editor-banner {
  background-color: var(--vscode-banner-background);
}
.editor-banner,
.editor-banner .action-container .codicon,
.editor-banner .message-actions-container .monaco-link {
  color: var(--vscode-banner-foreground);
}
.editor-banner .icon-container .codicon {
  color: var(--vscode-banner-iconForeground);
}
.monaco-editor .unicode-highlight {
  background-color: var(--vscode-editorUnicodeHighlight-background);
  border: 1px solid var(--vscode-editorUnicodeHighlight-border);
  box-sizing: border-box;
}
.monaco-editor .focused .selectionHighlight {
  background-color: var(--vscode-editor-selectionHighlightBackground);
  border: 1px solid var(--vscode-editor-selectionHighlightBorder);
  box-sizing: border-box;
}
.monaco-editor.hc-black .focused .selectionHighlight,
.monaco-editor.hc-light .focused .selectionHighlight {
  border-style: dotted;
}
.monaco-editor .wordHighlight {
  background-color: var(--vscode-editor-wordHighlightBackground);
  border: 1px solid var(--vscode-editor-wordHighlightBorder);
  box-sizing: border-box;
}
.monaco-editor.hc-black .wordHighlight,
.monaco-editor.hc-light .wordHighlight {
  border-style: dotted;
}
.monaco-editor .wordHighlightStrong {
  background-color: var(--vscode-editor-wordHighlightStrongBackground);
  border: 1px solid var(--vscode-editor-wordHighlightStrongBorder);
  box-sizing: border-box;
}
.monaco-editor.hc-black .wordHighlightStrong,
.monaco-editor.hc-light .wordHighlightStrong {
  border-style: dotted;
}
.monaco-editor .wordHighlightText {
  background-color: var(--vscode-editor-wordHighlightTextBackground);
  border: 1px solid var(--vscode-editor-wordHighlightTextBorder);
  box-sizing: border-box;
}
.monaco-editor.hc-black .wordHighlightText,
.monaco-editor.hc-light .wordHighlightText {
  border-style: dotted;
}
.monaco-editor .zone-widget {
  position: absolute;
  z-index: 10;
}
.monaco-editor .zone-widget .zone-widget-container {
  border-bottom-style: solid;
  border-bottom-width: 0;
  border-top-style: solid;
  border-top-width: 0;
  position: relative;
}
.monaco-editor .iPadShowKeyboard {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MyIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjNDI0MjQyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OC4wMzYgNC4wMUg0LjAwOFYzMi4wM2g0NC4wMjh6TTQuMDA4LjAwOEE0LjAwMyA0LjAwMyAwIDAgMCAuMDA1IDQuMDFWMzIuMDNhNC4wMDMgNC4wMDMgMCAwIDAgNC4wMDMgNC4wMDJoNDQuMDI4YTQuMDAzIDQuMDAzIDAgMCAwIDQuMDAzLTQuMDAyVjQuMDFBNC4wMDMgNC4wMDMgMCAwIDAgNDguMDM2LjAwOHpNOC4wMSA4LjAxM2g0LjAwM3Y0LjAwM0g4LjAxem0xMi4wMDggMGgtNC4wMDJ2NC4wMDNoNC4wMDJ6bTQuMDAzIDBoNC4wMDJ2NC4wMDNoLTQuMDAyem0xMi4wMDggMGgtNC4wMDN2NC4wMDNoNC4wMDN6bTQuMDAyIDBoNC4wMDN2NC4wMDNINDAuMDN6bS0yNC4wMTUgOC4wMDVIOC4wMXY0LjAwM2g4LjAwNnptNC4wMDIgMGg0LjAwM3Y0LjAwM2gtNC4wMDN6bTEyLjAwOCAwaC00LjAwM3Y0LjAwM2g0LjAwM3ptMTIuMDA4IDB2NC4wMDNoLTguMDA1di00LjAwM3ptLTMyLjAyMSA4LjAwNUg4LjAxdjQuMDAzaDQuMDAzem00LjAwMyAwaDIwLjAxM3Y0LjAwM0gxNi4wMTZ6bTI4LjAxOCAwSDQwLjAzdjQuMDAzaDQuMDAzeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg1M3YzNkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==) 50% no-repeat;
  border: 4px solid #f6f6f6;
  border-radius: 4px;
  height: 36px;
  margin: 0;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  resize: none;
  width: 58px;
}
.monaco-editor.vs-dark .iPadShowKeyboard {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MyIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjQzVDNUM1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00OC4wMzYgNC4wMUg0LjAwOFYzMi4wM2g0NC4wMjh6TTQuMDA4LjAwOEE0LjAwMyA0LjAwMyAwIDAgMCAuMDA1IDQuMDFWMzIuMDNhNC4wMDMgNC4wMDMgMCAwIDAgNC4wMDMgNC4wMDJoNDQuMDI4YTQuMDAzIDQuMDAzIDAgMCAwIDQuMDAzLTQuMDAyVjQuMDFBNC4wMDMgNC4wMDMgMCAwIDAgNDguMDM2LjAwOHpNOC4wMSA4LjAxM2g0LjAwM3Y0LjAwM0g4LjAxem0xMi4wMDggMGgtNC4wMDJ2NC4wMDNoNC4wMDJ6bTQuMDAzIDBoNC4wMDJ2NC4wMDNoLTQuMDAyem0xMi4wMDggMGgtNC4wMDN2NC4wMDNoNC4wMDN6bTQuMDAyIDBoNC4wMDN2NC4wMDNINDAuMDN6bS0yNC4wMTUgOC4wMDVIOC4wMXY0LjAwM2g4LjAwNnptNC4wMDIgMGg0LjAwM3Y0LjAwM2gtNC4wMDN6bTEyLjAwOCAwaC00LjAwM3Y0LjAwM2g0LjAwM3ptMTIuMDA4IDB2NC4wMDNoLTguMDA1di00LjAwM3ptLTMyLjAyMSA4LjAwNUg4LjAxdjQuMDAzaDQuMDAzem00LjAwMyAwaDIwLjAxM3Y0LjAwM0gxNi4wMTZ6bTI4LjAxOCAwSDQwLjAzdjQuMDAzaDQuMDAzeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg1M3YzNkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==) 50% no-repeat;
  border: 4px solid #252526;
}
.monaco-editor .tokens-inspect-widget {
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  color: var(--vscode-editorHoverWidget-foreground);
  padding: 10px;
  user-select: text;
  -webkit-user-select: text;
  z-index: 50;
}
.monaco-editor.hc-black .tokens-inspect-widget,
.monaco-editor.hc-light .tokens-inspect-widget {
  border-width: 2px;
}
.monaco-editor .tokens-inspect-widget .tokens-inspect-separator {
  background-color: var(--vscode-editorHoverWidget-border);
  border: 0;
  height: 1px;
}
.monaco-editor .tokens-inspect-widget .tm-token {
  font-family: var(--monaco-monospace-font);
}
.monaco-editor .tokens-inspect-widget .tm-token-length {
  float: right;
  font-size: 60%;
  font-weight: 400;
}
.monaco-editor .tokens-inspect-widget .tm-metadata-table {
  width: 100%;
}
.monaco-editor .tokens-inspect-widget .tm-metadata-value {
  font-family: var(--monaco-monospace-font);
  text-align: right;
}
.monaco-editor .tokens-inspect-widget .tm-token-type {
  font-family: var(--monaco-monospace-font);
}
.quick-input-widget {
  font-size: 13px;
}
.quick-input-widget .monaco-highlighted-label .highlight {
  color: #0066bf;
}
.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight {
  color: #9dddff;
}
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
  color: #0097fb;
}
.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
  color: #f38518;
}
.hc-light .quick-input-widget .monaco-highlighted-label .highlight {
  color: #0f4a85;
}
.monaco-keybinding > .monaco-keybinding-key {
  background-color: hsla(0, 0%, 87%, .4);
  border: 1px solid hsla(0, 0%, 80%, .4);
  border-bottom-color: hsla(0, 0%, 73%, .4);
  box-shadow: inset 0 -1px 0 hsla(0, 0%, 73%, .4);
  color: #555;
}
.hc-black .monaco-keybinding > .monaco-keybinding-key {
  background-color: transparent;
  border: 1px solid #6fc3df;
  box-shadow: none;
  color: #fff;
}
.hc-light .monaco-keybinding > .monaco-keybinding-key {
  background-color: transparent;
  border: 1px solid #0f4a85;
  box-shadow: none;
  color: #292929;
}
.vs-dark .monaco-keybinding > .monaco-keybinding-key {
  background-color: hsla(0, 0%, 50%, .17);
  border: 1px solid rgba(51, 51, 51, .6);
  border-bottom-color: rgba(68, 68, 68, .6);
  box-shadow: inset 0 -1px 0 rgba(68, 68, 68, .6);
  color: #ccc;
}
.monaco-editor {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe WPC,
    Segoe UI,
    HelveticaNeue-Light,
    system-ui,
    Ubuntu,
    Droid Sans,
    sans-serif;
  --monaco-monospace-font:"SF Mono",Monaco,Menlo,Consolas,"Ubuntu Mono","Liberation Mono","DejaVu Sans Mono","Courier New",monospace;
}
.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
  stroke-width: 1.2px;
}
.monaco-hover p {
  margin: 0;
}
.monaco-aria-container {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  top: 0;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}
.monaco-diff-editor .synthetic-focus,
.monaco-diff-editor [tabindex="-1"]:focus,
.monaco-diff-editor [tabindex="0"]:focus,
.monaco-diff-editor button:focus,
.monaco-diff-editor input[type=button]:focus,
.monaco-diff-editor input[type=checkbox]:focus,
.monaco-diff-editor input[type=search]:focus,
.monaco-diff-editor input[type=text]:focus,
.monaco-diff-editor select:focus,
.monaco-diff-editor textarea:focus,
.monaco-editor {
  opacity: 1;
  outline-color: var(--vscode-focusBorder);
  outline-offset: -1px;
  outline-style: solid;
  outline-width: 1px;
}
.action-widget {
  background-color: var(--vscode-editorActionList-background);
  border: 1px solid var(--vscode-editorWidget-border) !important;
  border-radius: 0;
  border-radius: 5px;
  box-shadow: 0 2px 8px var(--vscode-widget-shadow);
  color: var(--vscode-editorActionList-foreground);
  display: block;
  font-size: 13px;
  max-width: 80vw;
  min-width: 160px;
  padding: 4px;
  width: 100%;
  z-index: 40;
}
.context-view-block {
  z-index: -1;
}
.context-view-block,
.context-view-pointerBlock {
  cursor: auto;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.context-view-pointerBlock {
  z-index: 2;
}
.action-widget .monaco-list {
  border: 0 !important;
  user-select: none;
  -webkit-user-select: none;
}
.action-widget .monaco-list:focus:before {
  outline: 0 !important;
}
.action-widget .monaco-list .monaco-scrollable-element {
  overflow: visible;
}
.action-widget .monaco-list .monaco-list-row {
  border-radius: 4px;
  cursor: pointer;
  padding: 0 10px;
  touch-action: none;
  white-space: nowrap;
  width: 100%;
}
.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
  background-color: var(--vscode-editorActionList-focusBackground) !important;
  color: var(--vscode-editorActionList-focusForeground);
  outline: 1px solid var(--vscode-menu-selectionBorder,transparent);
  outline-offset: -1px;
}
.action-widget .monaco-list-row.group-header {
  color: var(--vscode-descriptionForeground) !important;
  font-size: 12px;
  font-weight: 600;
}
.action-widget .monaco-list-row.group-header:not(:first-of-type) {
  margin-top: 2px;
}
.action-widget .monaco-list .group-header,
.action-widget .monaco-list .option-disabled,
.action-widget .monaco-list .option-disabled .focused,
.action-widget .monaco-list .option-disabled .focused:before,
.action-widget .monaco-list .option-disabled:before {
  cursor: default !important;
  -webkit-touch-callout: none;
  background-color: transparent !important;
  outline: 0 solid !important;
  -webkit-user-select: none;
  user-select: none;
}
.action-widget .monaco-list-row.action {
  align-items: center;
  display: flex;
  gap: 8px;
}
.action-widget .monaco-list-row.action.option-disabled,
.action-widget .monaco-list-row.action.option-disabled .codicon,
.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,
.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled {
  color: var(--vscode-disabledForeground);
}
.action-widget .monaco-list-row.action:not(.option-disabled) .codicon {
  color: inherit;
}
.action-widget .monaco-list-row.action .title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.action-widget .monaco-list-row.action .monaco-keybinding > .monaco-keybinding-key {
  background-color: var(--vscode-keybindingLabel-background);
  border-color: var(--vscode-keybindingLabel-border);
  border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
  color: var(--vscode-keybindingLabel-foreground);
}
.action-widget .action-widget-action-bar {
  background-color: var(--vscode-editorActionList-background);
  border-top: 1px solid var(--vscode-editorHoverWidget-border);
  margin-top: 2px;
}
.action-widget .action-widget-action-bar:before {
  content: "";
  display: block;
  width: 100%;
}
.action-widget .action-widget-action-bar .actions-container {
  padding: 3px 8px 0;
}
.action-widget-action-bar .action-label {
  color: var(--vscode-textLink-activeForeground);
  font-size: 12px;
  line-height: 22px;
  padding: 0;
  pointer-events: all;
}
.action-widget-action-bar .action-item {
  margin-right: 16px;
  pointer-events: none;
}
.action-widget-action-bar .action-label:hover {
  background-color: transparent !important;
}
.monaco-action-bar .actions-container.highlight-toggled .action-label.checked {
  background: var(--vscode-actionBar-toggledBackground) !important;
}
.monaco-action-bar .action-item.menu-entry .action-label.icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  height: 16px;
  width: 16px;
}
.monaco-action-bar .action-item.menu-entry.text-only .action-label {
  border-radius: 2px;
  color: var(--vscode-descriptionForeground);
  overflow: hidden;
}
.monaco-action-bar .action-item.menu-entry.text-only.use-comma:not(:last-of-type) .action-label:after {
  content: ", ";
}
.monaco-action-bar .action-item.menu-entry.text-only + .action-item:not(.text-only) > .monaco-dropdown .action-label {
  color: var(--vscode-descriptionForeground);
}
.monaco-dropdown-with-default {
  border-radius: 5px;
  display: flex !important;
  flex-direction: row;
}
.monaco-dropdown-with-default > .action-container > .action-label {
  margin-right: 0;
}
.monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  height: 16px;
  width: 16px;
}
.monaco-dropdown-with-default:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}
.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*=codicon-] {
  font-size: 12px;
  line-height: 16px;
  margin-left: -3px;
  padding-left: 0;
  padding-right: 0;
}
.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  display: block;
}
.monaco-link {
  color: var(--vscode-textLink-foreground);
}
.monaco-link:hover {
  color: var(--vscode-textLink-activeForeground);
}
.quick-input-widget {
  left: 50%;
  margin-left: -300px;
  position: absolute;
  width: 600px;
  z-index: 2550;
  -webkit-app-region: no-drag;
  border-radius: 6px;
}
.quick-input-titlebar {
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
}
.quick-input-left-action-bar {
  display: flex;
  flex: 1;
  margin-left: 4px;
}
.quick-input-inline-action-bar {
  margin: 2px 0 0 5px;
}
.quick-input-title {
  overflow: hidden;
  padding: 3px 0;
  text-align: center;
  text-overflow: ellipsis;
}
.quick-input-right-action-bar {
  display: flex;
  flex: 1;
  margin-right: 4px;
}
.quick-input-right-action-bar > .actions-container {
  justify-content: flex-end;
}
.quick-input-titlebar .monaco-action-bar .action-label.codicon {
  background-position: 50%;
  background-repeat: no-repeat;
  padding: 2px;
}
.quick-input-description {
  margin: 6px 6px 6px 11px;
}
.quick-input-header .quick-input-description {
  flex: 1;
  margin: 4px 2px;
}
.quick-input-header {
  display: flex;
  padding: 8px 6px 2px;
}
.quick-input-widget.hidden-input .quick-input-header {
  margin-bottom: 0;
  padding: 0;
}
.quick-input-and-message {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  position: relative;
}
.quick-input-check-all {
  align-self: center;
  margin: 0;
}
.quick-input-filter {
  display: flex;
  flex-grow: 1;
  position: relative;
}
.quick-input-box {
  flex-grow: 1;
}
.quick-input-widget.show-checkboxes .quick-input-box,
.quick-input-widget.show-checkboxes .quick-input-message {
  margin-left: 5px;
}
.quick-input-visible-count {
  left: -10000px;
  position: absolute;
}
.quick-input-count {
  align-items: center;
  align-self: center;
  display: flex;
  position: absolute;
  right: 4px;
}
.quick-input-count .monaco-count-badge {
  border-radius: 2px;
  line-height: normal;
  min-height: auto;
  padding: 2px 4px;
  vertical-align: middle;
}
.quick-input-action {
  margin-left: 6px;
}
.quick-input-action .monaco-text-button {
  align-items: center;
  display: flex;
  font-size: 11px;
  height: 25px;
  padding: 0 6px;
}
.quick-input-message {
  margin-top: -1px;
  overflow-wrap: break-word;
  padding: 5px;
}
.quick-input-message > .codicon {
  margin: 0 .2em;
  vertical-align: text-bottom;
}
.quick-input-message a {
  color: inherit;
}
.quick-input-progress.monaco-progress-container {
  position: relative;
}
.quick-input-list {
  line-height: 22px;
}
.quick-input-widget.hidden-input .quick-input-list {
  margin-top: 4px;
  padding-bottom: 4px;
}
.quick-input-list .monaco-list {
  max-height: 440px;
  overflow: hidden;
  padding-bottom: 5px;
}
.quick-input-list .monaco-scrollable-element {
  padding: 0 5px;
}
.quick-input-list .quick-input-list-entry {
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  padding: 0 6px;
}
.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
  border-top-style: solid;
  border-top-width: 1px;
}
.quick-input-list .monaco-list-row {
  border-radius: 3px;
}
.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border {
  border-top-style: none;
}
.quick-input-list .quick-input-list-label {
  display: flex;
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.quick-input-list .quick-input-list-checkbox {
  align-self: center;
  margin: 0;
}
.quick-input-list .quick-input-list-icon {
  align-items: center;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 16px;
  display: flex;
  height: 22px;
  justify-content: center;
  padding-right: 6px;
  width: 16px;
}
.quick-input-list .quick-input-list-rows {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows {
  margin-left: 10px;
}
.quick-input-widget .quick-input-list .quick-input-list-checkbox {
  display: none;
}
.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox {
  display: inline;
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row {
  align-items: center;
  display: flex;
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
  flex: 1;
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*=codicon-] {
  vertical-align: text-bottom;
}
.quick-input-list .quick-input-list-rows .monaco-highlighted-label > span {
  opacity: 1;
}
.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
  margin-right: 8px;
}
.quick-input-list .quick-input-list-label-meta {
  line-height: normal;
  opacity: .7;
  overflow: hidden;
  text-overflow: ellipsis;
}
.quick-input-list .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
  background-color: unset;
  color: var(--vscode-list-highlightForeground) !important;
  font-weight: 700;
}
.quick-input-list .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight {
  color: var(--vscode-list-focusHighlightForeground) !important;
}
.quick-input-list .quick-input-list-entry .quick-input-list-separator {
  margin-right: 4px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  display: flex;
  flex: 0;
  overflow: visible;
}
.quick-input-list .quick-input-list-entry-action-bar .action-label {
  display: none;
}
.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
  margin-right: 4px;
  padding: 2px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  margin-right: 4px;
  margin-top: 1px;
}
.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.passive-focused .quick-input-list-entry-action-bar .action-label,
.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
.quick-input-list .quick-input-list-entry.focus-inside .quick-input-list-entry-action-bar .action-label,
.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label {
  display: flex;
}
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
  color: inherit;
}
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
  background: none;
}
.quick-input-list .quick-input-list-separator-as-item {
  font-size: 12px;
  padding: 4px 6px;
}
.quick-input-list .quick-input-list-separator-as-item .label-name {
  font-weight: 600;
}
.quick-input-list .quick-input-list-separator-as-item .label-description {
  opacity: 1 !important;
}
.quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border {
  border-top-style: none;
}
.quick-input-list .monaco-tree-sticky-row {
  padding: 0 5px;
}
.quick-input-list .monaco-tl-twistie {
  display: none !important;
}
.extension-editor .codicon.codicon-error,
.extensions-viewlet > .extensions .codicon.codicon-error,
.markers-panel .marker-icon .codicon.codicon-error,
.markers-panel .marker-icon.error,
.monaco-editor .zone-widget .codicon.codicon-error,
.preferences-editor .codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error {
  color: var(--vscode-problemsErrorIcon-foreground);
}
.extension-editor .codicon.codicon-warning,
.extensions-viewlet > .extensions .codicon.codicon-warning,
.markers-panel .marker-icon .codicon.codicon-warning,
.markers-panel .marker-icon.warning,
.monaco-editor .zone-widget .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning {
  color: var(--vscode-problemsWarningIcon-foreground);
}
.extension-editor .codicon.codicon-info,
.extensions-viewlet > .extensions .codicon.codicon-info,
.markers-panel .marker-icon .codicon.codicon-info,
.markers-panel .marker-icon.info,
.monaco-editor .zone-widget .codicon.codicon-info,
.preferences-editor .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info {
  color: var(--vscode-problemsInfoIcon-foreground);
}

/* angular:styles/global:styles */