/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/* couleur de base avant modif 

   primary: (
    0: #000000,
    10: #001946,
    20: #002c70,
    25: #003687,
    30: #00419e,
    35: #004cb6,
    40: #0057ce,
    50: #0e6efd,
    60: #588cff,
    70: #87a9ff,
    80: #b1c5ff,
    90: #dae2ff,
    95: #eef0ff,
    98: #faf8ff,
    99: #fefbff,
    100: #ffffff,
  ),
  secondary: (
    0: #000000,
    10: #3a0031,
    20: #5f0050,
    25: #720061,
    30: #850072,
    35: #9a0084,
    40: #ab1293,
    50: #cb37ae,
    60: #eb54ca,
    70: #ff7bde,
    80: #ffade4,
    90: #ffd7ef,
    95: #ffecf5,
    98: #fff8f9,
    99: #fffbff,
    100: #ffffff,
  ),
  tertiary:(
    0: #000000,
    10: #2c1600,
    20: #492900,
    25: #593200,
    30: #683c00,
    35: #794700,
    40: #895100,
    50: #ac6700,
    60: #cc7f1d,
    70: #eb9937,
    80: #ffb86d,
    90: #ffdcbd,
    95: #ffeee0,
    98: #fff8f4,
    99: #fffbff,
    100: #ffffff,
  ),
  success: (
    0: #000000,
    10: #002110,
    20: #00391f,
    25: #004527,
    30: #00522f,
    35: #005f38,
    40: #006d41,
    50: #1a8855,
    60: #3da36d,
    70: #5bbe86,
    80: #77da9f,
    90: #93f7ba,
    95: #c1ffd4,
    98: #e9ffec,
    99: #f5fff4,
    100: #ffffff,
  ),
  neutral: (
    0: #000000,
    10: #191c1d,
    20: #2e3132,
    25: #393c3d,
    30: #454748,
    35: #505354,
    40: #5c5f60,
    50: #757778,
    60: #8f9192,
    70: #aaabac,
    80: #c5c7c8,
    90: #e1e3e4,
    95: #f0f1f2,
    98: #f8f9fa,
    99: #fbfcfd,
    100: #ffffff,
    // 4: #070f15,
    // 6: #0c141b,
    // 12: #182127,
    // 17: #222b32,
    // 22: #2d363d,
    // 24: #313a41,
    // 87: #d2dbe4,
    // 92: #e0e9f2,
    // 94: #e6eff8,
    // 96: #ecf5fe,
  ),
  neutral-variant: (
    0: #000000,
    10: #2b1616,
    20: #422a2a,
    25: #4e3534,
    30: #5b4040,
    35: #674b4b,
    40: #745757,
    50: #8f6f6f,
    60: #aa8988,
    70: #c6a3a2,
    80: #e3bebd,
    90: #ffdad9,
    95: #ffedec,
    98: #fff8f7,
    99: #fffbff,
    100: #ffffff,
  ),

  warning: (
    0: #000000,
    10: #332601,
    20: #4c3902,
    25: #7f6003,
    30: #b28704,
    35: #ffc71f,
    40: #ffc71f,
    50: #ffcd38,
    60: #ffd351,
    70: #ffd96a,
    80: #ffe083,
    90: #ffe69b,
    95: #ffecb4,
    98: #fff2cd,
    99: #fff8e6,
    100: #ffffff,
  ),
  info: (
    0: #000000,
    10: #001f27,
    20: #003642,
    25: #004250,
    30: #004e5e,
    35: #005a6d,
    40: #00677c,
    50: #00829c,
    60: #009ebd,
    70: #00bbde,
    80: #33d7fe,
    90: #b1ecff,
    95: #daf5ff,
    98: #f1fbff,
    99: #f9fdff,
    100: #ffffff,
  ),

  error: (
    0: #000000,
    10: #410002,
    20: #690005,
    25: #7e0007,
    30: #93000a,
    35: #a80710,
    40: #ba1a1a,
    50: #de3730,
    60: #ff5449,
    70: #ff897d,
    80: #ffb4ab,
    90: #ffdad6,
    95: #ffedea,
    98: #fff8f7,
    99: #fffbff,
    100: #ffffff,
  ),
);

*/
:root {
  --mdc-checkbox-state-layer-size: 28px;
  --mdc-chip-container-height: 24px;
  --mdc-text-button-container-height: 28px;
  --mdc-protected-button-container-height: 28px;
  --mdc-filled-button-container-height: 28px;
  --mdc-outlined-button-container-height: 28px;
  --mdc-icon-button-state-layer-size: 24px;
  --mdc-list-list-item-one-line-container-height: 24px;
  --mdc-list-list-item-two-line-container-height: 48px;
  --mdc-list-list-item-three-line-container-height: 56px;
  --mdc-radio-state-layer-size: 28px;
  --mdc-secondary-navigation-tab-container-height: 32px;
  --mat-checkbox-touch-target-display: none;
  --mat-expansion-header-collapsed-state-height: 36px;
  --mat-expansion-header-expanded-state-height: 48px;
  --mat-fab-touch-target-display: none;
  --mat-form-field-container-height: 36px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 6px;
  --mat-form-field-filled-with-label-container-padding-top: 6px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
  --mat-icon-button-touch-target-display: none;
  --mat-list-list-item-leading-icon-start-space: 4px;
  --mat-list-list-item-leading-icon-end-space: 4px;
  --mat-text-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-paginator-container-size: 40px;
  --mat-paginator-form-field-container-height: 36px;
  --mat-paginator-form-field-container-vertical-padding: 6px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-select-arrow-transform: none;
  --mat-standard-button-toggle-height: 24px;
  --mat-stepper-header-height: 42px;
  --mat-table-header-container-height: 40px;
  --mat-table-footer-container-height: 36px;
  --mat-table-row-item-container-height: 36px;
  --mat-toolbar-standard-height: 52px;
  --mat-toolbar-mobile-height: 44px;
  --mat-tree-node-min-height: 28px;
}
:root {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#b1c5ff, #0057ce);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#faf8ff, #002c70);
  --mat-sys-on-primary-container: light-dark(#00419e, #c6d3ff);
  --mat-sys-on-primary-fixed: light-dark(#001946, #001946);
  --mat-sys-on-primary-fixed-variant: light-dark(#00419e, #00419e);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#faf8ff, #002c70);
  --mat-sys-on-tertiary-container: light-dark(#00419e, #c6d3ff);
  --mat-sys-on-tertiary-fixed: light-dark(#001946, #001946);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#00419e, #00419e);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#0057ce, #b1c5ff);
  --mat-sys-primary-container: light-dark(#c6d3ff, #00419e);
  --mat-sys-primary-fixed: light-dark(#c6d3ff, #c6d3ff);
  --mat-sys-primary-fixed-dim: light-dark(#b1c5ff, #b1c5ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#0057ce, #b1c5ff);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#0057ce, #b1c5ff);
  --mat-sys-tertiary-container: light-dark(#c6d3ff, #00419e);
  --mat-sys-tertiary-fixed: light-dark(#c6d3ff, #c6d3ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#b1c5ff, #b1c5ff);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
:root {
  --mat-sys-level0: 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);
}
:root {
  --mat-sys-level1: 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);
}
:root {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-level3: 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);
}
:root {
  --mat-sys-level4: 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);
}
:root {
  --mat-sys-level5: 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);
}
:root {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
:root {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
:root {
  --mat-sys-surface-container-high: #f0f1f2;
}
:root {
  --mat-select-panel-background-color: #f0f1f2;
}
:root {
  --mat-dialog-container-max-width: 99%;
}
:root {
  --mdc-dialog-container-color: #e8eaeb;
}
:root {
  --mdc-dialog-container-color: #e8eaeb;
}
:root {
  --mdc-dialog-container-color: #e8eaeb;
}
:root {
  --mat-autocomplete-background-color: #e8eaeb;
}
:root {
  --mat-option-focus-state-layer-color: #93f7ba ;
  --mat-option-hover-state-layer-color: #aafbc7;
}
:root .parity_table_line:nth-child(odd) {
  background-color: #e4e9ff;
}
:root .noBackground {
  background-color: transparent;
}
:root {
  --mdc-dialog-container-color: #F8FAFC;
}

mat-form-field {
  --mdc-filled-text-field-container-color: white;
}

.primary {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#b1c5ff, #0057ce);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#faf8ff, #002c70);
  --mat-sys-on-primary-container: light-dark(#00419e, #c6d3ff);
  --mat-sys-on-primary-fixed: light-dark(#001946, #001946);
  --mat-sys-on-primary-fixed-variant: light-dark(#00419e, #00419e);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#faf8ff, #002c70);
  --mat-sys-on-tertiary-container: light-dark(#00419e, #c6d3ff);
  --mat-sys-on-tertiary-fixed: light-dark(#001946, #001946);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#00419e, #00419e);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#0057ce, #b1c5ff);
  --mat-sys-primary-container: light-dark(#c6d3ff, #00419e);
  --mat-sys-primary-fixed: light-dark(#c6d3ff, #c6d3ff);
  --mat-sys-primary-fixed-dim: light-dark(#b1c5ff, #b1c5ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#0057ce, #b1c5ff);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#0057ce, #b1c5ff);
  --mat-sys-tertiary-container: light-dark(#c6d3ff, #00419e);
  --mat-sys-tertiary-fixed: light-dark(#c6d3ff, #c6d3ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#b1c5ff, #b1c5ff);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.primary {
  --mat-sys-level0: 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);
}
.primary {
  --mat-sys-level1: 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);
}
.primary {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.primary {
  --mat-sys-level3: 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);
}
.primary {
  --mat-sys-level4: 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);
}
.primary {
  --mat-sys-level5: 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);
}
.primary {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.primary {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.primary-light {
  background-color: #faf8ff;
  color: #002c70;
}

mat-snack-bar-container.primary {
  --mdc-snackbar-container-color: #c6d3ff;
}
mat-snack-bar-container.primary {
  --mdc-snackbar-supporting-text-color: #001946;
}
mat-snack-bar-container.primary {
  --mat-snack-bar-button-color: #001946;
}

.mat-toolbar.primary {
  --mat-toolbar-container-background-color: #dae2ff;
}
.mat-toolbar.primary {
  --mat-toolbar-container-text-color: #002c70;
}

.primary button[mat-icon-button] {
  --mdc-icon-button-icon-color: #002c70;
}
.primary button[mat-icon-button] {
  --mdc-icon-button-state-layer-size: 36px;
}

:root .primary {
  --mat-menu-container-color: #dae2ff;
}
:root .primary {
  --mat-menu-item-label-text-color: #002c70;
}

mat-button-toggle.primary {
  --mat-standard-button-toggle-background-color: #faf8ff;
}
mat-button-toggle.primary {
  --mat-standard-button-toggle-selected-state-background-color: #dae2ff;
}
mat-button-toggle.primary {
  --mat-standard-button-toggle-selected-state-text-color: #002c70;
}

mat-checkbox.primary {
  background-color: #faf8ff;
}
mat-checkbox.primary {
  --mdc-checkbox-selected-focus-icon-color: #004cb6;
}
mat-checkbox.primary {
  --mdc-checkbox-selected-icon-color: #004cb6;
}
mat-checkbox.primary {
  --mdc-checkbox-unselected-focus-icon-color: #004cb6;
}
mat-checkbox.primary {
  --mdc-checkbox-selected-pressed-state-layer-color: #dae2ff;
}
mat-checkbox.primary {
  --mdc-checkbox-unselected-focus-state-layer-color: #dae2ff;
}
mat-checkbox.primary {
  --mdc-checkbox-selected-focus-state-layer-color: #dae2ff;
}

.custom-icon-button.primary {
  color: #0057ce;
}

.custom-icon-button.primary:hover {
  background-color: #e4e9ff;
}

.badge.primary {
  background-color: #87a9ff;
}

.secondary {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#ffade4, #ab1293);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-primary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-primary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-primary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-tertiary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-tertiary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#ab1293, #ffade4);
  --mat-sys-primary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-primary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-primary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#ab1293, #ffade4);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#ab1293, #ffade4);
  --mat-sys-tertiary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-tertiary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.secondary {
  --mat-sys-level0: 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);
}
.secondary {
  --mat-sys-level1: 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);
}
.secondary {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.secondary {
  --mat-sys-level3: 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);
}
.secondary {
  --mat-sys-level4: 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);
}
.secondary {
  --mat-sys-level5: 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);
}
.secondary {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.secondary {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.secondary-light {
  background-color: #ffecf5;
  color: #5f0050;
}

:root .secondary {
  --mat-option-selected-state-layer-color: #ffd7ef;
}

mat-snack-bar-container.secondary {
  --mdc-snackbar-container-color: #ffc2e9;
}
mat-snack-bar-container.secondary {
  --mdc-snackbar-supporting-text-color: #3a0031;
}
mat-snack-bar-container.secondary {
  --mat-snack-bar-button-color: #3a0031;
}

.mat-toolbar.secondary {
  --mat-toolbar-container-background-color: #ffd7ef;
}
.mat-toolbar.secondary {
  --mat-toolbar-container-text-color: #5f0050;
}

.secondary button[mat-icon-button] {
  --mdc-icon-button-icon-color: #5f0050;
}
.secondary button[mat-icon-button] {
  --mdc-icon-button-state-layer-size: 36px;
}

:root .secondary {
  --mat-menu-container-color: #ffd7ef;
}
:root .secondary {
  --mat-menu-item-label-text-color: #5f0050;
}

mat-button-toggle.secondary {
  --mat-standard-button-toggle-background-color: #faf8ff;
}
mat-button-toggle.secondary {
  --mat-standard-button-toggle-selected-state-background-color: #ffd7ef;
}
mat-button-toggle.secondary {
  --mat-standard-button-toggle-selected-state-text-color: #5f0050;
}

mat-checkbox.secondary {
  --mdc-checkbox-selected-focus-icon-color: #9a0084;
}
mat-checkbox.secondary {
  --mdc-checkbox-selected-icon-color: #9a0084;
}
mat-checkbox.secondary {
  --mdc-checkbox-unselected-focus-icon-color: #9a0084;
}
mat-checkbox.secondary {
  --mdc-checkbox-selected-pressed-state-layer-color: #ffd7ef;
}
mat-checkbox.secondary {
  --mdc-checkbox-unselected-focus-state-layer-color: #ffd7ef;
}
mat-checkbox.secondary {
  --mdc-checkbox-selected-focus-state-layer-color: #ffd7ef;
}

.custom-filled-button.secondary {
  background-color: #cb37ae;
}

.badge.secondary {
  background-color: #ff7bde;
}

.tertiary {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#ffb86d, #895100);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#fff5f0, #492900);
  --mat-sys-on-primary-container: light-dark(#683c00, #ffc795);
  --mat-sys-on-primary-fixed: light-dark(#2c1600, #2c1600);
  --mat-sys-on-primary-fixed-variant: light-dark(#683c00, #683c00);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#fff5f0, #492900);
  --mat-sys-on-tertiary-container: light-dark(#683c00, #ffc795);
  --mat-sys-on-tertiary-fixed: light-dark(#2c1600, #2c1600);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#683c00, #683c00);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#895100, #ffb86d);
  --mat-sys-primary-container: light-dark(#ffc795, #683c00);
  --mat-sys-primary-fixed: light-dark(#ffc795, #ffc795);
  --mat-sys-primary-fixed-dim: light-dark(#ffb86d, #ffb86d);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#895100, #ffb86d);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#895100, #ffb86d);
  --mat-sys-tertiary-container: light-dark(#ffc795, #683c00);
  --mat-sys-tertiary-fixed: light-dark(#ffc795, #ffc795);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffb86d, #ffb86d);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.tertiary {
  --mat-sys-level0: 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);
}
.tertiary {
  --mat-sys-level1: 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);
}
.tertiary {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.tertiary {
  --mat-sys-level3: 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);
}
.tertiary {
  --mat-sys-level4: 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);
}
.tertiary {
  --mat-sys-level5: 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);
}
.tertiary {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.tertiary {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.tertiary-light {
  background-color: #fff5f0;
  color: #492900;
}

mat-snack-bar-container.tertiary {
  --mdc-snackbar-container-color: #ffc795;
}
mat-snack-bar-container.tertiary {
  --mdc-snackbar-supporting-text-color: #2c1600;
}
mat-snack-bar-container.tertiary {
  --mat-snack-bar-button-color: #2c1600;
}

:root .tertiary {
  --mat-option-selected-state-layer-color: #ffdcbd;
}

.mat-toolbar.tertiary {
  --mat-toolbar-container-background-color: #ffdcbd;
}
.mat-toolbar.tertiary {
  --mat-toolbar-container-text-color: #492900;
}

.tertiary button[mat-icon-button] {
  --mdc-icon-button-icon-color: #492900;
}
.tertiary button[mat-icon-button] {
  --mdc-icon-button-state-layer-size: 36px;
}

:root .tertiary {
  --mat-menu-container-color: #ffdcbd;
}
:root .tertiary {
  --mat-menu-item-label-text-color: #492900;
}

mat-button-toggle.tertiary {
  --mat-standard-button-toggle-background-color: #faf8ff;
}
mat-button-toggle.tertiary {
  --mat-standard-button-toggle-selected-state-background-color: #ffdcbd;
}
mat-button-toggle.tertiary {
  --mat-standard-button-toggle-selected-state-text-color: #492900;
}

mat-checkbox.tertiary {
  background-color: #fff5f0;
}
mat-checkbox.tertiary {
  --mdc-checkbox-selected-focus-icon-color: #794700;
}
mat-checkbox.tertiary {
  --mdc-checkbox-selected-icon-color: #794700;
}
mat-checkbox.tertiary {
  --mdc-checkbox-unselected-focus-icon-color: #794700;
}
mat-checkbox.tertiary {
  --mdc-checkbox-selected-pressed-state-layer-color: #ffdcbd;
}
mat-checkbox.tertiary {
  --mdc-checkbox-unselected-focus-state-layer-color: #ffdcbd;
}
mat-checkbox.tertiary {
  --mdc-checkbox-selected-focus-state-layer-color: #ffdcbd;
}

.custom-filled-button.tertiary {
  background-color: #ac6700;
}

.badge.tertiary {
  background-color: #eb9937;
}

.success {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#77da9f, #006d41);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#e9ffec, #00391f);
  --mat-sys-on-primary-container: light-dark(#00522f, #85e8ac);
  --mat-sys-on-primary-fixed: light-dark(#002110, #002110);
  --mat-sys-on-primary-fixed-variant: light-dark(#00522f, #00522f);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#e9ffec, #00391f);
  --mat-sys-on-tertiary-container: light-dark(#00522f, #85e8ac);
  --mat-sys-on-tertiary-fixed: light-dark(#002110, #002110);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#00522f, #00522f);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#006d41, #77da9f);
  --mat-sys-primary-container: light-dark(#85e8ac, #00522f);
  --mat-sys-primary-fixed: light-dark(#85e8ac, #85e8ac);
  --mat-sys-primary-fixed-dim: light-dark(#77da9f, #77da9f);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#006d41, #77da9f);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#006d41, #77da9f);
  --mat-sys-tertiary-container: light-dark(#85e8ac, #00522f);
  --mat-sys-tertiary-fixed: light-dark(#85e8ac, #85e8ac);
  --mat-sys-tertiary-fixed-dim: light-dark(#77da9f, #77da9f);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.success {
  --mat-sys-level0: 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);
}
.success {
  --mat-sys-level1: 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);
}
.success {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.success {
  --mat-sys-level3: 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);
}
.success {
  --mat-sys-level4: 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);
}
.success {
  --mat-sys-level5: 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);
}
.success {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.success {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.success-light {
  background-color: #e9ffec;
  color: #00391f;
}

.btn-success {
  --mat-button-filled-container-color: #006d41 ;
  --mat-button-filled-label-text-color: #e9ffec ;
}

.mat-icon.success {
  color: #006d41;
}

mat-snack-bar-container.success {
  --mdc-snackbar-container-color: #85e8ac;
}
mat-snack-bar-container.success {
  --mdc-snackbar-supporting-text-color: #002110;
}
mat-snack-bar-container.success {
  --mat-snack-bar-button-color: #002110;
}

mat-button-toggle.success {
  --mat-standard-button-toggle-background-color: #e9ffec;
}
mat-button-toggle.success {
  --mat-standard-button-toggle-selected-state-background-color: #93f7ba;
}
mat-button-toggle.success {
  --mat-standard-button-toggle-selected-state-text-color: #00391f;
}

.custom-icon-button.success {
  color: #1a8855;
}

.custom-icon-button.success:hover {
  background-color: #e9ffec;
}

.custom-filled-button.success {
  background-color: #1a8855;
}

.text-success {
  color: #006d41;
}

.toggle-group.success input[type=radio]:checked + label {
  background-color: #006d41;
  color: #e9ffec;
}
.toggle-group.success label {
  color: #00391f;
}

.toggle-group label.success {
  color: #00391f;
}

.toggle-group input[type=radio]:checked + label.success {
  background-color: #006d41;
  color: #e9ffec;
}

.badge.success {
  background-color: #5bbe86;
}

.neutral {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#c5c7c8, #5c5f60);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#f8f9fa, #2e3132);
  --mat-sys-on-primary-container: light-dark(#454748, #d3d5d6);
  --mat-sys-on-primary-fixed: light-dark(#191c1d, #191c1d);
  --mat-sys-on-primary-fixed-variant: light-dark(#454748, #454748);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#f8f9fa, #2e3132);
  --mat-sys-on-tertiary-container: light-dark(#454748, #d3d5d6);
  --mat-sys-on-tertiary-fixed: light-dark(#191c1d, #191c1d);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#454748, #454748);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#5c5f60, #c5c7c8);
  --mat-sys-primary-container: light-dark(#d3d5d6, #454748);
  --mat-sys-primary-fixed: light-dark(#d3d5d6, #d3d5d6);
  --mat-sys-primary-fixed-dim: light-dark(#c5c7c8, #c5c7c8);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#5c5f60, #c5c7c8);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#5c5f60, #c5c7c8);
  --mat-sys-tertiary-container: light-dark(#d3d5d6, #454748);
  --mat-sys-tertiary-fixed: light-dark(#d3d5d6, #d3d5d6);
  --mat-sys-tertiary-fixed-dim: light-dark(#c5c7c8, #c5c7c8);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.neutral {
  --mat-sys-level0: 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);
}
.neutral {
  --mat-sys-level1: 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);
}
.neutral {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.neutral {
  --mat-sys-level3: 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);
}
.neutral {
  --mat-sys-level4: 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);
}
.neutral {
  --mat-sys-level5: 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);
}
.neutral {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.neutral {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.neutral-light {
  background-color: #e1e3e4;
  color: #2e3132;
}

mat-snack-bar-container.neutral {
  --mdc-snackbar-container-color: #d3d5d6;
}
mat-snack-bar-container.neutral {
  --mdc-snackbar-supporting-text-color: #191c1d;
}
mat-snack-bar-container.neutral {
  --mat-snack-bar-button-color: #191c1d;
}

.custom-filled-button.neutral {
  background-color: #757778;
}

.neutral-variant {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#e3bebd, #745757);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#fff8f7, #422a2a);
  --mat-sys-on-primary-container: light-dark(#5b4040, #eecccb);
  --mat-sys-on-primary-fixed: light-dark(#2b1616, #2b1616);
  --mat-sys-on-primary-fixed-variant: light-dark(#5b4040, #5b4040);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#fff8f7, #422a2a);
  --mat-sys-on-tertiary-container: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary-fixed: light-dark(#2b1616, #2b1616);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#5b4040, #5b4040);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#745757, #e3bebd);
  --mat-sys-primary-container: light-dark(#eecccb, #5b4040);
  --mat-sys-primary-fixed: light-dark(#eecccb, #eecccb);
  --mat-sys-primary-fixed-dim: light-dark(#e3bebd, #e3bebd);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#745757, #e3bebd);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#745757, #e3bebd);
  --mat-sys-tertiary-container: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary-fixed: light-dark(#eecccb, #eecccb);
  --mat-sys-tertiary-fixed-dim: light-dark(#e3bebd, #e3bebd);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.neutral-variant {
  --mat-sys-level0: 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);
}
.neutral-variant {
  --mat-sys-level1: 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);
}
.neutral-variant {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.neutral-variant {
  --mat-sys-level3: 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);
}
.neutral-variant {
  --mat-sys-level4: 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);
}
.neutral-variant {
  --mat-sys-level5: 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);
}
.neutral-variant {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.neutral-variant {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

mat-snack-bar-container.neutral-variant {
  --mdc-snackbar-container-color: #eecccb;
}
mat-snack-bar-container.neutral-variant {
  --mdc-snackbar-supporting-text-color: #2b1616;
}
mat-snack-bar-container.neutral-variant {
  --mat-snack-bar-button-color: #2b1616;
}

.custom-filled-button.neutral-variant {
  background-color: #8f6f6f;
}

.warning {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#ffe082, #b38e00);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#fffaf0, #473900);
  --mat-sys-on-primary-container: light-dark(#755d00, #ffecb3);
  --mat-sys-on-primary-fixed: light-dark(#2e2500, #2e2500);
  --mat-sys-on-primary-fixed-variant: light-dark(#755d00, #755d00);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#fffaf0, #473900);
  --mat-sys-on-tertiary-container: light-dark(#755d00, #ffecb3);
  --mat-sys-on-tertiary-fixed: light-dark(#2e2500, #2e2500);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#755d00, #755d00);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#b38e00, #ffe082);
  --mat-sys-primary-container: light-dark(#ffecb3, #755d00);
  --mat-sys-primary-fixed: light-dark(#ffecb3, #ffecb3);
  --mat-sys-primary-fixed-dim: light-dark(#ffe082, #ffe082);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#b38e00, #ffe082);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#b38e00, #ffe082);
  --mat-sys-tertiary-container: light-dark(#ffecb3, #755d00);
  --mat-sys-tertiary-fixed: light-dark(#ffecb3, #ffecb3);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffe082, #ffe082);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.warning {
  --mat-sys-level0: 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);
}
.warning {
  --mat-sys-level1: 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);
}
.warning {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.warning {
  --mat-sys-level3: 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);
}
.warning {
  --mat-sys-level4: 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);
}
.warning {
  --mat-sys-level5: 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);
}
.warning {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.warning {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.warning-light {
  background-color: #fffaf0;
  color: #473900;
}

mat-snack-bar-container.warning {
  --mdc-snackbar-container-color: #ffecb3;
}
mat-snack-bar-container.warning {
  --mdc-snackbar-supporting-text-color: #2e2500;
}
mat-snack-bar-container.warning {
  --mat-snack-bar-button-color: #2e2500;
}

.custom-filled-button.warning {
  background-color: #d9ac00;
}

.badge.warning {
  background-color: #ffd54f;
}

.info {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#33d7fe, #00677c);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#f1fbff, #003642);
  --mat-sys-on-primary-container: light-dark(#004e5e, #72e1ff);
  --mat-sys-on-primary-fixed: light-dark(#001f27, #001f27);
  --mat-sys-on-primary-fixed-variant: light-dark(#004e5e, #004e5e);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#f1fbff, #003642);
  --mat-sys-on-tertiary-container: light-dark(#004e5e, #72e1ff);
  --mat-sys-on-tertiary-fixed: light-dark(#001f27, #001f27);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#004e5e, #004e5e);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#00677c, #33d7fe);
  --mat-sys-primary-container: light-dark(#72e1ff, #004e5e);
  --mat-sys-primary-fixed: light-dark(#72e1ff, #72e1ff);
  --mat-sys-primary-fixed-dim: light-dark(#33d7fe, #33d7fe);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#00677c, #33d7fe);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#00677c, #33d7fe);
  --mat-sys-tertiary-container: light-dark(#72e1ff, #004e5e);
  --mat-sys-tertiary-fixed: light-dark(#72e1ff, #72e1ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#33d7fe, #33d7fe);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.info {
  --mat-sys-level0: 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);
}
.info {
  --mat-sys-level1: 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);
}
.info {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.info {
  --mat-sys-level3: 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);
}
.info {
  --mat-sys-level4: 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);
}
.info {
  --mat-sys-level5: 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);
}
.info {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.info {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

mat-snack-bar-container.info {
  --mdc-snackbar-container-color: #72e1ff;
}
mat-snack-bar-container.info {
  --mdc-snackbar-supporting-text-color: #001f27;
}
mat-snack-bar-container.info {
  --mat-snack-bar-button-color: #001f27;
}

.custom-filled-button.info {
  background-color: #00829c;
}

.badge.info {
  background-color: #00bbde;
}

.error {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#ffb4ab, #ba1a1a);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#fff8f7, #690005);
  --mat-sys-on-primary-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary-fixed: light-dark(#410002, #410002);
  --mat-sys-on-primary-fixed-variant: light-dark(#93000a, #93000a);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#fff8f7, #690005);
  --mat-sys-on-tertiary-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-tertiary-fixed: light-dark(#410002, #410002);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#93000a, #93000a);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-primary-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-primary-fixed: light-dark(#ffc7c0, #ffc7c0);
  --mat-sys-primary-fixed-dim: light-dark(#ffb4ab, #ffb4ab);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-tertiary-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-tertiary-fixed: light-dark(#ffc7c0, #ffc7c0);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffb4ab, #ffb4ab);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.error {
  --mat-sys-level0: 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);
}
.error {
  --mat-sys-level1: 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);
}
.error {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.error {
  --mat-sys-level3: 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);
}
.error {
  --mat-sys-level4: 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);
}
.error {
  --mat-sys-level5: 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);
}
.error {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.error {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

mat-snack-bar-container.error {
  --mdc-snackbar-container-color: #ffc7c0;
}
mat-snack-bar-container.error {
  --mdc-snackbar-supporting-text-color: #410002;
}
mat-snack-bar-container.error {
  --mat-snack-bar-button-color: #410002;
}

.mat-icon.error {
  color: #ff0000;
}

.custom-icon-button.error {
  color: #ff0000;
}

.custom-icon-button.error.dark {
  color: #a80710;
}

.custom-icon-button.error:hover {
  background-color: #ffe3e0;
}

.custom-filled-button.error {
  background-color: #ff0000;
}

.text-error {
  color: #ba1a1a;
}

.toggle-group.error input[type=radio]:checked + label {
  background-color: #ba1a1a;
  color: #fff8f7;
}
.toggle-group.error label {
  color: #690005;
}

.toggle-group label.error {
  color: #690005;
}

.toggle-group input[type=radio]:checked + label.error {
  background-color: #ba1a1a;
  color: #fff8f7;
}

.badge.error {
  background-color: #ff897d;
}

.mat-mdc-menu-panel {
  --mat-sys-surface-container: snow; /* Replace #your-new-color with the desired color */
}

.custom-filled-button:disabled {
  background-color: #c5c7c8;
  pointer-events: none;
  box-shadow: none;
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

html {
  --mat-sys-on-surface: initial;
}

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

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

html {
  --mat-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));
}

/* Obligatoire pour le bon fonctionnement de l'overlay dans le select custom de smart select */
/* Optionnel : si vous voulez que le curseur soit une main sur tout l'overlay transparent */
.cdk-overlay-transparent-backdrop {
  cursor: default;
}

.grey {
  color: rgb(94, 92, 100);
}

.darker {
  color: rgb(40, 50, 60);
}

.bold {
  font-weight: 500;
}

.italic {
  font-style: italic;
}

.bglightlavander {
  background-color: theme(theme-colors) lightlavander;
}

.bglavander {
  background-color: theme(theme-colors) lavander;
}

.bglavander {
  background-color: theme(theme-colors) lavander;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  background-color: rgb(254, 253, 252);
}

.spacer {
  flex: 1 1 auto;
  height: 0px;
}

/*tr:hover { background-color: rgb(0, 0, 0, .055); }*/
table > :not(:first-child) {
  border-top: 4px solid #e9ecef;
}

th {
  font-weight: 500;
}

table a {
  text-decoration: none;
  color: black;
}

table a:hover {
  color: blue;
}

.row:hover {
  background-color: theme(theme-colors) lavander;
}

.pageheader {
  border: none;
  padding: 1px 9px;
  background-color: theme(theme-colors) lightlavander;
  min-height: 100px;
  margin: 5px 0px 3px 0px;
}

.pagetitle {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 5px;
  letter-spacing: 0.05em;
}

.lightborder {
  border-bottom: 1px solid lightgrey;
} /* Ugly, remove me */
.breadcrumb {
  margin: 10px;
  display: flex;
}

.actionheader {
  display: flex;
  background-color: theme(theme-colors) lavander;
  align-items: center;
}

.bg {
  background-image: url("/assets/linksymbol5.jpeg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.pagecontent {
  margin: 8px;
  background-color: white;
}

.maincontent {
  border: 1px solid silver;
  padding: 8px;
  margin: 2px;
}

.menutitle {
  margin-left: 14px;
  margin-right: 10px;
}

.dialog-container-wide {
  width: 95%;
}

.flexrow {
  display: flex;
  flex-direction: row;
}

.flexcolumn {
  display: flex;
  flex-direction: column;
}

/* keep the dialog container within viewport */
.no-maxheight-dialog .mat-mdc-dialog-container {
  max-height: 100vh;
}

/* allow the dialog body to scroll when its content is tall */
.no-maxheight-dialog .mat-mdc-dialog-content,
.no-maxheight-dialog [mat-dialog-content] {
  max-height: calc(100vh - 64px); /* subtract header/footer height if necessary */
  overflow: auto;
}

.weight-400 {
  font-weight: 400;
}

.weight-500 {
  font-weight: 500;
}

.alert-success, .alert-error, .alert-info, .alert-warning {
  white-space: pre-wrap;
  line-height: 1.5em;
}

.alert-success {
  --mat-snackbar-container-color: green;
}

.alert-error {
  --mat-snackbar-container-color: rgb(246, 97, 81);
}

.alert-info {
  --mat-snackbar-container-color: blue;
}

.alert-warning {
  --mat-snackbar-container-color: orange;
}

.mat-mdc-snack-bar-label {
  white-space: pre-line;
}

.image-viewer-dialog-panel .mat-mdc-dialog-container {
  padding: 0;
  overflow: hidden;
}

.smart-input {
  width: 14rem;
  height: 2.1875rem;
  padding: 0.4rem;
  border: 1px solid #d5d9d9;
  border-radius: 0.25rem;
  box-sizing: border-box;
  font-size: 1.1875rem;
  background-color: white;
  transition: border-color 0.2s ease;
}
.smart-input:focus, .smart-input.focused, .smart-input:focus-within {
  outline: none;
  border-color: #009ebd;
  box-shadow: 0 0 0 2px rgba(0, 158, 189, 0.2);
}
.smart-input:hover {
  background-color: #f0f1f2;
}

.smart-input.error {
  outline: none;
  border-color: #ff5449;
  box-shadow: 0 0 0 2px rgba(255, 84, 73, 0.2);
}

.custom-icon-button {
  background: transparent;
  border: none;
  outline: none;
  -webkit-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  caret-color: transparent;
  cursor: pointer;
  padding: 6px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
  color: inherit;
}

.custom-icon-button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.custom-icon-button svg {
  fill: currentColor;
  width: 26px;
  height: 26px;
}

.custom-icon-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.custom-filled-button {
  background: #0e6efd;
  color: #fff;
  border: none;
  outline: none;
  -webkit-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  caret-color: transparent;
  cursor: pointer;
  padding: 0 1rem;
  height: 2rem;
  min-width: 4rem;
  border-radius: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s, box-shadow 0.2s;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.01px;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.custom-filled-button:hover {
  filter: brightness(1.15);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.custom-filled-button:active {
  background-color: #87a9ff;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.custom-filled-button:disabled {
  background-color: #c5c7c8;
  color: #5c5f60;
  pointer-events: none;
  box-shadow: none;
}

.custom-filled-button svg {
  stroke-width: 2;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.25rem;
}

.custom-filled-button mat-icon {
  font-weight: 400;
  margin-right: 0.5rem;
}

.toggle-group {
  display: inline-flex;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 9999px;
  overflow: hidden;
  height: 2rem;
}
.toggle-group input[type=radio] {
  display: none;
}
.toggle-group label {
  padding: 0 12px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.toggle-group label:last-child {
  border-right: none;
}
.toggle-group label:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.toggle-group input[type=radio]:checked + label {
  background-color: rgba(0, 0, 0, 0.12);
}
.toggle-group.check label::before {
  content: "✓";
  margin-right: 4px;
  font-size: 18px;
  font-weight: 700;
  visibility: hidden;
}
.toggle-group.check input[type=radio]:checked + label::before {
  visibility: visible;
}

.badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  height: 1.5rem;
  border-radius: 100px;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/styles-custom.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:host {
  display: flex;
  flex-flow: column;
  height: 100%;
}

::ng-deep {
  --mat-button-text-label-text-size: 18px; /* TODO Does not work (menu buttons) */
}

.mdc-data-table__header-cell {
  text-align: left;
}

table th .mdc-data-table__cell, .mdc-data-table__header-cell {
  padding: 0px !important;
  color: #1e293b !important;
  background-color: #f1f5f9 !important;
}

table[mat-table] {
  --mat-table-row-item-container-height: 24px;
}

table {
  border-spacing: 0px;
}

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

button.mat-mdc-menu-item {
  min-height: 24px;
}

::ng-deep .mat-mdc-form-field-subscript-wrapper, .mat-mdc-form-field-bottom-align::before {
  line-height: inherit;
  display: none;
}

::ng-deep .mat-mdc-form-field-infix {
  min-height: inherit;
  padding: 0px;
}

::ng-deep div.mat-mdc-text-field-wrapper {
  max-height: 30px !important;
}

::ng-deep .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 6px;
  padding-bottom: 6px;
}

::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled), mdc-text-field--filled:not(.mat-form-field-readonly) {
  background-color: rgba(139, 195, 74, 0.0901960784) !important;
}

::ng-deep .mat-mdc-form-field-icon-suffix {
  align-self: flex-start !important;
}

::ng-deep .mat-form-field-readonly .mdc-text-field--filled { /* Field is read-only */
  background-color: whitesmoke;
}

.mat-mdc-row .mat-mdc-cell {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  cursor: pointer;
}

.mat-mdc-row:hover .mat-mdc-cell {
  background-color: #e9ecef;
}

.mat-mdc-option {
  min-height: 22px;
}

::ng-deep .mat-mdc-autocomplete-panel {
  max-height: initial !important;
}

::ng-deep .mat-button-toggle-checked {
  background-color: rgb(170, 255, 170) !important;
}

::ng-deep .mat-mdc-icon-button.mat-mdc-button-base {
  padding: 0px;
  --mat-icon-button-state-layer-size: 24px;
}

::ng-deep button mat-icon {
  left: 6px;
}

::ng-deep mat-toolbar button.burger mat-icon {
  left: 0px;
  top: 3px;
}

.multi-line-tooltip {
  white-space: pre-line !important;
}

/*
	.mat-mdc-autocomplete-panel{ max-height: 800px !important;}
	div.mat-mdc-autocomplete-panel { max-height: 800px !important; background-color: yellow;}
	div#mat-aautocomplete-0.mdc-menu-surface.mat-mdc-autocomplete-panel { max-height: initial; background-color: yellow;}
	.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) .mdc-menu-surface.mat-mdc-autocomplete-panel{ max-height: initial; background-color: yellow;}
*/
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/styles_color_theme.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* couleur de base avant modif 

   primary: (
    0: #000000,
    10: #001946,
    20: #002c70,
    25: #003687,
    30: #00419e,
    35: #004cb6,
    40: #0057ce,
    50: #0e6efd,
    60: #588cff,
    70: #87a9ff,
    80: #b1c5ff,
    90: #dae2ff,
    95: #eef0ff,
    98: #faf8ff,
    99: #fefbff,
    100: #ffffff,
  ),
  secondary: (
    0: #000000,
    10: #3a0031,
    20: #5f0050,
    25: #720061,
    30: #850072,
    35: #9a0084,
    40: #ab1293,
    50: #cb37ae,
    60: #eb54ca,
    70: #ff7bde,
    80: #ffade4,
    90: #ffd7ef,
    95: #ffecf5,
    98: #fff8f9,
    99: #fffbff,
    100: #ffffff,
  ),
  tertiary:(
    0: #000000,
    10: #2c1600,
    20: #492900,
    25: #593200,
    30: #683c00,
    35: #794700,
    40: #895100,
    50: #ac6700,
    60: #cc7f1d,
    70: #eb9937,
    80: #ffb86d,
    90: #ffdcbd,
    95: #ffeee0,
    98: #fff8f4,
    99: #fffbff,
    100: #ffffff,
  ),
  success: (
    0: #000000,
    10: #002110,
    20: #00391f,
    25: #004527,
    30: #00522f,
    35: #005f38,
    40: #006d41,
    50: #1a8855,
    60: #3da36d,
    70: #5bbe86,
    80: #77da9f,
    90: #93f7ba,
    95: #c1ffd4,
    98: #e9ffec,
    99: #f5fff4,
    100: #ffffff,
  ),
  neutral: (
    0: #000000,
    10: #191c1d,
    20: #2e3132,
    25: #393c3d,
    30: #454748,
    35: #505354,
    40: #5c5f60,
    50: #757778,
    60: #8f9192,
    70: #aaabac,
    80: #c5c7c8,
    90: #e1e3e4,
    95: #f0f1f2,
    98: #f8f9fa,
    99: #fbfcfd,
    100: #ffffff,
    // 4: #070f15,
    // 6: #0c141b,
    // 12: #182127,
    // 17: #222b32,
    // 22: #2d363d,
    // 24: #313a41,
    // 87: #d2dbe4,
    // 92: #e0e9f2,
    // 94: #e6eff8,
    // 96: #ecf5fe,
  ),
  neutral-variant: (
    0: #000000,
    10: #2b1616,
    20: #422a2a,
    25: #4e3534,
    30: #5b4040,
    35: #674b4b,
    40: #745757,
    50: #8f6f6f,
    60: #aa8988,
    70: #c6a3a2,
    80: #e3bebd,
    90: #ffdad9,
    95: #ffedec,
    98: #fff8f7,
    99: #fffbff,
    100: #ffffff,
  ),

  warning: (
    0: #000000,
    10: #332601,
    20: #4c3902,
    25: #7f6003,
    30: #b28704,
    35: #ffc71f,
    40: #ffc71f,
    50: #ffcd38,
    60: #ffd351,
    70: #ffd96a,
    80: #ffe083,
    90: #ffe69b,
    95: #ffecb4,
    98: #fff2cd,
    99: #fff8e6,
    100: #ffffff,
  ),
  info: (
    0: #000000,
    10: #001f27,
    20: #003642,
    25: #004250,
    30: #004e5e,
    35: #005a6d,
    40: #00677c,
    50: #00829c,
    60: #009ebd,
    70: #00bbde,
    80: #33d7fe,
    90: #b1ecff,
    95: #daf5ff,
    98: #f1fbff,
    99: #f9fdff,
    100: #ffffff,
  ),

  error: (
    0: #000000,
    10: #410002,
    20: #690005,
    25: #7e0007,
    30: #93000a,
    35: #a80710,
    40: #ba1a1a,
    50: #de3730,
    60: #ff5449,
    70: #ff897d,
    80: #ffb4ab,
    90: #ffdad6,
    95: #ffedea,
    98: #fff8f7,
    99: #fffbff,
    100: #ffffff,
  ),
);

*/
:root {
  --mdc-checkbox-state-layer-size: 28px;
  --mdc-chip-container-height: 24px;
  --mdc-text-button-container-height: 28px;
  --mdc-protected-button-container-height: 28px;
  --mdc-filled-button-container-height: 28px;
  --mdc-outlined-button-container-height: 28px;
  --mdc-icon-button-state-layer-size: 24px;
  --mdc-list-list-item-one-line-container-height: 24px;
  --mdc-list-list-item-two-line-container-height: 48px;
  --mdc-list-list-item-three-line-container-height: 56px;
  --mdc-radio-state-layer-size: 28px;
  --mdc-secondary-navigation-tab-container-height: 32px;
  --mat-checkbox-touch-target-display: none;
  --mat-expansion-header-collapsed-state-height: 36px;
  --mat-expansion-header-expanded-state-height: 48px;
  --mat-fab-touch-target-display: none;
  --mat-form-field-container-height: 36px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 6px;
  --mat-form-field-filled-with-label-container-padding-top: 6px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
  --mat-icon-button-touch-target-display: none;
  --mat-list-list-item-leading-icon-start-space: 4px;
  --mat-list-list-item-leading-icon-end-space: 4px;
  --mat-text-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-paginator-container-size: 40px;
  --mat-paginator-form-field-container-height: 36px;
  --mat-paginator-form-field-container-vertical-padding: 6px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-select-arrow-transform: none;
  --mat-standard-button-toggle-height: 24px;
  --mat-stepper-header-height: 42px;
  --mat-table-header-container-height: 40px;
  --mat-table-footer-container-height: 36px;
  --mat-table-row-item-container-height: 36px;
  --mat-toolbar-standard-height: 52px;
  --mat-toolbar-mobile-height: 44px;
  --mat-tree-node-min-height: 28px;
}
:root {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#b1c5ff, #0057ce);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#faf8ff, #002c70);
  --mat-sys-on-primary-container: light-dark(#00419e, #c6d3ff);
  --mat-sys-on-primary-fixed: light-dark(#001946, #001946);
  --mat-sys-on-primary-fixed-variant: light-dark(#00419e, #00419e);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#faf8ff, #002c70);
  --mat-sys-on-tertiary-container: light-dark(#00419e, #c6d3ff);
  --mat-sys-on-tertiary-fixed: light-dark(#001946, #001946);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#00419e, #00419e);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#0057ce, #b1c5ff);
  --mat-sys-primary-container: light-dark(#c6d3ff, #00419e);
  --mat-sys-primary-fixed: light-dark(#c6d3ff, #c6d3ff);
  --mat-sys-primary-fixed-dim: light-dark(#b1c5ff, #b1c5ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#0057ce, #b1c5ff);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#0057ce, #b1c5ff);
  --mat-sys-tertiary-container: light-dark(#c6d3ff, #00419e);
  --mat-sys-tertiary-fixed: light-dark(#c6d3ff, #c6d3ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#b1c5ff, #b1c5ff);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
:root {
  --mat-sys-level0: 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);
}
:root {
  --mat-sys-level1: 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);
}
:root {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
:root {
  --mat-sys-level3: 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);
}
:root {
  --mat-sys-level4: 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);
}
:root {
  --mat-sys-level5: 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);
}
:root {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
:root {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
:root {
  --mat-sys-surface-container-high: #f0f1f2;
}
:root {
  --mat-select-panel-background-color: #f0f1f2;
}
:root {
  --mat-dialog-container-max-width: 99%;
}
:root {
  --mdc-dialog-container-color: #e8eaeb;
}
:root {
  --mdc-dialog-container-color: #e8eaeb;
}
:root {
  --mdc-dialog-container-color: #e8eaeb;
}
:root {
  --mat-autocomplete-background-color: #e8eaeb;
}
:root {
  --mat-option-focus-state-layer-color: #93f7ba ;
  --mat-option-hover-state-layer-color: #aafbc7;
}
:root .parity_table_line:nth-child(odd) {
  background-color: #e4e9ff;
}
:root .noBackground {
  background-color: transparent;
}
:root {
  --mdc-dialog-container-color: #F8FAFC;
}

mat-form-field {
  --mdc-filled-text-field-container-color: white;
}

.primary {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#b1c5ff, #0057ce);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#faf8ff, #002c70);
  --mat-sys-on-primary-container: light-dark(#00419e, #c6d3ff);
  --mat-sys-on-primary-fixed: light-dark(#001946, #001946);
  --mat-sys-on-primary-fixed-variant: light-dark(#00419e, #00419e);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#faf8ff, #002c70);
  --mat-sys-on-tertiary-container: light-dark(#00419e, #c6d3ff);
  --mat-sys-on-tertiary-fixed: light-dark(#001946, #001946);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#00419e, #00419e);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#0057ce, #b1c5ff);
  --mat-sys-primary-container: light-dark(#c6d3ff, #00419e);
  --mat-sys-primary-fixed: light-dark(#c6d3ff, #c6d3ff);
  --mat-sys-primary-fixed-dim: light-dark(#b1c5ff, #b1c5ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#0057ce, #b1c5ff);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#0057ce, #b1c5ff);
  --mat-sys-tertiary-container: light-dark(#c6d3ff, #00419e);
  --mat-sys-tertiary-fixed: light-dark(#c6d3ff, #c6d3ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#b1c5ff, #b1c5ff);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.primary {
  --mat-sys-level0: 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);
}
.primary {
  --mat-sys-level1: 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);
}
.primary {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.primary {
  --mat-sys-level3: 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);
}
.primary {
  --mat-sys-level4: 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);
}
.primary {
  --mat-sys-level5: 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);
}
.primary {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.primary {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.primary-light {
  background-color: #faf8ff;
  color: #002c70;
}

mat-snack-bar-container.primary {
  --mdc-snackbar-container-color: #c6d3ff;
}
mat-snack-bar-container.primary {
  --mdc-snackbar-supporting-text-color: #001946;
}
mat-snack-bar-container.primary {
  --mat-snack-bar-button-color: #001946;
}

.mat-toolbar.primary {
  --mat-toolbar-container-background-color: #dae2ff;
}
.mat-toolbar.primary {
  --mat-toolbar-container-text-color: #002c70;
}

.primary button[mat-icon-button] {
  --mdc-icon-button-icon-color: #002c70;
}
.primary button[mat-icon-button] {
  --mdc-icon-button-state-layer-size: 36px;
}

:root .primary {
  --mat-menu-container-color: #dae2ff;
}
:root .primary {
  --mat-menu-item-label-text-color: #002c70;
}

mat-button-toggle.primary {
  --mat-standard-button-toggle-background-color: #faf8ff;
}
mat-button-toggle.primary {
  --mat-standard-button-toggle-selected-state-background-color: #dae2ff;
}
mat-button-toggle.primary {
  --mat-standard-button-toggle-selected-state-text-color: #002c70;
}

mat-checkbox.primary {
  background-color: #faf8ff;
}
mat-checkbox.primary {
  --mdc-checkbox-selected-focus-icon-color: #004cb6;
}
mat-checkbox.primary {
  --mdc-checkbox-selected-icon-color: #004cb6;
}
mat-checkbox.primary {
  --mdc-checkbox-unselected-focus-icon-color: #004cb6;
}
mat-checkbox.primary {
  --mdc-checkbox-selected-pressed-state-layer-color: #dae2ff;
}
mat-checkbox.primary {
  --mdc-checkbox-unselected-focus-state-layer-color: #dae2ff;
}
mat-checkbox.primary {
  --mdc-checkbox-selected-focus-state-layer-color: #dae2ff;
}

.custom-icon-button.primary {
  color: #0057ce;
}

.custom-icon-button.primary:hover {
  background-color: #e4e9ff;
}

.badge.primary {
  background-color: #87a9ff;
}

.secondary {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#ffade4, #ab1293);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-primary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-primary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-primary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-tertiary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-tertiary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#ab1293, #ffade4);
  --mat-sys-primary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-primary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-primary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#ab1293, #ffade4);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#ab1293, #ffade4);
  --mat-sys-tertiary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-tertiary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.secondary {
  --mat-sys-level0: 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);
}
.secondary {
  --mat-sys-level1: 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);
}
.secondary {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.secondary {
  --mat-sys-level3: 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);
}
.secondary {
  --mat-sys-level4: 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);
}
.secondary {
  --mat-sys-level5: 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);
}
.secondary {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.secondary {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.secondary-light {
  background-color: #ffecf5;
  color: #5f0050;
}

:root .secondary {
  --mat-option-selected-state-layer-color: #ffd7ef;
}

mat-snack-bar-container.secondary {
  --mdc-snackbar-container-color: #ffc2e9;
}
mat-snack-bar-container.secondary {
  --mdc-snackbar-supporting-text-color: #3a0031;
}
mat-snack-bar-container.secondary {
  --mat-snack-bar-button-color: #3a0031;
}

.mat-toolbar.secondary {
  --mat-toolbar-container-background-color: #ffd7ef;
}
.mat-toolbar.secondary {
  --mat-toolbar-container-text-color: #5f0050;
}

.secondary button[mat-icon-button] {
  --mdc-icon-button-icon-color: #5f0050;
}
.secondary button[mat-icon-button] {
  --mdc-icon-button-state-layer-size: 36px;
}

:root .secondary {
  --mat-menu-container-color: #ffd7ef;
}
:root .secondary {
  --mat-menu-item-label-text-color: #5f0050;
}

mat-button-toggle.secondary {
  --mat-standard-button-toggle-background-color: #faf8ff;
}
mat-button-toggle.secondary {
  --mat-standard-button-toggle-selected-state-background-color: #ffd7ef;
}
mat-button-toggle.secondary {
  --mat-standard-button-toggle-selected-state-text-color: #5f0050;
}

mat-checkbox.secondary {
  --mdc-checkbox-selected-focus-icon-color: #9a0084;
}
mat-checkbox.secondary {
  --mdc-checkbox-selected-icon-color: #9a0084;
}
mat-checkbox.secondary {
  --mdc-checkbox-unselected-focus-icon-color: #9a0084;
}
mat-checkbox.secondary {
  --mdc-checkbox-selected-pressed-state-layer-color: #ffd7ef;
}
mat-checkbox.secondary {
  --mdc-checkbox-unselected-focus-state-layer-color: #ffd7ef;
}
mat-checkbox.secondary {
  --mdc-checkbox-selected-focus-state-layer-color: #ffd7ef;
}

.custom-filled-button.secondary {
  background-color: #cb37ae;
}

.badge.secondary {
  background-color: #ff7bde;
}

.tertiary {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#ffb86d, #895100);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#fff5f0, #492900);
  --mat-sys-on-primary-container: light-dark(#683c00, #ffc795);
  --mat-sys-on-primary-fixed: light-dark(#2c1600, #2c1600);
  --mat-sys-on-primary-fixed-variant: light-dark(#683c00, #683c00);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#fff5f0, #492900);
  --mat-sys-on-tertiary-container: light-dark(#683c00, #ffc795);
  --mat-sys-on-tertiary-fixed: light-dark(#2c1600, #2c1600);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#683c00, #683c00);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#895100, #ffb86d);
  --mat-sys-primary-container: light-dark(#ffc795, #683c00);
  --mat-sys-primary-fixed: light-dark(#ffc795, #ffc795);
  --mat-sys-primary-fixed-dim: light-dark(#ffb86d, #ffb86d);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#895100, #ffb86d);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#895100, #ffb86d);
  --mat-sys-tertiary-container: light-dark(#ffc795, #683c00);
  --mat-sys-tertiary-fixed: light-dark(#ffc795, #ffc795);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffb86d, #ffb86d);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.tertiary {
  --mat-sys-level0: 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);
}
.tertiary {
  --mat-sys-level1: 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);
}
.tertiary {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.tertiary {
  --mat-sys-level3: 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);
}
.tertiary {
  --mat-sys-level4: 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);
}
.tertiary {
  --mat-sys-level5: 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);
}
.tertiary {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.tertiary {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.tertiary-light {
  background-color: #fff5f0;
  color: #492900;
}

mat-snack-bar-container.tertiary {
  --mdc-snackbar-container-color: #ffc795;
}
mat-snack-bar-container.tertiary {
  --mdc-snackbar-supporting-text-color: #2c1600;
}
mat-snack-bar-container.tertiary {
  --mat-snack-bar-button-color: #2c1600;
}

:root .tertiary {
  --mat-option-selected-state-layer-color: #ffdcbd;
}

.mat-toolbar.tertiary {
  --mat-toolbar-container-background-color: #ffdcbd;
}
.mat-toolbar.tertiary {
  --mat-toolbar-container-text-color: #492900;
}

.tertiary button[mat-icon-button] {
  --mdc-icon-button-icon-color: #492900;
}
.tertiary button[mat-icon-button] {
  --mdc-icon-button-state-layer-size: 36px;
}

:root .tertiary {
  --mat-menu-container-color: #ffdcbd;
}
:root .tertiary {
  --mat-menu-item-label-text-color: #492900;
}

mat-button-toggle.tertiary {
  --mat-standard-button-toggle-background-color: #faf8ff;
}
mat-button-toggle.tertiary {
  --mat-standard-button-toggle-selected-state-background-color: #ffdcbd;
}
mat-button-toggle.tertiary {
  --mat-standard-button-toggle-selected-state-text-color: #492900;
}

mat-checkbox.tertiary {
  background-color: #fff5f0;
}
mat-checkbox.tertiary {
  --mdc-checkbox-selected-focus-icon-color: #794700;
}
mat-checkbox.tertiary {
  --mdc-checkbox-selected-icon-color: #794700;
}
mat-checkbox.tertiary {
  --mdc-checkbox-unselected-focus-icon-color: #794700;
}
mat-checkbox.tertiary {
  --mdc-checkbox-selected-pressed-state-layer-color: #ffdcbd;
}
mat-checkbox.tertiary {
  --mdc-checkbox-unselected-focus-state-layer-color: #ffdcbd;
}
mat-checkbox.tertiary {
  --mdc-checkbox-selected-focus-state-layer-color: #ffdcbd;
}

.custom-filled-button.tertiary {
  background-color: #ac6700;
}

.badge.tertiary {
  background-color: #eb9937;
}

.success {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#77da9f, #006d41);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#e9ffec, #00391f);
  --mat-sys-on-primary-container: light-dark(#00522f, #85e8ac);
  --mat-sys-on-primary-fixed: light-dark(#002110, #002110);
  --mat-sys-on-primary-fixed-variant: light-dark(#00522f, #00522f);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#e9ffec, #00391f);
  --mat-sys-on-tertiary-container: light-dark(#00522f, #85e8ac);
  --mat-sys-on-tertiary-fixed: light-dark(#002110, #002110);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#00522f, #00522f);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#006d41, #77da9f);
  --mat-sys-primary-container: light-dark(#85e8ac, #00522f);
  --mat-sys-primary-fixed: light-dark(#85e8ac, #85e8ac);
  --mat-sys-primary-fixed-dim: light-dark(#77da9f, #77da9f);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#006d41, #77da9f);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#006d41, #77da9f);
  --mat-sys-tertiary-container: light-dark(#85e8ac, #00522f);
  --mat-sys-tertiary-fixed: light-dark(#85e8ac, #85e8ac);
  --mat-sys-tertiary-fixed-dim: light-dark(#77da9f, #77da9f);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.success {
  --mat-sys-level0: 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);
}
.success {
  --mat-sys-level1: 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);
}
.success {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.success {
  --mat-sys-level3: 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);
}
.success {
  --mat-sys-level4: 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);
}
.success {
  --mat-sys-level5: 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);
}
.success {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.success {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.success-light {
  background-color: #e9ffec;
  color: #00391f;
}

.btn-success {
  --mat-button-filled-container-color: #006d41 ;
  --mat-button-filled-label-text-color: #e9ffec ;
}

.mat-icon.success {
  color: #006d41;
}

mat-snack-bar-container.success {
  --mdc-snackbar-container-color: #85e8ac;
}
mat-snack-bar-container.success {
  --mdc-snackbar-supporting-text-color: #002110;
}
mat-snack-bar-container.success {
  --mat-snack-bar-button-color: #002110;
}

mat-button-toggle.success {
  --mat-standard-button-toggle-background-color: #e9ffec;
}
mat-button-toggle.success {
  --mat-standard-button-toggle-selected-state-background-color: #93f7ba;
}
mat-button-toggle.success {
  --mat-standard-button-toggle-selected-state-text-color: #00391f;
}

.custom-icon-button.success {
  color: #1a8855;
}

.custom-icon-button.success:hover {
  background-color: #e9ffec;
}

.custom-filled-button.success {
  background-color: #1a8855;
}

.text-success {
  color: #006d41;
}

.toggle-group.success input[type=radio]:checked + label {
  background-color: #006d41;
  color: #e9ffec;
}
.toggle-group.success label {
  color: #00391f;
}

.toggle-group label.success {
  color: #00391f;
}

.toggle-group input[type=radio]:checked + label.success {
  background-color: #006d41;
  color: #e9ffec;
}

.badge.success {
  background-color: #5bbe86;
}

.neutral {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#c5c7c8, #5c5f60);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#f8f9fa, #2e3132);
  --mat-sys-on-primary-container: light-dark(#454748, #d3d5d6);
  --mat-sys-on-primary-fixed: light-dark(#191c1d, #191c1d);
  --mat-sys-on-primary-fixed-variant: light-dark(#454748, #454748);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#f8f9fa, #2e3132);
  --mat-sys-on-tertiary-container: light-dark(#454748, #d3d5d6);
  --mat-sys-on-tertiary-fixed: light-dark(#191c1d, #191c1d);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#454748, #454748);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#5c5f60, #c5c7c8);
  --mat-sys-primary-container: light-dark(#d3d5d6, #454748);
  --mat-sys-primary-fixed: light-dark(#d3d5d6, #d3d5d6);
  --mat-sys-primary-fixed-dim: light-dark(#c5c7c8, #c5c7c8);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#5c5f60, #c5c7c8);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#5c5f60, #c5c7c8);
  --mat-sys-tertiary-container: light-dark(#d3d5d6, #454748);
  --mat-sys-tertiary-fixed: light-dark(#d3d5d6, #d3d5d6);
  --mat-sys-tertiary-fixed-dim: light-dark(#c5c7c8, #c5c7c8);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.neutral {
  --mat-sys-level0: 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);
}
.neutral {
  --mat-sys-level1: 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);
}
.neutral {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.neutral {
  --mat-sys-level3: 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);
}
.neutral {
  --mat-sys-level4: 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);
}
.neutral {
  --mat-sys-level5: 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);
}
.neutral {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.neutral {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.neutral-light {
  background-color: #e1e3e4;
  color: #2e3132;
}

mat-snack-bar-container.neutral {
  --mdc-snackbar-container-color: #d3d5d6;
}
mat-snack-bar-container.neutral {
  --mdc-snackbar-supporting-text-color: #191c1d;
}
mat-snack-bar-container.neutral {
  --mat-snack-bar-button-color: #191c1d;
}

.custom-filled-button.neutral {
  background-color: #757778;
}

.neutral-variant {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#e3bebd, #745757);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#fff8f7, #422a2a);
  --mat-sys-on-primary-container: light-dark(#5b4040, #eecccb);
  --mat-sys-on-primary-fixed: light-dark(#2b1616, #2b1616);
  --mat-sys-on-primary-fixed-variant: light-dark(#5b4040, #5b4040);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#fff8f7, #422a2a);
  --mat-sys-on-tertiary-container: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary-fixed: light-dark(#2b1616, #2b1616);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#5b4040, #5b4040);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#745757, #e3bebd);
  --mat-sys-primary-container: light-dark(#eecccb, #5b4040);
  --mat-sys-primary-fixed: light-dark(#eecccb, #eecccb);
  --mat-sys-primary-fixed-dim: light-dark(#e3bebd, #e3bebd);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#745757, #e3bebd);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#745757, #e3bebd);
  --mat-sys-tertiary-container: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary-fixed: light-dark(#eecccb, #eecccb);
  --mat-sys-tertiary-fixed-dim: light-dark(#e3bebd, #e3bebd);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.neutral-variant {
  --mat-sys-level0: 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);
}
.neutral-variant {
  --mat-sys-level1: 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);
}
.neutral-variant {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.neutral-variant {
  --mat-sys-level3: 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);
}
.neutral-variant {
  --mat-sys-level4: 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);
}
.neutral-variant {
  --mat-sys-level5: 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);
}
.neutral-variant {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.neutral-variant {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

mat-snack-bar-container.neutral-variant {
  --mdc-snackbar-container-color: #eecccb;
}
mat-snack-bar-container.neutral-variant {
  --mdc-snackbar-supporting-text-color: #2b1616;
}
mat-snack-bar-container.neutral-variant {
  --mat-snack-bar-button-color: #2b1616;
}

.custom-filled-button.neutral-variant {
  background-color: #8f6f6f;
}

.warning {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#ffe082, #b38e00);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#fffaf0, #473900);
  --mat-sys-on-primary-container: light-dark(#755d00, #ffecb3);
  --mat-sys-on-primary-fixed: light-dark(#2e2500, #2e2500);
  --mat-sys-on-primary-fixed-variant: light-dark(#755d00, #755d00);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#fffaf0, #473900);
  --mat-sys-on-tertiary-container: light-dark(#755d00, #ffecb3);
  --mat-sys-on-tertiary-fixed: light-dark(#2e2500, #2e2500);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#755d00, #755d00);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#b38e00, #ffe082);
  --mat-sys-primary-container: light-dark(#ffecb3, #755d00);
  --mat-sys-primary-fixed: light-dark(#ffecb3, #ffecb3);
  --mat-sys-primary-fixed-dim: light-dark(#ffe082, #ffe082);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#b38e00, #ffe082);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#b38e00, #ffe082);
  --mat-sys-tertiary-container: light-dark(#ffecb3, #755d00);
  --mat-sys-tertiary-fixed: light-dark(#ffecb3, #ffecb3);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffe082, #ffe082);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.warning {
  --mat-sys-level0: 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);
}
.warning {
  --mat-sys-level1: 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);
}
.warning {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.warning {
  --mat-sys-level3: 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);
}
.warning {
  --mat-sys-level4: 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);
}
.warning {
  --mat-sys-level5: 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);
}
.warning {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.warning {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

.warning-light {
  background-color: #fffaf0;
  color: #473900;
}

mat-snack-bar-container.warning {
  --mdc-snackbar-container-color: #ffecb3;
}
mat-snack-bar-container.warning {
  --mdc-snackbar-supporting-text-color: #2e2500;
}
mat-snack-bar-container.warning {
  --mat-snack-bar-button-color: #2e2500;
}

.custom-filled-button.warning {
  background-color: #d9ac00;
}

.badge.warning {
  background-color: #ffd54f;
}

.info {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#33d7fe, #00677c);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#f1fbff, #003642);
  --mat-sys-on-primary-container: light-dark(#004e5e, #72e1ff);
  --mat-sys-on-primary-fixed: light-dark(#001f27, #001f27);
  --mat-sys-on-primary-fixed-variant: light-dark(#004e5e, #004e5e);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#f1fbff, #003642);
  --mat-sys-on-tertiary-container: light-dark(#004e5e, #72e1ff);
  --mat-sys-on-tertiary-fixed: light-dark(#001f27, #001f27);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#004e5e, #004e5e);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#00677c, #33d7fe);
  --mat-sys-primary-container: light-dark(#72e1ff, #004e5e);
  --mat-sys-primary-fixed: light-dark(#72e1ff, #72e1ff);
  --mat-sys-primary-fixed-dim: light-dark(#33d7fe, #33d7fe);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#00677c, #33d7fe);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#00677c, #33d7fe);
  --mat-sys-tertiary-container: light-dark(#72e1ff, #004e5e);
  --mat-sys-tertiary-fixed: light-dark(#72e1ff, #72e1ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#33d7fe, #33d7fe);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.info {
  --mat-sys-level0: 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);
}
.info {
  --mat-sys-level1: 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);
}
.info {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.info {
  --mat-sys-level3: 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);
}
.info {
  --mat-sys-level4: 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);
}
.info {
  --mat-sys-level5: 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);
}
.info {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.info {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

mat-snack-bar-container.info {
  --mdc-snackbar-container-color: #72e1ff;
}
mat-snack-bar-container.info {
  --mdc-snackbar-supporting-text-color: #001f27;
}
mat-snack-bar-container.info {
  --mat-snack-bar-button-color: #001f27;
}

.custom-filled-button.info {
  background-color: #00829c;
}

.badge.info {
  background-color: #00bbde;
}

.error {
  --mat-sys-background: light-dark(#e8eaeb, );
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#e1e3e4, #2e3132);
  --mat-sys-inverse-primary: light-dark(#ffb4ab, #ba1a1a);
  --mat-sys-inverse-surface: light-dark(#2e3132, #d3d5d6);
  --mat-sys-on-background: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-error: light-dark(#fff8f7, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary: light-dark(#fff8f7, #690005);
  --mat-sys-on-primary-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-primary-fixed: light-dark(#410002, #410002);
  --mat-sys-on-primary-fixed-variant: light-dark(#93000a, #93000a);
  --mat-sys-on-secondary: light-dark(#fff8f9, #5f0050);
  --mat-sys-on-secondary-container: light-dark(#850072, #ffc2e9);
  --mat-sys-on-secondary-fixed: light-dark(#3a0031, #3a0031);
  --mat-sys-on-secondary-fixed-variant: light-dark(#850072, #850072);
  --mat-sys-on-surface: light-dark(#191c1d, #d3d5d6);
  --mat-sys-on-surface-variant: light-dark(#5b4040, #eecccb);
  --mat-sys-on-tertiary: light-dark(#fff8f7, #690005);
  --mat-sys-on-tertiary-container: light-dark(#93000a, #ffc7c0);
  --mat-sys-on-tertiary-fixed: light-dark(#410002, #410002);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#93000a, #93000a);
  --mat-sys-outline: light-dark(#8f6f6f, #aa8988);
  --mat-sys-outline-variant: light-dark(#e3bebd, #5b4040);
  --mat-sys-primary: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-primary-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-primary-fixed: light-dark(#ffc7c0, #ffc7c0);
  --mat-sys-primary-fixed-dim: light-dark(#ffb4ab, #ffb4ab);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#ab1293, #ffade4);
  --mat-sys-secondary-container: light-dark(#ffc2e9, #850072);
  --mat-sys-secondary-fixed: light-dark(#ffc2e9, #ffc2e9);
  --mat-sys-secondary-fixed-dim: light-dark(#ffade4, #ffade4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#e8eaeb, );
  --mat-sys-surface-bright: light-dark(#e8eaeb, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#d3d5d6, );
  --mat-sys-surface-container-low: light-dark(, #191c1d);
  --mat-sys-surface-container-lowest: light-dark(#f8f9fa, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-surface-variant: light-dark(#eecccb, #5b4040);
  --mat-sys-tertiary: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-tertiary-container: light-dark(#ffc7c0, #93000a);
  --mat-sys-tertiary-fixed: light-dark(#ffc7c0, #ffc7c0);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffb4ab, #ffb4ab);
  --mat-sys-neutral-variant20: #422a2a;
  --mat-sys-neutral10: #191c1d;
}
.error {
  --mat-sys-level0: 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);
}
.error {
  --mat-sys-level1: 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);
}
.error {
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.error {
  --mat-sys-level3: 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);
}
.error {
  --mat-sys-level4: 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);
}
.error {
  --mat-sys-level5: 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);
}
.error {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
.error {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

mat-snack-bar-container.error {
  --mdc-snackbar-container-color: #ffc7c0;
}
mat-snack-bar-container.error {
  --mdc-snackbar-supporting-text-color: #410002;
}
mat-snack-bar-container.error {
  --mat-snack-bar-button-color: #410002;
}

.mat-icon.error {
  color: #ff0000;
}

.custom-icon-button.error {
  color: #ff0000;
}

.custom-icon-button.error.dark {
  color: #a80710;
}

.custom-icon-button.error:hover {
  background-color: #ffe3e0;
}

.custom-filled-button.error {
  background-color: #ff0000;
}

.text-error {
  color: #ba1a1a;
}

.toggle-group.error input[type=radio]:checked + label {
  background-color: #ba1a1a;
  color: #fff8f7;
}
.toggle-group.error label {
  color: #690005;
}

.toggle-group label.error {
  color: #690005;
}

.toggle-group input[type=radio]:checked + label.error {
  background-color: #ba1a1a;
  color: #fff8f7;
}

.badge.error {
  background-color: #ff897d;
}

.mat-mdc-menu-panel {
  --mat-sys-surface-container: snow; /* Replace #your-new-color with the desired color */
}

.custom-filled-button:disabled {
  background-color: #c5c7c8;
  pointer-events: none;
  box-shadow: none;
}

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