/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* 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 */
/**
 * 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 the global typography variables.
 */
/**
 * Generate heading 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
 * 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: "Soleto", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: 0;
  margin: 0;
}

h2,
.viz-heading-2 {
  font-family: "Soleto", sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.25rem;
  letter-spacing: 0;
  margin: 0;
}

h3,
.viz-heading-3 {
  font-family: "Soleto", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: 0;
  margin: 0;
}

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;
}

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;
}

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;
}

.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.03125rem;
  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.03125rem;
  margin: 0;
}

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

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

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

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

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

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

.viz-text-primary-700 {
  color: var(--viz-primary-700, #301E53);
}

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

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

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

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

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

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

.viz-text-secondary-700 {
  color: var(--viz-secondary-700, #002E2D);
}

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

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

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

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

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

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

.viz-text-tertiary-700 {
  color: var(--viz-tertiary-700, #471902);
}

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

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

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

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

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

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

.viz-text-error-700 {
  color: var(--viz-error-700, #54040D);
}

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

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

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

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

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

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

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

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

.viz-text-success {
  color: var(--viz-success-500, #2D8150);
}

.viz-text-success-light {
  color: var(--viz-success-300, #94D5A9);
}

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

.viz-text-warning-light {
  color: var(--viz-warning-300, #ECBC91);
}

.viz-text-info {
  color: var(--viz-info-500, #1976CA);
}

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

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

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

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

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

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

.viz-text-success {
  color: var(--viz-success-500, #2D8150);
}

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

.viz-text-info {
  color: var(--viz-info-500, #1976CA);
}

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

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

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

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

.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-40 {
  padding: 2.5rem;
}

.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-40 {
  padding-top: 2.5rem;
}

.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-40 {
  padding-right: 2.5rem;
}

.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-40 {
  padding-bottom: 2.5rem;
}

.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-40 {
  padding-left: 2.5rem;
}

.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-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.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-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.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-40 {
  margin: 2.5rem;
}

.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-40 {
  margin-top: 2.5rem;
}

.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-40 {
  margin-right: 2.5rem;
}

.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-40 {
  margin-bottom: 2.5rem;
}

.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-40 {
  margin-left: 2.5rem;
}

.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-40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.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-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

/* 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);
 * }
 * ```
 */
:root,
.viz-light-theme {
  --viz-white: #FFFFFF;
  --viz-black: #000000;
  --viz-primary-100: #FAF9FD;
  --viz-primary-200: #EEE4FC;
  --viz-primary-300: #D3BEF3;
  --viz-primary-400: #C0A5E8;
  --viz-primary-500: #8262BD;
  --viz-primary-600: #583D8C;
  --viz-primary-700: #301E53;
  --viz-secondary-100: #F5FAFA;
  --viz-secondary-200: #CDEFED;
  --viz-secondary-300: #81D5D3;
  --viz-secondary-400: #4CC2C0;
  --viz-secondary-500: #01807F;
  --viz-secondary-600: #015554;
  --viz-secondary-700: #002E2D;
  --viz-tertiary-100: #FDF8F6;
  --viz-tertiary-200: #FDE2D8;
  --viz-tertiary-300: #FDB597;
  --viz-tertiary-400: #FF9266;
  --viz-tertiary-500: #CC3D01;
  --viz-tertiary-600: #8A2600;
  --viz-tertiary-700: #471902;
  --viz-error-100: #FDF8F7;
  --viz-error-200: #FFE1DE;
  --viz-error-300: #FFB2AB;
  --viz-error-400: #FE9089;
  --viz-error-500: #CE373F;
  --viz-error-600: #911924;
  --viz-error-700: #54040D;
  --viz-neutral-100: #FCFCFC;
  --viz-neutral-200: #F9F9F9;
  --viz-neutral-300: #EEEEEE;
  --viz-neutral-400: #E2E2E2;
  --viz-neutral-500: #4B4B4B;
  --viz-neutral-600: #393939;
  --viz-neutral-700: #282828;
  --viz-neutral-800: #181818;
  --viz-success-300: #94D5A9;
  --viz-success-400: #6FC28C;
  --viz-success-500: #2D8150;
  --viz-warning-300: #ECBC91;
  --viz-warning-400: #EA9F53;
  --viz-warning-500: #A36114;
  --viz-info-300: #B1C8F3;
  --viz-info-400: #87B3F9;
  --viz-info-500: #1976CA;
  --mat-sys-background: light-dark(#F9F9F9, );
  --mat-sys-error: light-dark(#CE373F, #FFB2AB);
  --mat-sys-error-container: light-dark(#FFE1DE, #911924);
  --mat-sys-inverse-on-surface: light-dark(, #282828);
  --mat-sys-inverse-primary: light-dark(#D3BEF3, #8262BD);
  --mat-sys-inverse-surface: light-dark(#282828, );
  --mat-sys-on-background: light-dark(#181818, );
  --mat-sys-on-error: light-dark(#FFFFFF, );
  --mat-sys-on-error-container: light-dark(#911924, #FFE1DE);
  --mat-sys-on-primary: light-dark(#FFFFFF, #301E53);
  --mat-sys-on-primary-container: light-dark(#583D8C, #EEE4FC);
  --mat-sys-on-primary-fixed: light-dark(, );
  --mat-sys-on-primary-fixed-variant: light-dark(#583D8C, #583D8C);
  --mat-sys-on-secondary: light-dark(#FFFFFF, #002E2D);
  --mat-sys-on-secondary-container: light-dark(#015554, #CDEFED);
  --mat-sys-on-secondary-fixed: light-dark(, );
  --mat-sys-on-secondary-fixed-variant: light-dark(#015554, #015554);
  --mat-sys-on-surface: light-dark(#181818, );
  --mat-sys-on-surface-variant: light-dark(, );
  --mat-sys-on-tertiary: light-dark(#FFFFFF, #471902);
  --mat-sys-on-tertiary-container: light-dark(#8A2600, #FDE2D8);
  --mat-sys-on-tertiary-fixed: light-dark(, );
  --mat-sys-on-tertiary-fixed-variant: light-dark(#8A2600, #8A2600);
  --mat-sys-outline: light-dark(, );
  --mat-sys-outline-variant: light-dark(, );
  --mat-sys-primary: light-dark(#8262BD, #D3BEF3);
  --mat-sys-primary-container: light-dark(#EEE4FC, #583D8C);
  --mat-sys-primary-fixed: light-dark(#EEE4FC, #EEE4FC);
  --mat-sys-primary-fixed-dim: light-dark(#D3BEF3, #D3BEF3);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#01807F, );
  --mat-sys-secondary-container: light-dark(#CDEFED, #015554);
  --mat-sys-secondary-fixed: light-dark(#CDEFED, #CDEFED);
  --mat-sys-secondary-fixed-dim: light-dark(, );
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#F9F9F9, );
  --mat-sys-surface-bright: light-dark(#F9F9F9, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(#EEEEEE, );
  --mat-sys-surface-container-highest: light-dark(, );
  --mat-sys-surface-container-low: light-dark(, #181818);
  --mat-sys-surface-container-lowest: light-dark(#FFFFFF, );
  --mat-sys-surface-dim: light-dark(#E2E2E2, );
  --mat-sys-surface-tint: light-dark(#8262BD, #D3BEF3);
  --mat-sys-surface-variant: light-dark(, );
  --mat-sys-tertiary: light-dark(#CC3D01, #FDB597);
  --mat-sys-tertiary-container: light-dark(#FDE2D8, #8A2600);
  --mat-sys-tertiary-fixed: light-dark(#FDE2D8, #FDE2D8);
  --mat-sys-tertiary-fixed-dim: light-dark(#FDB597, #FDB597);
  --mat-sys-neutral-variant20: ;
  --mat-sys-neutral10: #181818;
  --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;
  --mat-checkbox-disabled-selected-checkmark-color: #D3BEF3;
  --mat-checkbox-disabled-selected-icon-color: #EEE4FC;
  --mat-checkbox-disabled-unselected-icon-color: #E2E2E2;
  --mat-radio-disabled-unselected-icon-opacity: 1;
  --mat-radio-disabled-selected-icon-opacity: 1;
  --mat-radio-disabled-label-color: #4B4B4B;
  --mat-radio-disabled-selected-icon-color: #EEE4FC;
  --mat-radio-disabled-unselected-icon-color: #E2E2E2;
  --mat-divider-color: #E2E2E2;
  --mat-stepper-header-icon-background-color: #4B4B4B;
  --mat-stepper-header-done-state-icon-background-color: #4B4B4B;
  --mat-stepper-header-edit-state-icon-background-color: #4B4B4B;
  --mat-stepper-header-icon-foreground-color: #FCFCFC;
  --mat-stepper-header-done-state-icon-foreground-color: #FCFCFC;
  --mat-stepper-header-edit-state-icon-foreground-color: #FCFCFC;
  --mat-stepper-line-color: #E2E2E2;
  --mat-stepper-header-label-text-font: Roboto, Helvetica Neue, sans-serif;
  --mat-stepper-header-label-text-size: 1rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-selected-state-label-text-size: 1rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-disabled-state-text-color: #E2E2E2;
  --mat-expansion-header-text-color: #181818;
  --mat-expansion-header-indicator-color: #4B4B4B;
  --mat-expansion-container-background-color: #FCFCFC;
  --mat-expansion-container-shape: 0.25rem;
  --mat-expansion-actions-divider-color: #E2E2E2;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: none;
  --mat-card-elevated-container-color: #FFFFFF;
  --mat-card-filled-container-color: #F9F9F9;
  --mat-card-outlined-container-color: #FFFFFF;
  --mat-card-outlined-outline-color: #E2E2E2;
  --mat-tooltip-container-color: #4B4B4B;
  --mat-tooltip-supporting-text-color: #FCFCFC;
  --mat-snack-bar-container-color: #4B4B4B;
  --mat-snack-bar-supporting-text-color: #FCFCFC;
  --mat-dialog-container-color: #FFFFFF;
  --mat-dialog-container-shape: 0.5rem;
  --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: #181818;
  --mat-menu-item-icon-color: #4B4B4B;
  --mat-menu-item-hover-state-layer-color: #E2E2E2;
  --mat-menu-item-focus-state-layer-color: #D3BEF3;
  --mat-progress-bar-active-indicator-color: #8262BD;
  --mat-progress-bar-track-color: #EEE4FC;
  --mat-button-toggle-state-layer-color: #FFFFFF;
  --mat-button-toggle-disabled-state-background-color: #EEEEEE;
  --mat-button-toggle-disabled-state-text-color: #4B4B4B;
  --mat-button-toggle-divider-color: #4B4B4B;
  --mat-button-toggle-selected-state-background-color: #D3BEF3;
  --mat-button-toggle-selected-state-text-color: #301E53;
  --mat-button-toggle-text-color: #181818;
  --mat-form-field-filled-container-color: #EEEEEE;
  --mat-form-field-filled-label-text-color: #393939;
  --mat-form-field-filled-focus-label-text-color: #8262BD;
  --mat-form-field-filled-error-label-text-color: #CE373F;
  --mat-form-field-filled-error-focus-label-text-color: #CE373F;
  --mat-form-field-filled-error-hover-label-text-color: #911924;
  --mat-form-field-filled-disabled-container-color: #F9F9F9;
  --mat-form-field-filled-disabled-label-text-color: #E2E2E2;
  --mat-form-field-filled-disabled-input-text-color: #E2E2E2;
  --mat-form-field-filled-disabled-active-indicator-color: #E2E2E2;
  --mat-form-field-outlined-label-text-color: #393939;
  --mat-form-field-outlined-focus-label-text-color: #8262BD;
  --mat-form-field-outlined-outline-color: #4B4B4B;
  --mat-form-field-outlined-focus-outline-color: #8262BD;
  --mat-form-field-outlined-error-label-text-color: #CE373F;
  --mat-form-field-outlined-error-focus-label-text-color: #CE373F;
  --mat-form-field-outlined-error-outline-color: #CE373F;
  --mat-form-field-outlined-error-focus-outline-color: #CE373F;
  --mat-form-field-outlined-error-hover-label-text-color: #911924;
  --mat-form-field-outlined-error-hover-outline-color: #911924;
  --mat-form-field-outlined-disabled-label-text-color: #E2E2E2;
  --mat-form-field-outlined-disabled-input-text-color: #E2E2E2;
  --mat-form-field-outlined-disabled-outline-color: #E2E2E2;
  --mat-form-field-disabled-input-text-placeholder-color: #E2E2E2;
  --mat-form-field-disabled-leading-icon-color: #E2E2E2;
  --mat-form-field-disabled-select-arrow-color: #E2E2E2;
  --mat-form-field-disabled-trailing-icon-color: #E2E2E2;
  --mat-form-field-select-disabled-option-text-color: #E2E2E2;
  --mat-select-panel-background-color: #FCFCFC;
  --mat-select-enabled-trigger-text-color: #181818;
  --mat-select-enabled-arrow-color: #393939;
  --mat-select-focused-arrow-color: #8262BD;
  --mat-select-disabled-trigger-text-color: #E2E2E2;
  --mat-select-disabled-arrow-color: #E2E2E2;
  --mat-option-selected-state-layer-color: #D3BEF3;
  --mat-option-selected-state-label-text-color: #301E53;
  --mat-option-label-text-color: #181818;
  --mat-option-label-text-size: 0.875rem;
  --mat-option-hover-state-layer-color: #E2E2E2;
  --mat-option-focus-state-layer-color: #D3BEF3;
  --mat-autocomplete-background-color: #FCFCFC;
  --mat-slider-active-track-color: #8262BD;
  --mat-slider-inactive-track-color: #EEE4FC;
  --mat-slider-with-tick-marks-inactive-container-color: #EEE4FC;
  --mat-slider-with-tick-marks-inactive-container-opacity: 1;
  --mat-progress-spinner-active-indicator-color: #8262BD;
  /* 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 */
  --mat-tab-active-indicator-color: #8262BD;
  --mat-tab-active-indicator-height: 0.1875rem;
  --mat-tab-divider-height: 0.0625rem;
  --mat-tab-divider-color: #E2E2E2;
  --mat-tab-active-label-text-color: #181818;
  --mat-tab-inactive-label-text-color: #181818;
  --mat-slide-toggle-unselected-handle-color: #4B4B4B;
  --mat-slide-toggle-unselected-focus-handle-color: #4B4B4B;
  --mat-slide-toggle-unselected-hover-handle-color: #4B4B4B;
  --mat-slide-toggle-unselected-pressed-handle-color: #4B4B4B;
  --mat-slide-toggle-unselected-icon-size: 0;
  --mat-slide-toggle-disabled-unselected-handle-color: #E2E2E2;
  --mat-slide-toggle-selected-track-outline-width: 0;
  --mat-slide-toggle-selected-handle-color: #FFFFFF;
  --mat-slide-toggle-selected-focus-handle-color: #FFFFFF;
  --mat-slide-toggle-selected-hover-handle-color: #FFFFFF;
  --mat-slide-toggle-selected-icon-size: 0;
  --mat-slide-toggle-selected-track-outline-color: #8262BD;
  --mat-slide-toggle-disabled-selected-handle-color: #D3BEF3;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #E2E2E2;
  --mat-slide-toggle-disabled-selected-handle-opacity: 1;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 1;
  --mat-slide-toggle-disabled-track-opacity: 1;
  --mat-slide-toggle-disabled-selected-track-color: #EEE4FC;
  --mat-slide-toggle-track-outline-color: #4B4B4B;
  --mat-datepicker-toggle-icon-color: #4B4B4B;
  --mat-datepicker-toggle-active-state-icon-color: #4B4B4B;
  --mat-datepicker-calendar-container-background-color: #FCFCFC;
  --mat-datepicker-calendar-date-hover-state-background-color: #D3BEF3;
  --mat-datepicker-calendar-date-selected-state-background-color: #8262BD;
  --mat-datepicker-calendar-date-today-outline-color: #8262BD;
}
:root .mdc-snackbar__label,
.viz-light-theme .mdc-snackbar__label {
  padding: 0.75rem 0.5rem 0.75rem 1rem;
}
:root lib-viz-button-toggle .mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.viz-light-theme lib-viz-button-toggle .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 1rem;
}
:root lib-viz-button-toggle .mat-button-toggle-appearance-standard .mat-button-toggle-label-content mat-icon + span,
.viz-light-theme lib-viz-button-toggle .mat-button-toggle-appearance-standard .mat-button-toggle-label-content mat-icon + span {
  margin-left: 0.5rem;
}
:root .viz-btn-toggle-medium,
.viz-light-theme .viz-btn-toggle-medium {
  --mat-button-toggle-label-text-size: 0.875rem;
  --mat-button-toggle-height: 2rem;
}
:root .viz-btn-toggle-medium .mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.viz-light-theme .viz-btn-toggle-medium .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 0.5rem;
}
:root .viz-btn-toggle-medium .mat-button-toggle-appearance-standard .mat-button-toggle-label-content mat-icon + span,
.viz-light-theme .viz-btn-toggle-medium .mat-button-toggle-appearance-standard .mat-button-toggle-label-content mat-icon + span {
  margin-left: 0.25rem;
}
:root .viz-btn-toggle-small,
.viz-light-theme .viz-btn-toggle-small {
  --mat-button-toggle-label-text-size: 0.75rem;
  --mat-button-toggle-height: 1.5rem;
}
:root .viz-btn-toggle-small .mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.viz-light-theme .viz-btn-toggle-small .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 0.25rem;
}
:root .viz-btn-toggle-small .mat-button-toggle-appearance-standard .mat-button-toggle-label-content mat-icon + span,
.viz-light-theme .viz-btn-toggle-small .mat-button-toggle-appearance-standard .mat-button-toggle-label-content mat-icon + span {
  margin-left: 0.125rem;
}
:root lib-viz-button-toggle mat-button-toggle mat-icon,
.viz-light-theme lib-viz-button-toggle mat-button-toggle mat-icon {
  color: #4B4B4B;
}
:root lib-viz-button-toggle mat-button-toggle.mat-button-toggle-checked mat-icon,
.viz-light-theme lib-viz-button-toggle mat-button-toggle.mat-button-toggle-checked mat-icon {
  color: #301E53;
}
:root .mat-mdc-slider:not(.mdc-slider--tick-marks) .mdc-slider__track--inactive,
.viz-light-theme .mat-mdc-slider:not(.mdc-slider--tick-marks) .mdc-slider__track--inactive {
  opacity: 1 !important;
}
:root .viz-progress-spinner-track-width-4,
.viz-light-theme .viz-progress-spinner-track-width-4 {
  --track-width: 4px;
}
:root .viz-progress-spinner-track-width-5,
.viz-light-theme .viz-progress-spinner-track-width-5 {
  --track-width: 5px;
}
:root .viz-progress-spinner-track-width-10,
.viz-light-theme .viz-progress-spinner-track-width-10 {
  --track-width: 10px;
}
:root .viz-progress-spinner-track-width-15,
.viz-light-theme .viz-progress-spinner-track-width-15 {
  --track-width: 15px;
}
:root .viz-progress-spinner-track-width-20,
.viz-light-theme .viz-progress-spinner-track-width-20 {
  --track-width: 20px;
}
:root .mat-mdc-progress-spinner[mode=determinate],
.viz-light-theme .mat-mdc-progress-spinner[mode=determinate] {
  position: relative;
}
:root .mat-mdc-progress-spinner[mode=determinate]::before,
.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 #EEE4FC;
}
:root .mat-mdc-progress-spinner[mode=determinate] svg,
.viz-light-theme .mat-mdc-progress-spinner[mode=determinate] svg {
  position: relative;
  z-index: 1;
}
:root .mat-mdc-menu-panel.mat-mdc-menu-panel, :root .mat-mdc-select-panel.mat-mdc-select-panel, :root .mat-mdc-autocomplete-panel,
.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;
}
:root .mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-select-arrow-wrapper,
.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);
}
:root .mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow-wrapper,
.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);
}
:root .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,
.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);
}
:root .viz-btn-secondary,
.viz-light-theme .viz-btn-secondary {
  --mat-button-filled-container-color: #01807F;
  --mat-button-filled-label-text-color: #F5FAFA;
  --mat-button-outlined-outline-color: #01807F;
  --mat-button-outlined-label-text-color: #015554;
  --mat-button-text-label-text-color: #015554;
}
:root .viz-btn-tertiary,
.viz-light-theme .viz-btn-tertiary {
  --mat-button-filled-container-color: #CC3D01;
  --mat-button-filled-label-text-color: #FDF8F6;
  --mat-button-outlined-outline-color: #CC3D01;
  --mat-button-outlined-label-text-color: #8A2600;
  --mat-button-text-label-text-color: #8A2600;
}
:root .viz-btn-error,
.viz-light-theme .viz-btn-error {
  --mat-button-filled-container-color: #CE373F;
  --mat-button-filled-label-text-color: #FDF8F7;
  --mat-button-filled-disabled-container-color: #FFE1DE;
  --mat-button-filled-disabled-label-text-color: #FFB2AB;
  --mat-button-outlined-outline-color: #CE373F;
  --mat-button-outlined-label-text-color: #CE373F;
  --mat-button-outlined-disabled-outline-color: #FFE1DE;
  --mat-button-outlined-disabled-label-text-color: #FFB2AB;
  --mat-button-text-label-text-color: #CE373F;
  --mat-button-text-disabled-label-text-color: #FFE1DE;
}
:root .viz-btn-primary,
.viz-light-theme .viz-btn-primary {
  --mat-button-filled-label-text-color: #FAF9FD;
  --mat-button-filled-disabled-container-color: #EEE4FC;
  --mat-button-filled-disabled-label-text-color: #D3BEF3;
  --mat-button-outlined-disabled-outline-color: #EEE4FC;
  --mat-button-outlined-disabled-label-text-color: #D3BEF3;
  --mat-button-text-disabled-label-text-color: #D3BEF3;
}
:root button.viz-btn-disabled-for-a11y[aria-disabled=true],
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true] {
  cursor: not-allowed;
  pointer-events: none;
}
:root button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-primary[matbutton=filled], :root button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-primary.mat-mdc-unelevated-button,
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-primary[matbutton=filled],
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-primary.mat-mdc-unelevated-button {
  background-color: #EEE4FC;
  color: #D3BEF3;
  --mdc-filled-button-container-color: #EEE4FC;
  --mdc-filled-button-label-text-color: #D3BEF3;
  --mat-filled-button-disabled-container-color: #EEE4FC;
  --mat-filled-button-disabled-label-text-color: #D3BEF3;
}
:root button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-primary[matbutton=outlined], :root button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-primary.mat-mdc-outlined-button,
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-primary[matbutton=outlined],
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-primary.mat-mdc-outlined-button {
  border-color: #EEE4FC;
  color: #D3BEF3;
  --mdc-outlined-button-outline-color: #EEE4FC;
  --mdc-outlined-button-label-text-color: #D3BEF3;
  --mat-outlined-button-disabled-outline-color: #EEE4FC;
  --mat-outlined-button-disabled-label-text-color: #D3BEF3;
}
:root button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-primary[matbutton=text], :root button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-primary.mat-mdc-text-button,
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-primary[matbutton=text],
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-primary.mat-mdc-text-button {
  color: #D3BEF3;
  --mdc-text-button-label-text-color: #D3BEF3;
  --mat-text-button-disabled-label-text-color: #D3BEF3;
}
:root button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-error[matbutton=filled], :root button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-error.mat-mdc-unelevated-button,
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-error[matbutton=filled],
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-error.mat-mdc-unelevated-button {
  background-color: #FFE1DE;
  color: #FFB2AB;
  --mdc-filled-button-container-color: #FFE1DE;
  --mdc-filled-button-label-text-color: #FFB2AB;
  --mat-filled-button-disabled-container-color: #FFE1DE;
  --mat-filled-button-disabled-label-text-color: #FFB2AB;
}
:root button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-error[matbutton=outlined], :root button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-error.mat-mdc-outlined-button,
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-error[matbutton=outlined],
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-error.mat-mdc-outlined-button {
  border-color: #FFE1DE;
  color: #FFB2AB;
  --mdc-outlined-button-outline-color: #FFE1DE;
  --mdc-outlined-button-label-text-color: #FFB2AB;
  --mat-outlined-button-disabled-outline-color: #FFE1DE;
  --mat-outlined-button-disabled-label-text-color: #FFB2AB;
}
:root button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-error[matbutton=text], :root button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-error.mat-mdc-text-button,
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-error[matbutton=text],
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true].viz-btn-error.mat-mdc-text-button {
  color: #FFE1DE;
  --mdc-text-button-label-text-color: #FFE1DE;
  --mat-text-button-disabled-label-text-color: #FFE1DE;
}
:root button.viz-btn-disabled-for-a11y[aria-disabled=true] .mdc-button__label,
.viz-light-theme button.viz-btn-disabled-for-a11y[aria-disabled=true] .mdc-button__label {
  color: inherit;
}
:root .viz-btn--small,
.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;
}
:root .viz-btn--medium,
.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;
}
:root .viz-btn--large,
.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;
}
:root .viz-badge-primary,
.viz-light-theme .viz-badge-primary {
  --mat-badge-background-color: #C0A5E8;
  --mat-badge-text-color: #181818;
}
:root .viz-badge-secondary,
.viz-light-theme .viz-badge-secondary {
  --mat-badge-background-color: #4CC2C0;
  --mat-badge-text-color: #181818;
}
:root .viz-badge-error,
.viz-light-theme .viz-badge-error {
  --mat-badge-background-color: #FE9089;
  --mat-badge-text-color: #181818;
}
:root .viz-badge-success,
.viz-light-theme .viz-badge-success {
  --mat-badge-background-color: #6FC28C;
  --mat-badge-text-color: #181818;
}
:root .viz-badge-warning,
.viz-light-theme .viz-badge-warning {
  --mat-badge-background-color: #EA9F53;
  --mat-badge-text-color: #181818;
}
:root .viz-badge-info,
.viz-light-theme .viz-badge-info {
  --mat-badge-background-color: #87B3F9;
  --mat-badge-text-color: #181818;
}
:root .viz-badge-neutral,
.viz-light-theme .viz-badge-neutral {
  --mat-badge-background-color: #4B4B4B;
  --mat-badge-text-color: #FFFFFF;
}
:root .mat-mdc-tab-group .mat-mdc-tab.mdc-tab--active,
.viz-light-theme .mat-mdc-tab-group .mat-mdc-tab.mdc-tab--active {
  background-color: #EEEEEE;
}
:root .mat-mdc-tab-group .mat-mdc-tab:focus-visible, :root .mat-mdc-tab-group .mat-mdc-tab.cdk-keyboard-focused,
.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 #8262BD;
  outline-offset: -0.125rem;
  position: relative;
  z-index: 1;
}
:root .mat-mdc-tab-group .mat-mdc-tab:focus:not(:focus-visible),
.viz-light-theme .mat-mdc-tab-group .mat-mdc-tab:focus:not(:focus-visible) {
  outline: none;
}
:root .mat-mdc-tab-group .mat-mdc-tab mat-icon,
.viz-light-theme .mat-mdc-tab-group .mat-mdc-tab mat-icon {
  margin-right: 0.5rem;
  color: #4B4B4B;
}
:root .mat-mdc-tab-group .mat-mdc-tab .mat-badge-content,
.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 #8262BD;
  outline-offset: -0.0625rem;
}
:root .mat-mdc-tab-group .mat-mdc-tab-body-wrapper,
.viz-light-theme .mat-mdc-tab-group .mat-mdc-tab-body-wrapper {
  height: 0;
  overflow: hidden;
}
:root .mdc-switch.mdc-switch--disabled.mdc-switch--checked .mdc-switch__track::before,
:root .mdc-switch.mdc-switch--disabled.mdc-switch--checked .mdc-switch__track::after,
.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: #EEE4FC !important;
}
:root .viz-slide-toggle-small,
.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;
}
:root .viz-icon-btn--small,
.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;
}
:root .viz-icon-btn--medium,
.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;
}
:root .viz-icon-btn--large,
.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;
}
:root .viz-dont-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action, :root .viz-do-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action,
.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;
}
:root .viz-dont-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action .mdc-evolution-chip__text-label, :root .viz-do-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action .mdc-evolution-chip__text-label,
.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;
}
:root .viz-dont-chip .mdc-evolution-chip__cell mat-icon, :root .viz-do-chip .mdc-evolution-chip__cell mat-icon,
.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;
}
:root .viz-do-chip,
.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: #2D8150;
  --mat-chip-outline-color: #2D8150;
  --mat-chip-container-height: 1.5rem;
}
:root .viz-dont-chip,
.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: #CE373F;
  --mat-chip-outline-color: #CE373F;
  --mat-chip-container-height: 1.5rem;
}
:root .viz-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action .mdc-evolution-chip__text-label,
.viz-light-theme .viz-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action .mdc-evolution-chip__text-label {
  display: inline-flex;
  align-items: center;
}
:root .viz-chip .mdc-evolution-chip__cell span.mdc-evolution-chip__text-label.mat-mdc-chip-action-label,
.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;
}
:root .viz-chip .mdc-evolution-chip__cell mat-icon,
.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;
}
:root .viz-chip-default,
.viz-light-theme .viz-chip-default {
  --mat-chip-label-text-color: #181818;
  --mat-chip-elevated-container-color: #F9F9F9;
  --mat-chip-outline-color: #4B4B4B;
  --mat-chip-disabled-label-text-color: #E2E2E2;
  --mat-chip-disabled-outline-color: #E2E2E2;
  --mat-chip-elevated-disabled-container-color: #F9F9F9;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-with-icon-disabled-icon-color: #E2E2E2;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #E2E2E2;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
:root .viz-chip-primary,
.viz-light-theme .viz-chip-primary {
  --mat-chip-label-text-color: #181818;
  --mat-chip-elevated-container-color: #C0A5E8;
  --mat-chip-outline-color: #8262BD;
  --mat-chip-with-trailing-icon-trailing-icon-color: #181818;
  --mat-chip-with-icon-icon-color: #181818;
  --mat-chip-disabled-label-text-color: #E2E2E2;
  --mat-chip-disabled-outline-color: #E2E2E2;
  --mat-chip-elevated-disabled-container-color: #F9F9F9;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-with-icon-disabled-icon-color: #E2E2E2;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #E2E2E2;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
:root .viz-chip-error,
.viz-light-theme .viz-chip-error {
  --mat-chip-label-text-color: #181818;
  --mat-chip-elevated-container-color: #FE9089;
  --mat-chip-outline-color: #CE373F;
  --mat-chip-with-trailing-icon-trailing-icon-color: #181818;
  --mat-chip-with-icon-icon-color: #181818;
  --mat-chip-disabled-label-text-color: #E2E2E2;
  --mat-chip-disabled-outline-color: #E2E2E2;
  --mat-chip-elevated-disabled-container-color: #F9F9F9;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-with-icon-disabled-icon-color: #E2E2E2;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #E2E2E2;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
:root .viz-chip-success,
.viz-light-theme .viz-chip-success {
  --mat-chip-label-text-color: #181818;
  --mat-chip-elevated-container-color: #6FC28C;
  --mat-chip-outline-color: #2D8150;
  --mat-chip-with-trailing-icon-trailing-icon-color: #181818;
  --mat-chip-with-icon-icon-color: #181818;
  --mat-chip-disabled-label-text-color: #E2E2E2;
  --mat-chip-disabled-outline-color: #E2E2E2;
  --mat-chip-elevated-disabled-container-color: #F9F9F9;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-with-icon-disabled-icon-color: #E2E2E2;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #E2E2E2;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
:root .viz-chip-warning,
.viz-light-theme .viz-chip-warning {
  --mat-chip-label-text-color: #181818;
  --mat-chip-elevated-container-color: #EA9F53;
  --mat-chip-outline-color: #A36114;
  --mat-chip-with-trailing-icon-trailing-icon-color: #181818;
  --mat-chip-with-icon-icon-color: #181818;
  --mat-chip-disabled-label-text-color: #E2E2E2;
  --mat-chip-disabled-outline-color: #E2E2E2;
  --mat-chip-elevated-disabled-container-color: #F9F9F9;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-with-icon-disabled-icon-color: #E2E2E2;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #E2E2E2;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
:root .viz-chip-info,
.viz-light-theme .viz-chip-info {
  --mat-chip-label-text-color: #181818;
  --mat-chip-elevated-container-color: #87B3F9;
  --mat-chip-outline-color: #1976CA;
  --mat-chip-with-trailing-icon-trailing-icon-color: #181818;
  --mat-chip-with-icon-icon-color: #181818;
  --mat-chip-disabled-label-text-color: #E2E2E2;
  --mat-chip-disabled-outline-color: #E2E2E2;
  --mat-chip-elevated-disabled-container-color: #F9F9F9;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-with-icon-disabled-icon-color: #E2E2E2;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #E2E2E2;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
:root .viz-chip-small,
.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;
}
:root .viz-chip-small .mdc-evolution-chip__cell .mdc-evolution-chip__action,
.viz-light-theme .viz-chip-small .mdc-evolution-chip__cell .mdc-evolution-chip__action {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
:root .viz-chip-small .mdc-evolution-chip__cell .mdc-evolution-chip__action .mdc-evolution-chip__text-label,
.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;
}
:root .viz-chip-small .mdc-evolution-chip__cell span.mdc-evolution-chip__text-label.mat-mdc-chip-action-label,
.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;
}
:root .viz-chip-small .mdc-evolution-chip__cell button,
.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;
}
:root .viz-chip-small .mdc-evolution-chip__cell mat-icon,
.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;
  font-size: 14px;
  padding: 0 0.25rem 0 0.25rem;
}
:root .viz-chip-small .viz-chip__icon--left,
.viz-light-theme .viz-chip-small .viz-chip__icon--left {
  margin-right: 0.25rem;
}
:root .viz-chip-small .viz-chip__icon--right,
.viz-light-theme .viz-chip-small .viz-chip__icon--right {
  margin-left: 0.25rem;
}
:root .viz-chip__icon--left,
.viz-light-theme .viz-chip__icon--left {
  margin-right: 0.5rem;
}
:root .viz-chip__icon--right,
.viz-light-theme .viz-chip__icon--right {
  margin-left: 0.5rem;
}
:root .viz-chip--hide-cancel [matChipRemove],
.viz-light-theme .viz-chip--hide-cancel [matChipRemove] {
  display: none;
}

.viz-dark-theme {
  --viz-white: #FFFFFF;
  --viz-black: #000000;
  --viz-primary-100: #FAF9FD;
  --viz-primary-200: #EEE4FC;
  --viz-primary-300: #D3BEF3;
  --viz-primary-400: #C0A5E8;
  --viz-primary-500: #8262BD;
  --viz-primary-600: #583D8C;
  --viz-primary-700: #301E53;
  --viz-secondary-100: #F5FAFA;
  --viz-secondary-200: #CDEFED;
  --viz-secondary-300: #81D5D3;
  --viz-secondary-400: #4CC2C0;
  --viz-secondary-500: #01807F;
  --viz-secondary-600: #015554;
  --viz-secondary-700: #002E2D;
  --viz-tertiary-100: #FDF8F6;
  --viz-tertiary-200: #FDE2D8;
  --viz-tertiary-300: #FDB597;
  --viz-tertiary-400: #FF9266;
  --viz-tertiary-500: #CC3D01;
  --viz-tertiary-600: #8A2600;
  --viz-tertiary-700: #471902;
  --viz-error-100: #FDF8F7;
  --viz-error-200: #FFE1DE;
  --viz-error-300: #FFB2AB;
  --viz-error-400: #FE9089;
  --viz-error-500: #CE373F;
  --viz-error-600: #911924;
  --viz-error-700: #54040D;
  --viz-neutral-100: #FCFCFC;
  --viz-neutral-200: #F9F9F9;
  --viz-neutral-300: #EEEEEE;
  --viz-neutral-400: #E2E2E2;
  --viz-neutral-500: #4B4B4B;
  --viz-neutral-600: #393939;
  --viz-neutral-700: #282828;
  --viz-neutral-800: #181818;
  --viz-success-300: #94D5A9;
  --viz-success-400: #6FC28C;
  --viz-success-500: #2D8150;
  --viz-warning-300: #ECBC91;
  --viz-warning-400: #EA9F53;
  --viz-warning-500: #A36114;
  --viz-info-300: #B1C8F3;
  --viz-info-400: #87B3F9;
  --viz-info-500: #1976CA;
  --mat-sys-background: light-dark(#F9F9F9, );
  --mat-sys-error: light-dark(#FFB2AB, #CE373F);
  --mat-sys-error-container: light-dark(#FFE1DE, #911924);
  --mat-sys-inverse-on-surface: light-dark(, #282828);
  --mat-sys-inverse-primary: light-dark(#8262BD, #D3BEF3);
  --mat-sys-inverse-surface: light-dark(#282828, );
  --mat-sys-on-background: light-dark(#181818, );
  --mat-sys-on-error: light-dark(#FFFFFF, );
  --mat-sys-on-error-container: light-dark(#911924, #FFE1DE);
  --mat-sys-on-primary: light-dark(#FFFFFF, #301E53);
  --mat-sys-on-primary-container: light-dark(#583D8C, #EEE4FC);
  --mat-sys-on-primary-fixed: light-dark(, );
  --mat-sys-on-primary-fixed-variant: light-dark(#583D8C, #583D8C);
  --mat-sys-on-secondary: light-dark(#FFFFFF, #002E2D);
  --mat-sys-on-secondary-container: light-dark(#015554, #CDEFED);
  --mat-sys-on-secondary-fixed: light-dark(, );
  --mat-sys-on-secondary-fixed-variant: light-dark(#015554, #015554);
  --mat-sys-on-surface: light-dark(#181818, );
  --mat-sys-on-surface-variant: light-dark(, );
  --mat-sys-on-tertiary: light-dark(#FFFFFF, #471902);
  --mat-sys-on-tertiary-container: light-dark(#8A2600, #FDE2D8);
  --mat-sys-on-tertiary-fixed: light-dark(, );
  --mat-sys-on-tertiary-fixed-variant: light-dark(#8A2600, #8A2600);
  --mat-sys-outline: light-dark(, );
  --mat-sys-outline-variant: light-dark(, );
  --mat-sys-primary: light-dark(#D3BEF3, #8262BD);
  --mat-sys-primary-container: light-dark(#EEE4FC, #583D8C);
  --mat-sys-primary-fixed: light-dark(#EEE4FC, #EEE4FC);
  --mat-sys-primary-fixed-dim: light-dark(#8262BD, #8262BD);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#81D5D3, #01807F);
  --mat-sys-secondary-container: light-dark(#CDEFED, #015554);
  --mat-sys-secondary-fixed: light-dark(#CDEFED, #CDEFED);
  --mat-sys-secondary-fixed-dim: light-dark(#01807F, #01807F);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#F9F9F9, );
  --mat-sys-surface-bright: light-dark(#F9F9F9, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(#EEEEEE, );
  --mat-sys-surface-container-highest: light-dark(, );
  --mat-sys-surface-container-low: light-dark(, #181818);
  --mat-sys-surface-container-lowest: light-dark(#FFFFFF, );
  --mat-sys-surface-dim: light-dark(#E2E2E2, );
  --mat-sys-surface-tint: light-dark(#D3BEF3, #8262BD);
  --mat-sys-surface-variant: light-dark(, );
  --mat-sys-tertiary: light-dark(#FDB597, #CC3D01);
  --mat-sys-tertiary-container: light-dark(#FDE2D8, #8A2600);
  --mat-sys-tertiary-fixed: light-dark(#FDE2D8, #FDE2D8);
  --mat-sys-tertiary-fixed-dim: light-dark(#CC3D01, #CC3D01);
  --mat-sys-neutral-variant20: ;
  --mat-sys-neutral10: #181818;
  --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;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: none;
  --mat-card-elevated-container-color: #FCFCFC;
  --mat-card-filled-container-color: #FCFCFC;
  --mat-card-outlined-container-color: #FCFCFC;
  --mat-card-outlined-outline-color: #E2E2E2;
  --mat-tooltip-container-color: #4B4B4B;
  --mat-tooltip-supporting-text-color: #FCFCFC;
  --mat-stepper-header-icon-background-color: #4B4B4B;
  --mat-stepper-header-done-state-icon-background-color: #4B4B4B;
  --mat-stepper-header-edit-state-icon-background-color: #4B4B4B;
  --mat-stepper-header-icon-foreground-color: #FCFCFC;
  --mat-stepper-header-done-state-icon-foreground-color: #FCFCFC;
  --mat-stepper-header-edit-state-icon-foreground-color: #FCFCFC;
  --mat-stepper-line-color: #E2E2E2;
  --mat-stepper-header-label-text-font: Roboto, Helvetica Neue, sans-serif;
  --mat-stepper-header-label-text-size: 1rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-selected-state-label-text-size: 1rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-dialog-container-color: #FFFFFF;
  --mat-dialog-container-shape: 0.5rem;
}

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

.mat-step-icon-content > span {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
[tabindex]:focus-visible,
.mat-focus-indicator:focus-visible {
  outline: 0.125rem solid #8262BD;
  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, #F9F9F9);
  color: var(--viz-neutral-600, #393939);
  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, #E2E2E2);
  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.4f85d6a949b083e7.css.map*/