/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./apps/test-remote-mfe/src/styles.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/**
 * Typography Variables
 */
/**
 * Material Design 3 Typography Scale - Your Specific Sizes
 */
/**
 * Font Weight Variables (Angular Material 3 aligned)
 */
/**
 * Letter Spacing Variables (Angular Material 3 aligned - from Figma primitives)
 */
/**
 * Global Measures Variables (Angular Material 3 aligned - from Figma primitives)
 */
/**
 * Z-Index Variables
 */
/* You can add global styles to this file, and also import other style files */
/* You can add global styles to this file, and also import other style files */
/* You can add global styles to this file, and also import other style files */
/**
 * Vizient Design System - Body Text Mixins
 *
 * This file contains mixins for generating consistent body text styles
 * using the global typography variables.
 */
/**
 * Generate body text styles with typography variables
 *
 * @param {string} $font-size - Font size variable
 * @param {string} $line-height - Line height variable
 * @param {string} $font-weight - Font weight variable (default: regular)
 * @param {string} $letter-spacing - Letter spacing variable (default: 0.1em)
 * @param {string} $margin - Margin value (default: $viz-sys-measure-0)
 *
 * @example
 * ```scss
 * .my-body-text {
 *   @include viz-body(
 *     viz-global-vars.$viz-sys-typography-body-medium,
 *     viz-global-vars.$viz-sys-typescale-body-line-height
 *   );
 * }
 *
 * .my-body-text-with-margin {
 *   @include viz-body(
 *     viz-global-vars.$viz-sys-typography-body-medium,
 *     viz-global-vars.$viz-sys-typescale-body-line-height,
 *     viz-global-vars.$viz-sys-typography-font-weight-medium,
 *     viz-global-vars.$viz-sys-typography-letter-spacing-01,
 *     viz-global-vars.$viz-sys-measure-4
 *   );
 * }
 * ```
 */
/* You can add global styles to this file, and also import other style files */
/**
 * Vizient Design System - Heading Mixins
 *
 * This file contains mixins for generating consistent heading styles
 * using global typography variables and theme-driven CSS custom properties.
 */
/**
 * Generate heading styles with typography variables
 *
 * Emits typography declarations (`font-family`, `font-size`, `font-weight`,
 * `line-height`, `letter-spacing`, `margin`) **and** a default heading text
 * color via the `--viz-text-heading` semantic token. The color automatically
 * adapts to the active theme class on `<body>`:
 *
 * - `viz-light-theme` → `$viz-neutral-800`
 * - `viz-light-theme` → `$viz-neutral-1000`
 *
 * **Overriding the color**: declare `color` after the `@include`, or use a
 * higher-specificity selector. Because the mixin sets `color` last, a later
 * declaration in the same rule wins:
 *
 * ```scss
 * h2.viz-callout {
 *   @include viz-heading(...);
 *   color: viz-color-tokens.$viz-primary-500; // overrides the default
 * }
 * ```
 *
 * @param {string} $font-family - Font family (default: `viz-color-tokens.$viz-typography-headline-font-family`,
 *   a theme-driven CSS custom property that resolves per the active theme class on `<body>`)
 * @param {string} $font-size - Font size variable
 * @param {string} $line-height - Line height variable
 * @param {string} $font-weight - Font weight variable (default: regular)
 * @param {string} $letter-spacing - Letter spacing variable (default: 0)
 * @param {string} $margin - Margin value (default: $viz-sys-measure-0)
 *
 * @example
 * ```scss
 * h1 {
 *   @include viz-heading(
 *     viz-global-vars.$viz-sys-typography-headline-large,
 *     viz-global-vars.$viz-sys-typescale-headline-large-line-height
 *   );
 * }
 *
 * h1.with-margin {
 *   @include viz-heading(
 *     viz-global-vars.$viz-sys-typography-headline-large,
 *     viz-global-vars.$viz-sys-typescale-headline-large-line-height,
 *     viz-global-vars.$viz-sys-typography-font-weight-medium,
 *     viz-global-vars.$viz-sys-typography-letter-spacing-01,
 *     viz-global-vars.$viz-sys-measure-16
 *   );
 * }
 * ```
 */
/* You can add global styles to this file, and also import other style files */
/**
 * Vizient Design System - Label Mixins
 *
 * This file contains mixins for generating consistent label styles
 * using the global typography variables.
 */
/**
 * Generate label styles with typography variables
 *
 * @param {string} $font-size - Font size variable
 * @param {string} $line-height - Line height variable
 * @param {string} $font-weight - Font weight variable (default: medium)
 * @param {string} $letter-spacing - Letter spacing variable (default: 0.1em)
 * @param {string} $margin - Margin value (default: $viz-sys-measure-0)
 *
 * @example
 * ```scss
 * .my-label {
 *   @include viz-label(
 *     viz-global-vars.$viz-sys-typography-body-medium,
 *     viz-global-vars.$viz-sys-typescale-body-line-height
 *   );
 * }
 *
 * .my-label-with-margin {
 *   @include viz-label(
 *     viz-global-vars.$viz-sys-typography-body-medium,
 *     viz-global-vars.$viz-sys-typescale-body-line-height,
 *     viz-global-vars.$viz-sys-typography-font-weight-medium,
 *     viz-global-vars.$viz-sys-typography-letter-spacing-01,
 *     viz-global-vars.$viz-sys-measure-4
 *   );
 * }
 * ```
 */
/* You can add global styles to this file, and also import other style files */
h1,
.viz-heading-1 {
  font-family: var(--viz-headline-font-family);
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: 0;
  margin: 0;
  color: var(--viz-text-heading);
}

h2,
.viz-heading-2 {
  font-family: var(--viz-headline-font-family);
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.25rem;
  letter-spacing: 0;
  margin: 0;
  color: var(--viz-text-heading);
}

h3,
.viz-heading-3 {
  font-family: var(--viz-headline-font-family);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: 0;
  margin: 0;
  color: var(--viz-text-heading);
}

h4,
.viz-heading-4 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: 0;
  margin: 0;
  color: var(--viz-text-heading);
}

h5,
.viz-heading-5 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0;
  margin: 0;
  color: var(--viz-text-heading);
}

h6,
.viz-heading-6 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0;
  margin: 0;
  color: var(--viz-text-heading);
}

.viz-label-large {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.00625rem;
  margin: 0;
}

.viz-label-medium {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.03125rem;
  margin: 0;
}

.viz-label-small {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.03125rem;
  margin: 0;
}

.viz-body-large {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.03125rem;
  margin: 0;
}

.viz-body-large-2 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.03125rem;
  margin: 0;
}

.viz-body-large-3 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: 0.03125rem;
  margin: 0;
}

.viz-body-medium {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.015625rem;
  margin: 0;
}

.viz-body-small {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.025rem;
  margin: 0;
}

.viz-text-primary-100 {
  color: var(--viz-primary-100, #C2EDCA);
}

.viz-text-primary-200 {
  color: var(--viz-primary-200, #A7D1AF);
}

.viz-text-primary-300 {
  color: var(--viz-primary-300, #729A7B);
}

.viz-text-primary-400 {
  color: var(--viz-primary-400, #41674B);
}

.viz-text-primary-500 {
  color: var(--viz-primary-500, #294E35);
}

.viz-text-primary-600 {
  color: var(--viz-primary-600, #123720);
}

.viz-text-secondary-100 {
  color: var(--viz-secondary-100, #FFD9E3);
}

.viz-text-secondary-200 {
  color: var(--viz-secondary-200, #FFB0C9);
}

.viz-text-secondary-300 {
  color: var(--viz-secondary-300, #C97994);
}

.viz-text-secondary-400 {
  color: var(--viz-secondary-400, #8E4861);
}

.viz-text-secondary-500 {
  color: var(--viz-secondary-500, #723149);
}

.viz-text-secondary-600 {
  color: var(--viz-secondary-600, #561A33);
}

.viz-text-tertiary-100 {
  color: var(--viz-tertiary-100, #FFDBCA);
}

.viz-text-tertiary-200 {
  color: var(--viz-tertiary-200, #FFB690);
}

.viz-text-tertiary-300 {
  color: var(--viz-tertiary-300, #EB6B0C);
}

.viz-text-tertiary-400 {
  color: var(--viz-tertiary-400, #9D4400);
}

.viz-text-tertiary-500 {
  color: var(--viz-tertiary-500, #783200);
}

.viz-text-tertiary-600 {
  color: var(--viz-tertiary-600, #542100);
}

.viz-text-error-100 {
  color: var(--viz-error-100, #FFDAD7);
}

.viz-text-error-200 {
  color: var(--viz-error-200, #FFB3AF);
}

.viz-text-error-300 {
  color: var(--viz-error-300, #F85A5B);
}

.viz-text-error-400 {
  color: var(--viz-error-400, #B3272F);
}

.viz-text-error-500 {
  color: var(--viz-error-500, #91081A);
}

.viz-text-error-600 {
  color: var(--viz-error-600, #68000E);
}

.viz-text-neutral-100 {
  color: var(--viz-neutral-100, #FCFCFC);
}

.viz-text-neutral-200 {
  color: var(--viz-neutral-200, #F7F7F7);
}

.viz-text-neutral-300 {
  color: var(--viz-neutral-300, #F2F2F2);
}

.viz-text-neutral-400 {
  color: var(--viz-neutral-400, #E6E6E6);
}

.viz-text-neutral-500 {
  color: var(--viz-neutral-500, #CCCCCC);
}

.viz-text-neutral-600 {
  color: var(--viz-neutral-600, #7A7A7A);
}

.viz-text-neutral-700 {
  color: var(--viz-neutral-700, #666666);
}

.viz-text-neutral-800 {
  color: var(--viz-neutral-800, #525252);
}

.viz-text-neutral-900 {
  color: var(--viz-neutral-900, #333333);
}

.viz-text-neutral-1000 {
  color: var(--viz-neutral-1000, #1F1F1F);
}

.viz-text-white {
  color: var(--viz-white, #FFFFFF);
}

.viz-text-black {
  color: var(--viz-black, #000000);
}

.viz-text-primary {
  color: var(--viz-text-primary);
}

.viz-text-secondary {
  color: var(--viz-secondary-500, #723149);
}

.viz-text-tertiary {
  color: var(--viz-tertiary-500, #783200);
}

.viz-text-error {
  color: var(--viz-text-error);
}

.viz-text-success {
  color: var(--viz-text-success);
}

.viz-text-warning {
  color: var(--viz-warning-500);
}

.viz-text-info {
  color: var(--viz-info-500);
}

.viz-link {
  color: var(--viz-primary-600, #123720);
  text-decoration: underline;
}

.viz-text-on-light {
  color: var(--viz-neutral-700, #666666);
}

.viz-text-on-dark {
  color: var(--viz-neutral-100, #FCFCFC);
}

.viz-text-muted {
  color: var(--viz-neutral-500, #CCCCCC);
}

.viz-text-disabled {
  color: var(--viz-neutral-400, #E6E6E6);
}

.viz-text-left {
  text-align: left;
}

.viz-text-center {
  text-align: center;
}

.viz-text-right {
  text-align: right;
}

.viz-text-justify {
  text-align: justify;
}

.viz-p-0 {
  padding: 0;
}

.viz-p-2 {
  padding: 0.125rem;
}

.viz-p-4 {
  padding: 0.25rem;
}

.viz-p-6 {
  padding: 0.375rem;
}

.viz-p-8 {
  padding: 0.5rem;
}

.viz-p-10 {
  padding: 0.625rem;
}

.viz-p-12 {
  padding: 0.75rem;
}

.viz-p-14 {
  padding: 0.875rem;
}

.viz-p-16 {
  padding: 1rem;
}

.viz-p-18 {
  padding: 1.125rem;
}

.viz-p-20 {
  padding: 1.25rem;
}

.viz-p-24 {
  padding: 1.5rem;
}

.viz-p-32 {
  padding: 2rem;
}

.viz-p-40 {
  padding: 2.5rem;
}

.viz-p-48 {
  padding: 3rem;
}

.viz-pt-0 {
  padding-top: 0;
}

.viz-pt-2 {
  padding-top: 0.125rem;
}

.viz-pt-4 {
  padding-top: 0.25rem;
}

.viz-pt-6 {
  padding-top: 0.375rem;
}

.viz-pt-8 {
  padding-top: 0.5rem;
}

.viz-pt-10 {
  padding-top: 0.625rem;
}

.viz-pt-12 {
  padding-top: 0.75rem;
}

.viz-pt-14 {
  padding-top: 0.875rem;
}

.viz-pt-16 {
  padding-top: 1rem;
}

.viz-pt-18 {
  padding-top: 1.125rem;
}

.viz-pt-20 {
  padding-top: 1.25rem;
}

.viz-pt-24 {
  padding-top: 1.5rem;
}

.viz-pt-32 {
  padding-top: 2rem;
}

.viz-pt-40 {
  padding-top: 2.5rem;
}

.viz-pt-48 {
  padding-top: 3rem;
}

.viz-pr-0 {
  padding-right: 0;
}

.viz-pr-2 {
  padding-right: 0.125rem;
}

.viz-pr-4 {
  padding-right: 0.25rem;
}

.viz-pr-6 {
  padding-right: 0.375rem;
}

.viz-pr-8 {
  padding-right: 0.5rem;
}

.viz-pr-10 {
  padding-right: 0.625rem;
}

.viz-pr-12 {
  padding-right: 0.75rem;
}

.viz-pr-14 {
  padding-right: 0.875rem;
}

.viz-pr-16 {
  padding-right: 1rem;
}

.viz-pr-18 {
  padding-right: 1.125rem;
}

.viz-pr-20 {
  padding-right: 1.25rem;
}

.viz-pr-24 {
  padding-right: 1.5rem;
}

.viz-pr-32 {
  padding-right: 2rem;
}

.viz-pr-40 {
  padding-right: 2.5rem;
}

.viz-pr-48 {
  padding-right: 3rem;
}

.viz-pb-0 {
  padding-bottom: 0;
}

.viz-pb-2 {
  padding-bottom: 0.125rem;
}

.viz-pb-4 {
  padding-bottom: 0.25rem;
}

.viz-pb-6 {
  padding-bottom: 0.375rem;
}

.viz-pb-8 {
  padding-bottom: 0.5rem;
}

.viz-pb-10 {
  padding-bottom: 0.625rem;
}

.viz-pb-12 {
  padding-bottom: 0.75rem;
}

.viz-pb-14 {
  padding-bottom: 0.875rem;
}

.viz-pb-16 {
  padding-bottom: 1rem;
}

.viz-pb-18 {
  padding-bottom: 1.125rem;
}

.viz-pb-20 {
  padding-bottom: 1.25rem;
}

.viz-pb-24 {
  padding-bottom: 1.5rem;
}

.viz-pb-32 {
  padding-bottom: 2rem;
}

.viz-pb-40 {
  padding-bottom: 2.5rem;
}

.viz-pb-48 {
  padding-bottom: 3rem;
}

.viz-pl-0 {
  padding-left: 0;
}

.viz-pl-2 {
  padding-left: 0.125rem;
}

.viz-pl-4 {
  padding-left: 0.25rem;
}

.viz-pl-6 {
  padding-left: 0.375rem;
}

.viz-pl-8 {
  padding-left: 0.5rem;
}

.viz-pl-10 {
  padding-left: 0.625rem;
}

.viz-pl-12 {
  padding-left: 0.75rem;
}

.viz-pl-14 {
  padding-left: 0.875rem;
}

.viz-pl-16 {
  padding-left: 1rem;
}

.viz-pl-18 {
  padding-left: 1.125rem;
}

.viz-pl-20 {
  padding-left: 1.25rem;
}

.viz-pl-24 {
  padding-left: 1.5rem;
}

.viz-pl-32 {
  padding-left: 2rem;
}

.viz-pl-40 {
  padding-left: 2.5rem;
}

.viz-pl-48 {
  padding-left: 3rem;
}

.viz-px-0 {
  padding-left: 0;
  padding-right: 0;
}

.viz-px-2 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.viz-px-4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.viz-px-6 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.viz-px-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.viz-px-10 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.viz-px-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.viz-px-14 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.viz-px-16 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.viz-px-18 {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.viz-px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.viz-px-24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.viz-px-32 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.viz-px-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.viz-px-48 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.viz-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.viz-py-2 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.viz-py-4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.viz-py-6 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.viz-py-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.viz-py-10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.viz-py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.viz-py-14 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.viz-py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.viz-py-18 {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.viz-py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.viz-py-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.viz-py-32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.viz-py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.viz-py-48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.viz-m-0 {
  margin: 0;
}

.viz-m-2 {
  margin: 0.125rem;
}

.viz-m-4 {
  margin: 0.25rem;
}

.viz-m-6 {
  margin: 0.375rem;
}

.viz-m-8 {
  margin: 0.5rem;
}

.viz-m-10 {
  margin: 0.625rem;
}

.viz-m-12 {
  margin: 0.75rem;
}

.viz-m-14 {
  margin: 0.875rem;
}

.viz-m-16 {
  margin: 1rem;
}

.viz-m-18 {
  margin: 1.125rem;
}

.viz-m-20 {
  margin: 1.25rem;
}

.viz-m-24 {
  margin: 1.5rem;
}

.viz-m-32 {
  margin: 2rem;
}

.viz-m-40 {
  margin: 2.5rem;
}

.viz-m-48 {
  margin: 3rem;
}

.viz-mt-0 {
  margin-top: 0;
}

.viz-mt-2 {
  margin-top: 0.125rem;
}

.viz-mt-4 {
  margin-top: 0.25rem;
}

.viz-mt-6 {
  margin-top: 0.375rem;
}

.viz-mt-8 {
  margin-top: 0.5rem;
}

.viz-mt-10 {
  margin-top: 0.625rem;
}

.viz-mt-12 {
  margin-top: 0.75rem;
}

.viz-mt-14 {
  margin-top: 0.875rem;
}

.viz-mt-16 {
  margin-top: 1rem;
}

.viz-mt-18 {
  margin-top: 1.125rem;
}

.viz-mt-20 {
  margin-top: 1.25rem;
}

.viz-mt-24 {
  margin-top: 1.5rem;
}

.viz-mt-32 {
  margin-top: 2rem;
}

.viz-mt-40 {
  margin-top: 2.5rem;
}

.viz-mt-48 {
  margin-top: 3rem;
}

.viz-mr-0 {
  margin-right: 0;
}

.viz-mr-2 {
  margin-right: 0.125rem;
}

.viz-mr-4 {
  margin-right: 0.25rem;
}

.viz-mr-6 {
  margin-right: 0.375rem;
}

.viz-mr-8 {
  margin-right: 0.5rem;
}

.viz-mr-10 {
  margin-right: 0.625rem;
}

.viz-mr-12 {
  margin-right: 0.75rem;
}

.viz-mr-14 {
  margin-right: 0.875rem;
}

.viz-mr-16 {
  margin-right: 1rem;
}

.viz-mr-18 {
  margin-right: 1.125rem;
}

.viz-mr-20 {
  margin-right: 1.25rem;
}

.viz-mr-24 {
  margin-right: 1.5rem;
}

.viz-mr-32 {
  margin-right: 2rem;
}

.viz-mr-40 {
  margin-right: 2.5rem;
}

.viz-mr-48 {
  margin-right: 3rem;
}

.viz-mb-0 {
  margin-bottom: 0;
}

.viz-mb-2 {
  margin-bottom: 0.125rem;
}

.viz-mb-4 {
  margin-bottom: 0.25rem;
}

.viz-mb-6 {
  margin-bottom: 0.375rem;
}

.viz-mb-8 {
  margin-bottom: 0.5rem;
}

.viz-mb-10 {
  margin-bottom: 0.625rem;
}

.viz-mb-12 {
  margin-bottom: 0.75rem;
}

.viz-mb-14 {
  margin-bottom: 0.875rem;
}

.viz-mb-16 {
  margin-bottom: 1rem;
}

.viz-mb-18 {
  margin-bottom: 1.125rem;
}

.viz-mb-20 {
  margin-bottom: 1.25rem;
}

.viz-mb-24 {
  margin-bottom: 1.5rem;
}

.viz-mb-32 {
  margin-bottom: 2rem;
}

.viz-mb-40 {
  margin-bottom: 2.5rem;
}

.viz-mb-48 {
  margin-bottom: 3rem;
}

.viz-ml-0 {
  margin-left: 0;
}

.viz-ml-2 {
  margin-left: 0.125rem;
}

.viz-ml-4 {
  margin-left: 0.25rem;
}

.viz-ml-6 {
  margin-left: 0.375rem;
}

.viz-ml-8 {
  margin-left: 0.5rem;
}

.viz-ml-10 {
  margin-left: 0.625rem;
}

.viz-ml-12 {
  margin-left: 0.75rem;
}

.viz-ml-14 {
  margin-left: 0.875rem;
}

.viz-ml-16 {
  margin-left: 1rem;
}

.viz-ml-18 {
  margin-left: 1.125rem;
}

.viz-ml-20 {
  margin-left: 1.25rem;
}

.viz-ml-24 {
  margin-left: 1.5rem;
}

.viz-ml-32 {
  margin-left: 2rem;
}

.viz-ml-40 {
  margin-left: 2.5rem;
}

.viz-ml-48 {
  margin-left: 3rem;
}

.viz-mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.viz-mx-2 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.viz-mx-4 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.viz-mx-6 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

.viz-mx-8 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.viz-mx-10 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.viz-mx-12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.viz-mx-14 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

.viz-mx-16 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.viz-mx-18 {
  margin-left: 1.125rem;
  margin-right: 1.125rem;
}

.viz-mx-20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.viz-mx-24 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.viz-mx-32 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.viz-mx-40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.viz-mx-48 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.viz-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.viz-my-2 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.viz-my-4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.viz-my-6 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.viz-my-8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.viz-my-10 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.viz-my-12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.viz-my-14 {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}

.viz-my-16 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.viz-my-18 {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}

.viz-my-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.viz-my-24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.viz-my-32 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.viz-my-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.viz-my-48 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/* You can add global styles to this file, and also import other style files */
/**
 * Vizient Design System - Anchor/Link Mixins
 *
 * This file contains mixins for styling anchor elements consistently
 * across the design system components.
 */
/**
 * Base link styles with hover and focus states
 *
 * @param {string} $font-size - Font size (default: $viz-sys-measure-16)
 * @param {string} $line-height - Line height (default: $viz-sys-typescale-title-medium-line-height)
 *
 * @example
 * ```scss
 * a {
 *   @include viz-link-base;
 * }
 *
 * a.large {
 *   @include viz-link-base(1.25rem, 2rem);
 * }
 * ```
 */
.viz-light-theme {
  --viz-white: #FFFFFF;
  --viz-black: #000000;
  --viz-primary-100: #C2EDCA;
  --viz-primary-200: #A7D1AF;
  --viz-primary-300: #729A7B;
  --viz-primary-400: #41674B;
  --viz-primary-500: #294E35;
  --viz-primary-600: #123720;
  --viz-secondary-100: #FFD9E3;
  --viz-secondary-200: #FFB0C9;
  --viz-secondary-300: #C97994;
  --viz-secondary-400: #8E4861;
  --viz-secondary-500: #723149;
  --viz-secondary-600: #561A33;
  --viz-tertiary-100: #FFDBCA;
  --viz-tertiary-200: #FFB690;
  --viz-tertiary-300: #EB6B0C;
  --viz-tertiary-400: #9D4400;
  --viz-tertiary-500: #783200;
  --viz-tertiary-600: #542100;
  --viz-error-100: #FFDAD7;
  --viz-error-200: #FFB3AF;
  --viz-error-300: #F85A5B;
  --viz-error-400: #B3272F;
  --viz-error-500: #91081A;
  --viz-error-600: #68000E;
  --viz-neutral-100: #FCFCFC;
  --viz-neutral-200: #F7F7F7;
  --viz-neutral-300: #F2F2F2;
  --viz-neutral-400: #E6E6E6;
  --viz-neutral-500: #CCCCCC;
  --viz-neutral-600: #7A7A7A;
  --viz-neutral-700: #666666;
  --viz-neutral-800: #525252;
  --viz-neutral-900: #333333;
  --viz-neutral-1000: #1F1F1F;
  --viz-success-100: #B1F1C2;
  --viz-success-200: #95D5A7;
  --viz-success-400: #2D6A44;
  --viz-success-500: #11512E;
  --viz-success-600: #00391D;
  --viz-warning-100: #FFE08B;
  --viz-warning-200: #E3C46D;
  --viz-warning-400: #735C0C;
  --viz-warning-500: #584400;
  --viz-warning-600: #3D2F00;
  --viz-info-100: #AFECFF;
  --viz-info-200: #85D2E8;
  --viz-info-400: #00687B;
  --viz-info-500: #004E5D;
  --viz-info-600: #003641;
  --viz-nav-item-active-bg: color-mix(in srgb, #1F1F1F 8%, transparent);
  --viz-banner-error-bg: #FFB3AF;
  --viz-banner-error-text: #68000E;
  --viz-banner-success-bg: #95D5A7;
  --viz-banner-success-text: #00391D;
  --viz-banner-warning-bg: #E3C46D;
  --viz-banner-warning-text: #3D2F00;
  --viz-banner-info-bg: #85D2E8;
  --viz-banner-info-text: #003641;
  --viz-list-item-leading-start-margin: 8px;
  --viz-snack-bar-action-color: #A7D1AF;
  --viz-file-upload-dialog-border-color: #E6E6E6;
  --viz-breadcrumb-current-color: #525252;
  --viz-breadcrumb-link-color: #123720;
  --viz-split-button-filled-bg: #123720;
  --viz-split-button-filled-text: #FCFCFC;
  --viz-split-button-filled-disabled-bg: #F2F2F2;
  --viz-split-button-filled-disabled-text: #CCCCCC;
  --viz-split-button-outlined-border: #123720;
  --viz-split-button-outlined-text: #123720;
  --viz-split-button-outlined-disabled-border: #E6E6E6;
  --viz-split-button-outlined-disabled-text: #CCCCCC;
  --viz-split-button-outlined-disabled-bg: transparent;
  --viz-split-button-text-color: #123720;
  --viz-split-button-text-disabled-color: #CCCCCC;
  --viz-split-button-error-filled-bg: #B3272F;
  --viz-split-button-error-filled-text: #FCFCFC;
  --viz-split-button-error-outlined-border: #B3272F;
  --viz-split-button-error-outlined-text: #B3272F;
  --viz-split-button-error-text-color: #B3272F;
  --viz-chip-neutral-bg: #FCFCFC;
  --viz-chip-neutral-border: #CCCCCC;
  --viz-chip-neutral-text: #1F1F1F;
  --viz-chip-neutral-icon: #525252;
  --viz-chip-critical-bg: #FFB3AF;
  --viz-chip-critical-border: #FFB3AF;
  --viz-chip-critical-text: #68000E;
  --viz-chip-critical-icon: #68000E;
  --viz-chip-positive-bg: #95D5A7;
  --viz-chip-positive-border: #95D5A7;
  --viz-chip-positive-text: #00391D;
  --viz-chip-positive-icon: #00391D;
  --viz-chip-warning-bg: #E3C46D;
  --viz-chip-warning-border: #E3C46D;
  --viz-chip-warning-text: #3D2F00;
  --viz-chip-warning-icon: #3D2F00;
  --viz-chip-info-bg: #85D2E8;
  --viz-chip-info-border: #85D2E8;
  --viz-chip-info-text: #003641;
  --viz-chip-info-icon: #003641;
  --viz-chip-disabled-bg: #F2F2F2;
  --viz-chip-disabled-border: #F2F2F2;
  --viz-chip-disabled-text: #CCCCCC;
  --viz-chip-disabled-icon: #CCCCCC;
  --viz-text-body: #525252;
  --viz-text-heading: #1F1F1F;
  --viz-text-success: #2D6A44;
  --viz-text-error: #B3272F;
  --viz-text-primary: #123720;
  --viz-sys-typography-headline-large: 2rem;
  --viz-sys-typography-headline-medium: 1.75rem;
  --viz-sys-typography-headline-small: 1.5rem;
  --viz-sys-typography-title-large: 1.375rem;
  --viz-sys-typography-title-medium: 1rem;
  --viz-sys-typography-body-medium: 0.875rem;
  --viz-sys-typography-body-small: 0.75rem;
  --viz-sys-typography-label-small: 0.6875rem;
  --viz-sys-typescale-headline-large-line-height: 2.5rem;
  --viz-sys-typescale-headline-medium-line-height: 2.25rem;
  --viz-sys-typescale-headline-small-line-height: 2rem;
  --viz-sys-typescale-title-large-line-height: 1.75rem;
  --viz-sys-typescale-title-medium-line-height: 1.5rem;
  --viz-sys-typescale-body-line-height: 1.25rem;
  --viz-sys-typescale-body-small-line-height: 1rem;
  --viz-sys-typography-font-weight-regular: 400;
  --viz-sys-typography-font-weight-medium: 500;
  --viz-sys-typography-font-weight-bold: 700;
  --viz-sys-typography-letter-spacing-0: 0;
  --viz-sys-typography-letter-spacing-015: 0.009375rem;
  --viz-sys-typography-letter-spacing-017: 0.010625rem;
  --viz-sys-typography-letter-spacing-01: 0.00625rem;
  --viz-sys-typography-letter-spacing-05: 0.03125rem;
  --viz-sys-typography-letter-spacing-025: 0.015625rem;
  --viz-sys-typography-letter-spacing-04: 0.025rem;
  --viz-headline-font-family: 'Haffer', sans-serif;
  --viz-banner-border-width: 0px;
  --viz-chip-border-radius: 0.5rem;
  --viz-chip-default-padding-x: 0.5rem;
  --viz-chip-label-font-weight: 500;
  --mat-sys-background: light-dark(#F7F7F7, );
  --mat-sys-error: light-dark(#91081A, #F85A5B);
  --mat-sys-error-container: light-dark(#FFB3AF, #68000E);
  --mat-sys-inverse-on-surface: light-dark(, #666666);
  --mat-sys-inverse-primary: light-dark(#729A7B, #294E35);
  --mat-sys-inverse-surface: light-dark(#666666, );
  --mat-sys-on-background: light-dark(#525252, );
  --mat-sys-on-error: light-dark(#FFFFFF, );
  --mat-sys-on-error-container: light-dark(#68000E, #FFB3AF);
  --mat-sys-on-primary: light-dark(#FFFFFF, );
  --mat-sys-on-primary-container: light-dark(#123720, #A7D1AF);
  --mat-sys-on-primary-fixed: light-dark(, );
  --mat-sys-on-primary-fixed-variant: light-dark(#123720, #123720);
  --mat-sys-on-secondary: light-dark(#FFFFFF, );
  --mat-sys-on-secondary-container: light-dark(#561A33, #FFB0C9);
  --mat-sys-on-secondary-fixed: light-dark(, );
  --mat-sys-on-secondary-fixed-variant: light-dark(#561A33, #561A33);
  --mat-sys-on-surface: light-dark(#525252, );
  --mat-sys-on-surface-variant: light-dark(, );
  --mat-sys-on-tertiary: light-dark(#FFFFFF, );
  --mat-sys-on-tertiary-container: light-dark(#542100, #FFB690);
  --mat-sys-on-tertiary-fixed: light-dark(, );
  --mat-sys-on-tertiary-fixed-variant: light-dark(#542100, #542100);
  --mat-sys-outline: light-dark(, );
  --mat-sys-outline-variant: light-dark(, );
  --mat-sys-primary: light-dark(#294E35, #729A7B);
  --mat-sys-primary-container: light-dark(#A7D1AF, #123720);
  --mat-sys-primary-fixed: light-dark(#A7D1AF, #A7D1AF);
  --mat-sys-primary-fixed-dim: light-dark(#729A7B, #729A7B);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#723149, );
  --mat-sys-secondary-container: light-dark(#FFB0C9, #561A33);
  --mat-sys-secondary-fixed: light-dark(#FFB0C9, #FFB0C9);
  --mat-sys-secondary-fixed-dim: light-dark(, );
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#F7F7F7, );
  --mat-sys-surface-bright: light-dark(#F7F7F7, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(#F2F2F2, );
  --mat-sys-surface-container-highest: light-dark(, );
  --mat-sys-surface-container-low: light-dark(, #525252);
  --mat-sys-surface-container-lowest: light-dark(#FFFFFF, );
  --mat-sys-surface-dim: light-dark(#E6E6E6, );
  --mat-sys-surface-tint: light-dark(#294E35, #729A7B);
  --mat-sys-surface-variant: light-dark(, );
  --mat-sys-tertiary: light-dark(#783200, #EB6B0C);
  --mat-sys-tertiary-container: light-dark(#FFB690, #542100);
  --mat-sys-tertiary-fixed: light-dark(#FFB690, #FFB690);
  --mat-sys-tertiary-fixed-dim: light-dark(#EB6B0C, #EB6B0C);
  --mat-sys-neutral-variant20: ;
  --mat-sys-neutral10: #525252;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --mat-sys-body-large: 400 1rem / 1.5rem;
  --mat-sys-body-large-font: ;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem;
  --mat-sys-body-medium-font: ;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem;
  --mat-sys-body-small-font: ;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem;
  --mat-sys-display-large-font: ;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem;
  --mat-sys-display-medium-font: ;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem;
  --mat-sys-display-small-font: ;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem;
  --mat-sys-headline-large-font: ;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem;
  --mat-sys-headline-medium-font: ;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem;
  --mat-sys-headline-small-font: ;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem;
  --mat-sys-label-large-font: ;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem;
  --mat-sys-label-medium-font: ;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem;
  --mat-sys-label-small-font: ;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem;
  --mat-sys-title-large-font: ;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem;
  --mat-sys-title-medium-font: ;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem;
  --mat-sys-title-small-font: ;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --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;
  --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;
}
.viz-light-theme .viz-banner-error,
.viz-light-theme .viz-banner-success,
.viz-light-theme .viz-banner-warning,
.viz-light-theme .viz-banner-info {
  border: 0 solid transparent;
}
.viz-light-theme .viz-banner-error .viz-heading-5,
.viz-light-theme .viz-banner-error .viz-banner-dismiss-icon,
.viz-light-theme .viz-banner-success .viz-heading-5,
.viz-light-theme .viz-banner-success .viz-banner-dismiss-icon,
.viz-light-theme .viz-banner-warning .viz-heading-5,
.viz-light-theme .viz-banner-warning .viz-banner-dismiss-icon,
.viz-light-theme .viz-banner-info .viz-heading-5,
.viz-light-theme .viz-banner-info .viz-banner-dismiss-icon {
  color: inherit;
}
.viz-light-theme .viz-banner-error {
  background-color: var(--viz-banner-error-bg, #FFB3AF);
  color: var(--viz-banner-error-text, #68000E);
}
.viz-light-theme .viz-banner-success {
  background-color: var(--viz-banner-success-bg, #95D5A7);
  color: var(--viz-banner-success-text, #00391D);
}
.viz-light-theme .viz-banner-warning {
  background-color: var(--viz-banner-warning-bg, #E3C46D);
  color: var(--viz-banner-warning-text, #3D2F00);
}
.viz-light-theme .viz-banner-info {
  background-color: var(--viz-banner-info-bg, #85D2E8);
  color: var(--viz-banner-info-text, #003641);
}
.viz-light-theme {
  --mat-sys-body-large-tracking: var(--viz-typography-letter-spacing-0-5, 0.03125rem);
  --mat-sys-body-medium-tracking: var(--viz-typography-letter-spacing-0-25, 0.015625rem);
  --mat-sys-body-small-tracking: var(--viz-typography-letter-spacing-0-4, 0.025rem);
  --mat-sys-label-large-tracking: var(--viz-typography-letter-spacing-0-1, 0.00625rem);
  --mat-sys-label-medium-tracking: var(--viz-typography-letter-spacing-0-5, 0.03125rem);
  --mat-sys-label-small-tracking: var(--viz-typography-letter-spacing-0-5, 0.03125rem);
  --mat-sys-title-medium-tracking: var(--viz-typography-letter-spacing-0-15, 0.009375rem);
  --mat-sys-title-small-tracking: var(--viz-typography-letter-spacing-0-1, 0.00625rem);
  --mat-checkbox-disabled-selected-checkmark-color: #CCCCCC;
  --mat-checkbox-disabled-selected-icon-color: #F2F2F2;
  --mat-checkbox-disabled-unselected-icon-color: #E6E6E6;
  --mat-checkbox-disabled-label-color: #CCCCCC;
  --mat-checkbox-selected-checkmark-color: #FCFCFC;
  --mat-checkbox-selected-icon-color: #123720;
  --mat-checkbox-unselected-icon-color: #525252;
  --mat-radio-selected-icon-color: #123720;
  --mat-radio-unselected-icon-color: #525252;
  --mat-radio-label-text-color: #525252;
  --mat-radio-disabled-unselected-icon-opacity: 1;
  --mat-radio-disabled-selected-icon-opacity: 1;
  --mat-radio-disabled-label-color: #CCCCCC;
  --mat-radio-disabled-selected-icon-color: #E6E6E6;
  --mat-radio-disabled-unselected-icon-color: #E6E6E6;
  --mat-divider-color: #E6E6E6;
}
.viz-light-theme .mat-mdc-list-base .mdc-list-item--with-leading-radio .mdc-list-item__start,
.viz-light-theme .mat-mdc-list-base .mdc-list-item--with-leading-checkbox .mdc-list-item__start {
  margin-inline-end: var(--viz-list-item-leading-start-margin, 8px);
}
.viz-light-theme .mat-mdc-list-base {
  --mat-divider-color: #525252;
}
.viz-light-theme {
  --mat-list-list-item-label-text-color: #1F1F1F;
  --mat-table-background-color: #FCFCFC;
  --mat-table-header-headline-color: #1F1F1F;
  --mat-table-row-item-outline-color: #CCCCCC;
  --mat-table-row-item-label-text-color: #1F1F1F;
  --mat-table-header-headline-weight: 500;
  --mat-table-row-item-label-text-weight: 400;
}
.viz-light-theme .mat-mdc-table .mat-mdc-header-row {
  background-color: #F2F2F2;
}
.viz-light-theme .mat-mdc-table .mat-mdc-header-row .mat-mdc-header-cell,
.viz-light-theme .mat-mdc-table .mat-mdc-row .mat-mdc-cell,
.viz-light-theme .mat-mdc-table .mat-mdc-footer-row .mat-mdc-footer-cell {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.viz-light-theme .mat-mdc-table {
  border: 0.0625rem solid #CCCCCC;
}
.viz-light-theme {
  --mat-stepper-line-color: #E6E6E6;
  --mat-stepper-header-icon-background-color: #E6E6E6;
  --mat-stepper-header-icon-foreground-color: #1F1F1F;
  --mat-stepper-header-done-state-icon-background-color: #123720;
  --mat-stepper-header-done-state-icon-foreground-color: #FCFCFC;
  --mat-stepper-header-edit-state-icon-background-color: #123720;
  --mat-stepper-header-edit-state-icon-foreground-color: #FCFCFC;
  --mat-stepper-header-selected-state-icon-background-color: #123720;
  --mat-stepper-header-selected-state-icon-foreground-color: #FCFCFC;
  --mat-stepper-header-hover-state-layer-color: #F2F2F2;
  --mat-stepper-header-label-text-font: Roboto, Helvetica Neue, sans-serif;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-label-text-color: #1F1F1F;
  --mat-stepper-header-optional-label-text-color: #525252;
  --mat-stepper-header-selected-state-label-text-color: #1F1F1F;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-color: #B3272F;
  --mat-stepper-header-error-state-icon-foreground-color: #FCFCFC;
  --mat-stepper-header-error-state-icon-background-color: #B3272F;
}
.viz-light-theme .mat-horizontal-stepper-header-container {
  margin-bottom: 1rem;
}
.viz-light-theme mat-step-header .mat-step-icon-content {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}
.viz-light-theme mat-step-header .mat-step-text-label {
  line-height: 1.25rem;
}
.viz-light-theme mat-step-header .mat-step-optional, .viz-light-theme mat-step-header .mat-step-sub-label-error {
  line-height: 1rem;
  font-weight: 400;
}
.viz-light-theme {
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-disabled-state-text-color: #CCCCCC;
  --mat-expansion-header-text-color: #1F1F1F;
  --mat-expansion-header-description-color: #525252;
  --mat-expansion-header-indicator-color: #525252;
  --mat-expansion-container-background-color: #FCFCFC;
  --mat-expansion-container-shape: 0.25rem;
  --mat-expansion-actions-divider-color: #E6E6E6;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: none;
  --mat-sidenav-content-background-color: #FCFCFC;
  --mat-card-elevated-container-color: #FCFCFC;
  --mat-card-filled-container-color: #FCFCFC;
  --mat-card-outlined-container-color: #FCFCFC;
  --mat-card-outlined-outline-color: #E6E6E6;
  --mat-card-elevated-container-shape: 0.75rem;
  --mat-card-filled-container-shape: 0.75rem;
  --mat-card-outlined-container-shape: 0.75rem;
  --mat-tooltip-container-color: #525252;
  --mat-tooltip-supporting-text-color: #FCFCFC;
  --mat-snack-bar-container-color: #525252;
  --mat-snack-bar-supporting-text-color: #FCFCFC;
}
.viz-light-theme .mdc-snackbar__surface {
  min-height: 3rem;
}
.viz-light-theme .mdc-snackbar__label {
  padding: 0.75rem 0.5rem 0.75rem 1rem;
}
.viz-light-theme lib-viz-split-button .viz-split-button > button:first-of-type {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.viz-light-theme lib-viz-split-button .viz-split-button > button:nth-last-of-type(1) {
  padding-left: 1rem;
  padding-right: 1rem;
}
.viz-light-theme lib-viz-split-button .viz-split-button.viz-split-button-medium > button:first-of-type {
  padding-left: 1rem;
  padding-right: 1.125rem;
}
.viz-light-theme lib-viz-split-button .viz-split-button.viz-split-button-medium > button:nth-last-of-type(1) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.viz-light-theme lib-viz-split-button .viz-split-button.viz-split-button-small > button:first-of-type {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.viz-light-theme lib-viz-split-button .viz-split-button.viz-split-button-small > button:nth-last-of-type(1) {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.viz-light-theme .viz-snack-bar-action {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  --mat-button-text-label-text-weight: 400;
}
.viz-light-theme {
  --mat-dialog-container-color: #FCFCFC;
  --mat-dialog-container-shape: 0.25rem;
  --mat-dialog-container-elevation-shadow: 0 0.0625rem 0.1875rem 0 rgba(31, 31, 31, 0.3), 0 0.25rem 0.5rem 0.1875rem rgba(31, 31, 31, 0.15);
  --mat-dialog-subhead-color: #1F1F1F;
  --mat-dialog-subhead-font: var(--viz-headline-font-family);
  --mat-dialog-subhead-size: 1.5rem;
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-weight: 400;
  --mat-dialog-subhead-tracking: 0;
  --mat-dialog-actions-alignment: end;
  --mat-dialog-actions-padding: 0.75rem;
}
.viz-light-theme mat-dialog-actions {
  margin-top: auto;
}
.viz-light-theme .cdk-overlay-dark-backdrop {
  background: rgba(31, 31, 31, 0.3);
}
.viz-light-theme {
  --mat-menu-container-color: #FCFCFC;
  --mat-menu-item-label-text-font: Roboto, Helvetica Neue, sans-serif;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-weight: 400;
  --mat-menu-item-label-text-color: #1F1F1F;
  --mat-menu-item-icon-color: #525252;
  --mat-menu-item-hover-state-layer-color: #E6E6E6;
  --mat-menu-item-focus-state-layer-color: #A7D1AF;
}
.viz-light-theme .mat-mdc-menu-item.mat-mdc-menu-item-highlighted .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-item.mat-mdc-menu-item-highlighted .mat-mdc-menu-item-icon,
.viz-light-theme .mat-mdc-menu-item.mat-mdc-menu-item-highlighted mat-icon,
.viz-light-theme .mat-mdc-menu-item.mat-mdc-menu-item-highlighted .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-item.cdk-keyboard-focused .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-item.cdk-keyboard-focused .mat-mdc-menu-item-icon,
.viz-light-theme .mat-mdc-menu-item.cdk-keyboard-focused mat-icon,
.viz-light-theme .mat-mdc-menu-item.cdk-keyboard-focused .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-item:focus-visible .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-item:focus-visible .mat-mdc-menu-item-icon,
.viz-light-theme .mat-mdc-menu-item:focus-visible mat-icon,
.viz-light-theme .mat-mdc-menu-item:focus-visible .mat-mdc-menu-submenu-icon {
  color: #123720;
}
.viz-light-theme .mat-mdc-menu-item.mat-mdc-menu-item-disabled,
.viz-light-theme .mat-mdc-menu-item[disabled],
.viz-light-theme .mat-mdc-menu-item[aria-disabled=true],
.viz-light-theme .mat-mdc-menu-item.mdc-list-item--disabled {
  opacity: 1;
}
.viz-light-theme .mat-mdc-menu-item.mat-mdc-menu-item-disabled .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-item.mat-mdc-menu-item-disabled .mat-mdc-menu-item-icon,
.viz-light-theme .mat-mdc-menu-item.mat-mdc-menu-item-disabled .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-item.mat-mdc-menu-item-disabled mat-icon,
.viz-light-theme .mat-mdc-menu-item[disabled] .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-item[disabled] .mat-mdc-menu-item-icon,
.viz-light-theme .mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-item[disabled] mat-icon,
.viz-light-theme .mat-mdc-menu-item[aria-disabled=true] .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-item[aria-disabled=true] .mat-mdc-menu-item-icon,
.viz-light-theme .mat-mdc-menu-item[aria-disabled=true] .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-item[aria-disabled=true] mat-icon,
.viz-light-theme .mat-mdc-menu-item.mdc-list-item--disabled .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-item.mdc-list-item--disabled .mat-mdc-menu-item-icon,
.viz-light-theme .mat-mdc-menu-item.mdc-list-item--disabled .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-item.mdc-list-item--disabled mat-icon {
  color: #CCCCCC;
}
.viz-light-theme {
  --mat-progress-bar-active-indicator-color: #123720;
  --mat-progress-bar-track-color: #F2F2F2;
  --mat-button-toggle-state-layer-color: #FFFFFF;
  --mat-button-toggle-disabled-state-background-color: #F2F2F2;
  --mat-button-toggle-disabled-state-text-color: #525252;
  --mat-button-toggle-disabled-selected-state-text-color: #525252;
  --mat-button-toggle-divider-color: #525252;
  --mat-button-toggle-selected-state-background-color: #A7D1AF;
  --mat-button-toggle-selected-state-text-color: #123720;
  --mat-button-toggle-text-color: #1F1F1F;
  --mat-button-toggle-height: 2.5rem;
  --mat-button-toggle-label-text-size: 0.875rem;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-shape: 6.25rem;
}
.viz-light-theme lib-viz-button-toggle .mat-button-toggle-group-appearance-standard {
  border-color: #525252;
}
.viz-light-theme lib-viz-button-toggle .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 1rem;
}
.viz-light-theme lib-viz-button-toggle .mat-button-toggle-appearance-standard .mat-button-toggle-label-content mat-icon + span {
  margin-left: 0.5rem;
}
.viz-light-theme .viz-btn-toggle-medium {
  --mat-button-toggle-label-text-size: 0.875rem;
  --mat-button-toggle-height: 2rem;
}
.viz-light-theme .viz-btn-toggle-medium .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 0.5rem;
}
.viz-light-theme .viz-btn-toggle-medium .mat-button-toggle-appearance-standard .mat-button-toggle-label-content mat-icon + span {
  margin-left: 0.25rem;
}
.viz-light-theme .viz-btn-toggle-small {
  --mat-button-toggle-label-text-size: 0.75rem;
  --mat-button-toggle-height: 1.5rem;
}
.viz-light-theme .viz-btn-toggle-small .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 0.25rem;
}
.viz-light-theme .viz-btn-toggle-small .mat-button-toggle-appearance-standard .mat-button-toggle-label-content mat-icon + span {
  margin-left: 0.125rem;
}
.viz-light-theme lib-viz-button-toggle mat-button-toggle mat-icon {
  color: #525252;
}
.viz-light-theme lib-viz-button-toggle mat-button-toggle.mat-button-toggle-checked mat-icon {
  color: #123720;
}
.viz-light-theme {
  --mat-form-field-filled-focus-active-indicator-height: 0.1875rem;
  --mat-form-field-filled-container-color: #F2F2F2;
  --mat-form-field-filled-input-text-color: #1F1F1F;
  --mat-form-field-filled-label-text-color: #525252;
  --mat-form-field-filled-focus-label-text-color: #525252;
  --mat-form-field-filled-focus-active-indicator-color: #123720;
  --mat-form-field-filled-error-label-text-color: #B3272F;
  --mat-form-field-filled-error-focus-label-text-color: #B3272F;
  --mat-form-field-filled-error-hover-label-text-color: #68000E;
  --mat-form-field-filled-disabled-container-color: #F2F2F2;
  --mat-form-field-filled-disabled-label-text-color: #CCCCCC;
  --mat-form-field-filled-disabled-input-text-color: #CCCCCC;
  --mat-form-field-filled-disabled-active-indicator-color: #E6E6E6;
  --mat-form-field-outlined-input-text-color: #1F1F1F;
  --mat-form-field-outlined-label-text-color: #525252;
  --mat-form-field-outlined-focus-label-text-color: #525252;
  --mat-form-field-outlined-outline-color: #525252;
  --mat-form-field-outlined-focus-outline-width: 0.1875rem;
  --mat-form-field-outlined-focus-outline-color: #123720;
  --mat-form-field-outlined-error-label-text-color: #B3272F;
  --mat-form-field-outlined-error-focus-label-text-color: #B3272F;
  --mat-form-field-outlined-error-outline-color: #B3272F;
  --mat-form-field-outlined-error-focus-outline-color: #B3272F;
  --mat-form-field-outlined-error-hover-label-text-color: #68000E;
  --mat-form-field-outlined-error-hover-outline-color: #68000E;
  --mat-form-field-outlined-disabled-label-text-color: #CCCCCC;
  --mat-form-field-outlined-disabled-input-text-color: #CCCCCC;
  --mat-form-field-outlined-disabled-outline-color: #E6E6E6;
  --mat-form-field-disabled-input-text-placeholder-color: #CCCCCC;
  --mat-form-field-disabled-leading-icon-color: #CCCCCC;
  --mat-form-field-disabled-select-arrow-color: #CCCCCC;
  --mat-form-field-disabled-trailing-icon-color: #CCCCCC;
  --mat-form-field-select-disabled-option-text-color: #CCCCCC;
  --mat-form-field-select-option-text-color: #123720;
  --mat-form-field-leading-icon-color: #525252;
  --mat-form-field-trailing-icon-color: #525252;
  --mat-form-field-error-text-color: #B3272F;
}
.viz-light-theme .mat-mdc-form-field.mat-form-field-disabled .mat-mdc-form-field-hint,
.viz-light-theme .mat-mdc-form-field.mat-form-field-disabled .mat-mdc-form-field-hint-wrapper {
  color: #CCCCCC;
}
.viz-light-theme lib-viz-unit-form-field .mdc-text-field--disabled .mat-mdc-form-field-text-prefix,
.viz-light-theme lib-viz-unit-form-field .mdc-text-field--disabled .mat-mdc-form-field-text-suffix {
  color: #CCCCCC;
}
.viz-light-theme {
  --mat-select-panel-background-color: #FCFCFC;
  --mat-select-enabled-arrow-color: #525252;
  --mat-select-focused-arrow-color: #525252;
  --mat-select-disabled-arrow-color: #CCCCCC;
  --mat-optgroup-label-text-color: #1F1F1F;
}
.viz-light-theme .mat-mdc-option .mat-pseudo-checkbox-minimal,
.viz-light-theme .mat-mdc-option .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
  width: 0.625rem;
  height: 0.25rem;
}
.viz-light-theme .mat-mdc-option {
  --mat-pseudo-checkbox-full-selected-checkmark-color: #FCFCFC;
  --mat-pseudo-checkbox-full-selected-icon-color: #123720;
}
.viz-light-theme {
  --mat-option-label-text-color: #1F1F1F;
  --mat-option-selected-state-layer-color: #A7D1AF;
  --mat-option-selected-state-label-text-color: #123720;
  --mat-option-label-text-size: 0.875rem;
  --mat-option-hover-state-layer-color: #E6E6E6;
  --mat-option-focus-state-layer-color: #A7D1AF;
}
.viz-light-theme .mat-mdc-select-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #123720;
}
.viz-light-theme .mat-mdc-select-panel[aria-multiselectable=true] .mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #123720;
}
.viz-light-theme {
  --mat-autocomplete-background-color: #FCFCFC;
  --mat-slider-handle-color: #123720;
  --mat-slider-active-track-color: #123720;
  --mat-slider-inactive-track-color: #F2F2F2;
  --mat-slider-with-tick-marks-inactive-container-color: #F2F2F2;
  --mat-slider-with-tick-marks-active-container-color: #F2F2F2;
  --mat-slider-with-tick-marks-inactive-container-opacity: 1;
  --mat-slider-with-tick-marks-active-container-opacity: 1;
  --mat-slider-label-label-text-color: #FCFCFC;
  --mat-slider-label-container-color: #123720;
  --mat-slider-disabled-inactive-track-color: #F2F2F2;
}
.viz-light-theme .mat-mdc-slider:not(.mdc-slider--tick-marks) .mdc-slider__track--inactive {
  opacity: 1 !important;
}
.viz-light-theme {
  --mat-progress-spinner-active-indicator-color: #123720;
}
.viz-light-theme .viz-progress-spinner-track-width-4 {
  --track-width: 4px;
}
.viz-light-theme .viz-progress-spinner-track-width-5 {
  --track-width: 5px;
}
.viz-light-theme .viz-progress-spinner-track-width-10 {
  --track-width: 10px;
}
.viz-light-theme .viz-progress-spinner-track-width-15 {
  --track-width: 15px;
}
.viz-light-theme .viz-progress-spinner-track-width-20 {
  --track-width: 20px;
}
.viz-light-theme .mat-mdc-progress-spinner[mode=determinate] {
  position: relative;
}
.viz-light-theme .mat-mdc-progress-spinner[mode=determinate]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
  width: calc(100% - var(--track-width, 0) * 2);
  height: calc(100% - var(--track-width, 0) * 2);
  box-sizing: content-box;
  border-radius: 50%;
  border: var(--track-width, 0) solid #F2F2F2;
}
.viz-light-theme .mat-mdc-progress-spinner[mode=determinate] svg {
  position: relative;
  z-index: 1;
}
.viz-light-theme .mat-mdc-menu-panel.mat-mdc-menu-panel, .viz-light-theme .mat-mdc-select-panel.mat-mdc-select-panel, .viz-light-theme .mat-mdc-autocomplete-panel {
  max-height: 400px;
  overflow-y: auto;
}
.viz-light-theme {
  /* Arrow rotation when select panel opens
  Rotates the arrow icon 180 degrees to indicate panel state
  Note: This is custom styling not included in Angular Material by default under current version, fixed in 21.0.6
  Angular Material's documentation site uses similar custom CSS
  TODO: Remove this custom CSS when upgrading to Angular Material 21.0.6 or later */
}
.viz-light-theme .mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-select-arrow-wrapper {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.viz-light-theme .mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow-wrapper {
  transform: rotate(180deg);
}
.viz-light-theme .mat-mdc-form-field.mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow-wrapper {
  transform: translateY(-8px) rotate(180deg);
}
.viz-light-theme .viz-btn-destructive {
  --mat-button-filled-container-color: #B3272F;
  --mat-button-filled-label-text-color: #FCFCFC;
  --mat-button-filled-state-layer-color: #FFFFFF;
  --mat-button-filled-disabled-container-color: #F2F2F2;
  --mat-button-filled-disabled-label-text-color: #CCCCCC;
  --mat-button-filled-label-text-weight: 400;
  --mat-button-outlined-outline-color: #B3272F;
  --mat-button-outlined-label-text-color: #B3272F;
  --mat-button-outlined-state-layer-color: #F85A5B;
  --mat-button-outlined-disabled-outline-color: #F2F2F2;
  --mat-button-outlined-disabled-label-text-color: #CCCCCC;
  --mat-button-outlined-label-text-weight: 400;
  --mat-button-text-label-text-color: #B3272F;
  --mat-button-text-state-layer-color: #F85A5B;
  --mat-button-text-disabled-label-text-color: #CCCCCC;
  --mat-button-text-label-text-weight: 400;
}
.viz-light-theme .viz-btn {
  --mat-button-filled-container-color: #123720;
  --mat-button-filled-label-text-color: #FCFCFC;
  --mat-button-filled-state-layer-color: #FFFFFF;
  --mat-button-filled-disabled-container-color: #F2F2F2;
  --mat-button-filled-disabled-label-text-color: #CCCCCC;
  --mat-button-filled-label-text-weight: 400;
  --mat-button-outlined-outline-color: #123720;
  --mat-button-outlined-label-text-color: #123720;
  --mat-button-outlined-state-layer-color: #729A7B;
  --mat-button-outlined-disabled-outline-color: #F2F2F2;
  --mat-button-outlined-disabled-label-text-color: #CCCCCC;
  --mat-button-outlined-label-text-weight: 400;
  --mat-button-text-label-text-color: #123720;
  --mat-button-text-state-layer-color: #729A7B;
  --mat-button-text-disabled-label-text-color: #CCCCCC;
  --mat-button-text-label-text-weight: 400;
}
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true] {
  cursor: not-allowed;
  pointer-events: none;
}
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn[matbutton=filled], .viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn.mat-mdc-unelevated-button {
  background-color: #F2F2F2;
  color: #CCCCCC;
  --mdc-filled-button-container-color: #F2F2F2;
  --mdc-filled-button-label-text-color: #CCCCCC;
  --mat-filled-button-disabled-container-color: #F2F2F2;
  --mat-filled-button-disabled-label-text-color: #CCCCCC;
}
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn[matbutton=outlined], .viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn.mat-mdc-outlined-button {
  border-color: #F2F2F2;
  color: #CCCCCC;
  --mdc-outlined-button-outline-color: #F2F2F2;
  --mdc-outlined-button-label-text-color: #CCCCCC;
  --mat-outlined-button-disabled-outline-color: #F2F2F2;
  --mat-outlined-button-disabled-label-text-color: #CCCCCC;
}
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn[matbutton=text], .viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn.mat-mdc-text-button {
  color: #CCCCCC;
  --mdc-text-button-label-text-color: #CCCCCC;
  --mat-text-button-disabled-label-text-color: #CCCCCC;
}
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-destructive[matbutton=filled], .viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-destructive.mat-mdc-unelevated-button {
  background-color: #F2F2F2;
  color: #CCCCCC;
  --mdc-filled-button-container-color: #F2F2F2;
  --mdc-filled-button-label-text-color: #CCCCCC;
  --mat-filled-button-disabled-container-color: #F2F2F2;
  --mat-filled-button-disabled-label-text-color: #CCCCCC;
}
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-destructive[matbutton=outlined], .viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-destructive.mat-mdc-outlined-button {
  border-color: #F2F2F2;
  color: #CCCCCC;
  --mdc-outlined-button-outline-color: #F2F2F2;
  --mdc-outlined-button-label-text-color: #CCCCCC;
  --mat-outlined-button-disabled-outline-color: #F2F2F2;
  --mat-outlined-button-disabled-label-text-color: #CCCCCC;
}
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-destructive[matbutton=text], .viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-destructive.mat-mdc-text-button {
  color: #CCCCCC;
  --mdc-text-button-label-text-color: #CCCCCC;
  --mat-text-button-disabled-label-text-color: #CCCCCC;
}
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true] .mdc-button__label {
  color: inherit;
}
.viz-light-theme .viz-btn--small {
  --mat-button-filled-container-height: 1.5rem;
  --mat-button-outlined-container-height: 1.5rem;
  --mat-button-text-container-height: 1.5rem;
  --mat-button-filled-touch-target-size: 1.5rem;
  --mat-button-outlined-touch-target-size: 1.5rem;
  --mat-button-text-touch-target-size: 1.5rem;
  --mat-button-filled-touch-target-display: none;
  --mat-button-outlined-touch-target-display: none;
  --mat-button-text-touch-target-display: none;
  --mat-button-filled-horizontal-padding: 0.625rem;
  --mat-button-outlined-horizontal-padding: 0.625rem;
  --mat-button-text-horizontal-padding: 0.375rem;
  --mat-button-text-with-icon-horizontal-padding: 0.375rem;
  --mat-button-filled-label-text-size: 0.75rem;
  --mat-button-outlined-label-text-size: 0.75rem;
  --mat-button-text-label-text-size: 0.75rem;
  --mat-button-filled-label-text-weight: 400;
  --mat-button-outlined-label-text-weight: 400;
  --mat-button-text-label-text-weight: 400;
}
.viz-light-theme .viz-btn--medium {
  --mat-button-filled-container-height: 2rem;
  --mat-button-outlined-container-height: 2rem;
  --mat-button-text-container-height: 2rem;
  --mat-button-filled-touch-target-size: 2rem;
  --mat-button-outlined-touch-target-size: 2rem;
  --mat-button-text-touch-target-size: 2rem;
  --mat-button-filled-touch-target-display: none;
  --mat-button-outlined-touch-target-display: none;
  --mat-button-text-touch-target-display: none;
  --mat-button-filled-horizontal-padding: 0.875rem;
  --mat-button-outlined-horizontal-padding: 0.875rem;
  --mat-button-text-horizontal-padding: 0.5rem;
  --mat-button-text-with-icon-horizontal-padding: 0.5rem;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-filled-label-text-weight: 400;
  --mat-button-outlined-label-text-weight: 400;
  --mat-button-text-label-text-weight: 400;
}
.viz-light-theme .viz-btn--large {
  --mat-button-filled-container-height: 2.5rem;
  --mat-button-outlined-container-height: 2.5rem;
  --mat-button-text-container-height: 2.5rem;
  --mat-button-filled-touch-target-size: 2.5rem;
  --mat-button-outlined-touch-target-size: 2.5rem;
  --mat-button-text-touch-target-size: 2.5rem;
  --mat-button-filled-touch-target-display: none;
  --mat-button-outlined-touch-target-display: none;
  --mat-button-text-touch-target-display: none;
  --mat-button-filled-horizontal-padding: 1.125rem;
  --mat-button-outlined-horizontal-padding: 1.125rem;
  --mat-button-text-horizontal-padding: 0.625rem;
  --mat-button-text-with-icon-horizontal-padding: 0.625rem;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-filled-label-text-weight: 400;
  --mat-button-outlined-label-text-weight: 400;
  --mat-button-text-label-text-weight: 400;
}
.viz-light-theme .viz-badge-critical {
  --mat-badge-background-color: #FFB3AF;
  --mat-badge-text-color: #68000E;
}
.viz-light-theme .viz-badge-positive {
  --mat-badge-background-color: #95D5A7;
  --mat-badge-text-color: #00391D;
}
.viz-light-theme .viz-badge-warning {
  --mat-badge-background-color: #E3C46D;
  --mat-badge-text-color: #3D2F00;
}
.viz-light-theme .viz-badge-info {
  --mat-badge-background-color: #85D2E8;
  --mat-badge-text-color: #003641;
}
.viz-light-theme .viz-badge-neutral {
  --mat-badge-background-color: #525252;
  --mat-badge-text-color: #FCFCFC;
}
.viz-light-theme {
  --mat-tab-active-indicator-color: #123720;
  --mat-tab-active-indicator-height: 0.1875rem;
  --mat-tab-divider-height: 0.0625rem;
  --mat-tab-divider-color: #E6E6E6;
  --mat-tab-active-label-text-color: #1F1F1F;
  --mat-tab-inactive-label-text-color: #1F1F1F;
  --mat-tab-label-text-weight: 400;
}
.viz-light-theme .mat-mdc-tab-group .mat-mdc-tab.mdc-tab--active {
  background-color: #F2F2F2;
}
.viz-light-theme .mat-mdc-tab-group .mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__text-label {
  color: #CCCCCC;
}
.viz-light-theme .mat-mdc-tab-group .mat-mdc-tab.mat-mdc-tab-disabled mat-icon {
  color: #CCCCCC;
}
.viz-light-theme .mat-mdc-tab-group .mat-mdc-tab:focus-visible, .viz-light-theme .mat-mdc-tab-group .mat-mdc-tab.cdk-keyboard-focused {
  outline: 0.125rem solid #294E35;
  outline-offset: -0.125rem;
  position: relative;
  z-index: 1;
}
.viz-light-theme .mat-mdc-tab-group .mat-mdc-tab:focus:not(:focus-visible) {
  outline: none;
}
.viz-light-theme .mat-mdc-tab-group .mat-mdc-tab mat-icon {
  margin-right: 0.5rem;
  color: #525252;
}
.viz-light-theme .mat-mdc-tab-group .mat-mdc-tab .mat-badge-content {
  position: relative;
  left: 1rem;
  top: -0.5rem;
  margin-right: 1rem;
  outline: 0.0625rem solid #294E35;
  outline-offset: -0.0625rem;
}
.viz-light-theme .mat-mdc-tab-group .mat-mdc-tab-body-wrapper {
  height: 0;
  overflow: hidden;
}
.viz-light-theme {
  --mat-slide-toggle-unselected-handle-color: #525252;
  --mat-slide-toggle-unselected-focus-handle-color: #525252;
  --mat-slide-toggle-unselected-hover-handle-color: #525252;
  --mat-slide-toggle-unselected-pressed-handle-color: #525252;
  --mat-slide-toggle-unselected-icon-size: 0;
  --mat-slide-toggle-track-outline-color: #525252;
  --mat-slide-toggle-selected-track-color: #123720;
  --mat-slide-toggle-selected-focus-track-color: #123720;
  --mat-slide-toggle-selected-hover-track-color: #123720;
  --mat-slide-toggle-selected-pressed-track-color: #123720;
  --mat-slide-toggle-selected-handle-color: #FCFCFC;
  --mat-slide-toggle-selected-focus-handle-color: #FCFCFC;
  --mat-slide-toggle-selected-hover-handle-color: #FCFCFC;
  --mat-slide-toggle-selected-pressed-handle-color: #FCFCFC;
  --mat-slide-toggle-selected-icon-size: 0;
  --mat-slide-toggle-selected-track-outline-width: 0;
  --mat-slide-toggle-selected-track-outline-color: #123720;
  --mat-slide-toggle-disabled-unselected-handle-color: #CCCCCC;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #E6E6E6;
  --mat-slide-toggle-disabled-selected-handle-color: #CCCCCC;
  --mat-slide-toggle-disabled-selected-track-color: #F2F2F2;
  --mat-slide-toggle-disabled-selected-handle-opacity: 1;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 1;
  --mat-slide-toggle-disabled-track-opacity: 1;
}
.viz-light-theme .mdc-switch.mdc-switch--disabled.mdc-switch--checked .mdc-switch__track::before,
.viz-light-theme .mdc-switch.mdc-switch--disabled.mdc-switch--checked .mdc-switch__track::after {
  border-color: #F2F2F2 !important;
}
.viz-light-theme .viz-slide-toggle-small {
  --mat-slide-toggle-track-height: 1.5rem;
  --mat-slide-toggle-track-width: 2.5rem;
  --mat-slide-toggle-selected-handle-size: 1rem;
  --mat-slide-toggle-unselected-handle-size: 1rem;
  --mat-slide-toggle-pressed-handle-size: 1rem;
  --mat-slide-toggle-with-icon-handle-size: 1rem;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0 1.25rem;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 1.25rem;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 1.25rem;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0 0.25rem;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 0.25rem;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 0.25rem;
  --mat-slide-toggle-label-text-size: 0.75rem;
  --mat-slide-toggle-touch-target-size: 2.5rem;
}
.viz-light-theme .viz-icon-btn--small {
  --mat-icon-button-state-layer-size: 1.5rem;
  --mat-icon-button-touch-target-size: 1.5rem;
  --mat-icon-button-touch-target-display: none;
}
.viz-light-theme .viz-icon-btn--medium {
  --mat-icon-button-state-layer-size: 2rem;
  --mat-icon-button-touch-target-size: 2rem;
  --mat-icon-button-touch-target-display: none;
}
.viz-light-theme .viz-icon-btn--large {
  --mat-icon-button-state-layer-size: 2.5rem;
  --mat-icon-button-touch-target-size: 2.5rem;
  --mat-icon-button-touch-target-display: none;
}
.viz-light-theme .viz-dont-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action, .viz-light-theme .viz-do-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action {
  padding: 0 0.5rem 0 0.25rem;
}
.viz-light-theme .viz-dont-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action .mdc-evolution-chip__text-label, .viz-light-theme .viz-do-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action .mdc-evolution-chip__text-label {
  display: inline-flex;
  align-items: center;
}
.viz-light-theme .viz-dont-chip .mdc-evolution-chip__cell mat-icon, .viz-light-theme .viz-do-chip .mdc-evolution-chip__cell mat-icon {
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.viz-light-theme .viz-do-chip {
  --mat-chip-label-text-weight: 500;
  --mat-chip-label-text-size: 0.75rem;
  --mat-chip-label-text-color: #FFFFFF;
  --mat-chip-elevated-container-color: #11512E;
  --mat-chip-outline-color: #11512E;
  --mat-chip-container-height: 1.5rem;
}
.viz-light-theme .viz-dont-chip {
  --mat-chip-label-text-weight: 500;
  --mat-chip-label-text-size: 0.75rem;
  --mat-chip-label-text-color: #FFFFFF;
  --mat-chip-elevated-container-color: #91081A;
  --mat-chip-outline-color: #91081A;
  --mat-chip-container-height: 1.5rem;
}
.viz-light-theme .viz-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action .mdc-evolution-chip__text-label {
  display: inline-flex;
  align-items: center;
}
.viz-light-theme .viz-chip .mdc-evolution-chip__cell span.mdc-evolution-chip__text-label.mat-mdc-chip-action-label {
  display: inline-flex;
  align-items: center;
}
.viz-light-theme .viz-chip .mdc-evolution-chip__cell mat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.viz-light-theme .viz-chip-neutral {
  --mat-chip-label-text-color: var(--viz-chip-neutral-text);
  --mat-chip-label-text-weight: var(--viz-chip-label-font-weight, 400);
  --mat-chip-elevated-container-color: var(--viz-chip-neutral-bg);
  --mat-chip-outline-color: var(--viz-chip-neutral-border);
  --mat-chip-container-shape-radius: var(--viz-chip-border-radius, 9999px);
  --mat-chip-with-icon-icon-color: var(--viz-chip-neutral-icon);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--viz-chip-neutral-icon);
  --mat-chip-disabled-label-text-color: var(--viz-chip-disabled-text);
  --mat-chip-disabled-outline-color: var(--viz-chip-disabled-border);
  --mat-chip-elevated-disabled-container-color: var(--viz-chip-disabled-bg);
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-with-icon-disabled-icon-color: var(--viz-chip-disabled-icon);
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--viz-chip-disabled-icon);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.viz-light-theme .viz-chip-neutral .mdc-evolution-chip__cell .mdc-evolution-chip__action {
  padding-left: var(--viz-chip-default-padding-x, 12px);
  padding-right: var(--viz-chip-default-padding-x, 12px);
}
.viz-light-theme .viz-chip-primary {
  --mat-chip-label-text-color: #525252;
  --mat-chip-elevated-container-color: #123720;
  --mat-chip-outline-color: #294E35;
  --mat-chip-with-trailing-icon-trailing-icon-color: #525252;
  --mat-chip-with-icon-icon-color: #525252;
  --mat-chip-disabled-label-text-color: #E6E6E6;
  --mat-chip-disabled-outline-color: #E6E6E6;
  --mat-chip-elevated-disabled-container-color: #F7F7F7;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-with-icon-disabled-icon-color: #E6E6E6;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #E6E6E6;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.viz-light-theme .viz-chip-critical {
  --mat-chip-label-text-color: var(--viz-chip-critical-text);
  --mat-chip-label-text-weight: var(--viz-chip-label-font-weight, 400);
  --mat-chip-elevated-container-color: var(--viz-chip-critical-bg);
  --mat-chip-outline-color: var(--viz-chip-critical-border);
  --mat-chip-container-shape-radius: var(--viz-chip-border-radius, 9999px);
  --mat-chip-with-icon-icon-color: var(--viz-chip-critical-icon);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--viz-chip-critical-icon);
  --mat-chip-disabled-label-text-color: var(--viz-chip-disabled-text);
  --mat-chip-disabled-outline-color: var(--viz-chip-disabled-border);
  --mat-chip-elevated-disabled-container-color: var(--viz-chip-disabled-bg);
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-with-icon-disabled-icon-color: var(--viz-chip-disabled-icon);
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--viz-chip-disabled-icon);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.viz-light-theme .viz-chip-critical .mdc-evolution-chip__cell .mdc-evolution-chip__action {
  padding-left: var(--viz-chip-default-padding-x, 12px);
  padding-right: var(--viz-chip-default-padding-x, 12px);
}
.viz-light-theme .viz-chip-positive {
  --mat-chip-label-text-color: var(--viz-chip-positive-text);
  --mat-chip-label-text-weight: var(--viz-chip-label-font-weight, 400);
  --mat-chip-elevated-container-color: var(--viz-chip-positive-bg);
  --mat-chip-outline-color: var(--viz-chip-positive-border);
  --mat-chip-container-shape-radius: var(--viz-chip-border-radius, 9999px);
  --mat-chip-with-icon-icon-color: var(--viz-chip-positive-icon);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--viz-chip-positive-icon);
  --mat-chip-disabled-label-text-color: var(--viz-chip-disabled-text);
  --mat-chip-disabled-outline-color: var(--viz-chip-disabled-border);
  --mat-chip-elevated-disabled-container-color: var(--viz-chip-disabled-bg);
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-with-icon-disabled-icon-color: var(--viz-chip-disabled-icon);
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--viz-chip-disabled-icon);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.viz-light-theme .viz-chip-positive .mdc-evolution-chip__cell .mdc-evolution-chip__action {
  padding-left: var(--viz-chip-default-padding-x, 12px);
  padding-right: var(--viz-chip-default-padding-x, 12px);
}
.viz-light-theme .viz-chip-warning {
  --mat-chip-label-text-color: var(--viz-chip-warning-text);
  --mat-chip-label-text-weight: var(--viz-chip-label-font-weight, 400);
  --mat-chip-elevated-container-color: var(--viz-chip-warning-bg);
  --mat-chip-outline-color: var(--viz-chip-warning-border);
  --mat-chip-container-shape-radius: var(--viz-chip-border-radius, 9999px);
  --mat-chip-with-icon-icon-color: var(--viz-chip-warning-icon);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--viz-chip-warning-icon);
  --mat-chip-disabled-label-text-color: var(--viz-chip-disabled-text);
  --mat-chip-disabled-outline-color: var(--viz-chip-disabled-border);
  --mat-chip-elevated-disabled-container-color: var(--viz-chip-disabled-bg);
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-with-icon-disabled-icon-color: var(--viz-chip-disabled-icon);
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--viz-chip-disabled-icon);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.viz-light-theme .viz-chip-warning .mdc-evolution-chip__cell .mdc-evolution-chip__action {
  padding-left: var(--viz-chip-default-padding-x, 12px);
  padding-right: var(--viz-chip-default-padding-x, 12px);
}
.viz-light-theme .viz-chip-info {
  --mat-chip-label-text-color: var(--viz-chip-info-text);
  --mat-chip-label-text-weight: var(--viz-chip-label-font-weight, 400);
  --mat-chip-elevated-container-color: var(--viz-chip-info-bg);
  --mat-chip-outline-color: var(--viz-chip-info-border);
  --mat-chip-container-shape-radius: var(--viz-chip-border-radius, 9999px);
  --mat-chip-with-icon-icon-color: var(--viz-chip-info-icon);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--viz-chip-info-icon);
  --mat-chip-disabled-label-text-color: var(--viz-chip-disabled-text);
  --mat-chip-disabled-outline-color: var(--viz-chip-disabled-border);
  --mat-chip-elevated-disabled-container-color: var(--viz-chip-disabled-bg);
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-with-icon-disabled-icon-color: var(--viz-chip-disabled-icon);
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--viz-chip-disabled-icon);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.viz-light-theme .viz-chip-info .mdc-evolution-chip__cell .mdc-evolution-chip__action {
  padding-left: var(--viz-chip-default-padding-x, 12px);
  padding-right: var(--viz-chip-default-padding-x, 12px);
}
.viz-light-theme .viz-chip-small {
  --mat-chip-label-text-weight: 500;
  --mat-chip-label-text-size: 0.75rem;
  --mat-chip-label-text-line-height: 1rem;
  --mat-chip-container-height: 1.5rem;
  --mat-chip-with-icon-icon-size: 1rem;
  --mat-chip-with-avatar-avatar-size: 1rem;
}
.viz-light-theme .viz-chip-small .mdc-evolution-chip__cell .mdc-evolution-chip__action {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.viz-light-theme .viz-chip-small .mdc-evolution-chip__cell .mdc-evolution-chip__action .mdc-evolution-chip__text-label {
  display: inline-flex;
  align-items: center;
}
.viz-light-theme .viz-chip-small .mdc-evolution-chip__cell span.mdc-evolution-chip__text-label.mat-mdc-chip-action-label {
  display: inline-flex;
  align-items: center;
}
.viz-light-theme .viz-chip-small .mdc-evolution-chip__cell button {
  padding: 0 0.25rem 0 0.25rem;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.viz-light-theme .viz-chip-small .mdc-evolution-chip__cell mat-icon {
  font-size: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  padding: 0 0.25rem 0 0.25rem;
}
.viz-light-theme .viz-chip-small .viz-chip__icon--left {
  margin-right: 0.25rem;
}
.viz-light-theme .viz-chip-small .viz-chip__icon--right {
  margin-left: 0.25rem;
}
.viz-light-theme .viz-chip__icon--left {
  margin-right: 0.5rem;
}
.viz-light-theme .viz-chip__icon--right {
  margin-left: 0.5rem;
}
.viz-light-theme .viz-chip--hide-cancel [matChipRemove] {
  display: none;
}
.viz-light-theme {
  --mat-datepicker-toggle-icon-color: #525252;
  --mat-datepicker-toggle-active-state-icon-color: #525252;
  --mat-datepicker-calendar-container-background-color: #FCFCFC;
  --mat-datepicker-calendar-date-text-color: #1F1F1F;
  --mat-datepicker-calendar-date-hover-state-background-color: #A7D1AF;
  --mat-datepicker-calendar-date-selected-state-text-color: #FFFFFF;
  --mat-datepicker-calendar-date-selected-state-background-color: #123720;
  --mat-datepicker-calendar-date-today-outline-color: #123720;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #123720;
  --mat-datepicker-calendar-navigation-button-icon-color: #525252;
  --mat-datepicker-calendar-container-shape: 0.25rem;
  --mat-datepicker-calendar-container-touch-shape: 0.25rem;
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0 0.0625rem 0.1875rem 0 rgba(31, 31, 31, 0.3), 0 0.25rem 0.5rem 0.1875rem rgba(31, 31, 31, 0.15);
  --mat-datepicker-calendar-container-elevation-shadow: 0 0.0625rem 0.1875rem 0 rgba(31, 31, 31, 0.3), 0 0.25rem 0.5rem 0.1875rem rgba(31, 31, 31, 0.15);
}
.viz-light-theme .mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-disabled,
.viz-light-theme .mat-datepicker-toggle .mat-mdc-icon-button[disabled] {
  color: #CCCCCC;
}
.viz-light-theme .viz-popover {
  background-color: #FCFCFC;
  color: #000000;
  border: transparent;
  box-shadow: 0 0.125rem 0.375rem 0.125rem color-mix(in srgb, #1F1F1F 15%, transparent), 0 0.0625rem 0.1875rem 0 color-mix(in srgb, #1F1F1F 30%, transparent);
}
.viz-light-theme .viz-popover .viz-popover-title {
  padding: 0.875rem 1rem 0;
  color: #1F1F1F;
}
.viz-light-theme .viz-popover .viz-popover-body {
  padding: 0.25rem 1rem 0.5rem;
  color: #525252;
}
.viz-light-theme lib-viz-file-status .viz-file__file-name {
  color: #1F1F1F;
}
.viz-light-theme lib-viz-file-status .viz-file__progress {
  --mat-progress-bar-track-color: #F2F2F2;
  --mat-progress-bar-active-indicator-color: #123720;
}
.viz-light-theme lib-viz-file-status .viz-file__status {
  color: #1F1F1F;
}
.viz-light-theme lib-viz-file-status .viz-file__status--success {
  color: #2D6A44;
}
.viz-light-theme lib-viz-file-status .viz-file__status--error {
  color: #B3272F;
}
.viz-light-theme lib-viz-file-status .viz-file__actions {
  --mat-icon-button-icon-color: #525252;
}
.viz-light-theme lib-viz-file-drag-and-drop .viz-file-drag-and-drop__drop-zone--active {
  border-color: #729A7B;
  background: #F7F7F7;
}
.viz-light-theme lib-viz-file-drag-and-drop .viz-file-drag-and-drop__drop-icon {
  color: #525252;
}
.viz-light-theme lib-viz-file-drag-and-drop .viz-file-drag-and-drop__drop-label {
  color: #1F1F1F;
}
.viz-light-theme lib-viz-file-drag-and-drop .viz-file-drag-and-drop__drop-link {
  color: #123720;
  text-decoration: underline;
}
.viz-light-theme lib-viz-file-drag-and-drop .viz-file-drag-and-drop__drop-link:hover {
  color: #729A7B;
}
.viz-light-theme lib-viz-file-drag-and-drop .viz-file-drag-and-drop__drop-hint {
  color: #525252;
}
.viz-light-theme lib-viz-file-drag-and-drop .viz-file-drag-and-drop__list {
  margin-top: 0.5rem;
}
.viz-light-theme lib-viz-file-upload-dialog .viz-file-upload-dialog {
  background: #FCFCFC;
}
.viz-light-theme lib-viz-file-upload-dialog .viz-file-upload-dialog__header {
  border-bottom: 0;
}
.viz-light-theme lib-viz-file-upload-dialog .viz-file-upload-dialog__title {
  color: #1F1F1F;
  font-size: 1.5rem;
  font-weight: 400;
}
.viz-light-theme lib-viz-file-upload-dialog .viz-file-upload-dialog__footer {
  border-top: 0;
}
.viz-light-theme .viz-header {
  padding: 0 0 0 0.5rem;
}
.viz-light-theme .viz-header .viz-header-app-name {
  color: var(--viz-secondary-600, #561A33);
}
.viz-light-theme .viz-header .viz-header-menu-menu-wrapper .viz-header-account-dropdown {
  --mat-button-text-label-text-size: 1rem;
  --mat-button-text-state-layer-color: transparent;
}
.viz-light-theme .viz-header .mat-mdc-button {
  color: var(--viz-secondary-600, #561A33);
}
.viz-light-theme .viz-header .mat-mdc-button .mat-icon {
  color: var(--viz-secondary-600, #561A33);
}
.viz-light-theme .viz-header .mat-mdc-button:hover {
  background-color: color-mix(in srgb, #1F1F1F 8%, transparent);
}
.viz-light-theme .viz-header .mat-mdc-button:focus, .viz-light-theme .viz-header .mat-mdc-button:active {
  background-color: color-mix(in srgb, #1F1F1F 8%, transparent);
}
.viz-light-theme .viz-header .mat-mdc-button[disabled] {
  color: var(--viz-neutral-400, #E6E6E6);
}
.viz-light-theme .viz-header .mat-mdc-button[disabled] .mat-icon {
  color: var(--viz-neutral-400, #E6E6E6);
}
.viz-light-theme .viz-header .mat-mdc-icon-button {
  color: var(--viz-secondary-600, #561A33);
}
.viz-light-theme .viz-header .mat-mdc-icon-button .mat-icon {
  color: var(--viz-secondary-600, #561A33);
}
.viz-light-theme .viz-header .mat-mdc-icon-button:hover {
  background-color: color-mix(in srgb, #1F1F1F 8%, transparent);
}
.viz-light-theme .viz-header .mat-mdc-icon-button:focus, .viz-light-theme .viz-header .mat-mdc-icon-button:active {
  background-color: color-mix(in srgb, #1F1F1F 8%, transparent);
}
.viz-light-theme .viz-header .mat-mdc-icon-button[disabled] {
  color: var(--viz-neutral-400, #E6E6E6);
}
.viz-light-theme .viz-header .mat-mdc-icon-button[disabled] .mat-icon {
  color: var(--viz-neutral-400, #E6E6E6);
}
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]),
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link {
  color: var(--viz-secondary-600, #561A33);
}
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]) .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link .mat-mdc-menu-item-text {
  color: var(--viz-secondary-600, #561A33);
}
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]) .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]) .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]) .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]) .mat-mdc-menu-item-submenu-trigger,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited .mat-mdc-menu-item-submenu-trigger,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link .mat-mdc-menu-item-submenu-trigger {
  color: var(--viz-secondary-600, #561A33);
}
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):focus .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):focus .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):focus .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):focus .mat-mdc-menu-item-submenu-trigger, .viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-keyboard-focused .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-keyboard-focused .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-keyboard-focused .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-keyboard-focused .mat-mdc-menu-item-submenu-trigger, .viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-program-focused .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-program-focused .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-program-focused .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-program-focused .mat-mdc-menu-item-submenu-trigger, .viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):active .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):active .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):active .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):active .mat-mdc-menu-item-submenu-trigger,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:focus .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:focus .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:focus .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:focus .mat-mdc-menu-item-submenu-trigger,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-keyboard-focused .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-keyboard-focused .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-keyboard-focused .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-keyboard-focused .mat-mdc-menu-item-submenu-trigger,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-program-focused .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-program-focused .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-program-focused .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-program-focused .mat-mdc-menu-item-submenu-trigger,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:active .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:active .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:active .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:active .mat-mdc-menu-item-submenu-trigger,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:focus .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:focus .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:focus .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:focus .mat-mdc-menu-item-submenu-trigger,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-keyboard-focused .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-keyboard-focused .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-keyboard-focused .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-keyboard-focused .mat-mdc-menu-item-submenu-trigger,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-program-focused .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-program-focused .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-program-focused .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-program-focused .mat-mdc-menu-item-submenu-trigger,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:active .mat-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:active .mat-icon-no-color,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:active .mat-mdc-menu-submenu-icon,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:active .mat-mdc-menu-item-submenu-trigger {
  color: var(--viz-secondary-600, #561A33);
}
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):focus .mat-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):focus .mat-icon-no-color .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):focus .mat-mdc-menu-submenu-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):focus .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-item-text, .viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-keyboard-focused .mat-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-keyboard-focused .mat-icon-no-color .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-keyboard-focused .mat-mdc-menu-submenu-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-keyboard-focused .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-item-text, .viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-program-focused .mat-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-program-focused .mat-icon-no-color .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-program-focused .mat-mdc-menu-submenu-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]).cdk-program-focused .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-item-text, .viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):active .mat-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):active .mat-icon-no-color .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):active .mat-mdc-menu-submenu-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):active .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:focus .mat-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:focus .mat-icon-no-color .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:focus .mat-mdc-menu-submenu-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:focus .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-keyboard-focused .mat-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-keyboard-focused .mat-icon-no-color .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-keyboard-focused .mat-mdc-menu-submenu-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-keyboard-focused .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-program-focused .mat-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-program-focused .mat-icon-no-color .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-program-focused .mat-mdc-menu-submenu-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited.cdk-program-focused .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:active .mat-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:active .mat-icon-no-color .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:active .mat-mdc-menu-submenu-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):visited:active .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:focus .mat-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:focus .mat-icon-no-color .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:focus .mat-mdc-menu-submenu-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:focus .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-keyboard-focused .mat-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-keyboard-focused .mat-icon-no-color .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-keyboard-focused .mat-mdc-menu-submenu-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-keyboard-focused .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-program-focused .mat-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-program-focused .mat-icon-no-color .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-program-focused .mat-mdc-menu-submenu-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link.cdk-program-focused .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:active .mat-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:active .mat-icon-no-color .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:active .mat-mdc-menu-submenu-icon .mat-mdc-menu-item-text,
.viz-light-theme .mat-mdc-menu-panel .mat-mdc-menu-item[data-testid^=viz-header-]:not([disabled]):link:active .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-item-text {
  color: var(--viz-secondary-600, #561A33);
}
.viz-light-theme .viz-header-menu-panel {
  --mat-menu-item-label-text-color: var(--viz-secondary-600, #561A33);
  --mat-menu-item-icon-color: var(--viz-secondary-600, #561A33);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, #1F1F1F 8%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, #1F1F1F 16%, transparent);
}
.viz-light-theme .viz-header-menu-panel [mat-menu-item][disabled] {
  --mat-menu-item-label-text-color: var(--viz-neutral-500, #CCCCCC);
  background-color: transparent;
}
.viz-light-theme .ng-touched .mat-form-field-invalid .viz-password-form-field__visibility-button,
.viz-light-theme .ng-touched.mat-form-field-invalid .viz-password-form-field__visibility-button,
.viz-light-theme .ng-touched .mat-form-field-invalid .viz-email-form-field__icon,
.viz-light-theme .ng-touched.mat-form-field-invalid .viz-email-form-field__icon {
  color: #B3272F;
}

.viz-theme-container {
  transition: background-color 0.3s ease, color 0.3s ease;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
[tabindex]:focus-visible,
.mat-focus-indicator:focus-visible {
  outline: 0.125rem solid #294E35;
  outline-offset: 0.125rem;
}

/* Optional: remove default outline on non-keyboard focus (e.g. mouse click) */
*:focus:not(:focus-visible) {
  outline: none;
}

/* You can add global styles to this file, and also import other style files */
/**
 * Accessibility utility classes
 *
 * These classes provide common accessibility patterns that can be reused
 * across multiple components in the design system.
 */
/**
 * Focus ring mixin
 *
 * Provides a consistent focus ring for interactive elements.
 * This mixin ensures WCAG 2.1 AA compliance for focus indicators.
 *
 * @example
 * ```scss
 * .my-button {
 *   @include focus-ring;
 * }
 * ```
 */
/**
 * Screen reader only content
 *
 * Hides content visually but keeps it available to screen readers.
 * Useful for providing additional context or instructions that should
 * only be read by assistive technologies.
 *
 * @example
 * ```html
 * <div class="sr-only">
 *   Additional instructions for screen readers only
 * </div>
 * ```
 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/**
 * Keyboard shortcut badge
 *
 * A reusable class for displaying keyboard shortcuts in a consistent style.
 * Automatically shows on parent element hover/focus - no additional CSS needed.
 *
 * @example
 * ```html
 * <button>
 *   <span class="viz-shortcut" aria-label="Keyboard shortcut: L">L</span>
 *   Save
 * </button>
 * ```
 *
 */
.viz-shortcut {
  background: var(--viz-neutral-200, #F7F7F7);
  color: var(--viz-neutral-600, #7A7A7A);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  padding: 0 0.375rem;
  border-radius: 0.125rem;
  border: 0.0625rem solid var(--viz-neutral-400, #E6E6E6);
  margin: 0 0.25rem 0 0.25rem;
  opacity: 0;
  display: inline-block;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

:focus-visible .viz-shortcut {
  opacity: 1 !important;
}

html {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
}

body {
  margin: 0;
}

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