@charset "UTF-8";

/* src/@backoffice/styles/tailwind.scss */
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
  html {
    @apply scroll-smooth;
  }
  body {
    @apply bg-backoffice-bg-default text-backoffice-text-default;
    @apply font-sans antialiased;
    @apply transition-colors duration-300 ease-in-out;
  }
  *:focus-visible {
    @apply outline-none ring-2 ring-backoffice-primary-500 ring-offset-2;
  }
  ::selection {
    @apply bg-backoffice-primary-100 text-backoffice-primary-900;
  }
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.4) transparent;
}
::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}
::-webkit-scrollbar-track {
  background: transparent !important;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(148, 163, 184, 0.4) !important;
  border-radius: 9999px !important;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(100, 116, 139, 0.55) !important;
}
::-webkit-scrollbar-corner {
  background: transparent !important;
}
@layer components {
  .btn {
    @apply inline-flex items-center justify-center px-4 py-2 text-sm font-medium;
    @apply rounded-lg transition-colors duration-150 ease-in-out;
    @apply focus:outline-none focus:ring-2 focus:ring-offset-2;
    @apply disabled:opacity-50 disabled:cursor-not-allowed;
  }
  .btn-primary {
    @apply bg-backoffice-primary-500 text-white;
    @apply hover:bg-backoffice-primary-600;
    @apply focus:ring-backoffice-primary-500;
  }
  .btn-secondary {
    @apply bg-backoffice-accent-500 text-white;
    @apply hover:bg-backoffice-accent-600;
    @apply focus:ring-backoffice-accent-500;
  }
  .btn-outline {
    @apply border border-backoffice-border text-backoffice-text-default;
    @apply hover:bg-backoffice-bg-secondary;
    @apply focus:ring-backoffice-primary-500;
  }
  .btn-ghost {
    @apply text-backoffice-text-default;
    @apply hover:bg-backoffice-bg-secondary;
    @apply focus:ring-backoffice-primary-500;
  }
  .btn-sm {
    @apply px-3 py-1.5 text-xs;
  }
  .btn-lg {
    @apply px-6 py-3 text-base;
  }
  .card {
    @apply bg-backoffice-bg-default border border-backoffice-border;
    @apply rounded-lg shadow-soft overflow-hidden;
  }
  .card-header {
    @apply px-6 py-4 border-b border-backoffice-border-light;
    @apply bg-backoffice-bg-secondary;
  }
  .card-body {
    @apply px-6 py-4;
  }
  .card-footer {
    @apply px-6 py-4 border-t border-backoffice-border-light;
    @apply bg-backoffice-bg-secondary;
  }
  .input {
    @apply w-full px-3 py-2 text-sm;
    @apply bg-backoffice-bg-default border border-backoffice-border;
    @apply rounded-lg transition-colors duration-150 ease-in-out;
    @apply focus:border-backoffice-primary-500 focus:ring-2 focus:ring-backoffice-primary-500 focus:ring-offset-2;
    @apply placeholder:text-backoffice-text-hint;
  }
  .input:disabled {
    @apply bg-backoffice-bg-tertiary text-backoffice-text-disabled;
    @apply cursor-not-allowed;
  }
  .input-error {
    @apply border-backoffice-warn-500 focus:border-backoffice-warn-500 focus:ring-backoffice-warn-500;
  }
  .badge {
    @apply inline-flex items-center px-2.5 py-0.5 text-xs font-medium;
    @apply rounded-full;
  }
  .badge-primary {
    @apply bg-backoffice-primary-100 text-backoffice-primary-800;
    @apply dark:bg-backoffice-primary-900 dark:text-backoffice-primary-200;
  }
  .badge-secondary {
    @apply bg-backoffice-accent-100 text-backoffice-accent-800;
    @apply dark:bg-backoffice-accent-900 dark:text-backoffice-accent-200;
  }
  .badge-success {
    @apply bg-green-100 text-green-800;
    @apply dark:bg-green-900 dark:text-green-200;
  }
  .badge-warning {
    @apply bg-yellow-100 text-yellow-800;
    @apply dark:bg-yellow-900 dark:text-yellow-200;
  }
  .badge-error {
    @apply bg-backoffice-warn-100 text-backoffice-warn-800;
    @apply dark:bg-backoffice-warn-900 dark:text-backoffice-warn-200;
  }
  .alert {
    @apply px-4 py-3 rounded-lg border;
  }
  .alert-info {
    @apply bg-blue-50 border-blue-200 text-blue-800;
    @apply dark:bg-blue-900 dark:border-blue-700 dark:text-blue-200;
  }
  .alert-success {
    @apply bg-green-50 border-green-200 text-green-800;
    @apply dark:bg-green-900 dark:border-green-700 dark:text-green-200;
  }
  .alert-warning {
    @apply bg-yellow-50 border-yellow-200 text-yellow-800;
    @apply dark:bg-yellow-900 dark:border-yellow-700 dark:text-yellow-200;
  }
  .alert-error {
    @apply bg-backoffice-warn-50 border-backoffice-warn-200 text-backoffice-warn-800;
    @apply dark:bg-backoffice-warn-900 dark:border-backoffice-warn-700 dark:text-backoffice-warn-200;
  }
}
@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .container-custom {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
  }
  .animate-fade-in {
    animation: fadeIn 0.3s ease-in-out;
  }
  .animate-slide-up {
    animation: slideUp 0.3s ease-out;
  }
  .animate-slide-down {
    animation: slideDown 0.3s ease-out;
  }
  .animate-slide-left {
    animation: slideLeft 0.3s ease-out;
  }
  .animate-slide-right {
    animation: slideRight 0.3s ease-out;
  }
  .backdrop-blur-xs {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }
  .backdrop-blur-sm {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  .backdrop-blur {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
  .backdrop-blur-md {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  .backdrop-blur-lg {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }
  .backdrop-blur-xl {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
  }
  .backdrop-blur-2xl {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
  }
  .backdrop-blur-3xl {
    -webkit-backdrop-filter: blur(64px);
    backdrop-filter: blur(64px);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideRight {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* src/@backoffice/styles/themes.scss */
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
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));
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
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 {
  --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-arrow-transform: translateY(-8px);
}
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-dialog-container-shape: 4px;
  --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;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
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-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.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 {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
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-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
html {
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-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);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-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);
  --mat-button-protected-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);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-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);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-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);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-transform: none;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-protected-label-text-transform: none;
  --mat-button-text-label-text-transform: none;
  --mat-button-tonal-label-text-transform: none;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-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);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-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);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-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);
  --mat-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);
  --mat-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 {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
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-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-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-height: 48px;
}
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);
}
.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;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-header-text-size: 11px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-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);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
}
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-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-tree-node-min-height: 48px;
}
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);
}
.theme-default .light,
.theme-default.light {
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px ,
    0px 0px 0px 0px ,
    0px 0px 0px 0px ;
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px ,
    0px 1px 1px 0px ,
    0px 1px 3px 0px ;
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px ,
    0px 2px 2px 0px ,
    0px 1px 5px 0px ;
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px ,
    0px 3px 4px 0px ,
    0px 1px 8px 0px ;
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px ,
    0px 4px 5px 0px ,
    0px 1px 10px 0px ;
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px ,
    0px 5px 8px 0px ,
    0px 1px 14px 0px ;
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px ,
    0px 6px 10px 0px ,
    0px 1px 18px 0px ;
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px ,
    0px 7px 10px 1px ,
    0px 2px 16px 1px ;
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px ,
    0px 8px 10px 1px ,
    0px 3px 14px 2px ;
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px ,
    0px 9px 12px 1px ,
    0px 3px 16px 2px ;
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px ,
    0px 10px 14px 1px ,
    0px 4px 18px 3px ;
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px ,
    0px 11px 15px 1px ,
    0px 4px 20px 3px ;
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px ,
    0px 12px 17px 2px ,
    0px 5px 22px 4px ;
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px ,
    0px 13px 19px 2px ,
    0px 5px 24px 4px ;
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px ,
    0px 14px 21px 2px ,
    0px 5px 26px 4px ;
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px ,
    0px 15px 22px 2px ,
    0px 6px 28px 5px ;
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px ,
    0px 16px 24px 2px ,
    0px 6px 30px 5px ;
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px ,
    0px 17px 26px 2px ,
    0px 6px 32px 5px ;
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px ,
    0px 18px 28px 2px ,
    0px 7px 34px 6px ;
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px ,
    0px 19px 29px 2px ,
    0px 7px 36px 6px ;
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px ,
    0px 20px 31px 3px ,
    0px 8px 38px 7px ;
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px ,
    0px 21px 33px 3px ,
    0px 8px 40px 7px ;
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px ,
    0px 22px 35px 3px ,
    0px 8px 42px 7px ;
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px ,
    0px 23px 36px 3px ,
    0px 9px 44px 8px ;
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px ,
    0px 24px 38px 3px ,
    0px 9px 46px 8px ;
  --mat-ripple-color: color-mix(in srgb, , transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
  --mat-card-elevated-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);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, 38%, transparent);
  --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-disabled-select-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, 4%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, 12%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, 12%, transparent);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-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);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-value-indicator-opacity: 1;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-color: inherit;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.theme-default .light .mat-accent,
.theme-default.light .mat-accent {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mat-warn,
.theme-default.light .mat-warn {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mat-primary,
.theme-default.light .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-accent,
.theme-default.light .mat-accent {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-warn,
.theme-default.light .mat-warn {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-mdc-form-field.mat-accent,
.theme-default.light .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-default .light .mat-mdc-form-field.mat-warn,
.theme-default.light .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-default .light .mat-mdc-form-field.mat-accent,
.theme-default.light .mat-mdc-form-field.mat-accent {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-mdc-form-field.mat-warn,
.theme-default.light .mat-mdc-form-field.mat-warn {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-mdc-standard-chip,
.theme-default.light .mat-mdc-standard-chip {
  --mat-chip-elevated-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, 12%, transparent);
}
.theme-default .light .mat-mdc-radio-button.mat-primary,
.theme-default.light .mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-mdc-radio-button.mat-accent,
.theme-default.light .mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-mdc-radio-button.mat-warn,
.theme-default.light .mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-accent,
.theme-default.light .mat-accent {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mat-warn,
.theme-default.light .mat-warn {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mdc-list-item__start,
.theme-default .light .mdc-list-item__end,
.theme-default.light .mdc-list-item__start,
.theme-default.light .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-accent .mdc-list-item__start,
.theme-default .light .mat-accent .mdc-list-item__end,
.theme-default.light .mat-accent .mdc-list-item__start,
.theme-default.light .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-warn .mdc-list-item__start,
.theme-default .light .mat-warn .mdc-list-item__end,
.theme-default.light .mat-warn .mdc-list-item__start,
.theme-default.light .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-mdc-list-option,
.theme-default.light .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-mdc-list-option.mat-accent,
.theme-default.light .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-mdc-list-option.mat-warn,
.theme-default.light .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-default .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-default .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-default .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-default.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-default.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-default.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-default.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #4f46e5;
}
.theme-default .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-default .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-default .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-default.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-default.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-default.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-default .light .mat-mdc-checkbox.mat-primary,
.theme-default.light .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-mdc-checkbox.mat-warn,
.theme-default.light .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-mdc-button.mat-primary,
.theme-default .light .mat-mdc-unelevated-button.mat-primary,
.theme-default .light .mat-mdc-raised-button.mat-primary,
.theme-default .light .mat-mdc-outlined-button.mat-primary,
.theme-default .light .mat-tonal-button.mat-primary,
.theme-default.light .mat-mdc-button.mat-primary,
.theme-default.light .mat-mdc-unelevated-button.mat-primary,
.theme-default.light .mat-mdc-raised-button.mat-primary,
.theme-default.light .mat-mdc-outlined-button.mat-primary,
.theme-default.light .mat-tonal-button.mat-primary {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mat-mdc-button.mat-accent,
.theme-default .light .mat-mdc-unelevated-button.mat-accent,
.theme-default .light .mat-mdc-raised-button.mat-accent,
.theme-default .light .mat-mdc-outlined-button.mat-accent,
.theme-default .light .mat-tonal-button.mat-accent,
.theme-default.light .mat-mdc-button.mat-accent,
.theme-default.light .mat-mdc-unelevated-button.mat-accent,
.theme-default.light .mat-mdc-raised-button.mat-accent,
.theme-default.light .mat-mdc-outlined-button.mat-accent,
.theme-default.light .mat-tonal-button.mat-accent {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mat-mdc-button.mat-warn,
.theme-default .light .mat-mdc-unelevated-button.mat-warn,
.theme-default .light .mat-mdc-raised-button.mat-warn,
.theme-default .light .mat-mdc-outlined-button.mat-warn,
.theme-default .light .mat-tonal-button.mat-warn,
.theme-default.light .mat-mdc-button.mat-warn,
.theme-default.light .mat-mdc-unelevated-button.mat-warn,
.theme-default.light .mat-mdc-raised-button.mat-warn,
.theme-default.light .mat-mdc-outlined-button.mat-warn,
.theme-default.light .mat-tonal-button.mat-warn {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mat-mdc-icon-button.mat-primary,
.theme-default.light .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mat-mdc-icon-button.mat-accent,
.theme-default.light .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mat-mdc-icon-button.mat-warn,
.theme-default.light .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mat-mdc-fab.mat-primary,
.theme-default .light .mat-mdc-mini-fab.mat-primary,
.theme-default.light .mat-mdc-fab.mat-primary,
.theme-default.light .mat-mdc-mini-fab.mat-primary {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mat-mdc-fab.mat-accent,
.theme-default .light .mat-mdc-mini-fab.mat-accent,
.theme-default.light .mat-mdc-fab.mat-accent,
.theme-default.light .mat-mdc-mini-fab.mat-accent {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mat-mdc-fab.mat-warn,
.theme-default .light .mat-mdc-mini-fab.mat-warn,
.theme-default.light .mat-mdc-fab.mat-warn,
.theme-default.light .mat-mdc-mini-fab.mat-warn {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .light .mat-datepicker-content.mat-accent,
.theme-default .light .mat-datepicker-toggle-active.mat-accent,
.theme-default.light .mat-datepicker-content.mat-accent,
.theme-default.light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-datepicker-content.mat-warn,
.theme-default .light .mat-datepicker-toggle-active.mat-warn,
.theme-default.light .mat-datepicker-content.mat-warn,
.theme-default.light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .light .mat-icon.mat-primary,
.theme-default.light .mat-icon.mat-primary {
  --mat-icon-color: #4f46e5;
}
.theme-default .light .mat-icon.mat-accent,
.theme-default.light .mat-icon.mat-accent {
  --mat-icon-color: #1e293b;
}
.theme-default .light .mat-icon.mat-warn,
.theme-default.light .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.theme-default .light .mat-toolbar.mat-primary,
.theme-default.light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #4f46e5;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-default .light .mat-toolbar.mat-accent,
.theme-default.light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1e293b;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-default .light .mat-toolbar.mat-warn,
.theme-default.light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-default .dark,
.theme-default.dark {
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px ,
    0px 0px 0px 0px ,
    0px 0px 0px 0px ;
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px ,
    0px 1px 1px 0px ,
    0px 1px 3px 0px ;
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px ,
    0px 2px 2px 0px ,
    0px 1px 5px 0px ;
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px ,
    0px 3px 4px 0px ,
    0px 1px 8px 0px ;
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px ,
    0px 4px 5px 0px ,
    0px 1px 10px 0px ;
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px ,
    0px 5px 8px 0px ,
    0px 1px 14px 0px ;
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px ,
    0px 6px 10px 0px ,
    0px 1px 18px 0px ;
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px ,
    0px 7px 10px 1px ,
    0px 2px 16px 1px ;
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px ,
    0px 8px 10px 1px ,
    0px 3px 14px 2px ;
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px ,
    0px 9px 12px 1px ,
    0px 3px 16px 2px ;
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px ,
    0px 10px 14px 1px ,
    0px 4px 18px 3px ;
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px ,
    0px 11px 15px 1px ,
    0px 4px 20px 3px ;
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px ,
    0px 12px 17px 2px ,
    0px 5px 22px 4px ;
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px ,
    0px 13px 19px 2px ,
    0px 5px 24px 4px ;
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px ,
    0px 14px 21px 2px ,
    0px 5px 26px 4px ;
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px ,
    0px 15px 22px 2px ,
    0px 6px 28px 5px ;
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px ,
    0px 16px 24px 2px ,
    0px 6px 30px 5px ;
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px ,
    0px 17px 26px 2px ,
    0px 6px 32px 5px ;
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px ,
    0px 18px 28px 2px ,
    0px 7px 34px 6px ;
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px ,
    0px 19px 29px 2px ,
    0px 7px 36px 6px ;
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px ,
    0px 20px 31px 3px ,
    0px 8px 38px 7px ;
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px ,
    0px 21px 33px 3px ,
    0px 8px 40px 7px ;
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px ,
    0px 22px 35px 3px ,
    0px 8px 42px 7px ;
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px ,
    0px 23px 36px 3px ,
    0px 9px 44px 8px ;
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px ,
    0px 24px 38px 3px ,
    0px 9px 46px 8px ;
  --mat-ripple-color: color-mix(in srgb, , transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
  --mat-card-elevated-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);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, 4%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, 12%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, 12%, transparent);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-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);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-value-indicator-opacity: 1;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-color: inherit;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.theme-default .dark .mat-accent,
.theme-default.dark .mat-accent {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mat-warn,
.theme-default.dark .mat-warn {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mat-primary,
.theme-default.dark .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-accent,
.theme-default.dark .mat-accent {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-warn,
.theme-default.dark .mat-warn {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-mdc-form-field.mat-accent,
.theme-default.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-default .dark .mat-mdc-form-field.mat-warn,
.theme-default.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-default .dark .mat-mdc-form-field.mat-accent,
.theme-default.dark .mat-mdc-form-field.mat-accent {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-mdc-form-field.mat-warn,
.theme-default.dark .mat-mdc-form-field.mat-warn {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-mdc-standard-chip,
.theme-default.dark .mat-mdc-standard-chip {
  --mat-chip-elevated-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, 12%, transparent);
}
.theme-default .dark .mat-mdc-radio-button.mat-primary,
.theme-default.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-mdc-radio-button.mat-accent,
.theme-default.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-mdc-radio-button.mat-warn,
.theme-default.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-accent,
.theme-default.dark .mat-accent {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mat-warn,
.theme-default.dark .mat-warn {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mdc-list-item__start,
.theme-default .dark .mdc-list-item__end,
.theme-default.dark .mdc-list-item__start,
.theme-default.dark .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-accent .mdc-list-item__start,
.theme-default .dark .mat-accent .mdc-list-item__end,
.theme-default.dark .mat-accent .mdc-list-item__start,
.theme-default.dark .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-warn .mdc-list-item__start,
.theme-default .dark .mat-warn .mdc-list-item__end,
.theme-default.dark .mat-warn .mdc-list-item__start,
.theme-default.dark .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-mdc-list-option,
.theme-default.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-mdc-list-option.mat-accent,
.theme-default.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-mdc-list-option.mat-warn,
.theme-default.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-default .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-default .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-default .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-default.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-default.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-default.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-default.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #4f46e5;
}
.theme-default .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-default .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-default .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-default.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-default.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-default.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-default .dark .mat-mdc-checkbox.mat-primary,
.theme-default.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-mdc-checkbox.mat-warn,
.theme-default.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-mdc-button.mat-primary,
.theme-default .dark .mat-mdc-unelevated-button.mat-primary,
.theme-default .dark .mat-mdc-raised-button.mat-primary,
.theme-default .dark .mat-mdc-outlined-button.mat-primary,
.theme-default .dark .mat-tonal-button.mat-primary,
.theme-default.dark .mat-mdc-button.mat-primary,
.theme-default.dark .mat-mdc-unelevated-button.mat-primary,
.theme-default.dark .mat-mdc-raised-button.mat-primary,
.theme-default.dark .mat-mdc-outlined-button.mat-primary,
.theme-default.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mat-mdc-button.mat-accent,
.theme-default .dark .mat-mdc-unelevated-button.mat-accent,
.theme-default .dark .mat-mdc-raised-button.mat-accent,
.theme-default .dark .mat-mdc-outlined-button.mat-accent,
.theme-default .dark .mat-tonal-button.mat-accent,
.theme-default.dark .mat-mdc-button.mat-accent,
.theme-default.dark .mat-mdc-unelevated-button.mat-accent,
.theme-default.dark .mat-mdc-raised-button.mat-accent,
.theme-default.dark .mat-mdc-outlined-button.mat-accent,
.theme-default.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mat-mdc-button.mat-warn,
.theme-default .dark .mat-mdc-unelevated-button.mat-warn,
.theme-default .dark .mat-mdc-raised-button.mat-warn,
.theme-default .dark .mat-mdc-outlined-button.mat-warn,
.theme-default .dark .mat-tonal-button.mat-warn,
.theme-default.dark .mat-mdc-button.mat-warn,
.theme-default.dark .mat-mdc-unelevated-button.mat-warn,
.theme-default.dark .mat-mdc-raised-button.mat-warn,
.theme-default.dark .mat-mdc-outlined-button.mat-warn,
.theme-default.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mat-mdc-icon-button.mat-primary,
.theme-default.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mat-mdc-icon-button.mat-accent,
.theme-default.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mat-mdc-icon-button.mat-warn,
.theme-default.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mat-mdc-fab.mat-primary,
.theme-default .dark .mat-mdc-mini-fab.mat-primary,
.theme-default.dark .mat-mdc-fab.mat-primary,
.theme-default.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mat-mdc-fab.mat-accent,
.theme-default .dark .mat-mdc-mini-fab.mat-accent,
.theme-default.dark .mat-mdc-fab.mat-accent,
.theme-default.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mat-mdc-fab.mat-warn,
.theme-default .dark .mat-mdc-mini-fab.mat-warn,
.theme-default.dark .mat-mdc-fab.mat-warn,
.theme-default.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-default .dark .mat-datepicker-content.mat-accent,
.theme-default .dark .mat-datepicker-toggle-active.mat-accent,
.theme-default.dark .mat-datepicker-content.mat-accent,
.theme-default.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-datepicker-content.mat-warn,
.theme-default .dark .mat-datepicker-toggle-active.mat-warn,
.theme-default.dark .mat-datepicker-content.mat-warn,
.theme-default.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-default .dark .mat-icon.mat-primary,
.theme-default.dark .mat-icon.mat-primary {
  --mat-icon-color: #4f46e5;
}
.theme-default .dark .mat-icon.mat-accent,
.theme-default.dark .mat-icon.mat-accent {
  --mat-icon-color: #1e293b;
}
.theme-default .dark .mat-icon.mat-warn,
.theme-default.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.theme-default .dark .mat-toolbar.mat-primary,
.theme-default.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #4f46e5;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-default .dark .mat-toolbar.mat-accent,
.theme-default.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1e293b;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-default .dark .mat-toolbar.mat-warn,
.theme-default.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-brand .light,
.theme-brand.light {
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px ,
    0px 0px 0px 0px ,
    0px 0px 0px 0px ;
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px ,
    0px 1px 1px 0px ,
    0px 1px 3px 0px ;
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px ,
    0px 2px 2px 0px ,
    0px 1px 5px 0px ;
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px ,
    0px 3px 4px 0px ,
    0px 1px 8px 0px ;
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px ,
    0px 4px 5px 0px ,
    0px 1px 10px 0px ;
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px ,
    0px 5px 8px 0px ,
    0px 1px 14px 0px ;
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px ,
    0px 6px 10px 0px ,
    0px 1px 18px 0px ;
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px ,
    0px 7px 10px 1px ,
    0px 2px 16px 1px ;
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px ,
    0px 8px 10px 1px ,
    0px 3px 14px 2px ;
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px ,
    0px 9px 12px 1px ,
    0px 3px 16px 2px ;
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px ,
    0px 10px 14px 1px ,
    0px 4px 18px 3px ;
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px ,
    0px 11px 15px 1px ,
    0px 4px 20px 3px ;
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px ,
    0px 12px 17px 2px ,
    0px 5px 22px 4px ;
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px ,
    0px 13px 19px 2px ,
    0px 5px 24px 4px ;
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px ,
    0px 14px 21px 2px ,
    0px 5px 26px 4px ;
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px ,
    0px 15px 22px 2px ,
    0px 6px 28px 5px ;
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px ,
    0px 16px 24px 2px ,
    0px 6px 30px 5px ;
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px ,
    0px 17px 26px 2px ,
    0px 6px 32px 5px ;
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px ,
    0px 18px 28px 2px ,
    0px 7px 34px 6px ;
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px ,
    0px 19px 29px 2px ,
    0px 7px 36px 6px ;
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px ,
    0px 20px 31px 3px ,
    0px 8px 38px 7px ;
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px ,
    0px 21px 33px 3px ,
    0px 8px 40px 7px ;
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px ,
    0px 22px 35px 3px ,
    0px 8px 42px 7px ;
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px ,
    0px 23px 36px 3px ,
    0px 9px 44px 8px ;
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px ,
    0px 24px 38px 3px ,
    0px 9px 46px 8px ;
  --mat-ripple-color: color-mix(in srgb, , transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
  --mat-card-elevated-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);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, 38%, transparent);
  --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-disabled-select-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, 4%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, 12%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, 12%, transparent);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-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);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-value-indicator-opacity: 1;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-color: inherit;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.theme-brand .light .mat-accent,
.theme-brand.light .mat-accent {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mat-warn,
.theme-brand.light .mat-warn {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mat-primary,
.theme-brand.light .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-accent,
.theme-brand.light .mat-accent {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-warn,
.theme-brand.light .mat-warn {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-mdc-form-field.mat-accent,
.theme-brand.light .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-brand .light .mat-mdc-form-field.mat-warn,
.theme-brand.light .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-brand .light .mat-mdc-form-field.mat-accent,
.theme-brand.light .mat-mdc-form-field.mat-accent {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-mdc-form-field.mat-warn,
.theme-brand.light .mat-mdc-form-field.mat-warn {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-mdc-standard-chip,
.theme-brand.light .mat-mdc-standard-chip {
  --mat-chip-elevated-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, 12%, transparent);
}
.theme-brand .light .mat-mdc-radio-button.mat-primary,
.theme-brand.light .mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-mdc-radio-button.mat-accent,
.theme-brand.light .mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-mdc-radio-button.mat-warn,
.theme-brand.light .mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-accent,
.theme-brand.light .mat-accent {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mat-warn,
.theme-brand.light .mat-warn {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mdc-list-item__start,
.theme-brand .light .mdc-list-item__end,
.theme-brand.light .mdc-list-item__start,
.theme-brand.light .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-accent .mdc-list-item__start,
.theme-brand .light .mat-accent .mdc-list-item__end,
.theme-brand.light .mat-accent .mdc-list-item__start,
.theme-brand.light .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-warn .mdc-list-item__start,
.theme-brand .light .mat-warn .mdc-list-item__end,
.theme-brand.light .mat-warn .mdc-list-item__start,
.theme-brand.light .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-mdc-list-option,
.theme-brand.light .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-mdc-list-option.mat-accent,
.theme-brand.light .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-mdc-list-option.mat-warn,
.theme-brand.light .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-brand .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-brand .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-brand .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-brand.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-brand.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-brand.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-brand.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #2196f3;
}
.theme-brand .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-brand .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-brand .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-brand.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-brand.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-brand.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-brand .light .mat-mdc-checkbox.mat-primary,
.theme-brand.light .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-mdc-checkbox.mat-warn,
.theme-brand.light .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-mdc-button.mat-primary,
.theme-brand .light .mat-mdc-unelevated-button.mat-primary,
.theme-brand .light .mat-mdc-raised-button.mat-primary,
.theme-brand .light .mat-mdc-outlined-button.mat-primary,
.theme-brand .light .mat-tonal-button.mat-primary,
.theme-brand.light .mat-mdc-button.mat-primary,
.theme-brand.light .mat-mdc-unelevated-button.mat-primary,
.theme-brand.light .mat-mdc-raised-button.mat-primary,
.theme-brand.light .mat-mdc-outlined-button.mat-primary,
.theme-brand.light .mat-tonal-button.mat-primary {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mat-mdc-button.mat-accent,
.theme-brand .light .mat-mdc-unelevated-button.mat-accent,
.theme-brand .light .mat-mdc-raised-button.mat-accent,
.theme-brand .light .mat-mdc-outlined-button.mat-accent,
.theme-brand .light .mat-tonal-button.mat-accent,
.theme-brand.light .mat-mdc-button.mat-accent,
.theme-brand.light .mat-mdc-unelevated-button.mat-accent,
.theme-brand.light .mat-mdc-raised-button.mat-accent,
.theme-brand.light .mat-mdc-outlined-button.mat-accent,
.theme-brand.light .mat-tonal-button.mat-accent {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mat-mdc-button.mat-warn,
.theme-brand .light .mat-mdc-unelevated-button.mat-warn,
.theme-brand .light .mat-mdc-raised-button.mat-warn,
.theme-brand .light .mat-mdc-outlined-button.mat-warn,
.theme-brand .light .mat-tonal-button.mat-warn,
.theme-brand.light .mat-mdc-button.mat-warn,
.theme-brand.light .mat-mdc-unelevated-button.mat-warn,
.theme-brand.light .mat-mdc-raised-button.mat-warn,
.theme-brand.light .mat-mdc-outlined-button.mat-warn,
.theme-brand.light .mat-tonal-button.mat-warn {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mat-mdc-icon-button.mat-primary,
.theme-brand.light .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mat-mdc-icon-button.mat-accent,
.theme-brand.light .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mat-mdc-icon-button.mat-warn,
.theme-brand.light .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mat-mdc-fab.mat-primary,
.theme-brand .light .mat-mdc-mini-fab.mat-primary,
.theme-brand.light .mat-mdc-fab.mat-primary,
.theme-brand.light .mat-mdc-mini-fab.mat-primary {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mat-mdc-fab.mat-accent,
.theme-brand .light .mat-mdc-mini-fab.mat-accent,
.theme-brand.light .mat-mdc-fab.mat-accent,
.theme-brand.light .mat-mdc-mini-fab.mat-accent {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mat-mdc-fab.mat-warn,
.theme-brand .light .mat-mdc-mini-fab.mat-warn,
.theme-brand.light .mat-mdc-fab.mat-warn,
.theme-brand.light .mat-mdc-mini-fab.mat-warn {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .light .mat-datepicker-content.mat-accent,
.theme-brand .light .mat-datepicker-toggle-active.mat-accent,
.theme-brand.light .mat-datepicker-content.mat-accent,
.theme-brand.light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-datepicker-content.mat-warn,
.theme-brand .light .mat-datepicker-toggle-active.mat-warn,
.theme-brand.light .mat-datepicker-content.mat-warn,
.theme-brand.light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .light .mat-icon.mat-primary,
.theme-brand.light .mat-icon.mat-primary {
  --mat-icon-color: #2196f3;
}
.theme-brand .light .mat-icon.mat-accent,
.theme-brand.light .mat-icon.mat-accent {
  --mat-icon-color: #1e293b;
}
.theme-brand .light .mat-icon.mat-warn,
.theme-brand.light .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.theme-brand .light .mat-toolbar.mat-primary,
.theme-brand.light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #2196f3;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-brand .light .mat-toolbar.mat-accent,
.theme-brand.light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1e293b;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-brand .light .mat-toolbar.mat-warn,
.theme-brand.light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-brand .dark,
.theme-brand.dark {
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px ,
    0px 0px 0px 0px ,
    0px 0px 0px 0px ;
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px ,
    0px 1px 1px 0px ,
    0px 1px 3px 0px ;
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px ,
    0px 2px 2px 0px ,
    0px 1px 5px 0px ;
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px ,
    0px 3px 4px 0px ,
    0px 1px 8px 0px ;
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px ,
    0px 4px 5px 0px ,
    0px 1px 10px 0px ;
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px ,
    0px 5px 8px 0px ,
    0px 1px 14px 0px ;
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px ,
    0px 6px 10px 0px ,
    0px 1px 18px 0px ;
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px ,
    0px 7px 10px 1px ,
    0px 2px 16px 1px ;
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px ,
    0px 8px 10px 1px ,
    0px 3px 14px 2px ;
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px ,
    0px 9px 12px 1px ,
    0px 3px 16px 2px ;
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px ,
    0px 10px 14px 1px ,
    0px 4px 18px 3px ;
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px ,
    0px 11px 15px 1px ,
    0px 4px 20px 3px ;
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px ,
    0px 12px 17px 2px ,
    0px 5px 22px 4px ;
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px ,
    0px 13px 19px 2px ,
    0px 5px 24px 4px ;
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px ,
    0px 14px 21px 2px ,
    0px 5px 26px 4px ;
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px ,
    0px 15px 22px 2px ,
    0px 6px 28px 5px ;
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px ,
    0px 16px 24px 2px ,
    0px 6px 30px 5px ;
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px ,
    0px 17px 26px 2px ,
    0px 6px 32px 5px ;
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px ,
    0px 18px 28px 2px ,
    0px 7px 34px 6px ;
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px ,
    0px 19px 29px 2px ,
    0px 7px 36px 6px ;
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px ,
    0px 20px 31px 3px ,
    0px 8px 38px 7px ;
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px ,
    0px 21px 33px 3px ,
    0px 8px 40px 7px ;
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px ,
    0px 22px 35px 3px ,
    0px 8px 42px 7px ;
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px ,
    0px 23px 36px 3px ,
    0px 9px 44px 8px ;
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px ,
    0px 24px 38px 3px ,
    0px 9px 46px 8px ;
  --mat-ripple-color: color-mix(in srgb, , transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
  --mat-card-elevated-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);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, 4%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, 12%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, 12%, transparent);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-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);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-value-indicator-opacity: 1;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-color: inherit;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.theme-brand .dark .mat-accent,
.theme-brand.dark .mat-accent {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mat-warn,
.theme-brand.dark .mat-warn {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mat-primary,
.theme-brand.dark .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-accent,
.theme-brand.dark .mat-accent {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-warn,
.theme-brand.dark .mat-warn {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-mdc-form-field.mat-accent,
.theme-brand.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-brand .dark .mat-mdc-form-field.mat-warn,
.theme-brand.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-brand .dark .mat-mdc-form-field.mat-accent,
.theme-brand.dark .mat-mdc-form-field.mat-accent {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-mdc-form-field.mat-warn,
.theme-brand.dark .mat-mdc-form-field.mat-warn {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-mdc-standard-chip,
.theme-brand.dark .mat-mdc-standard-chip {
  --mat-chip-elevated-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, 12%, transparent);
}
.theme-brand .dark .mat-mdc-radio-button.mat-primary,
.theme-brand.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-mdc-radio-button.mat-accent,
.theme-brand.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-mdc-radio-button.mat-warn,
.theme-brand.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-accent,
.theme-brand.dark .mat-accent {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mat-warn,
.theme-brand.dark .mat-warn {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mdc-list-item__start,
.theme-brand .dark .mdc-list-item__end,
.theme-brand.dark .mdc-list-item__start,
.theme-brand.dark .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-accent .mdc-list-item__start,
.theme-brand .dark .mat-accent .mdc-list-item__end,
.theme-brand.dark .mat-accent .mdc-list-item__start,
.theme-brand.dark .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-warn .mdc-list-item__start,
.theme-brand .dark .mat-warn .mdc-list-item__end,
.theme-brand.dark .mat-warn .mdc-list-item__start,
.theme-brand.dark .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-mdc-list-option,
.theme-brand.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-mdc-list-option.mat-accent,
.theme-brand.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-mdc-list-option.mat-warn,
.theme-brand.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-brand .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-brand .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-brand .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-brand.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-brand.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-brand.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-brand.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #2196f3;
}
.theme-brand .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-brand .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-brand .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-brand.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-brand.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-brand.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-brand .dark .mat-mdc-checkbox.mat-primary,
.theme-brand.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-mdc-checkbox.mat-warn,
.theme-brand.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-mdc-button.mat-primary,
.theme-brand .dark .mat-mdc-unelevated-button.mat-primary,
.theme-brand .dark .mat-mdc-raised-button.mat-primary,
.theme-brand .dark .mat-mdc-outlined-button.mat-primary,
.theme-brand .dark .mat-tonal-button.mat-primary,
.theme-brand.dark .mat-mdc-button.mat-primary,
.theme-brand.dark .mat-mdc-unelevated-button.mat-primary,
.theme-brand.dark .mat-mdc-raised-button.mat-primary,
.theme-brand.dark .mat-mdc-outlined-button.mat-primary,
.theme-brand.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mat-mdc-button.mat-accent,
.theme-brand .dark .mat-mdc-unelevated-button.mat-accent,
.theme-brand .dark .mat-mdc-raised-button.mat-accent,
.theme-brand .dark .mat-mdc-outlined-button.mat-accent,
.theme-brand .dark .mat-tonal-button.mat-accent,
.theme-brand.dark .mat-mdc-button.mat-accent,
.theme-brand.dark .mat-mdc-unelevated-button.mat-accent,
.theme-brand.dark .mat-mdc-raised-button.mat-accent,
.theme-brand.dark .mat-mdc-outlined-button.mat-accent,
.theme-brand.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mat-mdc-button.mat-warn,
.theme-brand .dark .mat-mdc-unelevated-button.mat-warn,
.theme-brand .dark .mat-mdc-raised-button.mat-warn,
.theme-brand .dark .mat-mdc-outlined-button.mat-warn,
.theme-brand .dark .mat-tonal-button.mat-warn,
.theme-brand.dark .mat-mdc-button.mat-warn,
.theme-brand.dark .mat-mdc-unelevated-button.mat-warn,
.theme-brand.dark .mat-mdc-raised-button.mat-warn,
.theme-brand.dark .mat-mdc-outlined-button.mat-warn,
.theme-brand.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mat-mdc-icon-button.mat-primary,
.theme-brand.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mat-mdc-icon-button.mat-accent,
.theme-brand.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mat-mdc-icon-button.mat-warn,
.theme-brand.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mat-mdc-fab.mat-primary,
.theme-brand .dark .mat-mdc-mini-fab.mat-primary,
.theme-brand.dark .mat-mdc-fab.mat-primary,
.theme-brand.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mat-mdc-fab.mat-accent,
.theme-brand .dark .mat-mdc-mini-fab.mat-accent,
.theme-brand.dark .mat-mdc-fab.mat-accent,
.theme-brand.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mat-mdc-fab.mat-warn,
.theme-brand .dark .mat-mdc-mini-fab.mat-warn,
.theme-brand.dark .mat-mdc-fab.mat-warn,
.theme-brand.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-brand .dark .mat-datepicker-content.mat-accent,
.theme-brand .dark .mat-datepicker-toggle-active.mat-accent,
.theme-brand.dark .mat-datepicker-content.mat-accent,
.theme-brand.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-datepicker-content.mat-warn,
.theme-brand .dark .mat-datepicker-toggle-active.mat-warn,
.theme-brand.dark .mat-datepicker-content.mat-warn,
.theme-brand.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-brand .dark .mat-icon.mat-primary,
.theme-brand.dark .mat-icon.mat-primary {
  --mat-icon-color: #2196f3;
}
.theme-brand .dark .mat-icon.mat-accent,
.theme-brand.dark .mat-icon.mat-accent {
  --mat-icon-color: #1e293b;
}
.theme-brand .dark .mat-icon.mat-warn,
.theme-brand.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.theme-brand .dark .mat-toolbar.mat-primary,
.theme-brand.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #2196f3;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-brand .dark .mat-toolbar.mat-accent,
.theme-brand.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1e293b;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-brand .dark .mat-toolbar.mat-warn,
.theme-brand.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-teal .light,
.theme-teal.light {
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px ,
    0px 0px 0px 0px ,
    0px 0px 0px 0px ;
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px ,
    0px 1px 1px 0px ,
    0px 1px 3px 0px ;
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px ,
    0px 2px 2px 0px ,
    0px 1px 5px 0px ;
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px ,
    0px 3px 4px 0px ,
    0px 1px 8px 0px ;
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px ,
    0px 4px 5px 0px ,
    0px 1px 10px 0px ;
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px ,
    0px 5px 8px 0px ,
    0px 1px 14px 0px ;
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px ,
    0px 6px 10px 0px ,
    0px 1px 18px 0px ;
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px ,
    0px 7px 10px 1px ,
    0px 2px 16px 1px ;
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px ,
    0px 8px 10px 1px ,
    0px 3px 14px 2px ;
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px ,
    0px 9px 12px 1px ,
    0px 3px 16px 2px ;
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px ,
    0px 10px 14px 1px ,
    0px 4px 18px 3px ;
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px ,
    0px 11px 15px 1px ,
    0px 4px 20px 3px ;
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px ,
    0px 12px 17px 2px ,
    0px 5px 22px 4px ;
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px ,
    0px 13px 19px 2px ,
    0px 5px 24px 4px ;
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px ,
    0px 14px 21px 2px ,
    0px 5px 26px 4px ;
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px ,
    0px 15px 22px 2px ,
    0px 6px 28px 5px ;
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px ,
    0px 16px 24px 2px ,
    0px 6px 30px 5px ;
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px ,
    0px 17px 26px 2px ,
    0px 6px 32px 5px ;
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px ,
    0px 18px 28px 2px ,
    0px 7px 34px 6px ;
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px ,
    0px 19px 29px 2px ,
    0px 7px 36px 6px ;
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px ,
    0px 20px 31px 3px ,
    0px 8px 38px 7px ;
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px ,
    0px 21px 33px 3px ,
    0px 8px 40px 7px ;
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px ,
    0px 22px 35px 3px ,
    0px 8px 42px 7px ;
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px ,
    0px 23px 36px 3px ,
    0px 9px 44px 8px ;
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px ,
    0px 24px 38px 3px ,
    0px 9px 46px 8px ;
  --mat-ripple-color: color-mix(in srgb, , transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
  --mat-card-elevated-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);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, 38%, transparent);
  --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-disabled-select-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, 4%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, 12%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, 12%, transparent);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-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);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-value-indicator-opacity: 1;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-color: inherit;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.theme-teal .light .mat-accent,
.theme-teal.light .mat-accent {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mat-warn,
.theme-teal.light .mat-warn {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mat-primary,
.theme-teal.light .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-accent,
.theme-teal.light .mat-accent {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-warn,
.theme-teal.light .mat-warn {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-mdc-form-field.mat-accent,
.theme-teal.light .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-teal .light .mat-mdc-form-field.mat-warn,
.theme-teal.light .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-teal .light .mat-mdc-form-field.mat-accent,
.theme-teal.light .mat-mdc-form-field.mat-accent {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-mdc-form-field.mat-warn,
.theme-teal.light .mat-mdc-form-field.mat-warn {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-mdc-standard-chip,
.theme-teal.light .mat-mdc-standard-chip {
  --mat-chip-elevated-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, 12%, transparent);
}
.theme-teal .light .mat-mdc-radio-button.mat-primary,
.theme-teal.light .mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-mdc-radio-button.mat-accent,
.theme-teal.light .mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-mdc-radio-button.mat-warn,
.theme-teal.light .mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-accent,
.theme-teal.light .mat-accent {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mat-warn,
.theme-teal.light .mat-warn {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mdc-list-item__start,
.theme-teal .light .mdc-list-item__end,
.theme-teal.light .mdc-list-item__start,
.theme-teal.light .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-accent .mdc-list-item__start,
.theme-teal .light .mat-accent .mdc-list-item__end,
.theme-teal.light .mat-accent .mdc-list-item__start,
.theme-teal.light .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-warn .mdc-list-item__start,
.theme-teal .light .mat-warn .mdc-list-item__end,
.theme-teal.light .mat-warn .mdc-list-item__start,
.theme-teal.light .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-mdc-list-option,
.theme-teal.light .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-mdc-list-option.mat-accent,
.theme-teal.light .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-mdc-list-option.mat-warn,
.theme-teal.light .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-teal .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-teal .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-teal .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-teal.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-teal.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-teal.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-teal.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0d9488;
}
.theme-teal .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-teal .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-teal .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-teal.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-teal.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-teal.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-teal .light .mat-mdc-checkbox.mat-primary,
.theme-teal.light .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-mdc-checkbox.mat-warn,
.theme-teal.light .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-mdc-button.mat-primary,
.theme-teal .light .mat-mdc-unelevated-button.mat-primary,
.theme-teal .light .mat-mdc-raised-button.mat-primary,
.theme-teal .light .mat-mdc-outlined-button.mat-primary,
.theme-teal .light .mat-tonal-button.mat-primary,
.theme-teal.light .mat-mdc-button.mat-primary,
.theme-teal.light .mat-mdc-unelevated-button.mat-primary,
.theme-teal.light .mat-mdc-raised-button.mat-primary,
.theme-teal.light .mat-mdc-outlined-button.mat-primary,
.theme-teal.light .mat-tonal-button.mat-primary {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mat-mdc-button.mat-accent,
.theme-teal .light .mat-mdc-unelevated-button.mat-accent,
.theme-teal .light .mat-mdc-raised-button.mat-accent,
.theme-teal .light .mat-mdc-outlined-button.mat-accent,
.theme-teal .light .mat-tonal-button.mat-accent,
.theme-teal.light .mat-mdc-button.mat-accent,
.theme-teal.light .mat-mdc-unelevated-button.mat-accent,
.theme-teal.light .mat-mdc-raised-button.mat-accent,
.theme-teal.light .mat-mdc-outlined-button.mat-accent,
.theme-teal.light .mat-tonal-button.mat-accent {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mat-mdc-button.mat-warn,
.theme-teal .light .mat-mdc-unelevated-button.mat-warn,
.theme-teal .light .mat-mdc-raised-button.mat-warn,
.theme-teal .light .mat-mdc-outlined-button.mat-warn,
.theme-teal .light .mat-tonal-button.mat-warn,
.theme-teal.light .mat-mdc-button.mat-warn,
.theme-teal.light .mat-mdc-unelevated-button.mat-warn,
.theme-teal.light .mat-mdc-raised-button.mat-warn,
.theme-teal.light .mat-mdc-outlined-button.mat-warn,
.theme-teal.light .mat-tonal-button.mat-warn {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mat-mdc-icon-button.mat-primary,
.theme-teal.light .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mat-mdc-icon-button.mat-accent,
.theme-teal.light .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mat-mdc-icon-button.mat-warn,
.theme-teal.light .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mat-mdc-fab.mat-primary,
.theme-teal .light .mat-mdc-mini-fab.mat-primary,
.theme-teal.light .mat-mdc-fab.mat-primary,
.theme-teal.light .mat-mdc-mini-fab.mat-primary {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mat-mdc-fab.mat-accent,
.theme-teal .light .mat-mdc-mini-fab.mat-accent,
.theme-teal.light .mat-mdc-fab.mat-accent,
.theme-teal.light .mat-mdc-mini-fab.mat-accent {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mat-mdc-fab.mat-warn,
.theme-teal .light .mat-mdc-mini-fab.mat-warn,
.theme-teal.light .mat-mdc-fab.mat-warn,
.theme-teal.light .mat-mdc-mini-fab.mat-warn {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .light .mat-datepicker-content.mat-accent,
.theme-teal .light .mat-datepicker-toggle-active.mat-accent,
.theme-teal.light .mat-datepicker-content.mat-accent,
.theme-teal.light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-datepicker-content.mat-warn,
.theme-teal .light .mat-datepicker-toggle-active.mat-warn,
.theme-teal.light .mat-datepicker-content.mat-warn,
.theme-teal.light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .light .mat-icon.mat-primary,
.theme-teal.light .mat-icon.mat-primary {
  --mat-icon-color: #0d9488;
}
.theme-teal .light .mat-icon.mat-accent,
.theme-teal.light .mat-icon.mat-accent {
  --mat-icon-color: #1e293b;
}
.theme-teal .light .mat-icon.mat-warn,
.theme-teal.light .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.theme-teal .light .mat-toolbar.mat-primary,
.theme-teal.light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0d9488;
  --mat-toolbar-container-text-color: #042f2e;
}
.theme-teal .light .mat-toolbar.mat-accent,
.theme-teal.light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1e293b;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-teal .light .mat-toolbar.mat-warn,
.theme-teal.light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-teal .dark,
.theme-teal.dark {
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px ,
    0px 0px 0px 0px ,
    0px 0px 0px 0px ;
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px ,
    0px 1px 1px 0px ,
    0px 1px 3px 0px ;
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px ,
    0px 2px 2px 0px ,
    0px 1px 5px 0px ;
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px ,
    0px 3px 4px 0px ,
    0px 1px 8px 0px ;
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px ,
    0px 4px 5px 0px ,
    0px 1px 10px 0px ;
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px ,
    0px 5px 8px 0px ,
    0px 1px 14px 0px ;
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px ,
    0px 6px 10px 0px ,
    0px 1px 18px 0px ;
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px ,
    0px 7px 10px 1px ,
    0px 2px 16px 1px ;
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px ,
    0px 8px 10px 1px ,
    0px 3px 14px 2px ;
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px ,
    0px 9px 12px 1px ,
    0px 3px 16px 2px ;
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px ,
    0px 10px 14px 1px ,
    0px 4px 18px 3px ;
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px ,
    0px 11px 15px 1px ,
    0px 4px 20px 3px ;
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px ,
    0px 12px 17px 2px ,
    0px 5px 22px 4px ;
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px ,
    0px 13px 19px 2px ,
    0px 5px 24px 4px ;
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px ,
    0px 14px 21px 2px ,
    0px 5px 26px 4px ;
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px ,
    0px 15px 22px 2px ,
    0px 6px 28px 5px ;
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px ,
    0px 16px 24px 2px ,
    0px 6px 30px 5px ;
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px ,
    0px 17px 26px 2px ,
    0px 6px 32px 5px ;
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px ,
    0px 18px 28px 2px ,
    0px 7px 34px 6px ;
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px ,
    0px 19px 29px 2px ,
    0px 7px 36px 6px ;
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px ,
    0px 20px 31px 3px ,
    0px 8px 38px 7px ;
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px ,
    0px 21px 33px 3px ,
    0px 8px 40px 7px ;
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px ,
    0px 22px 35px 3px ,
    0px 8px 42px 7px ;
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px ,
    0px 23px 36px 3px ,
    0px 9px 44px 8px ;
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px ,
    0px 24px 38px 3px ,
    0px 9px 46px 8px ;
  --mat-ripple-color: color-mix(in srgb, , transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
  --mat-card-elevated-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);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, 4%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, 12%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, 12%, transparent);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-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);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-value-indicator-opacity: 1;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-color: inherit;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.theme-teal .dark .mat-accent,
.theme-teal.dark .mat-accent {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mat-warn,
.theme-teal.dark .mat-warn {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mat-primary,
.theme-teal.dark .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-accent,
.theme-teal.dark .mat-accent {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-warn,
.theme-teal.dark .mat-warn {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-mdc-form-field.mat-accent,
.theme-teal.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-teal .dark .mat-mdc-form-field.mat-warn,
.theme-teal.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-teal .dark .mat-mdc-form-field.mat-accent,
.theme-teal.dark .mat-mdc-form-field.mat-accent {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-mdc-form-field.mat-warn,
.theme-teal.dark .mat-mdc-form-field.mat-warn {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-mdc-standard-chip,
.theme-teal.dark .mat-mdc-standard-chip {
  --mat-chip-elevated-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, 12%, transparent);
}
.theme-teal .dark .mat-mdc-radio-button.mat-primary,
.theme-teal.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-mdc-radio-button.mat-accent,
.theme-teal.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-mdc-radio-button.mat-warn,
.theme-teal.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-accent,
.theme-teal.dark .mat-accent {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mat-warn,
.theme-teal.dark .mat-warn {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mdc-list-item__start,
.theme-teal .dark .mdc-list-item__end,
.theme-teal.dark .mdc-list-item__start,
.theme-teal.dark .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-accent .mdc-list-item__start,
.theme-teal .dark .mat-accent .mdc-list-item__end,
.theme-teal.dark .mat-accent .mdc-list-item__start,
.theme-teal.dark .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-warn .mdc-list-item__start,
.theme-teal .dark .mat-warn .mdc-list-item__end,
.theme-teal.dark .mat-warn .mdc-list-item__start,
.theme-teal.dark .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-mdc-list-option,
.theme-teal.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-mdc-list-option.mat-accent,
.theme-teal.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-mdc-list-option.mat-warn,
.theme-teal.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-teal .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-teal .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-teal .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-teal.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-teal.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-teal.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-teal.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0d9488;
}
.theme-teal .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-teal .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-teal .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-teal.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-teal.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-teal.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-teal .dark .mat-mdc-checkbox.mat-primary,
.theme-teal.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-mdc-checkbox.mat-warn,
.theme-teal.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-mdc-button.mat-primary,
.theme-teal .dark .mat-mdc-unelevated-button.mat-primary,
.theme-teal .dark .mat-mdc-raised-button.mat-primary,
.theme-teal .dark .mat-mdc-outlined-button.mat-primary,
.theme-teal .dark .mat-tonal-button.mat-primary,
.theme-teal.dark .mat-mdc-button.mat-primary,
.theme-teal.dark .mat-mdc-unelevated-button.mat-primary,
.theme-teal.dark .mat-mdc-raised-button.mat-primary,
.theme-teal.dark .mat-mdc-outlined-button.mat-primary,
.theme-teal.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mat-mdc-button.mat-accent,
.theme-teal .dark .mat-mdc-unelevated-button.mat-accent,
.theme-teal .dark .mat-mdc-raised-button.mat-accent,
.theme-teal .dark .mat-mdc-outlined-button.mat-accent,
.theme-teal .dark .mat-tonal-button.mat-accent,
.theme-teal.dark .mat-mdc-button.mat-accent,
.theme-teal.dark .mat-mdc-unelevated-button.mat-accent,
.theme-teal.dark .mat-mdc-raised-button.mat-accent,
.theme-teal.dark .mat-mdc-outlined-button.mat-accent,
.theme-teal.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mat-mdc-button.mat-warn,
.theme-teal .dark .mat-mdc-unelevated-button.mat-warn,
.theme-teal .dark .mat-mdc-raised-button.mat-warn,
.theme-teal .dark .mat-mdc-outlined-button.mat-warn,
.theme-teal .dark .mat-tonal-button.mat-warn,
.theme-teal.dark .mat-mdc-button.mat-warn,
.theme-teal.dark .mat-mdc-unelevated-button.mat-warn,
.theme-teal.dark .mat-mdc-raised-button.mat-warn,
.theme-teal.dark .mat-mdc-outlined-button.mat-warn,
.theme-teal.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mat-mdc-icon-button.mat-primary,
.theme-teal.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mat-mdc-icon-button.mat-accent,
.theme-teal.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mat-mdc-icon-button.mat-warn,
.theme-teal.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mat-mdc-fab.mat-primary,
.theme-teal .dark .mat-mdc-mini-fab.mat-primary,
.theme-teal.dark .mat-mdc-fab.mat-primary,
.theme-teal.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mat-mdc-fab.mat-accent,
.theme-teal .dark .mat-mdc-mini-fab.mat-accent,
.theme-teal.dark .mat-mdc-fab.mat-accent,
.theme-teal.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mat-mdc-fab.mat-warn,
.theme-teal .dark .mat-mdc-mini-fab.mat-warn,
.theme-teal.dark .mat-mdc-fab.mat-warn,
.theme-teal.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-teal .dark .mat-datepicker-content.mat-accent,
.theme-teal .dark .mat-datepicker-toggle-active.mat-accent,
.theme-teal.dark .mat-datepicker-content.mat-accent,
.theme-teal.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-datepicker-content.mat-warn,
.theme-teal .dark .mat-datepicker-toggle-active.mat-warn,
.theme-teal.dark .mat-datepicker-content.mat-warn,
.theme-teal.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-teal .dark .mat-icon.mat-primary,
.theme-teal.dark .mat-icon.mat-primary {
  --mat-icon-color: #0d9488;
}
.theme-teal .dark .mat-icon.mat-accent,
.theme-teal.dark .mat-icon.mat-accent {
  --mat-icon-color: #1e293b;
}
.theme-teal .dark .mat-icon.mat-warn,
.theme-teal.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.theme-teal .dark .mat-toolbar.mat-primary,
.theme-teal.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0d9488;
  --mat-toolbar-container-text-color: #042f2e;
}
.theme-teal .dark .mat-toolbar.mat-accent,
.theme-teal.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1e293b;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-teal .dark .mat-toolbar.mat-warn,
.theme-teal.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-rose .light,
.theme-rose.light {
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px ,
    0px 0px 0px 0px ,
    0px 0px 0px 0px ;
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px ,
    0px 1px 1px 0px ,
    0px 1px 3px 0px ;
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px ,
    0px 2px 2px 0px ,
    0px 1px 5px 0px ;
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px ,
    0px 3px 4px 0px ,
    0px 1px 8px 0px ;
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px ,
    0px 4px 5px 0px ,
    0px 1px 10px 0px ;
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px ,
    0px 5px 8px 0px ,
    0px 1px 14px 0px ;
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px ,
    0px 6px 10px 0px ,
    0px 1px 18px 0px ;
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px ,
    0px 7px 10px 1px ,
    0px 2px 16px 1px ;
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px ,
    0px 8px 10px 1px ,
    0px 3px 14px 2px ;
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px ,
    0px 9px 12px 1px ,
    0px 3px 16px 2px ;
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px ,
    0px 10px 14px 1px ,
    0px 4px 18px 3px ;
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px ,
    0px 11px 15px 1px ,
    0px 4px 20px 3px ;
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px ,
    0px 12px 17px 2px ,
    0px 5px 22px 4px ;
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px ,
    0px 13px 19px 2px ,
    0px 5px 24px 4px ;
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px ,
    0px 14px 21px 2px ,
    0px 5px 26px 4px ;
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px ,
    0px 15px 22px 2px ,
    0px 6px 28px 5px ;
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px ,
    0px 16px 24px 2px ,
    0px 6px 30px 5px ;
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px ,
    0px 17px 26px 2px ,
    0px 6px 32px 5px ;
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px ,
    0px 18px 28px 2px ,
    0px 7px 34px 6px ;
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px ,
    0px 19px 29px 2px ,
    0px 7px 36px 6px ;
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px ,
    0px 20px 31px 3px ,
    0px 8px 38px 7px ;
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px ,
    0px 21px 33px 3px ,
    0px 8px 40px 7px ;
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px ,
    0px 22px 35px 3px ,
    0px 8px 42px 7px ;
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px ,
    0px 23px 36px 3px ,
    0px 9px 44px 8px ;
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px ,
    0px 24px 38px 3px ,
    0px 9px 46px 8px ;
  --mat-ripple-color: color-mix(in srgb, , transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
  --mat-card-elevated-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);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, 38%, transparent);
  --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-disabled-select-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, 4%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, 12%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, 12%, transparent);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-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);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-value-indicator-opacity: 1;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-color: inherit;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.theme-rose .light .mat-accent,
.theme-rose.light .mat-accent {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mat-warn,
.theme-rose.light .mat-warn {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mat-primary,
.theme-rose.light .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-accent,
.theme-rose.light .mat-accent {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-warn,
.theme-rose.light .mat-warn {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-mdc-form-field.mat-accent,
.theme-rose.light .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-rose .light .mat-mdc-form-field.mat-warn,
.theme-rose.light .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-rose .light .mat-mdc-form-field.mat-accent,
.theme-rose.light .mat-mdc-form-field.mat-accent {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-mdc-form-field.mat-warn,
.theme-rose.light .mat-mdc-form-field.mat-warn {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-mdc-standard-chip,
.theme-rose.light .mat-mdc-standard-chip {
  --mat-chip-elevated-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, 12%, transparent);
}
.theme-rose .light .mat-mdc-radio-button.mat-primary,
.theme-rose.light .mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-mdc-radio-button.mat-accent,
.theme-rose.light .mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-mdc-radio-button.mat-warn,
.theme-rose.light .mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-accent,
.theme-rose.light .mat-accent {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mat-warn,
.theme-rose.light .mat-warn {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mdc-list-item__start,
.theme-rose .light .mdc-list-item__end,
.theme-rose.light .mdc-list-item__start,
.theme-rose.light .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-accent .mdc-list-item__start,
.theme-rose .light .mat-accent .mdc-list-item__end,
.theme-rose.light .mat-accent .mdc-list-item__start,
.theme-rose.light .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-warn .mdc-list-item__start,
.theme-rose .light .mat-warn .mdc-list-item__end,
.theme-rose.light .mat-warn .mdc-list-item__start,
.theme-rose.light .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-mdc-list-option,
.theme-rose.light .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-mdc-list-option.mat-accent,
.theme-rose.light .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-mdc-list-option.mat-warn,
.theme-rose.light .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-rose .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-rose .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-rose .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-rose.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-rose.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-rose.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-rose.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #f43f5e;
}
.theme-rose .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-rose .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-rose .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-rose.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-rose.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-rose.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-rose .light .mat-mdc-checkbox.mat-primary,
.theme-rose.light .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-mdc-checkbox.mat-warn,
.theme-rose.light .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-mdc-button.mat-primary,
.theme-rose .light .mat-mdc-unelevated-button.mat-primary,
.theme-rose .light .mat-mdc-raised-button.mat-primary,
.theme-rose .light .mat-mdc-outlined-button.mat-primary,
.theme-rose .light .mat-tonal-button.mat-primary,
.theme-rose.light .mat-mdc-button.mat-primary,
.theme-rose.light .mat-mdc-unelevated-button.mat-primary,
.theme-rose.light .mat-mdc-raised-button.mat-primary,
.theme-rose.light .mat-mdc-outlined-button.mat-primary,
.theme-rose.light .mat-tonal-button.mat-primary {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mat-mdc-button.mat-accent,
.theme-rose .light .mat-mdc-unelevated-button.mat-accent,
.theme-rose .light .mat-mdc-raised-button.mat-accent,
.theme-rose .light .mat-mdc-outlined-button.mat-accent,
.theme-rose .light .mat-tonal-button.mat-accent,
.theme-rose.light .mat-mdc-button.mat-accent,
.theme-rose.light .mat-mdc-unelevated-button.mat-accent,
.theme-rose.light .mat-mdc-raised-button.mat-accent,
.theme-rose.light .mat-mdc-outlined-button.mat-accent,
.theme-rose.light .mat-tonal-button.mat-accent {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mat-mdc-button.mat-warn,
.theme-rose .light .mat-mdc-unelevated-button.mat-warn,
.theme-rose .light .mat-mdc-raised-button.mat-warn,
.theme-rose .light .mat-mdc-outlined-button.mat-warn,
.theme-rose .light .mat-tonal-button.mat-warn,
.theme-rose.light .mat-mdc-button.mat-warn,
.theme-rose.light .mat-mdc-unelevated-button.mat-warn,
.theme-rose.light .mat-mdc-raised-button.mat-warn,
.theme-rose.light .mat-mdc-outlined-button.mat-warn,
.theme-rose.light .mat-tonal-button.mat-warn {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mat-mdc-icon-button.mat-primary,
.theme-rose.light .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mat-mdc-icon-button.mat-accent,
.theme-rose.light .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mat-mdc-icon-button.mat-warn,
.theme-rose.light .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mat-mdc-fab.mat-primary,
.theme-rose .light .mat-mdc-mini-fab.mat-primary,
.theme-rose.light .mat-mdc-fab.mat-primary,
.theme-rose.light .mat-mdc-mini-fab.mat-primary {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mat-mdc-fab.mat-accent,
.theme-rose .light .mat-mdc-mini-fab.mat-accent,
.theme-rose.light .mat-mdc-fab.mat-accent,
.theme-rose.light .mat-mdc-mini-fab.mat-accent {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mat-mdc-fab.mat-warn,
.theme-rose .light .mat-mdc-mini-fab.mat-warn,
.theme-rose.light .mat-mdc-fab.mat-warn,
.theme-rose.light .mat-mdc-mini-fab.mat-warn {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .light .mat-datepicker-content.mat-accent,
.theme-rose .light .mat-datepicker-toggle-active.mat-accent,
.theme-rose.light .mat-datepicker-content.mat-accent,
.theme-rose.light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-datepicker-content.mat-warn,
.theme-rose .light .mat-datepicker-toggle-active.mat-warn,
.theme-rose.light .mat-datepicker-content.mat-warn,
.theme-rose.light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .light .mat-icon.mat-primary,
.theme-rose.light .mat-icon.mat-primary {
  --mat-icon-color: #f43f5e;
}
.theme-rose .light .mat-icon.mat-accent,
.theme-rose.light .mat-icon.mat-accent {
  --mat-icon-color: #1e293b;
}
.theme-rose .light .mat-icon.mat-warn,
.theme-rose.light .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.theme-rose .light .mat-toolbar.mat-primary,
.theme-rose.light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #f43f5e;
  --mat-toolbar-container-text-color: #4c0519;
}
.theme-rose .light .mat-toolbar.mat-accent,
.theme-rose.light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1e293b;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-rose .light .mat-toolbar.mat-warn,
.theme-rose.light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-rose .dark,
.theme-rose.dark {
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px ,
    0px 0px 0px 0px ,
    0px 0px 0px 0px ;
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px ,
    0px 1px 1px 0px ,
    0px 1px 3px 0px ;
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px ,
    0px 2px 2px 0px ,
    0px 1px 5px 0px ;
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px ,
    0px 3px 4px 0px ,
    0px 1px 8px 0px ;
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px ,
    0px 4px 5px 0px ,
    0px 1px 10px 0px ;
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px ,
    0px 5px 8px 0px ,
    0px 1px 14px 0px ;
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px ,
    0px 6px 10px 0px ,
    0px 1px 18px 0px ;
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px ,
    0px 7px 10px 1px ,
    0px 2px 16px 1px ;
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px ,
    0px 8px 10px 1px ,
    0px 3px 14px 2px ;
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px ,
    0px 9px 12px 1px ,
    0px 3px 16px 2px ;
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px ,
    0px 10px 14px 1px ,
    0px 4px 18px 3px ;
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px ,
    0px 11px 15px 1px ,
    0px 4px 20px 3px ;
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px ,
    0px 12px 17px 2px ,
    0px 5px 22px 4px ;
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px ,
    0px 13px 19px 2px ,
    0px 5px 24px 4px ;
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px ,
    0px 14px 21px 2px ,
    0px 5px 26px 4px ;
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px ,
    0px 15px 22px 2px ,
    0px 6px 28px 5px ;
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px ,
    0px 16px 24px 2px ,
    0px 6px 30px 5px ;
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px ,
    0px 17px 26px 2px ,
    0px 6px 32px 5px ;
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px ,
    0px 18px 28px 2px ,
    0px 7px 34px 6px ;
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px ,
    0px 19px 29px 2px ,
    0px 7px 36px 6px ;
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px ,
    0px 20px 31px 3px ,
    0px 8px 38px 7px ;
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px ,
    0px 21px 33px 3px ,
    0px 8px 40px 7px ;
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px ,
    0px 22px 35px 3px ,
    0px 8px 42px 7px ;
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px ,
    0px 23px 36px 3px ,
    0px 9px 44px 8px ;
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px ,
    0px 24px 38px 3px ,
    0px 9px 46px 8px ;
  --mat-ripple-color: color-mix(in srgb, , transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
  --mat-card-elevated-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);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, 4%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, 12%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, 12%, transparent);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-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);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-value-indicator-opacity: 1;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-color: inherit;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.theme-rose .dark .mat-accent,
.theme-rose.dark .mat-accent {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mat-warn,
.theme-rose.dark .mat-warn {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mat-primary,
.theme-rose.dark .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-accent,
.theme-rose.dark .mat-accent {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-warn,
.theme-rose.dark .mat-warn {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-mdc-form-field.mat-accent,
.theme-rose.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-rose .dark .mat-mdc-form-field.mat-warn,
.theme-rose.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-rose .dark .mat-mdc-form-field.mat-accent,
.theme-rose.dark .mat-mdc-form-field.mat-accent {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-mdc-form-field.mat-warn,
.theme-rose.dark .mat-mdc-form-field.mat-warn {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-mdc-standard-chip,
.theme-rose.dark .mat-mdc-standard-chip {
  --mat-chip-elevated-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, 12%, transparent);
}
.theme-rose .dark .mat-mdc-radio-button.mat-primary,
.theme-rose.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-mdc-radio-button.mat-accent,
.theme-rose.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-mdc-radio-button.mat-warn,
.theme-rose.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-accent,
.theme-rose.dark .mat-accent {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mat-warn,
.theme-rose.dark .mat-warn {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mdc-list-item__start,
.theme-rose .dark .mdc-list-item__end,
.theme-rose.dark .mdc-list-item__start,
.theme-rose.dark .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-accent .mdc-list-item__start,
.theme-rose .dark .mat-accent .mdc-list-item__end,
.theme-rose.dark .mat-accent .mdc-list-item__start,
.theme-rose.dark .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-warn .mdc-list-item__start,
.theme-rose .dark .mat-warn .mdc-list-item__end,
.theme-rose.dark .mat-warn .mdc-list-item__start,
.theme-rose.dark .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-mdc-list-option,
.theme-rose.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-mdc-list-option.mat-accent,
.theme-rose.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-mdc-list-option.mat-warn,
.theme-rose.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-rose .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-rose .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-rose .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-rose.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-rose.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-rose.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-rose.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #f43f5e;
}
.theme-rose .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-rose .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-rose .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-rose.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-rose.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-rose.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-rose .dark .mat-mdc-checkbox.mat-primary,
.theme-rose.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-mdc-checkbox.mat-warn,
.theme-rose.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-mdc-button.mat-primary,
.theme-rose .dark .mat-mdc-unelevated-button.mat-primary,
.theme-rose .dark .mat-mdc-raised-button.mat-primary,
.theme-rose .dark .mat-mdc-outlined-button.mat-primary,
.theme-rose .dark .mat-tonal-button.mat-primary,
.theme-rose.dark .mat-mdc-button.mat-primary,
.theme-rose.dark .mat-mdc-unelevated-button.mat-primary,
.theme-rose.dark .mat-mdc-raised-button.mat-primary,
.theme-rose.dark .mat-mdc-outlined-button.mat-primary,
.theme-rose.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mat-mdc-button.mat-accent,
.theme-rose .dark .mat-mdc-unelevated-button.mat-accent,
.theme-rose .dark .mat-mdc-raised-button.mat-accent,
.theme-rose .dark .mat-mdc-outlined-button.mat-accent,
.theme-rose .dark .mat-tonal-button.mat-accent,
.theme-rose.dark .mat-mdc-button.mat-accent,
.theme-rose.dark .mat-mdc-unelevated-button.mat-accent,
.theme-rose.dark .mat-mdc-raised-button.mat-accent,
.theme-rose.dark .mat-mdc-outlined-button.mat-accent,
.theme-rose.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mat-mdc-button.mat-warn,
.theme-rose .dark .mat-mdc-unelevated-button.mat-warn,
.theme-rose .dark .mat-mdc-raised-button.mat-warn,
.theme-rose .dark .mat-mdc-outlined-button.mat-warn,
.theme-rose .dark .mat-tonal-button.mat-warn,
.theme-rose.dark .mat-mdc-button.mat-warn,
.theme-rose.dark .mat-mdc-unelevated-button.mat-warn,
.theme-rose.dark .mat-mdc-raised-button.mat-warn,
.theme-rose.dark .mat-mdc-outlined-button.mat-warn,
.theme-rose.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mat-mdc-icon-button.mat-primary,
.theme-rose.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mat-mdc-icon-button.mat-accent,
.theme-rose.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mat-mdc-icon-button.mat-warn,
.theme-rose.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mat-mdc-fab.mat-primary,
.theme-rose .dark .mat-mdc-mini-fab.mat-primary,
.theme-rose.dark .mat-mdc-fab.mat-primary,
.theme-rose.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mat-mdc-fab.mat-accent,
.theme-rose .dark .mat-mdc-mini-fab.mat-accent,
.theme-rose.dark .mat-mdc-fab.mat-accent,
.theme-rose.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mat-mdc-fab.mat-warn,
.theme-rose .dark .mat-mdc-mini-fab.mat-warn,
.theme-rose.dark .mat-mdc-fab.mat-warn,
.theme-rose.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-rose .dark .mat-datepicker-content.mat-accent,
.theme-rose .dark .mat-datepicker-toggle-active.mat-accent,
.theme-rose.dark .mat-datepicker-content.mat-accent,
.theme-rose.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-datepicker-content.mat-warn,
.theme-rose .dark .mat-datepicker-toggle-active.mat-warn,
.theme-rose.dark .mat-datepicker-content.mat-warn,
.theme-rose.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-rose .dark .mat-icon.mat-primary,
.theme-rose.dark .mat-icon.mat-primary {
  --mat-icon-color: #f43f5e;
}
.theme-rose .dark .mat-icon.mat-accent,
.theme-rose.dark .mat-icon.mat-accent {
  --mat-icon-color: #1e293b;
}
.theme-rose .dark .mat-icon.mat-warn,
.theme-rose.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.theme-rose .dark .mat-toolbar.mat-primary,
.theme-rose.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #f43f5e;
  --mat-toolbar-container-text-color: #4c0519;
}
.theme-rose .dark .mat-toolbar.mat-accent,
.theme-rose.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1e293b;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-rose .dark .mat-toolbar.mat-warn,
.theme-rose.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-purple .light,
.theme-purple.light {
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px ,
    0px 0px 0px 0px ,
    0px 0px 0px 0px ;
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px ,
    0px 1px 1px 0px ,
    0px 1px 3px 0px ;
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px ,
    0px 2px 2px 0px ,
    0px 1px 5px 0px ;
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px ,
    0px 3px 4px 0px ,
    0px 1px 8px 0px ;
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px ,
    0px 4px 5px 0px ,
    0px 1px 10px 0px ;
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px ,
    0px 5px 8px 0px ,
    0px 1px 14px 0px ;
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px ,
    0px 6px 10px 0px ,
    0px 1px 18px 0px ;
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px ,
    0px 7px 10px 1px ,
    0px 2px 16px 1px ;
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px ,
    0px 8px 10px 1px ,
    0px 3px 14px 2px ;
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px ,
    0px 9px 12px 1px ,
    0px 3px 16px 2px ;
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px ,
    0px 10px 14px 1px ,
    0px 4px 18px 3px ;
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px ,
    0px 11px 15px 1px ,
    0px 4px 20px 3px ;
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px ,
    0px 12px 17px 2px ,
    0px 5px 22px 4px ;
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px ,
    0px 13px 19px 2px ,
    0px 5px 24px 4px ;
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px ,
    0px 14px 21px 2px ,
    0px 5px 26px 4px ;
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px ,
    0px 15px 22px 2px ,
    0px 6px 28px 5px ;
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px ,
    0px 16px 24px 2px ,
    0px 6px 30px 5px ;
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px ,
    0px 17px 26px 2px ,
    0px 6px 32px 5px ;
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px ,
    0px 18px 28px 2px ,
    0px 7px 34px 6px ;
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px ,
    0px 19px 29px 2px ,
    0px 7px 36px 6px ;
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px ,
    0px 20px 31px 3px ,
    0px 8px 38px 7px ;
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px ,
    0px 21px 33px 3px ,
    0px 8px 40px 7px ;
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px ,
    0px 22px 35px 3px ,
    0px 8px 42px 7px ;
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px ,
    0px 23px 36px 3px ,
    0px 9px 44px 8px ;
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px ,
    0px 24px 38px 3px ,
    0px 9px 46px 8px ;
  --mat-ripple-color: color-mix(in srgb, , transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
  --mat-card-elevated-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);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, 38%, transparent);
  --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-disabled-select-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, 4%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, 12%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, 12%, transparent);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-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);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-value-indicator-opacity: 1;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-color: inherit;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.theme-purple .light .mat-accent,
.theme-purple.light .mat-accent {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mat-warn,
.theme-purple.light .mat-warn {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mat-primary,
.theme-purple.light .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-accent,
.theme-purple.light .mat-accent {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-warn,
.theme-purple.light .mat-warn {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-mdc-form-field.mat-accent,
.theme-purple.light .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-purple .light .mat-mdc-form-field.mat-warn,
.theme-purple.light .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-purple .light .mat-mdc-form-field.mat-accent,
.theme-purple.light .mat-mdc-form-field.mat-accent {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-mdc-form-field.mat-warn,
.theme-purple.light .mat-mdc-form-field.mat-warn {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-mdc-standard-chip,
.theme-purple.light .mat-mdc-standard-chip {
  --mat-chip-elevated-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, 12%, transparent);
}
.theme-purple .light .mat-mdc-radio-button.mat-primary,
.theme-purple.light .mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-mdc-radio-button.mat-accent,
.theme-purple.light .mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-mdc-radio-button.mat-warn,
.theme-purple.light .mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-accent,
.theme-purple.light .mat-accent {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mat-warn,
.theme-purple.light .mat-warn {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mdc-list-item__start,
.theme-purple .light .mdc-list-item__end,
.theme-purple.light .mdc-list-item__start,
.theme-purple.light .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-accent .mdc-list-item__start,
.theme-purple .light .mat-accent .mdc-list-item__end,
.theme-purple.light .mat-accent .mdc-list-item__start,
.theme-purple.light .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-warn .mdc-list-item__start,
.theme-purple .light .mat-warn .mdc-list-item__end,
.theme-purple.light .mat-warn .mdc-list-item__start,
.theme-purple.light .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-mdc-list-option,
.theme-purple.light .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-mdc-list-option.mat-accent,
.theme-purple.light .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-mdc-list-option.mat-warn,
.theme-purple.light .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-purple .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-purple .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-purple .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-purple.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-purple.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-purple.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-purple.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #9333ea;
}
.theme-purple .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-purple .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-purple .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-purple.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-purple.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-purple.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-purple .light .mat-mdc-checkbox.mat-primary,
.theme-purple.light .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-mdc-checkbox.mat-warn,
.theme-purple.light .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-mdc-button.mat-primary,
.theme-purple .light .mat-mdc-unelevated-button.mat-primary,
.theme-purple .light .mat-mdc-raised-button.mat-primary,
.theme-purple .light .mat-mdc-outlined-button.mat-primary,
.theme-purple .light .mat-tonal-button.mat-primary,
.theme-purple.light .mat-mdc-button.mat-primary,
.theme-purple.light .mat-mdc-unelevated-button.mat-primary,
.theme-purple.light .mat-mdc-raised-button.mat-primary,
.theme-purple.light .mat-mdc-outlined-button.mat-primary,
.theme-purple.light .mat-tonal-button.mat-primary {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mat-mdc-button.mat-accent,
.theme-purple .light .mat-mdc-unelevated-button.mat-accent,
.theme-purple .light .mat-mdc-raised-button.mat-accent,
.theme-purple .light .mat-mdc-outlined-button.mat-accent,
.theme-purple .light .mat-tonal-button.mat-accent,
.theme-purple.light .mat-mdc-button.mat-accent,
.theme-purple.light .mat-mdc-unelevated-button.mat-accent,
.theme-purple.light .mat-mdc-raised-button.mat-accent,
.theme-purple.light .mat-mdc-outlined-button.mat-accent,
.theme-purple.light .mat-tonal-button.mat-accent {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mat-mdc-button.mat-warn,
.theme-purple .light .mat-mdc-unelevated-button.mat-warn,
.theme-purple .light .mat-mdc-raised-button.mat-warn,
.theme-purple .light .mat-mdc-outlined-button.mat-warn,
.theme-purple .light .mat-tonal-button.mat-warn,
.theme-purple.light .mat-mdc-button.mat-warn,
.theme-purple.light .mat-mdc-unelevated-button.mat-warn,
.theme-purple.light .mat-mdc-raised-button.mat-warn,
.theme-purple.light .mat-mdc-outlined-button.mat-warn,
.theme-purple.light .mat-tonal-button.mat-warn {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mat-mdc-icon-button.mat-primary,
.theme-purple.light .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mat-mdc-icon-button.mat-accent,
.theme-purple.light .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mat-mdc-icon-button.mat-warn,
.theme-purple.light .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mat-mdc-fab.mat-primary,
.theme-purple .light .mat-mdc-mini-fab.mat-primary,
.theme-purple.light .mat-mdc-fab.mat-primary,
.theme-purple.light .mat-mdc-mini-fab.mat-primary {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mat-mdc-fab.mat-accent,
.theme-purple .light .mat-mdc-mini-fab.mat-accent,
.theme-purple.light .mat-mdc-fab.mat-accent,
.theme-purple.light .mat-mdc-mini-fab.mat-accent {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mat-mdc-fab.mat-warn,
.theme-purple .light .mat-mdc-mini-fab.mat-warn,
.theme-purple.light .mat-mdc-fab.mat-warn,
.theme-purple.light .mat-mdc-mini-fab.mat-warn {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .light .mat-datepicker-content.mat-accent,
.theme-purple .light .mat-datepicker-toggle-active.mat-accent,
.theme-purple.light .mat-datepicker-content.mat-accent,
.theme-purple.light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-datepicker-content.mat-warn,
.theme-purple .light .mat-datepicker-toggle-active.mat-warn,
.theme-purple.light .mat-datepicker-content.mat-warn,
.theme-purple.light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .light .mat-icon.mat-primary,
.theme-purple.light .mat-icon.mat-primary {
  --mat-icon-color: #9333ea;
}
.theme-purple .light .mat-icon.mat-accent,
.theme-purple.light .mat-icon.mat-accent {
  --mat-icon-color: #1e293b;
}
.theme-purple .light .mat-icon.mat-warn,
.theme-purple.light .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.theme-purple .light .mat-toolbar.mat-primary,
.theme-purple.light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #9333ea;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-purple .light .mat-toolbar.mat-accent,
.theme-purple.light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1e293b;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-purple .light .mat-toolbar.mat-warn,
.theme-purple.light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-purple .dark,
.theme-purple.dark {
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px ,
    0px 0px 0px 0px ,
    0px 0px 0px 0px ;
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px ,
    0px 1px 1px 0px ,
    0px 1px 3px 0px ;
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px ,
    0px 2px 2px 0px ,
    0px 1px 5px 0px ;
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px ,
    0px 3px 4px 0px ,
    0px 1px 8px 0px ;
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px ,
    0px 4px 5px 0px ,
    0px 1px 10px 0px ;
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px ,
    0px 5px 8px 0px ,
    0px 1px 14px 0px ;
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px ,
    0px 6px 10px 0px ,
    0px 1px 18px 0px ;
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px ,
    0px 7px 10px 1px ,
    0px 2px 16px 1px ;
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px ,
    0px 8px 10px 1px ,
    0px 3px 14px 2px ;
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px ,
    0px 9px 12px 1px ,
    0px 3px 16px 2px ;
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px ,
    0px 10px 14px 1px ,
    0px 4px 18px 3px ;
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px ,
    0px 11px 15px 1px ,
    0px 4px 20px 3px ;
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px ,
    0px 12px 17px 2px ,
    0px 5px 22px 4px ;
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px ,
    0px 13px 19px 2px ,
    0px 5px 24px 4px ;
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px ,
    0px 14px 21px 2px ,
    0px 5px 26px 4px ;
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px ,
    0px 15px 22px 2px ,
    0px 6px 28px 5px ;
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px ,
    0px 16px 24px 2px ,
    0px 6px 30px 5px ;
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px ,
    0px 17px 26px 2px ,
    0px 6px 32px 5px ;
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px ,
    0px 18px 28px 2px ,
    0px 7px 34px 6px ;
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px ,
    0px 19px 29px 2px ,
    0px 7px 36px 6px ;
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px ,
    0px 20px 31px 3px ,
    0px 8px 38px 7px ;
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px ,
    0px 21px 33px 3px ,
    0px 8px 40px 7px ;
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px ,
    0px 22px 35px 3px ,
    0px 8px 42px 7px ;
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px ,
    0px 23px 36px 3px ,
    0px 9px 44px 8px ;
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px ,
    0px 24px 38px 3px ,
    0px 9px 46px 8px ;
  --mat-ripple-color: color-mix(in srgb, , transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
  --mat-card-elevated-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);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, 4%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, 12%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, 12%, transparent);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-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);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-value-indicator-opacity: 1;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-color: inherit;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.theme-purple .dark .mat-accent,
.theme-purple.dark .mat-accent {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mat-warn,
.theme-purple.dark .mat-warn {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mat-primary,
.theme-purple.dark .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-accent,
.theme-purple.dark .mat-accent {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-warn,
.theme-purple.dark .mat-warn {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-mdc-form-field.mat-accent,
.theme-purple.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-purple .dark .mat-mdc-form-field.mat-warn,
.theme-purple.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-purple .dark .mat-mdc-form-field.mat-accent,
.theme-purple.dark .mat-mdc-form-field.mat-accent {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-mdc-form-field.mat-warn,
.theme-purple.dark .mat-mdc-form-field.mat-warn {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-mdc-standard-chip,
.theme-purple.dark .mat-mdc-standard-chip {
  --mat-chip-elevated-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, 12%, transparent);
}
.theme-purple .dark .mat-mdc-radio-button.mat-primary,
.theme-purple.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-mdc-radio-button.mat-accent,
.theme-purple.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-mdc-radio-button.mat-warn,
.theme-purple.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-accent,
.theme-purple.dark .mat-accent {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mat-warn,
.theme-purple.dark .mat-warn {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mdc-list-item__start,
.theme-purple .dark .mdc-list-item__end,
.theme-purple.dark .mdc-list-item__start,
.theme-purple.dark .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-accent .mdc-list-item__start,
.theme-purple .dark .mat-accent .mdc-list-item__end,
.theme-purple.dark .mat-accent .mdc-list-item__start,
.theme-purple.dark .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-warn .mdc-list-item__start,
.theme-purple .dark .mat-warn .mdc-list-item__end,
.theme-purple.dark .mat-warn .mdc-list-item__start,
.theme-purple.dark .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-mdc-list-option,
.theme-purple.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-mdc-list-option.mat-accent,
.theme-purple.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-mdc-list-option.mat-warn,
.theme-purple.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-purple .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-purple .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-purple .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-purple.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-purple.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-purple.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-purple.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #9333ea;
}
.theme-purple .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-purple .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-purple .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-purple.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-purple.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-purple.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-purple .dark .mat-mdc-checkbox.mat-primary,
.theme-purple.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-mdc-checkbox.mat-warn,
.theme-purple.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-mdc-button.mat-primary,
.theme-purple .dark .mat-mdc-unelevated-button.mat-primary,
.theme-purple .dark .mat-mdc-raised-button.mat-primary,
.theme-purple .dark .mat-mdc-outlined-button.mat-primary,
.theme-purple .dark .mat-tonal-button.mat-primary,
.theme-purple.dark .mat-mdc-button.mat-primary,
.theme-purple.dark .mat-mdc-unelevated-button.mat-primary,
.theme-purple.dark .mat-mdc-raised-button.mat-primary,
.theme-purple.dark .mat-mdc-outlined-button.mat-primary,
.theme-purple.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mat-mdc-button.mat-accent,
.theme-purple .dark .mat-mdc-unelevated-button.mat-accent,
.theme-purple .dark .mat-mdc-raised-button.mat-accent,
.theme-purple .dark .mat-mdc-outlined-button.mat-accent,
.theme-purple .dark .mat-tonal-button.mat-accent,
.theme-purple.dark .mat-mdc-button.mat-accent,
.theme-purple.dark .mat-mdc-unelevated-button.mat-accent,
.theme-purple.dark .mat-mdc-raised-button.mat-accent,
.theme-purple.dark .mat-mdc-outlined-button.mat-accent,
.theme-purple.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mat-mdc-button.mat-warn,
.theme-purple .dark .mat-mdc-unelevated-button.mat-warn,
.theme-purple .dark .mat-mdc-raised-button.mat-warn,
.theme-purple .dark .mat-mdc-outlined-button.mat-warn,
.theme-purple .dark .mat-tonal-button.mat-warn,
.theme-purple.dark .mat-mdc-button.mat-warn,
.theme-purple.dark .mat-mdc-unelevated-button.mat-warn,
.theme-purple.dark .mat-mdc-raised-button.mat-warn,
.theme-purple.dark .mat-mdc-outlined-button.mat-warn,
.theme-purple.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mat-mdc-icon-button.mat-primary,
.theme-purple.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mat-mdc-icon-button.mat-accent,
.theme-purple.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mat-mdc-icon-button.mat-warn,
.theme-purple.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mat-mdc-fab.mat-primary,
.theme-purple .dark .mat-mdc-mini-fab.mat-primary,
.theme-purple.dark .mat-mdc-fab.mat-primary,
.theme-purple.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mat-mdc-fab.mat-accent,
.theme-purple .dark .mat-mdc-mini-fab.mat-accent,
.theme-purple.dark .mat-mdc-fab.mat-accent,
.theme-purple.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mat-mdc-fab.mat-warn,
.theme-purple .dark .mat-mdc-mini-fab.mat-warn,
.theme-purple.dark .mat-mdc-fab.mat-warn,
.theme-purple.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-purple .dark .mat-datepicker-content.mat-accent,
.theme-purple .dark .mat-datepicker-toggle-active.mat-accent,
.theme-purple.dark .mat-datepicker-content.mat-accent,
.theme-purple.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-datepicker-content.mat-warn,
.theme-purple .dark .mat-datepicker-toggle-active.mat-warn,
.theme-purple.dark .mat-datepicker-content.mat-warn,
.theme-purple.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-purple .dark .mat-icon.mat-primary,
.theme-purple.dark .mat-icon.mat-primary {
  --mat-icon-color: #9333ea;
}
.theme-purple .dark .mat-icon.mat-accent,
.theme-purple.dark .mat-icon.mat-accent {
  --mat-icon-color: #1e293b;
}
.theme-purple .dark .mat-icon.mat-warn,
.theme-purple.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.theme-purple .dark .mat-toolbar.mat-primary,
.theme-purple.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #9333ea;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-purple .dark .mat-toolbar.mat-accent,
.theme-purple.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1e293b;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-purple .dark .mat-toolbar.mat-warn,
.theme-purple.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-amber .light,
.theme-amber.light {
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px ,
    0px 0px 0px 0px ,
    0px 0px 0px 0px ;
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px ,
    0px 1px 1px 0px ,
    0px 1px 3px 0px ;
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px ,
    0px 2px 2px 0px ,
    0px 1px 5px 0px ;
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px ,
    0px 3px 4px 0px ,
    0px 1px 8px 0px ;
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px ,
    0px 4px 5px 0px ,
    0px 1px 10px 0px ;
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px ,
    0px 5px 8px 0px ,
    0px 1px 14px 0px ;
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px ,
    0px 6px 10px 0px ,
    0px 1px 18px 0px ;
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px ,
    0px 7px 10px 1px ,
    0px 2px 16px 1px ;
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px ,
    0px 8px 10px 1px ,
    0px 3px 14px 2px ;
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px ,
    0px 9px 12px 1px ,
    0px 3px 16px 2px ;
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px ,
    0px 10px 14px 1px ,
    0px 4px 18px 3px ;
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px ,
    0px 11px 15px 1px ,
    0px 4px 20px 3px ;
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px ,
    0px 12px 17px 2px ,
    0px 5px 22px 4px ;
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px ,
    0px 13px 19px 2px ,
    0px 5px 24px 4px ;
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px ,
    0px 14px 21px 2px ,
    0px 5px 26px 4px ;
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px ,
    0px 15px 22px 2px ,
    0px 6px 28px 5px ;
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px ,
    0px 16px 24px 2px ,
    0px 6px 30px 5px ;
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px ,
    0px 17px 26px 2px ,
    0px 6px 32px 5px ;
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px ,
    0px 18px 28px 2px ,
    0px 7px 34px 6px ;
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px ,
    0px 19px 29px 2px ,
    0px 7px 36px 6px ;
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px ,
    0px 20px 31px 3px ,
    0px 8px 38px 7px ;
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px ,
    0px 21px 33px 3px ,
    0px 8px 40px 7px ;
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px ,
    0px 22px 35px 3px ,
    0px 8px 42px 7px ;
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px ,
    0px 23px 36px 3px ,
    0px 9px 44px 8px ;
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px ,
    0px 24px 38px 3px ,
    0px 9px 46px 8px ;
  --mat-ripple-color: color-mix(in srgb, , transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
  --mat-card-elevated-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);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, 38%, transparent);
  --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-disabled-select-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, 4%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, 12%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, 12%, transparent);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-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);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-value-indicator-opacity: 1;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-color: inherit;
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.theme-amber .light .mat-accent,
.theme-amber.light .mat-accent {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mat-warn,
.theme-amber.light .mat-warn {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mat-primary,
.theme-amber.light .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-accent,
.theme-amber.light .mat-accent {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-warn,
.theme-amber.light .mat-warn {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-mdc-form-field.mat-accent,
.theme-amber.light .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-amber .light .mat-mdc-form-field.mat-warn,
.theme-amber.light .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-amber .light .mat-mdc-form-field.mat-accent,
.theme-amber.light .mat-mdc-form-field.mat-accent {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-mdc-form-field.mat-warn,
.theme-amber.light .mat-mdc-form-field.mat-warn {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-mdc-standard-chip,
.theme-amber.light .mat-mdc-standard-chip {
  --mat-chip-elevated-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, 12%, transparent);
}
.theme-amber .light .mat-mdc-radio-button.mat-primary,
.theme-amber.light .mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-mdc-radio-button.mat-accent,
.theme-amber.light .mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-mdc-radio-button.mat-warn,
.theme-amber.light .mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-accent,
.theme-amber.light .mat-accent {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mat-warn,
.theme-amber.light .mat-warn {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mdc-list-item__start,
.theme-amber .light .mdc-list-item__end,
.theme-amber.light .mdc-list-item__start,
.theme-amber.light .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-accent .mdc-list-item__start,
.theme-amber .light .mat-accent .mdc-list-item__end,
.theme-amber.light .mat-accent .mdc-list-item__start,
.theme-amber.light .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-warn .mdc-list-item__start,
.theme-amber .light .mat-warn .mdc-list-item__end,
.theme-amber.light .mat-warn .mdc-list-item__start,
.theme-amber.light .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-mdc-list-option,
.theme-amber.light .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-mdc-list-option.mat-accent,
.theme-amber.light .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-mdc-list-option.mat-warn,
.theme-amber.light .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-amber .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-amber .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-amber .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-amber.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-amber.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-amber.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-amber.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #f59e0b;
}
.theme-amber .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-amber .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-amber .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-amber.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-amber.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-amber.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-amber .light .mat-mdc-checkbox.mat-primary,
.theme-amber.light .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-mdc-checkbox.mat-warn,
.theme-amber.light .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-mdc-button.mat-primary,
.theme-amber .light .mat-mdc-unelevated-button.mat-primary,
.theme-amber .light .mat-mdc-raised-button.mat-primary,
.theme-amber .light .mat-mdc-outlined-button.mat-primary,
.theme-amber .light .mat-tonal-button.mat-primary,
.theme-amber.light .mat-mdc-button.mat-primary,
.theme-amber.light .mat-mdc-unelevated-button.mat-primary,
.theme-amber.light .mat-mdc-raised-button.mat-primary,
.theme-amber.light .mat-mdc-outlined-button.mat-primary,
.theme-amber.light .mat-tonal-button.mat-primary {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mat-mdc-button.mat-accent,
.theme-amber .light .mat-mdc-unelevated-button.mat-accent,
.theme-amber .light .mat-mdc-raised-button.mat-accent,
.theme-amber .light .mat-mdc-outlined-button.mat-accent,
.theme-amber .light .mat-tonal-button.mat-accent,
.theme-amber.light .mat-mdc-button.mat-accent,
.theme-amber.light .mat-mdc-unelevated-button.mat-accent,
.theme-amber.light .mat-mdc-raised-button.mat-accent,
.theme-amber.light .mat-mdc-outlined-button.mat-accent,
.theme-amber.light .mat-tonal-button.mat-accent {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mat-mdc-button.mat-warn,
.theme-amber .light .mat-mdc-unelevated-button.mat-warn,
.theme-amber .light .mat-mdc-raised-button.mat-warn,
.theme-amber .light .mat-mdc-outlined-button.mat-warn,
.theme-amber .light .mat-tonal-button.mat-warn,
.theme-amber.light .mat-mdc-button.mat-warn,
.theme-amber.light .mat-mdc-unelevated-button.mat-warn,
.theme-amber.light .mat-mdc-raised-button.mat-warn,
.theme-amber.light .mat-mdc-outlined-button.mat-warn,
.theme-amber.light .mat-tonal-button.mat-warn {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mat-mdc-icon-button.mat-primary,
.theme-amber.light .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mat-mdc-icon-button.mat-accent,
.theme-amber.light .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mat-mdc-icon-button.mat-warn,
.theme-amber.light .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mat-mdc-fab.mat-primary,
.theme-amber .light .mat-mdc-mini-fab.mat-primary,
.theme-amber.light .mat-mdc-fab.mat-primary,
.theme-amber.light .mat-mdc-mini-fab.mat-primary {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mat-mdc-fab.mat-accent,
.theme-amber .light .mat-mdc-mini-fab.mat-accent,
.theme-amber.light .mat-mdc-fab.mat-accent,
.theme-amber.light .mat-mdc-mini-fab.mat-accent {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mat-mdc-fab.mat-warn,
.theme-amber .light .mat-mdc-mini-fab.mat-warn,
.theme-amber.light .mat-mdc-fab.mat-warn,
.theme-amber.light .mat-mdc-mini-fab.mat-warn {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .light .mat-datepicker-content.mat-accent,
.theme-amber .light .mat-datepicker-toggle-active.mat-accent,
.theme-amber.light .mat-datepicker-content.mat-accent,
.theme-amber.light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-datepicker-content.mat-warn,
.theme-amber .light .mat-datepicker-toggle-active.mat-warn,
.theme-amber.light .mat-datepicker-content.mat-warn,
.theme-amber.light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .light .mat-icon.mat-primary,
.theme-amber.light .mat-icon.mat-primary {
  --mat-icon-color: #f59e0b;
}
.theme-amber .light .mat-icon.mat-accent,
.theme-amber.light .mat-icon.mat-accent {
  --mat-icon-color: #1e293b;
}
.theme-amber .light .mat-icon.mat-warn,
.theme-amber.light .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.theme-amber .light .mat-toolbar.mat-primary,
.theme-amber.light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: #451a03;
}
.theme-amber .light .mat-toolbar.mat-accent,
.theme-amber.light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1e293b;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-amber .light .mat-toolbar.mat-warn,
.theme-amber.light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-amber .dark,
.theme-amber.dark {
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px ,
    0px 0px 0px 0px ,
    0px 0px 0px 0px ;
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px ,
    0px 1px 1px 0px ,
    0px 1px 3px 0px ;
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px ,
    0px 2px 2px 0px ,
    0px 1px 5px 0px ;
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px ,
    0px 3px 4px 0px ,
    0px 1px 8px 0px ;
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px ,
    0px 4px 5px 0px ,
    0px 1px 10px 0px ;
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px ,
    0px 5px 8px 0px ,
    0px 1px 14px 0px ;
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px ,
    0px 6px 10px 0px ,
    0px 1px 18px 0px ;
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px ,
    0px 7px 10px 1px ,
    0px 2px 16px 1px ;
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px ,
    0px 8px 10px 1px ,
    0px 3px 14px 2px ;
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px ,
    0px 9px 12px 1px ,
    0px 3px 16px 2px ;
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px ,
    0px 10px 14px 1px ,
    0px 4px 18px 3px ;
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px ,
    0px 11px 15px 1px ,
    0px 4px 20px 3px ;
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px ,
    0px 12px 17px 2px ,
    0px 5px 22px 4px ;
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px ,
    0px 13px 19px 2px ,
    0px 5px 24px 4px ;
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px ,
    0px 14px 21px 2px ,
    0px 5px 26px 4px ;
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px ,
    0px 15px 22px 2px ,
    0px 6px 28px 5px ;
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px ,
    0px 16px 24px 2px ,
    0px 6px 30px 5px ;
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px ,
    0px 17px 26px 2px ,
    0px 6px 32px 5px ;
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px ,
    0px 18px 28px 2px ,
    0px 7px 34px 6px ;
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px ,
    0px 19px 29px 2px ,
    0px 7px 36px 6px ;
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px ,
    0px 20px 31px 3px ,
    0px 8px 38px 7px ;
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px ,
    0px 21px 33px 3px ,
    0px 8px 40px 7px ;
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px ,
    0px 22px 35px 3px ,
    0px 8px 42px 7px ;
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px ,
    0px 23px 36px 3px ,
    0px 9px 44px 8px ;
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px ,
    0px 24px 38px 3px ,
    0px 9px 46px 8px ;
  --mat-ripple-color: color-mix(in srgb, , transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
  --mat-card-elevated-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);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, 4%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, 12%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, 12%, transparent);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-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);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-value-indicator-opacity: 1;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, 38%, transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, 12%, transparent);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, 12%, transparent);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-icon-color: inherit;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.theme-amber .dark .mat-accent,
.theme-amber.dark .mat-accent {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mat-warn,
.theme-amber.dark .mat-warn {
  --mat-option-hover-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mat-primary,
.theme-amber.dark .mat-primary {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-accent,
.theme-amber.dark .mat-accent {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-warn,
.theme-amber.dark .mat-warn {
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-mdc-form-field.mat-accent,
.theme-amber.dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-amber .dark .mat-mdc-form-field.mat-warn,
.theme-amber.dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, 87%, transparent);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, 87%, transparent);
}
.theme-amber .dark .mat-mdc-form-field.mat-accent,
.theme-amber.dark .mat-mdc-form-field.mat-accent {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-mdc-form-field.mat-warn,
.theme-amber.dark .mat-mdc-form-field.mat-warn {
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, 38%, transparent);
  --mat-select-disabled-arrow-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-mdc-standard-chip,
.theme-amber.dark .mat-mdc-standard-chip {
  --mat-chip-elevated-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, 12%, transparent);
}
.theme-amber .dark .mat-mdc-radio-button.mat-primary,
.theme-amber.dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-mdc-radio-button.mat-accent,
.theme-amber.dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-mdc-radio-button.mat-warn,
.theme-amber.dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-accent,
.theme-amber.dark .mat-accent {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mat-warn,
.theme-amber.dark .mat-warn {
  --mat-slider-focus-state-layer-color: color-mix(in srgb, , transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mdc-list-item__start,
.theme-amber .dark .mdc-list-item__end,
.theme-amber.dark .mdc-list-item__start,
.theme-amber.dark .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-accent .mdc-list-item__start,
.theme-amber .dark .mat-accent .mdc-list-item__end,
.theme-amber.dark .mat-accent .mdc-list-item__start,
.theme-amber.dark .mat-accent .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-warn .mdc-list-item__start,
.theme-amber .dark .mat-warn .mdc-list-item__end,
.theme-amber.dark .mat-warn .mdc-list-item__start,
.theme-amber.dark .mat-warn .mdc-list-item__end {
  --mat-radio-disabled-label-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-mdc-list-option,
.theme-amber.dark .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-mdc-list-option.mat-accent,
.theme-amber.dark .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-mdc-list-option.mat-warn,
.theme-amber.dark .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-amber .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-amber .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-amber .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.theme-amber.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-amber.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.theme-amber.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.theme-amber.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #f59e0b;
}
.theme-amber .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-amber .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-amber .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.theme-amber.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-amber.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-amber.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-amber .dark .mat-mdc-checkbox.mat-primary,
.theme-amber.dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-mdc-checkbox.mat-warn,
.theme-amber.dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-mdc-button.mat-primary,
.theme-amber .dark .mat-mdc-unelevated-button.mat-primary,
.theme-amber .dark .mat-mdc-raised-button.mat-primary,
.theme-amber .dark .mat-mdc-outlined-button.mat-primary,
.theme-amber .dark .mat-tonal-button.mat-primary,
.theme-amber.dark .mat-mdc-button.mat-primary,
.theme-amber.dark .mat-mdc-unelevated-button.mat-primary,
.theme-amber.dark .mat-mdc-raised-button.mat-primary,
.theme-amber.dark .mat-mdc-outlined-button.mat-primary,
.theme-amber.dark .mat-tonal-button.mat-primary {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mat-mdc-button.mat-accent,
.theme-amber .dark .mat-mdc-unelevated-button.mat-accent,
.theme-amber .dark .mat-mdc-raised-button.mat-accent,
.theme-amber .dark .mat-mdc-outlined-button.mat-accent,
.theme-amber .dark .mat-tonal-button.mat-accent,
.theme-amber.dark .mat-mdc-button.mat-accent,
.theme-amber.dark .mat-mdc-unelevated-button.mat-accent,
.theme-amber.dark .mat-mdc-raised-button.mat-accent,
.theme-amber.dark .mat-mdc-outlined-button.mat-accent,
.theme-amber.dark .mat-tonal-button.mat-accent {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mat-mdc-button.mat-warn,
.theme-amber .dark .mat-mdc-unelevated-button.mat-warn,
.theme-amber .dark .mat-mdc-raised-button.mat-warn,
.theme-amber .dark .mat-mdc-outlined-button.mat-warn,
.theme-amber .dark .mat-tonal-button.mat-warn,
.theme-amber.dark .mat-mdc-button.mat-warn,
.theme-amber.dark .mat-mdc-unelevated-button.mat-warn,
.theme-amber.dark .mat-mdc-raised-button.mat-warn,
.theme-amber.dark .mat-mdc-outlined-button.mat-warn,
.theme-amber.dark .mat-tonal-button.mat-warn {
  --mat-button-filled-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-outlined-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-protected-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-text-ripple-color: color-mix(in srgb, , transparent);
  --mat-button-tonal-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mat-mdc-icon-button.mat-primary,
.theme-amber.dark .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mat-mdc-icon-button.mat-accent,
.theme-amber.dark .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mat-mdc-icon-button.mat-warn,
.theme-amber.dark .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mat-mdc-fab.mat-primary,
.theme-amber .dark .mat-mdc-mini-fab.mat-primary,
.theme-amber.dark .mat-mdc-fab.mat-primary,
.theme-amber.dark .mat-mdc-mini-fab.mat-primary {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mat-mdc-fab.mat-accent,
.theme-amber .dark .mat-mdc-mini-fab.mat-accent,
.theme-amber.dark .mat-mdc-fab.mat-accent,
.theme-amber.dark .mat-mdc-mini-fab.mat-accent {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mat-mdc-fab.mat-warn,
.theme-amber .dark .mat-mdc-mini-fab.mat-warn,
.theme-amber.dark .mat-mdc-fab.mat-warn,
.theme-amber.dark .mat-mdc-mini-fab.mat-warn {
  --mat-fab-ripple-color: color-mix(in srgb, , transparent);
  --mat-fab-small-ripple-color: color-mix(in srgb, , transparent);
}
.theme-amber .dark .mat-datepicker-content.mat-accent,
.theme-amber .dark .mat-datepicker-toggle-active.mat-accent,
.theme-amber.dark .mat-datepicker-content.mat-accent,
.theme-amber.dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-datepicker-content.mat-warn,
.theme-amber .dark .mat-datepicker-toggle-active.mat-warn,
.theme-amber.dark .mat-datepicker-content.mat-warn,
.theme-amber.dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, 20%, transparent);
  --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-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, , transparent);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, 38%, transparent);
}
.theme-amber .dark .mat-icon.mat-primary,
.theme-amber.dark .mat-icon.mat-primary {
  --mat-icon-color: #f59e0b;
}
.theme-amber .dark .mat-icon.mat-accent,
.theme-amber.dark .mat-icon.mat-accent {
  --mat-icon-color: #1e293b;
}
.theme-amber .dark .mat-icon.mat-warn,
.theme-amber.dark .mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}
.theme-amber .dark .mat-toolbar.mat-primary,
.theme-amber.dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #f59e0b;
  --mat-toolbar-container-text-color: #451a03;
}
.theme-amber .dark .mat-toolbar.mat-accent,
.theme-amber.dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1e293b;
  --mat-toolbar-container-text-color: #FFFFFF;
}
.theme-amber .dark .mat-toolbar.mat-warn,
.theme-amber.dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: #FFFFFF;
}

/* src/@backoffice/styles/main.scss */
.theme-switcher {
  @apply relative inline-flex items-center justify-center;
}
.theme-switcher-button {
  @apply relative inline-flex items-center justify-center w-10 h-10 rounded-lg;
  @apply bg-backoffice-bg-secondary hover:bg-backoffice-bg-tertiary;
  @apply text-backoffice-text-secondary hover:text-backoffice-text-default;
  @apply transition-colors duration-200 ease-in-out;
  @apply focus:outline-none focus:ring-2 focus:ring-backoffice-primary-500 focus:ring-offset-2;
}
.theme-switcher-button[aria-expanded=true] {
  @apply bg-backoffice-bg-tertiary text-backoffice-text-default;
}
.theme-switcher-menu {
  @apply absolute right-0 mt-2 w-48 rounded-lg shadow-lg;
  @apply bg-backoffice-bg-default border border-backoffice-border;
  @apply z-50;
}
.theme-switcher-menu-item {
  @apply flex items-center px-4 py-3 text-sm;
  @apply text-backoffice-text-default hover:bg-backoffice-bg-secondary;
  @apply transition-colors duration-150 ease-in-out;
  @apply cursor-pointer;
}
.theme-switcher-menu-item:first-child {
  @apply rounded-t-lg;
}
.theme-switcher-menu-item:last-child {
  @apply rounded-b-lg;
}
.theme-switcher-menu-item.active {
  @apply bg-backoffice-primary-50 text-backoffice-primary-600;
  @apply dark:bg-backoffice-primary-900 dark:text-backoffice-primary-400;
}
.theme-switcher-menu-item-icon {
  @apply w-4 h-4 mr-3;
  @apply text-backoffice-text-secondary;
}
.theme-switcher-menu-item-name {
  @apply font-medium;
}
.theme-switcher-menu-item-description {
  @apply text-xs text-backoffice-text-hint ml-auto;
}
.theme-preview {
  @apply flex items-center space-x-2;
}
.theme-preview-color {
  @apply w-4 h-4 rounded-full border border-backoffice-border;
  @apply shadow-sm;
}
.theme-preview-color.primary {
  @apply bg-backoffice-primary-500;
}
.theme-preview-color.accent {
  @apply bg-backoffice-accent-500;
}
.theme-preview-color.warn {
  @apply bg-backoffice-warn-500;
}
.mat-mdc-toolbar.backoffice-toolbar {
  @apply bg-backoffice-bg-default border-b border-backoffice-border;
  @apply text-backoffice-text-default;
}
.mat-mdc-card.backoffice-card {
  @apply bg-backoffice-bg-default border border-backoffice-border;
  @apply shadow-soft;
}
.mat-mdc-card.backoffice-card .mat-mdc-card-header {
  @apply border-b border-backoffice-border-light;
}
.mat-mdc-card.backoffice-card .mat-mdc-card-content {
  @apply text-backoffice-text-default;
}
.mat-mdc-card.backoffice-card .mat-mdc-card-actions {
  @apply border-t border-backoffice-border-light;
}
.mat-mdc-button.backoffice-button {
  @apply font-medium;
}
.mat-mdc-button.backoffice-button.mat-primary {
  @apply bg-backoffice-primary-500 text-white;
  @apply hover:bg-backoffice-primary-600;
  @apply focus:ring-2 focus:ring-backoffice-primary-500 focus:ring-offset-2;
}
.mat-mdc-button.backoffice-button.mat-accent {
  @apply bg-backoffice-accent-500 text-white;
  @apply hover:bg-backoffice-accent-600;
}
.mat-mdc-button.backoffice-button.mat-warn {
  @apply bg-backoffice-warn-500 text-white;
  @apply hover:bg-backoffice-warn-600;
}
.mat-mdc-form-field.backoffice-form-field .mat-mdc-text-field-wrapper {
  @apply bg-backoffice-bg-default;
}
.mat-mdc-form-field.backoffice-form-field .mat-mdc-form-field-label {
  @apply text-backoffice-text-secondary;
}
.mat-mdc-form-field.backoffice-form-field .mat-mdc-input-element {
  @apply text-backoffice-text-default;
}
.mat-mdc-form-field.backoffice-form-field .mat-mdc-form-field-hint {
  @apply text-backoffice-text-hint;
}
.mat-mdc-form-field.backoffice-form-field .mat-mdc-form-field-error {
  @apply text-backoffice-warn-500;
}
.mat-mdc-menu-panel.backoffice-menu {
  @apply bg-backoffice-bg-default border border-backoffice-border;
  @apply shadow-lg;
}
.mat-mdc-menu-panel.backoffice-menu .mat-mdc-menu-item {
  @apply text-backoffice-text-default;
  @apply hover:bg-backoffice-bg-secondary;
}
.mat-mdc-menu-panel.backoffice-menu .mat-mdc-menu-item.mat-mdc-menu-item-highlighted {
  @apply bg-backoffice-primary-50 text-backoffice-primary-600;
  @apply dark:bg-backoffice-primary-900 dark:text-backoffice-primary-400;
}
.mat-mdc-dialog-container.backoffice-dialog .mat-mdc-dialog-surface {
  @apply bg-backoffice-bg-default border border-backoffice-border;
  @apply shadow-xl;
}
.mat-mdc-dialog-container.backoffice-dialog .mat-mdc-dialog-title {
  @apply text-backoffice-text-default border-b border-backoffice-border-light;
}
.mat-mdc-dialog-container.backoffice-dialog .mat-mdc-dialog-content {
  @apply text-backoffice-text-default;
}
.mat-mdc-dialog-container.backoffice-dialog .mat-mdc-dialog-actions {
  @apply border-t border-backoffice-border-light;
}
.mat-mdc-table.backoffice-table {
  @apply bg-backoffice-bg-default;
}
.mat-mdc-table.backoffice-table .mat-mdc-header-row {
  @apply bg-backoffice-bg-secondary;
}
.mat-mdc-table.backoffice-table .mat-mdc-header-cell {
  @apply text-backoffice-text-default font-semibold;
}
.mat-mdc-table.backoffice-table .mat-mdc-row {
  @apply hover:bg-backoffice-bg-secondary;
  @apply border-b border-backoffice-border-light;
}
.mat-mdc-table.backoffice-table .mat-mdc-row:nth-child(even) {
  @apply bg-backoffice-bg-tertiary;
}
.mat-mdc-table.backoffice-table .mat-mdc-cell {
  @apply text-backoffice-text-default;
}
.mat-mdc-snack-bar-container.backoffice-snackbar {
  @apply bg-backoffice-bg-default border border-backoffice-border;
  @apply text-backoffice-text-default;
}
.mat-mdc-snack-bar-container.backoffice-snackbar.mat-success {
  @apply bg-backoffice-primary-50 border-backoffice-primary-200;
  @apply text-backoffice-primary-800;
}
.mat-mdc-snack-bar-container.backoffice-snackbar.mat-warn {
  @apply bg-backoffice-warn-50 border-backoffice-warn-200;
  @apply text-backoffice-warn-800;
}
.mat-mdc-snack-bar-container.backoffice-snackbar.mat-error {
  @apply bg-backoffice-warn-50 border-backoffice-warn-200;
  @apply text-backoffice-warn-800;
}
.mat-mdc-progress-bar.backoffice-progress-bar .mat-mdc-progress-bar-buffer {
  @apply bg-backoffice-bg-tertiary;
}
.mat-mdc-progress-bar.backoffice-progress-bar .mat-mdc-progress-bar-fill::after {
  @apply bg-backoffice-primary-500;
}
.mat-mdc-progress-spinner.backoffice-spinner circle {
  stroke: theme("colors.backoffice.primary.500");
}
.mat-mdc-tab-group.backoffice-tabs .mat-mdc-tab-header {
  @apply border-b border-backoffice-border;
}
.mat-mdc-tab-group.backoffice-tabs .mat-mdc-tab {
  @apply text-backoffice-text-secondary;
  @apply hover:text-backoffice-text-default;
}
.mat-mdc-tab-group.backoffice-tabs .mat-mdc-tab.mat-mdc-tab-active {
  @apply text-backoffice-primary-600;
}
.mat-mdc-tab-group.backoffice-tabs .mat-mdc-tab-body-content {
  @apply text-backoffice-text-default;
}
.mat-mdc-stepper.backoffice-stepper .mat-mdc-step-header {
  @apply text-backoffice-text-secondary;
}
.mat-mdc-stepper.backoffice-stepper .mat-mdc-step-header.mat-mdc-step-header-selected {
  @apply text-backoffice-primary-600;
}
.mat-mdc-stepper.backoffice-stepper .mat-mdc-step-header.mat-mdc-step-header-completed {
  @apply text-backoffice-primary-600;
}
.mat-mdc-stepper.backoffice-stepper .mat-mdc-step-content {
  @apply text-backoffice-text-default;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  @apply text-backoffice-text-default font-semibold;
}
h1 {
  @apply text-4xl font-bold;
}
h2 {
  @apply text-3xl font-bold;
}
h3 {
  @apply text-2xl font-semibold;
}
h4 {
  @apply text-xl font-semibold;
}
h5 {
  @apply text-lg font-semibold;
}
h6 {
  @apply text-base font-semibold;
}
p {
  @apply text-backoffice-text-default leading-relaxed;
}
a {
  @apply text-backoffice-primary-600 hover:text-backoffice-primary-700;
  @apply transition-colors duration-150 ease-in-out;
  @apply focus:outline-none focus:ring-2 focus:ring-backoffice-primary-500 focus:ring-offset-2;
  @apply rounded-sm;
}
a:visited {
  @apply text-backoffice-primary-700;
}
a:hover {
  @apply underline;
}
ul,
ol {
  @apply text-backoffice-text-default;
}
ul li,
ol li {
  @apply leading-relaxed;
}
code {
  @apply bg-backoffice-bg-tertiary text-backoffice-text-default;
  @apply px-1.5 py-0.5 rounded text-sm font-mono;
  @apply border border-backoffice-border-light;
}
pre {
  @apply bg-backoffice-bg-tertiary text-backoffice-text-default;
  @apply p-4 rounded-lg overflow-x-auto;
  @apply border border-backoffice-border-light;
}
pre code {
  @apply bg-transparent p-0 border-0;
}
blockquote {
  @apply border-l-4 border-backoffice-primary-500;
  @apply pl-4 py-2 my-4;
  @apply bg-backoffice-bg-secondary;
  @apply text-backoffice-text-secondary;
  @apply italic;
}
table {
  @apply w-full border-collapse;
  @apply bg-backoffice-bg-default;
  @apply border border-backoffice-border rounded-lg overflow-hidden;
}
table th {
  @apply bg-backoffice-bg-secondary text-backoffice-text-default;
  @apply font-semibold text-left px-4 py-3;
  @apply border-b border-backoffice-border;
}
table td {
  @apply text-backoffice-text-default px-4 py-3;
  @apply border-b border-backoffice-border-light;
}
table td:last-child {
  @apply border-r-0;
}
table tr {
  @apply hover:bg-backoffice-bg-secondary;
  @apply transition-colors duration-150 ease-in-out;
}
table tr:last-child td {
  @apply border-b-0;
}
label {
  @apply text-backoffice-text-default font-medium;
}
input,
textarea,
select {
  @apply text-backoffice-text-default;
  @apply bg-backoffice-bg-default;
  @apply border border-backoffice-border;
  @apply focus:border-backoffice-primary-500 focus:ring-2 focus:ring-backoffice-primary-500 focus:ring-offset-2;
  @apply transition-colors duration-150 ease-in-out;
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  @apply text-backoffice-text-hint;
}
input:disabled,
textarea:disabled,
select:disabled {
  @apply bg-backoffice-bg-tertiary text-backoffice-text-disabled;
  @apply cursor-not-allowed;
}
button {
  @apply font-medium transition-colors duration-150 ease-in-out;
  @apply focus:outline-none focus:ring-2 focus:ring-offset-2;
}
button:disabled {
  @apply cursor-not-allowed opacity-50;
}
.text-caption {
  @apply text-xs text-backoffice-text-hint;
}
.text-overline {
  @apply text-xs font-medium uppercase tracking-wider;
  @apply text-backoffice-text-secondary;
}
.text-nowrap {
  @apply whitespace-nowrap;
}
.text-truncate {
  @apply truncate;
}
.text-ellipsis {
  @apply overflow-hidden text-ellipsis;
}
.dark code {
  @apply bg-backoffice-bg-tertiary;
}
.dark pre {
  @apply bg-backoffice-bg-tertiary;
}
.dark blockquote {
  @apply bg-backoffice-bg-secondary;
}
.dark table th {
  @apply bg-backoffice-bg-secondary;
}
:root {
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #1877f2;
  --color-primary-600: #166fe5;
  --color-primary-700: #1361d1;
  --color-primary-800: #1154b8;
  --color-primary-900: #0f47a0;
  --color-primary-950: #0d3a88;
  --color-accent-50: #f8fafc;
  --color-accent-100: #f1f5f9;
  --color-accent-200: #e2e8f0;
  --color-accent-300: #cbd5e1;
  --color-accent-400: #94a3b8;
  --color-accent-450: #8993a4;
  --color-accent-500: #64748b;
  --color-accent-600: #475569;
  --color-accent-700: #334155;
  --color-accent-800: #1e293b;
  --color-accent-900: #0f172a;
  --color-accent-950: #020617;
  --color-warn-50: #fef2f2;
  --color-warn-100: #fee2e2;
  --color-warn-200: #fecaca;
  --color-warn-300: #fca5a5;
  --color-warn-400: #f87171;
  --color-warn-500: #ef4444;
  --color-warn-600: #dc2626;
  --color-warn-700: #b91c1c;
  --color-warn-800: #991b1b;
  --color-warn-900: #7f1d1d;
  --color-warn-950: #450a0a;
  --color-background-primary: #ffffff;
  --color-background-secondary: #f1f5f9;
  --color-background-tertiary: #f8fafc;
  --color-text-primary: #1e293b;
  --color-text-secondary: #64748b;
  --color-text-hint: #94a3b8;
  --color-text-disabled: #cbd5e1;
  --color-text-light: #dee2e6;
  --color-text-heading: #535862;
  --color-text-paragraph: #9c9fa5;
  --color-border-light-grey: #d1d6dc;
  --color-border-primary: #dee2e6;
  --color-border-secondary: #cbd5e1;
  --color-border-focus: var(--color-primary-500);
  --color-shadow-soft: rgba(0, 0, 0, 0.05);
  --color-shadow-medium: rgba(0, 0, 0, 0.1);
  --color-shadow-strong: rgba(0, 0, 0, 0.15);
  --color-overlay: rgba(0, 0, 0, 0.8);
  --color-success: #22e0b2;
  --color-success-light: #d1fae5;
  --color-success-dark: #065f46;
  --color-info: var(--color-primary-500);
  --color-info-light: var(--color-primary-100);
  --color-info-dark: var(--color-primary-700);
  --color-bg-info-subtle: var(--color-primary-50);
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-warning-light-alpha: rgba(253, 204, 51, 0.08);
  --color-warning-dark: #92400e;
  --color-error: var(--color-warn-500);
  --color-error-light: var(--color-warn-50);
  --color-error-dark: var(--color-warn-700);
  --color-info-icon-amber: var(--color-warning-dark);
  --color-snackbar-text-on-light-bg: #000000;
  --color-snackbar-text-on-dark-bg: #ffffff;
  --color-snackbar-success: #22e0b2;
  --color-snackbar-success-text: var(--color-snackbar-text-on-light-bg);
  --color-snackbar-error: var(--color-warn-500);
  --color-snackbar-error-text: var(--color-snackbar-text-on-dark-bg);
  --color-snackbar-warning: var(--color-warning);
  --color-snackbar-warning-text: var(--color-snackbar-text-on-light-bg);
  --color-snackbar-info: var(--color-info);
  --color-snackbar-info-text: var(--color-snackbar-text-on-dark-bg);
  --color-material-menu-panel-bg: var(--color-background-primary);
  --color-material-menu-panel-shadow: rgba(0, 0, 0, 0.11);
  --color-text-black: var(--color-text-primary);
  --color-text-white: #ffffff;
  --color-text-grey-light: var(--color-text-hint);
  --color-text-grey-medium: var(--color-text-secondary);
  --color-text-grey-dark: var(--color-text-primary);
  --color-text-slate-400: var(--color-text-hint);
  --color-bg-white: #ffffff;
  --color-bg-black: #000000;
  --color-bg-grey-light: #f3f4f6;
  --color-bg-grey-medium: #f5f5f5;
  --color-bg-blue-light: #f0f8ff;
  --color-bg-blue-selected: #EBF5FF;
  --color-bg-purple-light: #d4c9ff;
  --color-bg-muted: rgba(239, 241, 248, 1);
  --color-icon-default: var(--color-accent-450);
  --color-icon-hover: var(--color-text-black);
  --color-icon-success: var(--color-snackbar-success);
  --color-icon-blue: #1976d2;
  --color-button-outline-bg: var(--color-bg-white);
  --color-button-outline-text: var(--color-text-slate-400);
  --color-button-outline-hover-bg: var(--color-bg-white);
  --color-button-outline-active-bg: #f9fafb;
  --color-button-contained-bg: var(--color-bg-white);
  --color-button-contained-text: var(--color-primary-500);
  --color-button-contained-border: var(--color-primary-500);
  --color-button-contained-hover-text: var(--color-primary-600);
  --color-button-contained-hover-border: var(--color-primary-600);
  --color-button-contained-active-bg: var(--color-primary-50);
  --color-button-action-bg: var(--color-primary-500);
  --color-button-action-text: var(--color-text-white);
  --color-button-action-hover-bg: var(--color-primary-600);
  --color-button-action-active-bg: var(--color-primary-700);
  --color-button-text-default: #6b7280;
  --color-button-focus-ring: rgba(59, 130, 246, 0.3);
  --color-toggle-track-inactive: #E0E0E0;
  --color-toggle-thumb: var(--color-bg-white);
  --color-toggle-thumb-shadow: rgba(0, 0, 0, 0.2);
  --color-toggle-track-active: rgba(34, 224, 178, 0.45);
  --color-toggle-thumb-active: #24d5ab;
  --color-toggle-thumb-hover-inactive: rgba(156, 163, 175, 0.1);
  --color-toggle-thumb-hover-active: rgba(34, 224, 178, 0.15);
  --color-toggle-track-hover-active: rgba(34, 224, 178, 0.6);
  --color-toggle-disabled-track: #f3f4f6;
  --color-toggle-disabled-thumb: #f9fafb;
  --color-toggle-disabled-border: #e5e7eb;
  --color-toggle-label: #374151;
  --color-toggle-description: #6b7280;
  --color-notification-badge: #2196f3;
  --color-notification-badge-border: var(--color-text-white);
  --color-notification-menu-bg: var(--color-bg-white);
  --color-notification-menu-border: rgba(0, 0, 0, 0.08);
  --color-notification-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
  --color-notification-title: #1a1a1a;
  --color-notification-item-text: #1a1a1a;
  --color-notification-item-hover: #f8f9fa;
  --color-notification-icon: #8993a4;
  --color-notification-avatar-bg: #f0f0f0;
  --color-notification-status-completed: #4caf50;
  --color-notification-status-error: #f44336;
  --color-notification-status-in-progress: #2196f3;
  --color-notification-status-pending: #9e9e9e;
  --color-notification-meta-label: #1b1b1b;
  --color-notification-progress-bg: #e0e0e0;
  --color-notification-empty-icon: #e0e0e0;
  --color-notification-empty-text: #999;
  --color-border-divider: var(--color-border-primary);
  --color-border-modal: var(--color-border-primary);
  --color-bg-modal-actions: #f9fafb;
  --color-bg-hover-light: rgba(0, 0, 0, 0.05);
  --color-text-modal-title: var(--color-text-heading);
  --color-text-modal-message: var(--color-text-secondary);
  --color-text-close-icon: var(--color-text-hint);
  --color-text-close-icon-hover: var(--color-text-secondary);
  --color-chip-bg: #1877f2;
  --color-chip-text: var(--color-text-white);
  --color-chip-more-text: #6b7280;
  --color-tooltip-bg: rgba(0, 0, 0, 0.75);
  --color-tooltip-text: var(--color-text-white);
  --color-border-grey-light: var(--color-border-primary);
  --color-border-grey-medium: var(--color-border-light-grey);
  --color-border-grey-lighter: var(--color-border-primary);
  --color-border-muted: var(--color-text-secondary);
  --color-border-dark: var(--color-text-primary);
  --color-border-success: var(--color-success);
  --color-border-info: var(--color-info);
  --color-border-error: var(--color-error);
  --color-border-warning: var(--color-warning);
  --color-checkbox-checked-bg: var(--color-info);
  --color-checkbox-checked-border: var(--color-info);
  --color-checkbox-checked-checkmark: var(--color-notification-badge-border);
  --color-text-placeholder: #b8bec8;
  --color-badge-success-bg: rgba(34, 224, 178, 0.5);
  --color-badge-success-text: #000000;
  --color-badge-warning-bg: rgba(253, 204, 51, 0.25);
  --color-badge-warning-text: #9f640c;
  --color-badge-info-bg: rgba(137, 147, 164, 0.25);
  --color-badge-info-text: #535862;
  --color-badge-error-bg: rgba(244, 67, 54, 0.2);
  --color-badge-error-text: #c62828;
  --color-badge-purple-bg: rgba(156, 39, 176, 0.2);
  --color-badge-purple-text: #7b1fa2;
  --color-badge-blue-bg: rgba(33, 150, 243, 0.2);
  --color-badge-blue-text: #1565c0;
  --color-badge-amber-bg: rgba(255, 193, 7, 0.2);
  --color-badge-amber-text: #f57f17;
  --color-badge-grey-bg: rgba(158, 158, 158, 0.2);
  --color-badge-grey-text: #616161;
  --color-badge-warning-bg-alt: rgba(253, 204, 51, 0.6);
  --color-badge-orange-bg: rgba(255, 128, 59, 0.37);
  --color-role-badge-global-admin-bg: #d4c9ff;
  --color-badge-green-bg: rgba(76, 175, 80, 0.3);
  --color-badge-purple-bg-alt: rgba(156, 39, 176, 0.3);
  --color-badge-blue-bg-alt: rgba(33, 150, 243, 0.3);
  --color-badge-amber-bg-alt: rgba(255, 152, 0, 0.3);
  --color-badge-error-bg-alt: rgba(244, 67, 54, 0.3);
  --color-badge-pink-bg: #e91e63;
  --color-badge-pink-text: #ffffff;
  --color-hover-overlay: rgba(0, 0, 0, 0.1);
  --color-hover-grey: rgba(187, 192, 197, 0.068);
  --color-hover-slate: rgba(55, 65, 81, 0.1);
  --color-border-overlay-light: rgba(0, 0, 0, 0.1);
  --color-border-overlay-medium: rgba(0, 0, 0, 0.2);
  --color-bg-white-semi: rgba(255, 255, 255, 0.9);
  --color-bg-white-full: rgba(255, 255, 255, 1);
  --color-shadow-material: rgba(0, 0, 0, 0.11);
  --color-shadow-material-alt: rgba(0, 0, 0, 0.12);
  --color-shadow-material-strong: rgba(0, 0, 0, 0.14);
  --color-shadow-material-strongest: rgba(0, 0, 0, 0.2);
  --color-text-breadcrumb: #bbbfc4;
  --color-bg-table-header: #f3f4f5;
  --color-text-table-header: #535862;
  --color-bg-pagination-active: #333333;
  --color-text-pagination-active: #ffffff;
  --color-text-pagination: #666666;
  --color-text-pagination-hover: #333333;
  --color-bg-pagination-hover: #f5f5f5;
  --color-text-pagination-disabled: #999999;
  --color-bg-dark: #111827;
  --color-bg-dark-grey: #374151;
  --color-text-dark-grey: #5c6066;
  --color-border-green-light: #a7f3d0;
  --color-primary-blue: #2563eb;
  --color-error-red: #dc3545;
  --color-info-500: var(--color-primary-500);
  --color-info-700: var(--color-primary-700);
  --color-success-medium-alt: #4caf50;
  --color-bg-grey-lighter: #f9fafb;
  --color-role-badge-grey-bg: rgba(158, 158, 158, 0.9);
  --color-warn-500-alt: #f44336;
  --color-text-grey-medium-alt: #9e9e9e;
  --color-text-black-medium: #1b1b1b;
  --color-bg-grey-light-alt: #f0f0f0;
  --color-text-secondary-alt: #6b7280;
  --color-text-heading-alt: #374151;
  --color-border-light-grey-alt: #e9ecef;
  --color-shadow-medium-alt: rgba(0, 0, 0, 0.12);
  --color-shadow-soft-alt: rgba(0, 0, 0, 0.08);
  --color-success-light-alt: rgba(34, 224, 178, 0.15);
  --color-success-medium-alpha: rgba(34, 224, 178, 0.45);
  --color-success-dark-alpha: rgba(34, 224, 178, 0.6);
  --color-text-slate-400-alpha: rgba(156, 163, 175, 0.1);
  --color-text-grey-medium-encoded: %23666;
  --color-bg-white-alpha: rgba(255, 255, 255, 0.1);
  --color-text-black-alt: #1a1a1a;
  --color-tooltip-bg-dark: #1f2937;
  --color-role-support-bg: rgba(59, 130, 246, 0.2);
  --color-role-support-text: #1e40af;
  --color-role-analyst-bg: rgba(16, 185, 129, 0.2);
  --color-role-analyst-text: #047857;
  --color-role-developer-bg: rgba(99, 102, 241, 0.2);
  --color-role-developer-text: #4338ca;
  --color-role-designer-bg: rgba(244, 114, 182, 0.2);
  --color-role-designer-text: #be185d;
  --color-role-tester-bg: rgba(96, 165, 250, 0.2);
  --color-role-tester-text: #1d4ed8;
  --color-role-test-bg: #f3f4f6;
  --color-role-test-text: #374151;
}
.theme-default.dark,
.theme-brand.dark,
.theme-teal.dark,
.theme-rose.dark,
.theme-purple.dark,
.theme-amber.dark {
  --color-background-primary: #1e293b;
  --color-background-secondary: #0f172a;
  --color-background-tertiary: #334155;
  --color-text-primary: #f1f5f9;
  --color-text-secondary: #94a3b8;
  --color-text-hint: #64748b;
  --color-text-disabled: #475569;
  --color-text-heading: #e2e8f0;
  --color-text-paragraph: #94a3b8;
  --color-border-primary: #475569;
  --color-border-secondary: #64748b;
  --color-border-tertiary: #94a3b8;
  --color-border-light-grey: #d1d6dc;
  --color-shadow-soft: rgba(0, 0, 0, 0.1);
  --color-shadow-medium: rgba(0, 0, 0, 0.2);
  --color-shadow-strong: rgba(0, 0, 0, 0.3);
  --color-overlay: rgba(0, 0, 0, 0.7);
  --color-material-menu-panel-bg: #1e293b;
  --color-material-menu-panel-shadow: rgba(0, 0, 0, 0.3);
  --color-bg-grey-light: #334155;
  --color-bg-grey-medium: #475569;
  --color-bg-blue-light: rgba(59, 130, 246, 0.1);
  --color-bg-blue-selected: rgba(59, 130, 246, 0.2);
  --color-bg-muted: #1e293b;
  --color-bg-white-semi: rgba(30, 41, 59, 0.9);
  --color-bg-white-full: rgba(30, 41, 59, 1);
  --color-bg-modal-actions: #334155;
  --color-bg-hover-light: rgba(255, 255, 255, 0.05);
  --color-border-grey-lighter: #475569;
  --color-border-muted: #94a3b8;
  --color-border-divider: #475569;
  --color-border-modal: #64748b;
  --color-text-placeholder: #64748b;
  --color-text-modal-title: #e2e8f0;
  --color-text-modal-message: #94a3b8;
  --color-text-close-icon-hover: #cbd5e1;
  --color-notification-menu-bg: #1e293b;
  --color-notification-item-hover: #334155;
  --color-notification-avatar-bg: #334155;
  --color-notification-title: #f1f5f9;
  --color-notification-meta-label: #e2e8f0;
  --color-text-breadcrumb: #94a3b8;
  --color-bg-table-header: rgba(255, 255, 255, 0.05);
  --color-text-table-header: #e2e8f0;
  --color-bg-pagination-active: #475569;
  --color-text-pagination: #cbd5e1;
  --color-text-pagination-hover: #f1f5f9;
  --color-bg-pagination-hover: #334155;
  --color-text-pagination-disabled: #64748b;
  --color-bg-dark: #0f172a;
  --color-bg-dark-grey: #334155;
  --color-text-dark-grey: #cbd5e1;
  --color-text-pagination-active: #f1f5f9;
}
.theme-brand {
  --color-primary-500: #2196f3;
  --color-primary-600: #1e88dc;
  --color-primary-700: #1a78c3;
}
.theme-teal {
  --color-primary-500: #0d9488;
  --color-primary-600: #0f766e;
  --color-primary-700: #115e59;
}
.theme-rose {
  --color-primary-500: #f43f5e;
  --color-primary-600: #e11d48;
  --color-primary-700: #be123c;
}
.theme-purple {
  --color-primary-500: #9333ea;
  --color-primary-600: #7e22ce;
  --color-primary-700: #6b21a8;
}
.theme-amber {
  --color-primary-500: #f59e0b;
  --color-primary-600: #d97706;
  --color-primary-700: #b45309;
}
.theme-dynamic {
  color: inherit;
}
.overlay-preview-backdrop.cdk-overlay-backdrop {
  background: var(--color-overlay) !important;
}
.portal-config-tooltip-preview .mdc-tooltip__surface {
  font-size: 0.75rem !important;
}
.app-dropdown-overlay-panel .app-dropdown-panel {
  background: var(--color-background-primary);
  border: 1px solid var(--color-border-primary);
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.12);
  max-height: 16rem;
  overflow-y: auto;
  padding: 0 0 0.25rem;
  box-sizing: border-box;
  font-size: 0.75rem;
  color: var(--color-text-primary);
  width: 100%;
}
.app-dropdown-overlay-panel .app-dropdown-search {
  position: sticky !important;
  top: 0 !important;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  background: var(--color-background-primary, #fff);
  border-bottom: 1px solid var(--color-border-primary);
}
.app-dropdown-overlay-panel .app-dropdown-search .app-dropdown-search-icon {
  width: 0.875rem;
  height: 0.875rem;
  flex: 0 0 auto;
  color: var(--color-text-placeholder);
}
.app-dropdown-overlay-panel .app-dropdown-search .app-dropdown-search-input {
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 0.75rem;
  color: var(--color-text-primary);
  padding: 0.125rem 0;
  min-height: 1.8rem;
}
.app-dropdown-overlay-panel .app-dropdown-search .app-dropdown-search-input::placeholder {
  color: var(--color-text-placeholder);
}
.app-dropdown-overlay-panel .app-dropdown-search .app-dropdown-search-clear {
  flex: 0 0 auto;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  color: var(--color-text-placeholder);
  padding: 0 0.125rem;
}
.app-dropdown-overlay-panel .app-dropdown-search .app-dropdown-search-clear:hover {
  color: var(--color-text-primary);
}
.app-dropdown-overlay-panel .app-dropdown-option {
  display: flex;
  align-items: center;
  min-height: 2.25rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.4;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  white-space: normal;
  overflow-wrap: anywhere;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.app-dropdown-overlay-panel .app-dropdown-option:hover {
  background-color: var(--color-background-secondary, #f5f7fa);
}
.app-dropdown-overlay-panel .app-dropdown-option.is-selected {
  background-color: var(--color-primary-50, #eff6ff);
  color: var(--color-primary-600, #166fe5);
  font-weight: 500;
}
.app-dropdown-overlay-panel .app-dropdown-option.is-disabled {
  color: var(--color-text-placeholder);
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}
.app-dropdown-overlay-panel .app-dropdown-option.is-loading,
.app-dropdown-overlay-panel .app-dropdown-option.is-empty {
  color: var(--color-text-placeholder);
  cursor: default;
  pointer-events: none;
}
.app-dropdown-overlay-panel .app-dropdown-option.is-loading {
  gap: 0.5rem;
  justify-content: flex-start;
}
.app-dropdown-overlay-panel .app-dropdown-option.is-loading mat-spinner {
  display: inline-block;
  flex: 0 0 auto;
}
.app-dropdown-overlay-panel .app-dropdown-option.is-loading mat-spinner circle {
  stroke: var(--color-primary-500, #1976d2);
}
.app-dropdown-overlay-panel .app-dropdown-panel.size-small .app-dropdown-option {
  min-height: 2rem;
  padding: 0.25rem 0.625rem;
}
.app-dropdown-overlay-panel .app-dropdown-panel.size-large .app-dropdown-option {
  min-height: 2.75rem;
  padding: 0.5rem 0.875rem;
}

/* src/styles.scss */
html {
  font-size: 16px;
  font-family:
    "Poppins-Regular",
    "Poppins",
    sans-serif;
}
body {
  margin: 0;
  font-size: 1rem;
  font-family:
    "Poppins-Regular",
    "Poppins",
    sans-serif;
}
.mat-mdc-menu-panel,
.mat-mdc-select-panel {
  background-color: var(--color-material-menu-panel-bg, var(--color-background-primary)) !important;
  box-shadow: 1px 2px 8px 0px var(--color-material-menu-panel-shadow, var(--color-shadow-material)) !important;
  border-radius: 8px !important;
}
.mat-mdc-progress-spinner:not(.app-button__spinner) {
  --mdc-circular-progress-active-indicator-color: var(--color-info);
}
.mat-mdc-progress-spinner:not(.app-button__spinner) circle {
  stroke: var(--color-info) !important;
}
.mat-mdc-menu-panel.order-history-view-menu .mat-mdc-menu-item {
  min-height: 2.25rem;
}
.mat-mdc-menu-panel.order-history-view-menu .mat-mdc-menu-item-text {
  font-size: 0.75rem !important;
}
.mat-mdc-menu-panel.order-history-actions-menu-panel {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.06) !important;
}
.mat-mdc-menu-panel.order-history-actions-menu-panel .mat-mdc-menu-content {
  padding: 0.375rem 0;
}
.mat-mdc-menu-panel.order-history-actions-menu-panel .mat-mdc-menu-item {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  min-height: 2.5rem;
  padding: 0 1rem;
}
.mat-mdc-menu-panel.order-history-actions-menu-panel .mat-mdc-menu-item-text {
  font-size: 0.75rem !important;
}
.mat-mdc-menu-panel.order-history-actions-menu-panel .menu-item-icon.mat-icon {
  margin-right: 0;
  flex-shrink: 0;
  font-size: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  color: var(--color-text-paragraph, var(--color-text-secondary));
}
.mat-mdc-menu-panel.order-history-actions-menu-panel .menu-item-label {
  font-size: inherit;
  color: var(--color-text-paragraph, var(--color-text-secondary));
}
.page-size-select {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  min-width: 4.5rem;
  height: 2.25rem;
  padding: 0 0.75rem;
  border: 1px solid var(--color-border-primary, #e5e7eb);
  border-radius: 0.5rem;
  background: var(--color-background-primary, #ffffff);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-text-primary, #111827);
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.page-size-select .mat-mdc-select-trigger {
  min-height: unset;
  height: 100%;
  width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.pagination-page-size-panel .mat-mdc-option {
  font-size: 0.75rem;
  font-family:
    "Poppins-Regular",
    "Poppins",
    sans-serif;
  color: var(--color-text-primary, #111827);
  padding: 0.375rem 1rem;
  min-height: 2rem;
}
.copy-feedback-tooltip .mdc-tooltip__surface {
  background-color: var(--color-tooltip-bg, rgba(0, 0, 0, 0.75)) !important;
  color: var(--color-tooltip-text, #ffffff) !important;
  font-family:
    "Poppins-Regular",
    "Poppins",
    sans-serif !important;
  font-size: 0.625rem !important;
  font-weight: 400 !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: 0.375rem !important;
}
.app-tooltip .mdc-tooltip__surface {
  background-color: var(--color-tooltip-bg, rgba(0, 0, 0, 0.75)) !important;
  color: var(--color-tooltip-text, #ffffff) !important;
  font-family:
    "Poppins-Regular",
    "Poppins",
    sans-serif !important;
  font-size: 0.6875rem !important;
  font-weight: 400 !important;
  padding: 0.375rem 0.625rem !important;
  border-radius: 0.375rem !important;
  white-space: normal !important;
  max-width: 240px !important;
}
.custom-snackbar {
  background-color: var(--color-snackbar-success, #22e0b2) !important;
  color: var(--color-snackbar-success-text, var(--color-text-black)) !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15) !important;
  font-family:
    "Poppins-Regular",
    "Poppins",
    sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  padding: 1rem 1.25rem !important;
  min-width: 20rem !important;
  max-width: 25rem !important;
  margin: 1rem !important;
}
.custom-snackbar .mat-mdc-snack-bar-label {
  color: var(--color-snackbar-success-text, var(--color-text-black)) !important;
  font-family:
    "Poppins-Regular",
    "Poppins",
    sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.custom-snackbar .mat-mdc-snack-bar-actions {
  color: var(--color-snackbar-success-text, var(--color-text-black)) !important;
  font-family:
    "Poppins-Regular",
    "Poppins",
    sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.custom-snackbar .mat-mdc-button {
  color: var(--color-snackbar-success-text, var(--color-text-black)) !important;
  font-family:
    "Poppins-Regular",
    "Poppins",
    sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  min-width: auto !important;
  padding: 0.25rem 0.5rem !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.custom-snackbar .mat-mdc-button:hover {
  background-color: var(--color-hover-overlay) !important;
  border-radius: 0.25rem !important;
}
.snackbar-success {
  background-color: var(--color-snackbar-success, #22e0b2) !important;
  color: var(--color-snackbar-success-text, var(--color-text-black)) !important;
}
.snackbar-error {
  background-color: var(--color-snackbar-error, var(--color-warn-500)) !important;
  color: var(--color-snackbar-error-text, var(--color-text-white)) !important;
}
.snackbar-warning {
  background-color: var(--color-snackbar-warning, var(--color-warning)) !important;
  color: var(--color-snackbar-warning-text, var(--color-text-black)) !important;
}
.snackbar-info {
  background-color: var(--color-snackbar-info, var(--color-info)) !important;
  color: var(--color-snackbar-info-text, var(--color-text-white)) !important;
}
.custom-snackbar-panel {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 1rem !important;
}
.custom-snackbar-panel .mat-mdc-snack-bar-container {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: auto !important;
  max-width: none !important;
}
.mdc-snackbar__label {
  padding: 0 !important;
}
.mat-mdc-snackbar-surface {
  box-shadow: none !important;
}
.pagination-container {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 0.75rem !important;
  width: 100%;
}
.pagination-container .pagination-summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.75rem !important;
}
.pagination-container .pagination-info {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
.pagination-container .pagination-controls {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.25rem !important;
}
.pagination-container .pagination-text {
  text-align: right !important;
  white-space: nowrap;
}
.mat-mdc-paginator .mat-mdc-paginator-container {
  justify-content: flex-end !important;
}
.mat-mdc-paginator .mat-mdc-paginator-page-size {
  margin-right: 0.75rem !important;
}
.mat-mdc-paginator .mat-mdc-paginator-range-actions {
  margin-left: 0 !important;
}
.mat-mdc-paginator .mat-mdc-paginator-range-label {
  margin: 0 0.75rem 0 0 !important;
  text-align: right !important;
  white-space: nowrap;
}
.team-member-details-panel .mat-mdc-dialog-container {
  padding: 0 !important;
  overflow: hidden !important;
}
.team-member-details-panel .mat-mdc-dialog-surface {
  border-radius: 0.75rem !important;
  overflow: hidden !important;
}
.confirmation-modal-panel .mat-mdc-dialog-container {
  padding: 0 !important;
  overflow: hidden !important;
}
.confirmation-modal-panel .mat-mdc-dialog-surface {
  border-radius: 0.75rem !important;
  overflow: hidden !important;
}
.admin-action-dialog-panel .mat-mdc-dialog-surface {
  border-radius: 0.75rem !important;
  overflow: hidden !important;
}
.transaction-actions-menu-panel .mat-mdc-menu-content {
  padding: 0.625rem 0;
}
.transaction-actions-menu-panel .mat-mdc-menu-item {
  min-height: 2.5rem !important;
}
.transaction-actions-menu-panel .mat-mdc-menu-item .mdc-list-item__primary-text {
  font-size: 0.75rem !important;
  font-family:
    "Poppins-Regular",
    "Poppins",
    sans-serif !important;
  color: var(--color-text-secondary) !important;
  display: inline-flex !important;
  align-items: center !important;
}
.transaction-actions-menu-panel .icon-outlined.mat-icon,
.transaction-actions-menu-panel .mat-mdc-menu-item .icon-outlined,
.transaction-actions-menu-panel .mat-mdc-menu-item svg {
  font-family: "Material Icons Outlined" !important;
  font-size: 1.0625rem;
  width: 1rem;
  height: 1rem;
  color: var(--color-text-paragraph);
  margin-right: 0.5rem;
}
.transaction-actions-menu-panel .icon-outlined.mat-icon[svgIcon=visibility_menu],
.transaction-actions-menu-panel .mat-mdc-menu-item .icon-outlined[svgIcon=visibility_menu],
.transaction-actions-menu-panel .mat-mdc-menu-item svg[svgIcon=visibility_menu] {
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  color: var(--color-text-paragraph);
  margin-right: 0.3rem;
  margin-left: 0.25rem;
}
.transaction-actions-menu-panel .menu-item-text {
  font-size: 0.75rem;
  color: var(--color-text-secondary);
}
.maximize-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--color-text-secondary);
  cursor: pointer;
}
.maximize-btn:hover {
  background: var(--color-background-secondary, #f1f4f8);
  color: var(--color-text-primary);
}
.maximize-btn .mat-icon {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}

/* src/assets/json-editor-theme.css */
.json-editor-container.jse-theme-dark {
  --jse-theme: dark;
  --jse-theme-color: var(--color-primary-500);
  --jse-theme-color-highlight: var(--color-primary-400);
  --jse-background-color: var(--color-background-primary);
  --jse-text-color: var(--color-text-primary);
  --jse-text-color-inverse: var(--color-text-secondary);
  --jse-main-border: 1px solid var(--color-border-primary);
  --jse-menu-color: var(--color-text-primary);
  --jse-modal-background: var(--color-background-primary);
  --jse-modal-overlay-background: var(--color-overlay);
  --jse-modal-code-background: var(--color-background-secondary);
  --jse-tooltip-color: var(--color-text-primary);
  --jse-tooltip-background: var(--color-background-secondary);
  --jse-tooltip-border: 1px solid var(--color-border-primary);
  --jse-tooltip-action-button-color: var(--color-text-primary);
  --jse-tooltip-action-button-background: var(--color-border-secondary);
  --jse-panel-background: var(--color-background-secondary);
  --jse-panel-background-border: 1px solid var(--color-border-primary);
  --jse-panel-color: var(--color-text-primary);
  --jse-panel-color-readonly: var(--color-text-hint);
  --jse-panel-border: 1px solid var(--color-border-primary);
  --jse-panel-button-color-highlight: var(--color-text-primary);
  --jse-panel-button-background-highlight: var(--color-accent-200);
  --jse-navigation-bar-background: var(--color-accent-400);
  --jse-navigation-bar-background-highlight: var(--color-accent-500);
  --jse-navigation-bar-dropdown-color: var(--color-text-primary);
  --jse-context-menu-background: var(--color-background-secondary);
  --jse-context-menu-background-highlight: var(--color-accent-200);
  --jse-context-menu-separator-color: var(--color-border-primary);
  --jse-context-menu-color: var(--color-text-primary);
  --jse-context-menu-pointer-background: var(--color-accent-300);
  --jse-context-menu-pointer-background-highlight: var(--color-accent-400);
  --jse-context-menu-pointer-color: var(--color-text-primary);
  --jse-key-color: var(--color-primary-600);
  --jse-value-color: var(--color-text-primary);
  --jse-value-color-number: var(--color-primary-700);
  --jse-value-color-boolean: var(--color-primary-600);
  --jse-value-color-null: var(--color-text-hint);
  --jse-value-color-string: var(--color-warn-600);
  --jse-value-color-url: var(--color-primary-600);
  --jse-delimiter-color: var(--color-text-hint);
  --jse-edit-outline: 2px solid var(--color-border-focus);
  --jse-selection-background-color: var(--color-bg-info-subtle);
  --jse-selection-background-inactive-color: var(--color-accent-100);
  --jse-hover-background-color: var(--color-accent-100);
  --jse-active-line-background-color: var(--color-bg-info-subtle);
  --jse-search-match-background-color: var(--color-warning-light-alpha);
  --jse-collapsed-items-background-color: var(--color-background-secondary);
  --jse-collapsed-items-selected-background-color: var(--color-accent-200);
  --jse-collapsed-items-link-color: var(--color-text-secondary);
  --jse-collapsed-items-link-color-highlight: var(--color-primary-500);
  --jse-search-match-color: var(--color-warning-dark);
  --jse-search-match-outline: 1px solid var(--color-warning);
  --jse-search-match-active-color: var(--color-warning-dark);
  --jse-search-match-active-outline: 1px solid var(--color-warning);
  --jse-tag-background: var(--color-accent-200);
  --jse-tag-color: var(--color-text-secondary);
  --jse-table-header-background: var(--color-background-secondary);
  --jse-table-header-background-highlight: var(--color-accent-200);
  --jse-table-row-odd-background: var(--color-background-tertiary);
  --jse-input-background: var(--color-background-primary);
  --jse-input-border: var(--jse-main-border);
  --jse-button-background: var(--color-primary-500);
  --jse-button-background-highlight: var(--color-primary-600);
  --jse-button-color: var(--color-text-white);
  --jse-button-secondary-background: var(--color-accent-200);
  --jse-button-secondary-background-highlight: var(--color-accent-300);
  --jse-button-secondary-background-disabled: var(--color-text-disabled);
  --jse-button-secondary-color: var(--color-text-primary);
  --jse-a-color: var(--color-primary-500);
  --jse-a-color-highlight: var(--color-primary-600);
  --jse-svelte-select-background: var(--color-background-primary);
  --jse-svelte-select-border: 1px solid var(--color-border-primary);
  --list-background: var(--color-background-primary);
  --item-hover-bg: var(--color-accent-100);
  --multi-item-bg: var(--color-accent-200);
  --input-color: var(--color-text-primary);
  --multi-clear-bg: var(--color-accent-400);
  --multi-item-clear-icon-color: var(--color-text-primary);
  --multi-item-outline: 1px solid var(--color-border-primary);
  --list-shadow: 0 2px 8px 0 var(--color-shadow-medium);
  --jse-color-picker-background: var(--color-background-primary);
  --jse-color-picker-border-box-shadow: var(--color-border-primary) 0 0 0 1px;
}

/* node_modules/intl-tel-input/dist/css/intlTelInput.min.css */
:root {
  --iti-hover-color:rgba(0, 0, 0, 0.05);
  --iti-border-color:#ccc;
  --iti-dropdown-bg:white;
  --iti-icon-color:#555;
  --iti-spacer-horizontal:10px;
  --iti-flag-width:20px;
  --iti-flag-height:calc(var(--iti-flag-width) * 3 / 4);
  --iti-globe-icon-size:17px;
  --iti-clear-icon-size:15px;
  --iti-border-width:1px;
  --iti-arrow-size:5px;
  --iti-arrow-width:1.5px;
  --iti-arrow-padding:7px;
  --iti-flag-sprite-width:244;
  --iti-flag-sprite-height:1;
  --iti-mobile-popup-margin:30px;
}
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=tel],
.iti input.iti__tel-input[type=text] {
  position: relative;
  z-index: 0;
  display: block;
  min-width: 100%;
  margin: 0 !important;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  margin-top: -2px;
  width: var(--iti-arrow-size);
  height: var(--iti-arrow-size);
  box-sizing: border-box;
  border-right: var(--iti-arrow-width) solid var(--iti-icon-color);
  border-bottom: var(--iti-arrow-width) solid var(--iti-icon-color);
  transform: rotate(45deg);
}
.iti__arrow--up {
  margin-top: 4px;
  transform: rotate(-135deg);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
}
.iti--inline-dropdown:not(.iti--container) .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  left: 0;
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding-left: calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal));
  padding-right: calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal));
}
[dir=rtl] .iti__search-input {
  padding-left: inherit;
  padding-right: 30px;
  background-position: right 8px center;
}
.iti__search-input::-webkit-search-cancel-button {
  appearance: none;
}
.iti__country,
.iti__search-input {
  padding-top: 8px;
  padding-bottom: 8px;
}
.iti__search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--iti-border-color);
}
.iti__search-icon {
  position: absolute;
  left: var(--iti-spacer-horizontal);
  display: flex;
  pointer-events: none;
}
[dir=rtl] .iti__search-icon {
  left: auto;
  right: var(--iti-spacer-horizontal);
}
.iti__search-icon-svg {
  width: var(--iti-globe-icon-size);
  height: var(--iti-globe-icon-size);
  display: block;
  stroke: var(--iti-icon-color);
  fill: none;
  stroke-width: 3;
}
.iti__search-clear {
  position: absolute;
  right: calc(var(--iti-spacer-horizontal)/2);
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  padding: calc(var(--iti-spacer-horizontal)/2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .15s ease;
}
.iti__search-clear .iti__search-clear-x {
  stroke-width: 2;
}
.iti__search-clear .iti__search-clear-bg {
  fill: var(--iti-icon-color);
}
.iti__search-clear-svg {
  width: var(--iti-clear-icon-size);
  height: var(--iti-clear-icon-size);
  display: block;
}
[dir=rtl] .iti__search-clear {
  right: auto;
  left: var(--iti-spacer-horizontal);
}
.iti__search-clear:focus-visible,
.iti__search-clear:hover {
  background: var(--iti-hover-color);
  outline: 0;
}
.iti__no-results {
  text-align: center;
  padding: 30px 0;
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width:500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding-left: var(--iti-spacer-horizontal);
  padding-right: var(--iti-spacer-horizontal);
  outline: 0;
}
.iti__country-name {
  flex-grow: 1;
}
.iti__country-check {
  margin-left: var(--iti-spacer-horizontal);
  display: flex;
  align-items: center;
  color: var(--iti-icon-color);
}
.iti__country-check-svg {
  width: var(--iti-clear-icon-size);
  height: var(--iti-clear-icon-size);
  display: block;
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__country-list .iti__flag {
  margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__country-list .iti__flag {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti__country-list .iti__flag {
  flex-shrink: 0;
}
.iti--allow-dropdown .iti__country-container:has(+ input[disabled]) button.iti__selected-country,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]) button.iti__selected-country {
  cursor: not-allowed;
}
.iti--allow-dropdown .iti__country-container:has(+ input[disabled]) button.iti__selected-country .iti__arrow,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]) button.iti__selected-country .iti__arrow {
  visibility: hidden;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
  margin-left: 4px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
}
.iti--container:hover {
  cursor: pointer;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, .5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country,
.iti--fullscreen-popup .iti__search-input {
  padding-top: 10px;
  padding-bottom: 10px;
}
.iti--fullscreen-popup .iti__country {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.5em;
}
.iti__flag {
  --iti-flag-offset:100;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0 0 1px 0 #888;
  background-image: image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x);
  background-repeat: no-repeat;
  background-position: calc(var(--iti-flag-offset)*var(--iti-flag-width)) 0;
  background-size: calc(var(--iti-flag-sprite-width)*var(--iti-flag-width)) calc(var(--iti-flag-sprite-height)*var(--iti-flag-height));
}
.iti__loading {
  position: relative;
  background: 0 0;
  box-shadow: none;
}
.iti__loading::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: var(--iti-flag-height);
  height: var(--iti-flag-height);
  box-sizing: border-box;
  border: 2px solid var(--iti-icon-color);
  border-right-color: transparent;
  border-radius: 50%;
  animation: iti-spinner 1s linear infinite;
}
@keyframes iti-spinner {
  to {
    transform: rotate(360deg);
  }
}
.iti__ac {
  --iti-flag-offset:0;
}
.iti__ad {
  --iti-flag-offset:-1;
}
.iti__ae {
  --iti-flag-offset:-2;
}
.iti__af {
  --iti-flag-offset:-3;
}
.iti__ag {
  --iti-flag-offset:-4;
}
.iti__ai {
  --iti-flag-offset:-5;
}
.iti__al {
  --iti-flag-offset:-6;
}
.iti__am {
  --iti-flag-offset:-7;
}
.iti__ao {
  --iti-flag-offset:-8;
}
.iti__ar {
  --iti-flag-offset:-9;
}
.iti__as {
  --iti-flag-offset:-10;
}
.iti__at {
  --iti-flag-offset:-11;
}
.iti__au {
  --iti-flag-offset:-12;
}
.iti__aw {
  --iti-flag-offset:-13;
}
.iti__ax {
  --iti-flag-offset:-14;
}
.iti__az {
  --iti-flag-offset:-15;
}
.iti__ba {
  --iti-flag-offset:-16;
}
.iti__bb {
  --iti-flag-offset:-17;
}
.iti__bd {
  --iti-flag-offset:-18;
}
.iti__be {
  --iti-flag-offset:-19;
}
.iti__bf {
  --iti-flag-offset:-20;
}
.iti__bg {
  --iti-flag-offset:-21;
}
.iti__bh {
  --iti-flag-offset:-22;
}
.iti__bi {
  --iti-flag-offset:-23;
}
.iti__bj {
  --iti-flag-offset:-24;
}
.iti__bl {
  --iti-flag-offset:-25;
}
.iti__bm {
  --iti-flag-offset:-26;
}
.iti__bn {
  --iti-flag-offset:-27;
}
.iti__bo {
  --iti-flag-offset:-28;
}
.iti__bq {
  --iti-flag-offset:-29;
}
.iti__br {
  --iti-flag-offset:-30;
}
.iti__bs {
  --iti-flag-offset:-31;
}
.iti__bt {
  --iti-flag-offset:-32;
}
.iti__bw {
  --iti-flag-offset:-33;
}
.iti__by {
  --iti-flag-offset:-34;
}
.iti__bz {
  --iti-flag-offset:-35;
}
.iti__ca {
  --iti-flag-offset:-36;
}
.iti__cc {
  --iti-flag-offset:-37;
}
.iti__cd {
  --iti-flag-offset:-38;
}
.iti__cf {
  --iti-flag-offset:-39;
}
.iti__cg {
  --iti-flag-offset:-40;
}
.iti__ch {
  --iti-flag-offset:-41;
}
.iti__ci {
  --iti-flag-offset:-42;
}
.iti__ck {
  --iti-flag-offset:-43;
}
.iti__cl {
  --iti-flag-offset:-44;
}
.iti__cm {
  --iti-flag-offset:-45;
}
.iti__cn {
  --iti-flag-offset:-46;
}
.iti__co {
  --iti-flag-offset:-47;
}
.iti__cr {
  --iti-flag-offset:-48;
}
.iti__cu {
  --iti-flag-offset:-49;
}
.iti__cv {
  --iti-flag-offset:-50;
}
.iti__cw {
  --iti-flag-offset:-51;
}
.iti__cx {
  --iti-flag-offset:-52;
}
.iti__cy {
  --iti-flag-offset:-53;
}
.iti__cz {
  --iti-flag-offset:-54;
}
.iti__de {
  --iti-flag-offset:-55;
}
.iti__dj {
  --iti-flag-offset:-56;
}
.iti__dk {
  --iti-flag-offset:-57;
}
.iti__dm {
  --iti-flag-offset:-58;
}
.iti__do {
  --iti-flag-offset:-59;
}
.iti__dz {
  --iti-flag-offset:-60;
}
.iti__ec {
  --iti-flag-offset:-61;
}
.iti__ee {
  --iti-flag-offset:-62;
}
.iti__eg {
  --iti-flag-offset:-63;
}
.iti__eh {
  --iti-flag-offset:-64;
}
.iti__er {
  --iti-flag-offset:-65;
}
.iti__es {
  --iti-flag-offset:-66;
}
.iti__et {
  --iti-flag-offset:-67;
}
.iti__fi {
  --iti-flag-offset:-68;
}
.iti__fj {
  --iti-flag-offset:-69;
}
.iti__fk {
  --iti-flag-offset:-70;
}
.iti__fm {
  --iti-flag-offset:-71;
}
.iti__fo {
  --iti-flag-offset:-72;
}
.iti__fr {
  --iti-flag-offset:-73;
}
.iti__ga {
  --iti-flag-offset:-74;
}
.iti__gb {
  --iti-flag-offset:-75;
}
.iti__gd {
  --iti-flag-offset:-76;
}
.iti__ge {
  --iti-flag-offset:-77;
}
.iti__gf {
  --iti-flag-offset:-78;
}
.iti__gg {
  --iti-flag-offset:-79;
}
.iti__gh {
  --iti-flag-offset:-80;
}
.iti__gi {
  --iti-flag-offset:-81;
}
.iti__gl {
  --iti-flag-offset:-82;
}
.iti__gm {
  --iti-flag-offset:-83;
}
.iti__gn {
  --iti-flag-offset:-84;
}
.iti__gp {
  --iti-flag-offset:-85;
}
.iti__gq {
  --iti-flag-offset:-86;
}
.iti__gr {
  --iti-flag-offset:-87;
}
.iti__gt {
  --iti-flag-offset:-88;
}
.iti__gu {
  --iti-flag-offset:-89;
}
.iti__gw {
  --iti-flag-offset:-90;
}
.iti__gy {
  --iti-flag-offset:-91;
}
.iti__hk {
  --iti-flag-offset:-92;
}
.iti__hn {
  --iti-flag-offset:-93;
}
.iti__hr {
  --iti-flag-offset:-94;
}
.iti__ht {
  --iti-flag-offset:-95;
}
.iti__hu {
  --iti-flag-offset:-96;
}
.iti__id {
  --iti-flag-offset:-97;
}
.iti__ie {
  --iti-flag-offset:-98;
}
.iti__il {
  --iti-flag-offset:-99;
}
.iti__im {
  --iti-flag-offset:-100;
}
.iti__in {
  --iti-flag-offset:-101;
}
.iti__io {
  --iti-flag-offset:-102;
}
.iti__iq {
  --iti-flag-offset:-103;
}
.iti__ir {
  --iti-flag-offset:-104;
}
.iti__is {
  --iti-flag-offset:-105;
}
.iti__it {
  --iti-flag-offset:-106;
}
.iti__je {
  --iti-flag-offset:-107;
}
.iti__jm {
  --iti-flag-offset:-108;
}
.iti__jo {
  --iti-flag-offset:-109;
}
.iti__jp {
  --iti-flag-offset:-110;
}
.iti__ke {
  --iti-flag-offset:-111;
}
.iti__kg {
  --iti-flag-offset:-112;
}
.iti__kh {
  --iti-flag-offset:-113;
}
.iti__ki {
  --iti-flag-offset:-114;
}
.iti__km {
  --iti-flag-offset:-115;
}
.iti__kn {
  --iti-flag-offset:-116;
}
.iti__kp {
  --iti-flag-offset:-117;
}
.iti__kr {
  --iti-flag-offset:-118;
}
.iti__kw {
  --iti-flag-offset:-119;
}
.iti__ky {
  --iti-flag-offset:-120;
}
.iti__kz {
  --iti-flag-offset:-121;
}
.iti__la {
  --iti-flag-offset:-122;
}
.iti__lb {
  --iti-flag-offset:-123;
}
.iti__lc {
  --iti-flag-offset:-124;
}
.iti__li {
  --iti-flag-offset:-125;
}
.iti__lk {
  --iti-flag-offset:-126;
}
.iti__lr {
  --iti-flag-offset:-127;
}
.iti__ls {
  --iti-flag-offset:-128;
}
.iti__lt {
  --iti-flag-offset:-129;
}
.iti__lu {
  --iti-flag-offset:-130;
}
.iti__lv {
  --iti-flag-offset:-131;
}
.iti__ly {
  --iti-flag-offset:-132;
}
.iti__ma {
  --iti-flag-offset:-133;
}
.iti__mc {
  --iti-flag-offset:-134;
}
.iti__md {
  --iti-flag-offset:-135;
}
.iti__me {
  --iti-flag-offset:-136;
}
.iti__mf {
  --iti-flag-offset:-137;
}
.iti__mg {
  --iti-flag-offset:-138;
}
.iti__mh {
  --iti-flag-offset:-139;
}
.iti__mk {
  --iti-flag-offset:-140;
}
.iti__ml {
  --iti-flag-offset:-141;
}
.iti__mm {
  --iti-flag-offset:-142;
}
.iti__mn {
  --iti-flag-offset:-143;
}
.iti__mo {
  --iti-flag-offset:-144;
}
.iti__mp {
  --iti-flag-offset:-145;
}
.iti__mq {
  --iti-flag-offset:-146;
}
.iti__mr {
  --iti-flag-offset:-147;
}
.iti__ms {
  --iti-flag-offset:-148;
}
.iti__mt {
  --iti-flag-offset:-149;
}
.iti__mu {
  --iti-flag-offset:-150;
}
.iti__mv {
  --iti-flag-offset:-151;
}
.iti__mw {
  --iti-flag-offset:-152;
}
.iti__mx {
  --iti-flag-offset:-153;
}
.iti__my {
  --iti-flag-offset:-154;
}
.iti__mz {
  --iti-flag-offset:-155;
}
.iti__na {
  --iti-flag-offset:-156;
}
.iti__nc {
  --iti-flag-offset:-157;
}
.iti__ne {
  --iti-flag-offset:-158;
}
.iti__nf {
  --iti-flag-offset:-159;
}
.iti__ng {
  --iti-flag-offset:-160;
}
.iti__ni {
  --iti-flag-offset:-161;
}
.iti__nl {
  --iti-flag-offset:-162;
}
.iti__no {
  --iti-flag-offset:-163;
}
.iti__np {
  --iti-flag-offset:-164;
}
.iti__nr {
  --iti-flag-offset:-165;
}
.iti__nu {
  --iti-flag-offset:-166;
}
.iti__nz {
  --iti-flag-offset:-167;
}
.iti__om {
  --iti-flag-offset:-168;
}
.iti__pa {
  --iti-flag-offset:-169;
}
.iti__pe {
  --iti-flag-offset:-170;
}
.iti__pf {
  --iti-flag-offset:-171;
}
.iti__pg {
  --iti-flag-offset:-172;
}
.iti__ph {
  --iti-flag-offset:-173;
}
.iti__pk {
  --iti-flag-offset:-174;
}
.iti__pl {
  --iti-flag-offset:-175;
}
.iti__pm {
  --iti-flag-offset:-176;
}
.iti__pr {
  --iti-flag-offset:-177;
}
.iti__ps {
  --iti-flag-offset:-178;
}
.iti__pt {
  --iti-flag-offset:-179;
}
.iti__pw {
  --iti-flag-offset:-180;
}
.iti__py {
  --iti-flag-offset:-181;
}
.iti__qa {
  --iti-flag-offset:-182;
}
.iti__re {
  --iti-flag-offset:-183;
}
.iti__ro {
  --iti-flag-offset:-184;
}
.iti__rs {
  --iti-flag-offset:-185;
}
.iti__ru {
  --iti-flag-offset:-186;
}
.iti__rw {
  --iti-flag-offset:-187;
}
.iti__sa {
  --iti-flag-offset:-188;
}
.iti__sb {
  --iti-flag-offset:-189;
}
.iti__sc {
  --iti-flag-offset:-190;
}
.iti__sd {
  --iti-flag-offset:-191;
}
.iti__se {
  --iti-flag-offset:-192;
}
.iti__sg {
  --iti-flag-offset:-193;
}
.iti__sh {
  --iti-flag-offset:-194;
}
.iti__si {
  --iti-flag-offset:-195;
}
.iti__sj {
  --iti-flag-offset:-196;
}
.iti__sk {
  --iti-flag-offset:-197;
}
.iti__sl {
  --iti-flag-offset:-198;
}
.iti__sm {
  --iti-flag-offset:-199;
}
.iti__sn {
  --iti-flag-offset:-200;
}
.iti__so {
  --iti-flag-offset:-201;
}
.iti__sr {
  --iti-flag-offset:-202;
}
.iti__ss {
  --iti-flag-offset:-203;
}
.iti__st {
  --iti-flag-offset:-204;
}
.iti__sv {
  --iti-flag-offset:-205;
}
.iti__sx {
  --iti-flag-offset:-206;
}
.iti__sy {
  --iti-flag-offset:-207;
}
.iti__sz {
  --iti-flag-offset:-208;
}
.iti__tc {
  --iti-flag-offset:-209;
}
.iti__td {
  --iti-flag-offset:-210;
}
.iti__tg {
  --iti-flag-offset:-211;
}
.iti__th {
  --iti-flag-offset:-212;
}
.iti__tj {
  --iti-flag-offset:-213;
}
.iti__tk {
  --iti-flag-offset:-214;
}
.iti__tl {
  --iti-flag-offset:-215;
}
.iti__tm {
  --iti-flag-offset:-216;
}
.iti__tn {
  --iti-flag-offset:-217;
}
.iti__to {
  --iti-flag-offset:-218;
}
.iti__tr {
  --iti-flag-offset:-219;
}
.iti__tt {
  --iti-flag-offset:-220;
}
.iti__tv {
  --iti-flag-offset:-221;
}
.iti__tw {
  --iti-flag-offset:-222;
}
.iti__tz {
  --iti-flag-offset:-223;
}
.iti__ua {
  --iti-flag-offset:-224;
}
.iti__ug {
  --iti-flag-offset:-225;
}
.iti__us {
  --iti-flag-offset:-226;
}
.iti__uy {
  --iti-flag-offset:-227;
}
.iti__uz {
  --iti-flag-offset:-228;
}
.iti__va {
  --iti-flag-offset:-229;
}
.iti__vc {
  --iti-flag-offset:-230;
}
.iti__ve {
  --iti-flag-offset:-231;
}
.iti__vg {
  --iti-flag-offset:-232;
}
.iti__vi {
  --iti-flag-offset:-233;
}
.iti__vn {
  --iti-flag-offset:-234;
}
.iti__vu {
  --iti-flag-offset:-235;
}
.iti__wf {
  --iti-flag-offset:-236;
}
.iti__ws {
  --iti-flag-offset:-237;
}
.iti__xk {
  --iti-flag-offset:-238;
}
.iti__ye {
  --iti-flag-offset:-239;
}
.iti__yt {
  --iti-flag-offset:-240;
}
.iti__za {
  --iti-flag-offset:-241;
}
.iti__zm {
  --iti-flag-offset:-242;
}
.iti__zw {
  --iti-flag-offset:-243;
}
.iti__globe {
  background: 0 0;
  box-shadow: none;
  height: var(--iti-globe-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.iti__globe .iti__globe-svg {
  width: 100%;
  height: 100%;
  fill: var(--iti-icon-color);
}
@supports (-webkit-appearance:none) and (not (background:-webkit-canvas(foo))) {
  .iti__tel-input:focus {
    outline-offset: 1px;
  }
}
:root {
  --iti-path-flags-1x:url("./media/flags.webp");
  --iti-path-flags-2x:url("./media/flags@2x.webp");
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */