/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/@telmar-global/tup-design-system/scss/core/theming/prebuilt/tup-design-system.scss?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/@telmar-global/tup-design-system/scss/core/theming/prebuilt/tup-design-system.scss?ngGlobalStyle (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Custom icon button density mixin.
 *
 * Maximum size has been increased from 48px to 56px.
 * Minimum size has been reduced from 28px to 16px.
 *
 * $icon-size (height, width and font-size) can optionally be set.
 *
 * The original Angular Material Components mixin seems a bit fragile, so be prepared for this to break on upgrade.
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * transition-* properties, shared between tupButton, tupExpansionButton and tupIconButton.
 *
 * The MatRipple animation curve.
 */
/**
 * "I'd say it's more fancy interaction than necessary accessibility, ha." ~ Breno Martins
 *
 * Using disableRipple doesn't seem to work anymore ¯\_(ツ)_/¯, so set the value of these *-ripple-color vars to transparent instead, for now.
 *
 * TODO Review
 */
/**
 * focus ring styling rules, shared between tup-button and tup-icon button.
 */
/**
 * '--flat' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * '--stroked' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * ':disabled' pseudo class styling, shared between tup-button and tup-icon-button
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * Seems absolutely crazy to be doing this ¯\_(ツ)_/¯.
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * CSS 'flex' layout helper.
 */
/**
 * Default padding.
 */
/**
 * Default border-radius.
 */
/**
 * Overlay border-radius (dialogs and menus)
 */
/**
 * Outline
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * CSS 'flex' layout helper.
 */
/**
 * Default padding.
 */
/**
 * Default border-radius.
 */
/**
 * Overlay border-radius (dialogs and menus)
 */
/**
 * Outline
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * Some of these styling rules are inconsistent with Material Design / other parts of the TUP Design System ¯\_(ツ)_/¯.
 */
/**
 * transition-* properties, shared between tupButton, tupExpansionButton and tupIconButton.
 *
 * The MatRipple animation curve.
 */
/**
 * "I'd say it's more fancy interaction than necessary accessibility, ha." ~ Breno Martins
 *
 * Using disableRipple doesn't seem to work anymore ¯\_(ツ)_/¯, so set the value of these *-ripple-color vars to transparent instead, for now.
 *
 * TODO Review
 */
/**
 * focus ring styling rules, shared between tup-button and tup-icon button.
 */
/**
 * '--flat' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * '--stroked' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * ':disabled' pseudo class styling, shared between tup-button and tup-icon-button
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * transition-* properties, shared between tupButton, tupExpansionButton and tupIconButton.
 *
 * The MatRipple animation curve.
 */
/**
 * "I'd say it's more fancy interaction than necessary accessibility, ha." ~ Breno Martins
 *
 * Using disableRipple doesn't seem to work anymore ¯\_(ツ)_/¯, so set the value of these *-ripple-color vars to transparent instead, for now.
 *
 * TODO Review
 */
/**
 * focus ring styling rules, shared between tup-button and tup-icon button.
 */
/**
 * '--flat' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * '--stroked' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * ':disabled' pseudo class styling, shared between tup-button and tup-icon-button
 */
/**
 * Custom icon button density mixin.
 *
 * Maximum size has been increased from 48px to 56px.
 * Minimum size has been reduced from 28px to 16px.
 *
 * $icon-size (height, width and font-size) can optionally be set.
 *
 * The original Angular Material Components mixin seems a bit fragile, so be prepared for this to break on upgrade.
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * CSS 'flex' layout helper.
 */
/**
 * Default padding.
 */
/**
 * Default border-radius.
 */
/**
 * Overlay border-radius (dialogs and menus)
 */
/**
 * Outline
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * CSS 'flex' layout helper.
 */
/**
 * Default padding.
 */
/**
 * Default border-radius.
 */
/**
 * Overlay border-radius (dialogs and menus)
 */
/**
 * Outline
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * Some of these styling rules are inconsistent with Material Design / other parts of the TUP Design System ¯\_(ツ)_/¯.
 */
/**
 * transition-* properties, shared between tupButton, tupExpansionButton and tupIconButton.
 *
 * The MatRipple animation curve.
 */
/**
 * "I'd say it's more fancy interaction than necessary accessibility, ha." ~ Breno Martins
 *
 * Using disableRipple doesn't seem to work anymore ¯\_(ツ)_/¯, so set the value of these *-ripple-color vars to transparent instead, for now.
 *
 * TODO Review
 */
/**
 * focus ring styling rules, shared between tup-button and tup-icon button.
 */
/**
 * '--flat' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * '--stroked' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * ':disabled' pseudo class styling, shared between tup-button and tup-icon-button
 */
/**
 * transition-* properties, shared between tupButton, tupExpansionButton and tupIconButton.
 *
 * The MatRipple animation curve.
 */
/**
 * "I'd say it's more fancy interaction than necessary accessibility, ha." ~ Breno Martins
 *
 * Using disableRipple doesn't seem to work anymore ¯\_(ツ)_/¯, so set the value of these *-ripple-color vars to transparent instead, for now.
 *
 * TODO Review
 */
/**
 * focus ring styling rules, shared between tup-button and tup-icon button.
 */
/**
 * '--flat' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * '--stroked' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * ':disabled' pseudo class styling, shared between tup-button and tup-icon-button
 */
/**
 * transition-* properties, shared between tupButton, tupExpansionButton and tupIconButton.
 *
 * The MatRipple animation curve.
 */
/**
 * "I'd say it's more fancy interaction than necessary accessibility, ha." ~ Breno Martins
 *
 * Using disableRipple doesn't seem to work anymore ¯\_(ツ)_/¯, so set the value of these *-ripple-color vars to transparent instead, for now.
 *
 * TODO Review
 */
/**
 * focus ring styling rules, shared between tup-button and tup-icon button.
 */
/**
 * '--flat' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * '--stroked' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * ':disabled' pseudo class styling, shared between tup-button and tup-icon-button
 */
/**
 * Custom icon button density mixin.
 *
 * Maximum size has been increased from 48px to 56px.
 * Minimum size has been reduced from 28px to 16px.
 *
 * $icon-size (height, width and font-size) can optionally be set.
 *
 * The original Angular Material Components mixin seems a bit fragile, so be prepared for this to break on upgrade.
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * transition-* properties, shared between tupButton, tupExpansionButton and tupIconButton.
 *
 * The MatRipple animation curve.
 */
/**
 * "I'd say it's more fancy interaction than necessary accessibility, ha." ~ Breno Martins
 *
 * Using disableRipple doesn't seem to work anymore ¯\_(ツ)_/¯, so set the value of these *-ripple-color vars to transparent instead, for now.
 *
 * TODO Review
 */
/**
 * focus ring styling rules, shared between tup-button and tup-icon button.
 */
/**
 * '--flat' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * '--stroked' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * ':disabled' pseudo class styling, shared between tup-button and tup-icon-button
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * Seems absolutely crazy to be doing this ¯\_(ツ)_/¯.
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * CSS 'flex' layout helper.
 */
/**
 * Default padding.
 */
/**
 * Default border-radius.
 */
/**
 * Overlay border-radius (dialogs and menus)
 */
/**
 * Outline
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * transition-* properties, shared between tupButton, tupExpansionButton and tupIconButton.
 *
 * The MatRipple animation curve.
 */
/**
 * "I'd say it's more fancy interaction than necessary accessibility, ha." ~ Breno Martins
 *
 * Using disableRipple doesn't seem to work anymore ¯\_(ツ)_/¯, so set the value of these *-ripple-color vars to transparent instead, for now.
 *
 * TODO Review
 */
/**
 * focus ring styling rules, shared between tup-button and tup-icon button.
 */
/**
 * '--flat' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * '--stroked' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * ':disabled' pseudo class styling, shared between tup-button and tup-icon-button
 */
/**
 * CSS 'flex' layout helper.
 */
/**
 * Default padding.
 */
/**
 * Default border-radius.
 */
/**
 * Overlay border-radius (dialogs and menus)
 */
/**
 * Outline
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * Some of these styling rules are inconsistent with Material Design / other parts of the TUP Design System ¯\_(ツ)_/¯.
 */
/**
 * transition-* properties, shared between tupButton, tupExpansionButton and tupIconButton.
 *
 * The MatRipple animation curve.
 */
/**
 * "I'd say it's more fancy interaction than necessary accessibility, ha." ~ Breno Martins
 *
 * Using disableRipple doesn't seem to work anymore ¯\_(ツ)_/¯, so set the value of these *-ripple-color vars to transparent instead, for now.
 *
 * TODO Review
 */
/**
 * focus ring styling rules, shared between tup-button and tup-icon button.
 */
/**
 * '--flat' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * '--stroked' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * ':disabled' pseudo class styling, shared between tup-button and tup-icon-button
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * transition-* properties, shared between tupButton, tupExpansionButton and tupIconButton.
 *
 * The MatRipple animation curve.
 */
/**
 * "I'd say it's more fancy interaction than necessary accessibility, ha." ~ Breno Martins
 *
 * Using disableRipple doesn't seem to work anymore ¯\_(ツ)_/¯, so set the value of these *-ripple-color vars to transparent instead, for now.
 *
 * TODO Review
 */
/**
 * focus ring styling rules, shared between tup-button and tup-icon button.
 */
/**
 * '--flat' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * '--stroked' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * ':disabled' pseudo class styling, shared between tup-button and tup-icon-button
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * transition-* properties, shared between tupButton, tupExpansionButton and tupIconButton.
 *
 * The MatRipple animation curve.
 */
/**
 * "I'd say it's more fancy interaction than necessary accessibility, ha." ~ Breno Martins
 *
 * Using disableRipple doesn't seem to work anymore ¯\_(ツ)_/¯, so set the value of these *-ripple-color vars to transparent instead, for now.
 *
 * TODO Review
 */
/**
 * focus ring styling rules, shared between tup-button and tup-icon button.
 */
/**
 * '--flat' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * '--stroked' modifier styling rules, shared between tup-button and tup-icon-button
 */
/**
 * ':disabled' pseudo class styling, shared between tup-button and tup-icon-button
 */
/**
 * Custom icon button density mixin.
 *
 * Maximum size has been increased from 48px to 56px.
 * Minimum size has been reduced from 28px to 16px.
 *
 * $icon-size (height, width and font-size) can optionally be set.
 *
 * The original Angular Material Components mixin seems a bit fragile, so be prepared for this to break on upgrade.
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * CSS 'flex' layout helper.
 */
/**
 * Default padding.
 */
/**
 * Default border-radius.
 */
/**
 * Overlay border-radius (dialogs and menus)
 */
/**
 * Outline
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * Some of these styling rules are inconsistent with Material Design / other parts of the TUP Design System ¯\_(ツ)_/¯.
 */
/**
 * CSS 'flex' layout helper.
 */
/**
 * Default padding.
 */
/**
 * Default border-radius.
 */
/**
 * Overlay border-radius (dialogs and menus)
 */
/**
 * Outline
 */
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
/**
 * CSS 'flex' layout helper.
 */
/**
 * Default padding.
 */
/**
 * Default border-radius.
 */
/**
 * Overlay border-radius (dialogs and menus)
 */
/**
 * Outline
 */
/**
 * Custom icon button density mixin.
 *
 * Maximum size has been increased from 48px to 56px.
 * Minimum size has been reduced from 28px to 16px.
 *
 * $icon-size (height, width and font-size) can optionally be set.
 *
 * The original Angular Material Components mixin seems a bit fragile, so be prepared for this to break on upgrade.
 */
/**
 * Custom form field density mixin.
 *
 * Minimum size has been reduced from 40px to 28px.
 *
 * The original Angular Material Components mixin seems a bit fragile, so be prepared for this to break on upgrade.
 */
/**
 * The mdc / mat-mdc form field styling rules use px, not rem, so I have done the same to maintain consistency.
 */
@keyframes mat-mdc-tooltip-show-left {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/**
  * The mat.typography-level mixin doesnt always work, because of the --mdc-* vars that are now used by some Components ¯\_(ツ)_/¯.
  *
  * e.g. @include mat.typography-level($config-or-theme, $typography-level);
  *
  * This mixin will unpack the typography level and set the values of the appropriate vars.
  * Unfortunately, there doesn't appear to be a standard naming convention. This takes into account the two that have been encountered so far.
  */
/**
 * Custom typography config based on text styles specified in Figma:
 * https://www.figma.com/file/feWySflBpzqfo8jAzkBZ2n/Telmar-DS?type=design&node-id=4588%3A17150&mode=design&t=aWvMViZbUzKSmDPC-1
 *
 * Typography levels are from the 2018 version of the Material Design Specification:
 *
 * headline-1	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-2	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-3	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-4	One-off header, usually at the top of the page (e.g. a hero header).
 * headline-5	Section heading corresponding to the <h1> tag.
 * headline-6	Section heading corresponding to the <h2> tag.
 * subtitle-1	Section heading corresponding to the <h3> tag.
 * subtitle-2	Section heading corresponding to the <h4> tag.
 * body-1	Base body text.
 * body-2	Secondary body text.
 * caption	Smaller body and hint text.
 * button	Buttons and anchors.
 *
 * Text styles for $headline-1 - $headline-3 are not specified in Figma. I guess we are not meant to use them ¯\_(ツ)_/¯
 */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.tup-card {
  display: flex;
  flex-direction: column;
  justify-content: normal;
  align-items: normal;
  gap: 0.5rem;
  width: 16rem;
}

.tup-checkbox .mdc-form-field .mdc-checkbox {
  --mdc-checkbox-state-layer-size: 24px;
}
.tup-checkbox.mat-mdc-checkbox .mat-mdc-checkbox-touch-target {
  display: none;
}

.tup-chip-container .mdc-evolution-chip--with-primary-icon .mdc-evolution-chip__cell--primary button:focus:not([aria-disabled=true]) .mdc-evolution-chip__icon--primary,
.tup-chip-container .mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__cell--trailing button.mdc-evolution-chip__action:focus:not([aria-disabled=true]) .material-symbols-outlined {
  outline-style: solid;
  outline-width: 2px;
}
.tup-chip-container .mdc-evolution-chip--with-primary-icon {
  --mdc-chip-with-avatar-avatar-size: 34px;
}
.tup-chip-container .mdc-evolution-chip--with-primary-icon .mdc-evolution-chip__cell--primary .mdc-evolution-chip__graphic {
  padding-left: 0;
  padding-right: 0;
}
.tup-chip-container .mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__cell--trailing .mdc-evolution-chip__icon {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.tup-chip-container .mdc-evolution-chip {
  --mdc-chip-with-icon-icon-size: 18px;
}
.tup-chip-container .mdc-evolution-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action,
.tup-chip-container .mdc-evolution-chip .mdc-evolution-chip__cell .mdc-evolution-chip__icon {
  outline: none;
}
.tup-chip-container .mdc-evolution-chip .mdc-evolution-chip__cell .mdc-evolution-chip__action .material-symbols-outlined,
.tup-chip-container .mdc-evolution-chip .mdc-evolution-chip__cell .mdc-evolution-chip__icon .material-symbols-outlined {
  height: var(--mdc-chip-with-icon-icon-size);
  width: var(--mdc-chip-with-icon-icon-size);
  border-radius: 50%;
}
.tup-chip-container .mat-mdc-chip .mat-ripple .mat-ripple-element {
  display: none;
}

.mat-mdc-chip .tup-chip__toggle {
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform;
}
.mat-mdc-chip-highlighted .tup-chip__toggle {
  transform: rotate(180deg);
}

.tup-dialog-overlay-pane .mdc-dialog__title, .tup-dialog-overlay-pane .mdc-dialog__actions {
  margin: 0 !important;
  padding: 1.5rem 2rem !important;
}
.tup-dialog-overlay-pane .mdc-dialog__title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
}
.tup-dialog-overlay-pane .mdc-dialog__title.mat-mdc-icon-button.mat-mdc-button-base,
.tup-dialog-overlay-pane .mdc-dialog__title .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 32px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 0;
  font-size: var(--mdc-icon-button-state-layer-size);
  line-height: var(--mdc-icon-button-state-layer-size);
}
.tup-dialog-overlay-pane .mdc-dialog__title.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.tup-dialog-overlay-pane .mdc-dialog__title .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}
.tup-dialog-overlay-pane .mdc-dialog__title.mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-dialog-overlay-pane .mdc-dialog__title.mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.tup-dialog-overlay-pane .mdc-dialog__title .mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-dialog-overlay-pane .mdc-dialog__title .mat-mdc-icon-button.mat-mdc-button-base .mat-icon {
  height: 24px;
  width: 24px;
}
.tup-dialog-overlay-pane .mdc-dialog__title.mat-mdc-icon-button.mat-mdc-button-base.material-icons, .tup-dialog-overlay-pane .mdc-dialog__title.mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-dialog-overlay-pane .mdc-dialog__title.mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-dialog-overlay-pane .mdc-dialog__title.mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined,
.tup-dialog-overlay-pane .mdc-dialog__title .mat-mdc-icon-button.mat-mdc-button-base.material-icons,
.tup-dialog-overlay-pane .mdc-dialog__title .mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-dialog-overlay-pane .mdc-dialog__title .mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-dialog-overlay-pane .mdc-dialog__title .mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined {
  font-size: 24px;
  line-height: 24px;
}
.tup-dialog-overlay-pane .mdc-dialog__title::before {
  display: none;
}
.tup-dialog-overlay-pane .mdc-dialog__content {
  margin: 0 !important;
  padding: 1rem 2rem !important;
}
.tup-dialog-overlay-pane .mdc-dialog__actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: normal;
  gap: 0;
}
.tup-dialog-overlay-pane .tup-dialog__subtitle {
  text-transform: uppercase;
  margin-bottom: 0.5rem !important;
}

.mat-divider.tup-divider--horizontal {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.mat-divider.tup-divider--vertical {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.tup-expansion-button {
  height: 1.25rem !important;
  min-width: unset;
  padding-left: 0.6875rem;
  padding-right: 0.6875rem;
}
.tup-expansion-button .mdc-button__label {
  text-transform: uppercase;
}
.tup-expansion-button .mat-icon {
  margin-left: 0;
  margin-right: 0;
}
.tup-expansion-button--expanded .mdc-button__label {
  margin-left: 0.25rem;
  margin-right: 0;
}
.tup-expansion-button--collapsed .mdc-button__label {
  display: none;
}

.tup-form-field .mdc-text-field--outlined {
  --mdc-outlined-text-field-outline-width: 0;
  --mdc-outlined-text-field-focus-outline-width: 0;
  border-bottom-right-radius: var(--mdc-outlined-text-field-container-shape);
  border-bottom-left-radius: var(--mdc-outlined-text-field-container-shape);
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-infix {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-prefix.mat-icon,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-icon {
  height: 1rem;
  width: 1rem;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-prefix.material-icons, .tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-prefix.material-symbols-outlined,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-prefix .material-icons,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-prefix .material-symbols-outlined {
  font-size: 1rem;
  line-height: 1rem;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button {
  border-radius: 0.25rem;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix.mat-mdc-icon-button.mat-mdc-button-base,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 0;
  font-size: var(--mdc-icon-button-state-layer-size);
  line-height: var(--mdc-icon-button-state-layer-size);
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix.mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix.mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon {
  height: 16px;
  width: 16px;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix.mat-mdc-icon-button.mat-mdc-button-base.material-icons, .tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix.mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix.mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix.mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base.material-icons,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined {
  font-size: 16px;
  line-height: 16px;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  margin: 0 0.75rem;
  border-radius: 0.25rem;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-valid .mat-mdc-form-field-icon-suffix.mat-icon,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-valid .mat-mdc-form-field-icon-suffix .mat-icon, .tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-invalid .mat-mdc-form-field-icon-suffix.mat-icon,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-invalid .mat-mdc-form-field-icon-suffix .mat-icon {
  height: 1rem;
  width: 1rem;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-valid .mat-mdc-form-field-icon-suffix.material-icons, .tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-valid .mat-mdc-form-field-icon-suffix.material-symbols-outlined,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-valid .mat-mdc-form-field-icon-suffix .material-icons,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-valid .mat-mdc-form-field-icon-suffix .material-symbols-outlined, .tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-invalid .mat-mdc-form-field-icon-suffix.material-icons, .tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-invalid .mat-mdc-form-field-icon-suffix.material-symbols-outlined,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-invalid .mat-mdc-form-field-icon-suffix .material-icons,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-invalid .mat-mdc-form-field-icon-suffix .material-symbols-outlined {
  font-size: 1rem;
  line-height: 1rem;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-hint-wrapper,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-error-wrapper {
  padding: 0 0.5rem;
}
.tup-form-field--size-small {
  --tup-select-arrow-svg-size: small;
}
.tup-form-field--size-small .mat-mdc-text-field-wrapper {
  flex: 0 0 28px;
}
.tup-form-field--size-small .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 14px;
}
.tup-form-field--size-small .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  min-height: 28px;
  padding-top: 0;
  padding-bottom: 0;
}
.tup-form-field--size-small.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined {
  --mat-mdc-form-field-label-offset-x: 0;
  --tup-form-field-label-offset-y: calc(-150% + 4px);
}
.tup-form-field--size-small.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label {
  --mat-mdc-form-field-label-transform: translate(var(--mat-mdc-form-field-label-offset-x), -50%);
}
.tup-form-field--size-small.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translate(var(--mat-mdc-form-field-label-offset-x), var(--tup-form-field-label-offset-y));
}
.tup-form-field--size-small.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper.mdc-text-field--outlined {
  --mat-mdc-form-field-label-offset-x: 28px;
  --tup-form-field-label-offset-y: calc(-150% + 4px);
}
.tup-form-field--size-small.tup-form-field--size-regular:not(.tup-form-field--type-textarea, .tup-form-field--type-number).mat-mdc-form-field-type-mat-input .mdc-text-field__input, .tup-form-field--size-small.tup-form-field--size-large:not(.tup-form-field--type-textarea, .tup-form-field--type-number).mat-mdc-form-field-type-mat-input .mdc-text-field__input {
  margin-top: 12px;
}
.tup-form-field--size-small.tup-form-field--size-regular.mat-mdc-form-field-type-mat-select .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-select .mat-mdc-select-value, .tup-form-field--size-small.tup-form-field--size-large.mat-mdc-form-field-type-mat-select .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-select .mat-mdc-select-value {
  margin-top: 12px;
}
.tup-form-field--size-regular {
  --tup-select-arrow-svg-size: regular;
}
.tup-form-field--size-regular .mat-mdc-text-field-wrapper {
  flex: 0 0 40px;
}
.tup-form-field--size-regular .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.tup-form-field--size-regular .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  min-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}
.tup-form-field--size-regular.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined {
  --mat-mdc-form-field-label-offset-x: 0;
  --tup-form-field-label-offset-y: calc(-150% + 4px);
}
.tup-form-field--size-regular.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label {
  --mat-mdc-form-field-label-transform: translate(var(--mat-mdc-form-field-label-offset-x), -50%);
}
.tup-form-field--size-regular.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translate(var(--mat-mdc-form-field-label-offset-x), var(--tup-form-field-label-offset-y));
}
.tup-form-field--size-regular.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper.mdc-text-field--outlined {
  --mat-mdc-form-field-label-offset-x: 28px;
  --tup-form-field-label-offset-y: calc(-150% + 4px);
}
.tup-form-field--size-regular.tup-form-field--size-regular:not(.tup-form-field--type-textarea, .tup-form-field--type-number).mat-mdc-form-field-type-mat-input .mdc-text-field__input, .tup-form-field--size-regular.tup-form-field--size-large:not(.tup-form-field--type-textarea, .tup-form-field--type-number).mat-mdc-form-field-type-mat-input .mdc-text-field__input {
  margin-top: 12px;
}
.tup-form-field--size-regular.tup-form-field--size-regular.mat-mdc-form-field-type-mat-select .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-select .mat-mdc-select-value, .tup-form-field--size-regular.tup-form-field--size-large.mat-mdc-form-field-type-mat-select .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-select .mat-mdc-select-value {
  margin-top: 12px;
}
.tup-form-field--size-large .mat-mdc-text-field-wrapper {
  flex: 0 0 56px;
}
.tup-form-field--size-large .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 28px;
}
.tup-form-field--size-large .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  min-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}
.tup-form-field--size-large.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined {
  --mat-mdc-form-field-label-offset-x: 0;
  --tup-form-field-label-offset-y: calc(-150% + 4px);
}
.tup-form-field--size-large.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label {
  --mat-mdc-form-field-label-transform: translate(var(--mat-mdc-form-field-label-offset-x), -50%);
}
.tup-form-field--size-large.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translate(var(--mat-mdc-form-field-label-offset-x), var(--tup-form-field-label-offset-y));
}
.tup-form-field--size-large.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper.mdc-text-field--outlined {
  --mat-mdc-form-field-label-offset-x: 28px;
  --tup-form-field-label-offset-y: calc(-150% + 4px);
}
.tup-form-field--size-large.tup-form-field--size-regular:not(.tup-form-field--type-textarea, .tup-form-field--type-number).mat-mdc-form-field-type-mat-input .mdc-text-field__input, .tup-form-field--size-large.tup-form-field--size-large:not(.tup-form-field--type-textarea, .tup-form-field--type-number).mat-mdc-form-field-type-mat-input .mdc-text-field__input {
  margin-top: 12px;
}
.tup-form-field--size-large.tup-form-field--size-regular.mat-mdc-form-field-type-mat-select .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-select .mat-mdc-select-value, .tup-form-field--size-large.tup-form-field--size-large.mat-mdc-form-field-type-mat-select .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-select .mat-mdc-select-value {
  margin-top: 12px;
}

/**
 * The mat-form-field.density mixin doesn't seem to work with mat-form-field Components containing a textarea.
 */
.tup-form-field--type-textarea.tup-form-field--size-regular .mdc-text-field--outlined.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  min-height: 56px !important;
  padding-top: 1rem !important;
  padding-bottom: 0.5rem !important;
}

.tup-form-field--type-number {
  min-width: 64px;
}
.tup-form-field--type-number input[type=number]::-webkit-inner-spin-button {
  appearance: none;
}
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix.mat-mdc-icon-button.mat-mdc-button-base,
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 0;
  font-size: var(--mdc-icon-button-state-layer-size);
  line-height: var(--mdc-icon-button-state-layer-size);
}
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix.mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix.mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon {
  height: 16px;
  width: 16px;
}
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix.mat-mdc-icon-button.mat-mdc-button-base.material-icons, .tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix.mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix.mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix.mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined,
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-button-base.material-icons,
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined {
  font-size: 16px;
  line-height: 16px;
}
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button {
  margin-left: -0.5rem;
}
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-text-field-wrapper {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-input-element {
  text-align: right;
}
.tup-form-field--type-number.tup-form-field--size-small .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.tup-form-field--type-number.tup-form-field--size-regular.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  padding-right: 0;
}
.tup-form-field--type-number.tup-form-field--size-regular.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.tup-form-field--type-number.tup-form-field--size-regular.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element {
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='40' viewBox='0 0 17 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.80666 27.8067L8.53333 29.5334C8.79333 29.7934 9.21333 29.7934 9.47333 29.5334L11.2 27.8067C11.62 27.3867 11.32 26.6667 10.7267 26.6667H7.27333C6.67999 26.6667 6.38666 27.3867 6.80666 27.8067Z' fill='%231D2635' fill-opacity='0.6'/%3E%3Crect width='16' height='1' transform='translate(1 19)' fill='%23E0E0E0'/%3E%3Cpath d='M6.80666 11.1934L8.53333 9.46673C8.79333 9.20673 9.21333 9.20673 9.47333 9.46673L11.2 11.1934C11.62 11.6134 11.32 12.3334 10.7267 12.3334H7.27333C6.67999 12.3334 6.38666 11.6134 6.80666 11.1934Z' fill='%231D2635' fill-opacity='0.6'/%3E%3Crect width='1' height='40' fill='%23E0E0E0'/%3E%3C/svg%3E");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}
.tup-form-field--type-number.tup-form-field--size-regular.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element::-webkit-inner-spin-button {
  height: 40px;
  width: 17px;
  cursor: pointer;
}
.tup-form-field--type-number.tup-form-field--size-regular.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-text-suffix {
  position: absolute;
  top: 13px;
  right: 21px;
}

.tup-icon-button {
  padding: 0 !important;
}
.tup-icon-button .mat-icon {
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform;
}
.tup-icon-button--size-small.mat-mdc-icon-button.mat-mdc-button-base,
.tup-icon-button--size-small .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 0;
  font-size: var(--mdc-icon-button-state-layer-size);
  line-height: var(--mdc-icon-button-state-layer-size);
}
.tup-icon-button--size-small.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.tup-icon-button--size-small .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}
.tup-icon-button--size-small.mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-icon-button--size-small.mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.tup-icon-button--size-small .mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-icon-button--size-small .mat-mdc-icon-button.mat-mdc-button-base .mat-icon {
  height: 24px;
  width: 24px;
}
.tup-icon-button--size-small.mat-mdc-icon-button.mat-mdc-button-base.material-icons, .tup-icon-button--size-small.mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-icon-button--size-small.mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-icon-button--size-small.mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined,
.tup-icon-button--size-small .mat-mdc-icon-button.mat-mdc-button-base.material-icons,
.tup-icon-button--size-small .mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-icon-button--size-small .mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-icon-button--size-small .mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined {
  font-size: 24px;
  line-height: 24px;
}
.tup-icon-button--size-regular.mat-mdc-icon-button.mat-mdc-button-base,
.tup-icon-button--size-regular .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 36px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 0;
  font-size: var(--mdc-icon-button-state-layer-size);
  line-height: var(--mdc-icon-button-state-layer-size);
}
.tup-icon-button--size-regular.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.tup-icon-button--size-regular .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}
.tup-icon-button--size-regular.mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-icon-button--size-regular.mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.tup-icon-button--size-regular .mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-icon-button--size-regular .mat-mdc-icon-button.mat-mdc-button-base .mat-icon {
  height: 24px;
  width: 24px;
}
.tup-icon-button--size-regular.mat-mdc-icon-button.mat-mdc-button-base.material-icons, .tup-icon-button--size-regular.mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-icon-button--size-regular.mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-icon-button--size-regular.mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined,
.tup-icon-button--size-regular .mat-mdc-icon-button.mat-mdc-button-base.material-icons,
.tup-icon-button--size-regular .mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-icon-button--size-regular .mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-icon-button--size-regular .mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined {
  font-size: 24px;
  line-height: 24px;
}
.tup-icon-button--with-flyout {
  width: 3.5rem !important;
}
.tup-icon-button--with-flyout .mat-icon.tup-icon-button__flyout {
  padding: 0.25rem 0.125rem;
}
.tup-icon-button--with-flyout .mat-icon.tup-icon-button__flyout.mat-icon,
.tup-icon-button--with-flyout .mat-icon.tup-icon-button__flyout .mat-icon {
  height: 16px;
  width: 16px;
}
.tup-icon-button--with-flyout .mat-icon.tup-icon-button__flyout.material-icons, .tup-icon-button--with-flyout .mat-icon.tup-icon-button__flyout.material-symbols-outlined,
.tup-icon-button--with-flyout .mat-icon.tup-icon-button__flyout .material-icons,
.tup-icon-button--with-flyout .mat-icon.tup-icon-button__flyout .material-symbols-outlined {
  font-size: 16px;
  line-height: 16px;
}
.tup-icon-button--with-flyout:active .mat-icon.tup-icon-button__flyout, .tup-icon-button--with-flyout[aria-expanded=true] .mat-icon.tup-icon-button__flyout {
  transform: rotate(180deg);
}
.tup-icon-button.mat-mdc-icon-button {
  border-radius: 0.25rem;
}
.tup-icon-button.mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  border-radius: 0.25rem;
}

.tup-icon-button--with-flyout:active .tup-icon-button__flyout,
.tup-icon-button--with-flyout[aria-expanded=true] .tup-icon-button__flyout {
  transform: rotate(180deg);
}

.mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 0.5rem;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item-submenu-trigger .mat-mdc-menu-submenu-icon {
  display: none;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item-submenu-trigger::after {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.29 15.88L13.17 12L9.29 8.11998C8.9 7.72998 8.9 7.09998 9.29 6.70998C9.68 6.31998 10.31 6.31998 10.7 6.70998L15.29 11.3C15.68 11.69 15.68 12.32 15.29 12.71L10.7 17.3C10.31 17.69 9.68 17.69 9.29 17.3C8.91 16.91 8.9 16.27 9.29 15.88Z' fill='%23949494' /%3E%3C/svg%3E");
  position: absolute;
  left: unset;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item-submenu-trigger:disabled::after {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.29 15.88L13.17 12L9.29 8.11998C8.9 7.72998 8.9 7.09998 9.29 6.70998C9.68 6.31998 10.31 6.31998 10.7 6.70998L15.29 11.3C15.68 11.69 15.68 12.32 15.29 12.71L10.7 17.3C10.31 17.69 9.68 17.69 9.29 17.3C8.91 16.91 8.9 16.27 9.29 15.88Z' fill='%2323232359' /%3E%3C/svg%3E");
}

.tup-menu-panel {
  min-width: 13rem;
  margin-top: 0.3125rem;
  border-radius: 0.625rem;
}
.tup-menu-panel__subtitle {
  text-transform: uppercase;
  margin-bottom: 0.5rem !important;
}

.tup-radio-group .mdc-radio .mdc-radio__background {
  border-radius: 50%;
}

.tup-search-settings-dialog-overlay-pane .mat-mdc-dialog-container {
  --mdc-dialog-container-shape: 0.625rem;
  border-radius: 0.625rem;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.tup-form-field--size-small.mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.tup-form-field--size-small.mat-mdc-form-field-type-mat-select .mat-mdc-select-arrow {
  width: 16px;
  height: 16px;
  margin-right: 0;
}

.tup-form-field--size-regular.mat-mdc-form-field-type-mat-select .mat-mdc-select-arrow {
  width: 24px;
  height: 24px;
  margin-right: 0;
}

.tup-select .mat-mdc-select-arrow {
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform;
}
.tup-select .mat-mdc-select-arrow svg {
  opacity: 0;
}
.tup-select[aria-expanded=true] .mat-mdc-select-arrow {
  transform: rotate(180deg);
}

.tup-select-overlay-pane .mat-mdc-select-panel {
  min-width: 90px;
  margin-top: 0.25rem;
  margin-left: -3px;
  margin-bottom: calc(0.5rem + 3px);
  width: calc(100% + 3px);
  border-radius: 0.625rem !important;
  padding: 0.5rem;
}
.tup-select-overlay-pane .mat-mdc-select-panel .mat-mdc-option {
  min-height: 40px;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
}
.tup-select-overlay-pane .mat-mdc-select-panel .mat-mdc-option .mat-ripple .mat-ripple-element {
  display: none;
}
.tup-select-overlay-pane .tup-select-panel {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.5rem;
  width: 230px;
  max-height: 288px;
  overflow: hidden;
}
.tup-select-overlay-pane .tup-select-panel ::-webkit-scrollbar,
.tup-select-overlay-pane .tup-select-panel ::-webkit-scrollbar-track,
.tup-select-overlay-pane .tup-select-panel ::-webkit-scrollbar-track-piece,
.tup-select-overlay-pane .tup-select-panel ::-webkit-scrollbar-corner {
  background: transparent;
}
.tup-select-overlay-pane .tup-select-panel ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.tup-select-overlay-pane .tup-select-panel ::-webkit-scrollbar-thumb {
  background: var(--tup-webkit-scrollbar-thumb-background);
  background-clip: content-box;
  border-radius: 6px;
}
.tup-select-overlay-pane .tup-select-panel .tup-form-field {
  width: 100%;
}
.tup-select-overlay-pane .tup-select-panel .tup-divider {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
.tup-select-overlay-pane .tup-select-panel .tup-action-option {
  margin-bottom: 0;
}

.tup-select-options-container {
  overflow-y: auto;
}
.tup-select-options-container--with-scrollbar {
  padding-right: 0.5rem;
}

.tup-selection-list .mat-mdc-list-base {
  --mdc-list-list-item-one-line-container-height: 24px;
  --mdc-list-list-item-two-line-container-height: 48px;
  --mdc-list-list-item-three-line-container-height: 56px;
}
.tup-selection-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .tup-selection-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .tup-selection-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 32px;
}
.tup-selection-list .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .tup-selection-list .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .tup-selection-list .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 48px;
}
.tup-selection-list .mdc-list-item {
  width: -moz-fit-content;
  width: fit-content;
}
.tup-selection-list .mdc-list-item.mat-mdc-icon-button.mat-mdc-button-base,
.tup-selection-list .mdc-list-item .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 0;
  font-size: var(--mdc-icon-button-state-layer-size);
  line-height: var(--mdc-icon-button-state-layer-size);
}
.tup-selection-list .mdc-list-item.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.tup-selection-list .mdc-list-item .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}
.tup-selection-list .mdc-list-item.mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-selection-list .mdc-list-item.mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.tup-selection-list .mdc-list-item .mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-selection-list .mdc-list-item .mat-mdc-icon-button.mat-mdc-button-base .mat-icon {
  height: 16px;
  width: 16px;
}
.tup-selection-list .mdc-list-item.mat-mdc-icon-button.mat-mdc-button-base.material-icons, .tup-selection-list .mdc-list-item.mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-selection-list .mdc-list-item.mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-selection-list .mdc-list-item.mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined,
.tup-selection-list .mdc-list-item .mat-mdc-icon-button.mat-mdc-button-base.material-icons,
.tup-selection-list .mdc-list-item .mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-selection-list .mdc-list-item .mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-selection-list .mdc-list-item .mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined {
  font-size: 16px;
  line-height: 16px;
}
.tup-selection-list .mdc-list-item--with-leading-checkbox .mdc-list-item__start {
  margin-left: 0;
  margin-right: 0;
}
.tup-selection-list .mdc-list-item--with-trailing-icon .mdc-list-item__end {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.tup-selection-list--nested {
  padding: 0 1.5rem;
}

.tup-account-dialog-overlay-pane .mdc-dialog__content .mdc-list .mdc-list-item:last-of-type {
  height: calc(var(--mdc-list-list-item-two-line-container-height) - 12px);
}
.tup-account-dialog-overlay-pane .mdc-dialog__content .mdc-list .mdc-list-item:last-of-type .mdc-list-item__secondary-text {
  margin-bottom: 0;
}
.tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content {
  padding: 0 2rem !important;
}
.tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content .mat-mdc-list-base {
  --mdc-list-list-item-one-line-container-height: 24px;
  --mdc-list-list-item-two-line-container-height: 48px;
  --mdc-list-list-item-three-line-container-height: 56px;
}
.tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 40px;
}
.tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 56px;
}
.tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content .mat-mdc-list {
  padding: 0;
}
.tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content .mat-mdc-list .mat-mdc-list-item {
  margin: 0;
  padding: 0;
}
.tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content .mat-mdc-list .mat-mdc-list-item .mat-mdc-list-item-title {
  text-transform: uppercase;
}
.tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content .mat-mdc-list .mat-mdc-list-item .mat-mdc-list-item-title::before {
  height: 0;
}
.tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: center;
  gap: 0.5rem;
  padding: 2rem !important;
}
.tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions .mat-mdc-button-base {
  width: 100%;
  margin: 0;
}

.tup-slide-toggle .mdc-switch {
  border-radius: 0.875rem;
}
.tup-slide-toggle .mdc-switch--unselected .mdc-switch__handle-track .mdc-switch__handle {
  margin-left: 2px;
}
.tup-slide-toggle .mdc-switch--selected .mdc-switch__handle-track .mdc-switch__handle {
  margin-left: -2px;
}
.tup-slide-toggle .mdc-switch__ripple {
  display: none;
}

.mdc-snackbar__surface {
  padding-right: 0;
}
.mdc-snackbar__label {
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.mdc-snackbar__actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 0;
  margin-left: auto;
}

.mdc-snackbar.tup-snack-bar-container--progress .mdc-snackbar__surface {
  max-width: 395px !important;
  min-width: 126px !important;
  padding-top: 4px;
  overflow: hidden;
}
.mdc-snackbar.tup-snack-bar-container--progress .mdc-snackbar__surface .tup-snack-bar {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.mdc-snackbar.tup-snack-bar-container--progress .mdc-snackbar__surface .tup-snack-bar .mdc-linear-progress {
  position: absolute;
  top: 0;
  left: 0;
}

.mdc-data-table__table .mdc-data-table__header-row {
  min-height: 56px;
}
.mdc-data-table__table .mdc-data-table__header-row .mdc-data-table__header-cell {
  padding: 1rem 0.5rem;
}
.mdc-data-table__table .mdc-data-table__row {
  min-height: 40px;
}
.mdc-data-table__table .mdc-data-table__row .mdc-data-table__cell {
  padding: 0.5rem;
}

.mat-sort .mat-sort-header .mat-sort-header-arrow {
  height: 16px;
  width: 17px;
  min-width: 17px;
  margin: 0;
}
.mat-sort .mat-sort-header .mat-sort-header-arrow .mat-sort-header-stem,
.mat-sort .mat-sort-header .mat-sort-header-arrow .mat-sort-header-indicator {
  display: none;
}
.mat-sort .mat-sort-header .mat-sort-header-arrow::before {
  content: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.60683 7.80675L8.3335 9.53341C8.5935 9.79341 9.0135 9.79341 9.2735 9.53341L11.0002 7.80675C11.4202 7.38675 11.1202 6.66675 10.5268 6.66675H7.0735C6.48016 6.66675 6.18683 7.38675 6.60683 7.80675Z' fill='%231D2635' fill-opacity='0.35'/%3E%3C/svg%3E%0A");
}
.mat-sort .mat-sort-header[aria-sort=ascending] .mat-sort-header-arrow::before {
  transform: rotate(180deg);
}
.mat-sort .mat-sort-header[aria-sort=descending] .mat-sort-header-arrow::before {
  transform: rotate(0);
}

.tup-tab--secondary.mdc-tab {
  width: 13.125rem;
  padding: 0 1.5rem;
  border-radius: 0.25rem 0.25rem 0 0;
}
.tup-tab--secondary.mdc-tab .mdc-tab-indicator {
  display: none;
}
.tup-tab--secondary.mdc-tab .mdc-tab__content,
.tup-tab--secondary.mdc-tab .mdc-tab__text-label {
  width: 100%;
}

.tup-tab-group--hide-header .mat-mdc-tab-header {
  display: none;
}
.tup-tab-group--hide-body .mat-mdc-tab-body-wrapper {
  display: none;
}
.tup-tab-group--secondary .mat-mdc-tab-body-wrapper {
  margin-top: -1px;
}

.tup-user-container-selection-list .mdc-list-item {
  gap: 0.5rem !important;
  padding: 0.5rem 1rem !important;
  margin-bottom: 0.5rem !important;
}
.tup-user-container-selection-list .mdc-list-item--with-leading-icon {
  /**
   * You would think that you would be able to use hideSingleSelectionIndicator instead of doing this, but you would be wrong...
   */
}
.tup-user-container-selection-list .mdc-list-item--with-leading-icon .mdc-list-item__start,
.tup-user-container-selection-list .mdc-list-item--with-leading-icon .mdc-list-item__end {
  margin: 0;
}
.tup-user-container-selection-list .mdc-list-item--with-leading-icon .mdc-list-item__start:nth-of-type(2) {
  position: absolute;
}
.tup-user-container-selection-list .mdc-list-item--with-leading-icon .mdc-list-item__end .mdc-radio {
  display: none;
}
.tup-user-container-selection-list .mdc-list-item:not([aria-selected=true]) .mdc-list-item__start:nth-of-type(2) {
  right: -62499.9375rem;
}
.tup-user-container-selection-list .mdc-list-item[aria-selected=true] .mdc-list-item__start:nth-of-type(2) {
  right: 1rem;
}

.mat-mdc-tooltip-panel .mat-mdc-tooltip.tup-tooltip {
  overflow: visible;
}
.mat-mdc-tooltip-panel .mat-mdc-tooltip.tup-tooltip .mdc-tooltip__surface {
  min-width: 1.5rem;
  max-width: 31.25rem;
  padding: 0.5rem;
}
.mat-mdc-tooltip-panel .mat-mdc-tooltip.tup-tooltip::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  border: 0.5rem solid transparent;
}
.mat-mdc-tooltip-panel .mat-mdc-tooltip.tup-card-tooltip {
  top: -64px;
}
.mat-mdc-tooltip-panel .mat-mdc-tooltip.tup-card-tooltip > div {
  max-width: 224px;
}

.mat-mdc-tooltip-panel-above .mat-mdc-tooltip.tup-tooltip {
  left: calc(50% - 1.5rem);
}
.mat-mdc-tooltip-panel-above .mat-mdc-tooltip.tup-tooltip::after {
  content: "";
  top: 100%;
  left: 1rem;
  border-top-color: var(--mdc-plain-tooltip-container-color);
}

.mat-mdc-tooltip-panel-left .mat-mdc-tooltip.tup-tooltip::after {
  content: "";
  top: calc(50% - 0.5rem);
  left: 100%;
  border-left-color: var(--mdc-plain-tooltip-container-color);
}
.mat-mdc-tooltip-panel-left .mat-mdc-tooltip-show {
  animation: mat-mdc-tooltip-show-left;
}

.mat-mdc-tooltip-panel-right .mat-mdc-tooltip.tup-tooltip::after {
  content: "";
  top: calc(50% - 0.5rem);
  right: 100%;
  border-right-color: var(--mdc-plain-tooltip-container-color);
}

.mat-mdc-tooltip-panel-below .mat-mdc-tooltip.tup-tooltip {
  left: calc(50% - 1.5rem);
}
.mat-mdc-tooltip-panel-below .mat-mdc-tooltip.tup-tooltip::after {
  content: "";
  top: -1rem;
  left: 1rem;
  border-bottom-color: var(--mdc-plain-tooltip-container-color);
}

.mat-ripple-element {
  background-color: rgba(35, 35, 35, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #232323;
  --mat-option-label-text-color: rgba(35, 35, 35, 0.85);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #d93f0c;
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #b91730;
}

html {
  --mat-optgroup-label-text-color: rgba(35, 35, 35, 0.85);
}

.mat-pseudo-checkbox-full {
  color: rgba(35, 35, 35, 0.65);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #232323;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #232323;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #d93f0c;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #d93f0c;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #d93f0c;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #d93f0c;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b91730;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b91730;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(35, 35, 35, 0.85);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-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-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-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-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  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);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-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-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-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-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-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-theme-loaded-marker {
  display: none;
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 1.05625rem;
  --mat-option-label-text-size: 0.875rem;
  --mat-option-label-text-tracking: 0;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 1.05625rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: 0;
  --mat-optgroup-label-text-weight: 400;
}

.mat-ripple-element {
  background-color: rgba(35, 35, 35, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #232323;
  --mat-option-label-text-color: rgba(35, 35, 35, 0.85);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #d93f0c;
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #b91730;
}

html {
  --mat-optgroup-label-text-color: rgba(35, 35, 35, 0.85);
}

.mat-pseudo-checkbox-full {
  color: rgba(35, 35, 35, 0.65);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #232323;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #232323;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #d93f0c;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #d93f0c;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #d93f0c;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #d93f0c;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b91730;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b91730;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(35, 35, 35, 0.85);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-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-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-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-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  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);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-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-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-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-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-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-theme-loaded-marker {
  display: none;
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 1.05625rem;
  --mat-option-label-text-size: 0.875rem;
  --mat-option-label-text-tracking: 0;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 1.05625rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: 0;
  --mat-optgroup-label-text-weight: 400;
}

.mat-mdc-card {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-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);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(35, 35, 35, 0.12);
  --mdc-outlined-card-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-subtitle-text-color: rgba(35, 35, 35, 0.65);
}

.mat-mdc-card {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 0.875rem;
  --mat-card-title-text-size: 0.75rem;
  --mat-card-title-text-tracking: 0.015625rem;
  --mat-card-title-text-weight: 700;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 1.3125rem;
  --mat-card-subtitle-text-size: 0.8125rem;
  --mat-card-subtitle-text-tracking: 0.015625rem;
  --mat-card-subtitle-text-weight: 500;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #232323;
  --mdc-linear-progress-track-color: rgba(35, 35, 35, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: rgba(35, 35, 35, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(35, 35, 35, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(35, 35, 35, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: rgba(35, 35, 35, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(35, 35, 35, 0.25));
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #d93f0c;
  --mdc-linear-progress-track-color: rgba(217, 63, 12, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-color: rgba(217, 63, 12, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(217, 63, 12, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(217, 63, 12, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: rgba(217, 63, 12, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(217, 63, 12, 0.25));
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #b91730;
  --mdc-linear-progress-track-color: rgba(185, 23, 48, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-color: rgba(185, 23, 48, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(185, 23, 48, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(185, 23, 48, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: rgba(185, 23, 48, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(185, 23, 48, 0.25));
}
.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

.mat-mdc-tooltip {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 0.625rem;
  --mdc-plain-tooltip-supporting-text-weight: 500;
  --mdc-plain-tooltip-supporting-text-tracking: 0.025rem;
}

html {
  --mdc-filled-text-field-caret-color: #232323;
  --mdc-filled-text-field-focus-active-indicator-color: #232323;
  --mdc-filled-text-field-focus-label-text-color: rgba(35, 35, 35, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-focus-label-text-color: #b91730;
  --mdc-filled-text-field-error-label-text-color: #b91730;
  --mdc-filled-text-field-error-caret-color: #b91730;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #b91730;
  --mdc-filled-text-field-error-focus-active-indicator-color: #b91730;
  --mdc-filled-text-field-error-hover-active-indicator-color: #b91730;
  --mdc-outlined-text-field-caret-color: #232323;
  --mdc-outlined-text-field-focus-outline-color: #232323;
  --mdc-outlined-text-field-focus-label-text-color: rgba(35, 35, 35, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #b91730;
  --mdc-outlined-text-field-error-focus-label-text-color: #b91730;
  --mdc-outlined-text-field-error-label-text-color: #b91730;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #b91730;
  --mdc-outlined-text-field-error-hover-outline-color: #b91730;
  --mdc-outlined-text-field-error-outline-color: #b91730;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field-error {
  color: var(--mdc-theme-error, #b91730);
}

.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-subscript-text-font);
  line-height: var(--mat-form-field-subscript-text-line-height);
  font-size: var(--mat-form-field-subscript-text-size);
  letter-spacing: var(--mat-form-field-subscript-text-tracking);
  font-weight: var(--mat-form-field-subscript-text-weight);
}

.mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0.04;
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0.12;
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(35, 35, 35, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(217, 63, 12, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(185, 23, 48, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #d93f0c;
  --mdc-filled-text-field-focus-active-indicator-color: #d93f0c;
  --mdc-filled-text-field-focus-label-text-color: rgba(217, 63, 12, 0.87);
  --mdc-outlined-text-field-caret-color: #d93f0c;
  --mdc-outlined-text-field-focus-outline-color: #d93f0c;
  --mdc-outlined-text-field-focus-label-text-color: rgba(217, 63, 12, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #b91730;
  --mdc-filled-text-field-focus-active-indicator-color: #b91730;
  --mdc-filled-text-field-focus-label-text-color: rgba(185, 23, 48, 0.87);
  --mdc-outlined-text-field-caret-color: #b91730;
  --mdc-outlined-text-field-focus-outline-color: #b91730;
  --mdc-outlined-text-field-focus-label-text-color: rgba(185, 23, 48, 0.87);
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid transparent;
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}

.mat-mdc-form-field-infix {
  min-height: 56px;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 28px;
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -34.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

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

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 0.875rem;
  --mdc-filled-text-field-label-text-tracking: 0;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 0.875rem;
  --mdc-outlined-text-field-label-text-tracking: 0;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 1.05625rem;
  --mat-form-field-container-text-size: 0.875rem;
  --mat-form-field-container-text-tracking: 0;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 0.875rem;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 0.9375rem;
  --mat-form-field-subscript-text-size: 0.625rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 500;
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(35, 35, 35, 0.87);
  --mat-select-invalid-arrow-color: rgba(185, 23, 48, 0.87);
}
html .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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(217, 63, 12, 0.87);
  --mat-select-invalid-arrow-color: rgba(185, 23, 48, 0.87);
}
html .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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(185, 23, 48, 0.87);
  --mat-select-invalid-arrow-color: rgba(185, 23, 48, 0.87);
}

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 1.05625rem;
  --mat-select-trigger-text-size: 0.875rem;
  --mat-select-trigger-text-tracking: 0;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-autocomplete-background-color: white;
}

.mat-mdc-dialog-container {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-dialog-container {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 0.875rem;
  --mdc-dialog-subhead-size: 0.75rem;
  --mdc-dialog-subhead-weight: 700;
  --mdc-dialog-subhead-tracking: 0.015625rem;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 1.05625rem;
  --mdc-dialog-supporting-text-size: 0.875rem;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #232323;
  --mdc-chip-elevated-disabled-container-color: #232323;
  --mdc-chip-focus-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #d93f0c;
  --mdc-chip-elevated-disabled-container-color: #d93f0c;
  --mdc-chip-focus-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #b91730;
  --mdc-chip-elevated-disabled-container-color: #b91730;
  --mdc-chip-focus-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 0.975rem;
  --mdc-chip-label-text-size: 0.8125rem;
  --mdc-chip-label-text-tracking: 0.015625rem;
  --mdc-chip-label-text-weight: 400;
}

.mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: #757575;
  --mdc-switch-selected-handle-color: #757575;
  --mdc-switch-selected-hover-state-layer-color: #757575;
  --mdc-switch-selected-pressed-state-layer-color: #757575;
  --mdc-switch-selected-focus-handle-color: #232323;
  --mdc-switch-selected-hover-handle-color: #232323;
  --mdc-switch-selected-pressed-handle-color: #232323;
  --mdc-switch-selected-focus-track-color: #e0e0e0;
  --mdc-switch-selected-hover-track-color: #e0e0e0;
  --mdc-switch-selected-pressed-track-color: #e0e0e0;
  --mdc-switch-selected-track-color: #e0e0e0;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-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);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-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);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
}
.mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(35, 35, 35, 0.35);
}
.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d93f0c;
  --mdc-switch-selected-handle-color: #d93f0c;
  --mdc-switch-selected-hover-state-layer-color: #d93f0c;
  --mdc-switch-selected-pressed-state-layer-color: #d93f0c;
  --mdc-switch-selected-focus-handle-color: #6b2000;
  --mdc-switch-selected-hover-handle-color: #6b2000;
  --mdc-switch-selected-pressed-handle-color: #6b2000;
  --mdc-switch-selected-focus-track-color: #f1b69c;
  --mdc-switch-selected-hover-track-color: #f1b69c;
  --mdc-switch-selected-pressed-track-color: #f1b69c;
  --mdc-switch-selected-track-color: #f1b69c;
}
.mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #dd2a41;
  --mdc-switch-selected-handle-color: #dd2a41;
  --mdc-switch-selected-hover-state-layer-color: #dd2a41;
  --mdc-switch-selected-pressed-state-layer-color: #dd2a41;
  --mdc-switch-selected-focus-handle-color: #520007;
  --mdc-switch-selected-hover-handle-color: #520007;
  --mdc-switch-selected-pressed-handle-color: #520007;
  --mdc-switch-selected-focus-track-color: #faa7a9;
  --mdc-switch-selected-hover-track-color: #faa7a9;
  --mdc-switch-selected-pressed-track-color: #faa7a9;
  --mdc-switch-selected-track-color: #faa7a9;
}

.mat-mdc-slide-toggle {
  --mdc-switch-state-layer-size: 48px;
}

.mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-size: 0.8125rem;
  --mat-slide-toggle-label-text-tracking: 0.015625rem;
  --mat-slide-toggle-label-text-line-height: 0.975rem;
  --mat-slide-toggle-label-text-weight: 400;
}
.mat-mdc-slide-toggle .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
}

.mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #232323;
  --mdc-radio-selected-hover-icon-color: #232323;
  --mdc-radio-selected-icon-color: #232323;
  --mdc-radio-selected-pressed-icon-color: #232323;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #232323;
  --mat-radio-disabled-label-color: rgba(35, 35, 35, 0.35);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #d93f0c;
  --mdc-radio-selected-hover-icon-color: #d93f0c;
  --mdc-radio-selected-icon-color: #d93f0c;
  --mdc-radio-selected-pressed-icon-color: #d93f0c;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #d93f0c;
  --mat-radio-disabled-label-color: rgba(35, 35, 35, 0.35);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #b91730;
  --mdc-radio-selected-hover-icon-color: #b91730;
  --mdc-radio-selected-icon-color: #b91730;
  --mdc-radio-selected-pressed-icon-color: #b91730;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #b91730;
  --mat-radio-disabled-label-color: rgba(35, 35, 35, 0.35);
}

.mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-body2-font-size, 0.8125rem);
  line-height: var(--mdc-typography-body2-line-height, 0.975rem);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.015625rem);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-slider {
  --mdc-slider-label-container-color: black;
  --mdc-slider-label-label-text-color: white;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-mdc-slider-value-indicator-opacity: 0.6;
}
.mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: #232323;
  --mdc-slider-focus-handle-color: #232323;
  --mdc-slider-hover-handle-color: #232323;
  --mdc-slider-active-track-color: #232323;
  --mdc-slider-inactive-track-color: #232323;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #232323;
  --mat-mdc-slider-ripple-color: #232323;
  --mat-mdc-slider-hover-ripple-color: rgba(35, 35, 35, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(35, 35, 35, 0.2);
}
.mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: #d93f0c;
  --mdc-slider-focus-handle-color: #d93f0c;
  --mdc-slider-hover-handle-color: #d93f0c;
  --mdc-slider-active-track-color: #d93f0c;
  --mdc-slider-inactive-track-color: #d93f0c;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #d93f0c;
  --mat-mdc-slider-ripple-color: #d93f0c;
  --mat-mdc-slider-hover-ripple-color: rgba(217, 63, 12, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(217, 63, 12, 0.2);
}
.mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: #b91730;
  --mdc-slider-focus-handle-color: #b91730;
  --mdc-slider-hover-handle-color: #b91730;
  --mdc-slider-active-track-color: #b91730;
  --mdc-slider-inactive-track-color: #b91730;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #b91730;
  --mat-mdc-slider-ripple-color: #b91730;
  --mat-mdc-slider-hover-ripple-color: rgba(185, 23, 48, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(185, 23, 48, 0.2);
}

.mat-mdc-slider {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 0.8125rem;
  --mdc-slider-label-label-text-line-height: 1.3125rem;
  --mdc-slider-label-label-text-tracking: 0.015625rem;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-color: rgba(35, 35, 35, 0.85);
  --mat-menu-item-icon-color: rgba(35, 35, 35, 0.85);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
}

html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: 0;
  --mat-menu-item-label-text-line-height: 1.05625rem;
  --mat-menu-item-label-text-weight: 400;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-supporting-text-color: rgba(35, 35, 35, 0.65);
  --mdc-list-list-item-leading-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(35, 35, 35, 0.35);
  --mdc-list-list-item-trailing-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-list-list-item-disabled-label-text-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-disabled-leading-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-disabled-trailing-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-hover-label-text-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-hover-leading-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-hover-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #232323;
  --mdc-radio-selected-hover-icon-color: #232323;
  --mdc-radio-selected-icon-color: #232323;
  --mdc-radio-selected-pressed-icon-color: #232323;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #d93f0c;
  --mdc-radio-selected-hover-icon-color: #d93f0c;
  --mdc-radio-selected-icon-color: #d93f0c;
  --mdc-radio-selected-pressed-icon-color: #d93f0c;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #b91730;
  --mdc-radio-selected-hover-icon-color: #b91730;
  --mdc-radio-selected-icon-color: #b91730;
  --mdc-radio-selected-pressed-icon-color: #b91730;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #232323;
  --mdc-checkbox-selected-hover-icon-color: #232323;
  --mdc-checkbox-selected-icon-color: #232323;
  --mdc-checkbox-selected-pressed-icon-color: #232323;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(35, 35, 35, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(35, 35, 35, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #232323;
  --mdc-checkbox-selected-hover-state-layer-color: #232323;
  --mdc-checkbox-selected-pressed-state-layer-color: #232323;
  --mdc-checkbox-unselected-focus-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-hover-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-pressed-state-layer-color: rgba(35, 35, 35, 0.85);
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #d93f0c;
  --mdc-checkbox-selected-hover-icon-color: #d93f0c;
  --mdc-checkbox-selected-icon-color: #d93f0c;
  --mdc-checkbox-selected-pressed-icon-color: #d93f0c;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(35, 35, 35, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(35, 35, 35, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #d93f0c;
  --mdc-checkbox-selected-hover-state-layer-color: #d93f0c;
  --mdc-checkbox-selected-pressed-state-layer-color: #d93f0c;
  --mdc-checkbox-unselected-focus-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-hover-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-pressed-state-layer-color: rgba(35, 35, 35, 0.85);
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #b91730;
  --mdc-checkbox-selected-hover-icon-color: #b91730;
  --mdc-checkbox-selected-icon-color: #b91730;
  --mdc-checkbox-selected-pressed-icon-color: #b91730;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(35, 35, 35, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(35, 35, 35, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #b91730;
  --mdc-checkbox-selected-hover-state-layer-color: #b91730;
  --mdc-checkbox-selected-pressed-state-layer-color: #b91730;
  --mdc-checkbox-unselected-focus-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-hover-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-pressed-state-layer-color: rgba(35, 35, 35, 0.85);
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #232323;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #232323;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

.mat-mdc-list-base {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 1.05625rem;
  --mdc-list-list-item-label-text-size: 0.875rem;
  --mdc-list-list-item-label-text-tracking: 0;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 0.975rem;
  --mdc-list-list-item-supporting-text-size: 0.8125rem;
  --mdc-list-list-item-supporting-text-tracking: 0.015625rem;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 0.9375rem;
  --mdc-list-list-item-trailing-supporting-text-size: 0.625rem;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.025rem;
  --mdc-list-list-item-trailing-supporting-text-weight: 500;
}

.mdc-list-group__subheader {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.975rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.03125rem;
}

html {
  --mat-paginator-container-text-color: rgba(35, 35, 35, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(35, 35, 35, 0.54);
  --mat-paginator-disabled-icon-color: rgba(35, 35, 35, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
  min-height: 40px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -26.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none;
}

html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 0.9375rem;
  --mat-paginator-container-text-size: 0.625rem;
  --mat-paginator-container-text-tracking: 0.025rem;
  --mat-paginator-container-text-weight: 500;
  --mat-paginator-select-trigger-text-size: 0.625rem;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #232323;
  --mat-tab-header-disabled-ripple-color: rgba(35, 35, 35, 0.35);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #232323;
  --mat-tab-header-active-ripple-color: #232323;
  --mat-tab-header-inactive-ripple-color: #232323;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #232323;
  --mat-tab-header-active-hover-label-text-color: #232323;
  --mat-tab-header-active-focus-indicator-color: #232323;
  --mat-tab-header-active-hover-indicator-color: #232323;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #d93f0c;
  --mat-tab-header-disabled-ripple-color: rgba(35, 35, 35, 0.35);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #d93f0c;
  --mat-tab-header-active-ripple-color: #d93f0c;
  --mat-tab-header-inactive-ripple-color: #d93f0c;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #d93f0c;
  --mat-tab-header-active-hover-label-text-color: #d93f0c;
  --mat-tab-header-active-focus-indicator-color: #d93f0c;
  --mat-tab-header-active-hover-indicator-color: #d93f0c;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #b91730;
  --mat-tab-header-disabled-ripple-color: rgba(35, 35, 35, 0.35);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #b91730;
  --mat-tab-header-active-ripple-color: #b91730;
  --mat-tab-header-inactive-ripple-color: #b91730;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #b91730;
  --mat-tab-header-active-hover-label-text-color: #b91730;
  --mat-tab-header-active-focus-indicator-color: #b91730;
  --mat-tab-header-active-hover-indicator-color: #b91730;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #232323;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #d93f0c;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #b91730;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 0.875rem;
  --mat-tab-header-label-text-tracking: 0.046875rem;
  --mat-tab-header-label-text-line-height: 1.05rem;
  --mat-tab-header-label-text-weight: 600;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #d93f0c;
  --mdc-checkbox-selected-hover-icon-color: #d93f0c;
  --mdc-checkbox-selected-icon-color: #d93f0c;
  --mdc-checkbox-selected-pressed-icon-color: #d93f0c;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(35, 35, 35, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(35, 35, 35, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #d93f0c;
  --mdc-checkbox-selected-hover-state-layer-color: #d93f0c;
  --mdc-checkbox-selected-pressed-state-layer-color: #d93f0c;
  --mdc-checkbox-unselected-focus-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-hover-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-pressed-state-layer-color: rgba(35, 35, 35, 0.85);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #232323;
  --mdc-checkbox-selected-hover-icon-color: #232323;
  --mdc-checkbox-selected-icon-color: #232323;
  --mdc-checkbox-selected-pressed-icon-color: #232323;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(35, 35, 35, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(35, 35, 35, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #232323;
  --mdc-checkbox-selected-hover-state-layer-color: #232323;
  --mdc-checkbox-selected-pressed-state-layer-color: #232323;
  --mdc-checkbox-unselected-focus-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-hover-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-pressed-state-layer-color: rgba(35, 35, 35, 0.85);
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(35, 35, 35, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #b91730;
  --mdc-checkbox-selected-hover-icon-color: #b91730;
  --mdc-checkbox-selected-icon-color: #b91730;
  --mdc-checkbox-selected-pressed-icon-color: #b91730;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(35, 35, 35, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(35, 35, 35, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #b91730;
  --mdc-checkbox-selected-hover-state-layer-color: #b91730;
  --mdc-checkbox-selected-pressed-state-layer-color: #b91730;
  --mdc-checkbox-unselected-focus-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-hover-state-layer-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-pressed-state-layer-color: rgba(35, 35, 35, 0.85);
}
.mat-mdc-checkbox .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(35, 35, 35, 0.35);
}

html {
  --mdc-checkbox-state-layer-size: 40px;
}

.mat-mdc-checkbox .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-body2-font-size, 0.8125rem);
  line-height: var(--mdc-typography-body2-line-height, 0.975rem);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.015625rem);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #232323;
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #d93f0c;
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #b91730;
}
.mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #232323;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #d93f0c;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #b91730;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #232323;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #d93f0c;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #b91730;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}

.mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #232323;
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #d93f0c;
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #b91730;
}
.mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-button, .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #232323;
  --mat-mdc-button-ripple-color: rgba(35, 35, 35, 0.1);
}
.mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #d93f0c;
  --mat-mdc-button-ripple-color: rgba(217, 63, 12, 0.1);
}
.mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b91730;
  --mat-mdc-button-ripple-color: rgba(185, 23, 48, 0.1);
}

.mat-mdc-raised-button, .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}

.mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-button-font-size, 0.875rem);
  line-height: var(--mdc-typography-button-line-height, 1.05rem);
  font-weight: var(--mdc-typography-button-font-weight, 600);
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.046875rem);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}

.mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #232323;
  --mat-mdc-button-persistent-ripple-color: #232323;
  --mat-mdc-button-ripple-color: rgba(35, 35, 35, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #d93f0c;
  --mat-mdc-button-persistent-ripple-color: #d93f0c;
  --mat-mdc-button-ripple-color: rgba(217, 63, 12, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #b91730;
  --mat-mdc-button-persistent-ripple-color: #b91730;
  --mat-mdc-button-ripple-color: rgba(185, 23, 48, 0.1);
}
.mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab[disabled][disabled],
.mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(0, 0, 0, 0.12);
  --mdc-fab-icon-color: rgba(0, 0, 0, 0.38);
  --mat-mdc-fab-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-fab.mat-unthemed,
.mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: white;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: #232323;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: #d93f0c;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: #b91730;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}

.mdc-fab--extended {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-button-font-size, 0.875rem);
  line-height: var(--mdc-typography-button-line-height, 1.05rem);
  font-weight: var(--mdc-typography-button-font-weight, 600);
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.046875rem);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-mdc-extended-fab {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 0.875rem;
  --mdc-extended-fab-label-text-tracking: 0.046875rem;
  --mdc-extended-fab-label-text-weight: 600;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #d93f0c;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 0.975rem;
  --mdc-snackbar-supporting-text-size: 0.8125rem;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(35, 35, 35, 0.85);
  --mat-table-row-item-label-text-color: rgba(35, 35, 35, 0.85);
  --mat-table-row-item-outline-color: #e0e0e0;
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 1.3125rem;
  --mat-table-header-headline-size: 0.8125rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.015625rem;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 0.975rem;
  --mat-table-row-item-label-text-size: 0.8125rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.015625rem;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 0.975rem;
  --mat-table-footer-supporting-text-size: 0.8125rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.015625rem;
}

.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: #232323;
}
.mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: #d93f0c;
}
.mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: #b91730;
}

.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  /* @alternate */
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  /* @alternate */
  font-weight: var(--mat-badge-text-weight, 600);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color);
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  /* @alternate */
  font-size: var(--mat-badge-small-size-text-size, 9px);
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  /* @alternate */
  font-size: var(--mat-badge-large-size-text-size, 24px);
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

html {
  --mat-badge-background-color: #232323;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #afafaf;
  --mat-badge-disabled-state-text-color: rgba(35, 35, 35, 0.35);
}

.mat-badge-accent {
  --mat-badge-background-color: #d93f0c;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #b91730;
  --mat-badge-text-color: white;
}

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

html {
  --mat-bottom-sheet-container-text-color: rgba(35, 35, 35, 0.85);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 0.975rem;
  --mat-bottom-sheet-container-text-size: 0.8125rem;
  --mat-bottom-sheet-container-text-tracking: 0.015625rem;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(35, 35, 35, 0.35);
  --mat-legacy-button-toggle-state-layer-color: rgba(35, 35, 35, 0.08);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(35, 35, 35, 0.65);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(35, 35, 35, 0.35);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(35, 35, 35, 0.85);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: #232323;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(35, 35, 35, 0.85);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(35, 35, 35, 0.35);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(35, 35, 35, 0.85);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-legacy-button-toggle-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-text-font: Roboto, sans-serif;
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #232323;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(35, 35, 35, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(35, 35, 35, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(35, 35, 35, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #232323;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(35, 35, 35, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(35, 35, 35, 0.85);
  --mat-datepicker-calendar-body-label-text-color: rgba(35, 35, 35, 0.65);
  --mat-datepicker-calendar-period-button-icon-color: rgba(35, 35, 35, 0.85);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(35, 35, 35, 0.85);
  --mat-datepicker-calendar-header-divider-color: #e0e0e0;
  --mat-datepicker-calendar-header-text-color: rgba(35, 35, 35, 0.65);
  --mat-datepicker-calendar-date-today-outline-color: rgba(35, 35, 35, 0.35);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(35, 35, 35, 0.15);
  --mat-datepicker-calendar-date-text-color: rgba(35, 35, 35, 0.85);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(35, 35, 35, 0.35);
  --mat-datepicker-calendar-date-preview-state-outline-color: #e0e0e0;
  --mat-datepicker-range-input-separator-color: rgba(35, 35, 35, 0.85);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(35, 35, 35, 0.35);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(35, 35, 35, 0.35);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(35, 35, 35, 0.85);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #d93f0c;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(217, 63, 12, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(217, 63, 12, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(217, 63, 12, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(217, 63, 12, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #b91730;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(185, 23, 48, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(185, 23, 48, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(185, 23, 48, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(185, 23, 48, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #d93f0c;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #b91730;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

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

html {
  --mat-divider-color: #e0e0e0;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(35, 35, 35, 0.85);
  --mat-expansion-actions-divider-color: #e0e0e0;
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(35, 35, 35, 0.35);
  --mat-expansion-header-text-color: rgba(35, 35, 35, 0.85);
  --mat-expansion-header-description-color: rgba(35, 35, 35, 0.65);
  --mat-expansion-header-indicator-color: rgba(35, 35, 35, 0.65);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 0.8125rem;
  --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: 0.975rem;
  --mat-expansion-container-text-size: 0.8125rem;
  --mat-expansion-container-text-tracking: 0.015625rem;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 0.8125rem;
  --mat-grid-list-tile-header-secondary-text-size: 0.625rem;
  --mat-grid-list-tile-footer-primary-text-size: 0.8125rem;
  --mat-grid-list-tile-footer-secondary-text-size: 0.625rem;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #232323;
}
.mat-icon.mat-accent {
  --mat-icon-color: #d93f0c;
}
.mat-icon.mat-warn {
  --mat-icon-color: #b91730;
}

html {
  --mat-sidenav-container-divider-color: #e0e0e0;
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(35, 35, 35, 0.85);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(35, 35, 35, 0.85);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #232323;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #232323;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #232323;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: #e0e0e0;
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(35, 35, 35, 0.65);
  --mat-stepper-header-optional-label-text-color: rgba(35, 35, 35, 0.65);
  --mat-stepper-header-selected-state-label-text-color: rgba(35, 35, 35, 0.85);
  --mat-stepper-header-error-state-label-text-color: #b91730;
  --mat-stepper-header-icon-background-color: rgba(35, 35, 35, 0.65);
  --mat-stepper-header-error-state-icon-foreground-color: #b91730;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #d93f0c;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #d93f0c;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #d93f0c;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #b91730;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #b91730;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #b91730;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 0.8125rem;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

.mat-sort-header-arrow {
  color: #707070;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(35, 35, 35, 0.85);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #232323;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #d93f0c;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #b91730;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 0.875rem;
  --mat-toolbar-title-text-size: 0.75rem;
  --mat-toolbar-title-text-tracking: 0.015625rem;
  --mat-toolbar-title-text-weight: 700;
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(35, 35, 35, 0.85);
}

.mat-tree-node {
  min-height: 48px;
}

.mat-tree {
  font-family: Roboto, sans-serif;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 0.8125rem;
}

.tup-alert-container--notification, .tup-alert-container--success, .tup-alert-container--warning {
  color: #232323;
}
.tup-alert-container--notification {
  background-color: #fff4c6;
}
.tup-alert-container--notification .mat-icon {
  color: #232323;
}
.tup-alert-container--success {
  background-color: #defae6;
}
.tup-alert-container--success .mat-icon {
  color: #1c7636;
}
.tup-alert-container--warning {
  background-color: #fee5e5;
}
.tup-alert-container--warning .mat-icon {
  color: #b91730;
}

.tup-breadcrumbs {
  background: #f4f3f2;
}
.tup-breadcrumbs__router-link, .tup-breadcrumbs__event {
  color: #005091;
  /**
   * The RouterLinkActive CSS / BEM &--active modifier tracks whether the linked route of an element is currently active,
   * the :active pseudo class is used to select and style the active link (when you click on it).
   */
}
.tup-breadcrumbs__router-link--active, .tup-breadcrumbs__event--active {
  color: #232323;
}
.tup-breadcrumbs__router-link.cdk-keyboard-focused, .tup-breadcrumbs__event.cdk-keyboard-focused {
  background: #fcede6;
  outline-color: #d93f0c;
  outline-offset: 0;
  outline-style: solid;
  outline-width: 1px;
}
.tup-breadcrumbs__divider {
  color: rgba(35, 35, 35, 0.65);
}

.tup-carousel {
  --tup-carousel-background: white;
  --tup-carousel-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
  --tup-carousel-content-background: white;
  --tup-carousel-placeholder-icon-color: rgba(35, 35, 35, 0.35);
  --tup-carousel-title-color: #232323;
  --tup-carousel-title-hover-color: #757575;
  --tup-carousel-description-color: rgba(35, 35, 35, 0.65);
  --tup-carousel-action-color: #007add;
  --tup-carousel-action-hover-color: #005091;
  --tup-carousel-nav-button-hover-background: rgba(0, 0, 0, 0.04);
}

.tup-button {
  --mat-mdc-button-persistent-ripple-color: transparent !important;
  --mat-mdc-button-ripple-color: transparent !important;
  transition-duration: 0;
  transition-property: background-color, color, box-shadow;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 0.1);
  /**
   * Using mdc-button-theme mixins here, rather than mat.button-density.
   * mat.button-density only allows values between -3 and 0 (24px and 36px) and doesn't affect horizontal padding
   */
}
.tup-button:not(.tup-button--flat):hover, .tup-button:not(.tup-button--flat).cdk-keyboard-focused {
  background: rgba(35, 35, 35, 0.08);
}
.tup-button:not(.tup-button--flat).cdk-keyboard-focused {
  box-shadow: 0 0 0 0.125rem white, 0 0 0 0.1875rem #d93f0c;
}
.tup-button:not(.tup-button--flat):active {
  box-shadow: 0 0 0 0.0625rem #d93f0c;
  background: #fcede6;
}
.tup-button--flat.cdk-keyboard-focused {
  box-shadow: 0 0 0 0.125rem white, 0 0 0 0.1875rem #d93f0c;
}
.tup-button--size-small {
  height: 1.5rem !important;
  padding: 0 0.5rem 0 0.5rem;
}
.tup-button--size-regular {
  height: 2.25rem !important;
}
.tup-button--size-large {
  height: 2.8125rem !important;
}
.tup-button:not(.tup-button--flat, .tup-button--stroked) {
  color: #232323;
  padding: 0 16px;
}
.tup-button--flat {
  color: white;
}
.tup-button--flat.mat-primary {
  background: #232323;
}
.tup-button--flat.mat-primary:hover {
  background: #474747;
}
.tup-button--flat.mat-accent {
  background: #d93f0c;
}
.tup-button--flat.mat-accent:hover, .tup-button--flat.mat-accent.cdk-keyboard-focused {
  background: #c03300;
}
.tup-button--stroked.mdc-button, .tup-button--stroked.mdc-icon-button {
  color: #d93f0c;
  background-color: white;
  border: none;
  box-shadow: 0 0 0 1px #e0e0e0;
}
.tup-button--stroked.mdc-button:hover, .tup-button--stroked.mdc-button[aria-expanded=true], .tup-button--stroked.mdc-icon-button:hover, .tup-button--stroked.mdc-icon-button[aria-expanded=true] {
  box-shadow: 0 0 0 1px #e0e0e0;
}
.tup-button--stroked.mdc-button:active, .tup-button--stroked.mdc-icon-button:active {
  box-shadow: 0 0 0 1px #f7d2c1;
}
.tup-button:disabled {
  color: rgba(35, 35, 35, 0.35) !important;
}
.tup-button--flat:disabled, .tup-button--stroked:disabled {
  background: #e0e0e0 !important;
}
.tup-button--stroked:disabled {
  box-shadow: none;
}

.tup-button-toggle-group {
  --mat-standard-button-toggle-height: 36px; /* !!! DO NOT CONVERT TO REM !!! */
  --mat-standard-button-toggle-divider-color: #e0e0e0;
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-text-color: rgba(35, 35, 35, 0.85);
  --mat-standard-button-toggle-selected-state-background-color: #d93f0c;
  --mat-standard-button-toggle-selected-state-text-color: white;
  /**
   * Set this to transparent in order to avoid conflicts w/ ripples.
   * Otherwise, it adds a semi transparent layer on top of the element,
   * which changes the appearance of the background-color and color.
   */
  --mat-standard-button-toggle-state-layer-color: transparent;
}
.tup-button-toggle-group .mat-button-toggle.cdk-keyboard-focused button {
  background: #fafafa;
  color: #232323;
}
.tup-button-toggle-group .mat-button-toggle.cdk-keyboard-focused button ::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  border: 3px solid #d93f0c;
  pointer-events: none;
}
.tup-button-toggle-group .mat-button-toggle .mat-ripple .mat-ripple-element {
  display: none;
}
.tup-button-toggle-group .mat-button-toggle-checked.cdk-keyboard-focused button {
  background: #c03300;
  color: white;
}
.tup-button-toggle-group .mat-button-toggle-checked.cdk-keyboard-focused button ::before {
  border: 3px solid white;
}
.tup-button-toggle-group .mat-button-toggle:hover {
  --mat-standard-button-toggle-background-color: #f7d2c1;
  --mat-standard-button-toggle-selected-state-background-color: #c03300;
}

.tup-expansion-button {
  --mat-mdc-button-persistent-ripple-color: transparent !important;
  --mat-mdc-button-ripple-color: transparent !important;
  --mdc-filled-button-disabled-container-color: #e0e0e0;
  --mdc-filled-button-disabled-label-text-color: rgba(35, 35, 35, 0.35);
}
.tup-expansion-button.mat-primary {
  --mdc-filled-button-container-color: #232323;
  --mdc-filled-button-label-text-color: white;
}
.tup-expansion-button.mat-primary:hover {
  --mdc-filled-button-container-color: #474747;
}
.tup-expansion-button.mat-accent {
  --mdc-filled-button-container-color: #d93f0c;
  --mdc-filled-button-label-text-color: white;
}
.tup-expansion-button.mat-accent:hover {
  --mdc-filled-button-container-color: #c03300;
}
.tup-expansion-button.cdk-keyboard-focused {
  box-shadow: 0 0 0 0.125rem white, 0 0 0 0.1875rem #d93f0c;
}
.tup-expansion-button[disabled][disabled], .tup-expansion-button[disabled][disabled]:hover {
  --mdc-filled-button-disabled-container-color: #e0e0e0;
  --mdc-filled-button-disabled-label-text-color: rgba(35, 35, 35, 0.35);
  cursor: pointer;
  pointer-events: all;
}
.tup-expansion-button:disabled {
  color: rgba(35, 35, 35, 0.35) !important;
}
.tup-expansion-button--flat:disabled, .tup-expansion-button--stroked:disabled {
  background: #e0e0e0 !important;
}
.tup-expansion-button--stroked:disabled {
  box-shadow: none;
}

.tup-icon-button {
  transition-duration: 0;
  transition-property: background-color, color, box-shadow;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 0.1);
}
.tup-icon-button:not(.tup-icon-button--flat):hover, .tup-icon-button:not(.tup-icon-button--flat).cdk-keyboard-focused {
  background: rgba(35, 35, 35, 0.08);
}
.tup-icon-button:not(.tup-icon-button--flat).cdk-keyboard-focused {
  box-shadow: 0 0 0 0.125rem white, 0 0 0 0.1875rem #d93f0c;
}
.tup-icon-button:not(.tup-icon-button--flat):active {
  box-shadow: 0 0 0 0.0625rem #d93f0c;
  background: #fcede6;
}
.tup-icon-button--flat:hover, .tup-icon-button--flat.cdk-keyboard-focused {
  box-shadow: 0 0 0 0.125rem white, 0 0 0 0.1875rem #d93f0c;
}
.tup-icon-button:not(.tup-icon-button--flat, .tup-icon-button--stroked) {
  color: #232323;
}
.tup-icon-button:not(.tup-icon-button--flat, .tup-icon-button--stroked):hover, .tup-icon-button:not(.tup-icon-button--flat, .tup-icon-button--stroked):active, .tup-icon-button:not(.tup-icon-button--flat, .tup-icon-button--stroked)[aria-expanded=true] {
  color: rgba(35, 35, 35, 0.85);
}
.tup-icon-button:not(:disabled) .mat-icon.tup-icon-button__flyout {
  color: rgba(35, 35, 35, 0.85);
}
.tup-icon-button--flat {
  color: white;
}
.tup-icon-button--flat.mat-primary {
  background: #232323;
}
.tup-icon-button--flat.mat-primary:hover {
  background: #474747;
}
.tup-icon-button--flat.mat-accent {
  background: #d93f0c;
}
.tup-icon-button--flat.mat-accent:hover, .tup-icon-button--flat.mat-accent.cdk-keyboard-focused {
  background: #c03300;
}
.tup-icon-button--stroked.mdc-button, .tup-icon-button--stroked.mdc-icon-button {
  color: #d93f0c;
  background-color: white;
  border: none;
  box-shadow: 0 0 0 1px #e0e0e0;
}
.tup-icon-button--stroked.mdc-button:hover, .tup-icon-button--stroked.mdc-button[aria-expanded=true], .tup-icon-button--stroked.mdc-icon-button:hover, .tup-icon-button--stroked.mdc-icon-button[aria-expanded=true] {
  box-shadow: 0 0 0 1px #e0e0e0;
}
.tup-icon-button--stroked.mdc-button:active, .tup-icon-button--stroked.mdc-icon-button:active {
  box-shadow: 0 0 0 1px #f7d2c1;
}
.tup-icon-button:disabled {
  color: rgba(35, 35, 35, 0.35) !important;
}
.tup-icon-button--flat:disabled, .tup-icon-button--stroked:disabled {
  background: #e0e0e0 !important;
}
.tup-icon-button--stroked:disabled {
  box-shadow: none;
}
.tup-icon-button--stroked:active, .tup-icon-button--stroked[aria-expanded=true] {
  background: rgba(35, 35, 35, 0.08);
  color: #d93f0c;
}

.tup-card-favourite {
  --tup-primary-900: #232323;
  --tup-primary-700: #474747;
  --tup-primary-600: #757575;
  --tup-primary-300: #E0E0E0;
  --tup-accent-600: #D93F0C;
  --tup-accent-700: #C03300;
  --tup-warning-200: #FFF4C6;
  --tup-primary-text: white;
  --tup-secondary-text: rgba(255, 255, 255, 0.6);
  --tup-disabled-text: rgba(255, 255, 255, 0.35);
}

.tup-card-stats {
  --tup-card-background: #FFFFFF;
  --tup-card-shadow: 0px 1px 5px 0px #0000001F, 0px 2px 2px 0px #00000024, 0px 1px 1px 0px #00000033;
  --tup-icon-color: rgba(35, 35, 35, 0.85);
  --tup-icon-color-disabled: rgba(35, 35, 35, 0.35);
  --tup-stat-number-color: #232323;
  --tup-stat-label-color: rgba(35, 35, 35, 0.65);
  --tup-text-color-disabled: rgba(35, 35, 35, 0.35);
}

.tup-card {
  box-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);
  /**
   * Feels like we should be using --mat-card-*-text-color vars here, but --mat-card-subtitle-text-color is the only one that is defined ¯\_(ツ)_/¯
   */
}
.tup-card .mat-mdc-card-title {
  color: #232323;
}
.tup-card .mat-mdc-card-subtitle {
  color: rgba(35, 35, 35, 0.65);
}
.tup-card .mat-mdc-card-content {
  color: #232323;
}
.tup-card .tup-card__image {
  background-color: rgba(35, 35, 35, 0.2);
}
.tup-card--disabled .mat-mdc-card-title,
.tup-card--disabled .mat-mdc-card-subtitle,
.tup-card--disabled .mat-mdc-card-content {
  color: rgba(35, 35, 35, 0.35);
}
.tup-card--disabled .tup-card__image {
  background-color: transparent;
}
.tup-card:hover:not(.tup-card--disabled) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.tup-card:hover:not(.tup-card--disabled) .mat-mdc-card-title {
  color: #d93f0c;
}
.tup-card:hover:not(.tup-card--disabled) .tup-card__image {
  background-color: transparent;
}
.tup-card.cdk-keyboard-focused.tup-card--disabled {
  outline: none;
}
.tup-card.cdk-keyboard-focused:not(.tup-card--disabled) {
  outline: 2px solid #d93f0c;
}

.tup-checkbox .mdc-form-field {
  --mdc-checkbox-selected-focus-state-layer-color: transparent;
  --mdc-checkbox-selected-hover-state-layer-color: transparent;
  --mdc-checkbox-selected-pressed-state-layer-color: transparent;
  --mdc-checkbox-unselected-focus-state-layer-color: transparent;
  --mdc-checkbox-unselected-hover-state-layer-color: transparent;
  --mdc-checkbox-unselected-pressed-state-layer-color: transparent;
}
.tup-checkbox--background-light .mdc-form-field .mdc-checkbox {
  --mdc-checkbox-selected-icon-color: #232323;
  --mdc-checkbox-selected-hover-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-selected-focus-icon-color: #232323;
  --mdc-checkbox-selected-pressed-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-icon-color: #232323;
  --mdc-checkbox-unselected-hover-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-focus-icon-color: #232323;
  --mdc-checkbox-unselected-pressed-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-disabled-selected-icon-color: rgba(35, 35, 35, 0.35);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(35, 35, 35, 0.35);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-disabled-selected-checkmark-color: #fafafa;
}
.tup-checkbox--background-light .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background {
  box-shadow: 0 0 0 0.0625rem white, 0 0 0 0.125rem #d93f0c;
}
.tup-checkbox--background-light .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:not(.mdc-checkbox--selected):focus ~ .mdc-checkbox__background,
.tup-checkbox--background-light .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:not(.mdc-checkbox--selected):focus:hover ~ .mdc-checkbox__background {
  background: white;
}
.tup-checkbox--background-light .mdc-form-field .mdc-checkbox:hover {
  --mdc-checkbox-selected-focus-icon-color: rgba(35, 35, 35, 0.85);
}
.tup-checkbox--background-light .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-checkmark-color: white;
}
.tup-checkbox--background-dark .mdc-form-field .mdc-checkbox {
  --mdc-checkbox-selected-icon-color: white;
  --mdc-checkbox-selected-hover-icon-color: rgba(255, 255, 255, 0.85);
  --mdc-checkbox-selected-focus-icon-color: white;
  --mdc-checkbox-selected-pressed-icon-color: rgba(255, 255, 255, 0.85);
  --mdc-checkbox-unselected-icon-color: white;
  --mdc-checkbox-unselected-hover-icon-color: rgba(255, 255, 255, 0.85);
  --mdc-checkbox-unselected-focus-icon-color: white;
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.85);
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.35);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.35);
  --mdc-checkbox-selected-checkmark-color: #232323;
  --mdc-checkbox-disabled-selected-checkmark-color: #fafafa;
}
.tup-checkbox--background-dark .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background {
  box-shadow: 0 0 0 0.0625rem #a29996, 0 0 0 0.125rem #d93f0c;
}
.tup-checkbox--background-dark .mdc-form-field .mdc-checkbox:hover {
  --mdc-checkbox-selected-focus-icon-color: rgba(255, 255, 255, 0.85);
}
.tup-checkbox--background-dark .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-checkmark-color: #232323;
}
.tup-checkbox.mat-mdc-checkbox {
  --mdc-theme-text-primary-on-background: rgba(35, 35, 35, 0.85);
}
.tup-checkbox.mat-mdc-checkbox :hover {
  --mdc-theme-text-primary-on-background: rgba(35, 35, 35, 0.85);
}
.tup-checkbox.mat-mdc-checkbox-checked {
  --mdc-theme-text-primary-on-background: #232323;
}
.tup-checkbox.mat-mdc-checkbox-checked :hover {
  --mdc-theme-text-primary-on-background: #232323;
}

.tup-chip-container {
  /**
   * TODO Find out why --mdc-chip-focus-state-layer-opacity is not working ¯\_(ツ)_/¯
   */
}
.tup-chip-container--size-small .mat-mdc-chip {
  height: 1.5rem;
}
.tup-chip-container--size-large .mat-mdc-chip {
  height: 2rem;
}
.tup-chip-container .mdc-evolution-chip--with-primary-icon .mdc-evolution-chip__cell--primary button:focus:not([aria-disabled=true]) .mdc-evolution-chip__icon--primary,
.tup-chip-container .mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__cell--trailing button.mdc-evolution-chip__action:focus:not([aria-disabled=true]) .material-symbols-outlined {
  outline-color: var(--tup-chip-focus-state-icon-outline-color);
}
.tup-chip-container .mat-mdc-standard-chip,
.tup-chip-container .mat-mdc-standard-chip.mat-primary,
.tup-chip-container .mat-mdc-standard-chip.mat-accent {
  --mdc-chip-label-text-color: rgba(35, 35, 35, 0.85);
  --mdc-chip-with-icon-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(35, 35, 35, 0.85);
  --tup-chip-focus-state-icon-outline-color: #d93f0c;
  --mdc-chip-disabled-label-text-color: rgba(35, 35, 35, 0.35);
  --mdc-chip-with-icon-disabled-icon-color: #e0e0e0;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
}
.tup-chip-container .mat-mdc-standard-chip .mat-mdc-chip-remove {
  opacity: 1;
}
.tup-chip-container .mat-mdc-standard-chip.mat-primary {
  --mdc-chip-focus-state-layer-color: #474747;
}
.tup-chip-container .mat-mdc-standard-chip.mat-primary:hover {
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.tup-chip-container .mat-mdc-standard-chip.mat-primary:not(.mat-mdc-chip-highlighted, .mat-mdc-chip-selected, .mat-mdc-chip-disabled) {
  --mdc-chip-elevated-container-color: #e8e6e5;
}
.tup-chip-container .mat-mdc-standard-chip.mat-accent {
  --mdc-chip-focus-state-layer-color: #f7d2c1;
}
.tup-chip-container .mat-mdc-standard-chip.mat-accent:not(.mat-mdc-chip-highlighted, .mat-mdc-chip-selected, .mat-mdc-chip-disabled) {
  --mdc-chip-elevated-container-color: #fcede6;
}
.tup-chip-container .mat-mdc-standard-chip.mat-accent:not(.mat-mdc-chip-highlighted, .mat-mdc-chip-selected, .mat-mdc-chip-disabled):hover {
  --mdc-chip-label-text-color: #232323;
  --mdc-chip-with-icon-icon-color: #232323;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #232323;
}
.tup-chip-container .mat-mdc-standard-chip.mat-mdc-chip-highlighted, .tup-chip-container .mat-mdc-standard-chip.mat-mdc-chip-selected {
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.tup-chip-container .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .tup-chip-container .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary {
  --mdc-chip-focus-state-layer-color: #474747;
}
.tup-chip-container .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .tup-chip-container .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent {
  --mdc-chip-focus-state-layer-color: #c03300;
  --tup-chip-focus-state-icon-outline-color: white;
}
.tup-chip-container .mat-mdc-standard-chip.mat-mdc-chip-highlighted:hover, .tup-chip-container .mat-mdc-standard-chip.mat-mdc-chip-selected:hover {
  box-shadow: none;
}
.tup-chip-container .mat-mdc-standard-chip.tup-outlined-chip:not(.mat-mdc-chip-highlighted, .mat-mdc-chip-selected, .mat-mdc-chip-disabled) {
  --mdc-chip-elevated-container-color: white;
  --mdc-chip-focus-state-layer-color: #f7d2c1;
  --mdc-chip-label-text-color: #d93f0c;
  box-shadow: 0 0 0 0.0625rem #f7d2c1;
}
.tup-chip-container .mat-mdc-standard-chip.tup-outlined-chip:not(.mat-mdc-chip-highlighted, .mat-mdc-chip-selected, .mat-mdc-chip-disabled):hover {
  --mdc-chip-with-icon-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(35, 35, 35, 0.85);
}
.tup-chip-container .mat-mdc-standard-chip.cdk-focused:not(.mat-mdc-chip-disabled).mat-primary, .tup-chip-container .mat-mdc-standard-chip.cdk-focused:not(.mat-mdc-chip-disabled).mat-accent {
  box-shadow: 0 0 0 2px white, 0 0 0 4px #d93f0c;
}
.tup-chip-container .mat-mdc-standard-chip.mat-mdc-chip-disabled {
  opacity: 1;
}
.tup-chip-container .mat-mdc-standard-chip .mat-mdc-chip-focus-overlay {
  opacity: 0;
}
.tup-chip-container .mat-mdc-standard-chip:hover .mat-mdc-chip-focus-overlay {
  opacity: 1;
}

.tup-chip-set-expansion-container__scroll-trigger.mat-mdc-icon-button.mat-mdc-button-base,
.tup-chip-set-expansion-container__scroll-trigger .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 0;
  font-size: var(--mdc-icon-button-state-layer-size);
  line-height: var(--mdc-icon-button-state-layer-size);
}
.tup-chip-set-expansion-container__scroll-trigger.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.tup-chip-set-expansion-container__scroll-trigger .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}
.tup-chip-set-expansion-container__scroll-trigger.mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-chip-set-expansion-container__scroll-trigger.mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.tup-chip-set-expansion-container__scroll-trigger .mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-chip-set-expansion-container__scroll-trigger .mat-mdc-icon-button.mat-mdc-button-base .mat-icon {
  height: 24px;
  width: 24px;
}
.tup-chip-set-expansion-container__scroll-trigger.mat-mdc-icon-button.mat-mdc-button-base.material-icons, .tup-chip-set-expansion-container__scroll-trigger.mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-chip-set-expansion-container__scroll-trigger.mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-chip-set-expansion-container__scroll-trigger.mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined,
.tup-chip-set-expansion-container__scroll-trigger .mat-mdc-icon-button.mat-mdc-button-base.material-icons,
.tup-chip-set-expansion-container__scroll-trigger .mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-chip-set-expansion-container__scroll-trigger .mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-chip-set-expansion-container__scroll-trigger .mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined {
  font-size: 24px;
  line-height: 24px;
}
.tup-chip-set-expansion-container__scroll-trigger .mat-mdc-icon-button,
.tup-chip-set-expansion-container__scroll-trigger .mat-mdc-icon-button[disabled] {
  --mdc-icon-button-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-icon-button-disabled-icon-color: #e0e0e0;
}
.tup-chip-set-expansion-container .mdc-evolution-chip-set__chips {
  align-content: center;
}

.tup-dialog-overlay-pane .tup-dialog__subtitle {
  color: rgba(35, 35, 35, 0.85);
}

.tup-search-settings-dialog-overlay-pane .mdc-dialog {
  --mdc-dialog-container-elevation-shadow: none;
}

.tup-form-field {
  --tup-outlined-text-field-focus-box-shadow: 0 0 0 0.125rem #dcd9d7, 0 0 0 0.1875rem #d93f0c;
  --tup-outlined-text-field-focus-icon-color: #d93f0c;
  --tup-outlined-text-field-focus-icon-background: #fcede6;
  --tup-outlined-text-field-focus-icon-box-shadow: 0 0 0 0.0625rem #d93f0c;
}
.tup-form-field--background-light {
  --mdc-outlined-text-field-input-text-color: rgba(35, 35, 35, 0.85);
  --mdc-outlined-text-field-label-text-color: rgba(35, 35, 35, 0.85);
  --mdc-outlined-text-field-focus-label-text-color: rgba(35, 35, 35, 0.85);
  --mdc-outlined-text-field-error-label-text-color: rgba(35, 35, 35, 0.85);
  --mdc-outlined-text-field-error-focus-label-text-color: rgba(35, 35, 35, 0.85);
  --tup-outlined-text-field-readonly-input-text-color: rgba(35, 35, 35, 0.85);
  --mdc-icon-button-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-icon-button-disabled-icon-color: #e0e0e0;
  --tup-outlined-text-field-container-background: white;
  --tup-outlined-text-field-readonly-container-background: #e0e0e0;
  --tup-outlined-text-field-box-shadow: 0 0 0 0.0625rem #e0e0e0;
  --tup-outlined-text-field-hover-box-shadow: 0 0 0 0.0625rem rgba(35, 35, 35, 0.85);
  --tup-outlined-text-field-disabled-box-shadow: 0 0 0 0.0625rem #e0e0e0;
  --tup-outlined-text-field-prefix-color: rgba(35, 35, 35, 0.85);
  --tup-outlined-text-field-hover-prefix-color: #d93f0c;
  --tup-outlined-text-field-suffix-color: #949494;
  --tup-outlined-text-field-hover-suffix-color: #d93f0c;
}
.tup-form-field--background-light .mdc-floating-label--float-above {
  --mdc-outlined-text-field-label-text-color: #232323;
  --mdc-outlined-text-field-focus-label-text-color: #232323;
  --mdc-outlined-text-field-error-label-text-color: #232323;
  --mdc-outlined-text-field-error-focus-label-text-color: #232323;
}
.tup-form-field--background-light.tup-form-field--size-small {
  --tup-outlined-text-field-box-shadow: 0 0 0 0.0625rem #949494;
  --tup-outlined-text-field-hover-box-shadow: 0 0 0 0.0625rem #232323;
  --tup-outlined-text-field-disabled-box-shadow: 0 0 0 0.0625rem #e0e0e0;
}
.tup-form-field--background-dark {
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.85);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.85);
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 255, 255, 0.85);
  --mdc-outlined-text-field-error-label-text-color: rgba(255, 255, 255, 0.85);
  --mdc-outlined-text-field-error-focus-label-text-color: rgba(255, 255, 255, 0.85);
  --tup-outlined-text-field-readonly-input-text-color: rgba(255, 255, 255, 0.85);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.35);
  --tup-outlined-text-field-container-background: transparent;
  --tup-outlined-text-field-readonly-container-background: rgba(255, 255, 255, 0.35);
  --tup-outlined-text-field-box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.65);
  --tup-outlined-text-field-hover-box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.85);
  --tup-outlined-text-field-disabled-box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.35);
  --tup-outlined-text-field-prefix-color: rgba(255, 255, 255, 0.85);
  --tup-outlined-text-field-hover-prefix-color: rgba(255, 255, 255, 0.85);
}
.tup-form-field--background-dark .mdc-floating-label--float-above {
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.85);
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 255, 255, 0.85);
  --mdc-outlined-text-field-error-label-text-color: rgba(255, 255, 255, 0.85);
  --mdc-outlined-text-field-error-focus-label-text-color: rgba(255, 255, 255, 0.85);
}
.tup-form-field--with-validation.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-valid .mat-mdc-text-field-wrapper {
  box-shadow: 0 0 0 0.125rem #defae6, 0 0 0 0.1875rem #1c7636;
}
.tup-form-field--with-validation.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-valid .mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .tup-success {
  color: #1c7636;
}
.tup-form-field--with-validation.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-invalid .mat-mdc-text-field-wrapper {
  box-shadow: 0 0 0 0.125rem #fffbeb, 0 0 0 0.1875rem #b91730;
}
.tup-form-field--with-validation.mat-form-field-appearance-outline.mat-mdc-form-field.ng-touched.ng-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .tup-warning {
  color: #b91730;
}
.tup-form-field .mdc-text-field--outlined {
  background: var(--tup-outlined-text-field-container-background);
  box-shadow: var(--tup-outlined-text-field-box-shadow);
}
.tup-form-field .mdc-text-field--outlined .mdc-text-field__input::placeholder {
  color: var(--mdc-outlined-text-field-label-text-color);
}
.tup-form-field .mdc-text-field--outlined:hover {
  box-shadow: var(--tup-outlined-text-field-hover-box-shadow);
}
.tup-form-field .mdc-text-field--outlined.mdc-text-field--focused {
  box-shadow: var(--tup-outlined-text-field-focus-box-shadow);
}
.tup-form-field .mdc-text-field--outlined.mdc-text-field--disabled {
  box-shadow: var(--tup-outlined-text-field-disabled-box-shadow);
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button,
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: transparent !important;
  --mat-mdc-button-ripple-color: transparent !important;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button:focus:not(:active),
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button:focus:not(:active) {
  color: var(--tup-outlined-text-field-focus-icon-color);
  box-shadow: var(--tup-outlined-text-field-focus-icon-box-shadow);
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button {
  color: var(--tup-outlined-text-field-prefix-color);
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button:hover {
  color: var(--tup-outlined-text-field-hover-prefix-color);
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  color: var(--tup-outlined-text-field-suffix-color);
  --mat-mdc-button-persistent-ripple-color: transparent !important;
  --mat-mdc-button-ripple-color: transparent !important;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button:hover {
  color: var(--tup-outlined-text-field-hover-suffix-color);
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button:focus:not(:active) {
  background: var(--tup-outlined-text-field-focus-icon-background);
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button:disabled {
  color: var(--mdc-icon-button-disabled-icon-color);
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  background: transparent;
}
.tup-form-field.mat-form-field-appearance-outline.mat-form-field-disabled.mat-mdc-form-field {
  --mdc-outlined-text-field-disabled-label-text-color: rgba(35, 35, 35, 0.35);
}
.tup-form-field.mat-form-field-appearance-outline.mat-form-field-disabled.mat-mdc-form-field .mat-mdc-form-field-icon-prefix,
.tup-form-field.mat-form-field-appearance-outline.mat-form-field-disabled.mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  color: #e0e0e0;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-type-mat-select {
  --mat-icon-color: rgba(35, 35, 35, 0.85);
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-type-mat-select.mat-focused, .tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-type-mat-select.tup-form-field--state-open {
  --mat-icon-color: rgba(48, 44, 42, 0.85);
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-type-mat-select.tup-form-field--state-open .mdc-text-field--outlined {
  background: #fafafa;
}
.tup-form-field.mat-form-field-appearance-outline.tup-form-field--type-password.mat-focused {
  --mat-icon-color: #232323;
}

.mat-form-field-disabled .mat-mdc-form-field-hint {
  color: rgba(35, 35, 35, 0.35);
}

.tup-form-field--readonly .mdc-text-field--outlined,
.tup-form-field--readonly .mdc-text-field--outlined:hover,
.tup-form-field--readonly .mdc-text-field--outlined.mdc-text-field--focused {
  background: var(--tup-outlined-text-field-readonly-container-background);
  box-shadow: none;
}
.tup-form-field--readonly.mat-form-field-appearance-outline.mat-mdc-form-field {
  color: var(--tup-outlined-text-field-readonly-input-text-color);
}

.tup-form-field--size-small .tup-select .mat-mdc-select-arrow {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.4134 6.19329L8.00006 8.77996L10.5867 6.19329C10.8467 5.93329 11.2667 5.93329 11.5267 6.19329C11.7867 6.45329 11.7867 6.87329 11.5267 7.13329L8.46673 10.1933C8.20673 10.4533 7.78673 10.4533 7.52673 10.1933L4.46673 7.13329C4.20673 6.87329 4.20673 6.45329 4.46673 6.19329C4.72673 5.93996 5.1534 5.93329 5.4134 6.19329Z' fill='%23232323' fill-opacity='0.85'/%3E%3C/svg%3E%0A");
}
.tup-form-field--size-small .tup-select[aria-expanded=true] .mat-mdc-select-arrow {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.4134 6.19329L8.00006 8.77996L10.5867 6.19329C10.8467 5.93329 11.2667 5.93329 11.5267 6.19329C11.7867 6.45329 11.7867 6.87329 11.5267 7.13329L8.46673 10.1933C8.20673 10.4533 7.78673 10.4533 7.52673 10.1933L4.46673 7.13329C4.20673 6.87329 4.20673 6.45329 4.46673 6.19329C4.72673 5.93996 5.1534 5.93329 5.4134 6.19329Z' fill='%23232323' fill-opacity='1'/%3E%3C/svg%3E%0A");
}
.tup-form-field--size-small .tup-select[aria-disabled=true] .mat-mdc-select-arrow {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.4134 6.19329L8.00006 8.77996L10.5867 6.19329C10.8467 5.93329 11.2667 5.93329 11.5267 6.19329C11.7867 6.45329 11.7867 6.87329 11.5267 7.13329L8.46673 10.1933C8.20673 10.4533 7.78673 10.4533 7.52673 10.1933L4.46673 7.13329C4.20673 6.87329 4.20673 6.45329 4.46673 6.19329C4.72673 5.93996 5.1534 5.93329 5.4134 6.19329Z' fill='%23E0E0E0' fill-opacity='1'/%3E%3C/svg%3E%0A");
}
.tup-form-field--size-regular .tup-select .mat-mdc-select-arrow {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.94778 9.29006L11.7455 13.1701L15.5432 9.29006C15.9249 8.90006 16.5415 8.90006 16.9233 9.29006C17.305 9.68006 17.305 10.3101 16.9233 10.7001L12.4306 15.2901C12.0489 15.6801 11.4323 15.6801 11.0505 15.2901L6.5579 10.7001C6.17617 10.3101 6.17617 9.68006 6.5579 9.29006C6.93963 8.91006 7.56605 8.90006 7.94778 9.29006Z' fill='%23232323' fill-opacity='0.85'/%3E%3C/svg%3E%0A");
}
.tup-form-field--size-regular .tup-select[aria-expanded=true] .mat-mdc-select-arrow {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.94778 9.29006L11.7455 13.1701L15.5432 9.29006C15.9249 8.90006 16.5415 8.90006 16.9233 9.29006C17.305 9.68006 17.305 10.3101 16.9233 10.7001L12.4306 15.2901C12.0489 15.6801 11.4323 15.6801 11.0505 15.2901L6.5579 10.7001C6.17617 10.3101 6.17617 9.68006 6.5579 9.29006C6.93963 8.91006 7.56605 8.90006 7.94778 9.29006Z' fill='%23232323' fill-opacity='1'/%3E%3C/svg%3E%0A");
}
.tup-form-field--size-regular .tup-select[aria-disabled=true] .mat-mdc-select-arrow {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.94778 9.29006L11.7455 13.1701L15.5432 9.29006C15.9249 8.90006 16.5415 8.90006 16.9233 9.29006C17.305 9.68006 17.305 10.3101 16.9233 10.7001L12.4306 15.2901C12.0489 15.6801 11.4323 15.6801 11.0505 15.2901L6.5579 10.7001C6.17617 10.3101 6.17617 9.68006 6.5579 9.29006C6.93963 8.91006 7.56605 8.90006 7.94778 9.29006Z' fill='%23E0E0E0' fill-opacity='1'/%3E%3C/svg%3E%0A");
}

.tup-select-overlay-pane {
  --mat-option-hover-state-layer-color: #fcede6;
  --mat-option-selected-state-label-text-color: rgba(35, 35, 35, 0.85);
}
.tup-select-overlay-pane .mat-mdc-option-multiple.mdc-list-item--selected {
  background: var(--mat-option-selected-state-layer-color);
}
.tup-select-overlay-pane .mdc-list-item--disabled {
  --mat-option-label-text-color: rgba(35, 35, 35, 0.35);
}
.tup-select-overlay-pane .mdc-list-item--disabled .mdc-list-item__primary-text {
  opacity: 1;
}
.tup-select-overlay-pane .mat-mdc-select-panel[aria-multiselectable=false] {
  --mat-option-focus-state-layer-color: #fcede6;
  --mat-option-selected-state-layer-color: #fcede6;
}
.tup-select-overlay-pane .mat-mdc-select-panel[aria-multiselectable=true] {
  --mat-option-focus-state-layer-color: white;
  --mat-option-selected-state-layer-color: white;
}
.tup-select-overlay-pane .mat-mdc-select-panel[aria-multiselectable=true] .mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-mdc-option-pseudo-checkbox {
  box-shadow: 0 0 0 1px white, 0 0 0 2px #d93f0c;
}
.tup-select-overlay-pane .tup-select-panel {
  --tup-webkit-scrollbar-thumb-background: #e0e0e0;
}
.tup-select-overlay-pane .tup-select-panel .tup-divider {
  --mat-divider-color: #e0e0e0;
}

.mat-mdc-menu-panel {
  --mat-menu-container-color: white;
  --mat-menu-item-label-text-color: rgba(35, 35, 35, 0.85);
  --mat-menu-item-icon-color: rgba(35, 35, 35, 0.85);
  --mat-menu-item-hover-state-layer-color: #fcede6;
  --mat-menu-item-focus-state-layer-color: #fcede6;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-ripple {
  display: none;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item > .mat-icon {
  margin-left: -8px;
  margin-right: 8px;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover:not(:disabled), .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.cdk-focused {
  --mat-menu-item-label-text-color: #232323;
  --mat-menu-item-icon-color: #232323;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:disabled {
  opacity: 1;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:disabled span {
  color: rgba(35, 35, 35, 0.35);
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:disabled mat-icon {
  color: #e0e0e0;
}
.mat-mdc-menu-panel.tup-select-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  margin-bottom: 0.25rem;
}
.mat-mdc-menu-panel.tup-select-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:last-child {
  margin-bottom: 0;
}
.mat-mdc-menu-panel.tup-select-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.tup-select-menu-item-active {
  background: #fcede6;
}
.mat-mdc-menu-panel.tup-select-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.tup-select-menu-item-active::after {
  content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 -960 960 960' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M389-267 195-460l51-52 143 143 325-324 51 51-376 375Z' fill='%23D93F0C' /%3E%3C/svg%3E");
  position: absolute;
  left: unset;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
}
.mat-mdc-menu-panel.tup-select-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.tup-select-menu-item-active:disabled::after {
  content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 -960 960 960' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M389-267 195-460l51-52 143 143 325-324 51 51-376 375Z' fill='%2323232359' /%3E%3C/svg%3E");
}

.tup-menu-panel__subtitle {
  color: rgba(35, 35, 35, 0.85);
}

.mat-sidenav.tup-sidenav--collapsed {
  background: #232323;
}

.tup-sidenav-toggle-container .tup-sidenav-toggle {
  color: #d93f0c;
  background: white;
  border: 1px solid #e0e0e0;
}

.tup-sidenav-container .tup-sidenav-content {
  background: #f4f3f2;
}

.tup-logo svg {
  fill: #232323;
}

.tup-sidenav__footer .mdc-list .mdc-list-item--with-leading-avatar,
.tup-sidenav__footer .mdc-list .mdc-list-item--with-leading-icon {
  --mdc-list-list-item-container-shape: 0.25rem;
  --mdc-list-list-item-hover-state-layer-opacity: 1;
  --mdc-list-list-item-focus-state-layer-opacity: 0;
}
.tup-sidenav__footer--collapsed {
  --mat-divider-color: ;
}
.tup-sidenav__footer--collapsed .mdc-list {
  background: #232323;
}
.tup-sidenav__footer--collapsed .mdc-list .mdc-list-item--with-leading-avatar {
  --mdc-list-list-item-hover-state-layer-color: #474747;
  --mdc-list-list-item-focus-state-layer-color: #474747;
  --mdc-list-list-item-leading-avatar-color: rgba(255, 255, 255, 0.65);
}
.tup-sidenav__footer--collapsed .mdc-list .mdc-list-item--with-leading-avatar .mdc-list-item__start {
  color: #232323;
}
.tup-sidenav__footer--collapsed .mdc-list .mdc-list-item--with-leading-icon {
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.65);
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.65);
}
.tup-sidenav__footer--expanded .mdc-list .mdc-list-item--with-leading-avatar {
  --mdc-list-list-item-hover-state-layer-color: #fcede6;
  --mdc-list-list-item-focus-state-layer-color: #fcede6;
  --mdc-list-list-item-leading-avatar-color: #232323;
}
.tup-sidenav__footer--expanded .mdc-list .mdc-list-item--with-leading-avatar .mdc-list-item__start {
  color: white;
}
.tup-sidenav__footer--expanded .mdc-list .mdc-list-item--with-leading-avatar:hover {
  background-color: var(--mdc-list-list-item-hover-state-layer-color);
}
.tup-sidenav__footer--expanded .mdc-list .mdc-list-item--with-leading-avatar:focus:not(:active) {
  background-color: var(--mdc-list-list-item-focus-state-layer-color);
}

.tup-sidenav__footer--collapsed .mdc-list-item--with-leading-avatar:focus:not(:active) .mdc-list-item__start,
.tup-sidenav__footer--collapsed .mdc-list-item--with-leading-icon:focus:not(:active) .mdc-list-item__start,
.tup-sidenav__footer--expanded .mdc-list-item--with-leading-icon:focus:not(:active) .mdc-list-item__start {
  border-radius: 50%;
  outline-color: #d93f0c;
  outline-style: solid;
  outline-width: 2px;
}

.tup-sidenav__footer--expanded .mdc-list-item--with-leading-avatar:focus:not(:active) {
  outline-color: #d93f0c;
  outline-style: solid;
  outline-width: 2px;
}

.tup-account-dialog-overlay-pane .mdc-dialog__content .mdc-list .mdc-list-item__content {
  --mdc-list-list-item-label-text-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-supporting-text-color: rgba(35, 35, 35, 0.85);
}

.tup-sidenav__header .tup-icon-button {
  background-color: var(--tup-icon-button-background-color);
  color: var(--tup-icon-button-color);
}
.tup-sidenav__header .tup-icon-button:hover {
  background-color: var(--tup-icon-button-hover-background-color);
  color: var(--tup-icon-button-hover-color);
}
.tup-sidenav__header .tup-icon-button.cdk-keyboard-focused {
  background-color: var(--tup-icon-button-focus-background-color);
  color: var(--tup-icon-button-focus-color);
  box-shadow: 0 0 0 0.125rem #d93f0c;
}
.tup-sidenav__header .tup-icon-button:active, .tup-sidenav__header .tup-icon-button[aria-expanded=true] {
  background-color: var(--tup-icon-button-active-background-color);
  color: var(--tup-icon-button-active-color);
  box-shadow: none;
}
.tup-sidenav__header--collapsed .mat-mdc-icon-button {
  --tup-icon-button-background-color: #232323;
  --tup-icon-button-hover-background-color: #474747;
  --tup-icon-button-focus-background-color: #232323;
  --tup-icon-button-active-background-color: #232323;
  --tup-icon-button-color: white;
  --tup-icon-button-hover-color: white;
  --tup-icon-button-focus-color: white;
  --tup-icon-button-active-color: white;
}
.tup-sidenav__header--expanded .mat-mdc-icon-button {
  --tup-icon-button-background-color: white;
  --tup-icon-button-hover-background-color: #fafafa;
  --tup-icon-button-focus-background-color: white;
  --tup-icon-button-active-background-color: white;
  --tup-icon-button-color: #232323;
  --tup-icon-button-hover-color: #232323;
  --tup-icon-button-focus-color: #232323;
  --tup-icon-button-active-color: #d93f0c;
}
.tup-sidenav__header .mat-mdc-icon-button {
  /**
   * Adding a background-color on :hover and :focus interferes with ink / ripples.
   */
  --mat-mdc-button-persistent-ripple-color: transparent !important;
  --mat-mdc-button-ripple-color: transparent !important;
}

.tup-sidenav__nav-list .mat-mdc-nav-list .mdc-list-item:not(.mdc-list-item--disabled):hover {
  background: var(--mdc-list-list-item-hover-state-layer-color);
  opacity: var(--mdc-list-list-item-hover-state-layer-opacity);
}
.tup-sidenav__nav-list .mat-mdc-nav-list .mdc-list-item--with-leading-icon:not(.mdc-list-item--disabled).cdk-keyboard-focused {
  background: var(--mdc-list-list-item-focus-state-layer-color);
  opacity: var(--mdc-list-list-item-focus-state-layer-opacity);
}
.tup-sidenav__nav-list .mat-mdc-nav-list .mdc-list-item:not(.mdc-list-item--disabled, .mdc-list-item--with-leading-icon).cdk-keyboard-focused {
  background: none;
}
.tup-sidenav__nav-list .mat-mdc-nav-list .mdc-list-item:not(.mdc-list-item--disabled, .mdc-list-item--with-leading-icon).cdk-keyboard-focused .mdc-list-item__content .mdc-list-item__primary-text {
  background: var(--mdc-list-list-item-focus-state-layer-color);
}
.tup-sidenav__nav-list .mat-mdc-nav-list .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.tup-sidenav__nav-list .mat-mdc-nav-list .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--mdc-list-list-item-leading-icon-color);
}
.tup-sidenav__nav-list .mat-mdc-nav-list .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start:hover,
.tup-sidenav__nav-list .mat-mdc-nav-list .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start:hover {
  color: var(--mdc-list-list-item-hover-leading-icon-color);
}
.tup-sidenav__nav-list .mat-mdc-nav-list .mat-mdc-list-item .mat-ripple-element {
  display: none;
}
.tup-sidenav__nav-list .mat-mdc-nav-list .mat-mdc-list-item::before {
  display: none;
}
.tup-sidenav__nav-list .tup-nav-list {
  --mdc-list-list-item-label-text-color: #232323;
  --mdc-list-list-item-hover-label-text-color: #232323;
  --mdc-list-list-item-focus-label-text-color: #232323;
  --mdc-list-list-item-disabled-label-text-color: rgba(35, 35, 35, 0.35);
  --mdc-list-list-item-disabled-label-text-opacity: 1;
  --mdc-list-list-item-disabled-leading-icon-color: #e0e0e0;
}
.tup-sidenav__nav-list .tup-nav-list--collapsed .mdc-list-item--with-leading-icon.mdc-list-item--activated, .tup-sidenav__nav-list .tup-nav-list--expanded .mdc-list-item--with-leading-icon.mdc-list-item--activated {
  --mdc-list-list-item-leading-icon-color: #d93f0c;
  --mdc-list-list-item-hover-leading-icon-color: #d93f0c;
}
.tup-sidenav__nav-list .tup-nav-list--collapsed .mdc-list-item--with-leading-icon.mdc-list-item--disabled, .tup-sidenav__nav-list .tup-nav-list--expanded .mdc-list-item--with-leading-icon.mdc-list-item--disabled {
  --mdc-list-list-item-leading-icon-color: #e0e0e0;
  --mdc-list-list-item-hover-leading-icon-color: #e0e0e0;
}
.tup-sidenav__nav-list .tup-nav-list .tup-accordion__item:has(.mdc-list-item--activated) .mdc-list-item {
  --mdc-list-list-item-leading-icon-color: #d93f0c;
  --mdc-list-list-item-hover-leading-icon-color: #d93f0c;
}
.tup-sidenav__nav-list .tup-nav-list--collapsed {
  background: #232323;
  --mdc-list-list-item-hover-state-layer-color: #474747;
  --mdc-list-list-item-focus-state-layer-color: #474747;
}
.tup-sidenav__nav-list .tup-nav-list--collapsed .mdc-list-item--with-leading-icon {
  --mdc-list-list-item-leading-icon-color: white;
  --mdc-list-list-item-hover-leading-icon-color: white;
}
.tup-sidenav__nav-list .tup-nav-list--expanded {
  --mdc-list-list-item-hover-state-layer-color: #fcede6;
  --mdc-list-list-item-focus-state-layer-color: #fcede6;
}
.tup-sidenav__nav-list .tup-nav-list--expanded .mdc-list-item--with-leading-icon {
  --mdc-list-list-item-leading-icon-color: #232323;
  --mdc-list-list-item-hover-leading-icon-color: #232323;
}
.tup-sidenav__nav-list .mdc-list {
  --mdc-list-list-item-hover-state-layer-opacity: 1;
  --mdc-list-list-item-focus-state-layer-opacity: 1;
}
.tup-sidenav__nav-list .mdc-list .mdc-list-item--with-leading-icon:not(.mdc-list-item--disabled).cdk-keyboard-focused,
.tup-sidenav__nav-list .mdc-list .mdc-list-item:not(.mdc-list-item--disabled, .mdc-list-item--with-leading-icon).cdk-keyboard-focused .mdc-list-item__content .mdc-list-item__primary-text {
  outline-color: #d93f0c;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: -2px;
}
.tup-sidenav__nav-list .tup-nav-list--collapsed .mdc-list-item--activated ::after,
.tup-sidenav__nav-list .tup-nav-list--collapsed .tup-accordion__item:has(.mdc-list-item--activated) .mdc-list-item ::after,
.tup-sidenav__nav-list .tup-nav-list--expanded .mdc-list-item--activated:not(.mdc-list-item--with-leading-icon) ::after {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: #d93f0c;
  position: absolute;
  right: 0;
}

.tup-topnav__links .mat-mdc-icon-button, .tup-topnav__document-editor .mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: transparent !important;
  --mat-mdc-button-ripple-color: transparent !important;
}
.tup-topnav__links .mat-mdc-icon-button:not(.tup-icon-button) {
  --mdc-icon-button-icon-color: #232323;
  background: #fafafa;
}
.tup-topnav__links .mat-mdc-icon-button:not(.tup-icon-button):hover {
  background: #eeeeee;
}
.tup-topnav__links .mat-mdc-icon-button:not(.tup-icon-button).cdk-keyboard-focused {
  border: 2px solid #d93f0c;
}
.tup-topnav__document-editor .tup-document-editor__leading-icon-button, .tup-topnav__document-editor .tup-document-editor__trailing-icon-button {
  --mdc-icon-button-icon-color: #232323;
}
.tup-topnav__document-editor .tup-document-editor__leading-icon-button:hover, .tup-topnav__document-editor .tup-document-editor__trailing-icon-button:hover {
  --mdc-icon-button-icon-color: #d93f0c;
}
.tup-topnav__document-editor .tup-document-editor__leading-icon-button.cdk-keyboard-focused, .tup-topnav__document-editor .tup-document-editor__trailing-icon-button.cdk-keyboard-focused {
  background: #fcede6;
}
.tup-topnav__document-editor .tup-document-editor__leading-icon-button.cdk-keyboard-focused {
  border: 2px solid #d93f0c;
}
.tup-topnav__document-editor .tup-document-editor__trailing-icon-button.cdk-keyboard-focused {
  border: 1px solid #d93f0c;
}
.tup-topnav__user-avatar {
  color: white;
  background: #232323;
}
.tup-topnav__metadata a {
  color: #474747;
}

.tup-tree-navigation {
  --tup-tree-navigation-background: white;
  --tup-tree-navigation-header-background: rgba(0, 0, 0, 0.04);
  --tup-tree-navigation-divider-color: #e0e0e0;
  --tup-tree-navigation-title-color: rgba(35, 35, 35, 0.85);
  --tup-tree-navigation-add-button-color: #232323;
  --tup-tree-navigation-add-button-hover-background: rgba(0, 0, 0, 0.04);
  --tup-tree-navigation-content-background: white;
  --tup-tree-navigation-empty-icon-color: rgba(35, 35, 35, 0.35);
  --tup-tree-navigation-empty-text-color: #232323;
  --tup-tree-navigation-create-link-color: #005eaa;
  --tup-tree-node-hover-background: rgba(0, 0, 0, 0.04);
  --tup-tree-node-toggle-color: rgba(35, 35, 35, 0.65);
  --tup-tree-node-toggle-hover-background: rgba(0, 0, 0, 0.04);
  --tup-tree-node-icon-color: #232323;
  --tup-tree-node-name-color: rgba(35, 35, 35, 0.85);
}

.mat-mdc-paginator {
  --mat-paginator-container-background-color: transparent;
}
.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions .mat-mdc-icon-button {
  --mdc-icon-button-icon-color: rgba(35, 35, 35, 0.65);
  --mdc-icon-button-disabled-icon-color: #232323;
  --mdc-icon-button-disabled-icon-opacity: 0.35;
  --mat-mdc-button-persistent-ripple-color: transparent;
  --mat-mdc-button-ripple-color: transparent;
}
.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions .mat-mdc-icon-button:hover {
  background: #fcede6;
  --mdc-icon-button-icon-color: rgba(35, 35, 35, 0.85);
}
.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions .mat-mdc-icon-button.cdk-keyboard-focused {
  background: #fcede6;
  outline: 2px solid #d93f0c;
}
.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions .mat-mdc-icon-button.cdk-mouse-focused {
  --mdc-icon-button-icon-color: #232323;
  text-decoration: underline;
}
.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions .mat-mdc-icon-button:not(.mat-primary, .mat-accent, .mat-warn) {
  --mdc-icon-button-icon-color: rgba(35, 35, 35, 0.85);
}
.mat-mdc-icon-button[disabled] .mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions {
  fill: var(--mat-paginator-disabled-icon-color);
}

.tup-progress-bar.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #d93f0c;
  --mdc-linear-progress-track-color: #e0e0e0;
}

.tup-progress-indicator__dot {
  animation: dot cubic-bezier(0.35, 0, 0.25, 1) 1500ms infinite;
  background-color: rgba(217, 63, 12, 0.5);
}

.tup-progress-indicator__dot:nth-of-type(2) {
  animation-delay: 500ms;
}

.tup-progress-indicator__dot:nth-of-type(3) {
  animation-delay: 1000ms;
}

@keyframes dot {
  0%, 66% {
    background-color: rgba(217, 63, 12, 0.5);
    transform: scale(1);
  }
  33% {
    background-color: #d93f0c;
    transform: scale(2);
  }
}
.tup-radio-group .mat-mdc-radio-button {
  /**
   * >be me
   * >implementing designs from figma
   * >removing material design ripples
   * >jumping_the_shark.jpeg
   */
  --mat-radio-ripple-color: transparent;
  --mat-radio-checked-ripple-color: transparent;
  --mdc-radio-selected-icon-color: #232323;
  --mdc-radio-selected-hover-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-radio-selected-focus-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-radio-unselected-icon-color: #232323;
  --mdc-radio-unselected-hover-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-radio-unselected-focus-icon-color: #d93f0c;
  --mdc-radio-disabled-selected-icon-color: #e0e0e0;
  --mdc-radio-disabled-unselected-icon-color: #e0e0e0;
}
.tup-radio-group .cdk-keyboard-focused .mdc-radio .mdc-radio__background {
  outline-color: #d93f0c;
  outline-offset: 1px;
  outline-style: solid;
  outline-width: 1px;
}

.tup-select-action .mdc-button:hover, .tup-select-action .mdc-button.cdk-keyboard-focused {
  background: rgba(35, 35, 35, 0.08);
}

.tup-select-options-container--with-primary-icons .mat-mdc-option {
  --mat-icon-color: #232323;
}
.tup-select-options-container--with-primary-icons .mat-mdc-option .mat-pseudo-checkbox::after {
  color: #232323;
}
.tup-select-options-container--with-accent-icons .mat-mdc-option {
  --mat-icon-color: #d93f0c;
}
.tup-select-options-container--with-accent-icons .mat-mdc-option .mat-pseudo-checkbox::after {
  color: #d93f0c;
}

.tup-selection-list .mdc-list-item {
  --mdc-list-list-item-hover-state-layer-color: transparent;
  --mdc-list-list-item-hover-state-layer-opacity: 1;
  --mdc-list-list-item-focus-state-layer-color: transparent;
  --mdc-list-list-item-focus-state-layer-opacity: 1;
  --mdc-list-list-item-trailing-icon-color: #949494;
}
.tup-selection-list .mdc-list-item--with-leading-checkbox .mdc-list-item__start .mdc-checkbox {
  --mdc-checkbox-selected-focus-state-layer-color: transparent;
  --mdc-checkbox-selected-hover-state-layer-color: transparent;
  --mdc-checkbox-selected-pressed-state-layer-color: transparent;
  --mdc-checkbox-unselected-focus-state-layer-color: transparent;
  --mdc-checkbox-unselected-hover-state-layer-color: transparent;
  --mdc-checkbox-unselected-pressed-state-layer-color: transparent;
  --mdc-checkbox-selected-icon-color: #232323;
  --mdc-checkbox-selected-hover-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-selected-focus-icon-color: #232323;
  --mdc-checkbox-selected-pressed-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-icon-color: #232323;
  --mdc-checkbox-unselected-hover-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-unselected-focus-icon-color: #232323;
  --mdc-checkbox-unselected-pressed-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-checkbox-disabled-selected-icon-color: rgba(35, 35, 35, 0.35);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(35, 35, 35, 0.35);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-disabled-selected-checkmark-color: #fafafa;
}
.tup-selection-list .mdc-list-item--with-leading-checkbox .mdc-list-item__start .mdc-checkbox:hover {
  --mdc-checkbox-selected-focus-icon-color: rgba(35, 35, 35, 0.85);
}
.tup-selection-list .mdc-list-item--with-leading-checkbox .mdc-list-item__start .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-checkmark-color: white;
}
.tup-selection-list .mdc-list-item--with-leading-checkbox:focus .mdc-list-item__start .mdc-checkbox__background {
  box-shadow: 0 0 0 0.0625rem white, 0 0 0 0.125rem #d93f0c;
}
:not(.tup-selection-list .mdc-list-item--with-leading-checkbox:focus .mdc-list-item__start .mdc-checkbox--selected):focus__background, :not(.tup-selection-list .mdc-list-item--with-leading-checkbox:focus .mdc-list-item__start .mdc-checkbox--selected):focus:hover__background {
  background: white;
}
.tup-selection-list .mdc-list-item--with-trailing-icon .mdc-list-item__end {
  color: var(--mdc-list-list-item-trailing-icon-color) !important;
}
.tup-selection-list .mat-mdc-list-item .mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: transparent !important;
  --mat-mdc-button-ripple-color: transparent !important;
}
.tup-selection-list .mat-mdc-list-item .mat-mdc-icon-button:focus {
  outline-color: #d93f0c;
  outline-style: solid;
  outline-width: 2px;
}
.tup-selection-list .mat-mdc-list-item .mat-mdc-icon-button[aria-disabled=true] {
  --mdc-icon-button-icon-color: #e0e0e0;
}
.tup-selection-list .mat-mdc-list-item .mat-ripple-element {
  display: none;
}

.tup-user-container-selection-list {
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-label-text-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-leading-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-disabled-label-text-color: rgba(35, 35, 35, 0.35);
  --mdc-list-list-item-disabled-label-text-opacity: 1;
  --mdc-list-list-item-disabled-leading-icon-color: #e0e0e0;
  --mdc-list-list-item-disabled-leading-icon-opacity: 1;
  --mdc-list-list-item-hover-label-text-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-hover-leading-icon-color: rgba(35, 35, 35, 0.85);
  --mdc-list-list-item-focus-label-text-color: #232323;
  --mdc-list-list-item-focus-leading-icon-color: #232323;
  --mdc-list-list-item-hover-state-layer-color: #fafafa;
  --mdc-list-list-item-focus-state-layer-color: #fafafa;
}
.tup-user-container-selection-list .mdc-list-item--with-one-line {
  border-radius: 0.25rem;
}
.tup-user-container-selection-list .mdc-list-item--with-one-line.mdc-list-item--with-leading-avatar, .tup-user-container-selection-list .mdc-list-item--with-one-line.mdc-list-item--with-leading-icon, .tup-user-container-selection-list .mdc-list-item--with-one-line.mdc-list-item--with-leading-thumbnail, .tup-user-container-selection-list .mdc-list-item--with-one-line.mdc-list-item--with-leading-checkbox, .tup-user-container-selection-list .mdc-list-item--with-one-line.mdc-list-item--with-leading-radio, .tup-user-container-selection-list .mdc-list-item--with-one-line.mdc-list-item--with-leading-switch {
  border-radius: 0.25rem;
}
.tup-user-container-selection-list .mdc-list-item--with-one-line.mdc-list-item--with-leading-image, .tup-user-container-selection-list .mdc-list-item--with-one-line.mdc-list-item--with-leading-video {
  border-radius: 0.25rem;
}
.tup-user-container-selection-list .mdc-list-item--with-two-lines {
  border-radius: 0.25rem;
}
.tup-user-container-selection-list .mdc-list-item--with-two-lines.mdc-list-item--with-leading-avatar, .tup-user-container-selection-list .mdc-list-item--with-two-lines.mdc-list-item--with-leading-icon, .tup-user-container-selection-list .mdc-list-item--with-two-lines.mdc-list-item--with-leading-thumbnail, .tup-user-container-selection-list .mdc-list-item--with-two-lines.mdc-list-item--with-leading-checkbox, .tup-user-container-selection-list .mdc-list-item--with-two-lines.mdc-list-item--with-leading-radio, .tup-user-container-selection-list .mdc-list-item--with-two-lines.mdc-list-item--with-leading-switch, .tup-user-container-selection-list .mdc-list-item--with-two-lines.mdc-list-item--with-leading-image, .tup-user-container-selection-list .mdc-list-item--with-two-lines.mdc-list-item--with-leading-video {
  border-radius: 0.25rem;
}
.tup-user-container-selection-list .mdc-list-item--with-three-lines {
  border-radius: 0.25rem;
}
.tup-user-container-selection-list .mdc-list-item {
  border: 1px solid #e0e0e0;
}
.tup-user-container-selection-list .mdc-list-item.mdc-list-item--with-one-line, .tup-user-container-selection-list .mdc-list-item.mdc-list-item--with-two-lines, .tup-user-container-selection-list .mdc-list-item.mdc-list-item--with-three-lines {
  height: 2.5rem;
}
.tup-user-container-selection-list .mdc-list-item[aria-selected=true] {
  border: 1px solid #f7d2c1;
  --mdc-list-list-item-container-color: #fcede6;
  --mdc-list-list-item-label-text-color: #232323;
  --mdc-list-list-item-leading-icon-color: #232323;
  --mdc-list-list-item-hover-label-text-color: #232323;
  --mdc-list-list-item-hover-leading-icon-color: #232323;
  --mdc-list-list-item-focus-label-text-color: #232323;
}
.tup-user-container-selection-list .mdc-list-item[aria-selected=true] .mdc-list-item__start:nth-of-type(2) {
  color: #d93f0c !important;
}
.tup-user-container-selection-list .mdc-list-item[aria-disabled=true] {
  --mdc-list-list-item-hover-leading-icon-color: #e0e0e0;
  border-color: #e0e0e0;
}
.tup-user-container-selection-list .mdc-list-item:hover:not([aria-selected=true], [aria-disabled=true]) {
  --mdc-list-list-item-container-color: rgba(162, 153, 150, 0.1);
}
.tup-user-container-selection-list .mdc-list-item.cdk-keyboard-focused:not([aria-disabled=true]) {
  outline-color: #d93f0c;
  outline-offset: 0;
  outline-style: solid;
  outline-width: 2px;
}
.tup-user-container-selection-list .mat-mdc-list-item .mat-ripple-element {
  display: none;
}

.tup-slide-toggle .mdc-switch {
  --mdc-switch-track-height: 1.5rem;
  --mdc-switch-track-shape: 0.875rem;
  --mdc-switch-track-width: 2.6875rem;
  --mdc-switch-selected-focus-handle-color: white;
  --mdc-switch-selected-focus-track-color: #949494;
  --mdc-switch-selected-handle-color: white;
  --mdc-switch-selected-hover-handle-color: white;
  --mdc-switch-selected-hover-track-color: #949494;
  --mdc-switch-selected-pressed-handle-color: white;
  --mdc-switch-selected-pressed-track-color: #949494;
  --mdc-switch-selected-track-color: #949494;
  --mdc-switch-unselected-focus-handle-color: white;
  --mdc-switch-unselected-focus-track-color: #949494;
  --mdc-switch-unselected-handle-color: white;
  --mdc-switch-unselected-hover-handle-color: white;
  --mdc-switch-unselected-hover-track-color: #949494;
  --mdc-switch-unselected-pressed-handle-color: white;
  --mdc-switch-unselected-pressed-track-color: #949494;
  --mdc-switch-unselected-track-color: #949494;
  --mdc-switch-disabled-selected-handle-color: white;
  --mdc-switch-disabled-selected-track-color: #e0e0e0;
  --mdc-switch-disabled-unselected-handle-color: white;
  --mdc-switch-disabled-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-handle-opacity: 1;
  --mdc-switch-disabled-track-opacity: 1;
}
.tup-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch {
  --mdc-switch-track-height: 1.5rem;
  --mdc-switch-track-shape: 0.875rem;
  --mdc-switch-track-width: 2.6875rem;
  --mdc-switch-selected-focus-handle-color: white;
  --mdc-switch-selected-focus-track-color: #232323;
  --mdc-switch-selected-handle-color: white;
  --mdc-switch-selected-hover-handle-color: white;
  --mdc-switch-selected-hover-track-color: #232323;
  --mdc-switch-selected-pressed-handle-color: white;
  --mdc-switch-selected-pressed-track-color: #232323;
  --mdc-switch-selected-track-color: #232323;
  --mdc-switch-unselected-focus-handle-color: white;
  --mdc-switch-unselected-focus-track-color: #232323;
  --mdc-switch-unselected-handle-color: white;
  --mdc-switch-unselected-hover-handle-color: white;
  --mdc-switch-unselected-hover-track-color: #232323;
  --mdc-switch-unselected-pressed-handle-color: white;
  --mdc-switch-unselected-pressed-track-color: #232323;
  --mdc-switch-unselected-track-color: #232323;
  --mdc-switch-disabled-selected-handle-color: white;
  --mdc-switch-disabled-selected-track-color: #e0e0e0;
  --mdc-switch-disabled-unselected-handle-color: white;
  --mdc-switch-disabled-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-handle-opacity: 1;
  --mdc-switch-disabled-track-opacity: 1;
}

.mat-mdc-slide-toggle-focused .mdc-switch {
  box-shadow: 0 0 0 2px white, 0 0 0 4px #d93f0c;
}

.tup-slider-container {
  max-width: 398px;
}
.tup-slider-container__title button mat-icon {
  --mat-icon-color: #949494;
}
.tup-slider-container__title button:hover {
  background: #fcede6;
}
.tup-slider-container__title button.cdk-keyboard-focused {
  background: #fcede6;
  outline: 2px solid #d93f0c;
}
.tup-slider-container__slider .ngx-slider .ngx-slider-bar {
  background: #dcd9d7;
}
.tup-slider-container__slider .ngx-slider .ngx-slider-selection {
  background: #d93f0c;
}
.tup-slider-container__slider .ngx-slider .ngx-slider-tick.ngx-slider-tick.ngx-slider-selected {
  background: #d93f0c;
}
.tup-slider-container__slider .ngx-slider .ngx-slider-pointer {
  background: #d93f0c;
}

.tup-snack-bar-container--generic {
  --mdc-snackbar-supporting-text-color: white;
  --mat-snack-bar-button-color: white;
  --mdc-snackbar-container-color: #232323;
  --mat-icon-color: ;
}
.tup-snack-bar-container--notification, .tup-snack-bar-container--success, .tup-snack-bar-container--warning, .tup-snack-bar-container--progress {
  --mdc-snackbar-supporting-text-color: #232323;
  --mat-snack-bar-button-color: #232323;
}
.tup-snack-bar-container--notification {
  --mdc-snackbar-container-color: #fff4c6;
  --mat-icon-color: #232323;
}
.tup-snack-bar-container--success {
  --mdc-snackbar-container-color: #defae6;
  --mat-icon-color: #1c7636;
}
.tup-snack-bar-container--warning {
  --mdc-snackbar-container-color: #fee5e5;
  --mat-icon-color: #b91730;
}
.tup-snack-bar-container--progress {
  --mdc-snackbar-container-color: white;
  --mat-icon-color: #1c7636;
}

.tup-snack-bar-container--progress .tup-snack-bar__toggle {
  --mat-icon-color: #949494;
}

.tup-tab.mdc-tab--active .tup-tab-label-checkbox .mat-mdc-checkbox {
  --mdc-theme-text-primary-on-background: #232323;
}
.tup-tab.mdc-tab--active .tup-tab-label-checkbox .mat-mdc-checkbox :hover {
  --mdc-theme-text-primary-on-background: #232323;
}

.tup-tab-label.mat-mdc-icon-button.mat-mdc-button-base,
.tup-tab-label .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 0;
  font-size: var(--mdc-icon-button-state-layer-size);
  line-height: var(--mdc-icon-button-state-layer-size);
}
.tup-tab-label.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.tup-tab-label .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}
.tup-tab-label.mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-tab-label.mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.tup-tab-label .mat-mdc-icon-button.mat-mdc-button-base.mat-icon,
.tup-tab-label .mat-mdc-icon-button.mat-mdc-button-base .mat-icon {
  height: 16px;
  width: 16px;
}
.tup-tab-label.mat-mdc-icon-button.mat-mdc-button-base.material-icons, .tup-tab-label.mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-tab-label.mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-tab-label.mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined,
.tup-tab-label .mat-mdc-icon-button.mat-mdc-button-base.material-icons,
.tup-tab-label .mat-mdc-icon-button.mat-mdc-button-base.material-symbols-outlined,
.tup-tab-label .mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.tup-tab-label .mat-mdc-icon-button.mat-mdc-button-base .material-symbols-outlined {
  font-size: 16px;
  line-height: 16px;
}
.tup-tab-label__leading-icon-button.mat-mdc-icon-button, .tup-tab-label__trailing-icon-button.mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: transparent !important;
  --mat-mdc-button-ripple-color: transparent !important;
}

.tup-tab-label--primary .tup-tab-label__leading-icon-button.cdk-keyboard-focused,
.tup-tab-label--primary .tup-tab-label__trailing-icon-button.cdk-keyboard-focused,
.tup-tab-label--secondary .tup-tab-label__leading-icon-button.cdk-keyboard-focused,
.tup-tab-label--secondary .tup-tab-label__trailing-icon-button.cdk-keyboard-focused {
  background: #fcede6;
  outline-color: #d93f0c;
  outline-style: solid;
  outline-width: 2px;
}

.tup-tab-label--secondary .tup-tab-label__leading-icon-button.cdk-keyboard-focused,
.tup-tab-label--secondary .tup-tab-label__trailing-icon-button.cdk-keyboard-focused {
  outline-width: 1px;
}

.tup-tab-group--primary .mat-mdc-tab-body-wrapper {
  background: #fafafa;
  border-top: 1px solid #e0e0e0;
}
.tup-tab-group--secondary .mat-mdc-tab-body-wrapper {
  border: 1px solid #e0e0e0;
  border-radius: 0.25rem;
}

.tup-tab {
  --mat-tab-header-inactive-label-text-color: rgba(35, 35, 35, 0.65);
  --mat-tab-header-inactive-hover-label-text-color: rgba(35, 35, 35, 0.85);
  --mat-tab-header-inactive-focus-label-text-color: #232323;
  --mat-tab-header-active-label-text-color: #232323;
  --mat-tab-header-active-hover-label-text-color: #232323;
  --mat-tab-header-active-focus-label-text-color: #232323;
}
.tup-tab--primary {
  --mdc-secondary-navigation-tab-container-height: 56px; /* !!! DO NOT CONVERT TO REM !!! */
  --mat-tab-header-inactive-ripple-color: rgba(35, 35, 35, 0.08);
  --mat-tab-header-active-ripple-color: rgba(35, 35, 35, 0.08);
}
.tup-tab--primary:hover {
  background: var(--mat-tab-header-inactive-ripple-color);
}
.tup-tab--secondary {
  --mdc-secondary-navigation-tab-container-height: 40px; /* !!! DO NOT CONVERT TO REM !!! */
  --mat-tab-header-inactive-ripple-color: rgba(35, 35, 35, 0.08);
  --mat-tab-header-active-ripple-color: rgba(35, 35, 35, 0.08);
  --mat-tab-header-disabled-ripple-color: transparent;
  background: var(--tup-tab-header-background);
}
.tup-tab--secondary:hover {
  background: var(--mat-tab-header-inactive-ripple-color);
}
.tup-tab--secondary.mdc-tab {
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.tup-tab--secondary.mdc-tab:not(:nth-of-type(1)) {
  border-left: none;
}
.tup-tab--secondary.mdc-tab--active {
  --tup-tab-header-background: white;
  border-bottom: 1px solid white;
}
.tup-tab--secondary.mdc-tab:not(.mdc-tab--active, .mdc-tab--disabled) {
  --tup-tab-header-background: #fafafa;
}
.tup-tab--secondary.mdc-tab:not(.mdc-tab--active, .mdc-tab--disabled):hover, .tup-tab--secondary.mdc-tab:not(.mdc-tab--active, .mdc-tab--disabled):focus {
  --tup-tab-header-background: #fcede6;
}
.tup-tab--disabled {
  --mat-tab-header-inactive-label-text-color: rgba(35, 35, 35, 0.35);
  --mat-tab-header-inactive-hover-label-text-color: rgba(35, 35, 35, 0.35);
  --mat-tab-header-inactive-focus-label-text-color: rgba(35, 35, 35, 0.35);
  --mat-tab-header-active-label-text-color: rgba(35, 35, 35, 0.35);
  --mat-tab-header-active-hover-label-text-color: rgba(35, 35, 35, 0.35);
  --mat-tab-header-active-focus-label-text-color: rgba(35, 35, 35, 0.35);
}
.tup-tab.cdk-keyboard-focused:not(.mdc-tab--disabled) {
  border-radius: 0.25rem;
  outline-color: #d93f0c;
  outline-offset: -2px;
  outline-width: 2px;
  outline-style: solid;
}
.tup-tab.cdk-keyboard-focused:not(.mdc-tab--disabled) .mdc-tab-indicator {
  top: -4px;
  left: 4px;
  width: calc(100% - 8px);
}
.tup-tab.mat-mdc-tab.mat-mdc-tab-disabled {
  opacity: 1;
}

.tup-vertical-tabs {
  display: flex;
  padding: 8px;
}
.tup-vertical-tabs .mat-mdc-list-base {
  --mdc-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mdc-list-list-item-focus-state-layer-color: #fcede6;
  --mdc-list-list-item-hover-state-layer-opacity: 1;
  --mdc-list-list-item-focus-state-layer-opacity: 1;
}
.tup-vertical-tabs .mat-mdc-list-base .mat-mdc-list-item .mat-icon {
  width: 24px;
  height: 24px;
}
.tup-vertical-tabs .mat-mdc-list-base .mat-mdc-list-item .mat-ripple-element {
  display: none;
}
.tup-vertical-tabs .mat-mdc-list-base .mat-mdc-list-item::before {
  display: none;
}
.tup-vertical-tabs .mat-mdc-list-base .mdc-list-item:not(.mdc-list-item--disabled):hover:not(.selected) {
  background: var(--mdc-list-list-item-hover-state-layer-color);
  opacity: var(--mdc-list-list-item-hover-state-layer-opacity);
}
.tup-vertical-tabs .mat-mdc-list-base .mdc-list-item--with-leading-icon .mdc-list-item__start {
  z-index: 1;
}
.tup-vertical-tabs .mat-mdc-list-base .mdc-list-item--activated.selected {
  --mdc-list-list-item-selected-state-layer-color: #fcede6;
  background: var(--mdc-list-list-item-selected-state-layer-color);
}
.tup-vertical-tabs .mat-mdc-list-base .mdc-list-item--activated.selected.mdc-list-item--with-leading-icon .mdc-list-item__start {
  z-index: 1;
  --mdc-list-list-item-leading-icon-color: #d93f0c;
  color: var(--mdc-list-list-item-leading-icon-color);
}
.tup-vertical-tabs .mat-mdc-list-base .mdc-list-item--activated.selected.mdc-list-item--with-leading-icon .mdc-list-item__content {
  z-index: 1;
}

.mat-mdc-tooltip-panel .mat-mdc-tooltip.tup-tooltip {
  --mdc-plain-tooltip-container-color: rgba(35, 35, 35, 0.85);
}
.mat-mdc-tooltip-panel .mat-mdc-tooltip.tup-tooltip--accent {
  --mdc-plain-tooltip-container-color: #c03300;
}

.tup-user-info {
  display: flex;
  width: 100%;
  height: 75px;
}
.tup-user-info .mdc-list {
  width: 100%;
  height: 100%;
}
.tup-user-info .mdc-list .mdc-list-item--with-leading-avatar {
  height: 100%;
  --mdc-list-list-item-container-shape: 0.25rem;
  --mdc-list-list-item-focus-state-layer-opacity: 0;
}
.tup-user-info .mdc-list .mdc-list-item--with-leading-avatar {
  --mdc-list-list-item-leading-avatar-color: #232323;
}
.tup-user-info .mdc-list .mdc-list-item--with-leading-avatar .mdc-list-item__start {
  color: white;
}
.tup-user-info .mdc-list .mdc-list-item--with-leading-avatar .user-info-email {
  color: rgba(35, 35, 35, 0.65);
}

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

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.015625rem;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 0.875rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.015625rem;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.975rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.03125rem;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.05625rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0;
  margin: 0 0 16px;
}

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

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

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.3125rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.015625rem;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 0.975rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.015625rem;
}
.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-size: 0.625rem;
  font-weight: 500;
  line-height: 0.9375rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.025rem;
}

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

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

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.015625rem;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.015625rem;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 0.975rem;
  --mat-bottom-sheet-container-text-size: 0.8125rem;
  --mat-bottom-sheet-container-text-tracking: 0.015625rem;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-text-font: Roboto, sans-serif;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 600;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 600;
  --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: 0.8125rem;
  --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: 0.975rem;
  --mat-expansion-container-text-size: 0.8125rem;
  --mat-expansion-container-text-tracking: 0.015625rem;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 0.8125rem;
  --mat-grid-list-tile-header-secondary-text-size: 0.625rem;
  --mat-grid-list-tile-footer-primary-text-size: 0.8125rem;
  --mat-grid-list-tile-footer-secondary-text-size: 0.625rem;
}

html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 0.8125rem;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 0.875rem;
  --mat-toolbar-title-text-size: 0.75rem;
  --mat-toolbar-title-text-tracking: 0.015625rem;
  --mat-toolbar-title-text-weight: 700;
}

.mat-tree {
  font-family: Roboto, sans-serif;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 0.8125rem;
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 1.05625rem;
  --mat-option-label-text-size: 0.875rem;
  --mat-option-label-text-tracking: 0;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 1.05625rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: 0;
  --mat-optgroup-label-text-weight: 400;
}

.mat-mdc-card {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 0.875rem;
  --mat-card-title-text-size: 0.75rem;
  --mat-card-title-text-tracking: 0.015625rem;
  --mat-card-title-text-weight: 700;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 1.3125rem;
  --mat-card-subtitle-text-size: 0.8125rem;
  --mat-card-subtitle-text-tracking: 0.015625rem;
  --mat-card-subtitle-text-weight: 500;
}

.mat-mdc-tooltip {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 0.625rem;
  --mdc-plain-tooltip-supporting-text-weight: 500;
  --mdc-plain-tooltip-supporting-text-tracking: 0.025rem;
}

html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 0.875rem;
  --mdc-filled-text-field-label-text-tracking: 0;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 0.875rem;
  --mdc-outlined-text-field-label-text-tracking: 0;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 1.05625rem;
  --mat-form-field-container-text-size: 0.875rem;
  --mat-form-field-container-text-tracking: 0;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 0.875rem;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 0.9375rem;
  --mat-form-field-subscript-text-size: 0.625rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 500;
}

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 1.05625rem;
  --mat-select-trigger-text-size: 0.875rem;
  --mat-select-trigger-text-tracking: 0;
  --mat-select-trigger-text-weight: 400;
}

.mat-mdc-dialog-container {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 0.875rem;
  --mdc-dialog-subhead-size: 0.75rem;
  --mdc-dialog-subhead-weight: 700;
  --mdc-dialog-subhead-tracking: 0.015625rem;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 1.05625rem;
  --mdc-dialog-supporting-text-size: 0.875rem;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 0.975rem;
  --mdc-chip-label-text-size: 0.8125rem;
  --mdc-chip-label-text-tracking: 0.015625rem;
  --mdc-chip-label-text-weight: 400;
}

.mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-size: 0.8125rem;
  --mat-slide-toggle-label-text-tracking: 0.015625rem;
  --mat-slide-toggle-label-text-line-height: 0.975rem;
  --mat-slide-toggle-label-text-weight: 400;
}
.mat-mdc-slide-toggle .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
}

.mat-mdc-radio-button .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-body2-font-size, 0.8125rem);
  line-height: var(--mdc-typography-body2-line-height, 0.975rem);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.015625rem);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-slider {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 0.8125rem;
  --mdc-slider-label-label-text-line-height: 1.3125rem;
  --mdc-slider-label-label-text-tracking: 0.015625rem;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: 0;
  --mat-menu-item-label-text-line-height: 1.05625rem;
  --mat-menu-item-label-text-weight: 400;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 1.05625rem;
  --mdc-list-list-item-label-text-size: 0.875rem;
  --mdc-list-list-item-label-text-tracking: 0;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 0.975rem;
  --mdc-list-list-item-supporting-text-size: 0.8125rem;
  --mdc-list-list-item-supporting-text-tracking: 0.015625rem;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 0.9375rem;
  --mdc-list-list-item-trailing-supporting-text-size: 0.625rem;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.025rem;
  --mdc-list-list-item-trailing-supporting-text-weight: 500;
}

.mdc-list-group__subheader {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.975rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.03125rem;
}

html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 0.9375rem;
  --mat-paginator-container-text-size: 0.625rem;
  --mat-paginator-container-text-tracking: 0.025rem;
  --mat-paginator-container-text-weight: 500;
  --mat-paginator-select-trigger-text-size: 0.625rem;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 0.875rem;
  --mat-tab-header-label-text-tracking: 0.046875rem;
  --mat-tab-header-label-text-line-height: 1.05rem;
  --mat-tab-header-label-text-weight: 600;
}

.mat-mdc-checkbox .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-body2-font-size, 0.8125rem);
  line-height: var(--mdc-typography-body2-line-height, 0.975rem);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.015625rem);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-button-font-size, 0.875rem);
  line-height: var(--mdc-typography-button-line-height, 1.05rem);
  font-weight: var(--mdc-typography-button-font-weight, 600);
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.046875rem);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}

.mdc-fab--extended {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: var(--mdc-typography-button-font-size, 0.875rem);
  line-height: var(--mdc-typography-button-line-height, 1.05rem);
  font-weight: var(--mdc-typography-button-font-weight, 600);
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.046875rem);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-mdc-extended-fab {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 0.875rem;
  --mdc-extended-fab-label-text-tracking: 0.046875rem;
  --mdc-extended-fab-label-text-weight: 600;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 0.975rem;
  --mdc-snackbar-supporting-text-size: 0.8125rem;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 1.3125rem;
  --mat-table-header-headline-size: 0.8125rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.015625rem;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 0.975rem;
  --mat-table-row-item-label-text-size: 0.8125rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.015625rem;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 0.975rem;
  --mat-table-footer-supporting-text-size: 0.8125rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.015625rem;
}

.tup-button-toggle-group {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 0.875rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.015625rem;
}

.tup-card .mat-mdc-card-title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.015625rem;
}

.tup-card .mat-mdc-card-subtitle {
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 0.9375rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.025rem;
  text-transform: uppercase;
}

.tup-card .mat-mdc-card-content {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.05625rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0;
}

.tup-checkbox .mdc-form-field .mdc-label {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.05rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.046875rem;
}

.tup-chip-set-expansion-container__expansion-trigger .mat-mdc-button {
  --mdc-typography-button-font-size: 0.8125rem;
  --mdc-typography-button-font-weight: 400;
  --mdc-typography-button-line-height: 0.975rem;
  --mdc-typography-button-letter-spacing: 0.015625rem;
  white-space: nowrap;
}

.mdc-evolution-chip .mdc-evolution-chip__cell .mdc-evolution-chip__icon .material-symbols-outlined {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: normal;
}

.tup-outlined-chip .mdc-evolution-chip__text-label {
  --mdc-chip-label-text-size: 0.875rem;
  --mdc-chip-label-text-weight: 600;
  --mdc-chip-label-text-line-height: 1.05rem;
  --mdc-chip-label-text-tracking: 0.046875rem;
}

.tup-dialog-overlay-pane .mdc-dialog__title {
  --mdc-dialog-subhead-size: 1.25rem;
  --mdc-dialog-subhead-weight: 600;
  --mdc-dialog-subhead-line-height: 2rem;
  --mdc-dialog-subhead-tracking: 0.015625rem;
}

.tup-search-settings-dialog .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field {
  --mdc-typography-body2-font-size: 0.875rem;
  --mdc-typography-body2-font-weight: 400;
  --mdc-typography-body2-line-height: 1.05625rem;
  --mdc-typography-body2-letter-spacing: 0;
}

.tup-form-field .mdc-text-field--outlined .mdc-floating-label {
  --mdc-outlined-text-field-label-text-size: 0.8125rem;
  --mdc-outlined-text-field-label-text-weight: 500;
  --mdc-outlined-text-field-label-text-line-height: 0.975rem;
  --mdc-outlined-text-field-label-text-tracking: 0.015625rem;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field {
  --mat-form-field-container-text-size: 0.8125rem;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-container-text-line-height: 0.975rem;
  --mat-form-field-container-text-tracking: 0.015625rem;
}
.tup-form-field.mat-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-floating-label {
  --mat-form-field-outlined-label-text-populated-size: 0.625rem;
}

.tup-select {
  --mat-select-trigger-text-size: 0.8125rem;
  --mat-select-trigger-text-weight: 400;
  --mat-select-trigger-text-line-height: 0.975rem;
  --mat-select-trigger-text-tracking: 0.015625rem;
}

.mat-mdc-form-field-has-icon-prefix.mat-mdc-form-field-has-text-prefix .tup-select {
  --mat-select-trigger-text-weight: 700;
}

.tup-select-overlay-pane .mat-mdc-select-panel .mat-mdc-option {
  --mat-option-label-text-size: 0.8125rem;
  --mat-option-label-text-weight: 400;
  --mat-option-label-text-line-height: 0.975rem;
  --mat-option-label-text-tracking: 0.015625rem;
}

.tup-sidenav__footer .mdc-list .mdc-list-item--with-leading-avatar .mdc-list-item__start {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.015625rem;
}
.tup-sidenav__footer .mdc-list .mdc-list-item__primary-text {
  --mdc-list-list-item-label-text-size: 0.8125rem;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-label-text-line-height: 0.975rem;
  --mdc-list-list-item-label-text-tracking: 0.015625rem;
}

.tup-account-dialog-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content .mat-mdc-list .mat-mdc-list-item .mat-mdc-list-item-title {
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 0.9375rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.025rem;
}

.tup-sidenav__nav-list .mdc-list .mdc-list-item .mdc-list-item__content a.mdc-list-item__primary-text {
  --mdc-list-list-item-label-text-size: 0.8125rem;
  --mdc-list-list-item-label-text-weight: 500;
  --mdc-list-list-item-label-text-line-height: 1.3125rem;
  --mdc-list-list-item-label-text-tracking: 0.015625rem;
}
.tup-sidenav__nav-list .mdc-list .mdc-list-item .mdc-list-item__content span.mdc-list-item__primary-text {
  --mdc-list-list-item-label-text-size: 0.8125rem;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-label-text-line-height: 0.975rem;
  --mdc-list-list-item-label-text-tracking: 0.015625rem;
}

.tup-topnav__document-editor .tup-document-editor {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.015625rem;
}
.tup-topnav__user-greeting {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 2rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.015625rem;
}
.tup-topnav__user-avatar {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.015625rem;
}

.mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions .mat-mdc-icon-button {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.05rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.046875rem;
}
.mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-actions .mat-mdc-icon-button .material-symbols-outlined {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: normal;
}

.tup-select-action .mdc-button {
  --mdc-typography-button-font-size: 0.8125rem;
  --mdc-typography-button-font-weight: 400;
  --mdc-typography-button-line-height: 0.975rem;
  --mdc-typography-button-letter-spacing: 0.015625rem;
}

.tup-select-message {
  --mdc-typography-button-font-size: 0.8125rem;
  --mdc-typography-button-font-weight: 400;
  --mdc-typography-button-line-height: 0.975rem;
  --mdc-typography-button-letter-spacing: 0.015625rem;
}

.tup-slider-container__title h3 {
  margin-bottom: 0;
}
.tup-slider-container__slider .ngx-slider .ngx-slider-bubble {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.05625rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0;
}

.tup-snack-bar__progress {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.015625rem;
  line-height: unset;
}

.mat-mdc-table .mat-mdc-header-row {
  --mat-table-header-headline-size: 0.75rem;
  --mat-table-header-headline-weight: 700;
  --mat-table-header-headline-line-height: 0.875rem;
  --mat-table-header-headline-tracking: 0.015625rem;
}

.tup-tab-label .mat-icon {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: normal;
}

.tup-tab {
  --mat-tab-header-label-text-size: 0.875rem;
  --mat-tab-header-label-text-weight: 600;
  --mat-tab-header-label-text-line-height: 1.05rem;
  --mat-tab-header-label-text-tracking: 0.046875rem;
}

.tup-user-container-selection-list.mdc-list .mdc-list-group__subheader {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.015625rem;
  margin-bottom: 0;
}
.tup-user-container-selection-list.mdc-list .mdc-list-item {
  --mdc-list-list-item-label-text-size: 0.875rem;
  --mdc-list-list-item-label-text-weight: 700;
  --mdc-list-list-item-label-text-line-height: 0.975rem;
  --mdc-list-list-item-label-text-tracking: 0.03125rem;
}

.tup-user-info .mdc-list .mdc-list-item--with-leading-avatar .mdc-list-item__start {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.015625rem;
}
.tup-user-info .mdc-list .mdc-list-item__primary-text {
  --mdc-list-list-item-label-text-size: 0.875rem;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-label-text-line-height: 1.05625rem;
  --mdc-list-list-item-label-text-tracking: 0;
}
.tup-user-info .mdc-list .mdc-list-item__primary-text .user-info-email {
  font-size: 12px;
  font-weight: 700;
}

.tup-vertical-tabs .mdc-list .mdc-list-item__primary-text {
  --mdc-list-list-item-label-text-size: 0.9375rem;
  --mdc-list-list-item-label-text-weight: 700;
  --mdc-list-list-item-label-text-line-height: 2rem;
  --mdc-list-list-item-label-text-tracking: 0.015625rem;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.tup-link {
  color: #005091;
}
.tup-link:hover {
  color: #005eaa;
}
.tup-link:hover {
  color: #005091;
}
.tup-icon-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.05rem;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.046875rem;
  color: #232323;
  cursor: pointer;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-drag-to-select/ngx-drag-to-select.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.dts-no-select {
  -webkit-user-select: none;
          user-select: none;
}

.dts-select-box {
  background: rgba(125, 218, 252, 0.3);
  border: 2px solid currentColor;
  contain: layout;
  transform: translateZ(0);
  box-sizing: border-box;
  color: #7ddafc;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}
.dts-select-box.dts-removing {
  background: rgba(125, 218, 252, 0.3);
  border: 2px solid #7ddafc;
}

.dts-select-container:not(.dts-custom) .dts-select-item.selected {
  border: 1px solid #d2d2d2;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.dts-select-container:not(.dts-custom) .dts-select-item.dts-range-start {
  border: 1px solid #2196f3;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Colors for buttons. */

.chart:fullscreen {
  width: 100%;
  height: 100%;
}

.chart {
  width: 100%;
  float: left;
  height: 400px;
  position: relative;
}

.highcharts-draw-mode {
  cursor: crosshair;
}

.highcharts-bindings-wrapper * {
  box-sizing: content-box;
}

.highcharts-bindings-wrapper {
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
}

.highcharts-button {
  fill: var(--highcharts-neutral-color-3);
}

.highcharts-stocktools-popup {
  width: 100%;
}

.highcharts-menu-wrapper {
  float: left;
  width: 40px;
  height: calc(100% - 50px);
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
}

.highcharts-bindings-wrapper .highcharts-submenu-wrapper {
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: #ffffff;
  width: 40px;
}

.highcharts-bindings-wrapper .highcharts-arrow-wrapper {
  text-align: center;
  width: 40px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 1.5em;
}

.highcharts-bindings-wrapper .highcharts-arrow-wrapper > div {
  cursor: pointer;
}

.highcharts-bindings-wrapper .highcharts-arrow-down {
  background-size: cover;
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
}

.highcharts-bindings-wrapper .highcharts-arrow-up {
  background-size: cover;
  outline: none;
  display: inline-block;
  width: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  /* Firefox */
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
}

.highcharts-bindings-wrapper .highcharts-arrow-right {
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}

.highcharts-bindings-wrapper .highcharts-arrow-left.highcharts-arrow-right {
  /* Safari */
  -webkit-transform: rotate(0deg);
  /* Firefox */
  -moz-transform: rotate(0deg);
  /* IE */
  -ms-transform: rotate(0deg);
  /* Opera */
  -o-transform: rotate(0deg);
}

.highcharts-bindings-wrapper .highcharts-arrow-left {
  /* Safari */
  -webkit-transform: rotate(180deg);
  /* Firefox */
  -moz-transform: rotate(180deg);
  /* IE */
  -ms-transform: rotate(180deg);
  /* Opera */
  -o-transform: rotate(180deg);
}

.highcharts-bindings-wrapper ul {
  width: 40px;
  /* 30px spacing for arrows to scroll */
  margin: 0;
  padding: 0;
  float: left;
  transition: margin 250ms;
}

.highcharts-bindings-wrapper > ul {
  width: 40px;
  position: relative;
}

.highcharts-bindings-wrapper .highcharts-stocktools-toolbar li {
  list-style: none;
  margin-bottom: 3px;
  padding: 0;
  clear: both;
  width: 100%;
  height: 40px;
  cursor: pointer;
  position: relative;
  background-color: var(--highcharts-neutral-color-3);
}

.highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn {
  cursor: default;
}

.highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn > .highcharts-menu-item-btn {
  opacity: 0.5;
}

.highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn.highcharts-active {
  background: var(--highcharts-neutral-color-3);
}

.highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn .highcharts-menu-item-btn:hover {
  background-color: transparent;
}

.highcharts-bindings-wrapper li > button.highcharts-menu-item-btn {
  display: block;
  border: none;
  float: left;
  padding: 0;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 32px 32px;
}

.highcharts-submenu-wrapper li > button.highcharts-menu-item-btn {
  width: 40px;
}

.highcharts-bindings-wrapper li > button.highcharts-submenu-item-arrow {
  float: left;
  background-repeat: no-repeat;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  background-color: transparent;
  width: 10px;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.highcharts-bindings-wrapper li.highcharts-separator {
  height: 15px;
  background-color: transparent;
  width: 36px;
  pointer-events: none;
}

.highcharts-bindings-wrapper li.highcharts-separator > button.highcharts-menu-item-btn {
  width: 100%;
}

.highcharts-bindings-wrapper li.highcharts-active > button.highcharts-menu-item-btn,
.highcharts-bindings-wrapper li > button.highcharts-menu-item-btn:hover,
.highcharts-bindings-wrapper .highcharts-arrow-wrapper > div:hover,
.highcharts-bindings-wrapper li.highcharts-active,
.highcharts-toggle-toolbar:hover {
  background-color: var(--highcharts-neutral-color-10);
  transition: background-color 100ms;
}

.highcharts-toggle-toolbar {
  position: absolute;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: var(--highcharts-neutral-color-3);
  background-size: cover;
}

.highcharts-hide {
  display: none;
}

.highcharts-bindings-wrapper li:hover,
.highcharts-submenu-item-arrow:hover {
  background-color: var(--highcharts-button-hover-color);
}

.highcharts-bindings-wrapper .highcharts-arrow-down,
.highcharts-bindings-wrapper .highcharts-arrow-up {
  width: 50%;
  height: 20px;
  float: left;
}

li.highcharts-disabled-btn:hover,
.highcharts-disabled-btn .highcharts-submenu-item-arrow:hover {
  background-color: var(--highcharts-neutral-color-3);
}

.dts-no-select {
  -webkit-user-select: none;
          user-select: none;
}

.dts-select-box {
  background: rgba(125, 218, 252, 0.3);
  border: 2px solid currentColor;
  contain: layout;
  transform: translateZ(0);
  box-sizing: border-box;
  color: #7ddafc;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}
.dts-select-box.dts-removing {
  background: rgba(125, 218, 252, 0.3);
  border: 2px solid #7ddafc;
}

.dts-select-container:not(.dts-custom) .dts-select-item.selected {
  border: 1px solid #d2d2d2;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.dts-select-container:not(.dts-custom) .dts-select-item.dts-range-start {
  border: 1px solid #2196f3;
}

/**
 * CSS 'flex' layout helper.
 */
/**
 * Default padding.
 */
/**
 * Default border-radius.
 */
/**
 * Overlay border-radius (dialogs and menus)
 */
/**
 * Outline
 */
html,
body {
  height: 100%;
  overflow: hidden;
}

body {
  margin: 0;
}

.dialog-content__compact.dialog-content__compact {
  padding: 0 2rem !important;
}

.dialog-title.dialog-title.dialog-title {
  color: #232323;
}

.tiny-icon {
  font-size: rem-convert(20px) !important;
  height: rem-convert(20px) !important;
  width: rem-convert(20px) !important;
  line-height: rem-convert(18px) !important;
}

.close-icon {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

/**
 * AE-211 / AE-212 / AE-214 Re-instate non standard styling rules
 */
.non-standard-table *,
.non-standard-table *:after,
.non-standard-table *:before {
  box-sizing: border-box;
}
.non-standard-table .mat-mdc-header-row,
.non-standard-table .mat-mdc-header-cell {
  border: none;
}
.non-standard-table .mat-mdc-header-row {
  height: auto;
}
.non-standard-table .mat-mdc-header-cell {
  vertical-align: middle;
}
.non-standard-table .mat-mdc-header-cell {
  /*    @include mat-typography-level-to-styles(
    $tup-mat-typography-config,
    caption
  );*/
  color: rgba(35, 35, 35, 0.85);
}

.empty-copy {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  line-height: 1.5;
  box-shadow: none;
}

.survey-info-tooltip .mdc-tooltip__surface {
  white-space: pre-line;
  max-width: 100%;
}

.highcharts-draw-mode {
  cursor: crosshair;
}

.highcharts-popup.highcharts-annotation-toolbar {
  right: 10%;
  left: auto;
  height: 40px;
  overflow: hidden;
  padding-right: 40px;
  width: auto;
  min-width: 0;
}

.highcharts-popup.highcharts-annotation-toolbar button {
  margin-top: 0px;
}

.highcharts-popup.highcharts-annotation-toolbar > span {
  display: block;
  float: left;
  padding: 12px;
}

.highcharts-popup {
  background-color: #fff;
  color: #666;
  display: none;
  font-size: 0.876em;
  max-height: 90%;
  top: 5%;
  left: 15%;
  overflow-x: hidden;
  overflow-y: auto;
  width: 75%;
  min-width: 300px;
  max-width: 600px;
  position: absolute;
  z-index: 100;
  box-shadow: 0px 0px 8px 0px rgba(61, 61, 61, 0.3);
}

.highcharts-popup-close {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  padding: 10px;
  top: 0%;
  right: 0%;
  color: #333333;
}

.highcharts-popup-close:hover,
.highcharts-popup button:hover,
.highcharts-popup button.highcharts-annotation-edit-button:hover,
.highcharts-popup button.highcharts-annotation-remove-button:hover {
  background-color: #e6ebf5;
}

.highcharts-popup button {
  float: right;
  border: none;
  background: #f7f7f7;
  color: #666;
  margin-left: 5px;
  margin-top: 12px;
}

.highcharts-popup button:first-child {
  margin-left: 0;
}

.highcharts-popup button.highcharts-annotation-edit-button,
.highcharts-popup button.highcharts-annotation-remove-button {
  width: 20px;
  height: 40px;
  padding: 20px;
}

.highcharts-popup button.highcharts-annotation-edit-button {
  display: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
}

.highcharts-popup button.highcharts-annotation-remove-button {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
}

/* Annotation toolbar */
.highcharts-popup .highcharts-annotation-title {
  display: block;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 15px;
  width: 100%;
}

.highcharts-popup .highcharts-popup-main-title {
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 20px 0;
  padding: 8px 0 6px 20px;
}

.highcharts-bindings-wrapper {
  width: 40px;
  height: 100%;
  position: absolute;
  z-index: 10;
}

.highcharts-stocktools-popup {
  width: 100%;
}

.highcharts-bindings-wrapper .highcharts-arrow-left {
  display: none;
}

.highcharts-bindings-wrapper li > span.highcharts-submenu-item-arrow {
  display: none;
}

.highlighted-operator {
  color: #007ADD;
  font-weight: 700;
}

.geografix-map .highcharts-background {
  fill: #f4f3f2;
}

.highcharts-map-navigation.highcharts-zoom-in .highcharts-button-box,
.highcharts-map-navigation.highcharts-zoom-out .highcharts-button-box {
  fill: rgb(255, 255, 255);
  d: path("M 2.5 0.5 L 26.5 0.5 A 2 2 0 0 1 28.5 2.5 L 28.5 28.5 A 0 0 0 0 1 28.5 28.5 L 0.5 28.5 A 0 0 0 0 1 0.5 28.5 L 0.5 2.5 A 2 2 0 0 1 2.5 0.5 Z");
  stroke: rgb(230, 230, 230);
  stroke-width: 1;
}

.highcharts-button.highcharts-hidden {
  display: none;
}

@keyframes pulse {
  0%, 100% {
    transform: translate(-18px, -18px);
  }
  50% {
    transform: translate(-18px, -36px);
  }
}
.custom-marker .highcharts-point {
  transition: all 0.3s ease-out;
}

.custom-marker.custom-marker-hover .highcharts-point {
  animation: pulse 0.8s ease-in-out infinite;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3));
}

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