/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/index.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*
  This is just a useful helper for only including a subset of component themes/colors.
  Rather than individually including each mixin, you can provide a mapping of strings
  to booleans to include this. This is useful because we need to do those imports
  dynamically based on the number of themes.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*
  Get an identifier for a CSS variable given some key for identifying it.

  This forces the ``--nvl-thm`` prefix on the variables.
 */
/* Defines a CSS variable with the proper ``--`` prefix. */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*
  Get a key $k from map $map falling back to default $default.
*/
/*
   Makes a variable set via returning a map of palette items to CSS variable
   identifiers to use.

   $set-key: string for the color set key (p for primary, a for accent, w for warn)..
 */
/*
  Defines a material palette that uses CSS vars instead of hard-coded material colors.
  This uses standard variables that the package itself must be consistent with in
  setting.

  $palette-key: The string for whether this is "primary", "accent", or "warn".
 */
/*
  Returns a color config with variable based primary (p), accent (a), and warning (w)
  palettes.
*/
/*
  Just defined the config that is provided to mat.define-*-theme.

  $typography: Whatever config is passed to mat.
 */
/*
  Define a theme starting from the material light theme that uses variable colors.

  $typography: Whatever config is passed to mat.
 */
/*
  Define a theme starting from the material dark theme that uses variable colors.

  $typography: Whatever config is passed to mat.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*
  Utilities and various constants copied from the material internals as they are not
  exposed explicitly in the material API. Duplicating here relaxes some of the material
  coupling concerns and isolates maintenance. Plus sometimes they are just valuable
  constants to use.
 */
/*
  There are various maps here defined that serve as a config bases for what is used
  in this library. They are external to the material equivalents, and are used to
  map in to the material counterparts. Providing this interface to that mapping
  relaxes the general client code's coupling to material internal constructs that are
  not exposed in the API, and centralizes the point of maintenance for
  non-material-API-hacking. These actually build themselves from that material config
  (which is duplicated here and thus minimizing the material coupling since this
  library has it's own copy).

  The following background properties are expected to be defined for this libraries
  usage:

  background
  ============
     background: The background color of the whole page/app
     surface: The color for main "surfaces" like cards, etc.
     bar-1: The background color of the top bar (if not using a themed color)
     bar-2: A secondary color for other bars.

 foreground
 ===============
    primary: The base text color for regular primary text.
    secondary: Secondary text.
    disabled: Disabled text.
    divider: General separator lines.

  $default-light-background: The default light background colors.
  $default-dark-background: The default dark background colors,
  $default-light-bg-foreground: The default foreground for a light background.
  $default-dark-bg-foreground: The default foreground for a dark background.
 */
/* Default background based on material light theme. */
/* Default background based on material dark theme. */
/* Default foreground for a light background. */
/* Default foreground for a dark background. */
/**
  Mixin for emitting all of the root styles needed for supporting the various themes.

  The config primarily takes a map of theme-keys to theme definitions (as is further
  specified by the theme definition docs), and a mapping of components to include (
  in an effort to minimize the amount of styles generated).

  Be sure to `@include mat.core()` prior.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/**
  Setup root classes for using the colored-background API.

  $themes - The theme objects.
  $colors - A list of color strings from the language (p|a|w)(b|l|d);
    Defaults to ("pb", "ab", "wb") - the base colors.
 */
/**
  Setup root classes for using the colored-foreground API
 */
/**
  Set up the SCSS for the library.

  First sets up the material styles which can be minimized by passing components.
  Then setups up the CSS API this library builds by first checking if the config has a
  api-setup, which is a config that gets forwarded to the setup. Next if it has a
  manual-api-setup set to true then it will not call any API setup methods. Otherwise
  it emits the CSS for the entire API.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*
  This is used for interfacing between the Angular Material theming config object,
  and the theming config object used by this library.

  Using this, a user can specify background/foreground/etc., that are used by the
  general mixins in this library, and automatically have relevant properties map
  to the material config counterparts. This should isolate the maintenance and serve
  as middleware to the material config since this is interacting with pieces of
  material that are not exposed in the API and are liable to break or not be
  covered with ng upgrade.

  Similarly, the base for primary colors will be all from material for now, so this
  provides a way to get material colors in to other variables that this library
  works with.
 */
/*
  Use the mat-theme (created via material API's), and extract for a given color set
  (such as primary, accent, or warn), the base, light variant, dark variant, and those
  contrasts, so that there is a standard representation of them.

  This map/config is called a "color-set-definition".
 */
/*
  Add a given item to a merge map which is used to map from provided values to
  a map that will eventually merge on top of the provided material map. This is
  done so that some defaults can be used (for example, use "surface" for cards),
  but also allow for specific settings of individual things (allow a provided "card"
  property to be used instead of surface).
 */
/*
   Required properties of a provided background and what they map to
      background: material background
      surface: material card, dialog, raised-button
      bar-1: material app-bar
      bar-2: material status-bar,unselected-chip,selected-button
 */
/*
  Required properties of a provided foreground and what they map to
    primary: material base
    secondary: material secondary-text
    disabled: material disabled-text,disabled,hint-text
 */
/*
  Merges the provided foreground/background on top of the material theme.

  See more details via the comments above, but one can specify the expected properties
  of $foreground/$background, as well as material specifics.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/**
  Define a theme to use with Anvilor Theming.

    `$is-default`: true if this should be the default theme (note it is on the user to
      enforce only 1 theme is the default).

    `$mat-theme`: The material base theme to start with, you can use the helper
      define-var-based-mat-*-theme functions for using dynamic themes. The foreground
      and background color-maps are merged in to the provided mat theme.

    `$background`: A background color map with optional extra material overrides.

    `$foreground`: A foreground color map with optional extra material overrides.

    `$custom`: Optional custom color-keys to use.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/**
  The idea of this file is for client code to be able to define an arbitrary number of themes
  and then have a dynamic way to emit styles based on whatever the defined theme is.

  This is more of the scss API to component styling vs. the CSS API on the HTML itself.
 */
/**
  Helper function for accessing data in the theme-config dictionary.

  So remember, the "colors" property of a theme config has a specific shape to it. The first-level
  children of colors is just a grouping category, and the second-level are keys to specific color
  values. It never goes any deeper than that (primarily to make this function a standard)
 */
/**
  General/base mixin for theming something given how to access it in the theme config.

  Also leaves room for additional content inside the selected thing

  @param $themes: The dictionary of theme-key --> theme-config/def
  @param $elem-group: One of "primary", "accent", "warn", "background", or "foreground"
  @param $elem-key: The color key inside that group
  @param $selector: The selector of the thing to apply styles to.
  @param $prop: The prop to set to the color
 */
/*!
 * Copyright (c) 2025 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*
 * Copyright (c) 2021 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*
 * Copyright (c) 2021 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2021 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2021 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
.seo-only {
  display: none;
}

.no-drag, .gfx,
.gfx-xxs,
.gfx-xs,
.gfx-sm,
.gfx-md,
.gfx-lg,
.gfx-xl {
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.center {
  margin: 0 auto;
  text-align: center;
}

.container {
  width: 100%;
  padding: 8px;
  max-width: 950px;
  margin: 0 auto;
}

.pg-content-wrap {
  width: 100%;
  padding: 12px;
  max-width: 1000px;
  margin: 0 auto;
}

.pg-section {
  margin-top: 18vh;
  margin-bottom: 10vh;
}

.m0 {
  margin: 0 !important;
}

/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
.fxr, .fxr-c-c,
.fxr-c-s,
.fxr-c-e,
.fxr-c-t,
.fxr-s-c,
.fxr-s-s,
.fxr-s-e,
.fxr-s-t,
.fxr-e-c,
.fxr-e-s,
.fxr-e-e,
.fxr-e-t,
.fxr-a-c,
.fxr-a-s,
.fxr-a-e,
.fxr-a-t,
.fxr-b-c,
.fxr-b-s,
.fxr-b-e,
.fxr-b-t,
.fxr-v-c,
.fxr-v-s,
.fxr-v-e,
.fxr-v-t {
  display: flex;
  flex-direction: row;
}

.fxc, .fxc-c-c,
.fxc-c-s,
.fxc-c-e,
.fxc-c-t,
.fxc-s-c,
.fxc-s-s,
.fxc-s-e,
.fxc-s-t,
.fxc-e-c,
.fxc-e-s,
.fxc-e-e,
.fxc-e-t,
.fxc-a-c,
.fxc-a-s,
.fxc-a-e,
.fxc-a-t,
.fxc-b-c,
.fxc-b-s,
.fxc-b-e,
.fxc-b-t {
  display: flex;
  flex-direction: column;
}

/*
  The following are formatted as FLEX-JUSTIFY-ALIGN where:

  FLEX --> flex-direction:
    fxr -  row
    fxc - column

  JUSTIFY --> justify-content:
    c - center
    s - flex-start
    e - flex-end
    a - space-around
    b - space-between
    v - space-evenly

  ALIGN --> align-items:
    t - stretch
    c - center
    s - flex-start
    e - flex-end
 */
.fxr-c-c,
.fxr-c-s,
.fxr-c-e,
.fxr-c-t,
.fxc-c-c,
.fxc-c-s,
.fxc-c-e,
.fxc-c-t {
  justify-content: center;
}

.fxr-s-c,
.fxr-s-s,
.fxr-s-e,
.fxr-s-t,
.fxc-s-c,
.fxc-s-s,
.fxc-s-e,
.fxc-s-t {
  justify-content: flex-start;
}

.fxr-e-c,
.fxr-e-s,
.fxr-e-e,
.fxr-e-t,
.fxc-e-c,
.fxc-e-s,
.fxc-e-e,
.fxc-e-t {
  justify-content: flex-end;
}

.fxr-a-c,
.fxr-a-s,
.fxr-a-e,
.fxr-a-t,
.fxc-a-c,
.fxc-a-s,
.fxc-a-e,
.fxc-a-t {
  justify-content: space-around;
}

.fxr-b-c,
.fxr-b-s,
.fxr-b-e,
.fxr-b-t,
.fxc-b-c,
.fxc-b-s,
.fxc-b-e,
.fxc-b-t {
  justify-content: space-between;
}

.fxr-v-c,
.fxr-v-s,
.fxr-v-e,
.fxr-v-t,
.fxc-v-c,
.fxc-v-s,
.fxc-v-e,
.fxc-v-t {
  justify-content: space-evenly;
}

.fxr-c-c,
.fxr-s-c,
.fxr-a-c,
.fxr-e-c,
.fxr-b-c,
.fxr-v-c,
.fxc-c-c,
.fxc-s-c,
.fxc-a-c,
.fxc-e-c,
.fxc-b-c,
.fxc-v-c {
  align-items: center;
}

.fxr-c-s,
.fxr-s-s,
.fxr-a-s,
.fxr-e-s,
.fxr-b-s,
.fxr-v-s,
.fxr-c-s,
.fxc-s-s,
.fxc-a-s,
.fxc-e-s,
.fxc-b-s,
.fxc-v-s {
  align-items: flex-start;
}

.fxr-c-e,
.fxr-s-e,
.fxr-a-e,
.fxr-e-e,
.fxr-b-e,
.fxr-v-e,
.fxr-c-e,
.fxc-s-e,
.fxc-a-e,
.fxc-e-e,
.fxc-b-e,
.fxc-v-e {
  align-items: flex-end;
}

.fxr-c-t,
.fxr-s-t,
.fxr-a-t,
.fxr-e-t,
.fxr-b-t,
.fxr-v-t,
.fxr-c-t,
.fxc-s-t,
.fxc-a-t,
.fxc-e-t,
.fxc-b-t,
.fxc-v-t {
  align-items: stretch;
}

.fx-grow {
  flex-grow: 1;
}

.fx-wrap {
  flex-wrap: wrap;
}

/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
.gfx,
.gfx-xxs,
.gfx-xs,
.gfx-sm,
.gfx-md,
.gfx-lg,
.gfx-xl {
  image-rendering: -webkit-optimize-contrast;
}
.gfx.left, .gfx.right,
.gfx-xxs.left,
.gfx-xxs.right,
.gfx-xs.left,
.gfx-xs.right,
.gfx-sm.left,
.gfx-sm.right,
.gfx-md.left,
.gfx-md.right,
.gfx-lg.left,
.gfx-lg.right,
.gfx-xl.left,
.gfx-xl.right {
  margin: 24px;
}
.gfx.left,
.gfx-xxs.left,
.gfx-xs.left,
.gfx-sm.left,
.gfx-md.left,
.gfx-lg.left,
.gfx-xl.left {
  float: left;
}
.gfx.right,
.gfx-xxs.right,
.gfx-xs.right,
.gfx-sm.right,
.gfx-md.right,
.gfx-lg.right,
.gfx-xl.right {
  float: right;
}

.gfx-xxs {
  max-height: 30px;
  max-width: 30px;
}

.gfx-xs {
  max-height: 50px;
  max-width: 50px;
}

.gfx-sm {
  max-height: 90px;
  max-width: 90px;
}

.gfx-md {
  max-height: 160px;
  max-width: 150px;
}

.gfx-lg {
  max-height: 300px;
  max-width: 200px;
}

.gfx-xl {
  max-height: 500px;
  max-width: 400px;
}

/*!
 * Copyright (c) 2021 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
.mg-xs,
.mg-tb-xs,
.mg-top-xs {
  margin-top: 4px;
}

.mg-sm,
.mg-tb-sm,
.mg-top-sm {
  margin-top: 8px;
}

.mg-md,
.mg-tb-md,
.mg-top-md {
  margin-top: 14px;
}

.mg-lg,
.mg-tb-lg,
.mg-top-lg {
  margin-top: 24px;
}

.mg-xl,
.mg-tb-xl,
.mg-top-xl {
  margin-top: 50px;
}

.mg-xs,
.mg-tb-xs,
.mg-bot-xs {
  margin-bottom: 4px;
}

.mg-sm,
.mg-tb-sm,
.mg-bot-sm {
  margin-bottom: 8px;
}

.mg-md,
.mg-tb-md,
.mg-bot-md {
  margin-bottom: 14px;
}

.mg-lg,
.mg-tb-lg,
.mg-bot-lg {
  margin-bottom: 24px;
}

.mg-xl,
.mg-tb-xl,
.mg-bot-xl {
  margin-bottom: 50px;
}

.mg-xs,
.mg-lr-xs,
.mg-left-xs {
  margin-left: 4px;
}

.mg-sm,
.mg-lr-sm,
.mg-left-sm {
  margin-left: 8px;
}

.mg-md,
.mg-lr-md,
.mg-left-md {
  margin-left: 14px;
}

.mg-lg,
.mg-lr-lg,
.mg-left-lg {
  margin-left: 24px;
}

.mg-xl,
.mg-lr-xl,
.mg-left-xl {
  margin-left: 50px;
}

.mg-xs,
.mg-lr-xs,
.mg-right-xs {
  margin-right: 4px;
}

.mg-sm,
.mg-lr-sm,
.mg-right-sm {
  margin-right: 8px;
}

.mg-md,
.mg-lr-md,
.mg-right-md {
  margin-right: 14px;
}

.mg-lg,
.mg-lr-lg,
.mg-right-lg {
  margin-right: 24px;
}

.mg-xl,
.mg-lr-xl,
.mg-right-xl {
  margin-right: 50px;
}

/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
.pd-xs,
.pd-tb-xs,
.pd-top-xs {
  padding-top: 4px;
}

.pd-sm,
.pd-tb-sm,
.pd-top-sm {
  padding-top: 8px;
}

.pd-md,
.pd-tb-md,
.pd-top-md {
  padding-top: 14px;
}

.pd-lg,
.pd-tb-lg,
.pd-top-lg {
  padding-top: 24px;
}

.pd-xl,
.pd-tb-xl,
.pd-top-xl {
  padding-top: 50px;
}

.pd-xs,
.pd-tb-xs,
.pd-bot-xs {
  padding-bottom: 4px;
}

.pd-sm,
.pd-tb-sm,
.pd-bot-sm {
  padding-bottom: 8px;
}

.pd-md,
.pd-tb-md,
.pd-bot-md {
  padding-bottom: 14px;
}

.pd-lg,
.pd-tb-lg,
.pd-bot-lg {
  padding-bottom: 24px;
}

.pd-xl,
.pd-tb-xl,
.pd-bot-xl {
  padding-bottom: 50px;
}

.pd-xs,
.pd-lr-xs,
.pd-left-xs {
  padding-left: 4px;
}

.pd-sm,
.pd-lr-sm,
.pd-left-sm {
  padding-left: 8px;
}

.pd-md,
.pd-lr-md,
.pd-left-md {
  padding-left: 14px;
}

.pd-lg,
.pd-lr-lg,
.pd-left-lg {
  padding-left: 24px;
}

.pd-xl,
.pd-lr-xl,
.pd-left-xl {
  padding-left: 50px;
}

.pd-xs,
.pd-lr-xs,
.pd-right-xs {
  padding-right: 4px;
}

.pd-sm,
.pd-lr-sm,
.pd-right-sm {
  padding-right: 8px;
}

.pd-md,
.pd-lr-md,
.pd-right-md {
  padding-right: 14px;
}

.pd-lg,
.pd-lr-lg,
.pd-right-lg {
  padding-right: 24px;
}

.pd-xl,
.pd-lr-xl,
.pd-right-xl {
  padding-right: 50px;
}

/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
.rounded-sm {
  border-radius: 4px;
}

.rounded-md {
  border-radius: 12px;
}

.rounded-lg {
  border-radius: 20px;
}

/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
.fancy-bounce-sm {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  transform-origin: bottom;
  animation-name: fancy-bounce-sm;
  animation-timing-function: ease;
}
@keyframes fancy-bounce-sm {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateY(-10px);
  }
  50% {
    transform: scale(1.05, 0.95) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(-7px);
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}

/*!
 * Copyright (c) 2022 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
.jse-theme-dark {
  --jse-theme: dark;
  /* over all fonts, sizes, and colors */
  --jse-theme-color: #2f6dd0;
  --jse-theme-color-highlight: #467cd2;
  --jse-background-color: #1e1e1e;
  --jse-text-color: #d4d4d4;
  /* main, menu, modal */
  --jse-main-border: 1px solid #4f4f4f;
  --jse-menu-color: #fff;
  --jse-modal-background: #2f2f2f;
  --jse-modal-overlay-background: rgba(0, 0, 0, 0.5);
  --jse-modal-code-background: #2f2f2f;
  /* tooltip in text mode */
  --jse-tooltip-color: var(--jse-text-color);
  --jse-tooltip-background: #4b4b4b;
  --jse-tooltip-border: 1px solid #737373;
  --jse-tooltip-action-button-color: inherit;
  --jse-tooltip-action-button-background: #737373;
  /* panels: navigation bar, gutter, search box */
  --jse-panel-background: #333333;
  --jse-panel-background-border: 1px solid #464646;
  --jse-panel-color: var(--jse-text-color);
  --jse-panel-color-readonly: #737373;
  --jse-panel-border: 1px solid #3c3c3c;
  --jse-panel-button-color-highlight: #e5e5e5;
  --jse-panel-button-background-highlight: #464646;
  /* navigation-bar */
  --jse-navigation-bar-background: #656565;
  --jse-navigation-bar-background-highlight: #7e7e7e;
  --jse-navigation-bar-dropdown-color: var(--jse-text-color);
  /* context menu */
  --jse-context-menu-background: #4b4b4b;
  --jse-context-menu-background-highlight: #595959;
  --jse-context-menu-separator-color: #595959;
  --jse-context-menu-color: var(--jse-text-color);
  --jse-context-menu-pointer-background: #737373;
  --jse-context-menu-pointer-background-highlight: #818181;
  --jse-context-menu-pointer-color: var(--jse-context-menu-color);
  /* contents: json key and values */
  --jse-key-color: #9cdcfe;
  --jse-value-color: var(--jse-text-color);
  --jse-value-color-number: #b5cea8;
  --jse-value-color-boolean: #569cd6;
  --jse-value-color-null: #569cd6;
  --jse-value-color-string: #ce9178;
  --jse-value-color-url: #ce9178;
  --jse-delimiter-color: #949494;
  --jse-edit-outline: 2px solid var(--jse-text-color);
  /* contents: selected or hovered */
  --jse-selection-background-color: #464646;
  --jse-selection-background-inactive-color: #333333;
  --jse-hover-background-color: #343434;
  --jse-active-line-background-color: rgba(255, 255, 255, 0.06);
  --jse-search-match-background-color: #343434;
  /* contents: section of collapsed items in an array */
  --jse-collapsed-items-background-color: #333333;
  --jse-collapsed-items-selected-background-color: #565656;
  --jse-collapsed-items-link-color: #b2b2b2;
  --jse-collapsed-items-link-color-highlight: #ec8477;
  /* contents: highlighting of search results */
  --jse-search-match-color: #724c27;
  --jse-search-match-outline: 1px solid #966535;
  --jse-search-match-active-color: #9f6c39;
  --jse-search-match-active-outline: 1px solid #bb7f43;
  /* contents: inline tags inside the JSON document */
  --jse-tag-background: #444444;
  --jse-tag-color: #bdbdbd;
  /* contents: table */
  --jse-table-header-background: #333333;
  --jse-table-header-background-highlight: #424242;
  --jse-table-row-odd-background: rgba(255, 255, 255, 0.1);
  /* controls in modals: inputs, buttons, and `a` */
  --jse-input-background: #3d3d3d;
  --jse-input-border: var(--jse-main-border);
  --jse-button-background: #808080;
  --jse-button-background-highlight: #7a7a7a;
  --jse-button-color: #e0e0e0;
  --jse-button-secondary-background: #494949;
  --jse-button-secondary-background-highlight: #5d5d5d;
  --jse-button-secondary-background-disabled: #9d9d9d;
  --jse-button-secondary-color: var(--jse-text-color);
  --jse-a-color: #55abff;
  --jse-a-color-highlight: #4387c9;
  /* svelte-select */
  --background: #3d3d3d;
  --border: 1px solid #4f4f4f;
  --list-background: #3d3d3d;
  --item-hover-bg: #505050;
  --multi-item-bg: #5b5b5b;
  --input-color: #d4d4d4;
  --multi-clear-bg: #8a8a8a;
  --multi-item-clear-icon-color: #d4d4d4;
  --multi-item-outline: 1px solid #696969;
  --list-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
  /* color picker */
  --jse-color-picker-background: #656565;
  --jse-color-picker-border-box-shadow: #8c8c8c 0 0 0 1px;
}

/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2024 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2024 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/*!
 * Copyright (c) 2023 Anvilor Solutions LLC - All Rights Reserved.
 *
 * The information and source code contained herein is the exclusive property of
 * Anvilor Solutions LLC and may not be disclosed, examined, or reproduced in whole
 * or in part without the explicit written authorization from Anvilor Solutions LLC.
 */
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}

.mat-elevation-z4, .raised-card, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}

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

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

html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}

html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}

html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}

html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}

html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}

html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}

html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}

html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

html,
body {
  height: 100%;
  box-sizing: border-box;
  font-family: "Roboto", "Helvetica Nueue", "Helvetica", sans-serif;
}
html [code],
html code,
html pre,
html tt,
html kbd,
html samp,
body [code],
body code,
body pre,
body tt,
body kbd,
body samp {
  font-family: "JetBrains Mono", "Consolas", "Courier New", mono;
}

body {
  margin: 0;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

span {
  display: inline-block;
}

.sane-links a,
.sane-links a:visited,
.sane-links a:focus {
  color: #42a5f5;
  transition: color 300ms ease;
  cursor: pointer;
}
.sane-links a:hover,
.sane-links a:visited:hover,
.sane-links a:focus:hover {
  color: #7cbcea;
}

.nvl-busy,
.nvl-busy.mdc-button,
.nvl-busy.mat-mdc-fab,
.nvl-busy.mat-mdc-mini-fab {
  overflow: hidden;
}

.toast-container .ngx-toastr {
  width: 410px;
  max-width: 90vw;
  display: block;
}

.passive-error-toast hr.sep {
  opacity: 0.4;
  border: dotted 1px;
  margin: 4px 0;
}
.passive-error-toast .error-code {
  padding-top: 4px;
  font-size: smaller;
}
.passive-error-toast .ensure-fit {
  word-break: break-all;
}

nvl-mat-action-button .mdc-button__label {
  display: flex;
  align-items: center;
}

nvl-json-editor {
  min-height: 1px;
}

html {
  --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.hidden-control {
  display: none;
}

nvl-rui-control {
  display: block;
}

nvl-rui-standard-radio-buttons-control mat-radio-group {
  display: flex;
  flex-direction: column;
}
nvl-rui-standard-radio-buttons-control mat-radio-group.radio-group-row {
  flex-direction: row;
  flex-wrap: wrap;
}
nvl-rui-standard-radio-buttons-control mat-radio-group.radio-group-row mat-radio-button {
  margin-right: 14px;
  min-width: 100px;
}
nvl-rui-standard-radio-buttons-control mat-radio-group.radio-group-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 200px);
  grid-auto-rows: 1fr;
}
nvl-rui-standard-radio-buttons-control mat-radio-group.radio-group-grid mat-radio-button {
  display: flex;
  align-items: center;
}
nvl-rui-standard-radio-buttons-control mat-radio-group mat-radio-button {
  margin: 8px 0;
}
nvl-rui-standard-radio-buttons-control mat-radio-button .mat-radio-label {
  white-space: normal;
}
nvl-rui-standard-radio-buttons-control .label-wrap {
  display: inline;
}
nvl-rui-standard-radio-buttons-control .label-wrap span {
  display: inline;
}
nvl-rui-standard-radio-buttons-control .required-asterisk {
  margin-left: 1px;
  opacity: 0.7;
}
nvl-rui-standard-radio-buttons-control h1,
nvl-rui-standard-radio-buttons-control h2,
nvl-rui-standard-radio-buttons-control h3,
nvl-rui-standard-radio-buttons-control h4,
nvl-rui-standard-radio-buttons-control h5,
nvl-rui-standard-radio-buttons-control h6 {
  display: inline;
}

nvl-rui-multi-select-checkboxes-control .checks-group {
  display: flex;
  flex-direction: column;
}
nvl-rui-multi-select-checkboxes-control .checks-group.checks-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 200px);
  grid-auto-rows: 1fr;
}
nvl-rui-multi-select-checkboxes-control .checks-group.checks-grid mat-checkbox {
  display: flex;
  align-items: center;
}
nvl-rui-multi-select-checkboxes-control .checks-group.checks-vertical {
  display: flex;
  flex-direction: column;
}
nvl-rui-multi-select-checkboxes-control mat-checkbox .check-label {
  white-space: normal;
}
nvl-rui-multi-select-checkboxes-control .label-wrap {
  display: inline;
}
nvl-rui-multi-select-checkboxes-control .label-wrap span {
  display: inline;
}
nvl-rui-multi-select-checkboxes-control .required-asterisk {
  margin-left: 1px;
  opacity: 0.7;
}
nvl-rui-multi-select-checkboxes-control h1,
nvl-rui-multi-select-checkboxes-control h2,
nvl-rui-multi-select-checkboxes-control h3,
nvl-rui-multi-select-checkboxes-control h4,
nvl-rui-multi-select-checkboxes-control h5,
nvl-rui-multi-select-checkboxes-control h6 {
  display: inline;
}

nvl-rui-flexbox-control {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}

#flex-container.elevated,
#flex-container > .elevated,
#flex-container.bordered,
#flex-container > .bordered {
  border-radius: 4px;
  padding: 4px 8px;
}

#flex-container.elevated,
#flex-container > .elevated {
  box-shadow: 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);
}

#flex-container.bordered,
#flex-container > .bordered {
  border: solid 1px rgba(128, 128, 128, 0.49);
}

.pac-container {
  min-width: 330px;
  width: 120%;
  max-width: 100vw;
}
.pac-container:after {
  transform: scale(0.5);
  opacity: 0.7;
}

nvl-rui-single-select-dropdown-control .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding-bottom: unset !important;
}

.dt-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.dt-wrap .mat-mdc-form-field-infix {
  width: unset;
}
.dt-wrap .connector {
  width: 8px;
  height: 1px;
  margin-bottom: var(--mat-form-field-subscript-text-line-height);
}
.dt-wrap #time-field {
  min-width: 120px;
}

.dt-wrap .mat-mdc-form-field-infix {
  width: unset;
}

nvl-rui-tabs-control .mat-mdc-tab-body-wrapper {
  height: 100%;
  flex-grow: 1;
}

button.input-clear-button {
  transform: scale(0.8);
}

body .mat-form-field-appearance-outline .mat-form-field-prefix,
body .mat-form-field-appearance-outline .mat-form-field-suffix {
  top: 0;
}
body .mat-form-field-appearance-outline .mat-form-field-prefix span,
body .mat-form-field-appearance-outline .mat-form-field-suffix span {
  place-self: center;
}

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

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}

.mat-elevation-z4, .raised-card, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}

.nvt-root html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}

.nvt-root {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.nvt-root .mat-mdc-button.mat-primary,
.nvt-root .mat-mdc-unelevated-button.mat-primary,
.nvt-root .mat-mdc-raised-button.mat-primary,
.nvt-root .mat-mdc-outlined-button.mat-primary,
.nvt-root .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: var(--nvt-pb);
  --mat-button-filled-label-text-color: var(--nvt-pb-c);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--nvt-pb-c) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--nvt-pb-c);
  --mat-button-outlined-label-text-color: var(--nvt-pb);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--nvt-pb) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--nvt-pb);
  --mat-button-protected-container-color: var(--nvt-pb);
  --mat-button-protected-label-text-color: var(--nvt-pb-c);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--nvt-pb-c) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--nvt-pb-c);
  --mat-button-text-label-text-color: var(--nvt-pb);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--nvt-pb) 12%, transparent);
  --mat-button-text-state-layer-color: var(--nvt-pb);
  --mat-button-tonal-container-color: var(--nvt-pb);
  --mat-button-tonal-label-text-color: var(--nvt-pb-c);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--nvt-pb-c) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--nvt-pb-c);
}
.nvt-root .mat-mdc-button.mat-accent,
.nvt-root .mat-mdc-unelevated-button.mat-accent,
.nvt-root .mat-mdc-raised-button.mat-accent,
.nvt-root .mat-mdc-outlined-button.mat-accent,
.nvt-root .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: var(--nvt-ab);
  --mat-button-filled-label-text-color: var(--nvt-ab-c);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--nvt-ab-c) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--nvt-ab-c);
  --mat-button-outlined-label-text-color: var(--nvt-ab);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--nvt-ab) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--nvt-ab);
  --mat-button-protected-container-color: var(--nvt-ab);
  --mat-button-protected-label-text-color: var(--nvt-ab-c);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--nvt-ab-c) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--nvt-ab-c);
  --mat-button-text-label-text-color: var(--nvt-ab);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--nvt-ab) 12%, transparent);
  --mat-button-text-state-layer-color: var(--nvt-ab);
  --mat-button-tonal-container-color: var(--nvt-ab);
  --mat-button-tonal-label-text-color: var(--nvt-ab-c);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--nvt-ab-c) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--nvt-ab-c);
}
.nvt-root .mat-mdc-button.mat-warn,
.nvt-root .mat-mdc-unelevated-button.mat-warn,
.nvt-root .mat-mdc-raised-button.mat-warn,
.nvt-root .mat-mdc-outlined-button.mat-warn,
.nvt-root .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: var(--nvt-wb);
  --mat-button-filled-label-text-color: var(--nvt-wb-c);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--nvt-wb-c) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--nvt-wb-c);
  --mat-button-outlined-label-text-color: var(--nvt-wb);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--nvt-wb) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--nvt-wb);
  --mat-button-protected-container-color: var(--nvt-wb);
  --mat-button-protected-label-text-color: var(--nvt-wb-c);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--nvt-wb-c) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--nvt-wb-c);
  --mat-button-text-label-text-color: var(--nvt-wb);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--nvt-wb) 12%, transparent);
  --mat-button-text-state-layer-color: var(--nvt-wb);
  --mat-button-tonal-container-color: var(--nvt-wb);
  --mat-button-tonal-label-text-color: var(--nvt-wb-c);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--nvt-wb-c) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--nvt-wb-c);
}
.nvt-root {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
.nvt-root button.mat-mdc-raised-button.mat-primary,
.nvt-root button.mat-mdc-unelevated-button.mat-primary {
  color: var(--nvt-pb-c);
}
.nvt-root button.mat-mdc-raised-button.mat-accent,
.nvt-root button.mat-mdc-unelevated-button.mat-accent {
  color: var(--nvt-ab-c);
}
.nvt-root button.mat-mdc-raised-button.mat-warn,
.nvt-root button.mat-mdc-unelevated-button.mat-warn {
  color: var(--nvt-wb-c);
}
.nvt-root button.mat-mdc-fab.mat-primary,
.nvt-root button.mat-mdc-mini-fab.mat-primary {
  background-color: var(--nvt-pb);
  color: var(--nvt-pb-c);
}
.nvt-root button.mat-mdc-fab.mat-accent,
.nvt-root button.mat-mdc-mini-fab.mat-accent {
  background-color: var(--nvt-ab);
  color: var(--nvt-ab-c);
}
.nvt-root button.mat-mdc-fab.mat-warn,
.nvt-root button.mat-mdc-mini-fab.mat-warn {
  background-color: var(--nvt-wb);
  color: var(--nvt-wb-c);
}
.nvt-root button.mat-mdc-icon-button.mat-primary {
  color: var(--nvt-pb);
}
.nvt-root button.mat-mdc-icon-button.mat-accent {
  color: var(--nvt-ab);
}
.nvt-root button.mat-mdc-icon-button.mat-warn {
  color: var(--nvt-wb);
}
.nvt-root {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--nvt-ab-c);
  --mat-checkbox-selected-focus-icon-color: var(--nvt-ab);
  --mat-checkbox-selected-hover-icon-color: var(--nvt-ab);
  --mat-checkbox-selected-icon-color: var(--nvt-ab);
  --mat-checkbox-selected-pressed-icon-color: var(--nvt-ab);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--nvt-ab);
  --mat-checkbox-selected-hover-state-layer-color: var(--nvt-ab);
  --mat-checkbox-selected-pressed-state-layer-color: var(--nvt-ab);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.nvt-root .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--nvt-pb-c);
  --mat-checkbox-selected-focus-icon-color: var(--nvt-pb);
  --mat-checkbox-selected-hover-icon-color: var(--nvt-pb);
  --mat-checkbox-selected-icon-color: var(--nvt-pb);
  --mat-checkbox-selected-pressed-icon-color: var(--nvt-pb);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--nvt-pb);
  --mat-checkbox-selected-hover-state-layer-color: var(--nvt-pb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--nvt-pb);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.nvt-root .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--nvt-wb-c);
  --mat-checkbox-selected-focus-icon-color: var(--nvt-wb);
  --mat-checkbox-selected-hover-icon-color: var(--nvt-wb);
  --mat-checkbox-selected-icon-color: var(--nvt-wb);
  --mat-checkbox-selected-pressed-icon-color: var(--nvt-wb);
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: var(--nvt-wb);
  --mat-checkbox-selected-hover-state-layer-color: var(--nvt-wb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--nvt-wb);
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.nvt-root {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
.nvt-root .mat-mdc-checkbox.mat-primary .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: var(--nvt-pb-c);
}
.nvt-root .mat-mdc-checkbox.mat-accent .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: var(--nvt-ab-c);
}
.nvt-root .mat-mdc-checkbox.mat-warn .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: var(--nvt-wb-c);
}
.nvt-root {
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--nvt-pb) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--nvt-ab) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--nvt-pb-c);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--nvt-pb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--nvt-pb) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--nvt-pb-c);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--nvt-pb) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--nvt-pb) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--nvt-pb);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.nvt-root .mat-datepicker-content.mat-accent, .nvt-root .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--nvt-ab) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--nvt-ab) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--nvt-ab-c);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--nvt-ab);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--nvt-ab) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--nvt-ab-c);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--nvt-ab) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--nvt-ab) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--nvt-ab);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.nvt-root .mat-datepicker-content.mat-warn, .nvt-root .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--nvt-wb) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--nvt-ab) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--nvt-wb-c);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--nvt-wb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--nvt-wb) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--nvt-wb-c);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--nvt-wb) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--nvt-wb) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--nvt-wb);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.nvt-root .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.nvt-root .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
.nvt-root {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--nvt-pb) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--nvt-pb);
  --mat-form-field-filled-focus-active-indicator-color: var(--nvt-pb);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--nvt-pb) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--nvt-pb);
  --mat-form-field-outlined-focus-outline-color: var(--nvt-pb);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--nvt-pb) 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: var(--nvt-wb);
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: var(--nvt-wb);
  --mat-form-field-filled-error-focus-label-text-color: var(--nvt-wb);
  --mat-form-field-filled-error-label-text-color: var(--nvt-wb);
  --mat-form-field-filled-error-caret-color: var(--nvt-wb);
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: var(--nvt-wb);
  --mat-form-field-filled-error-focus-active-indicator-color: var(--nvt-wb);
  --mat-form-field-filled-error-hover-active-indicator-color: var(--nvt-wb);
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: var(--nvt-wb);
  --mat-form-field-outlined-error-focus-label-text-color: var(--nvt-wb);
  --mat-form-field-outlined-error-label-text-color: var(--nvt-wb);
  --mat-form-field-outlined-error-hover-label-text-color: var(--nvt-wb);
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: var(--nvt-wb);
  --mat-form-field-outlined-error-hover-outline-color: var(--nvt-wb);
  --mat-form-field-outlined-error-outline-color: var(--nvt-wb);
}
.nvt-root .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--nvt-ab) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--nvt-ab);
  --mat-form-field-filled-focus-active-indicator-color: var(--nvt-ab);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--nvt-ab) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--nvt-ab);
  --mat-form-field-outlined-focus-outline-color: var(--nvt-ab);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--nvt-ab) 87%, transparent);
}
.nvt-root .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--nvt-wb) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--nvt-wb);
  --mat-form-field-filled-focus-active-indicator-color: var(--nvt-wb);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--nvt-wb) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--nvt-wb);
  --mat-form-field-outlined-focus-outline-color: var(--nvt-wb);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--nvt-wb) 87%, transparent);
}
.nvt-root {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: var(--nvt-pb);
}
.nvt-root .mat-accent {
  --mat-progress-spinner-active-indicator-color: var(--nvt-ab);
}
.nvt-root .mat-warn {
  --mat-progress-spinner-active-indicator-color: var(--nvt-wb);
}
.nvt-root {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.nvt-root .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: var(--nvt-pb);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--nvt-pb);
  --mat-radio-selected-hover-icon-color: var(--nvt-pb);
  --mat-radio-selected-icon-color: var(--nvt-pb);
  --mat-radio-selected-pressed-icon-color: var(--nvt-pb);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.nvt-root .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: var(--nvt-ab);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--nvt-ab);
  --mat-radio-selected-hover-icon-color: var(--nvt-ab);
  --mat-radio-selected-icon-color: var(--nvt-ab);
  --mat-radio-selected-pressed-icon-color: var(--nvt-ab);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.nvt-root .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: var(--nvt-wb);
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: var(--nvt-wb);
  --mat-radio-selected-hover-icon-color: var(--nvt-wb);
  --mat-radio-selected-icon-color: var(--nvt-wb);
  --mat-radio-selected-pressed-icon-color: var(--nvt-wb);
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.nvt-root {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--nvt-pb);
  --mat-select-invalid-arrow-color: var(--nvt-wb);
}
.nvt-root .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--nvt-ab);
  --mat-select-invalid-arrow-color: var(--nvt-wb);
}
.nvt-root .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: var(--nvt-wb);
  --mat-select-invalid-arrow-color: var(--nvt-wb);
}
.nvt-root {
  --mat-select-arrow-transform: translateY(-8px);
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: var(--nvt-pb-c);
  --mat-slide-toggle-disabled-selected-icon-color: var(--nvt-pb-c);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--nvt-pb);
  --mat-slide-toggle-selected-handle-color: var(--nvt-pb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--nvt-pb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--nvt-pb);
  --mat-slide-toggle-selected-focus-handle-color: var(--nvt-pb);
  --mat-slide-toggle-selected-hover-handle-color: var(--nvt-pb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--nvt-pb);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.nvt-root .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: var(--nvt-ab-c);
  --mat-slide-toggle-disabled-selected-icon-color: var(--nvt-ab-c);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--nvt-ab);
  --mat-slide-toggle-selected-handle-color: var(--nvt-ab);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--nvt-ab);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--nvt-ab);
  --mat-slide-toggle-selected-focus-handle-color: var(--nvt-ab);
  --mat-slide-toggle-selected-hover-handle-color: var(--nvt-ab);
  --mat-slide-toggle-selected-pressed-handle-color: var(--nvt-ab);
}
.nvt-root .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: var(--nvt-wb-c);
  --mat-slide-toggle-disabled-selected-icon-color: var(--nvt-wb-c);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--nvt-wb);
  --mat-slide-toggle-selected-handle-color: var(--nvt-wb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--nvt-wb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--nvt-wb);
  --mat-slide-toggle-selected-focus-handle-color: var(--nvt-wb);
  --mat-slide-toggle-selected-hover-handle-color: var(--nvt-wb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--nvt-wb);
}
.nvt-root {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: var(--nvt-pb-c);
  --mat-stepper-header-selected-state-icon-background-color: var(--nvt-pb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--nvt-pb-c);
  --mat-stepper-header-done-state-icon-background-color: var(--nvt-pb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--nvt-pb-c);
  --mat-stepper-header-edit-state-icon-background-color: var(--nvt-pb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--nvt-pb-c);
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: var(--nvt-wb);
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: var(--nvt-wb);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.nvt-root .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--nvt-ab-c);
  --mat-stepper-header-selected-state-icon-background-color: var(--nvt-ab);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--nvt-ab-c);
  --mat-stepper-header-done-state-icon-background-color: var(--nvt-ab);
  --mat-stepper-header-done-state-icon-foreground-color: var(--nvt-ab-c);
  --mat-stepper-header-edit-state-icon-background-color: var(--nvt-ab);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--nvt-ab-c);
}
.nvt-root .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: var(--nvt-wb-c);
  --mat-stepper-header-selected-state-icon-background-color: var(--nvt-wb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--nvt-wb-c);
  --mat-stepper-header-done-state-icon-background-color: var(--nvt-wb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--nvt-wb-c);
  --mat-stepper-header-edit-state-icon-background-color: var(--nvt-wb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--nvt-wb-c);
}
.nvt-root {
  --mat-stepper-header-height: 72px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.nvt-root .mat-mdc-tab-group,
.nvt-root .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--nvt-pb);
  --mat-tab-active-ripple-color: var(--nvt-pb);
  --mat-tab-inactive-ripple-color: var(--nvt-pb);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--nvt-pb);
  --mat-tab-active-hover-label-text-color: var(--nvt-pb);
  --mat-tab-active-focus-indicator-color: var(--nvt-pb);
  --mat-tab-active-hover-indicator-color: var(--nvt-pb);
  --mat-tab-active-indicator-color: var(--nvt-pb);
}
.nvt-root .mat-mdc-tab-group.mat-accent,
.nvt-root .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--nvt-ab);
  --mat-tab-active-ripple-color: var(--nvt-ab);
  --mat-tab-inactive-ripple-color: var(--nvt-ab);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--nvt-ab);
  --mat-tab-active-hover-label-text-color: var(--nvt-ab);
  --mat-tab-active-focus-indicator-color: var(--nvt-ab);
  --mat-tab-active-hover-indicator-color: var(--nvt-ab);
  --mat-tab-active-indicator-color: var(--nvt-ab);
}
.nvt-root .mat-mdc-tab-group.mat-warn,
.nvt-root .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: var(--nvt-wb);
  --mat-tab-active-ripple-color: var(--nvt-wb);
  --mat-tab-inactive-ripple-color: var(--nvt-wb);
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: var(--nvt-wb);
  --mat-tab-active-hover-label-text-color: var(--nvt-wb);
  --mat-tab-active-focus-indicator-color: var(--nvt-wb);
  --mat-tab-active-hover-indicator-color: var(--nvt-wb);
  --mat-tab-active-indicator-color: var(--nvt-wb);
}
.nvt-root .mat-mdc-tab-group.mat-background-primary,
.nvt-root .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: var(--nvt-pb);
  --mat-tab-foreground-color: var(--nvt-pb-c);
}
.nvt-root .mat-mdc-tab-group.mat-background-accent,
.nvt-root .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: var(--nvt-ab);
  --mat-tab-foreground-color: var(--nvt-ab-c);
}
.nvt-root .mat-mdc-tab-group.mat-background-warn,
.nvt-root .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: var(--nvt-wb);
  --mat-tab-foreground-color: var(--nvt-wb-c);
}
.nvt-root .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.nvt-root {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
}

.nvt-t--light {
  background-color: #fafafa;
  color: black;
}

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

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}

.mat-elevation-z4, .raised-card, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}

.nvt-t--dark html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}

.nvt-t--dark {
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.nvt-t--dark .mat-mdc-button.mat-primary,
.nvt-t--dark .mat-mdc-unelevated-button.mat-primary,
.nvt-t--dark .mat-mdc-raised-button.mat-primary,
.nvt-t--dark .mat-mdc-outlined-button.mat-primary,
.nvt-t--dark .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: var(--nvt-pb);
  --mat-button-filled-label-text-color: var(--nvt-pb-c);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--nvt-pb-c) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--nvt-pb-c);
  --mat-button-outlined-label-text-color: var(--nvt-pb);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--nvt-pb) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--nvt-pb);
  --mat-button-protected-container-color: var(--nvt-pb);
  --mat-button-protected-label-text-color: var(--nvt-pb-c);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--nvt-pb-c) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--nvt-pb-c);
  --mat-button-text-label-text-color: var(--nvt-pb);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--nvt-pb) 12%, transparent);
  --mat-button-text-state-layer-color: var(--nvt-pb);
  --mat-button-tonal-container-color: var(--nvt-pb);
  --mat-button-tonal-label-text-color: var(--nvt-pb-c);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--nvt-pb-c) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--nvt-pb-c);
}
.nvt-t--dark .mat-mdc-button.mat-accent,
.nvt-t--dark .mat-mdc-unelevated-button.mat-accent,
.nvt-t--dark .mat-mdc-raised-button.mat-accent,
.nvt-t--dark .mat-mdc-outlined-button.mat-accent,
.nvt-t--dark .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: var(--nvt-ab);
  --mat-button-filled-label-text-color: var(--nvt-ab-c);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--nvt-ab-c) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--nvt-ab-c);
  --mat-button-outlined-label-text-color: var(--nvt-ab);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--nvt-ab) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--nvt-ab);
  --mat-button-protected-container-color: var(--nvt-ab);
  --mat-button-protected-label-text-color: var(--nvt-ab-c);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--nvt-ab-c) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--nvt-ab-c);
  --mat-button-text-label-text-color: var(--nvt-ab);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--nvt-ab) 12%, transparent);
  --mat-button-text-state-layer-color: var(--nvt-ab);
  --mat-button-tonal-container-color: var(--nvt-ab);
  --mat-button-tonal-label-text-color: var(--nvt-ab-c);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--nvt-ab-c) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--nvt-ab-c);
}
.nvt-t--dark .mat-mdc-button.mat-warn,
.nvt-t--dark .mat-mdc-unelevated-button.mat-warn,
.nvt-t--dark .mat-mdc-raised-button.mat-warn,
.nvt-t--dark .mat-mdc-outlined-button.mat-warn,
.nvt-t--dark .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: var(--nvt-wb);
  --mat-button-filled-label-text-color: var(--nvt-wb-c);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--nvt-wb-c) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--nvt-wb-c);
  --mat-button-outlined-label-text-color: var(--nvt-wb);
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--nvt-wb) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--nvt-wb);
  --mat-button-protected-container-color: var(--nvt-wb);
  --mat-button-protected-label-text-color: var(--nvt-wb-c);
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--nvt-wb-c) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--nvt-wb-c);
  --mat-button-text-label-text-color: var(--nvt-wb);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--nvt-wb) 12%, transparent);
  --mat-button-text-state-layer-color: var(--nvt-wb);
  --mat-button-tonal-container-color: var(--nvt-wb);
  --mat-button-tonal-label-text-color: var(--nvt-wb-c);
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--nvt-wb-c) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--nvt-wb-c);
}
.nvt-t--dark button.mat-mdc-raised-button.mat-primary,
.nvt-t--dark button.mat-mdc-unelevated-button.mat-primary {
  color: var(--nvt-pb-c);
}
.nvt-t--dark button.mat-mdc-raised-button.mat-accent,
.nvt-t--dark button.mat-mdc-unelevated-button.mat-accent {
  color: var(--nvt-ab-c);
}
.nvt-t--dark button.mat-mdc-raised-button.mat-warn,
.nvt-t--dark button.mat-mdc-unelevated-button.mat-warn {
  color: var(--nvt-wb-c);
}
.nvt-t--dark button.mat-mdc-fab.mat-primary,
.nvt-t--dark button.mat-mdc-mini-fab.mat-primary {
  background-color: var(--nvt-pb);
  color: var(--nvt-pb-c);
}
.nvt-t--dark button.mat-mdc-fab.mat-accent,
.nvt-t--dark button.mat-mdc-mini-fab.mat-accent {
  background-color: var(--nvt-ab);
  color: var(--nvt-ab-c);
}
.nvt-t--dark button.mat-mdc-fab.mat-warn,
.nvt-t--dark button.mat-mdc-mini-fab.mat-warn {
  background-color: var(--nvt-wb);
  color: var(--nvt-wb-c);
}
.nvt-t--dark button.mat-mdc-icon-button.mat-primary {
  color: var(--nvt-pb);
}
.nvt-t--dark button.mat-mdc-icon-button.mat-accent {
  color: var(--nvt-ab);
}
.nvt-t--dark button.mat-mdc-icon-button.mat-warn {
  color: var(--nvt-wb);
}
.nvt-t--dark {
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: white;
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-text-color: white;
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
  --mat-card-elevated-container-color: #424242;
  --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: #424242;
  --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--nvt-ab-c);
  --mat-checkbox-selected-focus-icon-color: var(--nvt-ab);
  --mat-checkbox-selected-hover-icon-color: var(--nvt-ab);
  --mat-checkbox-selected-icon-color: var(--nvt-ab);
  --mat-checkbox-selected-pressed-icon-color: var(--nvt-ab);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--nvt-ab);
  --mat-checkbox-selected-hover-state-layer-color: var(--nvt-ab);
  --mat-checkbox-selected-pressed-state-layer-color: var(--nvt-ab);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.nvt-t--dark .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--nvt-pb-c);
  --mat-checkbox-selected-focus-icon-color: var(--nvt-pb);
  --mat-checkbox-selected-hover-icon-color: var(--nvt-pb);
  --mat-checkbox-selected-icon-color: var(--nvt-pb);
  --mat-checkbox-selected-pressed-icon-color: var(--nvt-pb);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--nvt-pb);
  --mat-checkbox-selected-hover-state-layer-color: var(--nvt-pb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--nvt-pb);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.nvt-t--dark .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: var(--nvt-wb-c);
  --mat-checkbox-selected-focus-icon-color: var(--nvt-wb);
  --mat-checkbox-selected-hover-icon-color: var(--nvt-wb);
  --mat-checkbox-selected-icon-color: var(--nvt-wb);
  --mat-checkbox-selected-pressed-icon-color: var(--nvt-wb);
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: var(--nvt-wb);
  --mat-checkbox-selected-hover-state-layer-color: var(--nvt-wb);
  --mat-checkbox-selected-pressed-state-layer-color: var(--nvt-wb);
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
.nvt-t--dark .mat-mdc-checkbox.mat-primary .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: var(--nvt-pb-c);
}
.nvt-t--dark .mat-mdc-checkbox.mat-accent .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: var(--nvt-ab-c);
}
.nvt-t--dark .mat-mdc-checkbox.mat-warn .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: var(--nvt-wb-c);
}
.nvt-t--dark {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--nvt-pb) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--nvt-ab) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--nvt-pb-c);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--nvt-pb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--nvt-pb) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--nvt-pb-c);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--nvt-pb) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--nvt-pb) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--nvt-pb);
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.nvt-t--dark .mat-datepicker-content.mat-accent, .nvt-t--dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--nvt-ab) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--nvt-ab) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--nvt-ab-c);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--nvt-ab);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--nvt-ab) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--nvt-ab-c);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--nvt-ab) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--nvt-ab) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--nvt-ab);
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.nvt-t--dark .mat-datepicker-content.mat-warn, .nvt-t--dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, var(--nvt-wb) 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, var(--nvt-ab) 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--nvt-wb-c);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--nvt-wb);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--nvt-wb) 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--nvt-wb-c);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--nvt-wb) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--nvt-wb) 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: var(--nvt-wb);
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.nvt-t--dark {
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: white;
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--nvt-pb) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--nvt-pb);
  --mat-form-field-filled-focus-active-indicator-color: var(--nvt-pb);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--nvt-pb) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--nvt-pb);
  --mat-form-field-outlined-focus-outline-color: var(--nvt-pb);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--nvt-pb) 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-state-layer-color: white;
  --mat-form-field-error-text-color: var(--nvt-wb);
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #4a4a4a;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-color: white;
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-error-hover-label-text-color: var(--nvt-wb);
  --mat-form-field-filled-error-focus-label-text-color: var(--nvt-wb);
  --mat-form-field-filled-error-label-text-color: var(--nvt-wb);
  --mat-form-field-filled-error-caret-color: var(--nvt-wb);
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: white;
  --mat-form-field-filled-error-active-indicator-color: var(--nvt-wb);
  --mat-form-field-filled-error-focus-active-indicator-color: var(--nvt-wb);
  --mat-form-field-filled-error-hover-active-indicator-color: var(--nvt-wb);
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-hover-label-text-color: white;
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-color: white;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-error-caret-color: var(--nvt-wb);
  --mat-form-field-outlined-error-focus-label-text-color: var(--nvt-wb);
  --mat-form-field-outlined-error-label-text-color: var(--nvt-wb);
  --mat-form-field-outlined-error-hover-label-text-color: var(--nvt-wb);
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: white;
  --mat-form-field-outlined-error-focus-outline-color: var(--nvt-wb);
  --mat-form-field-outlined-error-hover-outline-color: var(--nvt-wb);
  --mat-form-field-outlined-error-outline-color: var(--nvt-wb);
}
.nvt-t--dark .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--nvt-ab) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--nvt-ab);
  --mat-form-field-filled-focus-active-indicator-color: var(--nvt-ab);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--nvt-ab) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--nvt-ab);
  --mat-form-field-outlined-focus-outline-color: var(--nvt-ab);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--nvt-ab) 87%, transparent);
}
.nvt-t--dark .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, var(--nvt-wb) 87%, transparent);
  --mat-form-field-filled-caret-color: var(--nvt-wb);
  --mat-form-field-filled-focus-active-indicator-color: var(--nvt-wb);
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, var(--nvt-wb) 87%, transparent);
  --mat-form-field-outlined-caret-color: var(--nvt-wb);
  --mat-form-field-outlined-focus-outline-color: var(--nvt-wb);
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, var(--nvt-wb) 87%, transparent);
}
.nvt-t--dark {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mat-progress-spinner-active-indicator-color: var(--nvt-pb);
}
.nvt-t--dark .mat-accent {
  --mat-progress-spinner-active-indicator-color: var(--nvt-ab);
}
.nvt-t--dark .mat-warn {
  --mat-progress-spinner-active-indicator-color: var(--nvt-wb);
}
.nvt-t--dark .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: var(--nvt-pb);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--nvt-pb);
  --mat-radio-selected-hover-icon-color: var(--nvt-pb);
  --mat-radio-selected-icon-color: var(--nvt-pb);
  --mat-radio-selected-pressed-icon-color: var(--nvt-pb);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.nvt-t--dark .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: var(--nvt-ab);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--nvt-ab);
  --mat-radio-selected-hover-icon-color: var(--nvt-ab);
  --mat-radio-selected-icon-color: var(--nvt-ab);
  --mat-radio-selected-pressed-icon-color: var(--nvt-ab);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.nvt-t--dark .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: var(--nvt-wb);
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: var(--nvt-wb);
  --mat-radio-selected-hover-icon-color: var(--nvt-wb);
  --mat-radio-selected-icon-color: var(--nvt-wb);
  --mat-radio-selected-pressed-icon-color: var(--nvt-wb);
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
.nvt-t--dark {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: var(--nvt-pb);
  --mat-select-invalid-arrow-color: var(--nvt-wb);
}
.nvt-t--dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: var(--nvt-ab);
  --mat-select-invalid-arrow-color: var(--nvt-wb);
}
.nvt-t--dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: var(--nvt-wb);
  --mat-select-invalid-arrow-color: var(--nvt-wb);
}
.nvt-t--dark {
  --mat-slide-toggle-selected-icon-color: var(--nvt-pb-c);
  --mat-slide-toggle-disabled-selected-icon-color: var(--nvt-pb-c);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--nvt-pb);
  --mat-slide-toggle-selected-handle-color: var(--nvt-pb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--nvt-pb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--nvt-pb);
  --mat-slide-toggle-selected-focus-handle-color: var(--nvt-pb);
  --mat-slide-toggle-selected-hover-handle-color: var(--nvt-pb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--nvt-pb);
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: white;
  --mat-slide-toggle-disabled-selected-track-color: white;
  --mat-slide-toggle-disabled-unselected-handle-color: white;
  --mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-disabled-unselected-track-color: white;
  --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: #424242;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-unselected-hover-handle-color: white;
  --mat-slide-toggle-unselected-focus-handle-color: white;
  --mat-slide-toggle-unselected-focus-state-layer-color: white;
  --mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-unselected-hover-state-layer-color: white;
  --mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: white;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: white;
  --mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12);
}
.nvt-t--dark .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: var(--nvt-ab-c);
  --mat-slide-toggle-disabled-selected-icon-color: var(--nvt-ab-c);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--nvt-ab);
  --mat-slide-toggle-selected-handle-color: var(--nvt-ab);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--nvt-ab);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--nvt-ab);
  --mat-slide-toggle-selected-focus-handle-color: var(--nvt-ab);
  --mat-slide-toggle-selected-hover-handle-color: var(--nvt-ab);
  --mat-slide-toggle-selected-pressed-handle-color: var(--nvt-ab);
}
.nvt-t--dark .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: var(--nvt-wb-c);
  --mat-slide-toggle-disabled-selected-icon-color: var(--nvt-wb-c);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--nvt-wb);
  --mat-slide-toggle-selected-handle-color: var(--nvt-wb);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--nvt-wb);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--nvt-wb);
  --mat-slide-toggle-selected-focus-handle-color: var(--nvt-wb);
  --mat-slide-toggle-selected-hover-handle-color: var(--nvt-wb);
  --mat-slide-toggle-selected-pressed-handle-color: var(--nvt-wb);
}
.nvt-t--dark .mdc-switch .mdc-switch__track {
  background-color: var(--nvt-pb);
}
.nvt-t--dark {
  --mat-stepper-header-icon-foreground-color: var(--nvt-pb-c);
  --mat-stepper-header-selected-state-icon-background-color: var(--nvt-pb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--nvt-pb-c);
  --mat-stepper-header-done-state-icon-background-color: var(--nvt-pb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--nvt-pb-c);
  --mat-stepper-header-edit-state-icon-background-color: var(--nvt-pb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--nvt-pb-c);
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: var(--nvt-wb);
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: var(--nvt-wb);
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.nvt-t--dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--nvt-ab-c);
  --mat-stepper-header-selected-state-icon-background-color: var(--nvt-ab);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--nvt-ab-c);
  --mat-stepper-header-done-state-icon-background-color: var(--nvt-ab);
  --mat-stepper-header-done-state-icon-foreground-color: var(--nvt-ab-c);
  --mat-stepper-header-edit-state-icon-background-color: var(--nvt-ab);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--nvt-ab-c);
}
.nvt-t--dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: var(--nvt-wb-c);
  --mat-stepper-header-selected-state-icon-background-color: var(--nvt-wb);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--nvt-wb-c);
  --mat-stepper-header-done-state-icon-background-color: var(--nvt-wb);
  --mat-stepper-header-done-state-icon-foreground-color: var(--nvt-wb-c);
  --mat-stepper-header-edit-state-icon-background-color: var(--nvt-wb);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--nvt-wb-c);
}
.nvt-t--dark .mat-mdc-tab-group,
.nvt-t--dark .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: var(--nvt-pb);
  --mat-tab-active-ripple-color: var(--nvt-pb);
  --mat-tab-inactive-ripple-color: var(--nvt-pb);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: var(--nvt-pb);
  --mat-tab-active-hover-label-text-color: var(--nvt-pb);
  --mat-tab-active-focus-indicator-color: var(--nvt-pb);
  --mat-tab-active-hover-indicator-color: var(--nvt-pb);
  --mat-tab-active-indicator-color: var(--nvt-pb);
}
.nvt-t--dark .mat-mdc-tab-group.mat-accent,
.nvt-t--dark .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: var(--nvt-ab);
  --mat-tab-active-ripple-color: var(--nvt-ab);
  --mat-tab-inactive-ripple-color: var(--nvt-ab);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: var(--nvt-ab);
  --mat-tab-active-hover-label-text-color: var(--nvt-ab);
  --mat-tab-active-focus-indicator-color: var(--nvt-ab);
  --mat-tab-active-hover-indicator-color: var(--nvt-ab);
  --mat-tab-active-indicator-color: var(--nvt-ab);
}
.nvt-t--dark .mat-mdc-tab-group.mat-warn,
.nvt-t--dark .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: var(--nvt-wb);
  --mat-tab-active-ripple-color: var(--nvt-wb);
  --mat-tab-inactive-ripple-color: var(--nvt-wb);
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: var(--nvt-wb);
  --mat-tab-active-hover-label-text-color: var(--nvt-wb);
  --mat-tab-active-focus-indicator-color: var(--nvt-wb);
  --mat-tab-active-hover-indicator-color: var(--nvt-wb);
  --mat-tab-active-indicator-color: var(--nvt-wb);
}
.nvt-t--dark .mat-mdc-tab-group.mat-background-primary,
.nvt-t--dark .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: var(--nvt-pb);
  --mat-tab-foreground-color: var(--nvt-pb-c);
}
.nvt-t--dark .mat-mdc-tab-group.mat-background-accent,
.nvt-t--dark .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: var(--nvt-ab);
  --mat-tab-foreground-color: var(--nvt-ab-c);
}
.nvt-t--dark .mat-mdc-tab-group.mat-background-warn,
.nvt-t--dark .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: var(--nvt-wb);
  --mat-tab-foreground-color: var(--nvt-wb-c);
}
.nvt-t--dark {
  --mat-tooltip-container-color: white;
  --mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-snack-bar-container-color: white;
  --mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);
  background-color: #303030;
  color: white;
}

/* Backgrounds.*/
.nvt-t--light .nvt-background {
  background: #fafafa;
}

.nvt-t--dark .nvt-background {
  background: #303030;
}

.nvt-t--light .nvt-surface {
  background: white;
}

.nvt-t--dark .nvt-surface {
  background: #424242;
}

.nvt-t--light .nvt-bar-1 {
  background: #f5f5f5;
}

.nvt-t--dark .nvt-bar-1 {
  background: #212121;
}

.nvt-t--light .nvt-bar-2 {
  background: #e0e0e0;
}

.nvt-t--dark .nvt-bar-2 {
  background: black;
}

/*
  Foregrounds structured this way to handle background on top of color. This way
  the selectors are more specific that anything matched for colored backgrounds.
*/
.nvt-t--light,
.nvt-t--light .nvt-background,
.nvt-t--light .nvt-surface,
.nvt-t--light .nvt-bar-1,
.nvt-t--light .nvt-bar-2 {
  color: black;
}
.nvt-t--light.nvt-primary,
.nvt-t--light .nvt-primary,
.nvt-t--light .nvt-background.nvt-primary,
.nvt-t--light .nvt-background .nvt-primary,
.nvt-t--light .nvt-surface.nvt-primary,
.nvt-t--light .nvt-surface .nvt-primary,
.nvt-t--light .nvt-bar-1.nvt-primary,
.nvt-t--light .nvt-bar-1 .nvt-primary,
.nvt-t--light .nvt-bar-2.nvt-primary,
.nvt-t--light .nvt-bar-2 .nvt-primary {
  color: black;
}
.nvt-t--light.nvt-secondary,
.nvt-t--light .nvt-secondary,
.nvt-t--light .nvt-background.nvt-secondary,
.nvt-t--light .nvt-background .nvt-secondary,
.nvt-t--light .nvt-surface.nvt-secondary,
.nvt-t--light .nvt-surface .nvt-secondary,
.nvt-t--light .nvt-bar-1.nvt-secondary,
.nvt-t--light .nvt-bar-1 .nvt-secondary,
.nvt-t--light .nvt-bar-2.nvt-secondary,
.nvt-t--light .nvt-bar-2 .nvt-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.nvt-t--light.nvt-disabled,
.nvt-t--light .nvt-disabled,
.nvt-t--light .nvt-background.nvt-disabled,
.nvt-t--light .nvt-background .nvt-disabled,
.nvt-t--light .nvt-surface.nvt-disabled,
.nvt-t--light .nvt-surface .nvt-disabled,
.nvt-t--light .nvt-bar-1.nvt-disabled,
.nvt-t--light .nvt-bar-1 .nvt-disabled,
.nvt-t--light .nvt-bar-2.nvt-disabled,
.nvt-t--light .nvt-bar-2 .nvt-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.nvt-t--light .nvt-divider,
.nvt-t--light .nvt-background .nvt-divider,
.nvt-t--light .nvt-surface .nvt-divider,
.nvt-t--light .nvt-bar-1 .nvt-divider,
.nvt-t--light .nvt-bar-2 .nvt-divider {
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 1px;
}

.nvt-t--dark,
.nvt-t--dark .nvt-background,
.nvt-t--dark .nvt-surface,
.nvt-t--dark .nvt-bar-1,
.nvt-t--dark .nvt-bar-2 {
  color: white;
}
.nvt-t--dark.nvt-primary,
.nvt-t--dark .nvt-primary,
.nvt-t--dark .nvt-background.nvt-primary,
.nvt-t--dark .nvt-background .nvt-primary,
.nvt-t--dark .nvt-surface.nvt-primary,
.nvt-t--dark .nvt-surface .nvt-primary,
.nvt-t--dark .nvt-bar-1.nvt-primary,
.nvt-t--dark .nvt-bar-1 .nvt-primary,
.nvt-t--dark .nvt-bar-2.nvt-primary,
.nvt-t--dark .nvt-bar-2 .nvt-primary {
  color: white;
}
.nvt-t--dark.nvt-secondary,
.nvt-t--dark .nvt-secondary,
.nvt-t--dark .nvt-background.nvt-secondary,
.nvt-t--dark .nvt-background .nvt-secondary,
.nvt-t--dark .nvt-surface.nvt-secondary,
.nvt-t--dark .nvt-surface .nvt-secondary,
.nvt-t--dark .nvt-bar-1.nvt-secondary,
.nvt-t--dark .nvt-bar-1 .nvt-secondary,
.nvt-t--dark .nvt-bar-2.nvt-secondary,
.nvt-t--dark .nvt-bar-2 .nvt-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.nvt-t--dark.nvt-disabled,
.nvt-t--dark .nvt-disabled,
.nvt-t--dark .nvt-background.nvt-disabled,
.nvt-t--dark .nvt-background .nvt-disabled,
.nvt-t--dark .nvt-surface.nvt-disabled,
.nvt-t--dark .nvt-surface .nvt-disabled,
.nvt-t--dark .nvt-bar-1.nvt-disabled,
.nvt-t--dark .nvt-bar-1 .nvt-disabled,
.nvt-t--dark .nvt-bar-2.nvt-disabled,
.nvt-t--dark .nvt-bar-2 .nvt-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.nvt-t--dark .nvt-divider,
.nvt-t--dark .nvt-background .nvt-divider,
.nvt-t--dark .nvt-surface .nvt-divider,
.nvt-t--dark .nvt-bar-1 .nvt-divider,
.nvt-t--dark .nvt-bar-2 .nvt-divider {
  border-color: rgba(255, 255, 255, 0.12);
  border-style: solid;
  border-width: 1px;
}

.nvt-t--light .nvt-colorbg-pb, .nvt-t--light .nvt-colorbg-primary,
.nvt-t--light .nvt-colorbg {
  background-color: var(--nvt-pb);
}

.nvt-t--dark .nvt-colorbg-pb, .nvt-t--dark .nvt-colorbg-primary,
.nvt-t--dark .nvt-colorbg {
  background-color: var(--nvt-pb);
}

.nvt-c--pb-light .nvt-colorbg-pb, .nvt-c--pb-light .nvt-colorbg-primary,
.nvt-c--pb-light .nvt-colorbg {
  color: white;
}
.nvt-c--pb-light .nvt-colorbg-pb .nvt-primary, .nvt-c--pb-light .nvt-colorbg-primary .nvt-primary,
.nvt-c--pb-light .nvt-colorbg .nvt-primary {
  color: white;
}
.nvt-c--pb-light .nvt-colorbg-pb .nvt-secondary, .nvt-c--pb-light .nvt-colorbg-primary .nvt-secondary,
.nvt-c--pb-light .nvt-colorbg .nvt-secondary {
  color: rgba(255, 255, 255, 0.7);
}
.nvt-c--pb-light .nvt-colorbg-pb .nvt-disabled, .nvt-c--pb-light .nvt-colorbg-primary .nvt-disabled,
.nvt-c--pb-light .nvt-colorbg .nvt-disabled {
  color: rgba(255, 255, 255, 0.5);
}

.nvt-c--pb-dark .nvt-colorbg-pb, .nvt-c--pb-dark .nvt-colorbg-primary,
.nvt-c--pb-dark .nvt-colorbg {
  color: rgba(0, 0, 0, 0.87);
}
.nvt-c--pb-dark .nvt-colorbg-pb .nvt-primary, .nvt-c--pb-dark .nvt-colorbg-primary .nvt-primary,
.nvt-c--pb-dark .nvt-colorbg .nvt-primary {
  color: rgba(0, 0, 0, 0.87);
}
.nvt-c--pb-dark .nvt-colorbg-pb .nvt-secondary, .nvt-c--pb-dark .nvt-colorbg-primary .nvt-secondary,
.nvt-c--pb-dark .nvt-colorbg .nvt-secondary {
  color: rgba(0, 0, 0, 0.54);
}
.nvt-c--pb-dark .nvt-colorbg-pb .nvt-disabled, .nvt-c--pb-dark .nvt-colorbg-primary .nvt-disabled,
.nvt-c--pb-dark .nvt-colorbg .nvt-disabled {
  color: rgba(0, 0, 0, 0.38);
}

/* Aliases. */
.round-corners, .raised-card {
  border-radius: 12px;
}

.raised-card {
  overflow-x: hidden;
}

.nvt-t--light .round-corners, .nvt-t--light .raised-card {
  border: solid 1px #bdbdbd;
}

.nvt-t--dark .round-corners, .nvt-t--dark .raised-card {
  border: solid 1px #757575;
}

p a,
p a:visited,
p a:focus {
  color: #42a5f5;
  transition: color 300ms ease;
  cursor: pointer;
}
p a:hover,
p a:visited:hover,
p a:focus:hover {
  color: #7cbcea;
}

.nvt-t--light hr.sep {
  border-color: rgba(0, 0, 0, 0.12);
}

.nvt-t--dark hr.sep {
  border-color: rgba(255, 255, 255, 0.12);
}

hr.sep {
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-top-style: solid;
  border-top-width: 1px;
  padding: 12px 0;
  width: 85%;
}

body.density-compact, .density-compact {
  --mat-button-filled-container-height: 24px;
  --mat-button-filled-touch-target-display: none;
  --mat-button-outlined-container-height: 24px;
  --mat-button-outlined-touch-target-display: none;
  --mat-button-protected-container-height: 24px;
  --mat-button-protected-touch-target-display: none;
  --mat-button-text-container-height: 24px;
  --mat-button-text-touch-target-display: none;
  --mat-button-tonal-container-height: 24px;
  --mat-button-tonal-touch-target-display: none;
  --mat-button-toggle-height: 36px;
  --mat-checkbox-touch-target-display: none;
  --mat-checkbox-state-layer-size: 28px;
}
body.density-compact .mat-mdc-chip.mat-mdc-standard-chip, .density-compact .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 24px;
}
body.density-compact, .density-compact {
  --mat-expansion-header-collapsed-state-height: 36px;
  --mat-expansion-header-expanded-state-height: 48px;
  --mat-fab-small-touch-target-display: none;
  --mat-fab-touch-target-display: none;
  --mat-form-field-container-height: 44px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 10px;
  --mat-form-field-filled-with-label-container-padding-top: 10px;
  --mat-form-field-filled-with-label-container-padding-bottom: 10px;
  --mat-icon-button-touch-target-display: none;
}
body.density-compact .mat-mdc-icon-button.mat-mdc-button-base, .density-compact .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 36px;
  --mat-icon-button-state-layer-size: 36px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 6px;
}
body.density-compact, .density-compact {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 36px;
  --mat-list-list-item-two-line-container-height: 52px;
  --mat-list-list-item-three-line-container-height: 76px;
}
body.density-compact .mdc-list-item__start,
body.density-compact .mdc-list-item__end, .density-compact .mdc-list-item__start,
.density-compact .mdc-list-item__end {
  --mat-radio-state-layer-size: 28px;
  --mat-radio-touch-target-display: none;
}
body.density-compact .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, body.density-compact .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, body.density-compact .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line, .density-compact .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .density-compact .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .density-compact .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 44px;
}
body.density-compact .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, body.density-compact .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, body.density-compact .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines, .density-compact .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .density-compact .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .density-compact .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 60px;
}
body.density-compact, .density-compact {
  --mat-paginator-container-size: 40px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-state-layer-size: 28px;
  --mat-radio-touch-target-display: none;
  --mat-select-arrow-transform: none;
  --mat-slide-toggle-state-layer-size: 28px;
  --mat-slide-toggle-touch-target-display: none;
  --mat-stepper-header-height: 60px;
  --mat-table-header-container-height: 44px;
  --mat-table-footer-container-height: 40px;
  --mat-table-row-item-container-height: 40px;
}
body.density-compact .mat-mdc-tab-header, .density-compact .mat-mdc-tab-header {
  --mat-tab-container-height: 36px;
}
body.density-compact, .density-compact {
  --mat-toolbar-standard-height: 52px;
  --mat-toolbar-mobile-height: 44px;
  --mat-tree-node-min-height: 36px;
}

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