\\n//\\n// For an explanation of the design behind how elevation is implemented, see the design doc at\\n// https://goo.gl/Kq0k9Z.\\n\\n// Colors for umbra, penumbra, and ambient shadows. As described in the design doc, each elevation\\n// level is created using a set of 3 shadow values, one for umbra (the shadow representing the\\n// space completely obscured by an object relative to its light source), one for penumbra (the\\n// space partially obscured by an object), and one for ambient (the space which contains the object\\n// itself). For a further explanation of these terms and their meanings, see\\n// https://en.wikipedia.org/wiki/Umbra,_penumbra_and_antumbra.\\n\\n// Maps for the different shadow sets and their values within each z-space. These values were\\n// created by taking a few reference shadow sets created by Google's Designers and interpolating\\n// all of the values between them.\\n\\n@function _get-umbra-map($color, $opacity) {\\n $shadow-color: if(type-of($color) == color, rgba($color, $opacity * 0.2), $color);\\n\\n @return (\\n 0: '0px 0px 0px 0px #{$shadow-color}',\\n 1: '0px 2px 1px -1px #{$shadow-color}',\\n 2: '0px 3px 1px -2px #{$shadow-color}',\\n 3: '0px 3px 3px -2px #{$shadow-color}',\\n 4: '0px 2px 4px -1px #{$shadow-color}',\\n 5: '0px 3px 5px -1px #{$shadow-color}',\\n 6: '0px 3px 5px -1px #{$shadow-color}',\\n 7: '0px 4px 5px -2px #{$shadow-color}',\\n 8: '0px 5px 5px -3px #{$shadow-color}',\\n 9: '0px 5px 6px -3px #{$shadow-color}',\\n 10: '0px 6px 6px -3px #{$shadow-color}',\\n 11: '0px 6px 7px -4px #{$shadow-color}',\\n 12: '0px 7px 8px -4px #{$shadow-color}',\\n 13: '0px 7px 8px -4px #{$shadow-color}',\\n 14: '0px 7px 9px -4px #{$shadow-color}',\\n 15: '0px 8px 9px -5px #{$shadow-color}',\\n 16: '0px 8px 10px -5px #{$shadow-color}',\\n 17: '0px 8px 11px -5px #{$shadow-color}',\\n 18: '0px 9px 11px -5px #{$shadow-color}',\\n 19: '0px 9px 12px -6px #{$shadow-color}',\\n 20: '0px 10px 13px -6px #{$shadow-color}',\\n 21: '0px 10px 13px -6px #{$shadow-color}',\\n 22: '0px 10px 14px -6px #{$shadow-color}',\\n 23: '0px 11px 14px -7px #{$shadow-color}',\\n 24: '0px 11px 15px -7px #{$shadow-color}'\\n );\\n}\\n\\n@function _get-penumbra-map($color, $opacity) {\\n $shadow-color: if(type-of($color) == color, rgba($color, $opacity * 0.14), $color);\\n\\n @return (\\n 0: '0px 0px 0px 0px #{$shadow-color}',\\n 1: '0px 1px 1px 0px #{$shadow-color}',\\n 2: '0px 2px 2px 0px #{$shadow-color}',\\n 3: '0px 3px 4px 0px #{$shadow-color}',\\n 4: '0px 4px 5px 0px #{$shadow-color}',\\n 5: '0px 5px 8px 0px #{$shadow-color}',\\n 6: '0px 6px 10px 0px #{$shadow-color}',\\n 7: '0px 7px 10px 1px #{$shadow-color}',\\n 8: '0px 8px 10px 1px #{$shadow-color}',\\n 9: '0px 9px 12px 1px #{$shadow-color}',\\n 10: '0px 10px 14px 1px #{$shadow-color}',\\n 11: '0px 11px 15px 1px #{$shadow-color}',\\n 12: '0px 12px 17px 2px #{$shadow-color}',\\n 13: '0px 13px 19px 2px #{$shadow-color}',\\n 14: '0px 14px 21px 2px #{$shadow-color}',\\n 15: '0px 15px 22px 2px #{$shadow-color}',\\n 16: '0px 16px 24px 2px #{$shadow-color}',\\n 17: '0px 17px 26px 2px #{$shadow-color}',\\n 18: '0px 18px 28px 2px #{$shadow-color}',\\n 19: '0px 19px 29px 2px #{$shadow-color}',\\n 20: '0px 20px 31px 3px #{$shadow-color}',\\n 21: '0px 21px 33px 3px #{$shadow-color}',\\n 22: '0px 22px 35px 3px #{$shadow-color}',\\n 23: '0px 23px 36px 3px #{$shadow-color}',\\n 24: '0px 24px 38px 3px #{$shadow-color}'\\n );\\n}\\n\\n@function _get-ambient-map($color, $opacity) {\\n $shadow-color: if(type-of($color) == color, rgba($color, $opacity * 0.12), $color);\\n\\n @return (\\n 0: '0px 0px 0px 0px #{$shadow-color}',\\n 1: '0px 1px 3px 0px #{$shadow-color}',\\n 2: '0px 1px 5px 0px #{$shadow-color}',\\n 3: '0px 1px 8px 0px #{$shadow-color}',\\n 4: '0px 1px 10px 0px #{$shadow-color}',\\n 5: '0px 1px 14px 0px #{$shadow-color}',\\n 6: '0px 1px 18px 0px #{$shadow-color}',\\n 7: '0px 2px 16px 1px #{$shadow-color}',\\n 8: '0px 3px 14px 2px #{$shadow-color}',\\n 9: '0px 3px 16px 2px #{$shadow-color}',\\n 10: '0px 4px 18px 3px #{$shadow-color}',\\n 11: '0px 4px 20px 3px #{$shadow-color}',\\n 12: '0px 5px 22px 4px #{$shadow-color}',\\n 13: '0px 5px 24px 4px #{$shadow-color}',\\n 14: '0px 5px 26px 4px #{$shadow-color}',\\n 15: '0px 6px 28px 5px #{$shadow-color}',\\n 16: '0px 6px 30px 5px #{$shadow-color}',\\n 17: '0px 6px 32px 5px #{$shadow-color}',\\n 18: '0px 7px 34px 6px #{$shadow-color}',\\n 19: '0px 7px 36px 6px #{$shadow-color}',\\n 20: '0px 8px 38px 7px #{$shadow-color}',\\n 21: '0px 8px 40px 7px #{$shadow-color}',\\n 22: '0px 8px 42px 7px #{$shadow-color}',\\n 23: '0px 9px 44px 8px #{$shadow-color}',\\n 24: '0px 9px 46px 8px #{$shadow-color}'\\n );\\n}\\n\\n// The default duration value for elevation transitions.\\n$mat-elevation-transition-duration: 280ms !default;\\n\\n// The default easing value for elevation transitions.\\n$mat-elevation-transition-timing-function: $mat-fast-out-slow-in-timing-function;\\n\\n// The default color for elevation shadows.\\n$mat-elevation-color: black !default;\\n\\n// The default opacity scaling value for elevation shadows.\\n$mat-elevation-opacity: 1 !default;\\n\\n// Prefix for elevation-related selectors.\\n$_mat-elevation-prefix: 'mat-elevation-z';\\n\\n// Applies the correct css rules to an element to give it the elevation specified by $zValue.\\n// The $zValue must be between 0 and 24.\\n@mixin mat-elevation($zValue, $color: $mat-elevation-color, $opacity: $mat-elevation-opacity) {\\n @if type-of($zValue) != number or not unitless($zValue) {\\n @error '$zValue must be a unitless number';\\n }\\n @if $zValue < 0 or $zValue > 24 {\\n @error '$zValue must be between 0 and 24';\\n }\\n\\n box-shadow: #{map-get(_get-umbra-map($color, $opacity), $zValue)},\\n #{map-get(_get-penumbra-map($color, $opacity), $zValue)},\\n #{map-get(_get-ambient-map($color, $opacity), $zValue)};\\n}\\n\\n@mixin _mat-theme-elevation($zValue, $config, $opacity: $mat-elevation-opacity) {\\n $foreground: map-get($config, foreground);\\n $elevation-color: map-get($foreground, elevation);\\n $elevation-color-or-default: if($elevation-color == null, $mat-elevation-color, $elevation-color);\\n\\n @include mat-elevation($zValue, $elevation-color-or-default, $opacity);\\n}\\n\\n// Applies the elevation to an element in a manner that allows\\n// consumers to override it via the Material elevation classes.\\n@mixin mat-overridable-elevation(\\n $zValue,\\n $color: $mat-elevation-color,\\n $opacity: $mat-elevation-opacity) {\\n &:not([class*='#{$_mat-elevation-prefix}']) {\\n @include mat-elevation($zValue, $color, $opacity);\\n }\\n}\\n\\n@mixin _mat-theme-overridable-elevation($zValue, $config, $opacity: $mat-elevation-opacity) {\\n $foreground: map-get($config, foreground);\\n $elevation-color: map-get($foreground, elevation);\\n $elevation-color-or-default: if($elevation-color == null, $mat-elevation-color, $elevation-color);\\n\\n @include mat-overridable-elevation($zValue, $elevation-color-or-default, $opacity);\\n}\\n\\n// Returns a string that can be used as the value for a transition property for elevation.\\n// Calling this function directly is useful in situations where a component needs to transition\\n// more than one property.\\n//\\n// .foo {\\n// transition: mat-elevation-transition-property-value(), opacity 100ms ease;\\n// }\\n@function mat-elevation-transition-property-value(\\n $duration: $mat-elevation-transition-duration,\\n $easing: $mat-elevation-transition-timing-function) {\\n @return box-shadow #{$duration} #{$easing};\\n}\\n\\n// Applies the correct css rules needed to have an element transition between elevations.\\n// This mixin should be applied to elements whose elevation values will change depending on their\\n// context (e.g. when active or disabled).\\n//\\n// NOTE(traviskaufman): Both this mixin and the above function use default parameters so they can\\n// be used in the same way by clients.\\n@mixin mat-elevation-transition(\\n $duration: $mat-elevation-transition-duration,\\n $easing: $mat-elevation-transition-timing-function) {\\n transition: mat-elevation-transition-property-value($duration, $easing);\\n}\\n\\n// Color palettes from the Material Design spec.\\n// See https://material.io/design/color/\\n//\\n// Contrast colors are hard-coded because it is too difficult (probably impossible) to\\n// calculate them. These contrast colors are pulled from the public Material Design spec swatches.\\n// While the contrast colors in the spec are not prescriptive, we use them for convenience.\\n\\n\\n// @deprecated renamed to $dark-primary-text.\\n// @breaking-change 8.0.0\\n$black-87-opacity: rgba(black, 0.87);\\n// @deprecated renamed to $light-primary-text.\\n// @breaking-change 8.0.0\\n$white-87-opacity: rgba(white, 0.87);\\n// @deprecated use $dark-[secondary-text,disabled-text,dividers,focused] instead.\\n// @breaking-change 8.0.0\\n$black-12-opacity: rgba(black, 0.12);\\n// @deprecated use $light-[secondary-text,disabled-text,dividers,focused] instead.\\n// @breaking-change 8.0.0\\n$white-12-opacity: rgba(white, 0.12);\\n// @deprecated use $dark-[secondary-text,disabled-text,dividers,focused] instead.\\n// @breaking-change 8.0.0\\n$black-6-opacity: rgba(black, 0.06);\\n// @deprecated use $light-[secondary-text,disabled-text,dividers,focused] instead.\\n// @breaking-change 8.0.0\\n$white-6-opacity: rgba(white, 0.06);\\n\\n$dark-primary-text: rgba(black, 0.87);\\n$dark-secondary-text: rgba(black, 0.54);\\n$dark-disabled-text: rgba(black, 0.38);\\n$dark-dividers: rgba(black, 0.12);\\n$dark-focused: rgba(black, 0.12);\\n$light-primary-text: white;\\n$light-secondary-text: rgba(white, 0.7);\\n$light-disabled-text: rgba(white, 0.5);\\n$light-dividers: rgba(white, 0.12);\\n$light-focused: rgba(white, 0.12);\\n\\n$mat-red: (\\n 50: #ffebee,\\n 100: #ffcdd2,\\n 200: #ef9a9a,\\n 300: #e57373,\\n 400: #ef5350,\\n 500: #f44336,\\n 600: #e53935,\\n 700: #d32f2f,\\n 800: #c62828,\\n 900: #b71c1c,\\n A100: #ff8a80,\\n A200: #ff5252,\\n A400: #ff1744,\\n A700: #d50000,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $light-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-pink: (\\n 50: #fce4ec,\\n 100: #f8bbd0,\\n 200: #f48fb1,\\n 300: #f06292,\\n 400: #ec407a,\\n 500: #e91e63,\\n 600: #d81b60,\\n 700: #c2185b,\\n 800: #ad1457,\\n 900: #880e4f,\\n A100: #ff80ab,\\n A200: #ff4081,\\n A400: #f50057,\\n A700: #c51162,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $light-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-purple: (\\n 50: #f3e5f5,\\n 100: #e1bee7,\\n 200: #ce93d8,\\n 300: #ba68c8,\\n 400: #ab47bc,\\n 500: #9c27b0,\\n 600: #8e24aa,\\n 700: #7b1fa2,\\n 800: #6a1b9a,\\n 900: #4a148c,\\n A100: #ea80fc,\\n A200: #e040fb,\\n A400: #d500f9,\\n A700: #aa00ff,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $light-primary-text,\\n 400: $light-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $light-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-deep-purple: (\\n 50: #ede7f6,\\n 100: #d1c4e9,\\n 200: #b39ddb,\\n 300: #9575cd,\\n 400: #7e57c2,\\n 500: #673ab7,\\n 600: #5e35b1,\\n 700: #512da8,\\n 800: #4527a0,\\n 900: #311b92,\\n A100: #b388ff,\\n A200: #7c4dff,\\n A400: #651fff,\\n A700: #6200ea,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $light-primary-text,\\n 400: $light-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $light-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-indigo: (\\n 50: #e8eaf6,\\n 100: #c5cae9,\\n 200: #9fa8da,\\n 300: #7986cb,\\n 400: #5c6bc0,\\n 500: #3f51b5,\\n 600: #3949ab,\\n 700: #303f9f,\\n 800: #283593,\\n 900: #1a237e,\\n A100: #8c9eff,\\n A200: #536dfe,\\n A400: #3d5afe,\\n A700: #304ffe,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $light-primary-text,\\n 400: $light-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $light-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-blue: (\\n 50: #e3f2fd,\\n 100: #bbdefb,\\n 200: #90caf9,\\n 300: #64b5f6,\\n 400: #42a5f5,\\n 500: #2196f3,\\n 600: #1e88e5,\\n 700: #1976d2,\\n 800: #1565c0,\\n 900: #0d47a1,\\n A100: #82b1ff,\\n A200: #448aff,\\n A400: #2979ff,\\n A700: #2962ff,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $light-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-light-blue: (\\n 50: #e1f5fe,\\n 100: #b3e5fc,\\n 200: #81d4fa,\\n 300: #4fc3f7,\\n 400: #29b6f6,\\n 500: #03a9f4,\\n 600: #039be5,\\n 700: #0288d1,\\n 800: #0277bd,\\n 900: #01579b,\\n A100: #80d8ff,\\n A200: #40c4ff,\\n A400: #00b0ff,\\n A700: #0091ea,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-cyan: (\\n 50: #e0f7fa,\\n 100: #b2ebf2,\\n 200: #80deea,\\n 300: #4dd0e1,\\n 400: #26c6da,\\n 500: #00bcd4,\\n 600: #00acc1,\\n 700: #0097a7,\\n 800: #00838f,\\n 900: #006064,\\n A100: #84ffff,\\n A200: #18ffff,\\n A400: #00e5ff,\\n A700: #00b8d4,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-teal: (\\n 50: #e0f2f1,\\n 100: #b2dfdb,\\n 200: #80cbc4,\\n 300: #4db6ac,\\n 400: #26a69a,\\n 500: #009688,\\n 600: #00897b,\\n 700: #00796b,\\n 800: #00695c,\\n 900: #004d40,\\n A100: #a7ffeb,\\n A200: #64ffda,\\n A400: #1de9b6,\\n A700: #00bfa5,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-green: (\\n 50: #e8f5e9,\\n 100: #c8e6c9,\\n 200: #a5d6a7,\\n 300: #81c784,\\n 400: #66bb6a,\\n 500: #4caf50,\\n 600: #43a047,\\n 700: #388e3c,\\n 800: #2e7d32,\\n 900: #1b5e20,\\n A100: #b9f6ca,\\n A200: #69f0ae,\\n A400: #00e676,\\n A700: #00c853,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-light-green: (\\n 50: #f1f8e9,\\n 100: #dcedc8,\\n 200: #c5e1a5,\\n 300: #aed581,\\n 400: #9ccc65,\\n 500: #8bc34a,\\n 600: #7cb342,\\n 700: #689f38,\\n 800: #558b2f,\\n 900: #33691e,\\n A100: #ccff90,\\n A200: #b2ff59,\\n A400: #76ff03,\\n A700: #64dd17,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $dark-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-lime: (\\n 50: #f9fbe7,\\n 100: #f0f4c3,\\n 200: #e6ee9c,\\n 300: #dce775,\\n 400: #d4e157,\\n 500: #cddc39,\\n 600: #c0ca33,\\n 700: #afb42b,\\n 800: #9e9d24,\\n 900: #827717,\\n A100: #f4ff81,\\n A200: #eeff41,\\n A400: #c6ff00,\\n A700: #aeea00,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $dark-primary-text,\\n 700: $dark-primary-text,\\n 800: $dark-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-yellow: (\\n 50: #fffde7,\\n 100: #fff9c4,\\n 200: #fff59d,\\n 300: #fff176,\\n 400: #ffee58,\\n 500: #ffeb3b,\\n 600: #fdd835,\\n 700: #fbc02d,\\n 800: #f9a825,\\n 900: #f57f17,\\n A100: #ffff8d,\\n A200: #ffff00,\\n A400: #ffea00,\\n A700: #ffd600,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $dark-primary-text,\\n 700: $dark-primary-text,\\n 800: $dark-primary-text,\\n 900: $dark-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-amber: (\\n 50: #fff8e1,\\n 100: #ffecb3,\\n 200: #ffe082,\\n 300: #ffd54f,\\n 400: #ffca28,\\n 500: #ffc107,\\n 600: #ffb300,\\n 700: #ffa000,\\n 800: #ff8f00,\\n 900: #ff6f00,\\n A100: #ffe57f,\\n A200: #ffd740,\\n A400: #ffc400,\\n A700: #ffab00,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $dark-primary-text,\\n 700: $dark-primary-text,\\n 800: $dark-primary-text,\\n 900: $dark-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-orange: (\\n 50: #fff3e0,\\n 100: #ffe0b2,\\n 200: #ffcc80,\\n 300: #ffb74d,\\n 400: #ffa726,\\n 500: #ff9800,\\n 600: #fb8c00,\\n 700: #f57c00,\\n 800: #ef6c00,\\n 900: #e65100,\\n A100: #ffd180,\\n A200: #ffab40,\\n A400: #ff9100,\\n A700: #ff6d00,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $dark-primary-text,\\n 700: $dark-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: black,\\n )\\n);\\n\\n$mat-deep-orange: (\\n 50: #fbe9e7,\\n 100: #ffccbc,\\n 200: #ffab91,\\n 300: #ff8a65,\\n 400: #ff7043,\\n 500: #ff5722,\\n 600: #f4511e,\\n 700: #e64a19,\\n 800: #d84315,\\n 900: #bf360c,\\n A100: #ff9e80,\\n A200: #ff6e40,\\n A400: #ff3d00,\\n A700: #dd2c00,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-brown: (\\n 50: #efebe9,\\n 100: #d7ccc8,\\n 200: #bcaaa4,\\n 300: #a1887f,\\n 400: #8d6e63,\\n 500: #795548,\\n 600: #6d4c41,\\n 700: #5d4037,\\n 800: #4e342e,\\n 900: #3e2723,\\n A100: #d7ccc8,\\n A200: #bcaaa4,\\n A400: #8d6e63,\\n A700: #5d4037,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $light-primary-text,\\n 400: $light-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-grey: (\\n 50: #fafafa,\\n 100: #f5f5f5,\\n 200: #eeeeee,\\n 300: #e0e0e0,\\n 400: #bdbdbd,\\n 500: #9e9e9e,\\n 600: #757575,\\n 700: #616161,\\n 800: #424242,\\n 900: #212121,\\n A100: #ffffff,\\n A200: #eeeeee,\\n A400: #bdbdbd,\\n A700: #616161,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n// Alias for alternate spelling.\\n$mat-gray: $mat-grey;\\n\\n$mat-blue-grey: (\\n 50: #eceff1,\\n 100: #cfd8dc,\\n 200: #b0bec5,\\n 300: #90a4ae,\\n 400: #78909c,\\n 500: #607d8b,\\n 600: #546e7a,\\n 700: #455a64,\\n 800: #37474f,\\n 900: #263238,\\n A100: #cfd8dc,\\n A200: #b0bec5,\\n A400: #78909c,\\n A700: #455a64,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $light-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n// Alias for alternate spelling.\\n$mat-blue-gray: $mat-blue-grey;\\n\\n\\n// Background palette for light themes.\\n$mat-light-theme-background: (\\n status-bar: map-get($mat-grey, 300),\\n app-bar: map-get($mat-grey, 100),\\n background: map-get($mat-grey, 50),\\n hover: rgba(black, 0.04), // TODO(kara): check style with Material Design UX\\n card: white,\\n dialog: white,\\n disabled-button: rgba(black, 0.12),\\n raised-button: white,\\n focused-button: $dark-focused,\\n selected-button: map-get($mat-grey, 300),\\n selected-disabled-button: map-get($mat-grey, 400),\\n disabled-button-toggle: map-get($mat-grey, 200),\\n unselected-chip: map-get($mat-grey, 300),\\n disabled-list-option: map-get($mat-grey, 200),\\n tooltip: map-get($mat-grey, 700),\\n);\\n\\n// Background palette for dark themes.\\n$mat-dark-theme-background: (\\n status-bar: black,\\n app-bar: map-get($mat-grey, 900),\\n background: #303030,\\n hover: rgba(white, 0.04), // TODO(kara): check style with Material Design UX\\n card: map-get($mat-grey, 800),\\n dialog: map-get($mat-grey, 800),\\n disabled-button: rgba(white, 0.12),\\n raised-button: map-get($mat-grey, 800),\\n focused-button: $light-focused,\\n selected-button: map-get($mat-grey, 900),\\n selected-disabled-button: map-get($mat-grey, 800),\\n disabled-button-toggle: black,\\n unselected-chip: map-get($mat-grey, 700),\\n disabled-list-option: black,\\n tooltip: map-get($mat-grey, 700),\\n);\\n\\n// Foreground palette for light themes.\\n$mat-light-theme-foreground: (\\n base: black,\\n divider: $dark-dividers,\\n dividers: $dark-dividers,\\n disabled: $dark-disabled-text,\\n disabled-button: rgba(black, 0.26),\\n disabled-text: $dark-disabled-text,\\n elevation: black,\\n hint-text: $dark-disabled-text,\\n secondary-text: $dark-secondary-text,\\n icon: rgba(black, 0.54),\\n icons: rgba(black, 0.54),\\n text: rgba(black, 0.87),\\n slider-min: rgba(black, 0.87),\\n slider-off: rgba(black, 0.26),\\n slider-off-active: rgba(black, 0.38),\\n);\\n\\n// Foreground palette for dark themes.\\n$mat-dark-theme-foreground: (\\n base: white,\\n divider: $light-dividers,\\n dividers: $light-dividers,\\n disabled: $light-disabled-text,\\n disabled-button: rgba(white, 0.3),\\n disabled-text: $light-disabled-text,\\n elevation: black,\\n hint-text: $light-disabled-text,\\n secondary-text: $light-secondary-text,\\n icon: white,\\n icons: white,\\n text: white,\\n slider-min: white,\\n slider-off: rgba(white, 0.3),\\n slider-off-active: rgba(white, 0.3),\\n);\\n\\n\\n// Whether density should be generated by default.\\n$_mat-theme-generate-default-density: true !default;\\n\\n// For a given hue in a palette, return the contrast color from the map of contrast palettes.\\n// @param $color-map\\n// @param $hue\\n@function mat-contrast($palette, $hue) {\\n @return map-get(map-get($palette, contrast), $hue);\\n}\\n\\n\\n// Creates a map of hues to colors for a theme. This is used to define a theme palette in terms\\n// of the Material Design hues.\\n// @param $color-map\\n// @param $primary\\n// @param $lighter\\n@function mat-palette($base-palette, $default: 500, $lighter: 100, $darker: 700, $text: $default) {\\n $result: map-merge($base-palette, (\\n default: map-get($base-palette, $default),\\n lighter: map-get($base-palette, $lighter),\\n darker: map-get($base-palette, $darker),\\n text: map-get($base-palette, $text),\\n\\n default-contrast: mat-contrast($base-palette, $default),\\n lighter-contrast: mat-contrast($base-palette, $lighter),\\n darker-contrast: mat-contrast($base-palette, $darker)\\n ));\\n\\n // For each hue in the palette, add a \\\"-contrast\\\" color to the map.\\n @each $hue, $color in $base-palette {\\n $result: map-merge($result, (\\n '#{$hue}-contrast': mat-contrast($base-palette, $hue)\\n ));\\n }\\n\\n @return $result;\\n}\\n\\n\\n// Gets a color from a theme palette (the output of mat-palette).\\n// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured\\n// hues (default, lighter, darker), or any of the aforementioned prefixed with \\\"-contrast\\\".\\n//\\n// @param $color-map The theme palette (output of mat-palette).\\n// @param $hue The hue from the palette to use. If this is a value between 0 and 1, it will\\n// be treated as opacity.\\n// @param $opacity The alpha channel value for the color.\\n@function mat-color($palette, $hue: default, $opacity: null) {\\n // If hueKey is a number between zero and one, then it actually contains an\\n // opacity value, so recall this function with the default hue and that given opacity.\\n @if type-of($hue) == number and $hue >= 0 and $hue <= 1 {\\n @return mat-color($palette, default, $hue);\\n }\\n\\n $color: map-get($palette, $hue);\\n\\n @if (type-of($color) != color) {\\n // If the $color resolved to something different from a color (e.g. a CSS variable),\\n // we can't apply the opacity anyway so we return the value as is, otherwise Sass can\\n // throw an error or output something invalid.\\n @return $color;\\n }\\n\\n @return rgba($color, if($opacity == null, opacity($color), $opacity));\\n}\\n\\n// Validates the specified theme by ensuring that the optional color config defines\\n// a primary, accent and warn palette. Returns the theme if no failures were found.\\n@function _mat-validate-theme($theme) {\\n @if map-get($theme, color) {\\n $color: map-get($theme, color);\\n @if not map-get($color, primary) {\\n @error 'Theme does not define a valid \\\"primary\\\" palette.';\\n }\\n @else if not map-get($color, accent) {\\n @error 'Theme does not define a valid \\\"accent\\\" palette.';\\n }\\n @else if not map-get($color, warn) {\\n @error 'Theme does not define a valid \\\"warn\\\" palette.';\\n }\\n }\\n @return $theme;\\n}\\n\\n// Creates a backwards compatible theme. Previously in Angular Material, theme objects\\n// contained the color configuration directly. With the recent refactoring of the theming\\n// system to allow for density and typography configurations, this is no longer the case.\\n// To ensure that constructed themes which will be passed to custom theme mixins do not break,\\n// we copy the color configuration and put its properties at the top-level of the theme object.\\n// Here is an example of a pattern that should still work until it's officially marked as a\\n// breaking change:\\n//\\n// @mixin my-custom-component-theme($theme) {\\n// .my-comp {\\n// background-color: mat-color(map-get($theme, primary));\\n// }\\n// }\\n//\\n// Note that the `$theme.primary` key does usually not exist since the color configuration\\n// is stored in `$theme.color` which contains a property for `primary`. This method copies\\n// the map from `$theme.color` to `$theme` for backwards compatibility.\\n@function _mat-create-backwards-compatibility-theme($theme) {\\n @if not map-get($theme, color) {\\n @return $theme;\\n }\\n $color: map-get($theme, color);\\n @return map-merge($theme, $color);\\n}\\n\\n// Creates a light-themed color configuration from the specified\\n// primary, accent and warn palettes.\\n@function _mat-create-light-color-config($primary, $accent, $warn: null) {\\n @return (\\n primary: $primary,\\n accent: $accent,\\n warn: if($warn != null, $warn, mat-palette($mat-red)),\\n is-dark: false,\\n foreground: $mat-light-theme-foreground,\\n background: $mat-light-theme-background,\\n );\\n}\\n\\n// Creates a dark-themed color configuration from the specified\\n// primary, accent and warn palettes.\\n@function _mat-create-dark-color-config($primary, $accent, $warn: null) {\\n @return (\\n primary: $primary,\\n accent: $accent,\\n warn: if($warn != null, $warn, mat-palette($mat-red)),\\n is-dark: true,\\n foreground: $mat-dark-theme-foreground,\\n background: $mat-dark-theme-background,\\n );\\n}\\n\\n// Creates a container object for a light theme to be given to individual component theme mixins.\\n// TODO: Remove legacy API and rename `$primary` to `$config`. Currently it cannot be renamed\\n// as it would break existing apps that set the parameter by name.\\n@function mat-light-theme($primary, $accent: null, $warn: mat-palette($mat-red)) {\\n // This function creates a container object for the individual component theme mixins. Consumers\\n // can construct such an object by calling this function, or by building the object manually.\\n // There are two possible ways to invoke this function in order to create such an object:\\n //\\n // (1) Passing in a map that holds optional configurations for individual parts of the\\n // theming system. For `color` configurations, the function only expects the palettes\\n // for `primary` and `accent` (and optionally `warn`). The function will expand the\\n // shorthand into an actual configuration that can be consumed in `-color` mixins.\\n // (2) Legacy pattern: Passing in the palettes as parameters. This is not as flexible\\n // as passing in a configuration map because only the `color` system can be configured.\\n //\\n // If the legacy pattern is used, we generate a container object only with a light-themed\\n // configuration for the `color` theming part.\\n @if $accent != null {\\n @return _mat-create-backwards-compatibility-theme(_mat-validate-theme((\\n _is-legacy-theme: true,\\n color: _mat-create-light-color-config($primary, $accent, $warn),\\n )));\\n }\\n // If the map pattern is used (1), we just pass-through the configurations for individual\\n // parts of the theming system, but update the `color` configuration if set. As explained\\n // above, the color shorthand will be expanded to an actual light-themed color configuration.\\n $result: $primary;\\n @if map-get($primary, color) {\\n $color-settings: map-get($primary, color);\\n $primary: map-get($color-settings, primary);\\n $accent: map-get($color-settings, accent);\\n $warn: map-get($color-settings, warn);\\n $result: map-merge($result, (color: _mat-create-light-color-config($primary, $accent, $warn)));\\n }\\n @return _mat-create-backwards-compatibility-theme(_mat-validate-theme($result));\\n}\\n\\n// Creates a container object for a dark theme to be given to individual component theme mixins.\\n// TODO: Remove legacy API and rename `$primary` to `$config`. Currently it cannot be renamed\\n// as it would break existing apps that set the parameter by name.\\n@function mat-dark-theme($primary, $accent: null, $warn: mat-palette($mat-red)) {\\n // This function creates a container object for the individual component theme mixins. Consumers\\n // can construct such an object by calling this function, or by building the object manually.\\n // There are two possible ways to invoke this function in order to create such an object:\\n //\\n // (1) Passing in a map that holds optional configurations for individual parts of the\\n // theming system. For `color` configurations, the function only expects the palettes\\n // for `primary` and `accent` (and optionally `warn`). The function will expand the\\n // shorthand into an actual configuration that can be consumed in `-color` mixins.\\n // (2) Legacy pattern: Passing in the palettes as parameters. This is not as flexible\\n // as passing in a configuration map because only the `color` system can be configured.\\n //\\n // If the legacy pattern is used, we generate a container object only with a dark-themed\\n // configuration for the `color` theming part.\\n @if $accent != null {\\n @return _mat-create-backwards-compatibility-theme(_mat-validate-theme((\\n _is-legacy-theme: true,\\n color: _mat-create-dark-color-config($primary, $accent, $warn),\\n )));\\n }\\n // If the map pattern is used (1), we just pass-through the configurations for individual\\n // parts of the theming system, but update the `color` configuration if set. As explained\\n // above, the color shorthand will be expanded to an actual dark-themed color configuration.\\n $result: $primary;\\n @if map-get($primary, color) {\\n $color-settings: map-get($primary, color);\\n $primary: map-get($color-settings, primary);\\n $accent: map-get($color-settings, accent);\\n $warn: map-get($color-settings, warn);\\n $result: map-merge($result, (color: _mat-create-dark-color-config($primary, $accent, $warn)));\\n }\\n @return _mat-create-backwards-compatibility-theme(_mat-validate-theme($result));\\n}\\n\\n/// Gets the color configuration from the given theme or configuration.\\n@function mat-get-color-config($theme, $default: null) {\\n // If a configuration has been passed, return the config directly.\\n @if not _mat-is-theme-object($theme) {\\n @return $theme;\\n }\\n // If the theme has been constructed through the legacy theming API, we use the theme object\\n // as color configuration instead of the dedicated `color` property. We do this because for\\n // backwards compatibility, we copied the color configuration from `$theme.color` to `$theme`.\\n // Hence developers could customize the colors at top-level and want to respect these changes\\n // TODO: Remove when legacy theming API is removed.\\n @if _mat-is-legacy-constructed-theme($theme) {\\n @return $theme;\\n }\\n @if map-has-key($theme, color) {\\n @return map-get($theme, color);\\n }\\n @return $default;\\n}\\n\\n/// Gets the density configuration from the given theme or configuration.\\n@function mat-get-density-config($theme-or-config, $default: 0) {\\n // If a configuration has been passed, return the config directly.\\n @if not _mat-is-theme-object($theme-or-config) {\\n @return $theme-or-config;\\n }\\n // In case a theme has been passed, extract the configuration if present,\\n // or fall back to the default density config.\\n @if map-has-key($theme-or-config, density) {\\n @return map-get($theme-or-config, density);\\n }\\n @return $default;\\n}\\n\\n/// Gets the typography configuration from the given theme or configuration.\\n/// For backwards compatibility, typography is not included by default.\\n@function mat-get-typography-config($theme-or-config, $default: null) {\\n // If a configuration has been passed, return the config directly.\\n @if not _mat-is-theme-object($theme-or-config) {\\n @return $theme-or-config;\\n }\\n // In case a theme has been passed, extract the configuration if present,\\n // or fall back to the default typography config.\\n @if (map-has-key($theme-or-config, typography)) {\\n @return map-get($theme-or-config, typography);\\n }\\n @return $default;\\n}\\n\\n// Checks whether the given value resolves to a theme object. Theme objects are always\\n// of type `map` and can optionally only specify `color`, `density` or `typography`.\\n@function _mat-is-theme-object($value) {\\n @return type-of($value) == 'map' and (\\n map-has-key($value, color) or\\n map-has-key($value, density) or\\n map-has-key($value, typography) or\\n length($value) == 0\\n );\\n}\\n\\n// Checks whether a given value corresponds to a legacy constructed theme.\\n@function _mat-is-legacy-constructed-theme($value) {\\n @return type-of($value) == 'map' and map-get($value, '_is-legacy-theme');\\n}\\n\\n// Gets the theme from the given value that is either already a theme, or a color configuration.\\n// This handles the legacy case where developers pass a color configuration directly to the\\n// theme mixin. Before we introduced the new pattern for constructing a theme, developers passed\\n// the color configuration directly to the theme mixins. This can be still the case if developers\\n// construct a theme manually and pass it to a theme. We support this for backwards compatibility.\\n// TODO(devversion): remove this in the future. Constructing themes manually is rare,\\n// and the code can be easily updated to the new API.\\n@function _mat-legacy-get-theme($theme-or-color-config) {\\n @if _mat-is-theme-object($theme-or-color-config) {\\n @return $theme-or-color-config;\\n }\\n @return _mat-create-backwards-compatibility-theme((\\n _is-legacy-theme: true,\\n color: $theme-or-color-config\\n ));\\n}\\n\\n\\n\\n// Whether duplication warnings should be disabled. Warnings enabled by default.\\n$mat-theme-ignore-duplication-warnings: false !default;\\n\\n// Warning that will be printed if duplicated styles are generated by a theme.\\n$_mat-theme-duplicate-warning: 'Read more about how style duplication can be avoided in a ' +\\n 'dedicated guide. https://github.com/angular/components/blob/master/guides/duplicate-theming-styles.md';\\n\\n// These variable are not intended to be overridden externally. They use `!default` to\\n// avoid being reset every time this file is imported.\\n$_mat-theme-emitted-color: () !default;\\n$_mat-theme-emitted-typography: () !default;\\n$_mat-theme-emitted-density: () !default;\\n\\n// Checks if configurations that have been declared in the given theme have been generated\\n// before. If so, warnings will be reported. This should notify developers in case duplicate\\n// styles are accidentally generated due to wrong usage of the all-theme mixins.\\n//\\n// Additionally, this mixin controls the default value for the density configuration. By\\n// default, density styles are generated at scale zero. If the same density styles would be\\n// generated a second time though, the default value will change to avoid duplicate styles.\\n//\\n// The mixin keeps track of all configurations in a list that is scoped to the specified\\n// id. This is necessary because a given theme can be passed to multiple disjoint theme mixins\\n// (e.g. `angular-material-theme` and `angular-material-mdc-theme`) without causing any\\n// style duplication.\\n@mixin _mat-check-duplicate-theme-styles($theme-or-color-config, $id) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n $color-config: mat-get-color-config($theme);\\n $density-config: mat-get-density-config($theme);\\n $typography-config: mat-get-typography-config($theme);\\n // Lists of previous `color`, `density` and `typography` configurations.\\n $previous-color: map-get($_mat-theme-emitted-color, $id) or ();\\n $previous-typography: map-get($_mat-theme-emitted-typography, $id) or ();\\n $previous-density: map-get($_mat-theme-emitted-density, $id) or ();\\n // Whether duplicate legacy density styles would be generated.\\n $duplicate-legacy-density: false;\\n\\n // Check if the color configuration has been generated before.\\n @if $color-config != null {\\n @if index($previous-color, $color-config) != null and\\n not $mat-theme-ignore-duplication-warnings {\\n @warn 'The same color styles are generated multiple times. ' +\\n $_mat-theme-duplicate-warning;\\n }\\n $previous-color: append($previous-color, $color-config);\\n }\\n\\n // Check if the typography configuration has been generated before.\\n @if $typography-config != null {\\n @if index($previous-typography, $typography-config) != null and\\n not $mat-theme-ignore-duplication-warnings {\\n @warn 'The same typography styles are generated multiple times. ' +\\n $_mat-theme-duplicate-warning;\\n }\\n $previous-typography: append($previous-typography, $typography-config);\\n }\\n\\n // Check if the density configuration has been generated before.\\n @if $density-config != null {\\n @if index($previous-density, $density-config) != null {\\n // Only report a warning if density styles would be duplicated for non-legacy theme\\n // definitions. For legacy themes, we have compatibility logic that avoids duplication\\n // of default density styles. We don't want to report a warning in those cases.\\n @if _mat-is-legacy-constructed-theme($theme) {\\n $duplicate-legacy-density: true;\\n }\\n @else if not $mat-theme-ignore-duplication-warnings {\\n @warn 'The same density styles are generated multiple times. ' +\\n $_mat-theme-duplicate-warning;\\n }\\n }\\n $previous-density: append($previous-density, $density-config);\\n }\\n\\n $_mat-theme-emitted-color: map-merge(\\n $_mat-theme-emitted-color, ($id: $previous-color)) !global;\\n $_mat-theme-emitted-density: map-merge(\\n $_mat-theme-emitted-density, ($id: $previous-density)) !global;\\n $_mat-theme-emitted-typography: map-merge(\\n $_mat-theme-emitted-typography, ($id: $previous-typography)) !global;\\n\\n // Optionally, consumers of this mixin can wrap contents inside so that nested\\n // duplicate style checks do not report another warning. e.g. if developers include\\n // the `angular-material-theme` mixin twice, only the top-level duplicate styles check\\n // should report a warning. Not all individual components should report a warning too.\\n $orig-mat-theme-ignore-duplication-warnings: $mat-theme-ignore-duplication-warnings;\\n $mat-theme-ignore-duplication-warnings: true !global;\\n\\n // If duplicate default density styles would be generated for a legacy constructed theme,\\n // we adjust the density generation so that no density styles are generated by default.\\n // If no default density styles have been generated yet, we ensure that the styles\\n // are generated at root. For legacy themes our goal is to generate default density\\n // styles **once** and at root. This matches the old behavior where density styles were\\n // part of the base component styles (that did not use view encapsulation).\\n // TODO: Remove this compatibility logic when the legacy theming API is removed.\\n $_mat-density-generate-at-root: _mat-is-legacy-constructed-theme($theme) !global;\\n $_mat-density-generate-styles: not $duplicate-legacy-density !global;\\n\\n @content;\\n $mat-theme-ignore-duplication-warnings: $orig-mat-theme-ignore-duplication-warnings !global;\\n\\n $_mat-density-generate-at-root: false !global;\\n $_mat-density-generate-styles: true !global;\\n}\\n\\n\\n\\n$mat-ripple-color-opacity: 0.1;\\n\\n@mixin mat-ripple() {\\n\\n // The host element of an mat-ripple directive should always have a position of \\\"absolute\\\" or\\n // \\\"relative\\\" so that the ripples inside are correctly positioned relatively to the container.\\n .mat-ripple {\\n overflow: hidden;\\n\\n // By default, every ripple container should have position: relative in favor of creating an\\n // easy API for developers using the MatRipple directive.\\n position: relative;\\n\\n // Promote containers that have ripples to a new layer. We want to target `:not(:empty)`,\\n // because we don't want all ripple containers to have their own layer since they're used in a\\n // lot of places and the layer is only relevant while animating. Note that ideally we'd use\\n // the `contain` property here (see #13175), because `:empty` can be broken by having extra\\n // text inside the element, but it isn't very well supported yet.\\n &:not(:empty) {\\n transform: translateZ(0);\\n }\\n }\\n\\n .mat-ripple.mat-ripple-unbounded {\\n overflow: visible;\\n }\\n\\n .mat-ripple-element {\\n position: absolute;\\n border-radius: 50%;\\n pointer-events: none;\\n\\n transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\\n transform: scale(0);\\n\\n // In high contrast mode the ripple is opaque, causing it to obstruct the content.\\n @include cdk-high-contrast(active, off) {\\n display: none;\\n }\\n }\\n}\\n\\n/* Colors for the ripple elements.*/\\n@mixin mat-ripple-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $foreground-base: map-get($foreground, base);\\n\\n .mat-ripple-element {\\n // If the ripple color is resolves to a color *type*, we can use it directly, otherwise\\n // (e.g. it resolves to a CSS variable) we fall back to using the color and setting an opacity.\\n @if (type-of($foreground-base) == color) {\\n background-color: rgba($foreground-base, $mat-ripple-color-opacity);\\n }\\n @else {\\n background-color: $foreground-base;\\n opacity: $mat-ripple-color-opacity;\\n }\\n }\\n}\\n\\n@mixin mat-ripple-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-ripple') {\\n $color: mat-get-color-config($theme);\\n @if $color != null {\\n @include mat-ripple-color($color);\\n }\\n }\\n}\\n\\n\\n\\n// This mixin ensures an element spans to fill the nearest ancestor with defined positioning.\\n@mixin mat-fill {\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n position: absolute;\\n}\\n\\n\\n/// Mixin that turns on strong focus indicators.\\n///\\n/// @example\\n/// .my-app {\\n/// @include mat-strong-focus-indicators($config);\\n/// }\\n@mixin mat-strong-focus-indicators($config: ()) {\\n // Default focus indicator config.\\n $default-config: (\\n border-style: solid,\\n border-width: 3px,\\n border-radius: 4px,\\n );\\n\\n // Merge default config with user config.\\n $config: map-merge($default-config, $config);\\n $border-style: map-get($config, border-style);\\n $border-width: map-get($config, border-width);\\n $border-radius: map-get($config, border-radius);\\n\\n // Base styles for focus indicators.\\n .mat-focus-indicator::before {\\n @include mat-fill();\\n box-sizing: border-box;\\n pointer-events: none;\\n border: $border-width $border-style transparent;\\n border-radius: $border-radius;\\n }\\n\\n // By default, all focus indicators are flush with the bounding box of their\\n // host element. For particular elements (listed below), default inset/offset\\n // values are necessary to ensure that the focus indicator is sufficiently\\n // contrastive and renders appropriately.\\n\\n .mat-focus-indicator.mat-flat-button::before,\\n .mat-focus-indicator.mat-raised-button::before,\\n .mat-focus-indicator.mat-fab::before,\\n .mat-focus-indicator.mat-mini-fab::before,\\n .mat-focus-indicator.mat-chip::before,\\n .mat-focus-indicator.mat-sort-header-container::before {\\n margin: -($border-width + 2px);\\n }\\n\\n .mat-focus-indicator.mat-stroked-button::before,\\n .mat-focus-indicator.mat-calendar-body-cell-content::before {\\n margin: -($border-width + 3px);\\n }\\n\\n .mat-focus-indicator.mat-tab-link::before,\\n .mat-focus-indicator.mat-tab-label::before {\\n margin: 5px;\\n }\\n\\n // Render the focus indicator on focus. Defining a pseudo element's\\n // content will cause it to render.\\n\\n // Checkboxes, radios, and slide toggles render focus indicators when the\\n // associated visually-hidden input is focused.\\n .mat-checkbox-input:focus ~ .mat-focus-indicator::before,\\n .mat-radio-input:focus ~ .mat-focus-indicator::before,\\n .mat-slide-toggle-input:focus ~ .mat-slide-toggle-thumb-container .mat-focus-indicator::before,\\n\\n // For options, render the focus indicator when the class .mat-active\\n // is present.\\n .mat-focus-indicator.mat-option.mat-active::before,\\n\\n // For calendar cells, render the focus indicator when the parent cell is\\n // focused.\\n .mat-calendar-body-cell:focus .mat-focus-indicator::before,\\n\\n // For all other components, render the focus indicator on focus.\\n .mat-focus-indicator:focus::before {\\n content: '';\\n }\\n}\\n\\n// Mixin that applies the border color for the focus indicators.\\n@mixin _mat-strong-focus-indicators-border-color($color) {\\n .mat-focus-indicator::before {\\n border-color: $color;\\n }\\n}\\n\\n@mixin mat-strong-focus-indicators-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n @include _mat-strong-focus-indicators-border-color(mat-color(map-get($config, primary)));\\n}\\n\\n/// Mixin that sets the color of the focus indicators.\\n///\\n/// @param {color|map} $theme-or-color\\n/// If theme, focus indicators are set to the primary color of the theme. If\\n/// color, focus indicators are set to that color.\\n///\\n/// @example\\n/// .demo-dark-theme {\\n/// @include mat-strong-focus-indicators-theme($dark-theme-map);\\n/// }\\n///\\n/// @example\\n/// .demo-red-theme {\\n/// @include mat-strong-focus-indicators-theme(#f00);\\n/// }\\n/* stylelint-disable-next-line material/theme-mixin-api */\\n@mixin mat-strong-focus-indicators-theme($theme-or-color) {\\n @if type-of($theme-or-color) != 'map' {\\n @include _mat-strong-focus-indicators-border-color($theme-or-color);\\n }\\n @else {\\n $theme: _mat-legacy-get-theme($theme-or-color);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-strong-focus-indicators') {\\n $color: mat-get-color-config($theme);\\n @if $color != null {\\n @include mat-strong-focus-indicators-color($color);\\n }\\n }\\n }\\n}\\n\\n// Mixin that ensures focus indicator host elements are positioned so that the focus indicator\\n// pseudo element within is positioned relative to the host. Private mixin included within\\n// `mat-core`.\\n@mixin _mat-strong-focus-indicators-positioning() {\\n .mat-focus-indicator {\\n position: relative;\\n }\\n}\\n\\n\\n\\n\\n// Utility for fetching a nested value from a typography config.\\n@function _mat-get-type-value($config, $level, $name) {\\n @return map-get(map-get($config, $level), $name);\\n}\\n\\n// Gets the font size for a level inside a typography config.\\n@function mat-font-size($config, $level) {\\n @return _mat-get-type-value($config, $level, font-size);\\n}\\n\\n// Gets the line height for a level inside a typography config.\\n@function mat-line-height($config, $level) {\\n @return _mat-get-type-value($config, $level, line-height);\\n}\\n\\n// Gets the font weight for a level inside a typography config.\\n@function mat-font-weight($config, $level) {\\n @return _mat-get-type-value($config, $level, font-weight);\\n}\\n\\n// Gets the letter spacing for a level inside a typography config.\\n@function mat-letter-spacing($config, $level) {\\n @return _mat-get-type-value($config, $level, letter-spacing);\\n}\\n\\n// Gets the font-family from a typography config and removes the quotes around it.\\n@function mat-font-family($config, $level: null) {\\n $font-family: map-get($config, font-family);\\n\\n @if $level != null {\\n $font-family: _mat-get-type-value($config, $level, font-family);\\n }\\n\\n // Guard against unquoting non-string values, because it's deprecated.\\n @return if(type-of($font-family) == string, unquote($font-family), $font-family);\\n}\\n\\n// Outputs the shorthand `font` CSS property, based on a set of typography values. Falls back to\\n// the individual properties if a value that isn't allowed in the shorthand is passed in.\\n@mixin mat-typography-font-shorthand($font-size, $font-weight, $line-height, $font-family) {\\n // If any of the values are set to `inherit`, we can't use the shorthand\\n // so we fall back to passing in the individual properties.\\n @if ($font-size == inherit or\\n $font-weight == inherit or\\n $line-height == inherit or\\n $font-family == inherit or\\n $font-size == null or\\n $font-weight == null or\\n $line-height == null or\\n $font-family == null) {\\n\\n font-size: $font-size;\\n font-weight: $font-weight;\\n line-height: $line-height;\\n font-family: $font-family;\\n }\\n @else {\\n // Otherwise use the shorthand `font`, because it's the least amount of bytes. Note\\n // that we need to use interpolation for `font-size/line-height` in order to prevent\\n // Sass from dividing the two values.\\n font: $font-weight #{$font-size}/#{$line-height} $font-family;\\n }\\n}\\n\\n// Converts a typography level into CSS styles.\\n@mixin mat-typography-level-to-styles($config, $level) {\\n $font-size: mat-font-size($config, $level);\\n $font-weight: mat-font-weight($config, $level);\\n $line-height: mat-line-height($config, $level);\\n $font-family: mat-font-family($config, $level);\\n\\n @include mat-typography-font-shorthand($font-size, $font-weight, $line-height, $font-family);\\n letter-spacing: mat-letter-spacing($config, $level);\\n}\\n\\n\\n@mixin mat-option-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n\\n .mat-option {\\n color: mat-color($foreground, text);\\n\\n &:hover:not(.mat-option-disabled),\\n &:focus:not(.mat-option-disabled) {\\n background: mat-color($background, hover);\\n }\\n\\n // In multiple mode there is a checkbox to show that the option is selected.\\n &.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\\n background: mat-color($background, hover);\\n }\\n\\n &.mat-active {\\n background: mat-color($background, hover);\\n color: mat-color($foreground, text);\\n }\\n\\n &.mat-option-disabled {\\n color: mat-color($foreground, hint-text);\\n }\\n }\\n\\n .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: mat-color($primary, text);\\n }\\n\\n .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: mat-color($accent, text);\\n }\\n\\n .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: mat-color($warn, text);\\n }\\n}\\n\\n@mixin mat-option-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-option {\\n font: {\\n family: mat-font-family($config);\\n size: mat-font-size($config, subheading-2);\\n }\\n }\\n}\\n\\n@mixin _mat-option-density($config-or-theme) {}\\n\\n@mixin mat-option-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-option') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-option-color($color);\\n }\\n @if $density != null {\\n @include _mat-option-density($density);\\n }\\n @if $typography != null {\\n @include mat-option-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-optgroup-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n\\n .mat-optgroup-label {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-optgroup-disabled .mat-optgroup-label {\\n color: mat-color($foreground, hint-text);\\n }\\n}\\n\\n@mixin mat-optgroup-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-optgroup-label {\\n @include mat-typography-level-to-styles($config, body-2);\\n }\\n}\\n\\n@mixin _mat-optgroup-density($config-or-theme) {}\\n\\n@mixin mat-optgroup-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-optgroup') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-optgroup-color($color);\\n }\\n @if $density != null {\\n @include _mat-optgroup-density($density);\\n }\\n @if $typography != null {\\n @include mat-optgroup-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n@mixin mat-pseudo-checkbox-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $is-dark-theme: map-get($config, is-dark);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n\\n // NOTE(traviskaufman): While the spec calls for translucent blacks/whites for disabled colors,\\n // this does not work well with elements layered on top of one another. To get around this we\\n // blend the colors together based on the base color and the theme background.\\n $white-30pct-opacity-on-dark: #686868;\\n $black-26pct-opacity-on-light: #b0b0b0;\\n $disabled-color: if($is-dark-theme, $white-30pct-opacity-on-dark, $black-26pct-opacity-on-light);\\n $colored-box-selector: '.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate';\\n\\n .mat-pseudo-checkbox {\\n color: mat-color(map-get($config, foreground), secondary-text);\\n\\n &::after {\\n color: mat-color($background, background);\\n }\\n }\\n\\n .mat-pseudo-checkbox-disabled {\\n color: $disabled-color;\\n }\\n\\n .mat-primary .mat-pseudo-checkbox-checked,\\n .mat-primary .mat-pseudo-checkbox-indeterminate {\\n background: mat-color(map-get($config, primary));\\n }\\n\\n // Default to the accent color. Note that the pseudo checkboxes are meant to inherit the\\n // theme from their parent, rather than implementing their own theming, which is why we\\n // don't attach to the `mat-*` classes. Also note that this needs to be below `.mat-primary`\\n // in order to allow for the color to be overwritten if the checkbox is inside a parent that\\n // has `mat-accent` and is placed inside another parent that has `mat-primary`.\\n .mat-pseudo-checkbox-checked,\\n .mat-pseudo-checkbox-indeterminate,\\n .mat-accent .mat-pseudo-checkbox-checked,\\n .mat-accent .mat-pseudo-checkbox-indeterminate {\\n background: mat-color(map-get($config, accent));\\n }\\n\\n .mat-warn .mat-pseudo-checkbox-checked,\\n .mat-warn .mat-pseudo-checkbox-indeterminate {\\n background: mat-color(map-get($config, warn));\\n }\\n\\n .mat-pseudo-checkbox-checked,\\n .mat-pseudo-checkbox-indeterminate {\\n &.mat-pseudo-checkbox-disabled {\\n background: $disabled-color;\\n }\\n }\\n}\\n\\n@mixin mat-pseudo-checkbox-typography($config-or-theme) {}\\n\\n@mixin _mat-pseudo-checkbox-density($config-or-theme) {}\\n\\n@mixin mat-pseudo-checkbox-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-pseudo-checkbox') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-pseudo-checkbox-color($color);\\n }\\n @if $density != null {\\n @include _mat-pseudo-checkbox-density($density);\\n }\\n @if $typography != null {\\n @include mat-pseudo-checkbox-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n// Represents a typography level from the Material design spec.\\n@function mat-typography-level(\\n $font-size,\\n $line-height: $font-size,\\n $font-weight: 400,\\n $font-family: null,\\n $letter-spacing: normal) {\\n\\n @return (\\n font-size: $font-size,\\n line-height: $line-height,\\n font-weight: $font-weight,\\n font-family: $font-family,\\n letter-spacing: $letter-spacing\\n );\\n}\\n\\n// Represents a collection of typography levels.\\n// Defaults come from https://material.io/guidelines/style/typography.html\\n// Note: The spec doesn't mention letter spacing. The values here come from\\n// eyeballing it until it looked exactly like the spec examples.\\n@function mat-typography-config(\\n $font-family: 'Roboto, \\\"Helvetica Neue\\\", sans-serif',\\n $display-4: mat-typography-level(112px, 112px, 300, $letter-spacing: -0.05em),\\n $display-3: mat-typography-level(56px, 56px, 400, $letter-spacing: -0.02em),\\n $display-2: mat-typography-level(45px, 48px, 400, $letter-spacing: -0.005em),\\n $display-1: mat-typography-level(34px, 40px, 400),\\n $headline: mat-typography-level(24px, 32px, 400),\\n $title: mat-typography-level(20px, 32px, 500),\\n $subheading-2: mat-typography-level(16px, 28px, 400),\\n $subheading-1: mat-typography-level(15px, 24px, 400),\\n $body-2: mat-typography-level(14px, 24px, 500),\\n $body-1: mat-typography-level(14px, 20px, 400),\\n $caption: mat-typography-level(12px, 20px, 400),\\n $button: mat-typography-level(14px, 14px, 500),\\n // Line-height must be unit-less fraction of the font-size.\\n $input: mat-typography-level(inherit, 1.125, 400)\\n) {\\n\\n // Declare an initial map with all of the levels.\\n $config: (\\n display-4: $display-4,\\n display-3: $display-3,\\n display-2: $display-2,\\n display-1: $display-1,\\n headline: $headline,\\n title: $title,\\n subheading-2: $subheading-2,\\n subheading-1: $subheading-1,\\n body-2: $body-2,\\n body-1: $body-1,\\n caption: $caption,\\n button: $button,\\n input: $input,\\n );\\n\\n // Loop through the levels and set the `font-family` of the ones that don't have one to the base.\\n // Note that Sass can't modify maps in place, which means that we need to merge and re-assign.\\n @each $key, $level in $config {\\n @if map-get($level, font-family) == null {\\n $new-level: map-merge($level, (font-family: $font-family));\\n $config: map-merge($config, ($key: $new-level));\\n }\\n }\\n\\n // Add the base font family to the config.\\n @return map-merge($config, (font-family: $font-family));\\n}\\n\\n// Adds the base typography styles, based on a config.\\n/* stylelint-disable-next-line material/theme-mixin-api */\\n@mixin mat-base-typography($config, $selector: '.mat-typography') {\\n .mat-h1, .mat-headline, #{$selector} h1 {\\n @include mat-typography-level-to-styles($config, headline);\\n margin: 0 0 16px;\\n }\\n\\n .mat-h2, .mat-title, #{$selector} h2 {\\n @include mat-typography-level-to-styles($config, title);\\n margin: 0 0 16px;\\n }\\n\\n .mat-h3, .mat-subheading-2, #{$selector} h3 {\\n @include mat-typography-level-to-styles($config, subheading-2);\\n margin: 0 0 16px;\\n }\\n\\n .mat-h4, .mat-subheading-1, #{$selector} h4 {\\n @include mat-typography-level-to-styles($config, subheading-1);\\n margin: 0 0 16px;\\n }\\n\\n // Note: the spec doesn't have anything that would correspond to h5 and h6, but we add these for\\n // consistency. The font sizes come from the Chrome user agent styles which have h5 at 0.83em\\n // and h6 at 0.67em.\\n .mat-h5, #{$selector} h5 {\\n @include mat-typography-font-shorthand(\\n // calc is used here to support css variables\\n calc(#{mat-font-size($config, body-1)} * 0.83),\\n mat-font-weight($config, body-1),\\n mat-line-height($config, body-1),\\n mat-font-family($config, body-1)\\n );\\n\\n margin: 0 0 12px;\\n }\\n\\n .mat-h6, #{$selector} h6 {\\n @include mat-typography-font-shorthand(\\n // calc is used here to support css variables\\n calc(#{mat-font-size($config, body-1)} * 0.67),\\n mat-font-weight($config, body-1),\\n mat-line-height($config, body-1),\\n mat-font-family($config, body-1)\\n );\\n\\n margin: 0 0 12px;\\n }\\n\\n .mat-body-strong, .mat-body-2 {\\n @include mat-typography-level-to-styles($config, body-2);\\n }\\n\\n .mat-body, .mat-body-1, #{$selector} {\\n @include mat-typography-level-to-styles($config, body-1);\\n\\n p {\\n margin: 0 0 12px;\\n }\\n }\\n\\n .mat-small, .mat-caption {\\n @include mat-typography-level-to-styles($config, caption);\\n }\\n\\n .mat-display-4, #{$selector} .mat-display-4 {\\n @include mat-typography-level-to-styles($config, display-4);\\n margin: 0 0 56px;\\n }\\n\\n .mat-display-3, #{$selector} .mat-display-3 {\\n @include mat-typography-level-to-styles($config, display-3);\\n margin: 0 0 64px;\\n }\\n\\n .mat-display-2, #{$selector} .mat-display-2 {\\n @include mat-typography-level-to-styles($config, display-2);\\n margin: 0 0 64px;\\n }\\n\\n .mat-display-1, #{$selector} .mat-display-1 {\\n @include mat-typography-level-to-styles($config, display-1);\\n margin: 0 0 64px;\\n }\\n}\\n\\n\\n\\n\\n\\n@mixin mat-autocomplete-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n\\n .mat-autocomplete-panel {\\n @include _mat-theme-overridable-elevation(4, $config);\\n background: mat-color($background, card);\\n color: mat-color($foreground, text);\\n\\n // Selected options in autocompletes should not be gray, but we\\n // only want to override the background for selected options if\\n // they are *not* in hover or focus state. This change has to be\\n // made here because base option styles are shared between the\\n // autocomplete and the select.\\n .mat-option.mat-selected:not(.mat-active):not(:hover) {\\n background: mat-color($background, card);\\n\\n &:not(.mat-option-disabled) {\\n color: mat-color($foreground, text);\\n }\\n }\\n }\\n}\\n\\n@mixin mat-autocomplete-typography($config-or-theme) {}\\n\\n@mixin _mat-autocomplete-density($config-or-theme) {}\\n\\n@mixin mat-autocomplete-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-autocomplete') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-autocomplete-color($color);\\n }\\n @if $density != null {\\n @include _mat-autocomplete-density($density);\\n }\\n @if $typography != null {\\n @include mat-autocomplete-typography($typography);\\n }\\n }\\n}\\n\\n// This contains all of the styles for the badge\\n// rather than just the color/theme because of\\n// no style sheet support for directives.\\n\\n\\n\\n\\n\\n\\n$mat-badge-font-size: 12px;\\n$mat-badge-font-weight: 600;\\n$mat-badge-default-size: 22px !default;\\n$mat-badge-small-size: $mat-badge-default-size - 6;\\n$mat-badge-large-size: $mat-badge-default-size + 6;\\n\\n// Mixin for building offset given different sizes\\n@mixin _mat-badge-size($size) {\\n .mat-badge-content {\\n width: $size;\\n height: $size;\\n line-height: $size;\\n }\\n\\n &.mat-badge-above {\\n .mat-badge-content {\\n top: -$size / 2;\\n }\\n }\\n\\n &.mat-badge-below {\\n .mat-badge-content {\\n bottom: -$size / 2;\\n }\\n }\\n\\n &.mat-badge-before {\\n .mat-badge-content {\\n left: -$size;\\n }\\n }\\n\\n [dir='rtl'] &.mat-badge-before {\\n .mat-badge-content {\\n left: auto;\\n right: -$size;\\n }\\n }\\n\\n &.mat-badge-after {\\n .mat-badge-content {\\n right: -$size;\\n }\\n }\\n\\n [dir='rtl'] &.mat-badge-after {\\n .mat-badge-content {\\n right: auto;\\n left: -$size;\\n }\\n }\\n\\n &.mat-badge-overlap {\\n &.mat-badge-before {\\n .mat-badge-content {\\n left: -$size / 2;\\n }\\n }\\n\\n [dir='rtl'] &.mat-badge-before {\\n .mat-badge-content {\\n left: auto;\\n right: -$size / 2;\\n }\\n }\\n\\n &.mat-badge-after {\\n .mat-badge-content {\\n right: -$size / 2;\\n }\\n }\\n\\n [dir='rtl'] &.mat-badge-after {\\n .mat-badge-content {\\n right: auto;\\n left: -$size / 2;\\n }\\n }\\n }\\n}\\n\\n@mixin mat-badge-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $primary: map-get($config, primary);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-badge-content {\\n color: mat-color($primary, default-contrast);\\n background: mat-color($primary);\\n\\n @include cdk-high-contrast(active, off) {\\n outline: solid 1px;\\n border-radius: 0;\\n }\\n }\\n\\n .mat-badge-accent {\\n .mat-badge-content {\\n background: mat-color($accent);\\n color: mat-color($accent, default-contrast);\\n }\\n }\\n\\n .mat-badge-warn {\\n .mat-badge-content {\\n color: mat-color($warn, default-contrast);\\n background: mat-color($warn);\\n }\\n }\\n\\n .mat-badge {\\n position: relative;\\n }\\n\\n .mat-badge-hidden {\\n .mat-badge-content {\\n display: none;\\n }\\n }\\n\\n .mat-badge-disabled {\\n .mat-badge-content {\\n $app-background: mat-color($background, 'background');\\n $badge-color: mat-color($foreground, disabled-button);\\n\\n // The disabled color usually has some kind of opacity, but because the badge is overlayed\\n // on top of something else, it won't look good if it's opaque. If it is a color *type*,\\n // we convert it into a solid color by taking the opacity from the rgba value and using\\n // the value to determine the percentage of the background to put into foreground when\\n // mixing the colors together.\\n @if (type-of($badge-color) == color and type-of($app-background) == color) {\\n $badge-opacity: opacity($badge-color);\\n background: mix($app-background, rgba($badge-color, 1), (1 - $badge-opacity) * 100%);\\n }\\n @else {\\n background: $badge-color;\\n }\\n\\n color: mat-color($foreground, disabled-text);\\n }\\n }\\n\\n .mat-badge-content {\\n position: absolute;\\n text-align: center;\\n display: inline-block;\\n border-radius: 50%;\\n transition: transform 200ms ease-in-out;\\n transform: scale(0.6);\\n overflow: hidden;\\n white-space: nowrap;\\n text-overflow: ellipsis;\\n pointer-events: none;\\n }\\n\\n .ng-animate-disabled .mat-badge-content,\\n .mat-badge-content._mat-animation-noopable {\\n transition: none;\\n }\\n\\n // The active class is added after the element is added\\n // so it can animate scale to default\\n .mat-badge-content.mat-badge-active {\\n // Scale to `none` instead of `1` to avoid blurry text in some browsers.\\n transform: none;\\n }\\n\\n .mat-badge-small {\\n @include _mat-badge-size($mat-badge-small-size);\\n }\\n .mat-badge-medium {\\n @include _mat-badge-size($mat-badge-default-size);\\n }\\n .mat-badge-large {\\n @include _mat-badge-size($mat-badge-large-size);\\n }\\n}\\n\\n@mixin mat-badge-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-badge-content {\\n font-weight: $mat-badge-font-weight;\\n font-size: $mat-badge-font-size;\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-badge-small .mat-badge-content {\\n // Set the font size to 75% of the original.\\n font-size: $mat-badge-font-size * 0.75;\\n }\\n\\n .mat-badge-large .mat-badge-content {\\n font-size: $mat-badge-font-size * 2;\\n }\\n}\\n\\n@mixin _mat-badge-density($config-or-theme) {}\\n\\n@mixin mat-badge-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-badge') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-badge-color($color);\\n }\\n @if $density != null {\\n @include _mat-badge-density($density);\\n }\\n @if $typography != null {\\n @include mat-badge-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-bottom-sheet-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-bottom-sheet-container {\\n @include _mat-theme-elevation(16, $config);\\n background: mat-color($background, dialog);\\n color: mat-color($foreground, text);\\n }\\n}\\n\\n@mixin mat-bottom-sheet-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-bottom-sheet-container {\\n @include mat-typography-level-to-styles($config, body-1);\\n }\\n}\\n\\n@mixin _mat-bottom-sheet-density($config-or-theme) {}\\n\\n@mixin mat-bottom-sheet-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-bottom-sheet') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-bottom-sheet-color($color);\\n }\\n @if $density != null {\\n @include _mat-bottom-sheet-density($density);\\n }\\n @if $typography != null {\\n @include mat-bottom-sheet-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n$_mat-button-ripple-opacity: 0.1;\\n\\n// Applies a focus style to an mat-button element for each of the supported palettes.\\n@mixin _mat-button-focus-overlay-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n\\n &.mat-primary .mat-button-focus-overlay {\\n background-color: mat-color($primary);\\n }\\n\\n &.mat-accent .mat-button-focus-overlay {\\n background-color: mat-color($accent);\\n }\\n\\n &.mat-warn .mat-button-focus-overlay {\\n background-color: mat-color($warn);\\n }\\n\\n &.mat-button-disabled .mat-button-focus-overlay {\\n background-color: transparent;\\n }\\n}\\n\\n// Applies the background color for a ripple. If the value provided is not a Sass color,\\n// we assume that we've been given a CSS variable. Since we can't perform alpha-blending\\n// on a CSS variable, we instead add the opacity directly to the ripple element.\\n@mixin _mat-button-ripple-background($palette, $hue, $opacity) {\\n $background-color: mat-color($palette, $hue, $opacity);\\n background-color: $background-color;\\n @if (type-of($background-color) != color) {\\n opacity: $opacity;\\n }\\n}\\n\\n@mixin _mat-button-ripple-color($theme, $hue, $opacity: $_mat-button-ripple-opacity) {\\n $primary: map-get($theme, primary);\\n $accent: map-get($theme, accent);\\n $warn: map-get($theme, warn);\\n\\n &.mat-primary .mat-ripple-element {\\n @include _mat-button-ripple-background($primary, $hue, $opacity);\\n }\\n\\n &.mat-accent .mat-ripple-element {\\n @include _mat-button-ripple-background($accent, $hue, $opacity);\\n }\\n\\n &.mat-warn .mat-ripple-element {\\n @include _mat-button-ripple-background($warn, $hue, $opacity);\\n }\\n}\\n\\n// Applies a property to an mat-button element for each of the supported palettes.\\n@mixin _mat-button-theme-property($theme, $property, $hue) {\\n $primary: map-get($theme, primary);\\n $accent: map-get($theme, accent);\\n $warn: map-get($theme, warn);\\n $background: map-get($theme, background);\\n $foreground: map-get($theme, foreground);\\n\\n &.mat-primary {\\n #{$property}: mat-color($primary, $hue);\\n }\\n &.mat-accent {\\n #{$property}: mat-color($accent, $hue);\\n }\\n &.mat-warn {\\n #{$property}: mat-color($warn, $hue);\\n }\\n\\n &.mat-primary, &.mat-accent, &.mat-warn, &.mat-button-disabled {\\n &.mat-button-disabled {\\n $palette: if($property == 'color', $foreground, $background);\\n #{$property}: mat-color($palette, disabled-button);\\n }\\n }\\n}\\n\\n@mixin mat-button-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-button, .mat-icon-button, .mat-stroked-button {\\n // Buttons without a background color should inherit the font color. This is necessary to\\n // ensure that the button is readable on custom background colors. It's wrong to always assume\\n // that those buttons are always placed inside of containers with the default background\\n // color of the theme (e.g. themed toolbars).\\n color: inherit;\\n background: transparent;\\n\\n @include _mat-button-theme-property($config, 'color', text);\\n @include _mat-button-focus-overlay-color($config);\\n\\n // Setup the ripple color to be based on the text color. This ensures that the ripples\\n // are matching with the current theme palette and are in contrast to the background color\\n // (e.g in themed toolbars).\\n .mat-ripple-element {\\n opacity: $_mat-button-ripple-opacity;\\n background-color: currentColor;\\n }\\n }\\n\\n .mat-button-focus-overlay {\\n background: map-get($foreground, base);\\n }\\n\\n // Note: this needs a bit extra specificity, because we're not guaranteed the inclusion\\n // order of the theme styles and the button reset may end up resetting this as well.\\n .mat-stroked-button:not(.mat-button-disabled) {\\n border-color: mat-color($foreground, divider);\\n }\\n\\n .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {\\n // Default font and background color when not using any color palette.\\n color: mat-color($foreground, text);\\n background-color: mat-color($background, raised-button);\\n\\n @include _mat-button-theme-property($config, 'color', default-contrast);\\n @include _mat-button-theme-property($config, 'background-color', default);\\n @include _mat-button-ripple-color($config, default-contrast);\\n }\\n\\n .mat-stroked-button, .mat-flat-button {\\n @include _mat-theme-overridable-elevation(0, $config);\\n }\\n\\n .mat-raised-button {\\n @include _mat-theme-overridable-elevation(2, $config);\\n\\n &:not(.mat-button-disabled):active {\\n @include _mat-theme-overridable-elevation(8, $config);\\n }\\n\\n &.mat-button-disabled {\\n @include _mat-theme-overridable-elevation(0, $config);\\n }\\n }\\n\\n .mat-fab, .mat-mini-fab {\\n @include _mat-theme-overridable-elevation(6, $config);\\n\\n &:not(.mat-button-disabled):active {\\n @include _mat-theme-overridable-elevation(12, $config);\\n }\\n\\n &.mat-button-disabled {\\n @include _mat-theme-overridable-elevation(0, $config);\\n }\\n }\\n}\\n\\n@mixin mat-button-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,\\n .mat-flat-button, .mat-fab, .mat-mini-fab {\\n font: {\\n family: mat-font-family($config, button);\\n size: mat-font-size($config, button);\\n weight: mat-font-weight($config, button);\\n }\\n }\\n}\\n\\n@mixin _mat-button-density($config-or-theme) {}\\n\\n@mixin mat-button-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-button') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-button-color($color);\\n }\\n @if $density != null {\\n @include _mat-button-density($density);\\n }\\n @if $typography != null {\\n @include mat-button-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n// Taken from mat-density with small modifications to not rely on the new Sass module\\n// system, and to support arbitrary properties in a density configuration.\\n// https://github.com/material-components/material-components-web/blob/master/packages/mdc-density\\n\\n$_mat-density-interval: 4px !default;\\n$_mat-density-minimum-scale: minimum !default;\\n$_mat-density-maximum-scale: maximum !default;\\n$_mat-density-supported-scales: (default, minimum, maximum) !default;\\n$_mat-density-default-scale: 0 !default;\\n\\n// Whether density should be generated at root. This will be temporarily set to `true`\\n// whenever density styles for legacy themes are generated.\\n$_mat-density-generate-at-root: false;\\n// Whether density styles should be generated. This will be temporarily set to `false` if\\n// duplicate density styles for a legacy theme would be generated. For legacy themes,\\n// we always generate the default density **only once** at root.\\n$_mat-density-generate-styles: true;\\n\\n// Mixin that can be used to wrap density styles of given components. The mixin will\\n// move the density styles to root if the `$_mat-density-generate-at-root` global variable\\n// is set. If `$_mat-density-generate-styles` is set to `false`, generation of density\\n// styles wrapped in this mixin is skipped. This mixin exists to improve backwards compatibility\\n// of the new theming API where density styles are included as part of themes. Previously,\\n// density styles of components were part of their base styles. With the new API, they are\\n// part of the theming system. The `<..>-theme` mixins generate density by default unless\\n// the density configuration is explicitly specified as per new API. This means, that projects\\n// using `<..>-theme` mixins for separate themes (like `.dark-theme`) will cause duplicate\\n// density styles. This is breaking as it increases specificity of density styles. This mixin\\n// provides an API to control generation of density styles so that we can ensure they are only\\n// created *once* and at root.\\n@mixin _mat-density-legacy-compatibility() {\\n @if $_mat-density-generate-styles and $_mat-density-generate-at-root {\\n @at-root {\\n @content;\\n }\\n }\\n @else if $_mat-density-generate-styles {\\n @content;\\n }\\n}\\n\\n@function _mat-density-prop-value($density-config, $density-scale, $property-name) {\\n @if (type-of($density-scale) == 'string' and\\n index($list: $_mat-density-supported-scales, $value: $density-scale) == null) {\\n @error 'mat-density: Supported density scales #{$_mat-density-supported-scales}, ' +\\n 'but received #{$density-scale}.';\\n }\\n\\n $value: null;\\n $property-scale-map: map-get($density-config, $property-name);\\n\\n @if map-has-key($property-scale-map, $density-scale) {\\n $value: map-get($property-scale-map, $density-scale);\\n }\\n @else {\\n $value: map-get($property-scale-map, default) + $density-scale * $_mat-density-interval;\\n }\\n\\n $min-value: map-get($property-scale-map, $_mat-density-minimum-scale);\\n $max-value: map-get($property-scale-map, $_mat-density-maximum-scale);\\n\\n @if ($value < $min-value or $value > $max-value) {\\n @error 'mat-density: #{$property-name} must be between #{$min-value} and ' +\\n '#{$max-value} (inclusive), but received #{$value}.';\\n }\\n\\n @return $value;\\n}\\n\\n$mat-button-toggle-standard-height: 48px !default;\\n// Minimum height for highest density can vary based on the content that developers\\n// project into button-toggle's. We use a minimum of `24px` though because commonly\\n// icons or text are displayed. Icons by default have a size of `24px`.\\n$mat-button-toggle-standard-minimum-height: 24px !default;\\n$mat-button-toggle-standard-maximum-height: $mat-button-toggle-standard-height !default;\\n\\n$mat-button-toggle-standard-density-config: (\\n height: (\\n default: $mat-button-toggle-standard-height,\\n maximum: $mat-button-toggle-standard-maximum-height,\\n minimum: $mat-button-toggle-standard-minimum-height,\\n )\\n) !default;\\n\\n\\n@mixin mat-button-toggle-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n $divider-color: mat-color($foreground, divider);\\n\\n .mat-button-toggle-standalone,\\n .mat-button-toggle-group {\\n @include _mat-theme-elevation(2, $config);\\n }\\n\\n .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n .mat-button-toggle-group-appearance-standard {\\n box-shadow: none;\\n }\\n\\n .mat-button-toggle {\\n color: mat-color($foreground, hint-text);\\n\\n .mat-button-toggle-focus-overlay {\\n background-color: mat-color($background, focused-button);\\n }\\n }\\n\\n .mat-button-toggle-appearance-standard {\\n color: mat-color($foreground, text);\\n background: mat-color($background, card);\\n\\n .mat-button-toggle-focus-overlay {\\n background-color: mat-color($background, focused-button, 1);\\n }\\n }\\n\\n .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n border-left: solid 1px $divider-color;\\n }\\n\\n [dir='rtl'] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n border-left: none;\\n border-right: solid 1px $divider-color;\\n }\\n\\n .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical {\\n .mat-button-toggle + .mat-button-toggle {\\n border-left: none;\\n border-right: none;\\n border-top: solid 1px $divider-color;\\n }\\n }\\n\\n .mat-button-toggle-checked {\\n background-color: mat-color($background, selected-button);\\n color: mat-color($foreground, secondary-text);\\n\\n &.mat-button-toggle-appearance-standard {\\n color: mat-color($foreground, text);\\n }\\n }\\n\\n .mat-button-toggle-disabled {\\n color: mat-color($foreground, disabled-button);\\n background-color: mat-color($background, disabled-button-toggle);\\n\\n &.mat-button-toggle-appearance-standard {\\n background: mat-color($background, card);\\n }\\n\\n &.mat-button-toggle-checked {\\n background-color: mat-color($background, selected-disabled-button);\\n }\\n }\\n\\n .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n .mat-button-toggle-group-appearance-standard {\\n border: solid 1px $divider-color;\\n }\\n}\\n\\n@mixin mat-button-toggle-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-button-toggle {\\n font-family: mat-font-family($config);\\n }\\n}\\n\\n@mixin _mat-button-toggle-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n $standard-height: _mat-density-prop-value(\\n $mat-button-toggle-standard-density-config, $density-scale, height);\\n\\n @include _mat-density-legacy-compatibility() {\\n .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {\\n line-height: $standard-height;\\n }\\n }\\n}\\n\\n@mixin mat-button-toggle-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-button-toggle') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-button-toggle-color($color);\\n }\\n @if $density != null {\\n @include _mat-button-toggle-density($density);\\n }\\n @if $typography != null {\\n @include mat-button-toggle-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-card-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-card {\\n @include _mat-theme-overridable-elevation(1, $config);\\n background: mat-color($background, card);\\n color: mat-color($foreground, text);\\n\\n // Needs extra specificity to be able to override the elevation selectors.\\n &.mat-card-flat {\\n @include _mat-theme-overridable-elevation(0, $config);\\n }\\n }\\n\\n .mat-card-subtitle {\\n color: mat-color($foreground, secondary-text);\\n }\\n}\\n\\n@mixin mat-card-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-card {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-card-title {\\n font: {\\n size: mat-font-size($config, headline);\\n weight: mat-font-weight($config, title);\\n }\\n }\\n\\n .mat-card-header .mat-card-title {\\n font-size: mat-font-size($config, title);\\n }\\n\\n .mat-card-subtitle,\\n .mat-card-content {\\n font-size: mat-font-size($config, body-1);\\n }\\n}\\n\\n@mixin _mat-card-density($config-or-theme) {}\\n\\n@mixin mat-card-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-card') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-card-color($color);\\n }\\n @if $density != null {\\n @include _mat-card-density($density);\\n }\\n @if $typography != null {\\n @include mat-card-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-checkbox-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $is-dark-theme: map-get($config, is-dark);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n\\n // The color of the checkbox's checkmark / mixedmark.\\n $checkbox-mark-color: mat-color($background, background);\\n\\n // NOTE(traviskaufman): While the spec calls for translucent blacks/whites for disabled colors,\\n // this does not work well with elements layered on top of one another. To get around this we\\n // blend the colors together based on the base color and the theme background.\\n $white-30pct-opacity-on-dark: #686868;\\n $black-26pct-opacity-on-light: #b0b0b0;\\n $disabled-color: if($is-dark-theme, $white-30pct-opacity-on-dark, $black-26pct-opacity-on-light);\\n\\n .mat-checkbox-frame {\\n border-color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-checkbox-checkmark {\\n fill: $checkbox-mark-color;\\n }\\n\\n .mat-checkbox-checkmark-path {\\n // !important is needed here because a stroke must be set as an\\n // attribute on the SVG in order for line animation to work properly.\\n stroke: $checkbox-mark-color !important;\\n }\\n\\n .mat-checkbox-mixedmark {\\n background-color: $checkbox-mark-color;\\n }\\n\\n .mat-checkbox-indeterminate, .mat-checkbox-checked {\\n &.mat-primary .mat-checkbox-background {\\n background-color: mat-color($primary);\\n }\\n\\n &.mat-accent .mat-checkbox-background {\\n background-color: mat-color($accent);\\n }\\n\\n &.mat-warn .mat-checkbox-background {\\n background-color: mat-color($warn);\\n }\\n }\\n\\n .mat-checkbox-disabled {\\n &.mat-checkbox-checked,\\n &.mat-checkbox-indeterminate {\\n .mat-checkbox-background {\\n background-color: $disabled-color;\\n }\\n }\\n\\n &:not(.mat-checkbox-checked) {\\n .mat-checkbox-frame {\\n border-color: $disabled-color;\\n }\\n }\\n\\n .mat-checkbox-label {\\n color: mat-color($foreground, secondary-text);\\n }\\n }\\n\\n // Switch this to a solid color since we're using `opacity`\\n // to control how opaque the ripple should be.\\n .mat-checkbox .mat-ripple-element {\\n background-color: map-get(map-get($config, foreground), base);\\n }\\n\\n .mat-checkbox-checked:not(.mat-checkbox-disabled),\\n .mat-checkbox:active:not(.mat-checkbox-disabled) {\\n &.mat-primary .mat-ripple-element {\\n background: mat-color($primary);\\n }\\n\\n &.mat-accent .mat-ripple-element {\\n background: mat-color($accent);\\n }\\n\\n &.mat-warn .mat-ripple-element {\\n background: mat-color($warn);\\n }\\n }\\n}\\n\\n@mixin mat-checkbox-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-checkbox {\\n font-family: mat-font-family($config);\\n }\\n\\n // TODO(kara): Remove this style when fixing vertical baseline\\n .mat-checkbox-layout .mat-checkbox-label {\\n line-height: mat-line-height($config, body-2);\\n }\\n}\\n\\n@mixin _mat-checkbox-density($config-or-theme) {}\\n\\n@mixin mat-checkbox-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-checkbox') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-checkbox-color($color);\\n }\\n @if $density != null {\\n @include _mat-checkbox-density($density);\\n }\\n @if $typography != null {\\n @include mat-checkbox-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n$mat-chip-remove-font-size: 18px;\\n\\n@mixin _mat-chip-element-color($foreground, $background) {\\n background-color: $background;\\n color: $foreground;\\n\\n .mat-chip-remove {\\n color: $foreground;\\n opacity: 0.4;\\n }\\n}\\n\\n\\n// Applies the background color for a ripple element.\\n// If the color value provided is not a Sass color,\\n// we assume that we've been given a CSS variable.\\n// Since we can't perform alpha-blending on a CSS variable,\\n// we instead add the opacity directly to the ripple element.\\n@mixin _mat-chips-ripple-background($palette, $default-contrast, $opacity) {\\n $background-color: mat-color($palette, $default-contrast, $opacity);\\n background-color: $background-color;\\n @if (type-of($background-color) != color) {\\n opacity: $opacity;\\n }\\n}\\n\\n@mixin _mat-chip-theme-color($palette) {\\n @include _mat-chip-element-color(mat-color($palette, default-contrast), mat-color($palette));\\n\\n .mat-ripple-element {\\n @include _mat-chips-ripple-background($palette, default-contrast, 0.1);\\n }\\n}\\n\\n@mixin mat-chips-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $is-dark-theme: map-get($config, is-dark);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n $unselected-background: mat-color($background, unselected-chip);\\n $unselected-foreground: mat-color($foreground, text);\\n\\n .mat-chip.mat-standard-chip {\\n @include _mat-chip-element-color($unselected-foreground, $unselected-background);\\n\\n &:not(.mat-chip-disabled) {\\n &:active {\\n @include _mat-theme-elevation(3, $config);\\n }\\n\\n .mat-chip-remove:hover {\\n opacity: 0.54;\\n }\\n }\\n\\n &.mat-chip-disabled {\\n opacity: 0.4;\\n }\\n\\n &::after {\\n background: map-get($foreground, base);\\n }\\n }\\n\\n .mat-chip.mat-standard-chip.mat-chip-selected {\\n &.mat-primary {\\n @include _mat-chip-theme-color($primary);\\n }\\n\\n &.mat-warn {\\n @include _mat-chip-theme-color($warn);\\n }\\n\\n &.mat-accent {\\n @include _mat-chip-theme-color($accent);\\n }\\n }\\n}\\n\\n@mixin mat-chips-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-chip {\\n font-size: mat-font-size($config, body-2);\\n font-weight: mat-font-weight($config, body-2);\\n\\n .mat-chip-trailing-icon.mat-icon,\\n .mat-chip-remove.mat-icon {\\n font-size: $mat-chip-remove-font-size;\\n }\\n }\\n}\\n\\n@mixin _mat-chips-density($config-or-theme) {}\\n\\n@mixin mat-chips-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-chips') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-chips-color($color);\\n }\\n @if $density != null {\\n @include _mat-chips-density($density);\\n }\\n @if $typography != null {\\n @include mat-chips-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-divider-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n\\n .mat-divider {\\n border-top-color: mat-color($foreground, divider);\\n }\\n\\n .mat-divider-vertical {\\n border-right-color: mat-color($foreground, divider);\\n }\\n}\\n\\n@mixin mat-divider-typography($config-or-theme) {}\\n\\n@mixin _mat-divider-density($config-or-theme) {}\\n\\n@mixin mat-divider-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-divider') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-divider-color($color);\\n }\\n @if $density != null {\\n @include _mat-divider-density($density);\\n }\\n @if $typography != null {\\n @include mat-divider-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-table-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-table {\\n background: mat-color($background, 'card');\\n }\\n\\n .mat-table thead, .mat-table tbody, .mat-table tfoot,\\n mat-header-row, mat-row, mat-footer-row,\\n [mat-header-row], [mat-row], [mat-footer-row],\\n .mat-table-sticky {\\n background: inherit;\\n }\\n\\n mat-row, mat-header-row, mat-footer-row,\\n th.mat-header-cell, td.mat-cell, td.mat-footer-cell {\\n border-bottom-color: mat-color($foreground, divider);\\n }\\n\\n .mat-header-cell {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-cell, .mat-footer-cell {\\n color: mat-color($foreground, text);\\n }\\n}\\n\\n@mixin mat-table-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-table {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-header-cell {\\n font-size: mat-font-size($config, caption);\\n font-weight: mat-font-weight($config, body-2);\\n }\\n\\n .mat-cell, .mat-footer-cell {\\n font-size: mat-font-size($config, body-1);\\n }\\n}\\n\\n@mixin _mat-table-density($config-or-theme) {}\\n\\n@mixin mat-table-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-table') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-table-color($color);\\n }\\n @if $density != null {\\n @include _mat-table-density($density);\\n }\\n @if $typography != null {\\n @include mat-table-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n$mat-datepicker-selected-today-box-shadow-width: 1px;\\n$mat-datepicker-selected-fade-amount: 0.6;\\n$mat-datepicker-range-fade-amount: 0.2;\\n$mat-datepicker-today-fade-amount: 0.2;\\n$mat-calendar-body-font-size: 13px !default;\\n$mat-calendar-weekday-table-font-size: 11px !default;\\n\\n@mixin _mat-datepicker-color($palette) {\\n @include mat-date-range-colors(\\n mat-color($palette, default, $mat-datepicker-range-fade-amount));\\n\\n .mat-calendar-body-selected {\\n background-color: mat-color($palette);\\n color: mat-color($palette, default-contrast);\\n }\\n\\n .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n $background: mat-color($palette);\\n\\n @if (type-of($background) == color) {\\n background-color: fade-out($background, $mat-datepicker-selected-fade-amount);\\n }\\n @else {\\n // If we couldn't resolve to background to a color (e.g. it's a CSS variable),\\n // fall back to fading the content out via `opacity`.\\n opacity: $mat-datepicker-today-fade-amount;\\n }\\n }\\n\\n .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 $mat-datepicker-selected-today-box-shadow-width\\n mat-color($palette, default-contrast);\\n }\\n}\\n\\n// Utility mixin to target cells that aren't selected. Used to make selector easier to follow.\\n@mixin _mat-datepicker-unselected-cell {\\n &:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n @content;\\n }\\n}\\n\\n@mixin mat-datepicker-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n $disabled-color: mat-color($foreground, disabled-text);\\n\\n .mat-calendar-arrow {\\n border-top-color: mat-color($foreground, icon);\\n }\\n\\n // The prev/next buttons need a bit more specificity to\\n // avoid being overwritten by the .mat-icon-button.\\n .mat-datepicker-toggle,\\n .mat-datepicker-content .mat-calendar-next-button,\\n .mat-datepicker-content .mat-calendar-previous-button {\\n color: mat-color($foreground, icon);\\n }\\n\\n .mat-calendar-table-header {\\n color: mat-color($foreground, hint-text);\\n }\\n\\n .mat-calendar-table-header-divider::after {\\n background: mat-color($foreground, divider);\\n }\\n\\n .mat-calendar-body-label {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-calendar-body-cell-content,\\n .mat-date-range-input-separator {\\n color: mat-color($foreground, text);\\n border-color: transparent;\\n }\\n\\n .mat-calendar-body-disabled > .mat-calendar-body-cell-content {\\n @include _mat-datepicker-unselected-cell {\\n color: $disabled-color;\\n }\\n }\\n\\n .mat-form-field-disabled .mat-date-range-input-separator {\\n color: $disabled-color;\\n }\\n\\n .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover,\\n .cdk-keyboard-focused .mat-calendar-body-active,\\n .cdk-program-focused .mat-calendar-body-active {\\n & > .mat-calendar-body-cell-content {\\n @include _mat-datepicker-unselected-cell {\\n background-color: mat-color($background, hover);\\n }\\n }\\n }\\n\\n .mat-calendar-body-in-preview {\\n $divider-color: mat-color($foreground, divider);\\n\\n @if type-of($divider-color) == color {\\n // The divider color is set under the assumption that it'll be used\\n // for a solid border, but because we're using a dashed border for the\\n // preview range, we need to bump its opacity to ensure that it's visible.\\n color: rgba($divider-color, min(opacity($divider-color) * 2, 1));\\n }\\n @else {\\n color: $divider-color;\\n }\\n }\\n\\n .mat-calendar-body-today {\\n @include _mat-datepicker-unselected-cell {\\n // Note: though it's not text, the border is a hint about the fact that this is today's date,\\n // so we use the hint color.\\n border-color: mat-color($foreground, hint-text);\\n }\\n }\\n\\n .mat-calendar-body-disabled > .mat-calendar-body-today {\\n @include _mat-datepicker-unselected-cell {\\n $color: mat-color($foreground, hint-text);\\n\\n @if (type-of($color) == color) {\\n border-color: fade-out($color, $mat-datepicker-today-fade-amount);\\n }\\n @else {\\n // If the color didn't resolve to a color value, but something like a CSS variable, we can't\\n // fade it out so we fall back to reducing the element opacity. Note that we don't use the\\n // $mat-datepicker-today-fade-amount, because hint text usually has some opacity applied\\n // to it already and we don't want them to stack on top of each other.\\n opacity: 0.5;\\n }\\n }\\n }\\n\\n @include _mat-datepicker-color(map-get($config, primary));\\n\\n .mat-datepicker-content {\\n @include _mat-theme-elevation(4, $config);\\n background-color: mat-color($background, card);\\n color: mat-color($foreground, text);\\n\\n &.mat-accent {\\n @include _mat-datepicker-color(map-get($config, accent));\\n }\\n\\n &.mat-warn {\\n @include _mat-datepicker-color(map-get($config, warn));\\n }\\n }\\n\\n .mat-datepicker-content-touch {\\n @include _mat-theme-elevation(0, $config);\\n }\\n\\n .mat-datepicker-toggle-active {\\n color: mat-color(map-get($config, primary), text);\\n\\n &.mat-accent {\\n color: mat-color(map-get($config, accent), text);\\n }\\n\\n &.mat-warn {\\n color: mat-color(map-get($config, warn), text);\\n }\\n }\\n\\n .mat-date-range-input-inner[disabled] {\\n color: mat-color($foreground, disabled-text);\\n }\\n}\\n\\n@mixin mat-datepicker-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-calendar {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-calendar-body {\\n font-size: $mat-calendar-body-font-size;\\n }\\n\\n .mat-calendar-body-label,\\n .mat-calendar-period-button {\\n font: {\\n size: mat-font-size($config, button);\\n weight: mat-font-weight($config, button);\\n }\\n }\\n\\n .mat-calendar-table-header th {\\n font: {\\n size: $mat-calendar-weekday-table-font-size;\\n weight: mat-font-weight($config, body-1);\\n }\\n }\\n}\\n\\n@mixin mat-date-range-colors(\\n $range-color,\\n $comparison-color: rgba(#f9ab00, $mat-datepicker-range-fade-amount),\\n $overlap-color: #a8dab5,\\n $overlap-selected-color: darken($overlap-color, 30%)) {\\n\\n .mat-calendar-body-in-range::before {\\n background: $range-color;\\n }\\n\\n .mat-calendar-body-comparison-identical,\\n .mat-calendar-body-in-comparison-range::before {\\n background: $comparison-color;\\n }\\n\\n .mat-calendar-body-comparison-bridge-start::before,\\n [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, $range-color 50%, $comparison-color 50%);\\n }\\n\\n .mat-calendar-body-comparison-bridge-end::before,\\n [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, $range-color 50%, $comparison-color 50%);\\n }\\n\\n .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: $overlap-color;\\n }\\n\\n .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: $overlap-selected-color;\\n }\\n}\\n\\n@mixin _mat-datepicker-density($config-or-theme) {}\\n\\n@mixin mat-datepicker-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-datepicker') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-datepicker-color($color);\\n }\\n @if $density != null {\\n @include _mat-datepicker-density($density);\\n }\\n @if $typography != null {\\n @include mat-datepicker-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-dialog-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-dialog-container {\\n @include _mat-theme-elevation(24, $config);\\n background: mat-color($background, dialog);\\n color: mat-color($foreground, text);\\n }\\n}\\n\\n@mixin mat-dialog-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-dialog-title {\\n @include mat-typography-level-to-styles($config, title);\\n }\\n}\\n\\n@mixin _mat-dialog-density($config-or-theme) {}\\n\\n@mixin mat-dialog-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-dialog') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-dialog-color($color);\\n }\\n @if $density != null {\\n @include _mat-dialog-density($density);\\n }\\n @if $typography != null {\\n @include mat-dialog-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n// Default minimum and maximum height for collapsed panel headers.\\n$mat-expansion-panel-header-collapsed-height: 48px !default;\\n$mat-expansion-panel-header-collapsed-minimum-height: 36px !default;\\n$mat-expansion-panel-header-collapsed-maximum-height:\\n $mat-expansion-panel-header-collapsed-height !default;\\n\\n// Default minimum and maximum height for expanded panel headers.\\n$mat-expansion-panel-header-expanded-height: 64px !default;\\n$mat-expansion-panel-header-expanded-minimum-height: 48px !default;\\n$mat-expansion-panel-header-expanded-maximum-height:\\n $mat-expansion-panel-header-expanded-height !default;\\n\\n// Density configuration for the expansion panel. Captures the\\n// height for both expanded and collapsed panel headers.\\n$mat-expansion-panel-header-density-config: (\\n collapsed-height: (\\n default: $mat-expansion-panel-header-collapsed-height,\\n maximum: $mat-expansion-panel-header-collapsed-maximum-height,\\n minimum: $mat-expansion-panel-header-collapsed-minimum-height,\\n ),\\n expanded-height: (\\n default: $mat-expansion-panel-header-expanded-height,\\n maximum: $mat-expansion-panel-header-expanded-maximum-height,\\n minimum: $mat-expansion-panel-header-expanded-minimum-height,\\n )\\n) !default;\\n\\n// Note: Keep this in sync with the animation timing for the toggle indicator\\n// and body expansion. These are animated using Angular animations.\\n$mat-expansion-panel-header-transition: 225ms cubic-bezier(0.4, 0, 0.2, 1);\\n\\n\\n@mixin mat-expansion-panel-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-expansion-panel {\\n @include _mat-theme-overridable-elevation(2, $config);\\n background: mat-color($background, card);\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-action-row {\\n border-top-color: mat-color($foreground, divider);\\n }\\n\\n .mat-expansion-panel {\\n & .mat-expansion-panel-header.cdk-keyboard-focused,\\n & .mat-expansion-panel-header.cdk-program-focused,\\n &:not(.mat-expanded) .mat-expansion-panel-header:hover {\\n &:not([aria-disabled='true']) {\\n background: mat-color($background, hover);\\n }\\n }\\n }\\n\\n // Disable the hover on touch devices since it can appear like it is stuck. We can't use\\n // `@media (hover)` above, because the desktop support browser support isn't great.\\n @media (hover: none) {\\n .mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true'])\\n .mat-expansion-panel-header:hover {\\n background: mat-color($background, card);\\n }\\n }\\n\\n .mat-expansion-panel-header-title {\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-expansion-panel-header-description,\\n .mat-expansion-indicator::after {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-expansion-panel-header[aria-disabled='true'] {\\n color: mat-color($foreground, disabled-button);\\n\\n .mat-expansion-panel-header-title,\\n .mat-expansion-panel-header-description {\\n color: inherit;\\n }\\n }\\n}\\n\\n@mixin mat-expansion-panel-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-expansion-panel-header {\\n font: {\\n family: mat-font-family($config, subheading-1);\\n size: mat-font-size($config, subheading-1);\\n weight: mat-font-weight($config, subheading-1);\\n }\\n }\\n\\n .mat-expansion-panel-content {\\n @include mat-typography-level-to-styles($config, body-1);\\n }\\n}\\n\\n@mixin _mat-expansion-panel-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n $expanded-height: _mat-density-prop-value(\\n $mat-expansion-panel-header-density-config, $density-scale, expanded-height);\\n $collapsed-height: _mat-density-prop-value(\\n $mat-expansion-panel-header-density-config, $density-scale, collapsed-height);\\n\\n @include _mat-density-legacy-compatibility() {\\n .mat-expansion-panel-header {\\n height: $collapsed-height;\\n\\n &.mat-expanded {\\n height: $expanded-height;\\n }\\n }\\n }\\n}\\n\\n@mixin mat-expansion-panel-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-expansion-panel') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-expansion-panel-color($color);\\n }\\n @if $density != null {\\n @include _mat-expansion-panel-density($density);\\n }\\n @if $typography != null {\\n @include mat-expansion-panel-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n// This mixin will ensure that lines that overflow the container will hide the overflow and\\n// truncate neatly with an ellipsis.\\n@mixin mat-truncate-line() {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n}\\n\\n// Mixin to provide all mat-line styles, changing secondary font size based on whether the list\\n// is in dense mode.\\n@mixin mat-line-base($secondary-font-size) {\\n .mat-line {\\n @include mat-truncate-line();\\n display: block;\\n box-sizing: border-box;\\n\\n // all lines but the top line should have smaller text\\n &:nth-child(n+2) {\\n font-size: $secondary-font-size;\\n }\\n }\\n}\\n\\n// This mixin normalizes default element styles, e.g. font weight for heading text.\\n@mixin mat-normalize-text() {\\n & > * {\\n margin: 0;\\n padding: 0;\\n font-weight: normal;\\n font-size: inherit;\\n }\\n}\\n\\n// This mixin provides base styles for the wrapper around mat-line elements in a list.\\n@mixin mat-line-wrapper-base() {\\n @include mat-normalize-text();\\n\\n display: flex;\\n flex-direction: column;\\n flex: auto;\\n box-sizing: border-box;\\n overflow: hidden;\\n\\n // Must remove wrapper when lines are empty or it takes up horizontal\\n // space and pushes other elements to the right.\\n &:empty {\\n display: none;\\n }\\n}\\n\\n\\n\\n// Include this empty mixin for consistency with the other components.\\n@mixin mat-grid-list-color($config-or-theme) {}\\n\\n@mixin mat-grid-list-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-grid-tile-header,\\n .mat-grid-tile-footer {\\n @include mat-line-base(mat-font-size($config, caption));\\n font-size: mat-font-size($config, body-1);\\n }\\n}\\n\\n@mixin _mat-grid-list-density($config-or-theme) {}\\n\\n@mixin mat-grid-list-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-grid-list') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-grid-list-color($color);\\n }\\n @if $density != null {\\n @include _mat-grid-list-density($density);\\n }\\n @if $typography != null {\\n @include mat-grid-list-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n@mixin mat-icon-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-icon {\\n &.mat-primary {\\n color: mat-color($primary, text);\\n }\\n\\n &.mat-accent {\\n color: mat-color($accent, text);\\n }\\n\\n &.mat-warn {\\n color: mat-color($warn, text);\\n }\\n }\\n}\\n\\n@mixin mat-icon-typography($config-or-theme) {}\\n\\n@mixin _mat-icon-density($config-or-theme) {}\\n\\n@mixin mat-icon-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-icon') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-icon-color($color);\\n }\\n @if $density != null {\\n @include _mat-icon-density($density);\\n }\\n @if $typography != null {\\n @include mat-icon-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n// Renders a gradient for showing the dashed line when the input is disabled.\\n// Unlike using a border, a gradient allows us to adjust the spacing of the dotted line\\n// to match the Material Design spec.\\n@mixin mat-control-disabled-underline($color) {\\n background-image: linear-gradient(to right, $color 0%, $color 33%, transparent 0%);\\n background-size: 4px 100%;\\n background-repeat: repeat-x;\\n}\\n\\n// Figures out the color of the placeholder for a form control.\\n// Used primarily to prevent the various form controls from\\n// becoming out of sync since these colors aren't in a palette.\\n@function _mat-control-placeholder-color($config) {\\n $foreground: map-get($config, foreground);\\n $is-dark-theme: map-get($config, is-dark);\\n @return mat-color($foreground, secondary-text, if($is-dark-theme, 0.5, 0.42));\\n}\\n\\n\\n/* stylelint-disable material/no-prefixes */\\n@mixin user-select($value) {\\n -webkit-user-select: $value;\\n -moz-user-select: $value;\\n -ms-user-select: $value;\\n user-select: $value;\\n}\\n\\n@mixin input-placeholder {\\n &::placeholder {\\n @content;\\n }\\n\\n &::-moz-placeholder {\\n @content;\\n }\\n\\n &::-webkit-input-placeholder {\\n @content;\\n }\\n\\n &:-ms-input-placeholder {\\n @content;\\n }\\n}\\n\\n@mixin cursor-grab {\\n cursor: -webkit-grab;\\n cursor: grab;\\n}\\n\\n@mixin cursor-grabbing {\\n cursor: -webkit-grabbing;\\n cursor: grabbing;\\n}\\n\\n@mixin backface-visibility($value) {\\n -webkit-backface-visibility: $value;\\n backface-visibility: $value;\\n}\\n\\n@mixin position-sticky {\\n position: -webkit-sticky;\\n position: sticky;\\n}\\n/* stylelint-enable */\\n\\n\\n\\n@mixin mat-input-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $foreground: map-get($config, foreground);\\n\\n .mat-form-field-type-mat-native-select .mat-form-field-infix::after {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-input-element:disabled,\\n .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {\\n color: mat-color($foreground, disabled-text);\\n }\\n\\n .mat-input-element {\\n caret-color: mat-color($primary, text);\\n\\n @include input-placeholder {\\n color: _mat-control-placeholder-color($config);\\n }\\n\\n // On dark themes we set the native `select` color to some shade of white,\\n // however the color propagates to all of the `option` elements, which are\\n // always on a white background inside the dropdown, causing them to blend in.\\n // Since we can't change background of the dropdown, we need to explicitly\\n // reset the color of the options to something dark.\\n @if (map-get($config, is-dark)) {\\n option {\\n color: $dark-primary-text;\\n }\\n\\n option:disabled {\\n color: $dark-disabled-text;\\n }\\n }\\n }\\n\\n .mat-form-field.mat-accent .mat-input-element {\\n caret-color: mat-color($accent, text);\\n }\\n\\n .mat-form-field.mat-warn .mat-input-element,\\n .mat-form-field-invalid .mat-input-element {\\n caret-color: mat-color($warn, text);\\n }\\n\\n .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {\\n color: mat-color($warn, text);\\n }\\n}\\n\\n@mixin mat-input-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n // The unit-less line-height from the font config.\\n $line-height: mat-line-height($config, input);\\n\\n // The amount of space between the top of the line and the top of the actual text\\n // (as a fraction of the font-size).\\n $line-spacing: ($line-height - 1) / 2;\\n\\n // elements seem to have their height set slightly too large on Safari causing the text to\\n // be misaligned w.r.t. the placeholder. Adding this margin corrects it.\\n input.mat-input-element {\\n margin-top: -$line-spacing * 1em;\\n }\\n}\\n\\n@mixin _mat-input-density($config-or-theme) {}\\n\\n@mixin mat-input-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-input') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-input-color($color);\\n }\\n @if $density != null {\\n @include _mat-input-density($density);\\n }\\n @if $typography != null {\\n @include mat-input-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-list-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-list-base {\\n .mat-list-item {\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-list-option {\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-subheader {\\n color: mat-color($foreground, secondary-text);\\n }\\n }\\n\\n .mat-list-item-disabled {\\n background-color: mat-color($background, disabled-list-option);\\n }\\n\\n .mat-list-option,\\n .mat-nav-list .mat-list-item,\\n .mat-action-list .mat-list-item {\\n &:hover, &:focus {\\n background: mat-color($background, 'hover');\\n }\\n }\\n\\n .mat-list-single-selected-option {\\n &, &:hover, &:focus {\\n background: mat-color($background, hover, 0.12);\\n }\\n }\\n}\\n\\n@mixin mat-list-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n $font-family: mat-font-family($config);\\n\\n .mat-list-item {\\n font-family: $font-family;\\n }\\n\\n .mat-list-option {\\n font-family: $font-family;\\n }\\n\\n // Default list\\n .mat-list-base {\\n .mat-list-item {\\n font-size: mat-font-size($config, subheading-2);\\n @include mat-line-base(mat-font-size($config, body-1));\\n }\\n\\n .mat-list-option {\\n font-size: mat-font-size($config, subheading-2);\\n @include mat-line-base(mat-font-size($config, body-1));\\n }\\n\\n .mat-subheader {\\n font-family: mat-font-family($config, body-2);\\n font-size: mat-font-size($config, body-2);\\n font-weight: mat-font-weight($config, body-2);\\n }\\n }\\n\\n // Dense list\\n .mat-list-base[dense] {\\n .mat-list-item {\\n font-size: mat-font-size($config, caption);\\n @include mat-line-base(mat-font-size($config, caption));\\n }\\n\\n .mat-list-option {\\n font-size: mat-font-size($config, caption);\\n @include mat-line-base(mat-font-size($config, caption));\\n }\\n\\n .mat-subheader {\\n font-family: $font-family;\\n font-size: mat-font-size($config, caption);\\n font-weight: mat-font-weight($config, body-2);\\n }\\n }\\n}\\n\\n@mixin _mat-list-density($config-or-theme) {}\\n\\n@mixin mat-list-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-list') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-list-color($color);\\n }\\n @if $density != null {\\n @include _mat-list-density($density);\\n }\\n @if $typography != null {\\n @include mat-list-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-menu-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-menu-panel {\\n @include _mat-theme-overridable-elevation(4, $config);\\n background: mat-color($background, 'card');\\n }\\n\\n .mat-menu-item {\\n background: transparent;\\n color: mat-color($foreground, 'text');\\n\\n &[disabled] {\\n &, &::after {\\n color: mat-color($foreground, 'disabled');\\n }\\n }\\n }\\n\\n .mat-menu-item .mat-icon-no-color,\\n .mat-menu-item-submenu-trigger::after {\\n color: mat-color($foreground, 'icon');\\n }\\n\\n .mat-menu-item:hover,\\n .mat-menu-item.cdk-program-focused,\\n .mat-menu-item.cdk-keyboard-focused,\\n .mat-menu-item-highlighted {\\n &:not([disabled]) {\\n background: mat-color($background, 'hover');\\n }\\n }\\n}\\n\\n@mixin mat-menu-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-menu-item {\\n font: {\\n family: mat-font-family($config, body-1);\\n size: mat-font-size($config, body-1);\\n weight: mat-font-weight($config, body-1);\\n }\\n }\\n}\\n\\n@mixin _mat-menu-density($config-or-theme) {}\\n\\n@mixin mat-menu-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-menu') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-menu-color($color);\\n }\\n @if $density != null {\\n @include _mat-menu-density($density);\\n }\\n @if $typography != null {\\n @include mat-menu-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n$mat-paginator-height: 56px !default;\\n// Minimum height for paginator's in the highest density is determined based on how\\n// much the paginator can shrink until the content exceeds (i.e. navigation buttons).\\n$mat-paginator-minimum-height: 40px !default;\\n$mat-paginator-maximum-height: $mat-paginator-height !default;\\n\\n$mat-paginator-density-config: (\\n height: (\\n default: $mat-paginator-height,\\n maximum: $mat-paginator-maximum-height,\\n minimum: $mat-paginator-minimum-height,\\n )\\n) !default;\\n\\n\\n@mixin mat-paginator-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n\\n .mat-paginator {\\n background: mat-color($background, 'card');\\n }\\n\\n .mat-paginator,\\n .mat-paginator-page-size .mat-select-trigger {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-paginator-decrement,\\n .mat-paginator-increment {\\n border-top: 2px solid mat-color($foreground, 'icon');\\n border-right: 2px solid mat-color($foreground, 'icon');\\n }\\n\\n .mat-paginator-first,\\n .mat-paginator-last {\\n border-top: 2px solid mat-color($foreground, 'icon');\\n }\\n\\n .mat-icon-button[disabled] {\\n .mat-paginator-decrement,\\n .mat-paginator-increment,\\n .mat-paginator-first,\\n .mat-paginator-last {\\n border-color: mat-color($foreground, 'disabled');\\n }\\n }\\n}\\n\\n@mixin mat-paginator-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-paginator,\\n .mat-paginator-page-size .mat-select-trigger {\\n font: {\\n family: mat-font-family($config, caption);\\n size: mat-font-size($config, caption);\\n }\\n }\\n}\\n\\n@mixin _mat-paginator-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n $height: _mat-density-prop-value($mat-paginator-density-config, $density-scale, height);\\n\\n @include _mat-density-legacy-compatibility() {\\n .mat-paginator-container {\\n min-height: $height;\\n }\\n }\\n}\\n\\n@mixin mat-paginator-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-paginator') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-paginator-color($color);\\n }\\n @if $density != null {\\n @include _mat-paginator-density($density);\\n }\\n @if $typography != null {\\n @include mat-paginator-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n@mixin mat-progress-bar-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n\\n .mat-progress-bar-background {\\n fill: mat-color($primary, lighter);\\n }\\n\\n .mat-progress-bar-buffer {\\n background-color: mat-color($primary, lighter);\\n }\\n\\n .mat-progress-bar-fill::after {\\n background-color: mat-color($primary);\\n }\\n\\n .mat-progress-bar.mat-accent {\\n .mat-progress-bar-background {\\n fill: mat-color($accent, lighter);\\n }\\n\\n .mat-progress-bar-buffer {\\n background-color: mat-color($accent, lighter);\\n }\\n\\n .mat-progress-bar-fill::after {\\n background-color: mat-color($accent);\\n }\\n }\\n\\n .mat-progress-bar.mat-warn {\\n .mat-progress-bar-background {\\n fill: mat-color($warn, lighter);\\n }\\n\\n .mat-progress-bar-buffer {\\n background-color: mat-color($warn, lighter);\\n }\\n\\n .mat-progress-bar-fill::after {\\n background-color: mat-color($warn);\\n }\\n }\\n}\\n\\n@mixin mat-progress-bar-typography($config-or-theme) {}\\n\\n@mixin _mat-progress-bar-density($config-or-theme) {}\\n\\n@mixin mat-progress-bar-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-progress-bar') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-progress-bar-color($color);\\n }\\n @if $density != null {\\n @include _mat-progress-bar-density($density);\\n }\\n @if $typography != null {\\n @include mat-progress-bar-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-progress-spinner-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n\\n .mat-progress-spinner, .mat-spinner {\\n circle {\\n stroke: mat-color($primary);\\n }\\n\\n &.mat-accent circle {\\n stroke: mat-color($accent);\\n }\\n\\n &.mat-warn circle {\\n stroke: mat-color($warn);\\n }\\n }\\n}\\n\\n@mixin mat-progress-spinner-typography($config-or-theme) {}\\n\\n@mixin _mat-progress-spinner-density($config-or-theme) {}\\n\\n@mixin mat-progress-spinner-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-progress-spinner') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-progress-spinner-color($color);\\n }\\n @if $density != null {\\n @include _mat-progress-spinner-density($density);\\n }\\n @if $typography != null {\\n @include mat-progress-spinner-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin _mat-radio-color($palette) {\\n &.mat-radio-checked .mat-radio-outer-circle {\\n border-color: mat-color($palette);\\n }\\n\\n .mat-radio-inner-circle,\\n .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),\\n &.mat-radio-checked .mat-radio-persistent-ripple,\\n &:active .mat-radio-persistent-ripple {\\n background-color: mat-color($palette);\\n }\\n}\\n\\n@mixin mat-radio-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-radio-outer-circle {\\n border-color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-radio-button {\\n &.mat-primary {\\n @include _mat-radio-color($primary);\\n }\\n\\n &.mat-accent {\\n @include _mat-radio-color($accent);\\n }\\n\\n &.mat-warn {\\n @include _mat-radio-color($warn);\\n }\\n\\n // This needs extra specificity, because the classes above are combined\\n // (e.g. `.mat-radio-button.mat-accent`) which increases their specificity a lot.\\n // TODO: consider making the selectors into descendants (`.mat-primary .mat-radio-button`).\\n &.mat-radio-disabled {\\n &.mat-radio-checked .mat-radio-outer-circle,\\n .mat-radio-outer-circle {\\n border-color: mat-color($foreground, disabled);\\n }\\n\\n .mat-radio-ripple .mat-ripple-element,\\n .mat-radio-inner-circle {\\n background-color: mat-color($foreground, disabled);\\n }\\n\\n .mat-radio-label-content {\\n color: mat-color($foreground, disabled);\\n }\\n }\\n\\n // Switch this to a solid color since we're using `opacity`\\n // to control how opaque the ripple should be.\\n .mat-ripple-element {\\n background-color: map-get($foreground, base);\\n }\\n }\\n}\\n\\n@mixin mat-radio-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-radio-button {\\n font-family: mat-font-family($config);\\n }\\n}\\n\\n@mixin _mat-radio-density($config-or-theme) {}\\n\\n@mixin mat-radio-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-radio') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-radio-color($color);\\n }\\n @if $density != null {\\n @include _mat-radio-density($density);\\n }\\n @if $typography != null {\\n @include mat-radio-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-select-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n\\n .mat-select-value {\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-select-placeholder {\\n color: _mat-control-placeholder-color($config);\\n }\\n\\n .mat-select-disabled .mat-select-value {\\n color: mat-color($foreground, disabled-text);\\n }\\n\\n .mat-select-arrow {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-select-panel {\\n background: mat-color($background, card);\\n @include _mat-theme-overridable-elevation(4, $config);\\n\\n .mat-option.mat-selected:not(.mat-option-multiple) {\\n background: mat-color($background, hover, 0.12);\\n }\\n }\\n\\n .mat-form-field {\\n &.mat-focused {\\n &.mat-primary .mat-select-arrow {\\n color: mat-color($primary, text);\\n }\\n\\n &.mat-accent .mat-select-arrow {\\n color: mat-color($accent, text);\\n }\\n\\n &.mat-warn .mat-select-arrow {\\n color: mat-color($warn, text);\\n }\\n }\\n\\n .mat-select.mat-select-invalid .mat-select-arrow {\\n color: mat-color($warn, text);\\n }\\n\\n .mat-select.mat-select-disabled .mat-select-arrow {\\n color: mat-color($foreground, disabled-text);\\n }\\n }\\n}\\n\\n@mixin mat-select-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n // The unit-less line-height from the font config.\\n $line-height: mat-line-height($config, input);\\n\\n .mat-select {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-select-trigger {\\n height: $line-height * 1em;\\n }\\n}\\n\\n@mixin _mat-select-density($config-or-theme) {}\\n\\n@mixin mat-select-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-select') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-select-color($color);\\n }\\n @if $density != null {\\n @include _mat-select-density($density);\\n }\\n @if $typography != null {\\n @include mat-select-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-sidenav-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n $drawer-background-color: mat-color($background, dialog);\\n $drawer-container-background-color: mat-color($background, background);\\n $drawer-push-background-color: mat-color($background, dialog);\\n $drawer-side-border: solid 1px mat-color($foreground, divider);\\n\\n .mat-drawer-container {\\n background-color: $drawer-container-background-color;\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-drawer {\\n background-color: $drawer-background-color;\\n color: mat-color($foreground, text);\\n\\n &.mat-drawer-push {\\n background-color: $drawer-push-background-color;\\n }\\n\\n &:not(.mat-drawer-side) {\\n // The elevation of z-16 is noted in the design specifications.\\n // See https://material.io/design/components/navigation-drawer.html\\n @include _mat-theme-elevation(16, $config);\\n }\\n }\\n\\n .mat-drawer-side {\\n border-right: $drawer-side-border;\\n\\n &.mat-drawer-end {\\n border-left: $drawer-side-border;\\n border-right: none;\\n }\\n }\\n\\n [dir='rtl'] .mat-drawer-side {\\n border-left: $drawer-side-border;\\n border-right: none;\\n\\n &.mat-drawer-end {\\n border-left: none;\\n border-right: $drawer-side-border;\\n }\\n }\\n\\n .mat-drawer-backdrop.mat-drawer-shown {\\n $opacity: 0.6;\\n $backdrop-color: mat-color($background, card, $opacity);\\n\\n @if (type-of($backdrop-color) == color) {\\n // We use invert() here to have the darken the background color expected to be used. If the\\n // background is light, we use a dark backdrop. If the background is dark,\\n // we use a light backdrop.\\n background-color: invert($backdrop-color);\\n }\\n @else {\\n // If we couldn't resolve the backdrop color to a color value, fall back to using\\n // `opacity` to make it opaque since its end value could be a solid color.\\n background-color: $backdrop-color;\\n opacity: $opacity;\\n }\\n }\\n}\\n\\n@mixin mat-sidenav-typography($config-or-theme) {}\\n\\n@mixin _mat-sidenav-density($config-or-theme) {}\\n\\n@mixin mat-sidenav-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-sidenav') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-sidenav-color($color);\\n }\\n @if $density != null {\\n @include _mat-sidenav-density($density);\\n }\\n @if $typography != null {\\n @include mat-sidenav-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n@mixin _mat-slide-toggle-checked($palette, $thumb-checked-hue) {\\n &.mat-checked {\\n .mat-slide-toggle-thumb {\\n background-color: mat-color($palette, $thumb-checked-hue);\\n }\\n\\n .mat-slide-toggle-bar {\\n // Opacity is determined from the specs for the selection controls.\\n // See: https://material.io/design/components/selection-controls.html#specs\\n background-color: mat-color($palette, $thumb-checked-hue, 0.54);\\n }\\n\\n .mat-ripple-element {\\n // Set no opacity for the ripples because the ripple opacity will be adjusted dynamically\\n // based on the type of interaction with the slide-toggle (e.g. for hover, focus)\\n background-color: mat-color($palette, $thumb-checked-hue);\\n }\\n }\\n}\\n\\n@mixin mat-slide-toggle-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $is-dark: map-get($config, is-dark);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n // Color hues are based on the specs which briefly show the hues that are applied to a switch.\\n // The 2018 specs no longer describe how dark switches should look like. Due to the lack of\\n // information for dark themed switches, we partially keep the old behavior that is based on\\n // the previous specifications. For the checked color we always use the `default` hue because\\n // that follows MDC and also makes it easier for people to create a custom theme without needing\\n // to specify each hue individually.\\n $thumb-unchecked-hue: if($is-dark, 400, 50);\\n $thumb-checked-hue: default;\\n\\n $bar-unchecked-color: mat-color($foreground, disabled);\\n $ripple-unchecked-color: mat-color($foreground, base);\\n\\n .mat-slide-toggle {\\n @include _mat-slide-toggle-checked($accent, $thumb-checked-hue);\\n\\n &.mat-primary {\\n @include _mat-slide-toggle-checked($primary, $thumb-checked-hue);\\n }\\n\\n &.mat-warn {\\n @include _mat-slide-toggle-checked($warn, $thumb-checked-hue);\\n }\\n\\n &:not(.mat-checked) .mat-ripple-element {\\n // Set no opacity for the ripples because the ripple opacity will be adjusted dynamically\\n // based on the type of interaction with the slide-toggle (e.g. for hover, focus)\\n background-color: $ripple-unchecked-color;\\n }\\n }\\n\\n .mat-slide-toggle-thumb {\\n @include _mat-theme-elevation(1, $config);\\n background-color: mat-color($mat-grey, $thumb-unchecked-hue);\\n }\\n\\n .mat-slide-toggle-bar {\\n background-color: $bar-unchecked-color;\\n }\\n}\\n\\n@mixin mat-slide-toggle-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-slide-toggle-content {\\n font-family: mat-font-family($config);\\n }\\n}\\n\\n@mixin _mat-slide-toggle-density($config-or-theme) {}\\n\\n@mixin mat-slide-toggle-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-slide-toggle') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-slide-toggle-color($color);\\n }\\n @if $density != null {\\n @include _mat-slide-toggle-density($density);\\n }\\n @if $typography != null {\\n @include mat-slide-toggle-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n@mixin _mat-slider-inner-content-theme($palette) {\\n .mat-slider-track-fill,\\n .mat-slider-thumb,\\n .mat-slider-thumb-label {\\n background-color: mat-color($palette);\\n }\\n\\n .mat-slider-thumb-label-text {\\n color: mat-color($palette, default-contrast);\\n }\\n\\n .mat-slider-focus-ring {\\n $opacity: 0.2;\\n $color: mat-color($palette, default, $opacity);\\n background-color: $color;\\n\\n // `mat-color` uses `rgba` for the opacity which won't work with\\n // CSS variables so we need to use `opacity` as a fallback.\\n @if (type-of($color) != color) {\\n opacity: $opacity;\\n }\\n }\\n}\\n\\n@mixin mat-slider-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n $mat-slider-off-color: mat-color($foreground, slider-off);\\n $mat-slider-off-focused-color: mat-color($foreground, slider-off-active);\\n $mat-slider-disabled-color: mat-color($foreground, slider-off);\\n $mat-slider-labeled-min-value-thumb-color: mat-color($foreground, slider-min);\\n $mat-slider-labeled-min-value-thumb-label-color: mat-color($foreground, slider-off);\\n $mat-slider-tick-opacity: 0.7;\\n $mat-slider-tick-color: mat-color($foreground, base, $mat-slider-tick-opacity);\\n $mat-slider-tick-size: 2px;\\n\\n .mat-slider-track-background {\\n background-color: $mat-slider-off-color;\\n }\\n\\n .mat-primary {\\n @include _mat-slider-inner-content-theme($primary);\\n }\\n\\n .mat-accent {\\n @include _mat-slider-inner-content-theme($accent);\\n }\\n\\n .mat-warn {\\n @include _mat-slider-inner-content-theme($warn);\\n }\\n\\n .mat-slider:hover,\\n .cdk-focused {\\n .mat-slider-track-background {\\n background-color: $mat-slider-off-focused-color;\\n }\\n }\\n\\n .mat-slider-disabled {\\n .mat-slider-track-background,\\n .mat-slider-track-fill,\\n .mat-slider-thumb {\\n background-color: $mat-slider-disabled-color;\\n }\\n\\n &:hover {\\n .mat-slider-track-background {\\n background-color: $mat-slider-disabled-color;\\n }\\n }\\n }\\n\\n .mat-slider-min-value {\\n .mat-slider-focus-ring {\\n $opacity: 0.12;\\n $color: mat-color($foreground, base, $opacity);\\n background-color: $color;\\n\\n // `mat-color` uses `rgba` for the opacity which won't work with\\n // CSS variables so we need to use `opacity` as a fallback.\\n @if (type-of($color) != color) {\\n opacity: $opacity;\\n }\\n }\\n\\n &.mat-slider-thumb-label-showing {\\n .mat-slider-thumb,\\n .mat-slider-thumb-label {\\n background-color: $mat-slider-labeled-min-value-thumb-color;\\n }\\n\\n &.cdk-focused {\\n .mat-slider-thumb,\\n .mat-slider-thumb-label {\\n background-color: $mat-slider-labeled-min-value-thumb-label-color;\\n }\\n }\\n }\\n\\n &:not(.mat-slider-thumb-label-showing) {\\n .mat-slider-thumb {\\n border-color: $mat-slider-off-color;\\n background-color: transparent;\\n }\\n\\n &:hover,\\n &.cdk-focused {\\n .mat-slider-thumb {\\n border-color: $mat-slider-off-focused-color;\\n }\\n\\n &.mat-slider-disabled .mat-slider-thumb {\\n border-color: $mat-slider-disabled-color;\\n }\\n }\\n }\\n }\\n\\n .mat-slider-has-ticks .mat-slider-wrapper::after {\\n border-color: $mat-slider-tick-color;\\n\\n // `mat-color` uses `rgba` for the opacity which won't work with\\n // CSS variables so we need to use `opacity` as a fallback.\\n @if (type-of($mat-slider-tick-color) != color) {\\n opacity: $mat-slider-tick-opacity;\\n }\\n }\\n\\n .mat-slider-horizontal .mat-slider-ticks {\\n background-image: repeating-linear-gradient(to right, $mat-slider-tick-color,\\n $mat-slider-tick-color $mat-slider-tick-size, transparent 0, transparent);\\n // Firefox doesn't draw the gradient correctly with 'to right'\\n // (see https://bugzilla.mozilla.org/show_bug.cgi?id=1314319).\\n background-image: -moz-repeating-linear-gradient(0.0001deg, $mat-slider-tick-color,\\n $mat-slider-tick-color $mat-slider-tick-size, transparent 0, transparent);\\n\\n // `mat-color` uses `rgba` for the opacity which won't work with\\n // CSS variables so we need to use `opacity` as a fallback.\\n @if (type-of($mat-slider-tick-color) != color) {\\n opacity: $mat-slider-tick-opacity;\\n }\\n }\\n\\n .mat-slider-vertical .mat-slider-ticks {\\n background-image: repeating-linear-gradient(to bottom, $mat-slider-tick-color,\\n $mat-slider-tick-color $mat-slider-tick-size, transparent 0, transparent);\\n\\n // `mat-color` uses `rgba` for the opacity which won't work with\\n // CSS variables so we need to use `opacity` as a fallback.\\n @if (type-of($mat-slider-tick-color) != color) {\\n opacity: $mat-slider-tick-opacity;\\n }\\n }\\n}\\n\\n@mixin mat-slider-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-slider-thumb-label-text {\\n font: {\\n family: mat-font-family($config);\\n size: mat-font-size($config, caption);\\n weight: mat-font-weight($config, body-2);\\n }\\n }\\n}\\n\\n@mixin _mat-slider-density($config-or-theme) {}\\n\\n@mixin mat-slider-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-slider') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-slider-color($color);\\n }\\n @if $density != null {\\n @include _mat-slider-density($density);\\n }\\n @if $typography != null {\\n @include mat-slider-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n$mat-stepper-header-height: 72px !default;\\n// Minimum height for highest density stepper's is determined based on how much\\n// stepper headers can shrink until the step icon or step label exceed. We can't use\\n// a value below `42px` because the optional label for steps would otherwise exceed.\\n$mat-stepper-header-minimum-height: 42px !default;\\n$mat-stepper-header-maximum-height: $mat-stepper-header-height !default;\\n\\n$mat-stepper-density-config: (\\n height: (\\n default: $mat-stepper-header-height,\\n maximum: $mat-stepper-header-maximum-height,\\n minimum: $mat-stepper-header-minimum-height,\\n )\\n) !default;\\n\\n// Note: These variables are not denoted with `!default` because they are used in the non-theme\\n// component styles. Modifying these variables does not have the desired effect for consumers.\\n$mat-stepper-label-header-height: 24px;\\n$mat-stepper-label-position-bottom-top-gap: 16px;\\n$mat-stepper-label-min-width: 50px;\\n\\n$mat-vertical-stepper-content-margin: 36px;\\n\\n$mat-stepper-side-gap: 24px;\\n$mat-stepper-line-width: 1px;\\n$mat-stepper-line-gap: 8px;\\n\\n$mat-step-sub-label-font-size: 12px;\\n$mat-step-header-icon-size: 16px;\\n\\n\\n@mixin mat-stepper-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n $primary: map-get($config, primary);\\n $warn: map-get($config, warn);\\n\\n .mat-step-header {\\n &.cdk-keyboard-focused,\\n &.cdk-program-focused,\\n &:hover {\\n background-color: mat-color($background, hover);\\n }\\n\\n // On touch devices the :hover state will linger on the element after a tap.\\n // Reset it via `@media` after the declaration, because the media query isn't\\n // supported by all browsers yet.\\n @media (hover: none) {\\n &:hover {\\n background: none;\\n }\\n }\\n\\n .mat-step-label,\\n .mat-step-optional {\\n // TODO(josephperrott): Update to using a corrected disabled-text contrast\\n // instead of secondary-text.\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-step-icon {\\n // TODO(josephperrott): Update to using a corrected disabled-text contrast\\n // instead of secondary-text.\\n background-color: mat-color($foreground, secondary-text);\\n color: mat-color($primary, default-contrast);\\n }\\n\\n .mat-step-icon-selected,\\n .mat-step-icon-state-done,\\n .mat-step-icon-state-edit {\\n background-color: mat-color($primary);\\n color: mat-color($primary, default-contrast);\\n }\\n\\n .mat-step-icon-state-error {\\n background-color: transparent;\\n color: mat-color($warn, text);\\n }\\n\\n .mat-step-label.mat-step-label-active {\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-step-label.mat-step-label-error {\\n color: mat-color($warn, text);\\n }\\n }\\n\\n .mat-stepper-horizontal, .mat-stepper-vertical {\\n background-color: mat-color($background, card);\\n }\\n\\n .mat-stepper-vertical-line::before {\\n border-left-color: mat-color($foreground, divider);\\n }\\n\\n .mat-horizontal-stepper-header::before,\\n .mat-horizontal-stepper-header::after,\\n .mat-stepper-horizontal-line {\\n border-top-color: mat-color($foreground, divider);\\n }\\n}\\n\\n@mixin mat-stepper-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-stepper-vertical, .mat-stepper-horizontal {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-step-label {\\n font: {\\n size: mat-font-size($config, body-1);\\n weight: mat-font-weight($config, body-1);\\n };\\n }\\n\\n .mat-step-sub-label-error {\\n font-weight: normal;\\n }\\n\\n .mat-step-label-error {\\n font-size: mat-font-size($config, body-2);\\n }\\n\\n .mat-step-label-selected {\\n font: {\\n size: mat-font-size($config, body-2);\\n weight: mat-font-weight($config, body-2);\\n };\\n }\\n}\\n\\n@mixin _mat-stepper-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n $height: _mat-density-prop-value($mat-stepper-density-config, $density-scale, height);\\n $vertical-padding: ($height - $mat-stepper-label-header-height) / 2;\\n\\n @include _mat-density-legacy-compatibility() {\\n .mat-horizontal-stepper-header {\\n height: $height;\\n }\\n\\n .mat-stepper-label-position-bottom .mat-horizontal-stepper-header,\\n .mat-vertical-stepper-header, {\\n padding: $vertical-padding $mat-stepper-side-gap;\\n }\\n\\n // Ensures that the vertical lines for the step content exceed into the step\\n // headers with a given distance (`$mat-stepper-line-gap`) to the step icon.\\n .mat-stepper-vertical-line::before {\\n top: $mat-stepper-line-gap - $vertical-padding;\\n bottom: $mat-stepper-line-gap - $vertical-padding;\\n }\\n\\n // Ensures that the horizontal lines for the step header are centered vertically.\\n .mat-stepper-label-position-bottom .mat-horizontal-stepper-header {\\n &::after, &::before {\\n top: $vertical-padding + $mat-stepper-label-header-height / 2;\\n }\\n }\\n\\n // Ensures that the horizontal line for the step content is aligned centered vertically.\\n .mat-stepper-label-position-bottom .mat-stepper-horizontal-line {\\n top: $vertical-padding + $mat-stepper-label-header-height / 2;\\n }\\n }\\n}\\n\\n@mixin mat-stepper-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-stepper') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-stepper-color($color);\\n }\\n @if $density != null {\\n @include _mat-stepper-density($density);\\n }\\n @if $typography != null {\\n @include mat-stepper-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n@mixin mat-sort-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-sort-header-arrow {\\n $table-background: mat-color($background, 'card');\\n $text-color: mat-color($foreground, secondary-text);\\n\\n // Because the arrow is made up of multiple elements that are stacked on top of each other,\\n // we can't use the semi-transparent color from the theme directly. If the value is a color\\n // *type*, we convert it into a solid color by taking the opacity from the rgba value and\\n // using the value to determine the percentage of the background to put into foreground\\n // when mixing the colors together. Otherwise, if it resolves to something different\\n // (e.g. it resolves to a CSS variable), we use the color directly.\\n @if (type-of($table-background) == color and type-of($text-color) == color) {\\n $text-opacity: opacity($text-color);\\n color: mix($table-background, rgba($text-color, 1), (1 - $text-opacity) * 100%);\\n }\\n @else {\\n color: $text-color;\\n }\\n }\\n}\\n\\n@mixin mat-sort-typography($config-or-theme) {}\\n\\n@mixin _mat-sort-density($config-or-theme) {}\\n\\n@mixin mat-sort-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-sort') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-sort-color($color);\\n }\\n @if $density != null {\\n @include _mat-sort-density($density);\\n }\\n @if $typography != null {\\n @include mat-sort-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-tabs-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n $header-border: 1px solid mat-color($foreground, divider);\\n\\n .mat-tab-nav-bar,\\n .mat-tab-header {\\n border-bottom: $header-border;\\n }\\n\\n .mat-tab-group-inverted-header {\\n .mat-tab-nav-bar,\\n .mat-tab-header {\\n border-top: $header-border;\\n border-bottom: none;\\n }\\n }\\n\\n .mat-tab-label, .mat-tab-link {\\n color: mat-color($foreground, text);\\n\\n &.mat-tab-disabled {\\n color: mat-color($foreground, disabled-text);\\n }\\n }\\n\\n .mat-tab-header-pagination-chevron {\\n border-color: mat-color($foreground, text);\\n }\\n\\n .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: mat-color($foreground, disabled-text);\\n }\\n\\n // Remove header border when there is a background color\\n .mat-tab-group[class*='mat-background-'] .mat-tab-header,\\n .mat-tab-nav-bar[class*='mat-background-'] {\\n border-bottom: none;\\n border-top: none;\\n }\\n\\n .mat-tab-group, .mat-tab-nav-bar {\\n $theme-colors: (\\n primary: $primary,\\n accent: $accent,\\n warn: $warn\\n );\\n\\n @each $name, $color in $theme-colors {\\n // Set the foreground color of the tabs\\n &.mat-#{$name} {\\n @include _mat-tab-label-focus($color);\\n @include _mat-ink-bar($color);\\n\\n // Override ink bar when background color is the same\\n &.mat-background-#{$name} {\\n @include _mat-ink-bar($color, default-contrast);\\n }\\n }\\n }\\n\\n @each $name, $color in $theme-colors {\\n // Set background color of the tabs and override focus color\\n &.mat-background-#{$name} {\\n @include _mat-tab-label-focus($color);\\n @include _mat-tabs-background($color);\\n }\\n }\\n }\\n}\\n\\n@mixin _mat-ink-bar($color, $hue: default) {\\n .mat-ink-bar {\\n background-color: mat-color($color, $hue);\\n }\\n}\\n\\n@mixin _mat-tab-label-focus($tab-focus-color) {\\n .mat-tab-label,\\n .mat-tab-link {\\n &.cdk-keyboard-focused,\\n &.cdk-program-focused {\\n &:not(.mat-tab-disabled) {\\n background-color: mat-color($tab-focus-color, lighter, 0.3);\\n }\\n }\\n }\\n}\\n\\n@mixin _mat-tabs-background($background-color) {\\n // Set background color for the tab group\\n .mat-tab-header, .mat-tab-links, .mat-tab-header-pagination {\\n background-color: mat-color($background-color);\\n }\\n\\n // Set labels to contrast against background\\n .mat-tab-label, .mat-tab-link {\\n color: mat-color($background-color, default-contrast);\\n\\n &.mat-tab-disabled {\\n color: mat-color($background-color, default-contrast, 0.4);\\n }\\n }\\n\\n // Set pagination chevrons to contrast background\\n .mat-tab-header-pagination-chevron {\\n border-color: mat-color($background-color, default-contrast);\\n }\\n\\n .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: mat-color($background-color, default-contrast, 0.4);\\n }\\n\\n // Set ripples color to be the contrast color of the new background. Otherwise the ripple\\n // color will be based on the app background color.\\n .mat-ripple-element {\\n background-color: mat-color($background-color, default-contrast, 0.12);\\n }\\n}\\n\\n@mixin mat-tabs-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-tab-group {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-tab-label, .mat-tab-link {\\n font: {\\n family: mat-font-family($config, button);\\n size: mat-font-size($config, button);\\n weight: mat-font-weight($config, button);\\n }\\n }\\n}\\n\\n@mixin _mat-tabs-density($config-or-theme) {}\\n\\n@mixin mat-tabs-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-tabs') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-tabs-color($color);\\n }\\n @if $density != null {\\n @include _mat-tabs-density($density);\\n }\\n @if $typography != null {\\n @include mat-tabs-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n// Minimum height for toolbar's in the highest density is difficult to determine because\\n// developers can project arbitrary content. We use a minimum value that ensures that most\\n// common content (e.g. icon buttons) does not exceed the row boundaries in highest density.\\n$mat-toolbar-minimum-height: 44px !default;\\n\\n$mat-toolbar-height-desktop: 64px !default;\\n$mat-toolbar-maximum-height-desktop: $mat-toolbar-height-desktop !default;\\n$mat-toolbar-minimum-height-desktop: $mat-toolbar-minimum-height !default;\\n\\n$mat-toolbar-height-mobile: 56px !default;\\n$mat-toolbar-maximum-height-mobile: $mat-toolbar-height-mobile !default;\\n$mat-toolbar-minimum-height-mobile: $mat-toolbar-minimum-height !default;\\n\\n$mat-toolbar-desktop-density-config: (\\n height: (\\n default: $mat-toolbar-height-desktop,\\n maximum: $mat-toolbar-maximum-height-desktop,\\n minimum: $mat-toolbar-minimum-height-desktop,\\n )\\n) !default;\\n\\n$mat-toolbar-mobile-density-config: (\\n height: (\\n default: $mat-toolbar-height-mobile,\\n maximum: $mat-toolbar-maximum-height-mobile,\\n minimum: $mat-toolbar-minimum-height-mobile,\\n )\\n) !default;\\n\\n\\n@mixin _mat-toolbar-height($height) {\\n .mat-toolbar-multiple-rows {\\n min-height: $height;\\n }\\n .mat-toolbar-row, .mat-toolbar-single-row {\\n height: $height;\\n }\\n}\\n\\n@mixin _mat-toolbar-color($palette) {\\n background: mat-color($palette);\\n color: mat-color($palette, default-contrast);\\n}\\n\\n@mixin _mat-toolbar-form-field-overrides {\\n .mat-form-field-underline,\\n .mat-form-field-ripple,\\n .mat-focused .mat-form-field-ripple {\\n background-color: currentColor;\\n }\\n\\n .mat-form-field-label,\\n .mat-focused .mat-form-field-label,\\n .mat-select-value,\\n .mat-select-arrow,\\n .mat-form-field.mat-focused .mat-select-arrow {\\n color: inherit;\\n }\\n\\n .mat-input-element {\\n caret-color: currentColor;\\n }\\n}\\n\\n@mixin mat-toolbar-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-toolbar {\\n background: mat-color($background, app-bar);\\n color: mat-color($foreground, text);\\n\\n &.mat-primary {\\n @include _mat-toolbar-color($primary);\\n }\\n\\n &.mat-accent {\\n @include _mat-toolbar-color($accent);\\n }\\n\\n &.mat-warn {\\n @include _mat-toolbar-color($warn);\\n }\\n\\n @include _mat-toolbar-form-field-overrides;\\n }\\n}\\n\\n@mixin mat-toolbar-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-toolbar,\\n .mat-toolbar h1,\\n .mat-toolbar h2,\\n .mat-toolbar h3,\\n .mat-toolbar h4,\\n .mat-toolbar h5,\\n .mat-toolbar h6 {\\n @include mat-typography-level-to-styles($config, title);\\n margin: 0;\\n }\\n}\\n\\n@mixin _mat-toolbar-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n $height-desktop: _mat-density-prop-value(\\n $mat-toolbar-desktop-density-config, $density-scale, height);\\n $height-mobile: _mat-density-prop-value(\\n $mat-toolbar-mobile-density-config, $density-scale, height);\\n\\n @include _mat-density-legacy-compatibility() {\\n // Set the default height for the toolbar.\\n @include _mat-toolbar-height($height-desktop);\\n\\n // As per specs, toolbars should have a different height in mobile devices. This has been\\n // specified in the old guidelines and is still observable in the new specifications by\\n // looking at the spec images. See: https://material.io/design/components/app-bars-top.html#anatomy\\n @media ($mat-xsmall) {\\n @include _mat-toolbar-height($height-mobile);\\n }\\n }\\n}\\n\\n@mixin mat-toolbar-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-toolbar') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-toolbar-color($color);\\n }\\n @if $density != null {\\n @include _mat-toolbar-density($density);\\n }\\n @if $typography != null {\\n @include mat-toolbar-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n$mat-tooltip-target-height: 22px;\\n$mat-tooltip-font-size: 10px;\\n$mat-tooltip-vertical-padding: ($mat-tooltip-target-height - $mat-tooltip-font-size) / 2;\\n\\n$mat-tooltip-handset-target-height: 30px;\\n$mat-tooltip-handset-font-size: 14px;\\n$mat-tooltip-handset-vertical-padding:\\n ($mat-tooltip-handset-target-height - $mat-tooltip-handset-font-size) / 2;\\n\\n@mixin mat-tooltip-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n\\n .mat-tooltip {\\n background: mat-color($background, tooltip, 0.9);\\n }\\n}\\n\\n@mixin mat-tooltip-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-tooltip {\\n font-family: mat-font-family($config);\\n font-size: $mat-tooltip-font-size;\\n padding-top: $mat-tooltip-vertical-padding;\\n padding-bottom: $mat-tooltip-vertical-padding;\\n }\\n\\n .mat-tooltip-handset {\\n font-size: $mat-tooltip-handset-font-size;\\n padding-top: $mat-tooltip-handset-vertical-padding;\\n padding-bottom: $mat-tooltip-handset-vertical-padding;\\n }\\n}\\n\\n@mixin _mat-tooltip-density($config-or-theme) {}\\n\\n@mixin mat-tooltip-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-tooltip') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-tooltip-color($color);\\n }\\n @if $density != null {\\n @include _mat-tooltip-density($density);\\n }\\n @if $typography != null {\\n @include mat-tooltip-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-snack-bar-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $is-dark-theme: map-get($config, is-dark);\\n $accent: map-get($config, accent);\\n\\n .mat-snack-bar-container {\\n // Use the primary text on the dark theme, even though the lighter one uses\\n // a secondary, because the contrast on the light primary text is poor.\\n color: if($is-dark-theme, $dark-primary-text, $light-secondary-text);\\n background: if($is-dark-theme, map-get($mat-grey, 50), #323232);\\n\\n @include _mat-theme-elevation(6, $config);\\n }\\n\\n .mat-simple-snackbar-action {\\n color: if($is-dark-theme, inherit, mat-color($accent, text));\\n }\\n}\\n\\n@mixin mat-snack-bar-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-simple-snackbar {\\n font: {\\n family: mat-font-family($config, body-1);\\n size: mat-font-size($config, body-1);\\n }\\n }\\n\\n .mat-simple-snackbar-action {\\n line-height: 1;\\n font: {\\n family: inherit;\\n size: inherit;\\n weight: mat-font-weight($config, button);\\n }\\n }\\n}\\n\\n@mixin _mat-snack-bar-density($config-or-theme) {}\\n\\n@mixin mat-snack-bar-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-snack-bar') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-snack-bar-color($color);\\n }\\n @if $density != null {\\n @include _mat-snack-bar-density($density);\\n }\\n @if $typography != null {\\n @include mat-snack-bar-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n// Theme styles that only apply to the fill appearance of the form-field.\\n\\n@mixin mat-form-field-fill-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $is-dark-theme: map-get($config, is-dark);\\n\\n $fill-background: mat-color($foreground, base, if($is-dark-theme, 0.1, 0.04));\\n $fill-disabled-background: mat-color($foreground, base, if($is-dark-theme, 0.05, 0.02));\\n $underline-color: mat-color($foreground, divider, if($is-dark-theme, 0.5, 0.42));\\n $label-disabled-color: mat-color($foreground, disabled-text);\\n\\n .mat-form-field-appearance-fill {\\n .mat-form-field-flex {\\n background-color: $fill-background;\\n }\\n\\n &.mat-form-field-disabled .mat-form-field-flex {\\n background-color: $fill-disabled-background;\\n }\\n\\n .mat-form-field-underline::before {\\n background-color: $underline-color;\\n }\\n\\n &.mat-form-field-disabled {\\n .mat-form-field-label {\\n color: $label-disabled-color;\\n }\\n\\n .mat-form-field-underline::before {\\n background-color: transparent;\\n }\\n }\\n }\\n}\\n\\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\\n// an unknown pseudo-class it will discard the entire rule set.\\n$mat-form-field-fill-dedupe: 0;\\n\\n// Applies a floating label above the form field control itself.\\n@mixin _mat-form-field-fill-label-floating($font-scale, $infix-padding, $infix-margin-top) {\\n transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-fill-dedupe)\\n scale($font-scale);\\n width: 100% / $font-scale + $mat-form-field-fill-dedupe;\\n\\n $mat-form-field-fill-dedupe: $mat-form-field-fill-dedupe + 0.00001 !global;\\n}\\n\\n@mixin mat-form-field-fill-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n // The unit-less line-height from the font config.\\n $line-height: mat-line-height($config, input);\\n // The amount to scale the font for the floating label and subscript.\\n $subscript-font-scale: 0.75;\\n // The padding on top of the infix.\\n $infix-padding-top: 0.25em;\\n // The padding below the infix.\\n $infix-padding-bottom: 0.75em;\\n // The margin applied to the form-field-infix to reserve space for the floating label.\\n $infix-margin-top: 1em * $line-height * $subscript-font-scale;\\n // The amount we offset the label from the input text in the fill appearance.\\n $fill-appearance-label-offset: -0.5em;\\n\\n .mat-form-field-appearance-fill {\\n .mat-form-field-infix {\\n padding: $infix-padding-top 0 $infix-padding-bottom 0;\\n }\\n\\n .mat-form-field-label {\\n top: $infix-margin-top + $infix-padding-top;\\n margin-top: $fill-appearance-label-offset;\\n }\\n\\n &.mat-form-field-can-float {\\n &.mat-form-field-should-float .mat-form-field-label,\\n .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n @include _mat-form-field-fill-label-floating(\\n $subscript-font-scale, $infix-padding-top + $fill-appearance-label-offset,\\n $infix-margin-top);\\n }\\n\\n // Server-side rendered matInput with a label attribute but label not shown\\n // (used as a pure CSS stand-in for mat-form-field-should-float).\\n .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-fill-label-floating(\\n $subscript-font-scale, $infix-padding-top + $fill-appearance-label-offset,\\n $infix-margin-top);\\n }\\n }\\n }\\n}\\n\\n@mixin _mat-form-field-fill-density($config-or-theme) {}\\n\\n@mixin mat-form-field-fill-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field-fill') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-form-field-fill-color($color);\\n }\\n @if $density != null {\\n @include _mat-form-field-fill-density($density);\\n }\\n @if $typography != null {\\n @include mat-form-field-fill-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n// Theme styles that only apply to the legacy appearance of the form-field.\\n\\n@mixin mat-form-field-legacy-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $is-dark-theme: map-get($config, is-dark);\\n\\n $label-color: mat-color($foreground, secondary-text);\\n $underline-color: mat-color($foreground, divider, if($is-dark-theme, 0.7, 0.42));\\n\\n .mat-form-field-appearance-legacy {\\n .mat-form-field-label {\\n color: $label-color;\\n }\\n\\n .mat-hint {\\n color: $label-color;\\n }\\n\\n .mat-form-field-underline {\\n background-color: $underline-color;\\n }\\n\\n &.mat-form-field-disabled .mat-form-field-underline {\\n @include mat-control-disabled-underline($underline-color);\\n }\\n }\\n}\\n\\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\\n// an unknown pseudo-class it will discard the entire rule set.\\n$mat-form-field-legacy-dedupe: 0;\\n\\n// Applies a floating label above the form field control itself.\\n@mixin _mat-form-field-legacy-label-floating($font-scale, $infix-padding, $infix-margin-top) {\\n // We use perspective to fix the text blurriness as described here:\\n // http://www.useragentman.com/blog/2014/05/04/fixing-typography-inside-of-2-d-css-transforms/\\n // This results in a small jitter after the label floats on Firefox, which the\\n // translateZ fixes.\\n transform: translateY(-$infix-margin-top - $infix-padding) scale($font-scale) perspective(100px)\\n translateZ(0.001px + $mat-form-field-legacy-dedupe);\\n // The tricks above used to smooth out the animation on chrome and firefox actually make things\\n // worse on IE, so we don't include them in the IE version.\\n -ms-transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-legacy-dedupe)\\n scale($font-scale);\\n\\n width: 100% / $font-scale + $mat-form-field-legacy-dedupe;\\n\\n $mat-form-field-legacy-dedupe: $mat-form-field-legacy-dedupe + 0.00001 !global;\\n}\\n\\n// Same as mixin above, but omits the translateZ for printing purposes.\\n@mixin _mat-form-field-legacy-label-floating-print($font-scale, $infix-padding, $infix-margin-top) {\\n // This results in a small jitter after the label floats on Firefox, which the\\n // translateZ fixes.\\n transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-legacy-dedupe)\\n scale($font-scale);\\n // The tricks above used to smooth out the animation on chrome and firefox actually make things\\n // worse on IE, so we don't include them in the IE version.\\n $mat-form-field-legacy-dedupe: $mat-form-field-legacy-dedupe + 0.00001 !global;\\n}\\n\\n@mixin mat-form-field-legacy-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n // The unit-less line-height from the font config.\\n $line-height: mat-line-height($config, input);\\n // The amount to scale the font for the floating label and subscript.\\n $subscript-font-scale: 0.75;\\n // The amount of space between the top of the line and the top of the actual text\\n // (as a fraction of the font-size).\\n $line-spacing: ($line-height - 1) / 2;\\n // The padding on the infix. Mocks show half of the text size, but seem to measure from the edge\\n // of the text itself, not the edge of the line; therefore we subtract off the line spacing.\\n $infix-padding: 0.5em - $line-spacing;\\n // The margin applied to the form-field-infix to reserve space for the floating label.\\n $infix-margin-top: 1em * $line-height * $subscript-font-scale;\\n // The space between the bottom of the .mat-form-field-flex area and the subscript wrapper.\\n // Mocks show half of the text size, but this margin is applied to an element with the subscript\\n // text font size, so we need to divide by the scale factor to make it half of the original text\\n // size. We again need to subtract off the line spacing since the mocks measure to the edge of the\\n // text, not the edge of the line.\\n $subscript-margin-top: 0.5em / $subscript-font-scale - ($line-spacing * 2);\\n // The padding applied to the form-field-wrapper to reserve space for the subscript, since it's\\n // absolutely positioned. This is a combination of the subscript's margin and line-height, but we\\n // need to multiply by the subscript font scale factor since the wrapper has a larger font size.\\n $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;\\n\\n .mat-form-field-appearance-legacy {\\n .mat-form-field-wrapper {\\n padding-bottom: $wrapper-padding-bottom;\\n }\\n\\n .mat-form-field-infix {\\n padding: $infix-padding 0;\\n }\\n\\n &.mat-form-field-can-float {\\n &.mat-form-field-should-float .mat-form-field-label,\\n .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n @include _mat-form-field-legacy-label-floating(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n\\n // @breaking-change 8.0.0 will rely on AutofillMonitor instead.\\n .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-legacy-label-floating(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n\\n // Server-side rendered matInput with a label attribute but label not shown\\n // (used as a pure CSS stand-in for mat-form-field-should-float).\\n .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-legacy-label-floating(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n }\\n\\n .mat-form-field-label {\\n top: $infix-margin-top + $infix-padding;\\n }\\n\\n .mat-form-field-underline {\\n // We want the underline to start at the end of the content box, not the padding box,\\n // so we move it up by the padding amount.\\n bottom: $wrapper-padding-bottom;\\n }\\n\\n .mat-form-field-subscript-wrapper {\\n margin-top: $subscript-margin-top;\\n\\n // We want the subscript to start at the end of the content box, not the padding box,\\n // so we move it up by the padding amount (adjusted for the smaller font size);\\n top: calc(100% - #{$wrapper-padding-bottom / $subscript-font-scale});\\n }\\n }\\n\\n // translateZ causes the label to not appear while printing, so we override it to not\\n // apply translateZ while printing\\n @media print {\\n .mat-form-field-appearance-legacy {\\n &.mat-form-field-can-float {\\n &.mat-form-field-should-float .mat-form-field-label,\\n .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n @include _mat-form-field-legacy-label-floating-print(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n\\n // @breaking-change 8.0.0 will rely on AutofillMonitor instead.\\n .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-legacy-label-floating-print(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n\\n // Server-side rendered matInput with a label attribute but label not shown\\n // (used as a pure CSS stand-in for mat-form-field-should-float).\\n .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-legacy-label-floating-print(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n }\\n }\\n }\\n}\\n\\n@mixin _mat-form-field-legacy-density($config-or-theme) {}\\n\\n@mixin mat-form-field-legacy-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field-legacy') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-form-field-legacy-color($color);\\n }\\n @if $density != null {\\n @include _mat-form-field-legacy-density($density);\\n }\\n @if $typography != null {\\n @include mat-form-field-legacy-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n// Theme styles that only apply to the outline appearance of the form-field.\\n\\n@mixin mat-form-field-outline-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $foreground: map-get($config, foreground);\\n $is-dark-theme: map-get($config, is-dark);\\n\\n $label-disabled-color: mat-color($foreground, disabled-text);\\n $outline-color: mat-color($foreground, divider, if($is-dark-theme, 0.3, 0.12));\\n $outline-color-hover: mat-color($foreground, divider, if($is-dark-theme, 1, 0.87));\\n $outline-color-primary: mat-color($primary);\\n $outline-color-accent: mat-color($accent);\\n $outline-color-warn: mat-color($warn);\\n $outline-color-disabled: mat-color($foreground, divider, if($is-dark-theme, 0.15, 0.06));\\n\\n .mat-form-field-appearance-outline {\\n .mat-form-field-outline {\\n color: $outline-color;\\n }\\n\\n .mat-form-field-outline-thick {\\n color: $outline-color-hover;\\n }\\n\\n &.mat-focused {\\n .mat-form-field-outline-thick {\\n color: $outline-color-primary;\\n }\\n\\n &.mat-accent .mat-form-field-outline-thick {\\n color: $outline-color-accent;\\n }\\n\\n &.mat-warn .mat-form-field-outline-thick {\\n color: $outline-color-warn;\\n }\\n }\\n\\n // Class repeated so that rule is specific enough to override focused accent color case.\\n &.mat-form-field-invalid.mat-form-field-invalid {\\n .mat-form-field-outline-thick {\\n color: $outline-color-warn;\\n }\\n }\\n\\n &.mat-form-field-disabled {\\n .mat-form-field-label {\\n color: $label-disabled-color;\\n }\\n\\n .mat-form-field-outline {\\n color: $outline-color-disabled;\\n }\\n }\\n }\\n}\\n\\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\\n// an unknown pseudo-class it will discard the entire rule set.\\n$mat-form-field-outline-dedupe: 0;\\n\\n// Applies a floating label above the form field control itself.\\n@mixin _mat-form-field-outline-label-floating($font-scale, $infix-padding, $infix-margin-top) {\\n transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-outline-dedupe)\\n scale($font-scale);\\n width: 100% / $font-scale + $mat-form-field-outline-dedupe;\\n\\n $mat-form-field-outline-dedupe: $mat-form-field-outline-dedupe + 0.00001 !global;\\n}\\n\\n@mixin mat-form-field-outline-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n // The unit-less line-height from the font config.\\n $line-height: mat-line-height($config, input);\\n // The amount to scale the font for the floating label and subscript.\\n $subscript-font-scale: 0.75;\\n // The padding above and below the infix.\\n $infix-padding: 1em;\\n // The margin applied to the form-field-infix to reserve space for the floating label.\\n $infix-margin-top: 1em * $line-height * $subscript-font-scale;\\n // The space between the bottom of the .mat-form-field-flex area and the subscript wrapper.\\n // Mocks show half of the text size, but this margin is applied to an element with the subscript\\n // text font size, so we need to divide by the scale factor to make it half of the original text\\n // size.\\n $subscript-margin-top: 0.5em / $subscript-font-scale;\\n // The padding applied to the form-field-wrapper to reserve space for the subscript, since it's\\n // absolutely positioned. This is a combination of the subscript's margin and line-height, but we\\n // need to multiply by the subscript font scale factor since the wrapper has a larger font size.\\n $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;\\n // The amount we offset the label from the input text in the outline appearance.\\n $outline-appearance-label-offset: -0.25em;\\n\\n .mat-form-field-appearance-outline {\\n .mat-form-field-infix {\\n padding: $infix-padding 0 $infix-padding 0;\\n }\\n\\n .mat-form-field-label {\\n top: $infix-margin-top + $infix-padding;\\n margin-top: $outline-appearance-label-offset;\\n }\\n\\n &.mat-form-field-can-float {\\n &.mat-form-field-should-float .mat-form-field-label,\\n .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n @include _mat-form-field-outline-label-floating(\\n $subscript-font-scale, $infix-padding + $outline-appearance-label-offset,\\n $infix-margin-top);\\n }\\n\\n // Server-side rendered matInput with a label attribute but label not shown\\n // (used as a pure CSS stand-in for mat-form-field-should-float).\\n .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-outline-label-floating(\\n $subscript-font-scale, $infix-padding + $outline-appearance-label-offset,\\n $infix-margin-top);\\n }\\n }\\n }\\n}\\n\\n@mixin _mat-form-field-outline-density($config-or-theme) {}\\n\\n@mixin mat-form-field-outline-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field-outline') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-form-field-outline-color($color);\\n }\\n @if $density != null {\\n @include _mat-form-field-outline-density($density);\\n }\\n @if $typography != null {\\n @include mat-form-field-outline-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n// Theme styles that only apply to the standard appearance of the form-field.\\n\\n@mixin mat-form-field-standard-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $is-dark-theme: map-get($config, is-dark);\\n\\n $underline-color: mat-color($foreground, divider, if($is-dark-theme, 0.7, 0.42));\\n\\n .mat-form-field-appearance-standard {\\n .mat-form-field-underline {\\n background-color: $underline-color;\\n }\\n\\n &.mat-form-field-disabled .mat-form-field-underline {\\n @include mat-control-disabled-underline($underline-color);\\n }\\n }\\n}\\n\\n@mixin mat-form-field-standard-typography($config-or-theme) {}\\n\\n@mixin _mat-form-field-standard-density($config-or-theme) {}\\n\\n@mixin mat-form-field-standard-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field-standard') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-form-field-standard-color($color);\\n }\\n @if $density != null {\\n @include _mat-form-field-standard-density($density);\\n }\\n @if $typography != null {\\n @include mat-form-field-standard-typography($typography);\\n }\\n }\\n}\\n\\n\\n// Color styles that apply to all appearances of the form-field.\\n@mixin mat-form-field-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n $is-dark-theme: map-get($config, is-dark);\\n\\n // Label colors. Required is used for the `*` star shown in the label.\\n $label-color: mat-color($foreground, secondary-text, if($is-dark-theme, 0.7, 0.6));\\n $focused-label-color: mat-color($primary, text);\\n $required-label-color: mat-color($accent, text);\\n\\n // Underline colors.\\n $underline-color-base: mat-color($foreground, divider, if($is-dark-theme, 1, 0.87));\\n $underline-color-accent: mat-color($accent, text);\\n $underline-color-warn: mat-color($warn, text);\\n $underline-focused-color: mat-color($primary, text);\\n\\n .mat-form-field-label {\\n color: $label-color;\\n }\\n\\n .mat-hint {\\n color: $label-color;\\n }\\n\\n .mat-form-field.mat-focused .mat-form-field-label {\\n color: $focused-label-color;\\n\\n &.mat-accent {\\n color: $underline-color-accent;\\n }\\n\\n &.mat-warn {\\n color: $underline-color-warn;\\n }\\n }\\n\\n .mat-focused .mat-form-field-required-marker {\\n color: $required-label-color;\\n }\\n\\n .mat-form-field-ripple {\\n background-color: $underline-color-base;\\n }\\n\\n .mat-form-field.mat-focused {\\n .mat-form-field-ripple {\\n background-color: $underline-focused-color;\\n\\n &.mat-accent {\\n background-color: $underline-color-accent;\\n }\\n\\n &.mat-warn {\\n background-color: $underline-color-warn;\\n }\\n }\\n }\\n\\n .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) {\\n .mat-form-field-infix::after {\\n color: $underline-focused-color;\\n }\\n\\n &.mat-accent .mat-form-field-infix::after {\\n color: $underline-color-accent;\\n }\\n\\n &.mat-warn .mat-form-field-infix::after {\\n color: $underline-color-warn;\\n }\\n }\\n\\n // Styling for the error state of the form field. Note that while the same can be\\n // achieved with the ng-* classes, we use this approach in order to ensure that the same\\n // logic is used to style the error state and to show the error messages.\\n .mat-form-field.mat-form-field-invalid {\\n .mat-form-field-label {\\n color: $underline-color-warn;\\n\\n &.mat-accent,\\n .mat-form-field-required-marker {\\n color: $underline-color-warn;\\n }\\n }\\n\\n .mat-form-field-ripple,\\n .mat-form-field-ripple.mat-accent {\\n background-color: $underline-color-warn;\\n }\\n }\\n\\n .mat-error {\\n color: $underline-color-warn;\\n }\\n\\n @include mat-form-field-legacy-color($config);\\n @include mat-form-field-standard-color($config);\\n @include mat-form-field-fill-color($config);\\n @include mat-form-field-outline-color($config);\\n}\\n\\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\\n// an unknown pseudo-class it will discard the entire rule set.\\n$mat-form-field-dedupe: 0;\\n\\n// Applies a floating label above the form field control itself.\\n@mixin _mat-form-field-label-floating($font-scale, $infix-padding, $infix-margin-top) {\\n transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-dedupe)\\n scale($font-scale);\\n width: 100% / $font-scale + $mat-form-field-dedupe;\\n\\n $mat-form-field-dedupe: $mat-form-field-dedupe + 0.00001 !global;\\n}\\n\\n@mixin mat-form-field-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n // The unit-less line-height from the font config.\\n $line-height: mat-line-height($config, input);\\n\\n // The amount to scale the font for the floating label and subscript.\\n $subscript-font-scale: 0.75;\\n // The amount to scale the font for the prefix and suffix icons.\\n $prefix-suffix-icon-font-scale: 1.5;\\n\\n // The padding on the infix. Mocks show half of the text size.\\n $infix-padding: 0.5em;\\n // The margin applied to the form-field-infix to reserve space for the floating label.\\n $infix-margin-top: 1em * $line-height * $subscript-font-scale;\\n // Font size to use for the label and subscript text.\\n $subscript-font-size: $subscript-font-scale * 100%;\\n // Font size to use for the for the prefix and suffix icons.\\n $prefix-suffix-icon-font-size: $prefix-suffix-icon-font-scale * 100%;\\n // The space between the bottom of the .mat-form-field-flex area and the subscript wrapper.\\n // Mocks show half of the text size, but this margin is applied to an element with the subscript\\n // text font size, so we need to divide by the scale factor to make it half of the original text\\n // size.\\n $subscript-margin-top: 0.5em / $subscript-font-scale;\\n // The padding applied to the form-field-wrapper to reserve space for the subscript, since it's\\n // absolutely positioned. This is a combination of the subscript's margin and line-height, but we\\n // need to multiply by the subscript font scale factor since the wrapper has a larger font size.\\n $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;\\n\\n .mat-form-field {\\n @include mat-typography-level-to-styles($config, input);\\n }\\n\\n .mat-form-field-wrapper {\\n padding-bottom: $wrapper-padding-bottom;\\n }\\n\\n .mat-form-field-prefix,\\n .mat-form-field-suffix {\\n // Allow icons in a prefix or suffix to adapt to the correct size.\\n .mat-icon {\\n font-size: $prefix-suffix-icon-font-size;\\n line-height: $line-height;\\n }\\n\\n // Allow icon buttons in a prefix or suffix to adapt to the correct size.\\n .mat-icon-button {\\n height: $prefix-suffix-icon-font-scale * 1em;\\n width: $prefix-suffix-icon-font-scale * 1em;\\n\\n .mat-icon {\\n height: $line-height * 1em;\\n line-height: $line-height;\\n }\\n }\\n }\\n\\n .mat-form-field-infix {\\n padding: $infix-padding 0;\\n // Throws off the baseline if we do it as a real margin, so we do it as a border instead.\\n border-top: $infix-margin-top solid transparent;\\n }\\n\\n .mat-form-field-can-float {\\n &.mat-form-field-should-float .mat-form-field-label,\\n .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n @include _mat-form-field-label-floating(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n\\n // Server-side rendered matInput with a label attribute but label not shown\\n // (used as a pure CSS stand-in for mat-form-field-should-float).\\n .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-label-floating(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n }\\n\\n .mat-form-field-label-wrapper {\\n top: -$infix-margin-top;\\n padding-top: $infix-margin-top;\\n }\\n\\n .mat-form-field-label {\\n top: $infix-margin-top + $infix-padding;\\n }\\n\\n .mat-form-field-underline {\\n // We want the underline to start at the end of the content box, not the padding box,\\n // so we move it up by the padding amount.\\n bottom: $wrapper-padding-bottom;\\n }\\n\\n .mat-form-field-subscript-wrapper {\\n font-size: $subscript-font-size;\\n margin-top: $subscript-margin-top;\\n\\n // We want the subscript to start at the end of the content box, not the padding box,\\n // so we move it up by the padding amount (adjusted for the smaller font size);\\n top: calc(100% - #{$wrapper-padding-bottom / $subscript-font-scale});\\n }\\n\\n @include mat-form-field-legacy-typography($config);\\n @include mat-form-field-standard-typography($config);\\n @include mat-form-field-fill-typography($config);\\n @include mat-form-field-outline-typography($config);\\n}\\n\\n@mixin _mat-form-field-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n @include _mat-form-field-legacy-density($density-scale);\\n @include _mat-form-field-standard-density($density-scale);\\n @include _mat-form-field-fill-density($density-scale);\\n @include _mat-form-field-outline-density($density-scale);\\n}\\n\\n@mixin mat-form-field-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-form-field-color($color);\\n }\\n @if $density != null {\\n @include _mat-form-field-density($density);\\n }\\n @if $typography != null {\\n @include mat-form-field-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n$mat-tree-node-height: 48px !default;\\n// Minimum height for tree nodes in highest density is difficult to determine as\\n// developers can display arbitrary content. We use a minimum height which ensures\\n// that common content placed in tree nodes does not exceed (e.g. icons, checkboxes).\\n$mat-tree-node-minimum-height: 24px !default;\\n$mat-tree-node-maximum-height: $mat-tree-node-height !default;\\n\\n$mat-tree-density-config: (\\n height: (\\n default: $mat-tree-node-height,\\n maximum: $mat-tree-node-maximum-height,\\n minimum: $mat-tree-node-minimum-height,\\n )\\n) !default;\\n\\n\\n@mixin mat-tree-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-tree {\\n background: mat-color($background, 'card');\\n }\\n\\n .mat-tree-node,\\n .mat-nested-tree-node {\\n color: mat-color($foreground, text);\\n }\\n}\\n\\n@mixin mat-tree-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-tree {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-tree-node,\\n .mat-nested-tree-node {\\n font-weight: mat-font-weight($config, body-1);\\n font-size: mat-font-size($config, body-1);\\n }\\n}\\n\\n@mixin _mat-tree-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n $height: _mat-density-prop-value($mat-tree-density-config, $density-scale, height);\\n\\n @include _mat-density-legacy-compatibility() {\\n .mat-tree-node {\\n min-height: $height;\\n }\\n }\\n}\\n\\n@mixin mat-tree-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-tree') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-tree-color($color);\\n }\\n @if $density != null {\\n @include _mat-tree-density($density);\\n }\\n @if $typography != null {\\n @include mat-tree-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n// Includes all of the typographic styles.\\n@mixin angular-material-typography($config-or-theme: null) {\\n $config: if(_mat-is-theme-object($config-or-theme),\\n mat-get-typography-config($config-or-theme), $config-or-theme);\\n\\n // If no actual color configuration has been specified, create a default one.\\n @if not $config {\\n $config: mat-typography-config();\\n }\\n\\n // TODO: COMP-309: Do not use individual mixins. Instead, use the all-theme mixin and only\\n // specify a `typography` config while setting `color` and `density` to `null`. This is currently\\n // not possible as it would introduce a circular dependency for typography because the `mat-core`\\n // mixin that is transitively loaded by the `all-theme` file, imports `all-typography` which\\n // would then load `all-theme` again. This ultimately results a circular dependency.\\n\\n @include mat-badge-typography($config);\\n @include mat-base-typography($config);\\n @include mat-autocomplete-typography($config);\\n @include mat-bottom-sheet-typography($config);\\n @include mat-button-typography($config);\\n @include mat-button-toggle-typography($config);\\n @include mat-card-typography($config);\\n @include mat-checkbox-typography($config);\\n @include mat-chips-typography($config);\\n @include mat-divider-typography($config);\\n @include mat-table-typography($config);\\n @include mat-datepicker-typography($config);\\n @include mat-dialog-typography($config);\\n @include mat-expansion-panel-typography($config);\\n @include mat-form-field-typography($config);\\n @include mat-grid-list-typography($config);\\n @include mat-icon-typography($config);\\n @include mat-input-typography($config);\\n @include mat-menu-typography($config);\\n @include mat-paginator-typography($config);\\n @include mat-progress-bar-typography($config);\\n @include mat-progress-spinner-typography($config);\\n @include mat-radio-typography($config);\\n @include mat-select-typography($config);\\n @include mat-sidenav-typography($config);\\n @include mat-slide-toggle-typography($config);\\n @include mat-slider-typography($config);\\n @include mat-stepper-typography($config);\\n @include mat-sort-typography($config);\\n @include mat-tabs-typography($config);\\n @include mat-toolbar-typography($config);\\n @include mat-tooltip-typography($config);\\n @include mat-list-typography($config);\\n @include mat-option-typography($config);\\n @include mat-optgroup-typography($config);\\n @include mat-snack-bar-typography($config);\\n @include mat-tree-typography($config);\\n}\\n\\n\\n// Mixin that renders all of the core styles that are not theme-dependent.\\n@mixin mat-core($typography-config: null) {\\n @include angular-material-typography($typography-config);\\n @include mat-ripple();\\n @include cdk-a11y();\\n @include cdk-overlay();\\n @include cdk-text-field();\\n\\n @include _mat-strong-focus-indicators-positioning();\\n @include _mat-mdc-core();\\n}\\n\\n@mixin mat-core-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n // Wrapper element that provides the theme background when the user's content isn't\\n // inside of a `mat-sidenav-container`. Note that we need to exclude the ampersand\\n // selector in case the mixin is included at the top level.\\n .mat-app-background#{if(&, ', &.mat-app-background', '')} {\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n background-color: mat-color($background, background);\\n color: mat-color($foreground, text);\\n }\\n\\n // Provides external CSS classes for each elevation value. Each CSS class is formatted as\\n // `mat-elevation-z$zValue` where `$zValue` corresponds to the z-space to which the element is\\n // elevated.\\n @for $zValue from 0 through 24 {\\n .#{$_mat-elevation-prefix}#{$zValue} {\\n @include _mat-theme-elevation($zValue, $config);\\n }\\n }\\n\\n // Marker that is used to determine whether the user has added a theme to their page.\\n @at-root {\\n .mat-theme-loaded-marker {\\n display: none;\\n }\\n }\\n}\\n\\n// Mixin that renders all of the core styles that depend on the theme.\\n@mixin mat-core-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n // Wrap the sub-theme includes in the duplicate theme styles mixin. This ensures that\\n // there won't be multiple warnings. e.g. if `mat-core-theme` reports a warning, then\\n // the imported themes (such as `mat-ripple-theme`) should not report again.\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-core') {\\n @include mat-ripple-theme($theme);\\n @include mat-option-theme($theme);\\n @include mat-optgroup-theme($theme);\\n @include mat-pseudo-checkbox-theme($theme);\\n\\n $color: mat-get-color-config($theme);\\n @if $color != null {\\n @include mat-core-color($color);\\n }\\n }\\n}\\n\\n// Mixin that renders all of the core MDC styles. Private mixin included with `mat-core`.\\n@mixin _mat-mdc-core() {\\n @include _mat-mdc-strong-focus-indicators-positioning();\\n}\\n\\n// Mixin that ensures focus indicator host elements are positioned so that the focus indicator\\n// pseudo element within is positioned relative to the host. Private mixin included within\\n// `_mat-mdc-core`.\\n@mixin _mat-mdc-strong-focus-indicators-positioning() {\\n .mat-mdc-focus-indicator {\\n position: relative;\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n// Create a theme.\\n@mixin angular-material-theme($theme-or-color-config) {\\n @include _mat-check-duplicate-theme-styles($theme-or-color-config, 'angular-material-theme') {\\n @include mat-core-theme($theme-or-color-config);\\n @include mat-autocomplete-theme($theme-or-color-config);\\n @include mat-badge-theme($theme-or-color-config);\\n @include mat-bottom-sheet-theme($theme-or-color-config);\\n @include mat-button-theme($theme-or-color-config);\\n @include mat-button-toggle-theme($theme-or-color-config);\\n @include mat-card-theme($theme-or-color-config);\\n @include mat-checkbox-theme($theme-or-color-config);\\n @include mat-chips-theme($theme-or-color-config);\\n @include mat-table-theme($theme-or-color-config);\\n @include mat-datepicker-theme($theme-or-color-config);\\n @include mat-dialog-theme($theme-or-color-config);\\n @include mat-divider-theme($theme-or-color-config);\\n @include mat-expansion-panel-theme($theme-or-color-config);\\n @include mat-form-field-theme($theme-or-color-config);\\n @include mat-grid-list-theme($theme-or-color-config);\\n @include mat-icon-theme($theme-or-color-config);\\n @include mat-input-theme($theme-or-color-config);\\n @include mat-list-theme($theme-or-color-config);\\n @include mat-menu-theme($theme-or-color-config);\\n @include mat-paginator-theme($theme-or-color-config);\\n @include mat-progress-bar-theme($theme-or-color-config);\\n @include mat-progress-spinner-theme($theme-or-color-config);\\n @include mat-radio-theme($theme-or-color-config);\\n @include mat-select-theme($theme-or-color-config);\\n @include mat-sidenav-theme($theme-or-color-config);\\n @include mat-slide-toggle-theme($theme-or-color-config);\\n @include mat-slider-theme($theme-or-color-config);\\n @include mat-stepper-theme($theme-or-color-config);\\n @include mat-sort-theme($theme-or-color-config);\\n @include mat-tabs-theme($theme-or-color-config);\\n @include mat-toolbar-theme($theme-or-color-config);\\n @include mat-tooltip-theme($theme-or-color-config);\\n @include mat-tree-theme($theme-or-color-config);\\n @include mat-snack-bar-theme($theme-or-color-config);\\n }\\n}\\n\\n\\n// Includes all of the color styles.\\n@mixin angular-material-color($config-or-theme) {\\n // In case a theme object has been passed instead of a configuration for\\n // the color system, extract the color config from the theme object.\\n $config: if(_mat-is-theme-object($config-or-theme),\\n mat-get-color-config($config-or-theme), $config-or-theme);\\n\\n @if $config == null {\\n @error 'No color configuration specified.';\\n }\\n\\n @include angular-material-theme((\\n color: $config,\\n typography: null,\\n density: null,\\n ));\\n}\\n\\n\\n\\n// Includes all of the density styles.\\n@mixin _angular-material-density($config-or-theme) {\\n // In case a theme object has been passed instead of a configuration for\\n // the density system, extract the density config from the theme object.\\n $config: if(_mat-is-theme-object($config-or-theme),\\n mat-get-density-config($config-or-theme), $config-or-theme);\\n\\n @if $config == null {\\n @error 'No density configuration specified.';\\n }\\n\\n @include angular-material-theme((\\n color: null,\\n typography: null,\\n density: $config,\\n ));\\n}\\n\\n\\n\\n\",\"/**\\n* Generated theme by Material Theme Generator\\n* https://materialtheme.arcsine.dev\\n*/\\n/* Colors for the ripple elements.*/\\n/* stylelint-disable-next-line material/theme-mixin-api */\\n/* stylelint-disable-next-line material/theme-mixin-api */\\n/* stylelint-disable material/no-prefixes */\\n/* stylelint-enable */\\n@import 'https://fonts.googleapis.com/css?family=Material+Icons';\\n@import url(\\\"https://fonts.googleapis.com/css?family=Montserrat:300,400,500\\\");\\n.mat-badge-content {\\n font-weight: 600;\\n font-size: 12px;\\n}\\n\\n.mat-badge-small .mat-badge-content {\\n font-size: 9px;\\n}\\n\\n.mat-badge-large .mat-badge-content {\\n font-size: 24px;\\n}\\n\\n.mat-h1, .mat-headline, .mat-typography h1 {\\n font: 400 24px/32px Montserrat;\\n letter-spacing: 0em;\\n margin: 0 0 16px;\\n}\\n\\n.mat-h2, .mat-title, .mat-typography h2 {\\n font: 500 20px/32px Montserrat;\\n letter-spacing: 0.0075em;\\n margin: 0 0 16px;\\n}\\n\\n.mat-h3, .mat-subheading-2, .mat-typography h3 {\\n font: 400 16px/28px Montserrat;\\n letter-spacing: 0.0094em;\\n margin: 0 0 16px;\\n}\\n\\n.mat-h4, .mat-subheading-1, .mat-typography h4 {\\n font: 500 15px/24px Montserrat;\\n letter-spacing: 0.0067em;\\n margin: 0 0 16px;\\n}\\n\\n.mat-h5, .mat-typography h5 {\\n font: 400 calc(14px * 0.83)/20px Montserrat;\\n margin: 0 0 12px;\\n}\\n\\n.mat-h6, .mat-typography h6 {\\n font: 400 calc(14px * 0.67)/20px Montserrat;\\n margin: 0 0 12px;\\n}\\n\\n.mat-body-strong, .mat-body-2 {\\n font: 500 14px/24px Montserrat;\\n letter-spacing: 0.0179em;\\n}\\n\\n.mat-body, .mat-body-1, .mat-typography {\\n font: 400 14px/20px Montserrat;\\n letter-spacing: 0.0179em;\\n}\\n.mat-body p, .mat-body-1 p, .mat-typography p {\\n margin: 0 0 12px;\\n}\\n\\n.mat-small, .mat-caption {\\n font: 400 12px/20px Montserrat;\\n letter-spacing: 0.0333em;\\n}\\n\\n.mat-display-4, .mat-typography .mat-display-4 {\\n font: 300 112px/112px Montserrat;\\n letter-spacing: -0.0134em;\\n margin: 0 0 56px;\\n}\\n\\n.mat-display-3, .mat-typography .mat-display-3 {\\n font: 400 56px/56px Montserrat;\\n letter-spacing: -0.0089em;\\n margin: 0 0 64px;\\n}\\n\\n.mat-display-2, .mat-typography .mat-display-2 {\\n font: 400 45px/48px Montserrat;\\n letter-spacing: 0em;\\n margin: 0 0 64px;\\n}\\n\\n.mat-display-1, .mat-typography .mat-display-1 {\\n font: 400 34px/40px Montserrat;\\n letter-spacing: 0.0074em;\\n margin: 0 0 64px;\\n}\\n\\n.mat-bottom-sheet-container {\\n font: 400 14px/20px Montserrat;\\n letter-spacing: 0.0179em;\\n}\\n\\n.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,\\n.mat-flat-button, .mat-fab, .mat-mini-fab {\\n font-family: Montserrat;\\n font-size: 14px;\\n font-weight: 500;\\n}\\n\\n.mat-card-title {\\n font-size: 24px;\\n font-weight: 500;\\n}\\n\\n.mat-card-header .mat-card-title {\\n font-size: 20px;\\n}\\n\\n.mat-card-subtitle,\\n.mat-card-content {\\n font-size: 14px;\\n}\\n\\n.mat-checkbox-layout .mat-checkbox-label {\\n line-height: 24px;\\n}\\n\\n.mat-chip {\\n font-size: 14px;\\n font-weight: 500;\\n}\\n.mat-chip .mat-chip-trailing-icon.mat-icon,\\n.mat-chip .mat-chip-remove.mat-icon {\\n font-size: 18px;\\n}\\n\\n.mat-header-cell {\\n font-size: 12px;\\n font-weight: 500;\\n}\\n\\n.mat-cell, .mat-footer-cell {\\n font-size: 14px;\\n}\\n\\n.mat-calendar-body {\\n font-size: 13px;\\n}\\n\\n.mat-calendar-body-label,\\n.mat-calendar-period-button {\\n font-size: 14px;\\n font-weight: 500;\\n}\\n\\n.mat-calendar-table-header th {\\n font-size: 11px;\\n font-weight: 400;\\n}\\n\\n.mat-dialog-title {\\n font: 500 20px/32px Montserrat;\\n letter-spacing: 0.0075em;\\n}\\n\\n.mat-expansion-panel-header {\\n font-family: Montserrat;\\n font-size: 15px;\\n font-weight: 500;\\n}\\n\\n.mat-expansion-panel-content {\\n font: 400 14px/20px Montserrat;\\n letter-spacing: 0.0179em;\\n}\\n\\n.mat-form-field {\\n font-size: inherit;\\n font-weight: 400;\\n line-height: 1.125;\\n font-family: Montserrat;\\n letter-spacing: 1.5px;\\n}\\n\\n.mat-form-field-wrapper {\\n padding-bottom: 1.34375em;\\n}\\n\\n.mat-form-field-prefix .mat-icon,\\n.mat-form-field-suffix .mat-icon {\\n font-size: 150%;\\n line-height: 1.125;\\n}\\n.mat-form-field-prefix .mat-icon-button,\\n.mat-form-field-suffix .mat-icon-button {\\n height: 1.5em;\\n width: 1.5em;\\n}\\n.mat-form-field-prefix .mat-icon-button .mat-icon,\\n.mat-form-field-suffix .mat-icon-button .mat-icon {\\n height: 1.125em;\\n line-height: 1.125;\\n}\\n\\n.mat-form-field-infix {\\n padding: 0.5em 0;\\n border-top: 0.84375em solid transparent;\\n}\\n\\n.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.34375em) scale(0.75);\\n width: 133.3333333333%;\\n}\\n.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.34374em) scale(0.75);\\n width: 133.3333433333%;\\n}\\n\\n.mat-form-field-label-wrapper {\\n top: -0.84375em;\\n padding-top: 0.84375em;\\n}\\n\\n.mat-form-field-label {\\n top: 1.34375em;\\n}\\n\\n.mat-form-field-underline {\\n bottom: 1.34375em;\\n}\\n\\n.mat-form-field-subscript-wrapper {\\n font-size: 75%;\\n margin-top: 0.6666666667em;\\n top: calc(100% - 1.7916666667em);\\n}\\n\\n.mat-form-field-appearance-legacy .mat-form-field-wrapper {\\n padding-bottom: 1.25em;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-infix {\\n padding: 0.4375em 0;\\n}\\n.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);\\n -ms-transform: translateY(-1.28125em) scale(0.75);\\n width: 133.3333333333%;\\n}\\n.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);\\n -ms-transform: translateY(-1.28124em) scale(0.75);\\n width: 133.3333433333%;\\n}\\n.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);\\n -ms-transform: translateY(-1.28123em) scale(0.75);\\n width: 133.3333533333%;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-label {\\n top: 1.28125em;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-underline {\\n bottom: 1.25em;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {\\n margin-top: 0.5416666667em;\\n top: calc(100% - 1.6666666667em);\\n}\\n\\n@media print {\\n .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.28122em) scale(0.75);\\n }\\n .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.28121em) scale(0.75);\\n }\\n .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.2812em) scale(0.75);\\n }\\n}\\n.mat-form-field-appearance-fill .mat-form-field-infix {\\n padding: 0.25em 0 0.75em 0;\\n}\\n.mat-form-field-appearance-fill .mat-form-field-label {\\n top: 1.09375em;\\n margin-top: -0.5em;\\n}\\n.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-0.59375em) scale(0.75);\\n width: 133.3333333333%;\\n}\\n.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-0.59374em) scale(0.75);\\n width: 133.3333433333%;\\n}\\n\\n.mat-form-field-appearance-outline .mat-form-field-infix {\\n padding: 1em 0 1em 0;\\n}\\n.mat-form-field-appearance-outline .mat-form-field-label {\\n top: 1.84375em;\\n margin-top: -0.25em;\\n}\\n.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.59375em) scale(0.75);\\n width: 133.3333333333%;\\n}\\n.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.59374em) scale(0.75);\\n width: 133.3333433333%;\\n}\\n\\n.mat-grid-tile-header,\\n.mat-grid-tile-footer {\\n font-size: 14px;\\n}\\n.mat-grid-tile-header .mat-line,\\n.mat-grid-tile-footer .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n.mat-grid-tile-header .mat-line:nth-child(n+2),\\n.mat-grid-tile-footer .mat-line:nth-child(n+2) {\\n font-size: 12px;\\n}\\n\\ninput.mat-input-element {\\n margin-top: -0.0625em;\\n}\\n\\n.mat-menu-item {\\n font-family: Montserrat;\\n font-size: 14px;\\n font-weight: 400;\\n}\\n\\n.mat-paginator,\\n.mat-paginator-page-size .mat-select-trigger {\\n font-family: Montserrat;\\n font-size: 12px;\\n}\\n\\n.mat-select-trigger {\\n height: 1.125em;\\n}\\n\\n.mat-slider-thumb-label-text {\\n font-size: 12px;\\n font-weight: 500;\\n}\\n\\n.mat-step-label {\\n font-size: 14px;\\n font-weight: 400;\\n}\\n\\n.mat-step-sub-label-error {\\n font-weight: normal;\\n}\\n\\n.mat-step-label-error {\\n font-size: 14px;\\n}\\n\\n.mat-step-label-selected {\\n font-size: 14px;\\n font-weight: 500;\\n}\\n\\n.mat-tab-label, .mat-tab-link {\\n font-family: Montserrat;\\n font-size: 14px;\\n font-weight: 500;\\n}\\n\\n.mat-toolbar,\\n.mat-toolbar h1,\\n.mat-toolbar h2,\\n.mat-toolbar h3,\\n.mat-toolbar h4,\\n.mat-toolbar h5,\\n.mat-toolbar h6 {\\n font: 500 20px/32px Montserrat;\\n letter-spacing: 0.0075em;\\n margin: 0;\\n}\\n\\n.mat-tooltip {\\n font-size: 10px;\\n padding-top: 6px;\\n padding-bottom: 6px;\\n}\\n\\n.mat-tooltip-handset {\\n font-size: 14px;\\n padding-top: 8px;\\n padding-bottom: 8px;\\n}\\n\\n.mat-list-base .mat-list-item {\\n font-size: 16px;\\n}\\n.mat-list-base .mat-list-item .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {\\n font-size: 14px;\\n}\\n.mat-list-base .mat-list-option {\\n font-size: 16px;\\n}\\n.mat-list-base .mat-list-option .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {\\n font-size: 14px;\\n}\\n.mat-list-base .mat-subheader {\\n font-family: Montserrat;\\n font-size: 14px;\\n font-weight: 500;\\n}\\n\\n.mat-list-base[dense] .mat-list-item {\\n font-size: 12px;\\n}\\n.mat-list-base[dense] .mat-list-item .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {\\n font-size: 12px;\\n}\\n.mat-list-base[dense] .mat-list-option {\\n font-size: 12px;\\n}\\n.mat-list-base[dense] .mat-list-option .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {\\n font-size: 12px;\\n}\\n.mat-list-base[dense] .mat-subheader {\\n font-size: 12px;\\n font-weight: 500;\\n}\\n\\n.mat-option {\\n font-size: 16px;\\n}\\n\\n.mat-optgroup-label {\\n font: 500 14px/24px Montserrat;\\n letter-spacing: 0.0179em;\\n}\\n\\n.mat-simple-snackbar {\\n font-family: Montserrat;\\n font-size: 14px;\\n}\\n\\n.mat-simple-snackbar-action {\\n line-height: 1;\\n font-family: inherit;\\n font-size: inherit;\\n font-weight: 500;\\n}\\n\\n.mat-tree-node,\\n.mat-nested-tree-node {\\n font-weight: 400;\\n font-size: 14px;\\n}\\n\\n.mat-ripple {\\n overflow: hidden;\\n position: relative;\\n}\\n.mat-ripple:not(:empty) {\\n transform: translateZ(0);\\n}\\n\\n.mat-ripple.mat-ripple-unbounded {\\n overflow: visible;\\n}\\n\\n.mat-ripple-element {\\n position: absolute;\\n border-radius: 50%;\\n pointer-events: none;\\n transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\\n transform: scale(0);\\n}\\n.cdk-high-contrast-active .mat-ripple-element {\\n display: none;\\n}\\n\\n.cdk-visually-hidden {\\n border: 0;\\n clip: rect(0 0 0 0);\\n height: 1px;\\n margin: -1px;\\n overflow: hidden;\\n padding: 0;\\n position: absolute;\\n width: 1px;\\n outline: 0;\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n}\\n\\n.cdk-overlay-container, .cdk-global-overlay-wrapper {\\n pointer-events: none;\\n top: 0;\\n left: 0;\\n height: 100%;\\n width: 100%;\\n}\\n\\n.cdk-overlay-container {\\n position: fixed;\\n z-index: 1000;\\n}\\n.cdk-overlay-container:empty {\\n display: none;\\n}\\n\\n.cdk-global-overlay-wrapper {\\n display: flex;\\n position: absolute;\\n z-index: 1000;\\n}\\n\\n.cdk-overlay-pane {\\n position: absolute;\\n pointer-events: auto;\\n box-sizing: border-box;\\n z-index: 1000;\\n display: flex;\\n max-width: 100%;\\n max-height: 100%;\\n}\\n\\n.cdk-overlay-backdrop {\\n position: absolute;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n z-index: 1000;\\n pointer-events: auto;\\n -webkit-tap-highlight-color: transparent;\\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\\n opacity: 0;\\n}\\n.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\\n opacity: 1;\\n}\\n@media screen and (-ms-high-contrast: active) {\\n .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\\n opacity: 0.6;\\n }\\n}\\n\\n.cdk-overlay-dark-backdrop {\\n background: rgba(0, 0, 0, 0.32);\\n}\\n\\n.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {\\n opacity: 0;\\n}\\n\\n.cdk-overlay-connected-position-bounding-box {\\n position: absolute;\\n z-index: 1000;\\n display: flex;\\n flex-direction: column;\\n min-width: 1px;\\n min-height: 1px;\\n}\\n\\n.cdk-global-scrollblock {\\n position: fixed;\\n width: 100%;\\n overflow-y: scroll;\\n}\\n\\n@keyframes cdk-text-field-autofill-start {\\n /*!*/\\n}\\n@keyframes cdk-text-field-autofill-end {\\n /*!*/\\n}\\n.cdk-text-field-autofill-monitored:-webkit-autofill {\\n animation: cdk-text-field-autofill-start 0s 1ms;\\n}\\n\\n.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {\\n animation: cdk-text-field-autofill-end 0s 1ms;\\n}\\n\\ntextarea.cdk-textarea-autosize {\\n resize: none;\\n}\\n\\ntextarea.cdk-textarea-autosize-measuring {\\n padding: 2px 0 !important;\\n box-sizing: content-box !important;\\n height: auto !important;\\n overflow: hidden !important;\\n}\\n\\ntextarea.cdk-textarea-autosize-measuring-firefox {\\n padding: 2px 0 !important;\\n box-sizing: content-box !important;\\n height: 0 !important;\\n}\\n\\n.mat-focus-indicator {\\n position: relative;\\n}\\n\\n.mat-mdc-focus-indicator {\\n position: relative;\\n}\\n\\nbody {\\n --primary-color: #0071e3;\\n --primary-lighter-color:#b3d4f7;\\n --primary-darker-color: #0054d8;\\n --text-primary-color: #ffffff;\\n --text-primary-lighter-color: rgba(0, 0, 0, 0.87);\\n --text-primary-darker-color: #ffffff;\\n}\\n\\nbody {\\n --accent-color: #a3a467;\\n --accent-lighter-color: #dddf90;\\n --accent-darker-color: #838530;\\n --text-accent-color: #ffffff;\\n --text-accent-lighter-color: rgba(0, 0, 0, 0.87);\\n --text-accent-darker-color: #ffffff;\\n}\\n\\nbody {\\n --warn-color: #ff0000;\\n --warn-lighter-color: #ffb3b3;\\n --warn-darker-color: #ff0000;\\n --text-warn-color: #ffffff;\\n --text-warn-lighter-color: rgba(0, 0, 0, 0.87);\\n --text-warn-darker-color: #ffffff;\\n}\\n\\n.dark-theme .toolbar-bg {\\n background-color: transparent !important;\\n}\\n.dark-theme .topNavGlobalSearch .mat-form-field-appearance-outline .mat-form-field-outline {\\n background: transparent !important;\\n}\\n.dark-theme .menu-images, .dark-theme .wimg {\\n filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(341deg) brightness(111%) contrast(101%) !important;\\n}\\n.dark-theme .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-option {\\n color: white;\\n}\\n.dark-theme .mat-option:hover:not(.mat-option-disabled), .dark-theme .mat-option:focus:not(.mat-option-disabled) {\\n background: rgba(250, 250, 250, 0.04);\\n}\\n.dark-theme .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\\n background: rgba(250, 250, 250, 0.04);\\n}\\n.dark-theme .mat-option.mat-active {\\n background: rgba(250, 250, 250, 0.04);\\n color: white;\\n}\\n.dark-theme .mat-option.mat-option-disabled {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: #0071e3;\\n}\\n.dark-theme .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: #a3a467;\\n}\\n.dark-theme .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: red;\\n}\\n.dark-theme .mat-optgroup-label {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-optgroup-disabled .mat-optgroup-label {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-pseudo-checkbox {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-pseudo-checkbox::after {\\n color: #2c2c2c;\\n}\\n.dark-theme .mat-pseudo-checkbox-disabled {\\n color: #686868;\\n}\\n.dark-theme .mat-primary .mat-pseudo-checkbox-checked,\\n.dark-theme .mat-primary .mat-pseudo-checkbox-indeterminate {\\n background: #0071e3;\\n}\\n.dark-theme .mat-pseudo-checkbox-checked,\\n.dark-theme .mat-pseudo-checkbox-indeterminate,\\n.dark-theme .mat-accent .mat-pseudo-checkbox-checked,\\n.dark-theme .mat-accent .mat-pseudo-checkbox-indeterminate {\\n background: #a3a467;\\n}\\n.dark-theme .mat-warn .mat-pseudo-checkbox-checked,\\n.dark-theme .mat-warn .mat-pseudo-checkbox-indeterminate {\\n background: red;\\n}\\n.dark-theme .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,\\n.dark-theme .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {\\n background: #686868;\\n}\\n.dark-theme .mat-app-background, .dark-theme.mat-app-background {\\n background-color: #2c2c2c;\\n color: white;\\n}\\n.dark-theme .mat-elevation-z0 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z1 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z2 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z3 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z4 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z5 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z6 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z7 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z8 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z9 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z10 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z11 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z12 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z13 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z14 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z15 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z16 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z17 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z18 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z19 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z20 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z21 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z22 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z23 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z24 {\\n 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);\\n}\\n.mat-theme-loaded-marker {\\n display: none;\\n}\\n\\n.dark-theme .mat-autocomplete-panel {\\n background: #393939;\\n color: white;\\n}\\n.dark-theme .mat-autocomplete-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {\\n background: #393939;\\n}\\n.dark-theme .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {\\n color: white;\\n}\\n.dark-theme .mat-badge-content {\\n color: white;\\n background: #0071e3;\\n}\\n.cdk-high-contrast-active .dark-theme .mat-badge-content {\\n outline: solid 1px;\\n border-radius: 0;\\n}\\n\\n.dark-theme .mat-badge-accent .mat-badge-content {\\n background: #a3a467;\\n color: white;\\n}\\n.dark-theme .mat-badge-warn .mat-badge-content {\\n color: white;\\n background: red;\\n}\\n.dark-theme .mat-badge {\\n position: relative;\\n}\\n.dark-theme .mat-badge-hidden .mat-badge-content {\\n display: none;\\n}\\n.dark-theme .mat-badge-disabled .mat-badge-content {\\n background: #6b6b6b;\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-badge-content {\\n position: absolute;\\n text-align: center;\\n display: inline-block;\\n border-radius: 50%;\\n transition: transform 200ms ease-in-out;\\n transform: scale(0.6);\\n overflow: hidden;\\n white-space: nowrap;\\n text-overflow: ellipsis;\\n pointer-events: none;\\n}\\n.dark-theme .ng-animate-disabled .mat-badge-content,\\n.dark-theme .mat-badge-content._mat-animation-noopable {\\n transition: none;\\n}\\n.dark-theme .mat-badge-content.mat-badge-active {\\n transform: none;\\n}\\n.dark-theme .mat-badge-small .mat-badge-content {\\n width: 16px;\\n height: 16px;\\n line-height: 16px;\\n}\\n.dark-theme .mat-badge-small.mat-badge-above .mat-badge-content {\\n top: -8px;\\n}\\n.dark-theme .mat-badge-small.mat-badge-below .mat-badge-content {\\n bottom: -8px;\\n}\\n.dark-theme .mat-badge-small.mat-badge-before .mat-badge-content {\\n left: -16px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-small.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -16px;\\n}\\n.dark-theme .mat-badge-small.mat-badge-after .mat-badge-content {\\n right: -16px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-small.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -16px;\\n}\\n.dark-theme .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: -8px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -8px;\\n}\\n.dark-theme .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: -8px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -8px;\\n}\\n.dark-theme .mat-badge-medium .mat-badge-content {\\n width: 22px;\\n height: 22px;\\n line-height: 22px;\\n}\\n.dark-theme .mat-badge-medium.mat-badge-above .mat-badge-content {\\n top: -11px;\\n}\\n.dark-theme .mat-badge-medium.mat-badge-below .mat-badge-content {\\n bottom: -11px;\\n}\\n.dark-theme .mat-badge-medium.mat-badge-before .mat-badge-content {\\n left: -22px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-medium.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -22px;\\n}\\n.dark-theme .mat-badge-medium.mat-badge-after .mat-badge-content {\\n right: -22px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-medium.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -22px;\\n}\\n.dark-theme .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: -11px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -11px;\\n}\\n.dark-theme .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: -11px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -11px;\\n}\\n.dark-theme .mat-badge-large .mat-badge-content {\\n width: 28px;\\n height: 28px;\\n line-height: 28px;\\n}\\n.dark-theme .mat-badge-large.mat-badge-above .mat-badge-content {\\n top: -14px;\\n}\\n.dark-theme .mat-badge-large.mat-badge-below .mat-badge-content {\\n bottom: -14px;\\n}\\n.dark-theme .mat-badge-large.mat-badge-before .mat-badge-content {\\n left: -28px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-large.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -28px;\\n}\\n.dark-theme .mat-badge-large.mat-badge-after .mat-badge-content {\\n right: -28px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-large.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -28px;\\n}\\n.dark-theme .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: -14px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -14px;\\n}\\n.dark-theme .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: -14px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -14px;\\n}\\n.dark-theme .mat-bottom-sheet-container {\\n 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);\\n background: #393939;\\n color: white;\\n}\\n.dark-theme .mat-button, .dark-theme .mat-icon-button, .dark-theme .mat-stroked-button {\\n color: inherit;\\n background: transparent;\\n}\\n.dark-theme .mat-button.mat-primary, .dark-theme .mat-icon-button.mat-primary, .dark-theme .mat-stroked-button.mat-primary {\\n color: #0071e3;\\n}\\n.dark-theme .mat-button.mat-accent, .dark-theme .mat-icon-button.mat-accent, .dark-theme .mat-stroked-button.mat-accent {\\n color: #a3a467;\\n}\\n.dark-theme .mat-button.mat-warn, .dark-theme .mat-icon-button.mat-warn, .dark-theme .mat-stroked-button.mat-warn {\\n color: red;\\n}\\n.dark-theme .mat-button.mat-primary.mat-button-disabled, .dark-theme .mat-button.mat-accent.mat-button-disabled, .dark-theme .mat-button.mat-warn.mat-button-disabled, .dark-theme .mat-button.mat-button-disabled.mat-button-disabled, .dark-theme .mat-icon-button.mat-primary.mat-button-disabled, .dark-theme .mat-icon-button.mat-accent.mat-button-disabled, .dark-theme .mat-icon-button.mat-warn.mat-button-disabled, .dark-theme .mat-icon-button.mat-button-disabled.mat-button-disabled, .dark-theme .mat-stroked-button.mat-primary.mat-button-disabled, .dark-theme .mat-stroked-button.mat-accent.mat-button-disabled, .dark-theme .mat-stroked-button.mat-warn.mat-button-disabled, .dark-theme .mat-stroked-button.mat-button-disabled.mat-button-disabled {\\n color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-button.mat-primary .mat-button-focus-overlay, .dark-theme .mat-icon-button.mat-primary .mat-button-focus-overlay, .dark-theme .mat-stroked-button.mat-primary .mat-button-focus-overlay {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-button.mat-accent .mat-button-focus-overlay, .dark-theme .mat-icon-button.mat-accent .mat-button-focus-overlay, .dark-theme .mat-stroked-button.mat-accent .mat-button-focus-overlay {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-button.mat-warn .mat-button-focus-overlay, .dark-theme .mat-icon-button.mat-warn .mat-button-focus-overlay, .dark-theme .mat-stroked-button.mat-warn .mat-button-focus-overlay {\\n background-color: red;\\n}\\n.dark-theme .mat-button.mat-button-disabled .mat-button-focus-overlay, .dark-theme .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .dark-theme .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {\\n background-color: transparent;\\n}\\n.dark-theme .mat-button .mat-ripple-element, .dark-theme .mat-icon-button .mat-ripple-element, .dark-theme .mat-stroked-button .mat-ripple-element {\\n opacity: 0.1;\\n background-color: currentColor;\\n}\\n.dark-theme .mat-button-focus-overlay {\\n background: #ffffff;\\n}\\n.dark-theme .mat-stroked-button:not(.mat-button-disabled) {\\n border-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-flat-button, .dark-theme .mat-raised-button, .dark-theme .mat-fab, .dark-theme .mat-mini-fab {\\n color: white;\\n background-color: #393939;\\n}\\n.dark-theme .mat-flat-button.mat-primary, .dark-theme .mat-raised-button.mat-primary, .dark-theme .mat-fab.mat-primary, .dark-theme .mat-mini-fab.mat-primary {\\n color: white;\\n}\\n.dark-theme .mat-flat-button.mat-accent, .dark-theme .mat-raised-button.mat-accent, .dark-theme .mat-fab.mat-accent, .dark-theme .mat-mini-fab.mat-accent {\\n color: white;\\n}\\n.dark-theme .mat-flat-button.mat-warn, .dark-theme .mat-raised-button.mat-warn, .dark-theme .mat-fab.mat-warn, .dark-theme .mat-mini-fab.mat-warn {\\n color: white;\\n}\\n.dark-theme .mat-flat-button.mat-primary.mat-button-disabled, .dark-theme .mat-flat-button.mat-accent.mat-button-disabled, .dark-theme .mat-flat-button.mat-warn.mat-button-disabled, .dark-theme .mat-flat-button.mat-button-disabled.mat-button-disabled, .dark-theme .mat-raised-button.mat-primary.mat-button-disabled, .dark-theme .mat-raised-button.mat-accent.mat-button-disabled, .dark-theme .mat-raised-button.mat-warn.mat-button-disabled, .dark-theme .mat-raised-button.mat-button-disabled.mat-button-disabled, .dark-theme .mat-fab.mat-primary.mat-button-disabled, .dark-theme .mat-fab.mat-accent.mat-button-disabled, .dark-theme .mat-fab.mat-warn.mat-button-disabled, .dark-theme .mat-fab.mat-button-disabled.mat-button-disabled, .dark-theme .mat-mini-fab.mat-primary.mat-button-disabled, .dark-theme .mat-mini-fab.mat-accent.mat-button-disabled, .dark-theme .mat-mini-fab.mat-warn.mat-button-disabled, .dark-theme .mat-mini-fab.mat-button-disabled.mat-button-disabled {\\n color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-flat-button.mat-primary, .dark-theme .mat-raised-button.mat-primary, .dark-theme .mat-fab.mat-primary, .dark-theme .mat-mini-fab.mat-primary {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-flat-button.mat-accent, .dark-theme .mat-raised-button.mat-accent, .dark-theme .mat-fab.mat-accent, .dark-theme .mat-mini-fab.mat-accent {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-flat-button.mat-warn, .dark-theme .mat-raised-button.mat-warn, .dark-theme .mat-fab.mat-warn, .dark-theme .mat-mini-fab.mat-warn {\\n background-color: red;\\n}\\n.dark-theme .mat-flat-button.mat-primary.mat-button-disabled, .dark-theme .mat-flat-button.mat-accent.mat-button-disabled, .dark-theme .mat-flat-button.mat-warn.mat-button-disabled, .dark-theme .mat-flat-button.mat-button-disabled.mat-button-disabled, .dark-theme .mat-raised-button.mat-primary.mat-button-disabled, .dark-theme .mat-raised-button.mat-accent.mat-button-disabled, .dark-theme .mat-raised-button.mat-warn.mat-button-disabled, .dark-theme .mat-raised-button.mat-button-disabled.mat-button-disabled, .dark-theme .mat-fab.mat-primary.mat-button-disabled, .dark-theme .mat-fab.mat-accent.mat-button-disabled, .dark-theme .mat-fab.mat-warn.mat-button-disabled, .dark-theme .mat-fab.mat-button-disabled.mat-button-disabled, .dark-theme .mat-mini-fab.mat-primary.mat-button-disabled, .dark-theme .mat-mini-fab.mat-accent.mat-button-disabled, .dark-theme .mat-mini-fab.mat-warn.mat-button-disabled, .dark-theme .mat-mini-fab.mat-button-disabled.mat-button-disabled {\\n background-color: rgba(250, 250, 250, 0.12);\\n}\\n.dark-theme .mat-flat-button.mat-primary .mat-ripple-element, .dark-theme .mat-raised-button.mat-primary .mat-ripple-element, .dark-theme .mat-fab.mat-primary .mat-ripple-element, .dark-theme .mat-mini-fab.mat-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-flat-button.mat-accent .mat-ripple-element, .dark-theme .mat-raised-button.mat-accent .mat-ripple-element, .dark-theme .mat-fab.mat-accent .mat-ripple-element, .dark-theme .mat-mini-fab.mat-accent .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-flat-button.mat-warn .mat-ripple-element, .dark-theme .mat-raised-button.mat-warn .mat-ripple-element, .dark-theme .mat-fab.mat-warn .mat-ripple-element, .dark-theme .mat-mini-fab.mat-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-stroked-button:not([class*=mat-elevation-z]), .dark-theme .mat-flat-button:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-raised-button:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-fab:not([class*=mat-elevation-z]), .dark-theme .mat-mini-fab:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .dark-theme .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .dark-theme .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-button-toggle-standalone,\\n.dark-theme .mat-button-toggle-group {\\n 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);\\n}\\n.dark-theme .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n.dark-theme .mat-button-toggle-group-appearance-standard {\\n box-shadow: none;\\n}\\n.dark-theme .mat-button-toggle {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-button-toggle .mat-button-toggle-focus-overlay {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-button-toggle-appearance-standard {\\n color: white;\\n background: #393939;\\n}\\n.dark-theme .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {\\n background-color: white;\\n}\\n.dark-theme .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n border-left: solid 1px rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n border-left: none;\\n border-right: solid 1px rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {\\n border-left: none;\\n border-right: none;\\n border-top: solid 1px rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-button-toggle-checked {\\n background-color: #5f5f5f;\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-button-toggle-checked.mat-button-toggle-appearance-standard {\\n color: white;\\n}\\n.dark-theme .mat-button-toggle-disabled {\\n color: rgba(255, 255, 255, 0.3);\\n background-color: #464646;\\n}\\n.dark-theme .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {\\n background: #393939;\\n}\\n.dark-theme .mat-button-toggle-disabled.mat-button-toggle-checked {\\n background-color: #797979;\\n}\\n.dark-theme .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n.dark-theme .mat-button-toggle-group-appearance-standard {\\n border: solid 1px rgba(255, 255, 255, 0.12);\\n}\\n.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {\\n line-height: 48px;\\n}\\n\\n.dark-theme .mat-card {\\n background: #393939;\\n color: white;\\n}\\n.dark-theme .mat-card:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-card-subtitle {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-checkbox-frame {\\n border-color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-checkbox-checkmark {\\n fill: #2c2c2c;\\n}\\n.dark-theme .mat-checkbox-checkmark-path {\\n stroke: #2c2c2c !important;\\n}\\n.dark-theme .mat-checkbox-mixedmark {\\n background-color: #2c2c2c;\\n}\\n.dark-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .dark-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .dark-theme .mat-checkbox-checked.mat-accent .mat-checkbox-background {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .dark-theme .mat-checkbox-checked.mat-warn .mat-checkbox-background {\\n background-color: red;\\n}\\n.dark-theme .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .dark-theme .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {\\n background-color: #686868;\\n}\\n.dark-theme .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {\\n border-color: #686868;\\n}\\n.dark-theme .mat-checkbox-disabled .mat-checkbox-label {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-checkbox .mat-ripple-element {\\n background-color: #ffffff;\\n}\\n.dark-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,\\n.dark-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {\\n background: #0071e3;\\n}\\n.dark-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,\\n.dark-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {\\n background: #a3a467;\\n}\\n.dark-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,\\n.dark-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {\\n background: red;\\n}\\n.dark-theme .mat-chip.mat-standard-chip {\\n background-color: #5f5f5f;\\n color: white;\\n}\\n.dark-theme .mat-chip.mat-standard-chip .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.dark-theme .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {\\n 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);\\n}\\n.dark-theme .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {\\n opacity: 0.54;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-disabled {\\n opacity: 0.4;\\n}\\n.dark-theme .mat-chip.mat-standard-chip::after {\\n background: #ffffff;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {\\n background-color: #0071e3;\\n color: white;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {\\n background-color: red;\\n color: white;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {\\n background-color: #a3a467;\\n color: white;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-table {\\n background: #393939;\\n}\\n.dark-theme .mat-table thead, .dark-theme .mat-table tbody, .dark-theme .mat-table tfoot,\\n.dark-theme mat-header-row, .dark-theme mat-row, .dark-theme mat-footer-row,\\n.dark-theme [mat-header-row], .dark-theme [mat-row], .dark-theme [mat-footer-row],\\n.dark-theme .mat-table-sticky {\\n background: inherit;\\n}\\n.dark-theme mat-row, .dark-theme mat-header-row, .dark-theme mat-footer-row,\\n.dark-theme th.mat-header-cell, .dark-theme td.mat-cell, .dark-theme td.mat-footer-cell {\\n border-bottom-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-header-cell {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-cell, .dark-theme .mat-footer-cell {\\n color: white;\\n}\\n.dark-theme .mat-calendar-arrow {\\n border-top-color: white;\\n}\\n.dark-theme .mat-datepicker-toggle,\\n.dark-theme .mat-datepicker-content .mat-calendar-next-button,\\n.dark-theme .mat-datepicker-content .mat-calendar-previous-button {\\n color: white;\\n}\\n.dark-theme .mat-calendar-table-header {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-calendar-table-header-divider::after {\\n background: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-calendar-body-label {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-calendar-body-cell-content,\\n.dark-theme .mat-date-range-input-separator {\\n color: white;\\n border-color: transparent;\\n}\\n.dark-theme .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-form-field-disabled .mat-date-range-input-separator {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\\n.dark-theme .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\\n.dark-theme .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n background-color: rgba(250, 250, 250, 0.04);\\n}\\n.dark-theme .mat-calendar-body-in-preview {\\n color: rgba(255, 255, 255, 0.24);\\n}\\n.dark-theme .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n border-color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n border-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-calendar-body-in-range::before {\\n background: rgba(0, 113, 227, 0.2);\\n}\\n.dark-theme .mat-calendar-body-comparison-identical,\\n.dark-theme .mat-calendar-body-in-comparison-range::before {\\n background: rgba(249, 171, 0, 0.2);\\n}\\n.dark-theme .mat-calendar-body-comparison-bridge-start::before,\\n.dark-theme [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, rgba(0, 113, 227, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.dark-theme .mat-calendar-body-comparison-bridge-end::before,\\n.dark-theme [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, rgba(0, 113, 227, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.dark-theme .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.dark-theme .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: #a8dab5;\\n}\\n.dark-theme .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.dark-theme .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: #46a35e;\\n}\\n.dark-theme .mat-calendar-body-selected {\\n background-color: #0071e3;\\n color: white;\\n}\\n.dark-theme .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n background-color: rgba(0, 113, 227, 0.4);\\n}\\n.dark-theme .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 1px white;\\n}\\n.dark-theme .mat-datepicker-content {\\n 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);\\n background-color: #393939;\\n color: white;\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {\\n background: rgba(163, 164, 103, 0.2);\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {\\n background: rgba(249, 171, 0, 0.2);\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,\\n.dark-theme .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, rgba(163, 164, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,\\n.dark-theme .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, rgba(163, 164, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: #a8dab5;\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: #46a35e;\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-selected {\\n background-color: #a3a467;\\n color: white;\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n background-color: rgba(163, 164, 103, 0.4);\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 1px white;\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {\\n background: rgba(255, 0, 0, 0.2);\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {\\n background: rgba(249, 171, 0, 0.2);\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,\\n.dark-theme .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, rgba(255, 0, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,\\n.dark-theme .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, rgba(255, 0, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: #a8dab5;\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: #46a35e;\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-selected {\\n background-color: red;\\n color: white;\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n background-color: rgba(255, 0, 0, 0.4);\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 1px white;\\n}\\n.dark-theme .mat-datepicker-content-touch {\\n 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);\\n}\\n.dark-theme .mat-datepicker-toggle-active {\\n color: #0071e3;\\n}\\n.dark-theme .mat-datepicker-toggle-active.mat-accent {\\n color: #a3a467;\\n}\\n.dark-theme .mat-datepicker-toggle-active.mat-warn {\\n color: red;\\n}\\n.dark-theme .mat-date-range-input-inner[disabled] {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-dialog-container {\\n 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);\\n background: #393939;\\n color: white;\\n}\\n.dark-theme .mat-divider {\\n border-top-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-divider-vertical {\\n border-right-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-expansion-panel {\\n background: #393939;\\n color: white;\\n}\\n.dark-theme .mat-expansion-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-action-row {\\n border-top-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .dark-theme .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .dark-theme .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {\\n background: rgba(250, 250, 250, 0.04);\\n}\\n@media (hover: none) {\\n .dark-theme .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {\\n background: #393939;\\n }\\n}\\n.dark-theme .mat-expansion-panel-header-title {\\n color: white;\\n}\\n.dark-theme .mat-expansion-panel-header-description,\\n.dark-theme .mat-expansion-indicator::after {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-expansion-panel-header[aria-disabled=true] {\\n color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,\\n.dark-theme .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {\\n color: inherit;\\n}\\n.mat-expansion-panel-header {\\n height: 48px;\\n}\\n.mat-expansion-panel-header.mat-expanded {\\n height: 64px;\\n}\\n\\n.dark-theme .mat-form-field-label {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-hint {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-form-field.mat-focused .mat-form-field-label {\\n color: #0071e3;\\n}\\n.dark-theme .mat-form-field.mat-focused .mat-form-field-label.mat-accent {\\n color: #a3a467;\\n}\\n.dark-theme .mat-form-field.mat-focused .mat-form-field-label.mat-warn {\\n color: red;\\n}\\n.dark-theme .mat-focused .mat-form-field-required-marker {\\n color: #a3a467;\\n}\\n.dark-theme .mat-form-field-ripple {\\n background-color: white;\\n}\\n.dark-theme .mat-form-field.mat-focused .mat-form-field-ripple {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {\\n background-color: red;\\n}\\n.dark-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {\\n color: #0071e3;\\n}\\n.dark-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {\\n color: #a3a467;\\n}\\n.dark-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {\\n color: red;\\n}\\n.dark-theme .mat-form-field.mat-form-field-invalid .mat-form-field-label {\\n color: red;\\n}\\n.dark-theme .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,\\n.dark-theme .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {\\n color: red;\\n}\\n.dark-theme .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,\\n.dark-theme .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {\\n background-color: red;\\n}\\n.dark-theme .mat-error {\\n color: red;\\n}\\n.dark-theme .mat-form-field-appearance-legacy .mat-form-field-label {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-form-field-appearance-legacy .mat-hint {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-form-field-appearance-legacy .mat-form-field-underline {\\n background-color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {\\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);\\n background-size: 4px 100%;\\n background-repeat: repeat-x;\\n}\\n.dark-theme .mat-form-field-appearance-standard .mat-form-field-underline {\\n background-color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {\\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);\\n background-size: 4px 100%;\\n background-repeat: repeat-x;\\n}\\n.dark-theme .mat-form-field-appearance-fill .mat-form-field-flex {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {\\n background-color: rgba(255, 255, 255, 0.05);\\n}\\n.dark-theme .mat-form-field-appearance-fill .mat-form-field-underline::before {\\n background-color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {\\n background-color: transparent;\\n}\\n.dark-theme .mat-form-field-appearance-outline .mat-form-field-outline {\\n color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-form-field-appearance-outline .mat-form-field-outline-thick {\\n color: white;\\n}\\n.dark-theme .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {\\n color: #0071e3;\\n}\\n.dark-theme .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {\\n color: #a3a467;\\n}\\n.dark-theme .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {\\n color: red;\\n}\\n.dark-theme .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {\\n color: red;\\n}\\n.dark-theme .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {\\n color: rgba(255, 255, 255, 0.15);\\n}\\n.dark-theme .mat-icon.mat-primary {\\n color: #0071e3;\\n}\\n.dark-theme .mat-icon.mat-accent {\\n color: #a3a467;\\n}\\n.dark-theme .mat-icon.mat-warn {\\n color: red;\\n}\\n.dark-theme .mat-form-field-type-mat-native-select .mat-form-field-infix::after {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-input-element:disabled,\\n.dark-theme .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-input-element {\\n caret-color: #0071e3;\\n}\\n.dark-theme .mat-input-element::placeholder {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-input-element::-moz-placeholder {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-input-element::-webkit-input-placeholder {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-input-element:-ms-input-placeholder {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-input-element option {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.dark-theme .mat-input-element option:disabled {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.dark-theme .mat-form-field.mat-accent .mat-input-element {\\n caret-color: #a3a467;\\n}\\n.dark-theme .mat-form-field.mat-warn .mat-input-element,\\n.dark-theme .mat-form-field-invalid .mat-input-element {\\n caret-color: red;\\n}\\n.dark-theme .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {\\n color: red;\\n}\\n.dark-theme .mat-list-base .mat-list-item {\\n color: white;\\n}\\n.dark-theme .mat-list-base .mat-list-option {\\n color: white;\\n}\\n.dark-theme .mat-list-base .mat-subheader {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-list-item-disabled {\\n background-color: #464646;\\n}\\n.dark-theme .mat-list-option:hover, .dark-theme .mat-list-option:focus,\\n.dark-theme .mat-nav-list .mat-list-item:hover,\\n.dark-theme .mat-nav-list .mat-list-item:focus,\\n.dark-theme .mat-action-list .mat-list-item:hover,\\n.dark-theme .mat-action-list .mat-list-item:focus {\\n background: rgba(250, 250, 250, 0.04);\\n}\\n.dark-theme .mat-list-single-selected-option, .dark-theme .mat-list-single-selected-option:hover, .dark-theme .mat-list-single-selected-option:focus {\\n background: rgba(250, 250, 250, 0.12);\\n}\\n.dark-theme .mat-menu-panel {\\n background: #393939;\\n}\\n.dark-theme .mat-menu-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-menu-item {\\n background: transparent;\\n color: white;\\n}\\n.dark-theme .mat-menu-item[disabled], .dark-theme .mat-menu-item[disabled]::after {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-menu-item .mat-icon-no-color,\\n.dark-theme .mat-menu-item-submenu-trigger::after {\\n color: white;\\n}\\n.dark-theme .mat-menu-item:hover:not([disabled]),\\n.dark-theme .mat-menu-item.cdk-program-focused:not([disabled]),\\n.dark-theme .mat-menu-item.cdk-keyboard-focused:not([disabled]),\\n.dark-theme .mat-menu-item-highlighted:not([disabled]) {\\n background: rgba(250, 250, 250, 0.04);\\n}\\n.dark-theme .mat-paginator {\\n background: #393939;\\n}\\n.dark-theme .mat-paginator,\\n.dark-theme .mat-paginator-page-size .mat-select-trigger {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-paginator-decrement,\\n.dark-theme .mat-paginator-increment {\\n border-top: 2px solid white;\\n border-right: 2px solid white;\\n}\\n.dark-theme .mat-paginator-first,\\n.dark-theme .mat-paginator-last {\\n border-top: 2px solid white;\\n}\\n.dark-theme .mat-icon-button[disabled] .mat-paginator-decrement,\\n.dark-theme .mat-icon-button[disabled] .mat-paginator-increment,\\n.dark-theme .mat-icon-button[disabled] .mat-paginator-first,\\n.dark-theme .mat-icon-button[disabled] .mat-paginator-last {\\n border-color: rgba(255, 255, 255, 0.5);\\n}\\n.mat-paginator-container {\\n min-height: 56px;\\n}\\n\\n.dark-theme .mat-progress-bar-background {\\n fill: #b3d4f7;\\n}\\n.dark-theme .mat-progress-bar-buffer {\\n background-color: #b3d4f7;\\n}\\n.dark-theme .mat-progress-bar-fill::after {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-progress-bar.mat-accent .mat-progress-bar-background {\\n fill: #dddf90;\\n}\\n.dark-theme .mat-progress-bar.mat-accent .mat-progress-bar-buffer {\\n background-color: #dddf90;\\n}\\n.dark-theme .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-progress-bar.mat-warn .mat-progress-bar-background {\\n fill: #ffb3b3;\\n}\\n.dark-theme .mat-progress-bar.mat-warn .mat-progress-bar-buffer {\\n background-color: #ffb3b3;\\n}\\n.dark-theme .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {\\n background-color: red;\\n}\\n.dark-theme .mat-progress-spinner circle, .dark-theme .mat-spinner circle {\\n stroke: #0071e3;\\n}\\n.dark-theme .mat-progress-spinner.mat-accent circle, .dark-theme .mat-spinner.mat-accent circle {\\n stroke: #a3a467;\\n}\\n.dark-theme .mat-progress-spinner.mat-warn circle, .dark-theme .mat-spinner.mat-warn circle {\\n stroke: red;\\n}\\n.dark-theme .mat-radio-outer-circle {\\n border-color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {\\n border-color: #0071e3;\\n}\\n.dark-theme .mat-radio-button.mat-primary .mat-radio-inner-circle,\\n.dark-theme .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .dark-theme .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .dark-theme .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {\\n border-color: #a3a467;\\n}\\n.dark-theme .mat-radio-button.mat-accent .mat-radio-inner-circle,\\n.dark-theme .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .dark-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .dark-theme .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {\\n border-color: red;\\n}\\n.dark-theme .mat-radio-button.mat-warn .mat-radio-inner-circle,\\n.dark-theme .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .dark-theme .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .dark-theme .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {\\n background-color: red;\\n}\\n.dark-theme .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,\\n.dark-theme .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {\\n border-color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,\\n.dark-theme .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {\\n background-color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-radio-button.mat-radio-disabled .mat-radio-label-content {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-radio-button .mat-ripple-element {\\n background-color: #ffffff;\\n}\\n.dark-theme .mat-select-value {\\n color: white;\\n}\\n.dark-theme .mat-select-placeholder {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-select-disabled .mat-select-value {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-select-arrow {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-select-panel {\\n background: #393939;\\n}\\n.dark-theme .mat-select-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {\\n background: rgba(250, 250, 250, 0.12);\\n}\\n.dark-theme .mat-form-field.mat-focused.mat-primary .mat-select-arrow {\\n color: #0071e3;\\n}\\n.dark-theme .mat-form-field.mat-focused.mat-accent .mat-select-arrow {\\n color: #a3a467;\\n}\\n.dark-theme .mat-form-field.mat-focused.mat-warn .mat-select-arrow {\\n color: red;\\n}\\n.dark-theme .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {\\n color: red;\\n}\\n.dark-theme .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-drawer-container {\\n background-color: #2c2c2c;\\n color: white;\\n}\\n.dark-theme .mat-drawer {\\n background-color: #393939;\\n color: white;\\n}\\n.dark-theme .mat-drawer.mat-drawer-push {\\n background-color: #393939;\\n}\\n.dark-theme .mat-drawer:not(.mat-drawer-side) {\\n 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);\\n}\\n.dark-theme .mat-drawer-side {\\n border-right: solid 1px rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-drawer-side.mat-drawer-end {\\n border-left: solid 1px rgba(255, 255, 255, 0.12);\\n border-right: none;\\n}\\n.dark-theme [dir=rtl] .mat-drawer-side {\\n border-left: solid 1px rgba(255, 255, 255, 0.12);\\n border-right: none;\\n}\\n.dark-theme [dir=rtl] .mat-drawer-side.mat-drawer-end {\\n border-left: none;\\n border-right: solid 1px rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-drawer-backdrop.mat-drawer-shown {\\n background-color: rgba(198, 198, 198, 0.6);\\n}\\n.dark-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {\\n background-color: rgba(163, 164, 103, 0.54);\\n}\\n.dark-theme .mat-slide-toggle.mat-checked .mat-ripple-element {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {\\n background-color: rgba(0, 113, 227, 0.54);\\n}\\n.dark-theme .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {\\n background-color: red;\\n}\\n.dark-theme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {\\n background-color: rgba(255, 0, 0, 0.54);\\n}\\n.dark-theme .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {\\n background-color: red;\\n}\\n.dark-theme .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {\\n background-color: white;\\n}\\n.dark-theme .mat-slide-toggle-thumb {\\n 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);\\n background-color: #bdbdbd;\\n}\\n.dark-theme .mat-slide-toggle-bar {\\n background-color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-slider-track-background {\\n background-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-primary .mat-slider-track-fill,\\n.dark-theme .mat-primary .mat-slider-thumb,\\n.dark-theme .mat-primary .mat-slider-thumb-label {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-primary .mat-slider-thumb-label-text {\\n color: white;\\n}\\n.dark-theme .mat-primary .mat-slider-focus-ring {\\n background-color: rgba(0, 113, 227, 0.2);\\n}\\n.dark-theme .mat-accent .mat-slider-track-fill,\\n.dark-theme .mat-accent .mat-slider-thumb,\\n.dark-theme .mat-accent .mat-slider-thumb-label {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-accent .mat-slider-thumb-label-text {\\n color: white;\\n}\\n.dark-theme .mat-accent .mat-slider-focus-ring {\\n background-color: rgba(163, 164, 103, 0.2);\\n}\\n.dark-theme .mat-warn .mat-slider-track-fill,\\n.dark-theme .mat-warn .mat-slider-thumb,\\n.dark-theme .mat-warn .mat-slider-thumb-label {\\n background-color: red;\\n}\\n.dark-theme .mat-warn .mat-slider-thumb-label-text {\\n color: white;\\n}\\n.dark-theme .mat-warn .mat-slider-focus-ring {\\n background-color: rgba(255, 0, 0, 0.2);\\n}\\n.dark-theme .mat-slider:hover .mat-slider-track-background,\\n.dark-theme .cdk-focused .mat-slider-track-background {\\n background-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-slider-disabled .mat-slider-track-background,\\n.dark-theme .mat-slider-disabled .mat-slider-track-fill,\\n.dark-theme .mat-slider-disabled .mat-slider-thumb {\\n background-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-slider-disabled:hover .mat-slider-track-background {\\n background-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-slider-min-value .mat-slider-focus-ring {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,\\n.dark-theme .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {\\n background-color: white;\\n}\\n.dark-theme .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,\\n.dark-theme .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {\\n background-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {\\n border-color: rgba(255, 255, 255, 0.3);\\n background-color: transparent;\\n}\\n.dark-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .dark-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {\\n border-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .dark-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {\\n border-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-slider-has-ticks .mat-slider-wrapper::after {\\n border-color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-slider-horizontal .mat-slider-ticks {\\n background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);\\n background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);\\n}\\n.dark-theme .mat-slider-vertical .mat-slider-ticks {\\n background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);\\n}\\n.dark-theme .mat-step-header.cdk-keyboard-focused, .dark-theme .mat-step-header.cdk-program-focused, .dark-theme .mat-step-header:hover {\\n background-color: rgba(250, 250, 250, 0.04);\\n}\\n@media (hover: none) {\\n .dark-theme .mat-step-header:hover {\\n background: none;\\n }\\n}\\n.dark-theme .mat-step-header .mat-step-label,\\n.dark-theme .mat-step-header .mat-step-optional {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-step-header .mat-step-icon {\\n background-color: rgba(255, 255, 255, 0.7);\\n color: white;\\n}\\n.dark-theme .mat-step-header .mat-step-icon-selected,\\n.dark-theme .mat-step-header .mat-step-icon-state-done,\\n.dark-theme .mat-step-header .mat-step-icon-state-edit {\\n background-color: #0071e3;\\n color: white;\\n}\\n.dark-theme .mat-step-header .mat-step-icon-state-error {\\n background-color: transparent;\\n color: red;\\n}\\n.dark-theme .mat-step-header .mat-step-label.mat-step-label-active {\\n color: white;\\n}\\n.dark-theme .mat-step-header .mat-step-label.mat-step-label-error {\\n color: red;\\n}\\n.dark-theme .mat-stepper-horizontal, .dark-theme .mat-stepper-vertical {\\n background-color: #393939;\\n}\\n.dark-theme .mat-stepper-vertical-line::before {\\n border-left-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-horizontal-stepper-header::before,\\n.dark-theme .mat-horizontal-stepper-header::after,\\n.dark-theme .mat-stepper-horizontal-line {\\n border-top-color: rgba(255, 255, 255, 0.12);\\n}\\n.mat-horizontal-stepper-header {\\n height: 72px;\\n}\\n\\n.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,\\n.mat-vertical-stepper-header {\\n padding: 24px 24px;\\n}\\n\\n.mat-stepper-vertical-line::before {\\n top: -16px;\\n bottom: -16px;\\n}\\n\\n.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {\\n top: 36px;\\n}\\n\\n.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {\\n top: 36px;\\n}\\n\\n.dark-theme .mat-sort-header-arrow {\\n color: #c4c4c4;\\n}\\n.dark-theme .mat-tab-nav-bar,\\n.dark-theme .mat-tab-header {\\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-tab-group-inverted-header .mat-tab-nav-bar,\\n.dark-theme .mat-tab-group-inverted-header .mat-tab-header {\\n border-top: 1px solid rgba(255, 255, 255, 0.12);\\n border-bottom: none;\\n}\\n.dark-theme .mat-tab-label, .dark-theme .mat-tab-link {\\n color: white;\\n}\\n.dark-theme .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.dark-theme .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-tab-group[class*=mat-background-] .mat-tab-header,\\n.dark-theme .mat-tab-nav-bar[class*=mat-background-] {\\n border-bottom: none;\\n border-top: none;\\n}\\n.dark-theme .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(179, 212, 247, 0.3);\\n}\\n.dark-theme .mat-tab-group.mat-primary .mat-ink-bar, .dark-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .dark-theme .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {\\n background-color: white;\\n}\\n.dark-theme .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(221, 223, 144, 0.3);\\n}\\n.dark-theme .mat-tab-group.mat-accent .mat-ink-bar, .dark-theme .mat-tab-nav-bar.mat-accent .mat-ink-bar {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .dark-theme .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {\\n background-color: white;\\n}\\n.dark-theme .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(255, 179, 179, 0.3);\\n}\\n.dark-theme .mat-tab-group.mat-warn .mat-ink-bar, .dark-theme .mat-tab-nav-bar.mat-warn .mat-ink-bar {\\n background-color: red;\\n}\\n.dark-theme .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .dark-theme .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {\\n background-color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(179, 212, 247, 0.3);\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-header, .dark-theme .mat-tab-group.mat-background-primary .mat-tab-links, .dark-theme .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-label, .dark-theme .mat-tab-group.mat-background-primary .mat-tab-link, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-link {\\n color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.4);\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.4);\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-ripple-element, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(221, 223, 144, 0.3);\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-header, .dark-theme .mat-tab-group.mat-background-accent .mat-tab-links, .dark-theme .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-label, .dark-theme .mat-tab-group.mat-background-accent .mat-tab-link, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link {\\n color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.4);\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.4);\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-ripple-element, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(255, 179, 179, 0.3);\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-header, .dark-theme .mat-tab-group.mat-background-warn .mat-tab-links, .dark-theme .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {\\n background-color: red;\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-label, .dark-theme .mat-tab-group.mat-background-warn .mat-tab-link, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-link {\\n color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.4);\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.4);\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-ripple-element, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-toolbar {\\n background: #393939;\\n color: white;\\n}\\n.dark-theme .mat-toolbar.mat-primary {\\n background: #0071e3;\\n color: white;\\n}\\n.dark-theme .mat-toolbar.mat-accent {\\n background: #a3a467;\\n color: white;\\n}\\n.dark-theme .mat-toolbar.mat-warn {\\n background: red;\\n color: white;\\n}\\n.dark-theme .mat-toolbar .mat-form-field-underline,\\n.dark-theme .mat-toolbar .mat-form-field-ripple,\\n.dark-theme .mat-toolbar .mat-focused .mat-form-field-ripple {\\n background-color: currentColor;\\n}\\n.dark-theme .mat-toolbar .mat-form-field-label,\\n.dark-theme .mat-toolbar .mat-focused .mat-form-field-label,\\n.dark-theme .mat-toolbar .mat-select-value,\\n.dark-theme .mat-toolbar .mat-select-arrow,\\n.dark-theme .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {\\n color: inherit;\\n}\\n.dark-theme .mat-toolbar .mat-input-element {\\n caret-color: currentColor;\\n}\\n.mat-toolbar-multiple-rows {\\n min-height: 64px;\\n}\\n\\n.mat-toolbar-row, .mat-toolbar-single-row {\\n height: 64px;\\n}\\n\\n@media (max-width: 599px) {\\n .mat-toolbar-multiple-rows {\\n min-height: 56px;\\n }\\n\\n .mat-toolbar-row, .mat-toolbar-single-row {\\n height: 56px;\\n }\\n}\\n.dark-theme .mat-tooltip {\\n background: rgba(95, 95, 95, 0.9);\\n}\\n.dark-theme .mat-tree {\\n background: #393939;\\n}\\n.dark-theme .mat-tree-node,\\n.dark-theme .mat-nested-tree-node {\\n color: white;\\n}\\n.mat-tree-node {\\n min-height: 48px;\\n}\\n\\n.dark-theme .mat-snack-bar-container {\\n color: rgba(0, 0, 0, 0.87);\\n background: #fafafa;\\n 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);\\n}\\n.dark-theme .mat-simple-snackbar-action {\\n color: inherit;\\n}\\n\\n.theme-alternate .toolbar-bg {\\n background-color: #ffffff !important;\\n}\\n.theme-alternate body {\\n background-color: #ececee !important;\\n}\\n.theme-alternate .mat-drawer-container {\\n background-color: #ececee !important;\\n color: white;\\n}\\n.theme-alternate .mat-list-item-content {\\n color: rgba(19, 19, 19, 0.54);\\n}\\n.theme-alternate .mat-ripple-element {\\n background-color: rgba(0, 0, 0, 0.1);\\n}\\n.theme-alternate .mat-option {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-option:hover:not(.mat-option-disabled), .theme-alternate .mat-option:focus:not(.mat-option-disabled) {\\n background: rgba(44, 44, 44, 0.04);\\n}\\n.theme-alternate .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\\n background: rgba(44, 44, 44, 0.04);\\n}\\n.theme-alternate .mat-option.mat-active {\\n background: rgba(44, 44, 44, 0.04);\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-option.mat-option-disabled {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: red;\\n}\\n.theme-alternate .mat-optgroup-label {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-optgroup-disabled .mat-optgroup-label {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-pseudo-checkbox {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-pseudo-checkbox::after {\\n color: #fafafa;\\n}\\n.theme-alternate .mat-pseudo-checkbox-disabled {\\n color: #b0b0b0;\\n}\\n.theme-alternate .mat-primary .mat-pseudo-checkbox-checked,\\n.theme-alternate .mat-primary .mat-pseudo-checkbox-indeterminate {\\n background: #0071e3;\\n}\\n.theme-alternate .mat-pseudo-checkbox-checked,\\n.theme-alternate .mat-pseudo-checkbox-indeterminate,\\n.theme-alternate .mat-accent .mat-pseudo-checkbox-checked,\\n.theme-alternate .mat-accent .mat-pseudo-checkbox-indeterminate {\\n background: #a3a467;\\n}\\n.theme-alternate .mat-warn .mat-pseudo-checkbox-checked,\\n.theme-alternate .mat-warn .mat-pseudo-checkbox-indeterminate {\\n background: red;\\n}\\n.theme-alternate .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,\\n.theme-alternate .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {\\n background: #b0b0b0;\\n}\\n.theme-alternate .mat-app-background, .theme-alternate.mat-app-background {\\n background-color: #fafafa;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-elevation-z0 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z1 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z2 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z3 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z4 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z5 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z6 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z7 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z8 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z9 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z10 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z11 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z12 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z13 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z14 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z15 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z16 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z17 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z18 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z19 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z20 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z21 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z22 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z23 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z24 {\\n 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);\\n}\\n.mat-theme-loaded-marker {\\n display: none;\\n}\\n\\n.theme-alternate .mat-autocomplete-panel {\\n background: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-autocomplete-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {\\n background: white;\\n}\\n.theme-alternate .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-badge-content {\\n color: white;\\n background: #0071e3;\\n}\\n.cdk-high-contrast-active .theme-alternate .mat-badge-content {\\n outline: solid 1px;\\n border-radius: 0;\\n}\\n\\n.theme-alternate .mat-badge-accent .mat-badge-content {\\n background: #a3a467;\\n color: white;\\n}\\n.theme-alternate .mat-badge-warn .mat-badge-content {\\n color: white;\\n background: red;\\n}\\n.theme-alternate .mat-badge {\\n position: relative;\\n}\\n.theme-alternate .mat-badge-hidden .mat-badge-content {\\n display: none;\\n}\\n.theme-alternate .mat-badge-disabled .mat-badge-content {\\n background: #b9b9b9;\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-badge-content {\\n position: absolute;\\n text-align: center;\\n display: inline-block;\\n border-radius: 50%;\\n transition: transform 200ms ease-in-out;\\n transform: scale(0.6);\\n overflow: hidden;\\n white-space: nowrap;\\n text-overflow: ellipsis;\\n pointer-events: none;\\n}\\n.theme-alternate .ng-animate-disabled .mat-badge-content,\\n.theme-alternate .mat-badge-content._mat-animation-noopable {\\n transition: none;\\n}\\n.theme-alternate .mat-badge-content.mat-badge-active {\\n transform: none;\\n}\\n.theme-alternate .mat-badge-small .mat-badge-content {\\n width: 16px;\\n height: 16px;\\n line-height: 16px;\\n}\\n.theme-alternate .mat-badge-small.mat-badge-above .mat-badge-content {\\n top: -8px;\\n}\\n.theme-alternate .mat-badge-small.mat-badge-below .mat-badge-content {\\n bottom: -8px;\\n}\\n.theme-alternate .mat-badge-small.mat-badge-before .mat-badge-content {\\n left: -16px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-small.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -16px;\\n}\\n.theme-alternate .mat-badge-small.mat-badge-after .mat-badge-content {\\n right: -16px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-small.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -16px;\\n}\\n.theme-alternate .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: -8px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -8px;\\n}\\n.theme-alternate .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: -8px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -8px;\\n}\\n.theme-alternate .mat-badge-medium .mat-badge-content {\\n width: 22px;\\n height: 22px;\\n line-height: 22px;\\n}\\n.theme-alternate .mat-badge-medium.mat-badge-above .mat-badge-content {\\n top: -11px;\\n}\\n.theme-alternate .mat-badge-medium.mat-badge-below .mat-badge-content {\\n bottom: -11px;\\n}\\n.theme-alternate .mat-badge-medium.mat-badge-before .mat-badge-content {\\n left: -22px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-medium.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -22px;\\n}\\n.theme-alternate .mat-badge-medium.mat-badge-after .mat-badge-content {\\n right: -22px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-medium.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -22px;\\n}\\n.theme-alternate .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: -11px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -11px;\\n}\\n.theme-alternate .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: -11px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -11px;\\n}\\n.theme-alternate .mat-badge-large .mat-badge-content {\\n width: 28px;\\n height: 28px;\\n line-height: 28px;\\n}\\n.theme-alternate .mat-badge-large.mat-badge-above .mat-badge-content {\\n top: -14px;\\n}\\n.theme-alternate .mat-badge-large.mat-badge-below .mat-badge-content {\\n bottom: -14px;\\n}\\n.theme-alternate .mat-badge-large.mat-badge-before .mat-badge-content {\\n left: -28px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-large.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -28px;\\n}\\n.theme-alternate .mat-badge-large.mat-badge-after .mat-badge-content {\\n right: -28px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-large.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -28px;\\n}\\n.theme-alternate .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: -14px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -14px;\\n}\\n.theme-alternate .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: -14px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -14px;\\n}\\n.theme-alternate .mat-bottom-sheet-container {\\n 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);\\n background: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-button, .theme-alternate .mat-icon-button, .theme-alternate .mat-stroked-button {\\n color: inherit;\\n background: transparent;\\n}\\n.theme-alternate .mat-button.mat-primary, .theme-alternate .mat-icon-button.mat-primary, .theme-alternate .mat-stroked-button.mat-primary {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-button.mat-accent, .theme-alternate .mat-icon-button.mat-accent, .theme-alternate .mat-stroked-button.mat-accent {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-button.mat-warn, .theme-alternate .mat-icon-button.mat-warn, .theme-alternate .mat-stroked-button.mat-warn {\\n color: red;\\n}\\n.theme-alternate .mat-button.mat-primary.mat-button-disabled, .theme-alternate .mat-button.mat-accent.mat-button-disabled, .theme-alternate .mat-button.mat-warn.mat-button-disabled, .theme-alternate .mat-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-icon-button.mat-primary.mat-button-disabled, .theme-alternate .mat-icon-button.mat-accent.mat-button-disabled, .theme-alternate .mat-icon-button.mat-warn.mat-button-disabled, .theme-alternate .mat-icon-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-primary.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-accent.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-warn.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-button-disabled.mat-button-disabled {\\n color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-button.mat-primary .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-primary .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-primary .mat-button-focus-overlay {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-button.mat-accent .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-accent .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-accent .mat-button-focus-overlay {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-button.mat-warn .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-warn .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-warn .mat-button-focus-overlay {\\n background-color: red;\\n}\\n.theme-alternate .mat-button.mat-button-disabled .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {\\n background-color: transparent;\\n}\\n.theme-alternate .mat-button .mat-ripple-element, .theme-alternate .mat-icon-button .mat-ripple-element, .theme-alternate .mat-stroked-button .mat-ripple-element {\\n opacity: 0.1;\\n background-color: currentColor;\\n}\\n.theme-alternate .mat-button-focus-overlay {\\n background: black;\\n}\\n.theme-alternate .mat-stroked-button:not(.mat-button-disabled) {\\n border-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-flat-button, .theme-alternate .mat-raised-button, .theme-alternate .mat-fab, .theme-alternate .mat-mini-fab {\\n color: rgba(0, 0, 0, 0.87);\\n background-color: white;\\n}\\n.theme-alternate .mat-flat-button.mat-primary, .theme-alternate .mat-raised-button.mat-primary, .theme-alternate .mat-fab.mat-primary, .theme-alternate .mat-mini-fab.mat-primary {\\n color: white;\\n}\\n.theme-alternate .mat-flat-button.mat-accent, .theme-alternate .mat-raised-button.mat-accent, .theme-alternate .mat-fab.mat-accent, .theme-alternate .mat-mini-fab.mat-accent {\\n color: white;\\n}\\n.theme-alternate .mat-flat-button.mat-warn, .theme-alternate .mat-raised-button.mat-warn, .theme-alternate .mat-fab.mat-warn, .theme-alternate .mat-mini-fab.mat-warn {\\n color: white;\\n}\\n.theme-alternate .mat-flat-button.mat-primary.mat-button-disabled, .theme-alternate .mat-flat-button.mat-accent.mat-button-disabled, .theme-alternate .mat-flat-button.mat-warn.mat-button-disabled, .theme-alternate .mat-flat-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-raised-button.mat-primary.mat-button-disabled, .theme-alternate .mat-raised-button.mat-accent.mat-button-disabled, .theme-alternate .mat-raised-button.mat-warn.mat-button-disabled, .theme-alternate .mat-raised-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-fab.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-button-disabled.mat-button-disabled {\\n color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-flat-button.mat-primary, .theme-alternate .mat-raised-button.mat-primary, .theme-alternate .mat-fab.mat-primary, .theme-alternate .mat-mini-fab.mat-primary {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-flat-button.mat-accent, .theme-alternate .mat-raised-button.mat-accent, .theme-alternate .mat-fab.mat-accent, .theme-alternate .mat-mini-fab.mat-accent {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-flat-button.mat-warn, .theme-alternate .mat-raised-button.mat-warn, .theme-alternate .mat-fab.mat-warn, .theme-alternate .mat-mini-fab.mat-warn {\\n background-color: red;\\n}\\n.theme-alternate .mat-flat-button.mat-primary.mat-button-disabled, .theme-alternate .mat-flat-button.mat-accent.mat-button-disabled, .theme-alternate .mat-flat-button.mat-warn.mat-button-disabled, .theme-alternate .mat-flat-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-raised-button.mat-primary.mat-button-disabled, .theme-alternate .mat-raised-button.mat-accent.mat-button-disabled, .theme-alternate .mat-raised-button.mat-warn.mat-button-disabled, .theme-alternate .mat-raised-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-fab.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-button-disabled.mat-button-disabled {\\n background-color: rgba(44, 44, 44, 0.12);\\n}\\n.theme-alternate .mat-flat-button.mat-primary .mat-ripple-element, .theme-alternate .mat-raised-button.mat-primary .mat-ripple-element, .theme-alternate .mat-fab.mat-primary .mat-ripple-element, .theme-alternate .mat-mini-fab.mat-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.theme-alternate .mat-flat-button.mat-accent .mat-ripple-element, .theme-alternate .mat-raised-button.mat-accent .mat-ripple-element, .theme-alternate .mat-fab.mat-accent .mat-ripple-element, .theme-alternate .mat-mini-fab.mat-accent .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.theme-alternate .mat-flat-button.mat-warn .mat-ripple-element, .theme-alternate .mat-raised-button.mat-warn .mat-ripple-element, .theme-alternate .mat-fab.mat-warn .mat-ripple-element, .theme-alternate .mat-mini-fab.mat-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.theme-alternate .mat-stroked-button:not([class*=mat-elevation-z]), .theme-alternate .mat-flat-button:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-raised-button:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-fab:not([class*=mat-elevation-z]), .theme-alternate .mat-mini-fab:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .theme-alternate .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .theme-alternate .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-button-toggle-standalone,\\n.theme-alternate .mat-button-toggle-group {\\n 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);\\n}\\n.theme-alternate .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n.theme-alternate .mat-button-toggle-group-appearance-standard {\\n box-shadow: none;\\n}\\n.theme-alternate .mat-button-toggle {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-button-toggle .mat-button-toggle-focus-overlay {\\n background-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-button-toggle-appearance-standard {\\n color: rgba(0, 0, 0, 0.87);\\n background: white;\\n}\\n.theme-alternate .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {\\n background-color: black;\\n}\\n.theme-alternate .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n border-left: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n border-left: none;\\n border-right: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {\\n border-left: none;\\n border-right: none;\\n border-top: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-button-toggle-checked {\\n background-color: #c7c7c7;\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-button-toggle-checked.mat-button-toggle-appearance-standard {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-button-toggle-disabled {\\n color: rgba(0, 0, 0, 0.26);\\n background-color: #e1e1e1;\\n}\\n.theme-alternate .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {\\n background: white;\\n}\\n.theme-alternate .mat-button-toggle-disabled.mat-button-toggle-checked {\\n background-color: #aeaeae;\\n}\\n.theme-alternate .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n.theme-alternate .mat-button-toggle-group-appearance-standard {\\n border: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-card {\\n background: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-card:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-card-subtitle {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-checkbox-frame {\\n border-color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-checkbox-checkmark {\\n fill: #fafafa;\\n}\\n.theme-alternate .mat-checkbox-checkmark-path {\\n stroke: #fafafa !important;\\n}\\n.theme-alternate .mat-checkbox-mixedmark {\\n background-color: #fafafa;\\n}\\n.theme-alternate .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .theme-alternate .mat-checkbox-checked.mat-primary .mat-checkbox-background {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .theme-alternate .mat-checkbox-checked.mat-accent .mat-checkbox-background {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .theme-alternate .mat-checkbox-checked.mat-warn .mat-checkbox-background {\\n background-color: red;\\n}\\n.theme-alternate .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .theme-alternate .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {\\n background-color: #b0b0b0;\\n}\\n.theme-alternate .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {\\n border-color: #b0b0b0;\\n}\\n.theme-alternate .mat-checkbox-disabled .mat-checkbox-label {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-checkbox .mat-ripple-element {\\n background-color: black;\\n}\\n.theme-alternate .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,\\n.theme-alternate .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {\\n background: #0071e3;\\n}\\n.theme-alternate .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,\\n.theme-alternate .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {\\n background: #a3a467;\\n}\\n.theme-alternate .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,\\n.theme-alternate .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {\\n background: red;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip {\\n background-color: #e1e1e1;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-chip.mat-standard-chip .mat-chip-remove {\\n color: rgba(0, 0, 0, 0.87);\\n opacity: 0.4;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {\\n 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);\\n}\\n.theme-alternate .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {\\n opacity: 0.54;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-disabled {\\n opacity: 0.4;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip::after {\\n background: black;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {\\n background-color: #0071e3;\\n color: white;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {\\n background-color: red;\\n color: white;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {\\n background-color: #a3a467;\\n color: white;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.theme-alternate .mat-table {\\n background: white;\\n}\\n.theme-alternate .mat-table thead, .theme-alternate .mat-table tbody, .theme-alternate .mat-table tfoot,\\n.theme-alternate mat-header-row, .theme-alternate mat-row, .theme-alternate mat-footer-row,\\n.theme-alternate [mat-header-row], .theme-alternate [mat-row], .theme-alternate [mat-footer-row],\\n.theme-alternate .mat-table-sticky {\\n background: inherit;\\n}\\n.theme-alternate mat-row, .theme-alternate mat-header-row, .theme-alternate mat-footer-row,\\n.theme-alternate th.mat-header-cell, .theme-alternate td.mat-cell, .theme-alternate td.mat-footer-cell {\\n border-bottom-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-header-cell {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-cell, .theme-alternate .mat-footer-cell {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-calendar-arrow {\\n border-top-color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-datepicker-toggle,\\n.theme-alternate .mat-datepicker-content .mat-calendar-next-button,\\n.theme-alternate .mat-datepicker-content .mat-calendar-previous-button {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-calendar-table-header {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-calendar-table-header-divider::after {\\n background: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-calendar-body-label {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-calendar-body-cell-content,\\n.theme-alternate .mat-date-range-input-separator {\\n color: rgba(0, 0, 0, 0.87);\\n border-color: transparent;\\n}\\n.theme-alternate .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-form-field-disabled .mat-date-range-input-separator {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\\n.theme-alternate .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\\n.theme-alternate .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n background-color: rgba(44, 44, 44, 0.04);\\n}\\n.theme-alternate .mat-calendar-body-in-preview {\\n color: rgba(0, 0, 0, 0.24);\\n}\\n.theme-alternate .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n border-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n border-color: rgba(0, 0, 0, 0.18);\\n}\\n.theme-alternate .mat-calendar-body-in-range::before {\\n background: rgba(0, 113, 227, 0.2);\\n}\\n.theme-alternate .mat-calendar-body-comparison-identical,\\n.theme-alternate .mat-calendar-body-in-comparison-range::before {\\n background: rgba(249, 171, 0, 0.2);\\n}\\n.theme-alternate .mat-calendar-body-comparison-bridge-start::before,\\n.theme-alternate [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, rgba(0, 113, 227, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.theme-alternate .mat-calendar-body-comparison-bridge-end::before,\\n.theme-alternate [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, rgba(0, 113, 227, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.theme-alternate .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.theme-alternate .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: #a8dab5;\\n}\\n.theme-alternate .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.theme-alternate .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: #46a35e;\\n}\\n.theme-alternate .mat-calendar-body-selected {\\n background-color: #0071e3;\\n color: white;\\n}\\n.theme-alternate .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n background-color: rgba(0, 113, 227, 0.4);\\n}\\n.theme-alternate .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 1px white;\\n}\\n.theme-alternate .mat-datepicker-content {\\n 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);\\n background-color: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {\\n background: rgba(163, 164, 103, 0.2);\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {\\n background: rgba(249, 171, 0, 0.2);\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,\\n.theme-alternate .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, rgba(163, 164, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,\\n.theme-alternate .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, rgba(163, 164, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: #a8dab5;\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: #46a35e;\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-selected {\\n background-color: #a3a467;\\n color: white;\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n background-color: rgba(163, 164, 103, 0.4);\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 1px white;\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {\\n background: rgba(255, 0, 0, 0.2);\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {\\n background: rgba(249, 171, 0, 0.2);\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,\\n.theme-alternate .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, rgba(255, 0, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,\\n.theme-alternate .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, rgba(255, 0, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: #a8dab5;\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: #46a35e;\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-selected {\\n background-color: red;\\n color: white;\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n background-color: rgba(255, 0, 0, 0.4);\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 1px white;\\n}\\n.theme-alternate .mat-datepicker-content-touch {\\n 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);\\n}\\n.theme-alternate .mat-datepicker-toggle-active {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-datepicker-toggle-active.mat-accent {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-datepicker-toggle-active.mat-warn {\\n color: red;\\n}\\n.theme-alternate .mat-date-range-input-inner[disabled] {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-dialog-container {\\n 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);\\n background: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-divider {\\n border-top-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-divider-vertical {\\n border-right-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-expansion-panel {\\n background: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-expansion-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-action-row {\\n border-top-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .theme-alternate .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .theme-alternate .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {\\n background: rgba(44, 44, 44, 0.04);\\n}\\n@media (hover: none) {\\n .theme-alternate .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {\\n background: white;\\n }\\n}\\n.theme-alternate .mat-expansion-panel-header-title {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-expansion-panel-header-description,\\n.theme-alternate .mat-expansion-indicator::after {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-expansion-panel-header[aria-disabled=true] {\\n color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,\\n.theme-alternate .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {\\n color: inherit;\\n}\\n.theme-alternate .mat-form-field-label {\\n color: rgba(0, 0, 0, 0.6);\\n}\\n.theme-alternate .mat-hint {\\n color: rgba(0, 0, 0, 0.6);\\n}\\n.theme-alternate .mat-form-field.mat-focused .mat-form-field-label {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-form-field.mat-focused .mat-form-field-label.mat-accent {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-form-field.mat-focused .mat-form-field-label.mat-warn {\\n color: red;\\n}\\n.theme-alternate .mat-focused .mat-form-field-required-marker {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-form-field-ripple {\\n background-color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-form-field.mat-focused .mat-form-field-ripple {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {\\n background-color: red;\\n}\\n.theme-alternate .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {\\n color: red;\\n}\\n.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-label {\\n color: red;\\n}\\n.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,\\n.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {\\n color: red;\\n}\\n.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,\\n.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {\\n background-color: red;\\n}\\n.theme-alternate .mat-error {\\n color: red;\\n}\\n.theme-alternate .mat-form-field-appearance-legacy .mat-form-field-label {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-form-field-appearance-legacy .mat-hint {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-form-field-appearance-legacy .mat-form-field-underline {\\n background-color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {\\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);\\n background-size: 4px 100%;\\n background-repeat: repeat-x;\\n}\\n.theme-alternate .mat-form-field-appearance-standard .mat-form-field-underline {\\n background-color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {\\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);\\n background-size: 4px 100%;\\n background-repeat: repeat-x;\\n}\\n.theme-alternate .mat-form-field-appearance-fill .mat-form-field-flex {\\n background-color: rgba(0, 0, 0, 0.04);\\n}\\n.theme-alternate .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {\\n background-color: rgba(0, 0, 0, 0.02);\\n}\\n.theme-alternate .mat-form-field-appearance-fill .mat-form-field-underline::before {\\n background-color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {\\n background-color: transparent;\\n}\\n.theme-alternate .mat-form-field-appearance-outline .mat-form-field-outline {\\n color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-form-field-appearance-outline .mat-form-field-outline-thick {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {\\n color: red;\\n}\\n.theme-alternate .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {\\n color: red;\\n}\\n.theme-alternate .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {\\n color: rgba(0, 0, 0, 0.06);\\n}\\n.theme-alternate .mat-icon.mat-primary {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-icon.mat-accent {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-icon.mat-warn {\\n color: red;\\n}\\n.theme-alternate .mat-form-field-type-mat-native-select .mat-form-field-infix::after {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-input-element:disabled,\\n.theme-alternate .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-input-element {\\n caret-color: #0071e3;\\n}\\n.theme-alternate .mat-input-element::placeholder {\\n color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-input-element::-moz-placeholder {\\n color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-input-element::-webkit-input-placeholder {\\n color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-input-element:-ms-input-placeholder {\\n color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-form-field.mat-accent .mat-input-element {\\n caret-color: #a3a467;\\n}\\n.theme-alternate .mat-form-field.mat-warn .mat-input-element,\\n.theme-alternate .mat-form-field-invalid .mat-input-element {\\n caret-color: red;\\n}\\n.theme-alternate .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {\\n color: red;\\n}\\n.theme-alternate .mat-list-base .mat-list-item {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-list-base .mat-list-option {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-list-base .mat-subheader {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-list-item-disabled {\\n background-color: #e1e1e1;\\n}\\n.theme-alternate .mat-list-option:hover, .theme-alternate .mat-list-option:focus,\\n.theme-alternate .mat-nav-list .mat-list-item:hover,\\n.theme-alternate .mat-nav-list .mat-list-item:focus,\\n.theme-alternate .mat-action-list .mat-list-item:hover,\\n.theme-alternate .mat-action-list .mat-list-item:focus {\\n background: rgba(44, 44, 44, 0.04);\\n}\\n.theme-alternate .mat-list-single-selected-option, .theme-alternate .mat-list-single-selected-option:hover, .theme-alternate .mat-list-single-selected-option:focus {\\n background: rgba(44, 44, 44, 0.12);\\n}\\n.theme-alternate .mat-menu-panel {\\n background: white;\\n}\\n.theme-alternate .mat-menu-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-menu-item {\\n background: transparent;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-menu-item[disabled], .theme-alternate .mat-menu-item[disabled]::after {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-menu-item .mat-icon-no-color,\\n.theme-alternate .mat-menu-item-submenu-trigger::after {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-menu-item:hover:not([disabled]),\\n.theme-alternate .mat-menu-item.cdk-program-focused:not([disabled]),\\n.theme-alternate .mat-menu-item.cdk-keyboard-focused:not([disabled]),\\n.theme-alternate .mat-menu-item-highlighted:not([disabled]) {\\n background: rgba(44, 44, 44, 0.04);\\n}\\n.theme-alternate .mat-paginator {\\n background: white;\\n}\\n.theme-alternate .mat-paginator,\\n.theme-alternate .mat-paginator-page-size .mat-select-trigger {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-paginator-decrement,\\n.theme-alternate .mat-paginator-increment {\\n border-top: 2px solid rgba(0, 0, 0, 0.54);\\n border-right: 2px solid rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-paginator-first,\\n.theme-alternate .mat-paginator-last {\\n border-top: 2px solid rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-icon-button[disabled] .mat-paginator-decrement,\\n.theme-alternate .mat-icon-button[disabled] .mat-paginator-increment,\\n.theme-alternate .mat-icon-button[disabled] .mat-paginator-first,\\n.theme-alternate .mat-icon-button[disabled] .mat-paginator-last {\\n border-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-progress-bar-background {\\n fill: #b3d4f7;\\n}\\n.theme-alternate .mat-progress-bar-buffer {\\n background-color: #b3d4f7;\\n}\\n.theme-alternate .mat-progress-bar-fill::after {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-progress-bar.mat-accent .mat-progress-bar-background {\\n fill: #dddf90;\\n}\\n.theme-alternate .mat-progress-bar.mat-accent .mat-progress-bar-buffer {\\n background-color: #dddf90;\\n}\\n.theme-alternate .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-progress-bar.mat-warn .mat-progress-bar-background {\\n fill: #ffb3b3;\\n}\\n.theme-alternate .mat-progress-bar.mat-warn .mat-progress-bar-buffer {\\n background-color: #ffb3b3;\\n}\\n.theme-alternate .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {\\n background-color: red;\\n}\\n.theme-alternate .mat-progress-spinner circle, .theme-alternate .mat-spinner circle {\\n stroke: #0071e3;\\n}\\n.theme-alternate .mat-progress-spinner.mat-accent circle, .theme-alternate .mat-spinner.mat-accent circle {\\n stroke: #a3a467;\\n}\\n.theme-alternate .mat-progress-spinner.mat-warn circle, .theme-alternate .mat-spinner.mat-warn circle {\\n stroke: red;\\n}\\n.theme-alternate .mat-radio-outer-circle {\\n border-color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {\\n border-color: #0071e3;\\n}\\n.theme-alternate .mat-radio-button.mat-primary .mat-radio-inner-circle,\\n.theme-alternate .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .theme-alternate .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .theme-alternate .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {\\n border-color: #a3a467;\\n}\\n.theme-alternate .mat-radio-button.mat-accent .mat-radio-inner-circle,\\n.theme-alternate .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .theme-alternate .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .theme-alternate .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {\\n border-color: red;\\n}\\n.theme-alternate .mat-radio-button.mat-warn .mat-radio-inner-circle,\\n.theme-alternate .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .theme-alternate .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .theme-alternate .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {\\n background-color: red;\\n}\\n.theme-alternate .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,\\n.theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {\\n border-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,\\n.theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {\\n background-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-label-content {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-radio-button .mat-ripple-element {\\n background-color: black;\\n}\\n.theme-alternate .mat-select-value {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-select-placeholder {\\n color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-select-disabled .mat-select-value {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-select-arrow {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-select-panel {\\n background: white;\\n}\\n.theme-alternate .mat-select-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {\\n background: rgba(44, 44, 44, 0.12);\\n}\\n.theme-alternate .mat-form-field.mat-focused.mat-primary .mat-select-arrow {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-form-field.mat-focused.mat-accent .mat-select-arrow {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-form-field.mat-focused.mat-warn .mat-select-arrow {\\n color: red;\\n}\\n.theme-alternate .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {\\n color: red;\\n}\\n.theme-alternate .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-drawer-container {\\n background-color: #fafafa;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-drawer {\\n background-color: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-drawer.mat-drawer-push {\\n background-color: white;\\n}\\n.theme-alternate .mat-drawer:not(.mat-drawer-side) {\\n 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);\\n}\\n.theme-alternate .mat-drawer-side {\\n border-right: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-drawer-side.mat-drawer-end {\\n border-left: solid 1px rgba(0, 0, 0, 0.12);\\n border-right: none;\\n}\\n.theme-alternate [dir=rtl] .mat-drawer-side {\\n border-left: solid 1px rgba(0, 0, 0, 0.12);\\n border-right: none;\\n}\\n.theme-alternate [dir=rtl] .mat-drawer-side.mat-drawer-end {\\n border-left: none;\\n border-right: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-drawer-backdrop.mat-drawer-shown {\\n background-color: rgba(0, 0, 0, 0.6);\\n}\\n.theme-alternate .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {\\n background-color: rgba(163, 164, 103, 0.54);\\n}\\n.theme-alternate .mat-slide-toggle.mat-checked .mat-ripple-element {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {\\n background-color: rgba(0, 113, 227, 0.54);\\n}\\n.theme-alternate .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {\\n background-color: red;\\n}\\n.theme-alternate .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {\\n background-color: rgba(255, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {\\n background-color: red;\\n}\\n.theme-alternate .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {\\n background-color: black;\\n}\\n.theme-alternate .mat-slide-toggle-thumb {\\n 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);\\n background-color: #fafafa;\\n}\\n.theme-alternate .mat-slide-toggle-bar {\\n background-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-slider-track-background {\\n background-color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-primary .mat-slider-track-fill,\\n.theme-alternate .mat-primary .mat-slider-thumb,\\n.theme-alternate .mat-primary .mat-slider-thumb-label {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-primary .mat-slider-thumb-label-text {\\n color: white;\\n}\\n.theme-alternate .mat-primary .mat-slider-focus-ring {\\n background-color: rgba(0, 113, 227, 0.2);\\n}\\n.theme-alternate .mat-accent .mat-slider-track-fill,\\n.theme-alternate .mat-accent .mat-slider-thumb,\\n.theme-alternate .mat-accent .mat-slider-thumb-label {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-accent .mat-slider-thumb-label-text {\\n color: white;\\n}\\n.theme-alternate .mat-accent .mat-slider-focus-ring {\\n background-color: rgba(163, 164, 103, 0.2);\\n}\\n.theme-alternate .mat-warn .mat-slider-track-fill,\\n.theme-alternate .mat-warn .mat-slider-thumb,\\n.theme-alternate .mat-warn .mat-slider-thumb-label {\\n background-color: red;\\n}\\n.theme-alternate .mat-warn .mat-slider-thumb-label-text {\\n color: white;\\n}\\n.theme-alternate .mat-warn .mat-slider-focus-ring {\\n background-color: rgba(255, 0, 0, 0.2);\\n}\\n.theme-alternate .mat-slider:hover .mat-slider-track-background,\\n.theme-alternate .cdk-focused .mat-slider-track-background {\\n background-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-slider-disabled .mat-slider-track-background,\\n.theme-alternate .mat-slider-disabled .mat-slider-track-fill,\\n.theme-alternate .mat-slider-disabled .mat-slider-thumb {\\n background-color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-slider-disabled:hover .mat-slider-track-background {\\n background-color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-slider-min-value .mat-slider-focus-ring {\\n background-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,\\n.theme-alternate .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {\\n background-color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,\\n.theme-alternate .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {\\n background-color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {\\n border-color: rgba(0, 0, 0, 0.26);\\n background-color: transparent;\\n}\\n.theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {\\n border-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {\\n border-color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-slider-has-ticks .mat-slider-wrapper::after {\\n border-color: rgba(0, 0, 0, 0.7);\\n}\\n.theme-alternate .mat-slider-horizontal .mat-slider-ticks {\\n background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);\\n background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);\\n}\\n.theme-alternate .mat-slider-vertical .mat-slider-ticks {\\n background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);\\n}\\n.theme-alternate .mat-step-header.cdk-keyboard-focused, .theme-alternate .mat-step-header.cdk-program-focused, .theme-alternate .mat-step-header:hover {\\n background-color: rgba(44, 44, 44, 0.04);\\n}\\n@media (hover: none) {\\n .theme-alternate .mat-step-header:hover {\\n background: none;\\n }\\n}\\n.theme-alternate .mat-step-header .mat-step-label,\\n.theme-alternate .mat-step-header .mat-step-optional {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-step-header .mat-step-icon {\\n background-color: rgba(0, 0, 0, 0.54);\\n color: white;\\n}\\n.theme-alternate .mat-step-header .mat-step-icon-selected,\\n.theme-alternate .mat-step-header .mat-step-icon-state-done,\\n.theme-alternate .mat-step-header .mat-step-icon-state-edit {\\n background-color: #0071e3;\\n color: white;\\n}\\n.theme-alternate .mat-step-header .mat-step-icon-state-error {\\n background-color: transparent;\\n color: red;\\n}\\n.theme-alternate .mat-step-header .mat-step-label.mat-step-label-active {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-step-header .mat-step-label.mat-step-label-error {\\n color: red;\\n}\\n.theme-alternate .mat-stepper-horizontal, .theme-alternate .mat-stepper-vertical {\\n background-color: white;\\n}\\n.theme-alternate .mat-stepper-vertical-line::before {\\n border-left-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-horizontal-stepper-header::before,\\n.theme-alternate .mat-horizontal-stepper-header::after,\\n.theme-alternate .mat-stepper-horizontal-line {\\n border-top-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-sort-header-arrow {\\n color: #757575;\\n}\\n.theme-alternate .mat-tab-nav-bar,\\n.theme-alternate .mat-tab-header {\\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-tab-group-inverted-header .mat-tab-nav-bar,\\n.theme-alternate .mat-tab-group-inverted-header .mat-tab-header {\\n border-top: 1px solid rgba(0, 0, 0, 0.12);\\n border-bottom: none;\\n}\\n.theme-alternate .mat-tab-label, .theme-alternate .mat-tab-link {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-link.mat-tab-disabled {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-tab-header-pagination-chevron {\\n border-color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-tab-group[class*=mat-background-] .mat-tab-header,\\n.theme-alternate .mat-tab-nav-bar[class*=mat-background-] {\\n border-bottom: none;\\n border-top: none;\\n}\\n.theme-alternate .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(179, 212, 247, 0.3);\\n}\\n.theme-alternate .mat-tab-group.mat-primary .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-primary .mat-ink-bar {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {\\n background-color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(221, 223, 144, 0.3);\\n}\\n.theme-alternate .mat-tab-group.mat-accent .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-accent .mat-ink-bar {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {\\n background-color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(255, 179, 179, 0.3);\\n}\\n.theme-alternate .mat-tab-group.mat-warn .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-warn .mat-ink-bar {\\n background-color: red;\\n}\\n.theme-alternate .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {\\n background-color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(179, 212, 247, 0.3);\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-header, .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-links, .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label, .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link {\\n color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.4);\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.4);\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(221, 223, 144, 0.3);\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-header, .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-links, .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label, .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link {\\n color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.4);\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.4);\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(255, 179, 179, 0.3);\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-header, .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-links, .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {\\n background-color: red;\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label, .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link {\\n color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.4);\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.4);\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.theme-alternate .mat-toolbar {\\n background: #ededed;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-toolbar.mat-primary {\\n background: #0071e3;\\n color: white;\\n}\\n.theme-alternate .mat-toolbar.mat-accent {\\n background: #a3a467;\\n color: white;\\n}\\n.theme-alternate .mat-toolbar.mat-warn {\\n background: red;\\n color: white;\\n}\\n.theme-alternate .mat-toolbar .mat-form-field-underline,\\n.theme-alternate .mat-toolbar .mat-form-field-ripple,\\n.theme-alternate .mat-toolbar .mat-focused .mat-form-field-ripple {\\n background-color: currentColor;\\n}\\n.theme-alternate .mat-toolbar .mat-form-field-label,\\n.theme-alternate .mat-toolbar .mat-focused .mat-form-field-label,\\n.theme-alternate .mat-toolbar .mat-select-value,\\n.theme-alternate .mat-toolbar .mat-select-arrow,\\n.theme-alternate .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {\\n color: inherit;\\n}\\n.theme-alternate .mat-toolbar .mat-input-element {\\n caret-color: currentColor;\\n}\\n.theme-alternate .mat-tooltip {\\n background: rgba(95, 95, 95, 0.9);\\n}\\n.theme-alternate .mat-tree {\\n background: white;\\n}\\n.theme-alternate .mat-tree-node,\\n.theme-alternate .mat-nested-tree-node {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-snack-bar-container {\\n color: rgba(255, 255, 255, 0.7);\\n background: #323232;\\n 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);\\n}\\n.theme-alternate .mat-simple-snackbar-action {\\n color: #a3a467;\\n}\\n\\n.mat-raised-button, .mat-stroked-button, .mat-flat-button {\\n padding: 0 1.15em;\\n margin: 0 0.65em;\\n min-width: 3em;\\n line-height: 36.4px;\\n}\\n\\n.mat-standard-chip {\\n padding: 0.5em 0.85em;\\n min-height: 2.5em;\\n}\\n\\n.material-icons {\\n font-size: 24px;\\n font-family: \\\"Material Icons\\\", \\\"Material Icons\\\";\\n}\\n.material-icons .mat-badge-content {\\n font-family: \\\"Montserrat\\\";\\n}\\n\\nbutton.mat-flat-button, button.mat-stroked-button, a.mat-button-base, button.mat-raised-button {\\n border-radius: 4px !important;\\n}\\n\\n.mat-simple-snackbar-action {\\n color: white !important;\\n}\\n\\nhtml, body {\\n height: 100%;\\n}\\n\\n:focus {\\n outline: none !important;\\n}\\n\\n.flex-spacer {\\n flex: 1 1 auto;\\n}\\n\\n.menu-images {\\n padding: 5px;\\n margin-right: 20px;\\n min-height: 30px;\\n min-width: 30px;\\n}\\n\\n.mat-drawer.mat-sidenav .mat-list-item {\\n padding: 0 0 !important;\\n}\\n\\n::-webkit-scrollbar {\\n width: 6px;\\n height: 6px;\\n}\\n\\n/* Track */\\n::-webkit-scrollbar-track {\\n background: #cecece;\\n}\\n\\n/* Handle */\\n::-webkit-scrollbar-thumb {\\n background: #999;\\n}\\n\\n/* Handle on hover */\\n::-webkit-scrollbar-thumb:hover {\\n background: #999;\\n}\\n\\n.themeCardBdr {\\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15) !important;\\n border-radius: 4px !important;\\n}\\n\\n.mat-list-item-content {\\n font-family: Montserrat;\\n font-style: normal;\\n font-weight: 500;\\n font-size: 14px;\\n line-height: 21px;\\n letter-spacing: 0.1px;\\n}\\n\\n.mat-form-field {\\n width: 100%;\\n}\\n\\n.mat-list-item-content:hover {\\n background-color: #E5F2FF !important;\\n color: #0071E3 !important;\\n}\\n\\n.mat-list-item-content:hover img {\\n color: #0071E3 !important;\\n filter: invert(34%) sepia(46%) saturate(7293%) hue-rotate(197deg) brightness(96%) contrast(100%) !important;\\n}\\n\\n.mnh60 {\\n min-height: 60px;\\n}\\n\\n.mnh-300 {\\n min-height: 300px;\\n}\\n\\n.mnh-400 {\\n min-height: 400px;\\n}\\n\\n.chooseRole {\\n cursor: pointer;\\n min-height: 60px;\\n}\\n\\ntable {\\n width: 100%;\\n}\\n\\n.topNavGlobalSearch {\\n width: 300px;\\n}\\n\\n.topNavGlobalSearch {\\n padding-bottom: 0px !important;\\n font: 500 12px/15px Montserrat;\\n margin-top: 15px;\\n margin-right: 20px;\\n}\\n\\n.topNavGlobalSearch .mat-form-field-appearance-outline .mat-form-field-outline {\\n background: #ffffff;\\n border: 0;\\n border-radius: 6px;\\n}\\n\\n.clearFieldIcon {\\n position: relative;\\n top: -3px;\\n}\\n\\n.logo {\\n cursor: pointer;\\n}\\n\\n.bg-primary {\\n background-color: #0c4dff !important;\\n}\\n\\n.ae-picker, .angular-editor-button {\\n height: 26px !important;\\n}\\n\\n.mt30 {\\n margin-top: 30px !important;\\n}\\n\\n.stepperBackBtn {\\n position: absolute;\\n right: 10px;\\n top: 30px;\\n z-index: 999;\\n}\\n\\n.dividerHeading {\\n overflow: hidden;\\n}\\n\\n.dividerHeading:after {\\n content: \\\"\\\";\\n position: absolute;\\n height: 5px;\\n border-bottom: 1px solid #0071e3;\\n border-top: 1px solid #0071e3;\\n top: 12px;\\n width: 100%;\\n}\\n\\n.dividerHeading {\\n color: #0071e3;\\n}\\n\\n.addNewRowTbl .mat-table .mat-cell {\\n padding-left: 2px !important;\\n padding-right: 2px !important;\\n}\\n\\n.w100 {\\n width: 100px !important;\\n}\\n\\n.w150 {\\n width: 150px;\\n}\\n\\n.w170 {\\n width: 170px;\\n}\\n\\n.w200 {\\n width: 200px;\\n}\\n\\ntd {\\n white-space: normal;\\n word-wrap: break-word;\\n max-width: 150px;\\n}\\n\\nmat-datepicker-toggle {\\n display: inline-block;\\n}\\n\\nsnack-bar-container.error-alert {\\n background-color: red !important;\\n color: white !important;\\n font-weight: bold;\\n}\\n\\nmat-simple-snackbar-action {\\n color: white !important;\\n font-weight: bold;\\n}\\n\\nsnack-bar-container.success-alert {\\n background-color: green !important;\\n color: white !important;\\n font-weight: bold;\\n}\"]}]);\n// Exports\nmodule.exports = exports;\n","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\nexports.push([module.id, \"@import url(https://fonts.googleapis.com/css?family=Material+Icons);\"]);\nexports.push([module.id, \"@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500);\"]);\n// Module\nexports.push([module.id, \"\\n/**\\n* Generated theme by Material Theme Generator\\n* https://materialtheme.arcsine.dev\\n*/\\n/* Colors for the ripple elements.*/\\n/* stylelint-disable-next-line material/theme-mixin-api */\\n/* stylelint-disable-next-line material/theme-mixin-api */\\n/* stylelint-disable material/no-prefixes */\\n/* stylelint-enable */\\n.mat-badge-content {\\n font-weight: 600;\\n font-size: 12px;\\n}\\n.mat-badge-small .mat-badge-content {\\n font-size: 9px;\\n}\\n.mat-badge-large .mat-badge-content {\\n font-size: 24px;\\n}\\n.mat-h1, .mat-headline, .mat-typography h1 {\\n font: 400 24px/32px Montserrat;\\n letter-spacing: 0em;\\n margin: 0 0 16px;\\n}\\n.mat-h2, .mat-title, .mat-typography h2 {\\n font: 500 20px/32px Montserrat;\\n letter-spacing: 0.0075em;\\n margin: 0 0 16px;\\n}\\n.mat-h3, .mat-subheading-2, .mat-typography h3 {\\n font: 400 16px/28px Montserrat;\\n letter-spacing: 0.0094em;\\n margin: 0 0 16px;\\n}\\n.mat-h4, .mat-subheading-1, .mat-typography h4 {\\n font: 500 15px/24px Montserrat;\\n letter-spacing: 0.0067em;\\n margin: 0 0 16px;\\n}\\n.mat-h5, .mat-typography h5 {\\n font: 400 calc(14px * 0.83)/20px Montserrat;\\n margin: 0 0 12px;\\n}\\n.mat-h6, .mat-typography h6 {\\n font: 400 calc(14px * 0.67)/20px Montserrat;\\n margin: 0 0 12px;\\n}\\n.mat-body-strong, .mat-body-2 {\\n font: 500 14px/24px Montserrat;\\n letter-spacing: 0.0179em;\\n}\\n.mat-body, .mat-body-1, .mat-typography {\\n font: 400 14px/20px Montserrat;\\n letter-spacing: 0.0179em;\\n}\\n.mat-body p, .mat-body-1 p, .mat-typography p {\\n margin: 0 0 12px;\\n}\\n.mat-small, .mat-caption {\\n font: 400 12px/20px Montserrat;\\n letter-spacing: 0.0333em;\\n}\\n.mat-display-4, .mat-typography .mat-display-4 {\\n font: 300 112px/112px Montserrat;\\n letter-spacing: -0.0134em;\\n margin: 0 0 56px;\\n}\\n.mat-display-3, .mat-typography .mat-display-3 {\\n font: 400 56px/56px Montserrat;\\n letter-spacing: -0.0089em;\\n margin: 0 0 64px;\\n}\\n.mat-display-2, .mat-typography .mat-display-2 {\\n font: 400 45px/48px Montserrat;\\n letter-spacing: 0em;\\n margin: 0 0 64px;\\n}\\n.mat-display-1, .mat-typography .mat-display-1 {\\n font: 400 34px/40px Montserrat;\\n letter-spacing: 0.0074em;\\n margin: 0 0 64px;\\n}\\n.mat-bottom-sheet-container {\\n font: 400 14px/20px Montserrat;\\n letter-spacing: 0.0179em;\\n}\\n.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,\\n.mat-flat-button, .mat-fab, .mat-mini-fab {\\n font-family: Montserrat;\\n font-size: 14px;\\n font-weight: 500;\\n}\\n.mat-card-title {\\n font-size: 24px;\\n font-weight: 500;\\n}\\n.mat-card-header .mat-card-title {\\n font-size: 20px;\\n}\\n.mat-card-subtitle,\\n.mat-card-content {\\n font-size: 14px;\\n}\\n.mat-checkbox-layout .mat-checkbox-label {\\n line-height: 24px;\\n}\\n.mat-chip {\\n font-size: 14px;\\n font-weight: 500;\\n}\\n.mat-chip .mat-chip-trailing-icon.mat-icon,\\n.mat-chip .mat-chip-remove.mat-icon {\\n font-size: 18px;\\n}\\n.mat-header-cell {\\n font-size: 12px;\\n font-weight: 500;\\n}\\n.mat-cell, .mat-footer-cell {\\n font-size: 14px;\\n}\\n.mat-calendar-body {\\n font-size: 13px;\\n}\\n.mat-calendar-body-label,\\n.mat-calendar-period-button {\\n font-size: 14px;\\n font-weight: 500;\\n}\\n.mat-calendar-table-header th {\\n font-size: 11px;\\n font-weight: 400;\\n}\\n.mat-dialog-title {\\n font: 500 20px/32px Montserrat;\\n letter-spacing: 0.0075em;\\n}\\n.mat-expansion-panel-header {\\n font-family: Montserrat;\\n font-size: 15px;\\n font-weight: 500;\\n}\\n.mat-expansion-panel-content {\\n font: 400 14px/20px Montserrat;\\n letter-spacing: 0.0179em;\\n}\\n.mat-form-field {\\n font-size: inherit;\\n font-weight: 400;\\n line-height: 1.125;\\n font-family: Montserrat;\\n letter-spacing: 1.5px;\\n}\\n.mat-form-field-wrapper {\\n padding-bottom: 1.34375em;\\n}\\n.mat-form-field-prefix .mat-icon,\\n.mat-form-field-suffix .mat-icon {\\n font-size: 150%;\\n line-height: 1.125;\\n}\\n.mat-form-field-prefix .mat-icon-button,\\n.mat-form-field-suffix .mat-icon-button {\\n height: 1.5em;\\n width: 1.5em;\\n}\\n.mat-form-field-prefix .mat-icon-button .mat-icon,\\n.mat-form-field-suffix .mat-icon-button .mat-icon {\\n height: 1.125em;\\n line-height: 1.125;\\n}\\n.mat-form-field-infix {\\n padding: 0.5em 0;\\n border-top: 0.84375em solid transparent;\\n}\\n.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.34375em) scale(0.75);\\n width: 133.3333333333%;\\n}\\n.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.34374em) scale(0.75);\\n width: 133.3333433333%;\\n}\\n.mat-form-field-label-wrapper {\\n top: -0.84375em;\\n padding-top: 0.84375em;\\n}\\n.mat-form-field-label {\\n top: 1.34375em;\\n}\\n.mat-form-field-underline {\\n bottom: 1.34375em;\\n}\\n.mat-form-field-subscript-wrapper {\\n font-size: 75%;\\n margin-top: 0.6666666667em;\\n top: calc(100% - 1.7916666667em);\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-wrapper {\\n padding-bottom: 1.25em;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-infix {\\n padding: 0.4375em 0;\\n}\\n.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);\\n -ms-transform: translateY(-1.28125em) scale(0.75);\\n width: 133.3333333333%;\\n}\\n.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);\\n -ms-transform: translateY(-1.28124em) scale(0.75);\\n width: 133.3333433333%;\\n}\\n.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);\\n -ms-transform: translateY(-1.28123em) scale(0.75);\\n width: 133.3333533333%;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-label {\\n top: 1.28125em;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-underline {\\n bottom: 1.25em;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {\\n margin-top: 0.5416666667em;\\n top: calc(100% - 1.6666666667em);\\n}\\n@media print {\\n .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.28122em) scale(0.75);\\n }\\n .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.28121em) scale(0.75);\\n }\\n .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.2812em) scale(0.75);\\n }\\n}\\n.mat-form-field-appearance-fill .mat-form-field-infix {\\n padding: 0.25em 0 0.75em 0;\\n}\\n.mat-form-field-appearance-fill .mat-form-field-label {\\n top: 1.09375em;\\n margin-top: -0.5em;\\n}\\n.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-0.59375em) scale(0.75);\\n width: 133.3333333333%;\\n}\\n.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-0.59374em) scale(0.75);\\n width: 133.3333433333%;\\n}\\n.mat-form-field-appearance-outline .mat-form-field-infix {\\n padding: 1em 0 1em 0;\\n}\\n.mat-form-field-appearance-outline .mat-form-field-label {\\n top: 1.84375em;\\n margin-top: -0.25em;\\n}\\n.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.59375em) scale(0.75);\\n width: 133.3333333333%;\\n}\\n.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.59374em) scale(0.75);\\n width: 133.3333433333%;\\n}\\n.mat-grid-tile-header,\\n.mat-grid-tile-footer {\\n font-size: 14px;\\n}\\n.mat-grid-tile-header .mat-line,\\n.mat-grid-tile-footer .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n.mat-grid-tile-header .mat-line:nth-child(n+2),\\n.mat-grid-tile-footer .mat-line:nth-child(n+2) {\\n font-size: 12px;\\n}\\ninput.mat-input-element {\\n margin-top: -0.0625em;\\n}\\n.mat-menu-item {\\n font-family: Montserrat;\\n font-size: 14px;\\n font-weight: 400;\\n}\\n.mat-paginator,\\n.mat-paginator-page-size .mat-select-trigger {\\n font-family: Montserrat;\\n font-size: 12px;\\n}\\n.mat-select-trigger {\\n height: 1.125em;\\n}\\n.mat-slider-thumb-label-text {\\n font-size: 12px;\\n font-weight: 500;\\n}\\n.mat-step-label {\\n font-size: 14px;\\n font-weight: 400;\\n}\\n.mat-step-sub-label-error {\\n font-weight: normal;\\n}\\n.mat-step-label-error {\\n font-size: 14px;\\n}\\n.mat-step-label-selected {\\n font-size: 14px;\\n font-weight: 500;\\n}\\n.mat-tab-label, .mat-tab-link {\\n font-family: Montserrat;\\n font-size: 14px;\\n font-weight: 500;\\n}\\n.mat-toolbar,\\n.mat-toolbar h1,\\n.mat-toolbar h2,\\n.mat-toolbar h3,\\n.mat-toolbar h4,\\n.mat-toolbar h5,\\n.mat-toolbar h6 {\\n font: 500 20px/32px Montserrat;\\n letter-spacing: 0.0075em;\\n margin: 0;\\n}\\n.mat-tooltip {\\n font-size: 10px;\\n padding-top: 6px;\\n padding-bottom: 6px;\\n}\\n.mat-tooltip-handset {\\n font-size: 14px;\\n padding-top: 8px;\\n padding-bottom: 8px;\\n}\\n.mat-list-base .mat-list-item {\\n font-size: 16px;\\n}\\n.mat-list-base .mat-list-item .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {\\n font-size: 14px;\\n}\\n.mat-list-base .mat-list-option {\\n font-size: 16px;\\n}\\n.mat-list-base .mat-list-option .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {\\n font-size: 14px;\\n}\\n.mat-list-base .mat-subheader {\\n font-family: Montserrat;\\n font-size: 14px;\\n font-weight: 500;\\n}\\n.mat-list-base[dense] .mat-list-item {\\n font-size: 12px;\\n}\\n.mat-list-base[dense] .mat-list-item .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {\\n font-size: 12px;\\n}\\n.mat-list-base[dense] .mat-list-option {\\n font-size: 12px;\\n}\\n.mat-list-base[dense] .mat-list-option .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {\\n font-size: 12px;\\n}\\n.mat-list-base[dense] .mat-subheader {\\n font-size: 12px;\\n font-weight: 500;\\n}\\n.mat-option {\\n font-size: 16px;\\n}\\n.mat-optgroup-label {\\n font: 500 14px/24px Montserrat;\\n letter-spacing: 0.0179em;\\n}\\n.mat-simple-snackbar {\\n font-family: Montserrat;\\n font-size: 14px;\\n}\\n.mat-simple-snackbar-action {\\n line-height: 1;\\n font-family: inherit;\\n font-size: inherit;\\n font-weight: 500;\\n}\\n.mat-tree-node,\\n.mat-nested-tree-node {\\n font-weight: 400;\\n font-size: 14px;\\n}\\n.mat-ripple {\\n overflow: hidden;\\n position: relative;\\n}\\n.mat-ripple:not(:empty) {\\n transform: translateZ(0);\\n}\\n.mat-ripple.mat-ripple-unbounded {\\n overflow: visible;\\n}\\n.mat-ripple-element {\\n position: absolute;\\n border-radius: 50%;\\n pointer-events: none;\\n transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\\n transform: scale(0);\\n}\\n.cdk-high-contrast-active .mat-ripple-element {\\n display: none;\\n}\\n.cdk-visually-hidden {\\n border: 0;\\n clip: rect(0 0 0 0);\\n height: 1px;\\n margin: -1px;\\n overflow: hidden;\\n padding: 0;\\n position: absolute;\\n width: 1px;\\n outline: 0;\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n}\\n.cdk-overlay-container, .cdk-global-overlay-wrapper {\\n pointer-events: none;\\n top: 0;\\n left: 0;\\n height: 100%;\\n width: 100%;\\n}\\n.cdk-overlay-container {\\n position: fixed;\\n z-index: 1000;\\n}\\n.cdk-overlay-container:empty {\\n display: none;\\n}\\n.cdk-global-overlay-wrapper {\\n display: flex;\\n position: absolute;\\n z-index: 1000;\\n}\\n.cdk-overlay-pane {\\n position: absolute;\\n pointer-events: auto;\\n box-sizing: border-box;\\n z-index: 1000;\\n display: flex;\\n max-width: 100%;\\n max-height: 100%;\\n}\\n.cdk-overlay-backdrop {\\n position: absolute;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n z-index: 1000;\\n pointer-events: auto;\\n -webkit-tap-highlight-color: transparent;\\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\\n opacity: 0;\\n}\\n.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\\n opacity: 1;\\n}\\n@media screen and (-ms-high-contrast: active) {\\n .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\\n opacity: 0.6;\\n }\\n}\\n.cdk-overlay-dark-backdrop {\\n background: rgba(0, 0, 0, 0.32);\\n}\\n.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {\\n opacity: 0;\\n}\\n.cdk-overlay-connected-position-bounding-box {\\n position: absolute;\\n z-index: 1000;\\n display: flex;\\n flex-direction: column;\\n min-width: 1px;\\n min-height: 1px;\\n}\\n.cdk-global-scrollblock {\\n position: fixed;\\n width: 100%;\\n overflow-y: scroll;\\n}\\n@keyframes cdk-text-field-autofill-start {\\n /*!*/\\n}\\n@keyframes cdk-text-field-autofill-end {\\n /*!*/\\n}\\n.cdk-text-field-autofill-monitored:-webkit-autofill {\\n animation: cdk-text-field-autofill-start 0s 1ms;\\n}\\n.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {\\n animation: cdk-text-field-autofill-end 0s 1ms;\\n}\\ntextarea.cdk-textarea-autosize {\\n resize: none;\\n}\\ntextarea.cdk-textarea-autosize-measuring {\\n padding: 2px 0 !important;\\n box-sizing: content-box !important;\\n height: auto !important;\\n overflow: hidden !important;\\n}\\ntextarea.cdk-textarea-autosize-measuring-firefox {\\n padding: 2px 0 !important;\\n box-sizing: content-box !important;\\n height: 0 !important;\\n}\\n.mat-focus-indicator {\\n position: relative;\\n}\\n.mat-mdc-focus-indicator {\\n position: relative;\\n}\\nbody {\\n --primary-color: #0071e3;\\n --primary-lighter-color:#b3d4f7;\\n --primary-darker-color: #0054d8;\\n --text-primary-color: #ffffff;\\n --text-primary-lighter-color: rgba(0, 0, 0, 0.87);\\n --text-primary-darker-color: #ffffff;\\n}\\nbody {\\n --accent-color: #a3a467;\\n --accent-lighter-color: #dddf90;\\n --accent-darker-color: #838530;\\n --text-accent-color: #ffffff;\\n --text-accent-lighter-color: rgba(0, 0, 0, 0.87);\\n --text-accent-darker-color: #ffffff;\\n}\\nbody {\\n --warn-color: #ff0000;\\n --warn-lighter-color: #ffb3b3;\\n --warn-darker-color: #ff0000;\\n --text-warn-color: #ffffff;\\n --text-warn-lighter-color: rgba(0, 0, 0, 0.87);\\n --text-warn-darker-color: #ffffff;\\n}\\n.dark-theme .toolbar-bg {\\n background-color: transparent !important;\\n}\\n.dark-theme .topNavGlobalSearch .mat-form-field-appearance-outline .mat-form-field-outline {\\n background: transparent !important;\\n}\\n.dark-theme .menu-images, .dark-theme .wimg {\\n filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(341deg) brightness(111%) contrast(101%) !important;\\n}\\n.dark-theme .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-option {\\n color: white;\\n}\\n.dark-theme .mat-option:hover:not(.mat-option-disabled), .dark-theme .mat-option:focus:not(.mat-option-disabled) {\\n background: rgba(250, 250, 250, 0.04);\\n}\\n.dark-theme .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\\n background: rgba(250, 250, 250, 0.04);\\n}\\n.dark-theme .mat-option.mat-active {\\n background: rgba(250, 250, 250, 0.04);\\n color: white;\\n}\\n.dark-theme .mat-option.mat-option-disabled {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: #0071e3;\\n}\\n.dark-theme .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: #a3a467;\\n}\\n.dark-theme .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: red;\\n}\\n.dark-theme .mat-optgroup-label {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-optgroup-disabled .mat-optgroup-label {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-pseudo-checkbox {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-pseudo-checkbox::after {\\n color: #2c2c2c;\\n}\\n.dark-theme .mat-pseudo-checkbox-disabled {\\n color: #686868;\\n}\\n.dark-theme .mat-primary .mat-pseudo-checkbox-checked,\\n.dark-theme .mat-primary .mat-pseudo-checkbox-indeterminate {\\n background: #0071e3;\\n}\\n.dark-theme .mat-pseudo-checkbox-checked,\\n.dark-theme .mat-pseudo-checkbox-indeterminate,\\n.dark-theme .mat-accent .mat-pseudo-checkbox-checked,\\n.dark-theme .mat-accent .mat-pseudo-checkbox-indeterminate {\\n background: #a3a467;\\n}\\n.dark-theme .mat-warn .mat-pseudo-checkbox-checked,\\n.dark-theme .mat-warn .mat-pseudo-checkbox-indeterminate {\\n background: red;\\n}\\n.dark-theme .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,\\n.dark-theme .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {\\n background: #686868;\\n}\\n.dark-theme .mat-app-background, .dark-theme.mat-app-background {\\n background-color: #2c2c2c;\\n color: white;\\n}\\n.dark-theme .mat-elevation-z0 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z1 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z2 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z3 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z4 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z5 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z6 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z7 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z8 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z9 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z10 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z11 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z12 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z13 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z14 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z15 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z16 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z17 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z18 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z19 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z20 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z21 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z22 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z23 {\\n 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);\\n}\\n.dark-theme .mat-elevation-z24 {\\n 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);\\n}\\n.mat-theme-loaded-marker {\\n display: none;\\n}\\n.dark-theme .mat-autocomplete-panel {\\n background: #393939;\\n color: white;\\n}\\n.dark-theme .mat-autocomplete-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {\\n background: #393939;\\n}\\n.dark-theme .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {\\n color: white;\\n}\\n.dark-theme .mat-badge-content {\\n color: white;\\n background: #0071e3;\\n}\\n.cdk-high-contrast-active .dark-theme .mat-badge-content {\\n outline: solid 1px;\\n border-radius: 0;\\n}\\n.dark-theme .mat-badge-accent .mat-badge-content {\\n background: #a3a467;\\n color: white;\\n}\\n.dark-theme .mat-badge-warn .mat-badge-content {\\n color: white;\\n background: red;\\n}\\n.dark-theme .mat-badge {\\n position: relative;\\n}\\n.dark-theme .mat-badge-hidden .mat-badge-content {\\n display: none;\\n}\\n.dark-theme .mat-badge-disabled .mat-badge-content {\\n background: #6b6b6b;\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-badge-content {\\n position: absolute;\\n text-align: center;\\n display: inline-block;\\n border-radius: 50%;\\n transition: transform 200ms ease-in-out;\\n transform: scale(0.6);\\n overflow: hidden;\\n white-space: nowrap;\\n text-overflow: ellipsis;\\n pointer-events: none;\\n}\\n.dark-theme .ng-animate-disabled .mat-badge-content,\\n.dark-theme .mat-badge-content._mat-animation-noopable {\\n transition: none;\\n}\\n.dark-theme .mat-badge-content.mat-badge-active {\\n transform: none;\\n}\\n.dark-theme .mat-badge-small .mat-badge-content {\\n width: 16px;\\n height: 16px;\\n line-height: 16px;\\n}\\n.dark-theme .mat-badge-small.mat-badge-above .mat-badge-content {\\n top: -8px;\\n}\\n.dark-theme .mat-badge-small.mat-badge-below .mat-badge-content {\\n bottom: -8px;\\n}\\n.dark-theme .mat-badge-small.mat-badge-before .mat-badge-content {\\n left: -16px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-small.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -16px;\\n}\\n.dark-theme .mat-badge-small.mat-badge-after .mat-badge-content {\\n right: -16px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-small.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -16px;\\n}\\n.dark-theme .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: -8px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -8px;\\n}\\n.dark-theme .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: -8px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -8px;\\n}\\n.dark-theme .mat-badge-medium .mat-badge-content {\\n width: 22px;\\n height: 22px;\\n line-height: 22px;\\n}\\n.dark-theme .mat-badge-medium.mat-badge-above .mat-badge-content {\\n top: -11px;\\n}\\n.dark-theme .mat-badge-medium.mat-badge-below .mat-badge-content {\\n bottom: -11px;\\n}\\n.dark-theme .mat-badge-medium.mat-badge-before .mat-badge-content {\\n left: -22px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-medium.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -22px;\\n}\\n.dark-theme .mat-badge-medium.mat-badge-after .mat-badge-content {\\n right: -22px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-medium.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -22px;\\n}\\n.dark-theme .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: -11px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -11px;\\n}\\n.dark-theme .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: -11px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -11px;\\n}\\n.dark-theme .mat-badge-large .mat-badge-content {\\n width: 28px;\\n height: 28px;\\n line-height: 28px;\\n}\\n.dark-theme .mat-badge-large.mat-badge-above .mat-badge-content {\\n top: -14px;\\n}\\n.dark-theme .mat-badge-large.mat-badge-below .mat-badge-content {\\n bottom: -14px;\\n}\\n.dark-theme .mat-badge-large.mat-badge-before .mat-badge-content {\\n left: -28px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-large.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -28px;\\n}\\n.dark-theme .mat-badge-large.mat-badge-after .mat-badge-content {\\n right: -28px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-large.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -28px;\\n}\\n.dark-theme .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: -14px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -14px;\\n}\\n.dark-theme .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: -14px;\\n}\\n[dir=rtl] .dark-theme .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -14px;\\n}\\n.dark-theme .mat-bottom-sheet-container {\\n 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);\\n background: #393939;\\n color: white;\\n}\\n.dark-theme .mat-button, .dark-theme .mat-icon-button, .dark-theme .mat-stroked-button {\\n color: inherit;\\n background: transparent;\\n}\\n.dark-theme .mat-button.mat-primary, .dark-theme .mat-icon-button.mat-primary, .dark-theme .mat-stroked-button.mat-primary {\\n color: #0071e3;\\n}\\n.dark-theme .mat-button.mat-accent, .dark-theme .mat-icon-button.mat-accent, .dark-theme .mat-stroked-button.mat-accent {\\n color: #a3a467;\\n}\\n.dark-theme .mat-button.mat-warn, .dark-theme .mat-icon-button.mat-warn, .dark-theme .mat-stroked-button.mat-warn {\\n color: red;\\n}\\n.dark-theme .mat-button.mat-primary.mat-button-disabled, .dark-theme .mat-button.mat-accent.mat-button-disabled, .dark-theme .mat-button.mat-warn.mat-button-disabled, .dark-theme .mat-button.mat-button-disabled.mat-button-disabled, .dark-theme .mat-icon-button.mat-primary.mat-button-disabled, .dark-theme .mat-icon-button.mat-accent.mat-button-disabled, .dark-theme .mat-icon-button.mat-warn.mat-button-disabled, .dark-theme .mat-icon-button.mat-button-disabled.mat-button-disabled, .dark-theme .mat-stroked-button.mat-primary.mat-button-disabled, .dark-theme .mat-stroked-button.mat-accent.mat-button-disabled, .dark-theme .mat-stroked-button.mat-warn.mat-button-disabled, .dark-theme .mat-stroked-button.mat-button-disabled.mat-button-disabled {\\n color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-button.mat-primary .mat-button-focus-overlay, .dark-theme .mat-icon-button.mat-primary .mat-button-focus-overlay, .dark-theme .mat-stroked-button.mat-primary .mat-button-focus-overlay {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-button.mat-accent .mat-button-focus-overlay, .dark-theme .mat-icon-button.mat-accent .mat-button-focus-overlay, .dark-theme .mat-stroked-button.mat-accent .mat-button-focus-overlay {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-button.mat-warn .mat-button-focus-overlay, .dark-theme .mat-icon-button.mat-warn .mat-button-focus-overlay, .dark-theme .mat-stroked-button.mat-warn .mat-button-focus-overlay {\\n background-color: red;\\n}\\n.dark-theme .mat-button.mat-button-disabled .mat-button-focus-overlay, .dark-theme .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .dark-theme .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {\\n background-color: transparent;\\n}\\n.dark-theme .mat-button .mat-ripple-element, .dark-theme .mat-icon-button .mat-ripple-element, .dark-theme .mat-stroked-button .mat-ripple-element {\\n opacity: 0.1;\\n background-color: currentColor;\\n}\\n.dark-theme .mat-button-focus-overlay {\\n background: #ffffff;\\n}\\n.dark-theme .mat-stroked-button:not(.mat-button-disabled) {\\n border-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-flat-button, .dark-theme .mat-raised-button, .dark-theme .mat-fab, .dark-theme .mat-mini-fab {\\n color: white;\\n background-color: #393939;\\n}\\n.dark-theme .mat-flat-button.mat-primary, .dark-theme .mat-raised-button.mat-primary, .dark-theme .mat-fab.mat-primary, .dark-theme .mat-mini-fab.mat-primary {\\n color: white;\\n}\\n.dark-theme .mat-flat-button.mat-accent, .dark-theme .mat-raised-button.mat-accent, .dark-theme .mat-fab.mat-accent, .dark-theme .mat-mini-fab.mat-accent {\\n color: white;\\n}\\n.dark-theme .mat-flat-button.mat-warn, .dark-theme .mat-raised-button.mat-warn, .dark-theme .mat-fab.mat-warn, .dark-theme .mat-mini-fab.mat-warn {\\n color: white;\\n}\\n.dark-theme .mat-flat-button.mat-primary.mat-button-disabled, .dark-theme .mat-flat-button.mat-accent.mat-button-disabled, .dark-theme .mat-flat-button.mat-warn.mat-button-disabled, .dark-theme .mat-flat-button.mat-button-disabled.mat-button-disabled, .dark-theme .mat-raised-button.mat-primary.mat-button-disabled, .dark-theme .mat-raised-button.mat-accent.mat-button-disabled, .dark-theme .mat-raised-button.mat-warn.mat-button-disabled, .dark-theme .mat-raised-button.mat-button-disabled.mat-button-disabled, .dark-theme .mat-fab.mat-primary.mat-button-disabled, .dark-theme .mat-fab.mat-accent.mat-button-disabled, .dark-theme .mat-fab.mat-warn.mat-button-disabled, .dark-theme .mat-fab.mat-button-disabled.mat-button-disabled, .dark-theme .mat-mini-fab.mat-primary.mat-button-disabled, .dark-theme .mat-mini-fab.mat-accent.mat-button-disabled, .dark-theme .mat-mini-fab.mat-warn.mat-button-disabled, .dark-theme .mat-mini-fab.mat-button-disabled.mat-button-disabled {\\n color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-flat-button.mat-primary, .dark-theme .mat-raised-button.mat-primary, .dark-theme .mat-fab.mat-primary, .dark-theme .mat-mini-fab.mat-primary {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-flat-button.mat-accent, .dark-theme .mat-raised-button.mat-accent, .dark-theme .mat-fab.mat-accent, .dark-theme .mat-mini-fab.mat-accent {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-flat-button.mat-warn, .dark-theme .mat-raised-button.mat-warn, .dark-theme .mat-fab.mat-warn, .dark-theme .mat-mini-fab.mat-warn {\\n background-color: red;\\n}\\n.dark-theme .mat-flat-button.mat-primary.mat-button-disabled, .dark-theme .mat-flat-button.mat-accent.mat-button-disabled, .dark-theme .mat-flat-button.mat-warn.mat-button-disabled, .dark-theme .mat-flat-button.mat-button-disabled.mat-button-disabled, .dark-theme .mat-raised-button.mat-primary.mat-button-disabled, .dark-theme .mat-raised-button.mat-accent.mat-button-disabled, .dark-theme .mat-raised-button.mat-warn.mat-button-disabled, .dark-theme .mat-raised-button.mat-button-disabled.mat-button-disabled, .dark-theme .mat-fab.mat-primary.mat-button-disabled, .dark-theme .mat-fab.mat-accent.mat-button-disabled, .dark-theme .mat-fab.mat-warn.mat-button-disabled, .dark-theme .mat-fab.mat-button-disabled.mat-button-disabled, .dark-theme .mat-mini-fab.mat-primary.mat-button-disabled, .dark-theme .mat-mini-fab.mat-accent.mat-button-disabled, .dark-theme .mat-mini-fab.mat-warn.mat-button-disabled, .dark-theme .mat-mini-fab.mat-button-disabled.mat-button-disabled {\\n background-color: rgba(250, 250, 250, 0.12);\\n}\\n.dark-theme .mat-flat-button.mat-primary .mat-ripple-element, .dark-theme .mat-raised-button.mat-primary .mat-ripple-element, .dark-theme .mat-fab.mat-primary .mat-ripple-element, .dark-theme .mat-mini-fab.mat-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-flat-button.mat-accent .mat-ripple-element, .dark-theme .mat-raised-button.mat-accent .mat-ripple-element, .dark-theme .mat-fab.mat-accent .mat-ripple-element, .dark-theme .mat-mini-fab.mat-accent .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-flat-button.mat-warn .mat-ripple-element, .dark-theme .mat-raised-button.mat-warn .mat-ripple-element, .dark-theme .mat-fab.mat-warn .mat-ripple-element, .dark-theme .mat-mini-fab.mat-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-stroked-button:not([class*=mat-elevation-z]), .dark-theme .mat-flat-button:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-raised-button:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-fab:not([class*=mat-elevation-z]), .dark-theme .mat-mini-fab:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .dark-theme .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .dark-theme .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-button-toggle-standalone,\\n.dark-theme .mat-button-toggle-group {\\n 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);\\n}\\n.dark-theme .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n.dark-theme .mat-button-toggle-group-appearance-standard {\\n box-shadow: none;\\n}\\n.dark-theme .mat-button-toggle {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-button-toggle .mat-button-toggle-focus-overlay {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-button-toggle-appearance-standard {\\n color: white;\\n background: #393939;\\n}\\n.dark-theme .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {\\n background-color: white;\\n}\\n.dark-theme .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n border-left: solid 1px rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n border-left: none;\\n border-right: solid 1px rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {\\n border-left: none;\\n border-right: none;\\n border-top: solid 1px rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-button-toggle-checked {\\n background-color: #5f5f5f;\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-button-toggle-checked.mat-button-toggle-appearance-standard {\\n color: white;\\n}\\n.dark-theme .mat-button-toggle-disabled {\\n color: rgba(255, 255, 255, 0.3);\\n background-color: #464646;\\n}\\n.dark-theme .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {\\n background: #393939;\\n}\\n.dark-theme .mat-button-toggle-disabled.mat-button-toggle-checked {\\n background-color: #797979;\\n}\\n.dark-theme .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n.dark-theme .mat-button-toggle-group-appearance-standard {\\n border: solid 1px rgba(255, 255, 255, 0.12);\\n}\\n.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {\\n line-height: 48px;\\n}\\n.dark-theme .mat-card {\\n background: #393939;\\n color: white;\\n}\\n.dark-theme .mat-card:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-card-subtitle {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-checkbox-frame {\\n border-color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-checkbox-checkmark {\\n fill: #2c2c2c;\\n}\\n.dark-theme .mat-checkbox-checkmark-path {\\n stroke: #2c2c2c !important;\\n}\\n.dark-theme .mat-checkbox-mixedmark {\\n background-color: #2c2c2c;\\n}\\n.dark-theme .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .dark-theme .mat-checkbox-checked.mat-primary .mat-checkbox-background {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .dark-theme .mat-checkbox-checked.mat-accent .mat-checkbox-background {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .dark-theme .mat-checkbox-checked.mat-warn .mat-checkbox-background {\\n background-color: red;\\n}\\n.dark-theme .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .dark-theme .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {\\n background-color: #686868;\\n}\\n.dark-theme .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {\\n border-color: #686868;\\n}\\n.dark-theme .mat-checkbox-disabled .mat-checkbox-label {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-checkbox .mat-ripple-element {\\n background-color: #ffffff;\\n}\\n.dark-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,\\n.dark-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {\\n background: #0071e3;\\n}\\n.dark-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,\\n.dark-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {\\n background: #a3a467;\\n}\\n.dark-theme .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,\\n.dark-theme .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {\\n background: red;\\n}\\n.dark-theme .mat-chip.mat-standard-chip {\\n background-color: #5f5f5f;\\n color: white;\\n}\\n.dark-theme .mat-chip.mat-standard-chip .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.dark-theme .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {\\n 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);\\n}\\n.dark-theme .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {\\n opacity: 0.54;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-disabled {\\n opacity: 0.4;\\n}\\n.dark-theme .mat-chip.mat-standard-chip::after {\\n background: #ffffff;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {\\n background-color: #0071e3;\\n color: white;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {\\n background-color: red;\\n color: white;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {\\n background-color: #a3a467;\\n color: white;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.dark-theme .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-table {\\n background: #393939;\\n}\\n.dark-theme .mat-table thead, .dark-theme .mat-table tbody, .dark-theme .mat-table tfoot,\\n.dark-theme mat-header-row, .dark-theme mat-row, .dark-theme mat-footer-row,\\n.dark-theme [mat-header-row], .dark-theme [mat-row], .dark-theme [mat-footer-row],\\n.dark-theme .mat-table-sticky {\\n background: inherit;\\n}\\n.dark-theme mat-row, .dark-theme mat-header-row, .dark-theme mat-footer-row,\\n.dark-theme th.mat-header-cell, .dark-theme td.mat-cell, .dark-theme td.mat-footer-cell {\\n border-bottom-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-header-cell {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-cell, .dark-theme .mat-footer-cell {\\n color: white;\\n}\\n.dark-theme .mat-calendar-arrow {\\n border-top-color: white;\\n}\\n.dark-theme .mat-datepicker-toggle,\\n.dark-theme .mat-datepicker-content .mat-calendar-next-button,\\n.dark-theme .mat-datepicker-content .mat-calendar-previous-button {\\n color: white;\\n}\\n.dark-theme .mat-calendar-table-header {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-calendar-table-header-divider::after {\\n background: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-calendar-body-label {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-calendar-body-cell-content,\\n.dark-theme .mat-date-range-input-separator {\\n color: white;\\n border-color: transparent;\\n}\\n.dark-theme .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-form-field-disabled .mat-date-range-input-separator {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\\n.dark-theme .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\\n.dark-theme .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n background-color: rgba(250, 250, 250, 0.04);\\n}\\n.dark-theme .mat-calendar-body-in-preview {\\n color: rgba(255, 255, 255, 0.24);\\n}\\n.dark-theme .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n border-color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n border-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-calendar-body-in-range::before {\\n background: rgba(0, 113, 227, 0.2);\\n}\\n.dark-theme .mat-calendar-body-comparison-identical,\\n.dark-theme .mat-calendar-body-in-comparison-range::before {\\n background: rgba(249, 171, 0, 0.2);\\n}\\n.dark-theme .mat-calendar-body-comparison-bridge-start::before,\\n.dark-theme [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, rgba(0, 113, 227, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.dark-theme .mat-calendar-body-comparison-bridge-end::before,\\n.dark-theme [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, rgba(0, 113, 227, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.dark-theme .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.dark-theme .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: #a8dab5;\\n}\\n.dark-theme .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.dark-theme .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: #46a35e;\\n}\\n.dark-theme .mat-calendar-body-selected {\\n background-color: #0071e3;\\n color: white;\\n}\\n.dark-theme .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n background-color: rgba(0, 113, 227, 0.4);\\n}\\n.dark-theme .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 1px white;\\n}\\n.dark-theme .mat-datepicker-content {\\n 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);\\n background-color: #393939;\\n color: white;\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {\\n background: rgba(163, 164, 103, 0.2);\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {\\n background: rgba(249, 171, 0, 0.2);\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,\\n.dark-theme .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, rgba(163, 164, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,\\n.dark-theme .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, rgba(163, 164, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: #a8dab5;\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: #46a35e;\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-selected {\\n background-color: #a3a467;\\n color: white;\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n background-color: rgba(163, 164, 103, 0.4);\\n}\\n.dark-theme .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 1px white;\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {\\n background: rgba(255, 0, 0, 0.2);\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {\\n background: rgba(249, 171, 0, 0.2);\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,\\n.dark-theme .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, rgba(255, 0, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,\\n.dark-theme .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, rgba(255, 0, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: #a8dab5;\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: #46a35e;\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-selected {\\n background-color: red;\\n color: white;\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n background-color: rgba(255, 0, 0, 0.4);\\n}\\n.dark-theme .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 1px white;\\n}\\n.dark-theme .mat-datepicker-content-touch {\\n 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);\\n}\\n.dark-theme .mat-datepicker-toggle-active {\\n color: #0071e3;\\n}\\n.dark-theme .mat-datepicker-toggle-active.mat-accent {\\n color: #a3a467;\\n}\\n.dark-theme .mat-datepicker-toggle-active.mat-warn {\\n color: red;\\n}\\n.dark-theme .mat-date-range-input-inner[disabled] {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-dialog-container {\\n 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);\\n background: #393939;\\n color: white;\\n}\\n.dark-theme .mat-divider {\\n border-top-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-divider-vertical {\\n border-right-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-expansion-panel {\\n background: #393939;\\n color: white;\\n}\\n.dark-theme .mat-expansion-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-action-row {\\n border-top-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .dark-theme .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .dark-theme .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {\\n background: rgba(250, 250, 250, 0.04);\\n}\\n@media (hover: none) {\\n .dark-theme .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {\\n background: #393939;\\n }\\n}\\n.dark-theme .mat-expansion-panel-header-title {\\n color: white;\\n}\\n.dark-theme .mat-expansion-panel-header-description,\\n.dark-theme .mat-expansion-indicator::after {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-expansion-panel-header[aria-disabled=true] {\\n color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,\\n.dark-theme .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {\\n color: inherit;\\n}\\n.mat-expansion-panel-header {\\n height: 48px;\\n}\\n.mat-expansion-panel-header.mat-expanded {\\n height: 64px;\\n}\\n.dark-theme .mat-form-field-label {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-hint {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-form-field.mat-focused .mat-form-field-label {\\n color: #0071e3;\\n}\\n.dark-theme .mat-form-field.mat-focused .mat-form-field-label.mat-accent {\\n color: #a3a467;\\n}\\n.dark-theme .mat-form-field.mat-focused .mat-form-field-label.mat-warn {\\n color: red;\\n}\\n.dark-theme .mat-focused .mat-form-field-required-marker {\\n color: #a3a467;\\n}\\n.dark-theme .mat-form-field-ripple {\\n background-color: white;\\n}\\n.dark-theme .mat-form-field.mat-focused .mat-form-field-ripple {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {\\n background-color: red;\\n}\\n.dark-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {\\n color: #0071e3;\\n}\\n.dark-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {\\n color: #a3a467;\\n}\\n.dark-theme .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {\\n color: red;\\n}\\n.dark-theme .mat-form-field.mat-form-field-invalid .mat-form-field-label {\\n color: red;\\n}\\n.dark-theme .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,\\n.dark-theme .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {\\n color: red;\\n}\\n.dark-theme .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,\\n.dark-theme .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {\\n background-color: red;\\n}\\n.dark-theme .mat-error {\\n color: red;\\n}\\n.dark-theme .mat-form-field-appearance-legacy .mat-form-field-label {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-form-field-appearance-legacy .mat-hint {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-form-field-appearance-legacy .mat-form-field-underline {\\n background-color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {\\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);\\n background-size: 4px 100%;\\n background-repeat: repeat-x;\\n}\\n.dark-theme .mat-form-field-appearance-standard .mat-form-field-underline {\\n background-color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {\\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);\\n background-size: 4px 100%;\\n background-repeat: repeat-x;\\n}\\n.dark-theme .mat-form-field-appearance-fill .mat-form-field-flex {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.dark-theme .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {\\n background-color: rgba(255, 255, 255, 0.05);\\n}\\n.dark-theme .mat-form-field-appearance-fill .mat-form-field-underline::before {\\n background-color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {\\n background-color: transparent;\\n}\\n.dark-theme .mat-form-field-appearance-outline .mat-form-field-outline {\\n color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-form-field-appearance-outline .mat-form-field-outline-thick {\\n color: white;\\n}\\n.dark-theme .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {\\n color: #0071e3;\\n}\\n.dark-theme .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {\\n color: #a3a467;\\n}\\n.dark-theme .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {\\n color: red;\\n}\\n.dark-theme .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {\\n color: red;\\n}\\n.dark-theme .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {\\n color: rgba(255, 255, 255, 0.15);\\n}\\n.dark-theme .mat-icon.mat-primary {\\n color: #0071e3;\\n}\\n.dark-theme .mat-icon.mat-accent {\\n color: #a3a467;\\n}\\n.dark-theme .mat-icon.mat-warn {\\n color: red;\\n}\\n.dark-theme .mat-form-field-type-mat-native-select .mat-form-field-infix::after {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-input-element:disabled,\\n.dark-theme .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-input-element {\\n caret-color: #0071e3;\\n}\\n.dark-theme .mat-input-element::-moz-placeholder {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-input-element::placeholder {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-input-element::-moz-placeholder {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-input-element::-webkit-input-placeholder {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-input-element:-ms-input-placeholder {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-input-element option {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.dark-theme .mat-input-element option:disabled {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.dark-theme .mat-form-field.mat-accent .mat-input-element {\\n caret-color: #a3a467;\\n}\\n.dark-theme .mat-form-field.mat-warn .mat-input-element,\\n.dark-theme .mat-form-field-invalid .mat-input-element {\\n caret-color: red;\\n}\\n.dark-theme .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {\\n color: red;\\n}\\n.dark-theme .mat-list-base .mat-list-item {\\n color: white;\\n}\\n.dark-theme .mat-list-base .mat-list-option {\\n color: white;\\n}\\n.dark-theme .mat-list-base .mat-subheader {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-list-item-disabled {\\n background-color: #464646;\\n}\\n.dark-theme .mat-list-option:hover, .dark-theme .mat-list-option:focus,\\n.dark-theme .mat-nav-list .mat-list-item:hover,\\n.dark-theme .mat-nav-list .mat-list-item:focus,\\n.dark-theme .mat-action-list .mat-list-item:hover,\\n.dark-theme .mat-action-list .mat-list-item:focus {\\n background: rgba(250, 250, 250, 0.04);\\n}\\n.dark-theme .mat-list-single-selected-option, .dark-theme .mat-list-single-selected-option:hover, .dark-theme .mat-list-single-selected-option:focus {\\n background: rgba(250, 250, 250, 0.12);\\n}\\n.dark-theme .mat-menu-panel {\\n background: #393939;\\n}\\n.dark-theme .mat-menu-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-menu-item {\\n background: transparent;\\n color: white;\\n}\\n.dark-theme .mat-menu-item[disabled], .dark-theme .mat-menu-item[disabled]::after {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-menu-item .mat-icon-no-color,\\n.dark-theme .mat-menu-item-submenu-trigger::after {\\n color: white;\\n}\\n.dark-theme .mat-menu-item:hover:not([disabled]),\\n.dark-theme .mat-menu-item.cdk-program-focused:not([disabled]),\\n.dark-theme .mat-menu-item.cdk-keyboard-focused:not([disabled]),\\n.dark-theme .mat-menu-item-highlighted:not([disabled]) {\\n background: rgba(250, 250, 250, 0.04);\\n}\\n.dark-theme .mat-paginator {\\n background: #393939;\\n}\\n.dark-theme .mat-paginator,\\n.dark-theme .mat-paginator-page-size .mat-select-trigger {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-paginator-decrement,\\n.dark-theme .mat-paginator-increment {\\n border-top: 2px solid white;\\n border-right: 2px solid white;\\n}\\n.dark-theme .mat-paginator-first,\\n.dark-theme .mat-paginator-last {\\n border-top: 2px solid white;\\n}\\n.dark-theme .mat-icon-button[disabled] .mat-paginator-decrement,\\n.dark-theme .mat-icon-button[disabled] .mat-paginator-increment,\\n.dark-theme .mat-icon-button[disabled] .mat-paginator-first,\\n.dark-theme .mat-icon-button[disabled] .mat-paginator-last {\\n border-color: rgba(255, 255, 255, 0.5);\\n}\\n.mat-paginator-container {\\n min-height: 56px;\\n}\\n.dark-theme .mat-progress-bar-background {\\n fill: #b3d4f7;\\n}\\n.dark-theme .mat-progress-bar-buffer {\\n background-color: #b3d4f7;\\n}\\n.dark-theme .mat-progress-bar-fill::after {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-progress-bar.mat-accent .mat-progress-bar-background {\\n fill: #dddf90;\\n}\\n.dark-theme .mat-progress-bar.mat-accent .mat-progress-bar-buffer {\\n background-color: #dddf90;\\n}\\n.dark-theme .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-progress-bar.mat-warn .mat-progress-bar-background {\\n fill: #ffb3b3;\\n}\\n.dark-theme .mat-progress-bar.mat-warn .mat-progress-bar-buffer {\\n background-color: #ffb3b3;\\n}\\n.dark-theme .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {\\n background-color: red;\\n}\\n.dark-theme .mat-progress-spinner circle, .dark-theme .mat-spinner circle {\\n stroke: #0071e3;\\n}\\n.dark-theme .mat-progress-spinner.mat-accent circle, .dark-theme .mat-spinner.mat-accent circle {\\n stroke: #a3a467;\\n}\\n.dark-theme .mat-progress-spinner.mat-warn circle, .dark-theme .mat-spinner.mat-warn circle {\\n stroke: red;\\n}\\n.dark-theme .mat-radio-outer-circle {\\n border-color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {\\n border-color: #0071e3;\\n}\\n.dark-theme .mat-radio-button.mat-primary .mat-radio-inner-circle,\\n.dark-theme .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .dark-theme .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .dark-theme .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {\\n border-color: #a3a467;\\n}\\n.dark-theme .mat-radio-button.mat-accent .mat-radio-inner-circle,\\n.dark-theme .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .dark-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .dark-theme .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {\\n border-color: red;\\n}\\n.dark-theme .mat-radio-button.mat-warn .mat-radio-inner-circle,\\n.dark-theme .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .dark-theme .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .dark-theme .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {\\n background-color: red;\\n}\\n.dark-theme .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,\\n.dark-theme .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {\\n border-color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,\\n.dark-theme .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {\\n background-color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-radio-button.mat-radio-disabled .mat-radio-label-content {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-radio-button .mat-ripple-element {\\n background-color: #ffffff;\\n}\\n.dark-theme .mat-select-value {\\n color: white;\\n}\\n.dark-theme .mat-select-placeholder {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-select-disabled .mat-select-value {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-select-arrow {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-select-panel {\\n background: #393939;\\n}\\n.dark-theme .mat-select-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.dark-theme .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {\\n background: rgba(250, 250, 250, 0.12);\\n}\\n.dark-theme .mat-form-field.mat-focused.mat-primary .mat-select-arrow {\\n color: #0071e3;\\n}\\n.dark-theme .mat-form-field.mat-focused.mat-accent .mat-select-arrow {\\n color: #a3a467;\\n}\\n.dark-theme .mat-form-field.mat-focused.mat-warn .mat-select-arrow {\\n color: red;\\n}\\n.dark-theme .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {\\n color: red;\\n}\\n.dark-theme .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-drawer-container {\\n background-color: #2c2c2c;\\n color: white;\\n}\\n.dark-theme .mat-drawer {\\n background-color: #393939;\\n color: white;\\n}\\n.dark-theme .mat-drawer.mat-drawer-push {\\n background-color: #393939;\\n}\\n.dark-theme .mat-drawer:not(.mat-drawer-side) {\\n 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);\\n}\\n.dark-theme .mat-drawer-side {\\n border-right: solid 1px rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-drawer-side.mat-drawer-end {\\n border-left: solid 1px rgba(255, 255, 255, 0.12);\\n border-right: none;\\n}\\n.dark-theme [dir=rtl] .mat-drawer-side {\\n border-left: solid 1px rgba(255, 255, 255, 0.12);\\n border-right: none;\\n}\\n.dark-theme [dir=rtl] .mat-drawer-side.mat-drawer-end {\\n border-left: none;\\n border-right: solid 1px rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-drawer-backdrop.mat-drawer-shown {\\n background-color: rgba(198, 198, 198, 0.6);\\n}\\n.dark-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {\\n background-color: rgba(163, 164, 103, 0.54);\\n}\\n.dark-theme .mat-slide-toggle.mat-checked .mat-ripple-element {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {\\n background-color: rgba(0, 113, 227, 0.54);\\n}\\n.dark-theme .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {\\n background-color: red;\\n}\\n.dark-theme .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {\\n background-color: rgba(255, 0, 0, 0.54);\\n}\\n.dark-theme .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {\\n background-color: red;\\n}\\n.dark-theme .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {\\n background-color: white;\\n}\\n.dark-theme .mat-slide-toggle-thumb {\\n 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);\\n background-color: #bdbdbd;\\n}\\n.dark-theme .mat-slide-toggle-bar {\\n background-color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-slider-track-background {\\n background-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-primary .mat-slider-track-fill,\\n.dark-theme .mat-primary .mat-slider-thumb,\\n.dark-theme .mat-primary .mat-slider-thumb-label {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-primary .mat-slider-thumb-label-text {\\n color: white;\\n}\\n.dark-theme .mat-primary .mat-slider-focus-ring {\\n background-color: rgba(0, 113, 227, 0.2);\\n}\\n.dark-theme .mat-accent .mat-slider-track-fill,\\n.dark-theme .mat-accent .mat-slider-thumb,\\n.dark-theme .mat-accent .mat-slider-thumb-label {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-accent .mat-slider-thumb-label-text {\\n color: white;\\n}\\n.dark-theme .mat-accent .mat-slider-focus-ring {\\n background-color: rgba(163, 164, 103, 0.2);\\n}\\n.dark-theme .mat-warn .mat-slider-track-fill,\\n.dark-theme .mat-warn .mat-slider-thumb,\\n.dark-theme .mat-warn .mat-slider-thumb-label {\\n background-color: red;\\n}\\n.dark-theme .mat-warn .mat-slider-thumb-label-text {\\n color: white;\\n}\\n.dark-theme .mat-warn .mat-slider-focus-ring {\\n background-color: rgba(255, 0, 0, 0.2);\\n}\\n.dark-theme .mat-slider:hover .mat-slider-track-background,\\n.dark-theme .cdk-focused .mat-slider-track-background {\\n background-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-slider-disabled .mat-slider-track-background,\\n.dark-theme .mat-slider-disabled .mat-slider-track-fill,\\n.dark-theme .mat-slider-disabled .mat-slider-thumb {\\n background-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-slider-disabled:hover .mat-slider-track-background {\\n background-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-slider-min-value .mat-slider-focus-ring {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,\\n.dark-theme .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {\\n background-color: white;\\n}\\n.dark-theme .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,\\n.dark-theme .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {\\n background-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {\\n border-color: rgba(255, 255, 255, 0.3);\\n background-color: transparent;\\n}\\n.dark-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .dark-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {\\n border-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .dark-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {\\n border-color: rgba(255, 255, 255, 0.3);\\n}\\n.dark-theme .mat-slider-has-ticks .mat-slider-wrapper::after {\\n border-color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-slider-horizontal .mat-slider-ticks {\\n background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);\\n background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);\\n}\\n.dark-theme .mat-slider-vertical .mat-slider-ticks {\\n background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);\\n}\\n.dark-theme .mat-step-header.cdk-keyboard-focused, .dark-theme .mat-step-header.cdk-program-focused, .dark-theme .mat-step-header:hover {\\n background-color: rgba(250, 250, 250, 0.04);\\n}\\n@media (hover: none) {\\n .dark-theme .mat-step-header:hover {\\n background: none;\\n }\\n}\\n.dark-theme .mat-step-header .mat-step-label,\\n.dark-theme .mat-step-header .mat-step-optional {\\n color: rgba(255, 255, 255, 0.7);\\n}\\n.dark-theme .mat-step-header .mat-step-icon {\\n background-color: rgba(255, 255, 255, 0.7);\\n color: white;\\n}\\n.dark-theme .mat-step-header .mat-step-icon-selected,\\n.dark-theme .mat-step-header .mat-step-icon-state-done,\\n.dark-theme .mat-step-header .mat-step-icon-state-edit {\\n background-color: #0071e3;\\n color: white;\\n}\\n.dark-theme .mat-step-header .mat-step-icon-state-error {\\n background-color: transparent;\\n color: red;\\n}\\n.dark-theme .mat-step-header .mat-step-label.mat-step-label-active {\\n color: white;\\n}\\n.dark-theme .mat-step-header .mat-step-label.mat-step-label-error {\\n color: red;\\n}\\n.dark-theme .mat-stepper-horizontal, .dark-theme .mat-stepper-vertical {\\n background-color: #393939;\\n}\\n.dark-theme .mat-stepper-vertical-line::before {\\n border-left-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-horizontal-stepper-header::before,\\n.dark-theme .mat-horizontal-stepper-header::after,\\n.dark-theme .mat-stepper-horizontal-line {\\n border-top-color: rgba(255, 255, 255, 0.12);\\n}\\n.mat-horizontal-stepper-header {\\n height: 72px;\\n}\\n.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,\\n.mat-vertical-stepper-header {\\n padding: 24px 24px;\\n}\\n.mat-stepper-vertical-line::before {\\n top: -16px;\\n bottom: -16px;\\n}\\n.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {\\n top: 36px;\\n}\\n.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {\\n top: 36px;\\n}\\n.dark-theme .mat-sort-header-arrow {\\n color: #c4c4c4;\\n}\\n.dark-theme .mat-tab-nav-bar,\\n.dark-theme .mat-tab-header {\\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-tab-group-inverted-header .mat-tab-nav-bar,\\n.dark-theme .mat-tab-group-inverted-header .mat-tab-header {\\n border-top: 1px solid rgba(255, 255, 255, 0.12);\\n border-bottom: none;\\n}\\n.dark-theme .mat-tab-label, .dark-theme .mat-tab-link {\\n color: white;\\n}\\n.dark-theme .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.dark-theme .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.5);\\n}\\n.dark-theme .mat-tab-group[class*=mat-background-] .mat-tab-header,\\n.dark-theme .mat-tab-nav-bar[class*=mat-background-] {\\n border-bottom: none;\\n border-top: none;\\n}\\n.dark-theme .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(179, 212, 247, 0.3);\\n}\\n.dark-theme .mat-tab-group.mat-primary .mat-ink-bar, .dark-theme .mat-tab-nav-bar.mat-primary .mat-ink-bar {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .dark-theme .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {\\n background-color: white;\\n}\\n.dark-theme .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(221, 223, 144, 0.3);\\n}\\n.dark-theme .mat-tab-group.mat-accent .mat-ink-bar, .dark-theme .mat-tab-nav-bar.mat-accent .mat-ink-bar {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .dark-theme .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {\\n background-color: white;\\n}\\n.dark-theme .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(255, 179, 179, 0.3);\\n}\\n.dark-theme .mat-tab-group.mat-warn .mat-ink-bar, .dark-theme .mat-tab-nav-bar.mat-warn .mat-ink-bar {\\n background-color: red;\\n}\\n.dark-theme .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .dark-theme .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {\\n background-color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(179, 212, 247, 0.3);\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-header, .dark-theme .mat-tab-group.mat-background-primary .mat-tab-links, .dark-theme .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {\\n background-color: #0071e3;\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-label, .dark-theme .mat-tab-group.mat-background-primary .mat-tab-link, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-link {\\n color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.4);\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.4);\\n}\\n.dark-theme .mat-tab-group.mat-background-primary .mat-ripple-element, .dark-theme .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(221, 223, 144, 0.3);\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-header, .dark-theme .mat-tab-group.mat-background-accent .mat-tab-links, .dark-theme .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {\\n background-color: #a3a467;\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-label, .dark-theme .mat-tab-group.mat-background-accent .mat-tab-link, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link {\\n color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.4);\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.4);\\n}\\n.dark-theme .mat-tab-group.mat-background-accent .mat-ripple-element, .dark-theme .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(255, 179, 179, 0.3);\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-header, .dark-theme .mat-tab-group.mat-background-warn .mat-tab-links, .dark-theme .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {\\n background-color: red;\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-label, .dark-theme .mat-tab-group.mat-background-warn .mat-tab-link, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-link {\\n color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.4);\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.4);\\n}\\n.dark-theme .mat-tab-group.mat-background-warn .mat-ripple-element, .dark-theme .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.dark-theme .mat-toolbar {\\n background: #393939;\\n color: white;\\n}\\n.dark-theme .mat-toolbar.mat-primary {\\n background: #0071e3;\\n color: white;\\n}\\n.dark-theme .mat-toolbar.mat-accent {\\n background: #a3a467;\\n color: white;\\n}\\n.dark-theme .mat-toolbar.mat-warn {\\n background: red;\\n color: white;\\n}\\n.dark-theme .mat-toolbar .mat-form-field-underline,\\n.dark-theme .mat-toolbar .mat-form-field-ripple,\\n.dark-theme .mat-toolbar .mat-focused .mat-form-field-ripple {\\n background-color: currentColor;\\n}\\n.dark-theme .mat-toolbar .mat-form-field-label,\\n.dark-theme .mat-toolbar .mat-focused .mat-form-field-label,\\n.dark-theme .mat-toolbar .mat-select-value,\\n.dark-theme .mat-toolbar .mat-select-arrow,\\n.dark-theme .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {\\n color: inherit;\\n}\\n.dark-theme .mat-toolbar .mat-input-element {\\n caret-color: currentColor;\\n}\\n.mat-toolbar-multiple-rows {\\n min-height: 64px;\\n}\\n.mat-toolbar-row, .mat-toolbar-single-row {\\n height: 64px;\\n}\\n@media (max-width: 599px) {\\n .mat-toolbar-multiple-rows {\\n min-height: 56px;\\n }\\n\\n .mat-toolbar-row, .mat-toolbar-single-row {\\n height: 56px;\\n }\\n}\\n.dark-theme .mat-tooltip {\\n background: rgba(95, 95, 95, 0.9);\\n}\\n.dark-theme .mat-tree {\\n background: #393939;\\n}\\n.dark-theme .mat-tree-node,\\n.dark-theme .mat-nested-tree-node {\\n color: white;\\n}\\n.mat-tree-node {\\n min-height: 48px;\\n}\\n.dark-theme .mat-snack-bar-container {\\n color: rgba(0, 0, 0, 0.87);\\n background: #fafafa;\\n 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);\\n}\\n.dark-theme .mat-simple-snackbar-action {\\n color: inherit;\\n}\\n.theme-alternate .toolbar-bg {\\n background-color: #ffffff !important;\\n}\\n.theme-alternate body {\\n background-color: #ececee !important;\\n}\\n.theme-alternate .mat-drawer-container {\\n background-color: #ececee !important;\\n color: white;\\n}\\n.theme-alternate .mat-list-item-content {\\n color: rgba(19, 19, 19, 0.54);\\n}\\n.theme-alternate .mat-ripple-element {\\n background-color: rgba(0, 0, 0, 0.1);\\n}\\n.theme-alternate .mat-option {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-option:hover:not(.mat-option-disabled), .theme-alternate .mat-option:focus:not(.mat-option-disabled) {\\n background: rgba(44, 44, 44, 0.04);\\n}\\n.theme-alternate .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\\n background: rgba(44, 44, 44, 0.04);\\n}\\n.theme-alternate .mat-option.mat-active {\\n background: rgba(44, 44, 44, 0.04);\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-option.mat-option-disabled {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: red;\\n}\\n.theme-alternate .mat-optgroup-label {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-optgroup-disabled .mat-optgroup-label {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-pseudo-checkbox {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-pseudo-checkbox::after {\\n color: #fafafa;\\n}\\n.theme-alternate .mat-pseudo-checkbox-disabled {\\n color: #b0b0b0;\\n}\\n.theme-alternate .mat-primary .mat-pseudo-checkbox-checked,\\n.theme-alternate .mat-primary .mat-pseudo-checkbox-indeterminate {\\n background: #0071e3;\\n}\\n.theme-alternate .mat-pseudo-checkbox-checked,\\n.theme-alternate .mat-pseudo-checkbox-indeterminate,\\n.theme-alternate .mat-accent .mat-pseudo-checkbox-checked,\\n.theme-alternate .mat-accent .mat-pseudo-checkbox-indeterminate {\\n background: #a3a467;\\n}\\n.theme-alternate .mat-warn .mat-pseudo-checkbox-checked,\\n.theme-alternate .mat-warn .mat-pseudo-checkbox-indeterminate {\\n background: red;\\n}\\n.theme-alternate .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,\\n.theme-alternate .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {\\n background: #b0b0b0;\\n}\\n.theme-alternate .mat-app-background, .theme-alternate.mat-app-background {\\n background-color: #fafafa;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-elevation-z0 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z1 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z2 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z3 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z4 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z5 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z6 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z7 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z8 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z9 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z10 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z11 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z12 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z13 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z14 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z15 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z16 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z17 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z18 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z19 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z20 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z21 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z22 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z23 {\\n 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);\\n}\\n.theme-alternate .mat-elevation-z24 {\\n 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);\\n}\\n.mat-theme-loaded-marker {\\n display: none;\\n}\\n.theme-alternate .mat-autocomplete-panel {\\n background: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-autocomplete-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {\\n background: white;\\n}\\n.theme-alternate .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-badge-content {\\n color: white;\\n background: #0071e3;\\n}\\n.cdk-high-contrast-active .theme-alternate .mat-badge-content {\\n outline: solid 1px;\\n border-radius: 0;\\n}\\n.theme-alternate .mat-badge-accent .mat-badge-content {\\n background: #a3a467;\\n color: white;\\n}\\n.theme-alternate .mat-badge-warn .mat-badge-content {\\n color: white;\\n background: red;\\n}\\n.theme-alternate .mat-badge {\\n position: relative;\\n}\\n.theme-alternate .mat-badge-hidden .mat-badge-content {\\n display: none;\\n}\\n.theme-alternate .mat-badge-disabled .mat-badge-content {\\n background: #b9b9b9;\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-badge-content {\\n position: absolute;\\n text-align: center;\\n display: inline-block;\\n border-radius: 50%;\\n transition: transform 200ms ease-in-out;\\n transform: scale(0.6);\\n overflow: hidden;\\n white-space: nowrap;\\n text-overflow: ellipsis;\\n pointer-events: none;\\n}\\n.theme-alternate .ng-animate-disabled .mat-badge-content,\\n.theme-alternate .mat-badge-content._mat-animation-noopable {\\n transition: none;\\n}\\n.theme-alternate .mat-badge-content.mat-badge-active {\\n transform: none;\\n}\\n.theme-alternate .mat-badge-small .mat-badge-content {\\n width: 16px;\\n height: 16px;\\n line-height: 16px;\\n}\\n.theme-alternate .mat-badge-small.mat-badge-above .mat-badge-content {\\n top: -8px;\\n}\\n.theme-alternate .mat-badge-small.mat-badge-below .mat-badge-content {\\n bottom: -8px;\\n}\\n.theme-alternate .mat-badge-small.mat-badge-before .mat-badge-content {\\n left: -16px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-small.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -16px;\\n}\\n.theme-alternate .mat-badge-small.mat-badge-after .mat-badge-content {\\n right: -16px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-small.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -16px;\\n}\\n.theme-alternate .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: -8px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -8px;\\n}\\n.theme-alternate .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: -8px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -8px;\\n}\\n.theme-alternate .mat-badge-medium .mat-badge-content {\\n width: 22px;\\n height: 22px;\\n line-height: 22px;\\n}\\n.theme-alternate .mat-badge-medium.mat-badge-above .mat-badge-content {\\n top: -11px;\\n}\\n.theme-alternate .mat-badge-medium.mat-badge-below .mat-badge-content {\\n bottom: -11px;\\n}\\n.theme-alternate .mat-badge-medium.mat-badge-before .mat-badge-content {\\n left: -22px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-medium.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -22px;\\n}\\n.theme-alternate .mat-badge-medium.mat-badge-after .mat-badge-content {\\n right: -22px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-medium.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -22px;\\n}\\n.theme-alternate .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: -11px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -11px;\\n}\\n.theme-alternate .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: -11px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -11px;\\n}\\n.theme-alternate .mat-badge-large .mat-badge-content {\\n width: 28px;\\n height: 28px;\\n line-height: 28px;\\n}\\n.theme-alternate .mat-badge-large.mat-badge-above .mat-badge-content {\\n top: -14px;\\n}\\n.theme-alternate .mat-badge-large.mat-badge-below .mat-badge-content {\\n bottom: -14px;\\n}\\n.theme-alternate .mat-badge-large.mat-badge-before .mat-badge-content {\\n left: -28px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-large.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -28px;\\n}\\n.theme-alternate .mat-badge-large.mat-badge-after .mat-badge-content {\\n right: -28px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-large.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -28px;\\n}\\n.theme-alternate .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: -14px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n left: auto;\\n right: -14px;\\n}\\n.theme-alternate .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: -14px;\\n}\\n[dir=rtl] .theme-alternate .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n right: auto;\\n left: -14px;\\n}\\n.theme-alternate .mat-bottom-sheet-container {\\n 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);\\n background: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-button, .theme-alternate .mat-icon-button, .theme-alternate .mat-stroked-button {\\n color: inherit;\\n background: transparent;\\n}\\n.theme-alternate .mat-button.mat-primary, .theme-alternate .mat-icon-button.mat-primary, .theme-alternate .mat-stroked-button.mat-primary {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-button.mat-accent, .theme-alternate .mat-icon-button.mat-accent, .theme-alternate .mat-stroked-button.mat-accent {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-button.mat-warn, .theme-alternate .mat-icon-button.mat-warn, .theme-alternate .mat-stroked-button.mat-warn {\\n color: red;\\n}\\n.theme-alternate .mat-button.mat-primary.mat-button-disabled, .theme-alternate .mat-button.mat-accent.mat-button-disabled, .theme-alternate .mat-button.mat-warn.mat-button-disabled, .theme-alternate .mat-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-icon-button.mat-primary.mat-button-disabled, .theme-alternate .mat-icon-button.mat-accent.mat-button-disabled, .theme-alternate .mat-icon-button.mat-warn.mat-button-disabled, .theme-alternate .mat-icon-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-primary.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-accent.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-warn.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-button-disabled.mat-button-disabled {\\n color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-button.mat-primary .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-primary .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-primary .mat-button-focus-overlay {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-button.mat-accent .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-accent .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-accent .mat-button-focus-overlay {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-button.mat-warn .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-warn .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-warn .mat-button-focus-overlay {\\n background-color: red;\\n}\\n.theme-alternate .mat-button.mat-button-disabled .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {\\n background-color: transparent;\\n}\\n.theme-alternate .mat-button .mat-ripple-element, .theme-alternate .mat-icon-button .mat-ripple-element, .theme-alternate .mat-stroked-button .mat-ripple-element {\\n opacity: 0.1;\\n background-color: currentColor;\\n}\\n.theme-alternate .mat-button-focus-overlay {\\n background: black;\\n}\\n.theme-alternate .mat-stroked-button:not(.mat-button-disabled) {\\n border-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-flat-button, .theme-alternate .mat-raised-button, .theme-alternate .mat-fab, .theme-alternate .mat-mini-fab {\\n color: rgba(0, 0, 0, 0.87);\\n background-color: white;\\n}\\n.theme-alternate .mat-flat-button.mat-primary, .theme-alternate .mat-raised-button.mat-primary, .theme-alternate .mat-fab.mat-primary, .theme-alternate .mat-mini-fab.mat-primary {\\n color: white;\\n}\\n.theme-alternate .mat-flat-button.mat-accent, .theme-alternate .mat-raised-button.mat-accent, .theme-alternate .mat-fab.mat-accent, .theme-alternate .mat-mini-fab.mat-accent {\\n color: white;\\n}\\n.theme-alternate .mat-flat-button.mat-warn, .theme-alternate .mat-raised-button.mat-warn, .theme-alternate .mat-fab.mat-warn, .theme-alternate .mat-mini-fab.mat-warn {\\n color: white;\\n}\\n.theme-alternate .mat-flat-button.mat-primary.mat-button-disabled, .theme-alternate .mat-flat-button.mat-accent.mat-button-disabled, .theme-alternate .mat-flat-button.mat-warn.mat-button-disabled, .theme-alternate .mat-flat-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-raised-button.mat-primary.mat-button-disabled, .theme-alternate .mat-raised-button.mat-accent.mat-button-disabled, .theme-alternate .mat-raised-button.mat-warn.mat-button-disabled, .theme-alternate .mat-raised-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-fab.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-button-disabled.mat-button-disabled {\\n color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-flat-button.mat-primary, .theme-alternate .mat-raised-button.mat-primary, .theme-alternate .mat-fab.mat-primary, .theme-alternate .mat-mini-fab.mat-primary {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-flat-button.mat-accent, .theme-alternate .mat-raised-button.mat-accent, .theme-alternate .mat-fab.mat-accent, .theme-alternate .mat-mini-fab.mat-accent {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-flat-button.mat-warn, .theme-alternate .mat-raised-button.mat-warn, .theme-alternate .mat-fab.mat-warn, .theme-alternate .mat-mini-fab.mat-warn {\\n background-color: red;\\n}\\n.theme-alternate .mat-flat-button.mat-primary.mat-button-disabled, .theme-alternate .mat-flat-button.mat-accent.mat-button-disabled, .theme-alternate .mat-flat-button.mat-warn.mat-button-disabled, .theme-alternate .mat-flat-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-raised-button.mat-primary.mat-button-disabled, .theme-alternate .mat-raised-button.mat-accent.mat-button-disabled, .theme-alternate .mat-raised-button.mat-warn.mat-button-disabled, .theme-alternate .mat-raised-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-fab.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-button-disabled.mat-button-disabled {\\n background-color: rgba(44, 44, 44, 0.12);\\n}\\n.theme-alternate .mat-flat-button.mat-primary .mat-ripple-element, .theme-alternate .mat-raised-button.mat-primary .mat-ripple-element, .theme-alternate .mat-fab.mat-primary .mat-ripple-element, .theme-alternate .mat-mini-fab.mat-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.theme-alternate .mat-flat-button.mat-accent .mat-ripple-element, .theme-alternate .mat-raised-button.mat-accent .mat-ripple-element, .theme-alternate .mat-fab.mat-accent .mat-ripple-element, .theme-alternate .mat-mini-fab.mat-accent .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.theme-alternate .mat-flat-button.mat-warn .mat-ripple-element, .theme-alternate .mat-raised-button.mat-warn .mat-ripple-element, .theme-alternate .mat-fab.mat-warn .mat-ripple-element, .theme-alternate .mat-mini-fab.mat-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.theme-alternate .mat-stroked-button:not([class*=mat-elevation-z]), .theme-alternate .mat-flat-button:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-raised-button:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-fab:not([class*=mat-elevation-z]), .theme-alternate .mat-mini-fab:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .theme-alternate .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .theme-alternate .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-button-toggle-standalone,\\n.theme-alternate .mat-button-toggle-group {\\n 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);\\n}\\n.theme-alternate .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n.theme-alternate .mat-button-toggle-group-appearance-standard {\\n box-shadow: none;\\n}\\n.theme-alternate .mat-button-toggle {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-button-toggle .mat-button-toggle-focus-overlay {\\n background-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-button-toggle-appearance-standard {\\n color: rgba(0, 0, 0, 0.87);\\n background: white;\\n}\\n.theme-alternate .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {\\n background-color: black;\\n}\\n.theme-alternate .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n border-left: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n border-left: none;\\n border-right: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {\\n border-left: none;\\n border-right: none;\\n border-top: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-button-toggle-checked {\\n background-color: #c7c7c7;\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-button-toggle-checked.mat-button-toggle-appearance-standard {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-button-toggle-disabled {\\n color: rgba(0, 0, 0, 0.26);\\n background-color: #e1e1e1;\\n}\\n.theme-alternate .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {\\n background: white;\\n}\\n.theme-alternate .mat-button-toggle-disabled.mat-button-toggle-checked {\\n background-color: #aeaeae;\\n}\\n.theme-alternate .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n.theme-alternate .mat-button-toggle-group-appearance-standard {\\n border: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-card {\\n background: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-card:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-card-subtitle {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-checkbox-frame {\\n border-color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-checkbox-checkmark {\\n fill: #fafafa;\\n}\\n.theme-alternate .mat-checkbox-checkmark-path {\\n stroke: #fafafa !important;\\n}\\n.theme-alternate .mat-checkbox-mixedmark {\\n background-color: #fafafa;\\n}\\n.theme-alternate .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .theme-alternate .mat-checkbox-checked.mat-primary .mat-checkbox-background {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .theme-alternate .mat-checkbox-checked.mat-accent .mat-checkbox-background {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .theme-alternate .mat-checkbox-checked.mat-warn .mat-checkbox-background {\\n background-color: red;\\n}\\n.theme-alternate .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .theme-alternate .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {\\n background-color: #b0b0b0;\\n}\\n.theme-alternate .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {\\n border-color: #b0b0b0;\\n}\\n.theme-alternate .mat-checkbox-disabled .mat-checkbox-label {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-checkbox .mat-ripple-element {\\n background-color: black;\\n}\\n.theme-alternate .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,\\n.theme-alternate .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {\\n background: #0071e3;\\n}\\n.theme-alternate .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,\\n.theme-alternate .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {\\n background: #a3a467;\\n}\\n.theme-alternate .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,\\n.theme-alternate .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {\\n background: red;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip {\\n background-color: #e1e1e1;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-chip.mat-standard-chip .mat-chip-remove {\\n color: rgba(0, 0, 0, 0.87);\\n opacity: 0.4;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {\\n 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);\\n}\\n.theme-alternate .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {\\n opacity: 0.54;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-disabled {\\n opacity: 0.4;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip::after {\\n background: black;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {\\n background-color: #0071e3;\\n color: white;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {\\n background-color: red;\\n color: white;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {\\n background-color: #a3a467;\\n color: white;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {\\n color: white;\\n opacity: 0.4;\\n}\\n.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.1);\\n}\\n.theme-alternate .mat-table {\\n background: white;\\n}\\n.theme-alternate .mat-table thead, .theme-alternate .mat-table tbody, .theme-alternate .mat-table tfoot,\\n.theme-alternate mat-header-row, .theme-alternate mat-row, .theme-alternate mat-footer-row,\\n.theme-alternate [mat-header-row], .theme-alternate [mat-row], .theme-alternate [mat-footer-row],\\n.theme-alternate .mat-table-sticky {\\n background: inherit;\\n}\\n.theme-alternate mat-row, .theme-alternate mat-header-row, .theme-alternate mat-footer-row,\\n.theme-alternate th.mat-header-cell, .theme-alternate td.mat-cell, .theme-alternate td.mat-footer-cell {\\n border-bottom-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-header-cell {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-cell, .theme-alternate .mat-footer-cell {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-calendar-arrow {\\n border-top-color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-datepicker-toggle,\\n.theme-alternate .mat-datepicker-content .mat-calendar-next-button,\\n.theme-alternate .mat-datepicker-content .mat-calendar-previous-button {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-calendar-table-header {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-calendar-table-header-divider::after {\\n background: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-calendar-body-label {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-calendar-body-cell-content,\\n.theme-alternate .mat-date-range-input-separator {\\n color: rgba(0, 0, 0, 0.87);\\n border-color: transparent;\\n}\\n.theme-alternate .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-form-field-disabled .mat-date-range-input-separator {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\\n.theme-alternate .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\\n.theme-alternate .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n background-color: rgba(44, 44, 44, 0.04);\\n}\\n.theme-alternate .mat-calendar-body-in-preview {\\n color: rgba(0, 0, 0, 0.24);\\n}\\n.theme-alternate .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n border-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n border-color: rgba(0, 0, 0, 0.18);\\n}\\n.theme-alternate .mat-calendar-body-in-range::before {\\n background: rgba(0, 113, 227, 0.2);\\n}\\n.theme-alternate .mat-calendar-body-comparison-identical,\\n.theme-alternate .mat-calendar-body-in-comparison-range::before {\\n background: rgba(249, 171, 0, 0.2);\\n}\\n.theme-alternate .mat-calendar-body-comparison-bridge-start::before,\\n.theme-alternate [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, rgba(0, 113, 227, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.theme-alternate .mat-calendar-body-comparison-bridge-end::before,\\n.theme-alternate [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, rgba(0, 113, 227, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.theme-alternate .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.theme-alternate .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: #a8dab5;\\n}\\n.theme-alternate .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.theme-alternate .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: #46a35e;\\n}\\n.theme-alternate .mat-calendar-body-selected {\\n background-color: #0071e3;\\n color: white;\\n}\\n.theme-alternate .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n background-color: rgba(0, 113, 227, 0.4);\\n}\\n.theme-alternate .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 1px white;\\n}\\n.theme-alternate .mat-datepicker-content {\\n 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);\\n background-color: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {\\n background: rgba(163, 164, 103, 0.2);\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {\\n background: rgba(249, 171, 0, 0.2);\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,\\n.theme-alternate .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, rgba(163, 164, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,\\n.theme-alternate .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, rgba(163, 164, 103, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: #a8dab5;\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: #46a35e;\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-selected {\\n background-color: #a3a467;\\n color: white;\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n background-color: rgba(163, 164, 103, 0.4);\\n}\\n.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 1px white;\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {\\n background: rgba(255, 0, 0, 0.2);\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {\\n background: rgba(249, 171, 0, 0.2);\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,\\n.theme-alternate .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, rgba(255, 0, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,\\n.theme-alternate .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, rgba(255, 0, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: #a8dab5;\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: #46a35e;\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-selected {\\n background-color: red;\\n color: white;\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n background-color: rgba(255, 0, 0, 0.4);\\n}\\n.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 1px white;\\n}\\n.theme-alternate .mat-datepicker-content-touch {\\n 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);\\n}\\n.theme-alternate .mat-datepicker-toggle-active {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-datepicker-toggle-active.mat-accent {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-datepicker-toggle-active.mat-warn {\\n color: red;\\n}\\n.theme-alternate .mat-date-range-input-inner[disabled] {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-dialog-container {\\n 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);\\n background: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-divider {\\n border-top-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-divider-vertical {\\n border-right-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-expansion-panel {\\n background: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-expansion-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-action-row {\\n border-top-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .theme-alternate .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .theme-alternate .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {\\n background: rgba(44, 44, 44, 0.04);\\n}\\n@media (hover: none) {\\n .theme-alternate .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {\\n background: white;\\n }\\n}\\n.theme-alternate .mat-expansion-panel-header-title {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-expansion-panel-header-description,\\n.theme-alternate .mat-expansion-indicator::after {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-expansion-panel-header[aria-disabled=true] {\\n color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,\\n.theme-alternate .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {\\n color: inherit;\\n}\\n.theme-alternate .mat-form-field-label {\\n color: rgba(0, 0, 0, 0.6);\\n}\\n.theme-alternate .mat-hint {\\n color: rgba(0, 0, 0, 0.6);\\n}\\n.theme-alternate .mat-form-field.mat-focused .mat-form-field-label {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-form-field.mat-focused .mat-form-field-label.mat-accent {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-form-field.mat-focused .mat-form-field-label.mat-warn {\\n color: red;\\n}\\n.theme-alternate .mat-focused .mat-form-field-required-marker {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-form-field-ripple {\\n background-color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-form-field.mat-focused .mat-form-field-ripple {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {\\n background-color: red;\\n}\\n.theme-alternate .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {\\n color: red;\\n}\\n.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-label {\\n color: red;\\n}\\n.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,\\n.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {\\n color: red;\\n}\\n.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,\\n.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {\\n background-color: red;\\n}\\n.theme-alternate .mat-error {\\n color: red;\\n}\\n.theme-alternate .mat-form-field-appearance-legacy .mat-form-field-label {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-form-field-appearance-legacy .mat-hint {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-form-field-appearance-legacy .mat-form-field-underline {\\n background-color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {\\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);\\n background-size: 4px 100%;\\n background-repeat: repeat-x;\\n}\\n.theme-alternate .mat-form-field-appearance-standard .mat-form-field-underline {\\n background-color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {\\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);\\n background-size: 4px 100%;\\n background-repeat: repeat-x;\\n}\\n.theme-alternate .mat-form-field-appearance-fill .mat-form-field-flex {\\n background-color: rgba(0, 0, 0, 0.04);\\n}\\n.theme-alternate .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {\\n background-color: rgba(0, 0, 0, 0.02);\\n}\\n.theme-alternate .mat-form-field-appearance-fill .mat-form-field-underline::before {\\n background-color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {\\n background-color: transparent;\\n}\\n.theme-alternate .mat-form-field-appearance-outline .mat-form-field-outline {\\n color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-form-field-appearance-outline .mat-form-field-outline-thick {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {\\n color: red;\\n}\\n.theme-alternate .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {\\n color: red;\\n}\\n.theme-alternate .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {\\n color: rgba(0, 0, 0, 0.06);\\n}\\n.theme-alternate .mat-icon.mat-primary {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-icon.mat-accent {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-icon.mat-warn {\\n color: red;\\n}\\n.theme-alternate .mat-form-field-type-mat-native-select .mat-form-field-infix::after {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-input-element:disabled,\\n.theme-alternate .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-input-element {\\n caret-color: #0071e3;\\n}\\n.theme-alternate .mat-input-element::-moz-placeholder {\\n color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-input-element::placeholder {\\n color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-input-element::-moz-placeholder {\\n color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-input-element::-webkit-input-placeholder {\\n color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-input-element:-ms-input-placeholder {\\n color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-form-field.mat-accent .mat-input-element {\\n caret-color: #a3a467;\\n}\\n.theme-alternate .mat-form-field.mat-warn .mat-input-element,\\n.theme-alternate .mat-form-field-invalid .mat-input-element {\\n caret-color: red;\\n}\\n.theme-alternate .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {\\n color: red;\\n}\\n.theme-alternate .mat-list-base .mat-list-item {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-list-base .mat-list-option {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-list-base .mat-subheader {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-list-item-disabled {\\n background-color: #e1e1e1;\\n}\\n.theme-alternate .mat-list-option:hover, .theme-alternate .mat-list-option:focus,\\n.theme-alternate .mat-nav-list .mat-list-item:hover,\\n.theme-alternate .mat-nav-list .mat-list-item:focus,\\n.theme-alternate .mat-action-list .mat-list-item:hover,\\n.theme-alternate .mat-action-list .mat-list-item:focus {\\n background: rgba(44, 44, 44, 0.04);\\n}\\n.theme-alternate .mat-list-single-selected-option, .theme-alternate .mat-list-single-selected-option:hover, .theme-alternate .mat-list-single-selected-option:focus {\\n background: rgba(44, 44, 44, 0.12);\\n}\\n.theme-alternate .mat-menu-panel {\\n background: white;\\n}\\n.theme-alternate .mat-menu-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-menu-item {\\n background: transparent;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-menu-item[disabled], .theme-alternate .mat-menu-item[disabled]::after {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-menu-item .mat-icon-no-color,\\n.theme-alternate .mat-menu-item-submenu-trigger::after {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-menu-item:hover:not([disabled]),\\n.theme-alternate .mat-menu-item.cdk-program-focused:not([disabled]),\\n.theme-alternate .mat-menu-item.cdk-keyboard-focused:not([disabled]),\\n.theme-alternate .mat-menu-item-highlighted:not([disabled]) {\\n background: rgba(44, 44, 44, 0.04);\\n}\\n.theme-alternate .mat-paginator {\\n background: white;\\n}\\n.theme-alternate .mat-paginator,\\n.theme-alternate .mat-paginator-page-size .mat-select-trigger {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-paginator-decrement,\\n.theme-alternate .mat-paginator-increment {\\n border-top: 2px solid rgba(0, 0, 0, 0.54);\\n border-right: 2px solid rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-paginator-first,\\n.theme-alternate .mat-paginator-last {\\n border-top: 2px solid rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-icon-button[disabled] .mat-paginator-decrement,\\n.theme-alternate .mat-icon-button[disabled] .mat-paginator-increment,\\n.theme-alternate .mat-icon-button[disabled] .mat-paginator-first,\\n.theme-alternate .mat-icon-button[disabled] .mat-paginator-last {\\n border-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-progress-bar-background {\\n fill: #b3d4f7;\\n}\\n.theme-alternate .mat-progress-bar-buffer {\\n background-color: #b3d4f7;\\n}\\n.theme-alternate .mat-progress-bar-fill::after {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-progress-bar.mat-accent .mat-progress-bar-background {\\n fill: #dddf90;\\n}\\n.theme-alternate .mat-progress-bar.mat-accent .mat-progress-bar-buffer {\\n background-color: #dddf90;\\n}\\n.theme-alternate .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-progress-bar.mat-warn .mat-progress-bar-background {\\n fill: #ffb3b3;\\n}\\n.theme-alternate .mat-progress-bar.mat-warn .mat-progress-bar-buffer {\\n background-color: #ffb3b3;\\n}\\n.theme-alternate .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {\\n background-color: red;\\n}\\n.theme-alternate .mat-progress-spinner circle, .theme-alternate .mat-spinner circle {\\n stroke: #0071e3;\\n}\\n.theme-alternate .mat-progress-spinner.mat-accent circle, .theme-alternate .mat-spinner.mat-accent circle {\\n stroke: #a3a467;\\n}\\n.theme-alternate .mat-progress-spinner.mat-warn circle, .theme-alternate .mat-spinner.mat-warn circle {\\n stroke: red;\\n}\\n.theme-alternate .mat-radio-outer-circle {\\n border-color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {\\n border-color: #0071e3;\\n}\\n.theme-alternate .mat-radio-button.mat-primary .mat-radio-inner-circle,\\n.theme-alternate .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .theme-alternate .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .theme-alternate .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {\\n border-color: #a3a467;\\n}\\n.theme-alternate .mat-radio-button.mat-accent .mat-radio-inner-circle,\\n.theme-alternate .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .theme-alternate .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .theme-alternate .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {\\n border-color: red;\\n}\\n.theme-alternate .mat-radio-button.mat-warn .mat-radio-inner-circle,\\n.theme-alternate .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .theme-alternate .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .theme-alternate .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {\\n background-color: red;\\n}\\n.theme-alternate .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,\\n.theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {\\n border-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,\\n.theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {\\n background-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-label-content {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-radio-button .mat-ripple-element {\\n background-color: black;\\n}\\n.theme-alternate .mat-select-value {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-select-placeholder {\\n color: rgba(0, 0, 0, 0.42);\\n}\\n.theme-alternate .mat-select-disabled .mat-select-value {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-select-arrow {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-select-panel {\\n background: white;\\n}\\n.theme-alternate .mat-select-panel:not([class*=mat-elevation-z]) {\\n 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);\\n}\\n.theme-alternate .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {\\n background: rgba(44, 44, 44, 0.12);\\n}\\n.theme-alternate .mat-form-field.mat-focused.mat-primary .mat-select-arrow {\\n color: #0071e3;\\n}\\n.theme-alternate .mat-form-field.mat-focused.mat-accent .mat-select-arrow {\\n color: #a3a467;\\n}\\n.theme-alternate .mat-form-field.mat-focused.mat-warn .mat-select-arrow {\\n color: red;\\n}\\n.theme-alternate .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {\\n color: red;\\n}\\n.theme-alternate .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-drawer-container {\\n background-color: #fafafa;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-drawer {\\n background-color: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-drawer.mat-drawer-push {\\n background-color: white;\\n}\\n.theme-alternate .mat-drawer:not(.mat-drawer-side) {\\n 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);\\n}\\n.theme-alternate .mat-drawer-side {\\n border-right: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-drawer-side.mat-drawer-end {\\n border-left: solid 1px rgba(0, 0, 0, 0.12);\\n border-right: none;\\n}\\n.theme-alternate [dir=rtl] .mat-drawer-side {\\n border-left: solid 1px rgba(0, 0, 0, 0.12);\\n border-right: none;\\n}\\n.theme-alternate [dir=rtl] .mat-drawer-side.mat-drawer-end {\\n border-left: none;\\n border-right: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-drawer-backdrop.mat-drawer-shown {\\n background-color: rgba(0, 0, 0, 0.6);\\n}\\n.theme-alternate .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {\\n background-color: rgba(163, 164, 103, 0.54);\\n}\\n.theme-alternate .mat-slide-toggle.mat-checked .mat-ripple-element {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {\\n background-color: rgba(0, 113, 227, 0.54);\\n}\\n.theme-alternate .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {\\n background-color: red;\\n}\\n.theme-alternate .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {\\n background-color: rgba(255, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {\\n background-color: red;\\n}\\n.theme-alternate .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {\\n background-color: black;\\n}\\n.theme-alternate .mat-slide-toggle-thumb {\\n 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);\\n background-color: #fafafa;\\n}\\n.theme-alternate .mat-slide-toggle-bar {\\n background-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-slider-track-background {\\n background-color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-primary .mat-slider-track-fill,\\n.theme-alternate .mat-primary .mat-slider-thumb,\\n.theme-alternate .mat-primary .mat-slider-thumb-label {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-primary .mat-slider-thumb-label-text {\\n color: white;\\n}\\n.theme-alternate .mat-primary .mat-slider-focus-ring {\\n background-color: rgba(0, 113, 227, 0.2);\\n}\\n.theme-alternate .mat-accent .mat-slider-track-fill,\\n.theme-alternate .mat-accent .mat-slider-thumb,\\n.theme-alternate .mat-accent .mat-slider-thumb-label {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-accent .mat-slider-thumb-label-text {\\n color: white;\\n}\\n.theme-alternate .mat-accent .mat-slider-focus-ring {\\n background-color: rgba(163, 164, 103, 0.2);\\n}\\n.theme-alternate .mat-warn .mat-slider-track-fill,\\n.theme-alternate .mat-warn .mat-slider-thumb,\\n.theme-alternate .mat-warn .mat-slider-thumb-label {\\n background-color: red;\\n}\\n.theme-alternate .mat-warn .mat-slider-thumb-label-text {\\n color: white;\\n}\\n.theme-alternate .mat-warn .mat-slider-focus-ring {\\n background-color: rgba(255, 0, 0, 0.2);\\n}\\n.theme-alternate .mat-slider:hover .mat-slider-track-background,\\n.theme-alternate .cdk-focused .mat-slider-track-background {\\n background-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-slider-disabled .mat-slider-track-background,\\n.theme-alternate .mat-slider-disabled .mat-slider-track-fill,\\n.theme-alternate .mat-slider-disabled .mat-slider-thumb {\\n background-color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-slider-disabled:hover .mat-slider-track-background {\\n background-color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-slider-min-value .mat-slider-focus-ring {\\n background-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,\\n.theme-alternate .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {\\n background-color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,\\n.theme-alternate .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {\\n background-color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {\\n border-color: rgba(0, 0, 0, 0.26);\\n background-color: transparent;\\n}\\n.theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {\\n border-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {\\n border-color: rgba(0, 0, 0, 0.26);\\n}\\n.theme-alternate .mat-slider-has-ticks .mat-slider-wrapper::after {\\n border-color: rgba(0, 0, 0, 0.7);\\n}\\n.theme-alternate .mat-slider-horizontal .mat-slider-ticks {\\n background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);\\n background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);\\n}\\n.theme-alternate .mat-slider-vertical .mat-slider-ticks {\\n background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);\\n}\\n.theme-alternate .mat-step-header.cdk-keyboard-focused, .theme-alternate .mat-step-header.cdk-program-focused, .theme-alternate .mat-step-header:hover {\\n background-color: rgba(44, 44, 44, 0.04);\\n}\\n@media (hover: none) {\\n .theme-alternate .mat-step-header:hover {\\n background: none;\\n }\\n}\\n.theme-alternate .mat-step-header .mat-step-label,\\n.theme-alternate .mat-step-header .mat-step-optional {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n.theme-alternate .mat-step-header .mat-step-icon {\\n background-color: rgba(0, 0, 0, 0.54);\\n color: white;\\n}\\n.theme-alternate .mat-step-header .mat-step-icon-selected,\\n.theme-alternate .mat-step-header .mat-step-icon-state-done,\\n.theme-alternate .mat-step-header .mat-step-icon-state-edit {\\n background-color: #0071e3;\\n color: white;\\n}\\n.theme-alternate .mat-step-header .mat-step-icon-state-error {\\n background-color: transparent;\\n color: red;\\n}\\n.theme-alternate .mat-step-header .mat-step-label.mat-step-label-active {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-step-header .mat-step-label.mat-step-label-error {\\n color: red;\\n}\\n.theme-alternate .mat-stepper-horizontal, .theme-alternate .mat-stepper-vertical {\\n background-color: white;\\n}\\n.theme-alternate .mat-stepper-vertical-line::before {\\n border-left-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-horizontal-stepper-header::before,\\n.theme-alternate .mat-horizontal-stepper-header::after,\\n.theme-alternate .mat-stepper-horizontal-line {\\n border-top-color: rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-sort-header-arrow {\\n color: #757575;\\n}\\n.theme-alternate .mat-tab-nav-bar,\\n.theme-alternate .mat-tab-header {\\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\\n}\\n.theme-alternate .mat-tab-group-inverted-header .mat-tab-nav-bar,\\n.theme-alternate .mat-tab-group-inverted-header .mat-tab-header {\\n border-top: 1px solid rgba(0, 0, 0, 0.12);\\n border-bottom: none;\\n}\\n.theme-alternate .mat-tab-label, .theme-alternate .mat-tab-link {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-link.mat-tab-disabled {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-tab-header-pagination-chevron {\\n border-color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(0, 0, 0, 0.38);\\n}\\n.theme-alternate .mat-tab-group[class*=mat-background-] .mat-tab-header,\\n.theme-alternate .mat-tab-nav-bar[class*=mat-background-] {\\n border-bottom: none;\\n border-top: none;\\n}\\n.theme-alternate .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(179, 212, 247, 0.3);\\n}\\n.theme-alternate .mat-tab-group.mat-primary .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-primary .mat-ink-bar {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {\\n background-color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(221, 223, 144, 0.3);\\n}\\n.theme-alternate .mat-tab-group.mat-accent .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-accent .mat-ink-bar {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {\\n background-color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(255, 179, 179, 0.3);\\n}\\n.theme-alternate .mat-tab-group.mat-warn .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-warn .mat-ink-bar {\\n background-color: red;\\n}\\n.theme-alternate .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {\\n background-color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(179, 212, 247, 0.3);\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-header, .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-links, .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {\\n background-color: #0071e3;\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label, .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link {\\n color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.4);\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.4);\\n}\\n.theme-alternate .mat-tab-group.mat-background-primary .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(221, 223, 144, 0.3);\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-header, .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-links, .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {\\n background-color: #a3a467;\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label, .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link {\\n color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.4);\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.4);\\n}\\n.theme-alternate .mat-tab-group.mat-background-accent .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n background-color: rgba(255, 179, 179, 0.3);\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-header, .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-links, .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {\\n background-color: red;\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label, .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link {\\n color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {\\n color: rgba(255, 255, 255, 0.4);\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {\\n border-color: white;\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: rgba(255, 255, 255, 0.4);\\n}\\n.theme-alternate .mat-tab-group.mat-background-warn .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.12);\\n}\\n.theme-alternate .mat-toolbar {\\n background: #ededed;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-toolbar.mat-primary {\\n background: #0071e3;\\n color: white;\\n}\\n.theme-alternate .mat-toolbar.mat-accent {\\n background: #a3a467;\\n color: white;\\n}\\n.theme-alternate .mat-toolbar.mat-warn {\\n background: red;\\n color: white;\\n}\\n.theme-alternate .mat-toolbar .mat-form-field-underline,\\n.theme-alternate .mat-toolbar .mat-form-field-ripple,\\n.theme-alternate .mat-toolbar .mat-focused .mat-form-field-ripple {\\n background-color: currentColor;\\n}\\n.theme-alternate .mat-toolbar .mat-form-field-label,\\n.theme-alternate .mat-toolbar .mat-focused .mat-form-field-label,\\n.theme-alternate .mat-toolbar .mat-select-value,\\n.theme-alternate .mat-toolbar .mat-select-arrow,\\n.theme-alternate .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {\\n color: inherit;\\n}\\n.theme-alternate .mat-toolbar .mat-input-element {\\n caret-color: currentColor;\\n}\\n.theme-alternate .mat-tooltip {\\n background: rgba(95, 95, 95, 0.9);\\n}\\n.theme-alternate .mat-tree {\\n background: white;\\n}\\n.theme-alternate .mat-tree-node,\\n.theme-alternate .mat-nested-tree-node {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n.theme-alternate .mat-snack-bar-container {\\n color: rgba(255, 255, 255, 0.7);\\n background: #323232;\\n 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);\\n}\\n.theme-alternate .mat-simple-snackbar-action {\\n color: #a3a467;\\n}\\n.mat-raised-button, .mat-stroked-button, .mat-flat-button {\\n padding: 0 1.15em;\\n margin: 0 0.65em;\\n min-width: 3em;\\n line-height: 36.4px;\\n}\\n.mat-standard-chip {\\n padding: 0.5em 0.85em;\\n min-height: 2.5em;\\n}\\n.material-icons {\\n font-size: 24px;\\n font-family: \\\"Material Icons\\\", \\\"Material Icons\\\";\\n}\\n.material-icons .mat-badge-content {\\n font-family: \\\"Montserrat\\\";\\n}\\nbutton.mat-flat-button, button.mat-stroked-button, a.mat-button-base, button.mat-raised-button {\\n border-radius: 4px !important;\\n}\\n.mat-simple-snackbar-action {\\n color: white !important;\\n}\", \"\",{\"version\":3,\"sources\":[\"theme.scss\",\"../node_modules/@angular/material/_theming.scss\"],\"names\":[],\"mappings\":\";AAAA;;;CAAA;AC2tDA,mCAAA;AAgJA,yDAAA;AA6XA,yDAAA;AAi1DA,2CAAA;AA6CA,qBAAA;AApjDE;EACE,gBAvLoB;EAwLpB,eAzLkB;AD72EtB;AC0iFE;EAEE,cAAA;ADxiFJ;AC2iFE;EACE,eAAA;ADxiFJ;ACotEE;EAvSE,8BAAA;EAYF,mBAAA;EA6RE,gBAAA;ADhtEJ;ACmtEE;EA5SE,8BAAA;EAYF,wBAAA;EAkSE,gBAAA;AD/sEJ;ACktEE;EAjTE,8BAAA;EAYF,wBAAA;EAuSE,gBAAA;AD9sEJ;ACitEE;EAtTE,8BAAA;EAYF,wBAAA;EA4SE,gBAAA;AD7sEJ;ACmtEE;EA9TE,2CAAA;EAuUA,gBAAA;ADvtEJ;AC0tEE;EA1UE,2CAAA;EAmVA,gBAAA;AD9tEJ;ACiuEE;EAtVE,8BAAA;EAYF,wBAAA;ADl5DF;ACguEE;EA1VE,8BAAA;EAYF,wBAAA;AD74DF;AC8tEI;EACE,gBAAA;AD5tEN;ACguEE;EAlWE,8BAAA;EAYF,wBAAA;ADr4DF;AC+tEE;EAtWE,gCAAA;EAYF,yBAAA;EA4VE,gBAAA;AD3tEJ;AC8tEE;EA3WE,8BAAA;EAYF,yBAAA;EAiWE,gBAAA;AD1tEJ;AC6tEE;EAhXE,8BAAA;EAYF,mBAAA;EAsWE,gBAAA;ADztEJ;AC4tEE;EArXE,8BAAA;EAYF,wBAAA;EA2WE,gBAAA;ADxtEJ;ACygFE;EAxqBE,8BAAA;EAYF,wBAAA;ADx2DF;ACmsFE;;EAGI,uBAAA;EACA,eAAA;EACA,gBAAA;ADjsFN;AC48FE;EAEI,eAAA;EACA,gBAAA;AD18FN;AC88FE;EACE,eAAA;AD38FJ;AC88FE;;EAEE,eAAA;AD38FJ;AC6kGE;EACE,iBAAA;AD1kGJ;AC8rGE;EACE,eAAA;EACA,gBAAA;AD3rGJ;AC6rGI;;EAEE,eA3FsB;ADhmG5B;ACwyGE;EACE,eAAA;EACA,gBAAA;ADryGJ;ACwyGE;EACE,eAAA;ADryGJ;ACy/GE;EACE,eAjL0B;ADr0G9B;ACy/GE;;EAGI,eAAA;EACA,gBAAA;ADv/GN;AC2/GE;EAEI,eA7LiC;EA8LjC,gBAAA;ADz/GN;AC4kHE;EA1yDE,8BAAA;EAYF,wBAAA;ADzyDF;AC8rHE;EAEI,uBAAA;EACA,eAAA;EACA,gBAAA;AD5rHN;ACgsHE;EAz6DE,8BAAA;EAYF,wBAAA;AD9xDF;ACo2ME;EA3lJE,kBAeU;EAdV,gBAeY;EAdZ,kBAeY;EAdZ,uBAeY;EAGd,qBAAA;ADtxDF;ACg2ME;EACE,yBAPuB;ADt1M3B;ACm2MI;;EACE,eAvB2B;EAwB3B,kBAtCU;ADzzMhB;ACm2MI;;EACE,aAAA;EACA,YAAA;ADh2MN;ACk2MM;;EACE,eAAA;EACA,kBAhDQ;AD/yMhB;ACo2ME;EACE,gBAAA;EAEA,uCAAA;ADl2MJ;ACs2MI;;EAtEF,6CAAA;EAEA,sBAAA;AD5xMF;ACw2MI;EA9EF,6CAAA;EAEA,sBAAA;ADxxMF;AC22ME;EACE,eAAA;EACA,sBAnEiB;ADryMrB;AC22ME;EACE,cAAA;ADx2MJ;AC22ME;EAGE,iBAhEuB;AD1yM3B;AC62ME;EACE,cA/EoB;EAgFpB,0BAzEqB;EA6ErB,gCAAA;AD72MJ;AC61LI;EACE,sBAJqB;ADt1L3B;AC61LI;EACE,mBAAA;AD31LN;AC+1LM;;EA1DJ,oFAAA;EAIA,iDAAA;EAGA,sBAAA;ADtyLF;ACg2LM;EAjEJ,sFAAA;EAIA,iDAAA;EAGA,sBAAA;ADjyLF;ACm2LM;EAzEJ,sFAAA;EAIA,iDAAA;EAGA,sBAAA;AD5xLF;ACq2LI;EACE,cAAA;ADn2LN;ACs2LI;EAGE,cAzCqB;AD7zL3B;ACy2LI;EACE,0BAjDmB;EAqDnB,gCAAA;AD12LN;ACg3LE;EAGM;;IAxFN,6CAAA;EDrxLA;ECo3LM;IA/FN,6CAAA;EDlxLA;ECy3LM;IAvGN,4CAAA;ED/wLA;AACF;AC4pLI;EACE,0BAAA;AD1pLN;AC6pLI;EACE,cAAA;EACA,kBAT2B;ADlpLjC;AC+pLM;;EAjCJ,6CAAA;EAEA,sBAAA;AD3nLF;ACmqLM;EA1CJ,6CAAA;EAEA,sBAAA;ADvnLF;AC6+LI;EACE,oBAAA;AD1+LN;AC6+LI;EACE,cAAA;EACA,mBAT8B;ADl+LpC;AC++LM;;EAxCJ,6CAAA;EAEA,sBAAA;ADp8LF;ACm/LM;EAjDJ,6CAAA;EAEA,sBAAA;ADh8LF;ACqpHE;;EAGE,eAAA;ADnpHJ;ACkmHE;;EARA,mBAAA;EACA,gBAAA;EACA,uBAAA;EAQE,cAAA;EACA,sBAAA;AD7lHJ;ACgmHI;;EACE,eAyCqB;ADtoH3B;AC21HE;EACE,qBAAA;ADx1HJ;ACmhIE;EAEI,uBAAA;EACA,eAAA;EACA,gBAAA;ADjhIN;ACqmIE;;EAGI,uBAAA;EACA,eAAA;ADnmIN;AC86IE;EACE,eAAA;AD36IJ;ACuzJE;EAGI,eAAA;EACA,gBAAA;ADtzJN;ACm8JE;EAEI,eAAA;EACA,gBAAA;ADj8JN;ACq8JE;EACE,mBAAA;ADl8JJ;ACq8JE;EACE,eAAA;ADl8JJ;ACq8JE;EAEI,eAAA;EACA,gBAAA;ADn8JN;ACyrKE;EAEI,uBAAA;EACA,eAAA;EACA,gBAAA;ADvrKN;ACqzKE;;;;;;;EAlvHE,8BAAA;EAYF,wBAAA;EA8uHE,SAAA;ADjzKJ;ACq3KE;EAEE,eArBoB;EAsBpB,gBArB2B;EAsB3B,mBAtB2B;AD71K/B;ACs3KE;EACE,eAvB4B;EAwB5B,gBAtBA;EAuBA,mBAvBA;AD51KJ;ACu2HI;EACE,eAAA;ADp2HN;ACygHE;EARA,mBAAA;EACA,gBAAA;EACA,uBAAA;EAQE,cAAA;EACA,sBAAA;ADrgHJ;ACwgHI;EACE,eAqVuB;AD31H7B;AC81HI;EACE,eAAA;AD51HN;AC4/GE;EARA,mBAAA;EACA,gBAAA;EACA,uBAAA;EAQE,cAAA;EACA,sBAAA;ADx/GJ;AC2/GI;EACE,eA0VuB;ADn1H7B;ACs1HI;EACE,uBAAA;EACA,eAAA;EACA,gBAAA;ADp1HN;AC01HI;EACE,eAAA;ADv1HN;ACy+GE;EARA,mBAAA;EACA,gBAAA;EACA,uBAAA;EAQE,cAAA;EACA,sBAAA;ADr+GJ;ACw+GI;EACE,eAwWuB;AD90H7B;ACi1HI;EACE,eAAA;AD/0HN;AC49GE;EARA,mBAAA;EACA,gBAAA;EACA,uBAAA;EAQE,cAAA;EACA,sBAAA;ADx9GJ;AC29GI;EACE,eA6WuB;ADt0H7B;ACy0HI;EAEE,eAAA;EACA,gBAAA;ADx0HN;AC0iDE;EAGI,eAAA;ADziDN;ACulDE;EA/GE,8BAAA;EAYF,wBAAA;AD/+CF;ACg2KE;EAEI,uBAAA;EACA,eAAA;AD91KN;ACk2KE;EACE,cAAA;EAEE,oBAAA;EACA,kBAAA;EACA,gBAAA;ADh2KN;AC8rME;;EAEE,gBAAA;EACA,eAAA;AD3rMJ;ACqsCE;EACE,gBAAA;EAIA,kBAAA;ADrsCJ;AC4sCI;EACE,wBAAA;AD1sCN;AC8sCE;EACE,iBAAA;AD3sCJ;AC8sCE;EACE,kBAAA;EACA,kBAAA;EACA,oBAAA;EAEA,6DAAA;EACA,mBAAA;AD5sCJ;ACxVI;EAwiDE,aAAA;AD7sCN;ACtXE;EACE,SAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,UAAA;EACA,kBAAA;EACA,UAAA;EAGA,UAAA;EAGA,wBAAA;EACA,qBAAA;ADqXJ;ACngBE;EAEE,oBAAA;EAGA,MAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;ADmgBJ;AC/fE;EACE,eAAA;EACA,aA3B4B;AD6hBhC;AChgBI;EAGE,aAAA;ADggBN;ACxfE;EACE,aAAA;EACA,kBAAA;EACA,aA1CkB;ADqiBtB;ACvfE;EAGE,kBAAA;EACA,oBAAA;EACA,sBAAA;EACA,aApDkB;EAwDlB,aAAA;EACA,eAAA;EACA,gBAAA;ADqfJ;AClfE;EAEE,kBAAA;EACA,MAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EAEA,aApE2B;EAqE3B,oBAAA;EACA,wCAAA;EACA,0DAAA;EACA,UAAA;ADmfJ;ACjfI;EACE,UAAA;ADmfN;AC7eM;EAPF;IAQI,YAAA;EDgfN;AACF;AC5eE;EACE,+BArFmC;ADokBvC;ACveI;EACE,UAAA;AD0eN;ACpeE;EACE,kBAAA;EACA,aA1GkB;EA+GlB,aAAA;EAIA,sBAAA;EAGA,cAAA;EACA,eAAA;AD8dJ;AC1dE;EACE,eAAA;EAKA,WAAA;EAKA,kBAAA;ADqdJ;AC5XE;EAA0C,IAAA;ADgY5C;AC/XE;EAAwC,IAAA;ADkY1C;AChYE;EAEE,+CAAA;ADiYJ;AC9XE;EAEE,6CAAA;ADgYJ;AC3XE;EACE,YAAA;AD8XJ;ACxXE;EAqBA,yBAAA;EACA,kCAAA;EApBE,uBAAA;EACA,2BAAA;AD4XJ;ACnXE;EASA,yBAAA;EACA,kCAAA;EARE,oBAAA;ADuXJ;AC6vCE;EACE,kBAAA;AD1vCJ;AC0sME;EACE,kBAAA;ADvsMJ;AAtfA;EAIE,wBAAA;EACA,+BAAA;EACA,+BAAA;EACA,6BAAA;EACA,iDAAA;EACA,oCAAA;AAsfF;AAleA;EACE,uBAAA;EACA,+BAAA;EACA,8BAAA;EACA,4BAAA;EACA,gDAAA;EACA,mCAAA;AAqeF;AArdA;EACE,qBAAA;EACA,6BAAA;EACA,4BAAA;EACA,0BAAA;EACA,8CAAA;EACA,iCAAA;AAwdF;AAlcE;EACE,wCAAA;AAqcJ;AAncE;EACE,kCAAA;AAqcJ;AAncE;EACE,yGAAA;AAqcJ;ACkjCE;EAII,0CAAA;ADnjCN;ACyyCE;EACE,YAAA;ADvyCJ;ACyyCI;EAEE,qCAAA;ADxyCN;AC4yCI;EACE,qCAAA;AD1yCN;AC6yCI;EACE,qCAAA;EACA,YAAA;AD3yCN;AC8yCI;EACE,+BAAA;AD5yCN;ACgzCE;EACE,cAAA;AD9yCJ;ACizCE;EACE,cAAA;AD/yCJ;ACkzCE;EACE,UAAA;ADhzCJ;AC41CE;EACE,+BAAA;AD11CJ;AC61CE;EACE,+BAAA;AD31CJ;AC84CE;EACE,+BAAA;AD54CJ;AC84CI;EACE,cAAA;AD54CN;ACg5CE;EACE,cAZe;ADl4CnB;ACi5CE;;EAEE,mBAAA;AD/4CJ;ACu5CE;;;;EAIE,mBAAA;ADr5CJ;ACw5CE;;EAEE,eAAA;ADt5CJ;AC25CI;;EACE,mBAxCa;ADh3CnB;AC+iME;EAIE,yBAAA;EACA,YAAA;ADhjMJ;ACujMI;EA5yMF,wHAAA;ADwPF;ACojMI;EA5yMF,yHAAA;AD2PF;ACijMI;EA5yMF,yHAAA;AD8PF;AC8iMI;EA5yMF,yHAAA;ADiQF;AC2iMI;EA5yMF,0HAAA;ADoQF;ACwiMI;EA5yMF,0HAAA;ADuQF;ACqiMI;EA5yMF,2HAAA;AD0QF;ACkiMI;EA5yMF,2HAAA;AD6QF;AC+hMI;EA5yMF,2HAAA;ADgRF;AC4hMI;EA5yMF,2HAAA;ADmRF;ACyhMI;EA5yMF,4HAAA;ADsRF;ACshMI;EA5yMF,4HAAA;ADyRF;ACmhMI;EA5yMF,4HAAA;AD4RF;ACghMI;EA5yMF,4HAAA;AD+RF;AC6gMI;EA5yMF,4HAAA;ADkSF;AC0gMI;EA5yMF,4HAAA;ADqSF;ACugMI;EA5yMF,6HAAA;ADwSF;ACogMI;EA5yMF,6HAAA;AD2SF;ACigMI;EA5yMF,6HAAA;AD8SF;AC8/LI;EA5yMF,6HAAA;ADiTF;AC2/LI;EA5yMF,8HAAA;ADoTF;ACw/LI;EA5yMF,8HAAA;ADuTF;ACq/LI;EA5yMF,8HAAA;AD0TF;ACk/LI;EA5yMF,8HAAA;AD6TF;AC++LI;EA5yMF,8HAAA;ADgUF;ACm/LI;EACE,aAAA;ADj/LN;ACygDE;EAEE,mBAAA;EACA,YAAA;ADvgDJ;ACrTE;EAnBA,0HAAA;AD2UF;AC2gDI;EACE,mBAAA;ADzgDN;AC2gDM;EACE,YAAA;ADzgDR;ACwoDE;EACE,YAAA;EACA,mBAAA;ADtoDJ;AClqBI;EA2yEE,kBAAA;EACA,gBAAA;ADtoDN;AC2oDI;EACE,mBAAA;EACA,YAAA;ADxoDN;AC6oDI;EACE,YAAA;EACA,eAAA;AD3oDN;AC+oDE;EACE,kBAAA;AD7oDJ;ACipDI;EACE,aAAA;AD/oDN;ACopDI;EAWI,mBAAA;EAMF,+BAAA;ADjqDN;ACqqDE;EACE,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,kBAAA;EACA,uCAAA;EACA,qBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;EACA,oBAAA;ADnqDJ;ACsqDE;;EAEE,gBAAA;ADpqDJ;ACyqDE;EAEE,eAAA;ADxqDJ;ACygDE;EACE,WANmB;EAOnB,YAPmB;EAQnB,iBARmB;AD//CvB;AC2gDI;EACE,SAAA;ADzgDN;AC8gDI;EACE,YAAA;AD5gDN;ACihDI;EACE,WAAA;AD/gDN;ACohDI;EACE,UAAA;EACA,YAAA;ADlhDN;ACuhDI;EACE,YAAA;ADrhDN;AC0hDI;EACE,WAAA;EACA,WAAA;ADxhDN;AC8hDM;EACE,UAAA;AD5hDR;ACiiDM;EACE,UAAA;EACA,WAAA;AD/hDR;ACoiDM;EACE,WAAA;ADliDR;ACuiDM;EACE,WAAA;EACA,UAAA;ADriDR;ACk+CE;EACE,WAPqB;EAQrB,YARqB;EASrB,iBATqB;ADv9CzB;ACo+CI;EACE,UAAA;ADl+CN;ACu+CI;EACE,aAAA;ADr+CN;AC0+CI;EACE,WAAA;ADx+CN;AC6+CI;EACE,UAAA;EACA,YAAA;AD3+CN;ACg/CI;EACE,YAAA;AD9+CN;ACm/CI;EACE,WAAA;EACA,WAAA;ADj/CN;ACu/CM;EACE,WAAA;ADr/CR;AC0/CM;EACE,UAAA;EACA,YAAA;ADx/CR;AC6/CM;EACE,YAAA;AD3/CR;ACggDM;EACE,WAAA;EACA,WAAA;AD9/CR;AC27CE;EACE,WALmB;EAMnB,YANmB;EAOnB,iBAPmB;ADl7CvB;AC67CI;EACE,UAAA;AD37CN;ACg8CI;EACE,aAAA;AD97CN;ACm8CI;EACE,WAAA;ADj8CN;ACs8CI;EACE,UAAA;EACA,YAAA;ADp8CN;ACy8CI;EACE,YAAA;ADv8CN;AC48CI;EACE,WAAA;EACA,WAAA;AD18CN;ACg9CM;EACE,WAAA;AD98CR;ACm9CM;EACE,UAAA;EACA,YAAA;ADj9CR;ACs9CM;EACE,YAAA;ADp9CR;ACy9CM;EACE,WAAA;EACA,WAAA;ADv9CR;ACmnDE;EAvmEA,6HAAA;EAymEE,mBAAA;EACA,YAAA;ADjnDJ;AC+uDE;EAKE,cAAA;EACA,uBAAA;ADjvDJ;ACitDE;EACE,cAAA;AD/sDJ;ACitDE;EACE,cAAA;AD/sDJ;ACitDE;EACE,UAAA;AD/sDJ;ACmtDI;EAEE,+BAAA;ADltDN;AC+oDE;EACE,yBAAA;AD7oDJ;ACgpDE;EACE,yBAAA;AD9oDJ;ACipDE;EACE,qBAAA;AD/oDJ;ACkpDE;EACE,6BAAA;ADhpDJ;ACiuDI;EACE,YAxGuB;EAyGvB,8BAAA;AD/tDN;ACmuDE;EACE,mBAAA;ADjuDJ;ACsuDE;EACE,uCAAA;ADpuDJ;ACuuDE;EAEE,YAAA;EACA,yBAAA;ADtuDJ;AC2qDE;EACE,YAAA;ADzqDJ;AC2qDE;EACE,YAAA;ADzqDJ;AC2qDE;EACE,YAAA;ADzqDJ;AC6qDI;EAEE,+BAAA;AD5qDN;AC+pDE;EACE,yBAAA;AD7pDJ;AC+pDE;EACE,yBAAA;AD7pDJ;AC+pDE;EACE,qBAAA;AD7pDJ;ACiqDI;EAEE,2CAAA;ADhqDN;AC8nDE;EAXA,0CADmB;AD/mDrB;AC+nDE;EAfA,0CADmB;AD5mDrB;ACgoDE;EAnBA,0CADmB;ADzmDrB;ACjjBE;EAnBA,wHAAA;ADukBF;ACpjBE;EAnBA,yHAAA;AD0kBF;ACvjBE;EAnBA,2HAAA;AD6kBF;AC1jBE;EAnBA,wHAAA;ADglBF;AC7jBE;EAnBA,2HAAA;ADmlBF;AChkBE;EAnBA,4HAAA;ADslBF;ACnkBE;EAnBA,wHAAA;ADylBF;ACs1DE;;EA/6EA,yHAAA;AD6lBF;ACu1DE;;EAEE,gBAAA;ADr1DJ;ACw1DE;EACE,+BAAA;ADt1DJ;ACw1DI;EACE,2CAAA;ADt1DN;AC01DE;EACE,YAAA;EACA,mBAAA;ADx1DJ;AC01DI;EACE,uBAAA;ADx1DN;AC41DE;EACE,gDAAA;AD11DJ;AC61DE;EACE,iBAAA;EACA,iDAAA;AD31DJ;AC+1DI;EACE,iBAAA;EACA,kBAAA;EACA,+CAAA;AD71DN;ACi2DE;EACE,yBAAA;EACA,+BAAA;AD/1DJ;ACi2DI;EACE,YAAA;AD/1DN;ACm2DE;EACE,+BAAA;EACA,yBAAA;ADj2DJ;ACm2DI;EACE,mBAAA;ADj2DN;ACo2DI;EACE,yBAAA;ADl2DN;ACs2DE;;EAEE,2CAAA;ADp2DJ;ACq3DI;EACE,iBALc;AD92DpB;ACu5DE;EAEE,mBAAA;EACA,YAAA;ADr5DJ;ACpoBE;EAnBA,yHAAA;AD0pBF;ACvoBE;EAnBA,wHAAA;AD6pBF;ACu5DE;EACE,+BAAA;ADr5DJ;AC89DE;EACE,sCAAA;AD59DJ;AC+9DE;EACE,aAdoB;AD/8DxB;ACg+DE;EAGE,0BAAA;ADh+DJ;ACm+DE;EACE,yBAxBoB;ADz8DxB;ACq+DI;EACE,yBAAA;ADn+DN;ACs+DI;EACE,yBAAA;ADp+DN;ACu+DI;EACE,qBAAA;ADr+DN;AC4+DM;EACE,yBAtCW;ADp8DnB;AC++DM;EACE,qBA5CW;ADj8DnB;ACi/DI;EACE,+BAAA;AD/+DN;ACq/DE;EACE,yBAAA;ADn/DJ;ACw/DI;;EACE,mBAAA;ADr/DN;ACw/DI;;EACE,mBAAA;ADr/DN;ACw/DI;;EACE,eAAA;ADr/DN;AC+kEE;EA3CA,yBAwCwB;EAvCxB,YAwCwB;ADzkE1B;ACmiEE;EACE,YAqCsB;EApCtB,YAAA;ADjiEJ;AC2kEM;EAhyFJ,yHAAA;ADwtBF;AC4kEM;EACE,aAAA;AD1kER;AC8kEI;EACE,YAAA;AD5kEN;AC+kEI;EACE,mBAAA;AD7kEN;ACklEI;EAlEF,yBAwBwE;EAvBxE,YAuBiC;ADpiEnC;AC+gEE;EACE,YAoB+B;EAnB/B,YAAA;AD7gEJ;ACkiEE;EATA,0CADmB;ADrhErB;AC2kEI;EAtEF,qBAwBwE;EAvBxE,YAuBiC;ADzhEnC;ACogEE;EACE,YAoB+B;EAnB/B,YAAA;ADlgEJ;ACuhEE;EATA,0CADmB;AD1gErB;ACokEI;EA1EF,yBAwBwE;EAvBxE,YAuBiC;AD9gEnC;ACy/DE;EACE,YAoB+B;EAnB/B,YAAA;ADv/DJ;AC4gEE;EATA,0CADmB;AD//DrB;ACqpEE;EACE,mBAAA;ADnpEJ;ACspEE;;;;EAIE,mBAAA;ADppEJ;ACupEE;;EAEE,8CAAA;ADrpEJ;ACwpEE;EACE,+BAAA;ADtpEJ;ACypEE;EACE,YAAA;ADvpEJ;ACuvEE;EACE,uBAAA;ADrvEJ;AC0vEE;;;EAGE,YAAA;ADxvEJ;AC2vEE;EACE,+BAAA;ADzvEJ;AC4vEE;EACE,qCAAA;AD1vEJ;AC6vEE;EACE,+BAAA;AD3vEJ;AC8vEE;;EAEE,YAAA;EACA,yBAAA;AD5vEJ;ACstEE;EA2CI,+BAlCa;AD5tEnB;ACkwEE;EACE,+BAvCe;ADztEnB;ACgtEE;;;EAwDM,2CAAA;ADnwER;ACwwEE;EAOI,gCAAA;AD5wEN;ACwsEE;EA+EI,sCAAA;ADpxEN;ACqsEE;EAwFM,sCAAA;AD1xER;AC22EE;EACE,kCAtMA;ADnqEJ;AC42EE;;EAEE,kCAViB;ADh2ErB;AC62EE;;EAEE,6FAAA;AD32EJ;AC82EE;;EAEE,4FAAA;AD52EJ;AC+2EE;;EAEE,mBAxBc;ADr1ElB;ACg3EE;;EAEE,mBA5BuB;ADl1E3B;ACipEE;EACE,yBAAA;EACA,YAAA;AD/oEJ;ACkpEE;EAII,wCAAA;ADnpEN;AC4pEE;EACE,iCAAA;AD1pEJ;ACuwEE;EAvmGA,0HAAA;EAymGE,yBAAA;EACA,YAAA;ADrwEJ;ACq0EE;EACE,oCAtMA;AD7nEJ;ACs0EE;;EAEE,kCAViB;AD1zErB;ACu0EE;;EAEE,+FAAA;ADr0EJ;ACw0EE;;EAEE,8FAAA;ADt0EJ;ACy0EE;;EAEE,mBAxBc;AD/yElB;AC00EE;;EAEE,mBA5BuB;AD5yE3B;AC2mEE;EACE,yBAAA;EACA,YAAA;ADzmEJ;AC4mEE;EAII,0CAAA;AD7mEN;ACsnEE;EACE,iCAAA;ADpnEJ;ACoyEE;EACE,gCAtMA;AD5lEJ;ACqyEE;;EAEE,kCAViB;ADzxErB;ACsyEE;;EAEE,2FAAA;ADpyEJ;ACuyEE;;EAEE,0FAAA;ADryEJ;ACwyEE;;EAEE,mBAxBc;AD9wElB;ACyyEE;;EAEE,mBA5BuB;AD3wE3B;AC0kEE;EACE,qBAAA;EACA,YAAA;ADxkEJ;AC2kEE;EAII,sCAAA;AD5kEN;ACqlEE;EACE,iCAAA;ADnlEJ;AC8sEE;EArnGA,wHAAA;AD06BF;AC+sEE;EACE,cAAA;AD7sEJ;AC+sEI;EACE,cAAA;AD7sEN;ACgtEI;EACE,UAAA;AD9sEN;ACktEE;EACE,+BAAA;ADhtEJ;ACmzEE;EAzuGA,8HAAA;EA2uGE,mBAAA;EACA,YAAA;ADjzEJ;ACk7DE;EACE,2CAAA;ADh7DJ;ACm7DE;EACE,6CAAA;ADj7DJ;ACs3EE;EAEE,mBAAA;EACA,YAAA;ADr3EJ;ACl7BE;EAnBA,yHAAA;ADw8BF;ACq3EE;EACE,2CAAA;ADn3EJ;AC03EM;EACE,qCAAA;ADx3ER;AC+3EE;EACE;IAEE,mBAAA;ED93EJ;AACF;ACi4EE;EACE,YAAA;AD/3EJ;ACk4EE;;EAEE,+BAAA;ADh4EJ;ACm4EE;EACE,+BAAA;ADj4EJ;ACm4EI;;EAEE,cAAA;ADj4EN;AC65EI;EACE,YALe;ADt5ErB;AC65EM;EACE,YAVY;ADj5EpB;ACm7JE;EACE,+BAXY;ADr6JhB;ACm7JE;EACE,+BAfY;ADl6JhB;ACo7JE;EACE,cAlBoB;ADh6JxB;ACo7JI;EACE,cAhBqB;ADl6J3B;ACq7JI;EACE,UAnBmB;ADh6JzB;ACu7JE;EACE,cA7BqB;ADx5JzB;ACw7JE;EACE,uBA9BqB;ADx5JzB;AC07JI;EACE,yBAhCsB;ADx5J5B;AC07JM;EACE,yBArCmB;ADn5J3B;AC27JM;EACE,qBAxCiB;ADj5JzB;AC+7JI;EACE,cA9CsB;AD/4J5B;ACg8JI;EACE,cApDqB;AD14J3B;ACi8JI;EACE,UAvDmB;ADx4JzB;ACu8JI;EACE,UAhEmB;ADr4JzB;ACu8JM;;EAEE,UApEiB;ADj4JzB;ACy8JI;;EAEE,qBA1EmB;AD73JzB;AC28JE;EACE,UA/EqB;AD13JzB;ACq+II;EACE,+BALU;AD99IhB;ACs+II;EACE,+BATU;AD39IhB;ACu+II;EACE,0CAZc;ADz9IpB;ACw+II;EA/9DF,sHAAA;EACA,yBAAA;EACA,2BAAA;ADtgFF;ACwzJI;EACE,0CAJc;ADlzJpB;ACyzJI;EAxzEF,sHAAA;EACA,yBAAA;EACA,2BAAA;AD9/EF;ACo1II;EACE,0CAPc;AD30IpB;ACq1II;EACE,2CAVuB;ADz0I7B;ACs1II;EACE,0CAbc;ADv0IpB;ACw1IM;EACE,+BAjBiB;ADr0IzB;ACy1IM;EACE,6BAAA;ADv1IR;AC8oJI;EACE,+BATY;ADnoJlB;AC+oJI;EACE,YAZkB;ADjoJxB;ACipJM;EACE,cAhBkB;AD/nJ1B;ACkpJM;EACE,cAnBiB;AD7nJzB;ACmpJM;EACE,UAtBe;AD3nJvB;ACupJM;EACE,UA7Be;ADxnJvB;AC0pJM;EACE,+BAxCiB;ADhnJzB;AC2pJM;EACE,gCAtCmB;ADnnJ3B;ACs6EI;EACE,cAAA;ADp6EN;ACu6EI;EACE,cAAA;ADr6EN;ACw6EI;EACE,UAAA;ADt6EN;ACmhFE;EACE,+BAAA;ADjhFJ;ACohFE;;EAEE,+BAAA;ADlhFJ;ACqhFE;EACE,oBAAA;ADnhFJ;AC09EE;EA4DI,+BAAA;ADnhFN;ACu9EE;EA4DI,+BAAA;ADnhFN;AC29EE;EAwDI,+BAAA;ADhhFN;AC49EE;EAoDI,+BAAA;AD7gFN;AC69EE;EAgDI,+BAAA;AD1gFN;ACmhFM;EACE,0BDvmIY;AAslDpB;ACohFM;EACE,0BDzmIa;AAulDrB;ACuhFE;EACE,oBAAA;ADrhFJ;ACwhFE;;EAEE,gBAAA;ADthFJ;ACyhFE;EACE,UAAA;ADvhFJ;AC6kFI;EACE,YAAA;AD3kFN;AC8kFI;EACE,YAAA;AD5kFN;AC+kFI;EACE,+BAAA;AD7kFN;ACilFE;EACE,yBAAA;AD/kFJ;ACqlFI;;;;;EACE,qCAAA;AD/kFN;AColFI;EACE,qCAAA;ADllFN;AC2qFE;EAEE,mBAAA;AD1qFJ;AC/oCE;EAnBA,0HAAA;ADqqCF;AC0qFE;EACE,uBAAA;EACA,YAAA;ADxqFJ;AC2qFM;EACE,+BAAA;ADzqFR;AC8qFE;;EAEE,YAAA;AD5qFJ;ACmrFI;;;;EACE,qCAAA;AD9qFN;AC6uFE;EACE,mBAAA;AD3uFJ;AC8uFE;;EAEE,+BAAA;AD5uFJ;AC+uFE;;EAEE,2BAAA;EACA,6BAAA;AD7uFJ;ACgvFE;;EAEE,2BAAA;AD9uFJ;ACkvFI;;;;EAIE,sCAAA;ADhvFN;ACqwFI;EACE,gBAJK;AD/vFX;ACqyFE;EACE,aAAA;ADlyFJ;ACqyFE;EACE,yBAAA;ADnyFJ;ACsyFE;EACE,yBAAA;ADpyFJ;ACwyFI;EACE,aAAA;ADtyFN;ACyyFI;EACE,yBAAA;ADvyFN;AC0yFI;EACE,yBAAA;ADxyFN;AC6yFI;EACE,aAAA;AD3yFN;AC8yFI;EACE,yBAAA;AD5yFN;AC+yFI;EACE,qBAAA;AD7yFN;ACq1FI;EACE,eAAA;ADn1FN;ACs1FI;EACE,eAAA;ADp1FN;ACu1FI;EACE,WAAA;ADr1FN;AC24FE;EACE,sCAAA;ADz4FJ;ACo3FE;EACE,qBAAA;ADl3FJ;ACq3FE;;EAIE,yBAAA;ADr3FJ;AC62FE;EACE,qBAAA;AD32FJ;AC82FE;;EAIE,yBAAA;AD92FJ;ACs2FE;EACE,iBAAA;ADp2FJ;ACu2FE;;EAIE,qBAAA;ADv2FJ;ACw4FM;;EAEE,sCAAA;ADt4FR;ACy4FM;;EAEE,0CAAA;ADv4FR;AC04FM;EACE,+BAAA;ADx4FR;AC84FI;EACE,yBAAA;AD54FN;AC67FE;EACE,YAAA;AD37FJ;AC87FE;EACE,+BAAA;AD57FJ;AC+7FE;EACE,+BAAA;AD77FJ;ACg8FE;EACE,+BAAA;AD97FJ;ACi8FE;EACE,mBAAA;AD/7FJ;ACtxCE;EAnBA,0HAAA;AD4yCF;AC+7FI;EACE,qCAAA;AD77FN;ACm8FM;EACE,cAAA;ADj8FR;ACo8FM;EACE,cAAA;ADl8FR;ACq8FM;EACE,UAAA;ADn8FR;ACu8FI;EACE,UAAA;ADr8FN;ACw8FI;EACE,+BAAA;ADt8FN;ACggGE;EACE,yBALmC;EAMnC,YAAA;AD9/FJ;ACigGE;EACE,yBAXwB;EAYxB,YAAA;AD//FJ;ACigGI;EACE,yBAb2B;ADl/FjC;ACkgGI;EA30IF,6HAAA;AD40CF;ACsgGE;EACE,iDAvBmB;AD7+FvB;ACsgGI;EACE,gDA1BiB;EA2BjB,kBAAA;ADpgGN;ACwgGE;EACE,gDAhCmB;EAiCnB,kBAAA;ADtgGJ;ACwgGI;EACE,iBAAA;EACA,iDArCiB;ADj+FvB;AC0gGE;EAQI,0CAAA;AD/gGN;ACyjGI;EACE,yBAAA;ADvjGN;AC0jGI;EAGE,2CAAA;AD1jGN;AC6jGI;EAGE,yBAAA;AD7jGN;ACgjGI;EACE,yBAAA;AD9iGN;ACijGI;EAGE,yCAAA;ADjjGN;ACojGI;EAGE,yBAAA;ADpjGN;ACuiGI;EACE,qBAAA;ADriGN;ACwiGI;EAGE,uCAAA;ADxiGN;AC2iGI;EAGE,qBAAA;AD3iGN;ACglGI;EAGE,uBAhBqB;ADhkG3B;AColGE;EAh9IA,yHAAA;EAk9IE,yBAAA;ADllGJ;ACqlGE;EACE,0CA3BoB;ADxjGxB;ACkqGE;EACE,0CAVqB;ADtpGzB;ACunGE;;;EAGE,yBAAA;ADrnGJ;ACwnGE;EACE,YAAA;ADtnGJ;ACynGE;EAGE,wCADQ;ADxnGZ;AC4mGE;;;EAGE,yBAAA;AD1mGJ;AC6mGE;EACE,YAAA;AD3mGJ;AC8mGE;EAGE,0CADQ;AD7mGZ;ACimGE;;;EAGE,qBAAA;AD/lGJ;ACkmGE;EACE,YAAA;ADhmGJ;ACmmGE;EAGE,sCADQ;ADlmGZ;ACgpGI;;EACE,0CA3B2B;ADlnGjC;ACkpGI;;;EAGE,0CAlCwB;AD9mG9B;ACopGM;EACE,0CAvCsB;AD3mG9B;ACwpGI;EAGE,2CADQ;ADvpGd;ACkqGM;;EAEE,uBA3DqC;ADrmG7C;ACoqGQ;;EAEE,0CAhEyC;ADlmGnD;ACwqGM;EACE,sCA3EiB;EA4EjB,6BAAA;ADtqGR;AC2qGQ;EACE,sCAjFuB;ADxlGjC;AC4qGQ;EACE,sCApFoB;ADtlG9B;ACgrGE;EACE,sCAvFsB;ADvlG1B;ACurGE;EACE,yIAAA;EAIA,+IAAA;ADxrGJ;ACksGE;EACE,0IAAA;ADhsGJ;ACuxGI;EAGE,2CAAA;ADvxGN;AC6xGI;EACE;IACE,gBAAA;ED3xGN;AACF;AC8xGI;;EAIE,+BAAA;AD9xGN;ACiyGI;EAGE,0CAAA;EACA,YAAA;ADjyGN;ACoyGI;;;EAGE,yBAAA;EACA,YAAA;ADlyGN;ACqyGI;EACE,6BAAA;EACA,UAAA;ADnyGN;ACsyGI;EACE,YAAA;ADpyGN;ACuyGI;EACE,UAAA;ADryGN;ACyyGE;EACE,yBAAA;ADvyGJ;AC0yGE;EACE,4CAAA;ADxyGJ;AC2yGE;;;EAGE,2CAAA;ADzyGJ;ACg1GI;EACE,YALK;ADz0GX;ACi1GI;;EAEE,kBAAA;AD90GN;ACm1GI;EACE,UAAA;EACA,aAAA;ADh1GN;ACq1GM;EACE,SAAA;ADl1GR;ACu1GI;EACE,SAAA;ADp1GN;ACo3GE;EAYI,cAAA;AD53GN;ACy6GE;;EAEE,kDAJc;ADn6GlB;AC26GI;;EAEE,+CAVY;EAWZ,mBAAA;ADz6GN;AC66GE;EACE,YAAA;AD36GJ;AC66GI;EACE,+BAAA;AD36GN;AC+6GE;EACE,mBAAA;AD76GJ;ACg7GE;EACE,sCAAA;AD96GJ;ACk7GE;;EAEE,mBAAA;EACA,gBAAA;ADh7GJ;AC49GM;;;;;EACE,0CAAA;ADt9GR;AC28GE;EACE,yBAAA;ADz8GJ;ACw8GE;EACE,uBAAA;ADt8GJ;AC+8GM;;;;;EACE,0CAAA;ADz8GR;AC87GE;EACE,yBAAA;AD57GJ;AC27GE;EACE,uBAAA;ADz7GJ;ACk8GM;;;;;EACE,0CAAA;AD57GR;ACi7GE;EACE,qBAAA;AD/6GJ;AC86GE;EACE,uBAAA;AD56GJ;ACq7GM;;;;;EACE,0CAAA;AD/6GR;ACu7GE;EACE,yBAAA;ADr7GJ;ACy7GE;EACE,YAAA;ADv7GJ;ACy7GI;EACE,+BAAA;ADv7GN;AC47GE;EACE,mBAAA;AD17GJ;AC67GE;EACE,sCAAA;AD37GJ;ACg8GE;EACE,2CAAA;AD97GJ;AC45GM;;;;;EACE,0CAAA;ADt5GR;AC85GE;EACE,yBAAA;AD55GJ;ACg6GE;EACE,YAAA;AD95GJ;ACg6GI;EACE,+BAAA;AD95GN;ACm6GE;EACE,mBAAA;ADj6GJ;ACo6GE;EACE,sCAAA;ADl6GJ;ACu6GE;EACE,2CAAA;ADr6GJ;ACm4GM;;;;;EACE,0CAAA;AD73GR;ACq4GE;EACE,qBAAA;ADn4GJ;ACu4GE;EACE,YAAA;ADr4GJ;ACu4GI;EACE,+BAAA;ADr4GN;AC04GE;EACE,mBAAA;ADx4GJ;AC24GE;EACE,sCAAA;ADz4GJ;AC84GE;EACE,2CAAA;AD54GJ;ACkgHE;EACE,mBAAA;EACA,YAAA;ADhgHJ;ACkgHI;EApCF,mBAAA;EACA,YAAA;AD39GF;ACkgHI;EAxCF,mBAAA;EACA,YAAA;ADv9GF;ACkgHI;EA5CF,eAAA;EACA,YAAA;ADn9GF;ACu9GE;;;EAGE,8BAAA;ADr9GJ;ACw9GE;;;;;EAKE,cAAA;ADt9GJ;ACy9GE;EACE,yBAAA;ADv9GJ;AC07GE;EACE,gBA4Ee;ADpgHnB;AC07GE;EACE,YAyEe;ADhgHnB;AC4gHI;EAzFF;IACE,gBA8Ec;ED7/GhB;;ECi7GA;IACE,YA2Ec;EDz/GhB;AACF;AC6iHE;EACE,iCAAA;AD3iHJ;AC08IE;EACE,mBAAA;ADx8IJ;AC28IE;;EAEE,YAAA;ADz8IJ;AC+9II;EACE,gBAJK;ADz9IX;ACslHE;EAGE,0BAAA;EACA,mBAAA;EAzzKF,2HAAA;ADquDF;ACylHE;EACE,cAAA;ADvlHJ;AAn/DE;EACE,oCAAA;AAs/DJ;AAp/DE;EACE,oCAAA;AAs/DJ;AAp/DC;EACG,oCAAA;EACA,YAAA;AAs/DJ;AAn/DA;EACE,6BAAA;AAq/DF;AChhBE;EAII,oCAAA;AD+gBN;ACzRE;EACE,0BAAA;AD2RJ;ACzRI;EAEE,kCAAA;AD0RN;ACtRI;EACE,kCAAA;ADwRN;ACrRI;EACE,kCAAA;EACA,0BAAA;ADuRN;ACpRI;EACE,0BAAA;ADsRN;AClRE;EACE,cAAA;ADoRJ;ACjRE;EACE,cAAA;ADmRJ;AChRE;EACE,UAAA;ADkRJ;ACtOE;EACE,0BAAA;ADwOJ;ACrOE;EACE,0BAAA;ADuOJ;ACpLE;EACE,0BAAA;ADsLJ;ACpLI;EACE,cAAA;ADsLN;AClLE;EACE,cAZe;ADgMnB;ACjLE;;EAEE,mBAAA;ADmLJ;AC3KE;;;;EAIE,mBAAA;AD6KJ;AC1KE;;EAEE,eAAA;AD4KJ;ACvKI;;EACE,mBAxCa;ADkNnB;AC6+IE;EAIE,yBAAA;EACA,0BAAA;AD9+IJ;ACq/II;EA5yMF,wHAAA;AD0zDF;ACk/II;EA5yMF,yHAAA;AD6zDF;AC++II;EA5yMF,yHAAA;ADg0DF;AC4+II;EA5yMF,yHAAA;ADm0DF;ACy+II;EA5yMF,0HAAA;ADs0DF;ACs+II;EA5yMF,0HAAA;ADy0DF;ACm+II;EA5yMF,2HAAA;AD40DF;ACg+II;EA5yMF,2HAAA;AD+0DF;AC69II;EA5yMF,2HAAA;ADk1DF;AC09II;EA5yMF,2HAAA;ADq1DF;ACu9II;EA5yMF,4HAAA;ADw1DF;ACo9II;EA5yMF,4HAAA;AD21DF;ACi9II;EA5yMF,4HAAA;AD81DF;AC88II;EA5yMF,4HAAA;ADi2DF;AC28II;EA5yMF,4HAAA;ADo2DF;ACw8II;EA5yMF,4HAAA;ADu2DF;ACq8II;EA5yMF,6HAAA;AD02DF;ACk8II;EA5yMF,6HAAA;AD62DF;AC+7II;EA5yMF,6HAAA;ADg3DF;AC47II;EA5yMF,6HAAA;ADm3DF;ACy7II;EA5yMF,8HAAA;ADs3DF;ACs7II;EA5yMF,8HAAA;ADy3DF;ACm7II;EA5yMF,8HAAA;AD43DF;ACg7II;EA5yMF,8HAAA;AD+3DF;AC66II;EA5yMF,8HAAA;ADk4DF;ACi7II;EACE,aAAA;AD/6IN;ACzDE;EAEE,iBAAA;EACA,0BAAA;AD2DJ;ACv3DE;EAnBA,0HAAA;AD64DF;ACvDI;EACE,iBAAA;ADyDN;ACvDM;EACE,0BAAA;ADyDR;ACsEE;EACE,YAAA;EACA,mBAAA;ADpEJ;ACpuEI;EA2yEE,kBAAA;EACA,gBAAA;ADpEN;ACyEI;EACE,mBAAA;EACA,YAAA;ADtEN;AC2EI;EACE,YAAA;EACA,eAAA;ADzEN;AC6EE;EACE,kBAAA;AD3EJ;AC+EI;EACE,aAAA;AD7EN;ACkFI;EAWI,mBAAA;EAMF,0BAAA;AD/FN;ACmGE;EACE,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,kBAAA;EACA,uCAAA;EACA,qBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;EACA,oBAAA;ADjGJ;ACoGE;;EAEE,gBAAA;ADlGJ;ACuGE;EAEE,eAAA;ADtGJ;ACzDE;EACE,WANmB;EAOnB,YAPmB;EAQnB,iBARmB;ADmEvB;ACvDI;EACE,SAAA;ADyDN;ACpDI;EACE,YAAA;ADsDN;ACjDI;EACE,WAAA;ADmDN;AC9CI;EACE,UAAA;EACA,YAAA;ADgDN;AC3CI;EACE,YAAA;AD6CN;ACxCI;EACE,WAAA;EACA,WAAA;AD0CN;ACpCM;EACE,UAAA;ADsCR;ACjCM;EACE,UAAA;EACA,WAAA;ADmCR;AC9BM;EACE,WAAA;ADgCR;AC3BM;EACE,WAAA;EACA,UAAA;AD6BR;AChGE;EACE,WAPqB;EAQrB,YARqB;EASrB,iBATqB;AD2GzB;AC9FI;EACE,UAAA;ADgGN;AC3FI;EACE,aAAA;AD6FN;ACxFI;EACE,WAAA;AD0FN;ACrFI;EACE,UAAA;EACA,YAAA;ADuFN;AClFI;EACE,YAAA;ADoFN;AC/EI;EACE,WAAA;EACA,WAAA;ADiFN;AC3EM;EACE,WAAA;AD6ER;ACxEM;EACE,UAAA;EACA,YAAA;AD0ER;ACrEM;EACE,YAAA;ADuER;AClEM;EACE,WAAA;EACA,WAAA;ADoER;ACvIE;EACE,WALmB;EAMnB,YANmB;EAOnB,iBAPmB;ADgJvB;ACrII;EACE,UAAA;ADuIN;AClII;EACE,aAAA;ADoIN;AC/HI;EACE,WAAA;ADiIN;AC5HI;EACE,UAAA;EACA,YAAA;AD8HN;ACzHI;EACE,YAAA;AD2HN;ACtHI;EACE,WAAA;EACA,WAAA;ADwHN;AClHM;EACE,WAAA;ADoHR;AC/GM;EACE,UAAA;EACA,YAAA;ADiHR;AC5GM;EACE,YAAA;AD8GR;ACzGM;EACE,WAAA;EACA,WAAA;AD2GR;ACiDE;EAvmEA,6HAAA;EAymEE,iBAAA;EACA,0BAAA;AD/CJ;AC6KE;EAKE,cAAA;EACA,uBAAA;AD/KJ;AC+IE;EACE,cAAA;AD7IJ;AC+IE;EACE,cAAA;AD7IJ;AC+IE;EACE,UAAA;AD7IJ;ACiJI;EAEE,0BAAA;ADhJN;AC6EE;EACE,yBAAA;AD3EJ;AC8EE;EACE,yBAAA;AD5EJ;AC+EE;EACE,qBAAA;AD7EJ;ACgFE;EACE,6BAAA;AD9EJ;AC+JI;EACE,YAxGuB;EAyGvB,8BAAA;AD7JN;ACiKE;EACE,iBAAA;AD/JJ;ACoKE;EACE,iCAAA;ADlKJ;ACqKE;EAEE,0BAAA;EACA,uBAAA;ADpKJ;ACyGE;EACE,YAAA;ADvGJ;ACyGE;EACE,YAAA;ADvGJ;ACyGE;EACE,YAAA;ADvGJ;AC2GI;EAEE,0BAAA;AD1GN;AC6FE;EACE,yBAAA;AD3FJ;AC6FE;EACE,yBAAA;AD3FJ;AC6FE;EACE,qBAAA;AD3FJ;AC+FI;EAEE,wCAAA;AD9FN;AC4DE;EAXA,0CADmB;AD7CrB;AC6DE;EAfA,0CADmB;AD1CrB;AC8DE;EAnBA,0CADmB;ADvCrB;ACnnEE;EAnBA,wHAAA;ADyoEF;ACtnEE;EAnBA,yHAAA;AD4oEF;ACznEE;EAnBA,2HAAA;AD+oEF;AC5nEE;EAnBA,wHAAA;ADkpEF;AC/nEE;EAnBA,2HAAA;ADqpEF;ACloEE;EAnBA,4HAAA;ADwpEF;ACroEE;EAnBA,wHAAA;AD2pEF;ACoRE;;EA/6EA,yHAAA;AD+pEF;ACqRE;;EAEE,gBAAA;ADnRJ;ACsRE;EACE,0BAAA;ADpRJ;ACsRI;EACE,qCAAA;ADpRN;ACwRE;EACE,0BAAA;EACA,iBAAA;ADtRJ;ACwRI;EACE,uBAAA;ADtRN;AC0RE;EACE,0CAAA;ADxRJ;AC2RE;EACE,iBAAA;EACA,2CAAA;ADzRJ;AC6RI;EACE,iBAAA;EACA,kBAAA;EACA,yCAAA;AD3RN;AC+RE;EACE,yBAAA;EACA,0BAAA;AD7RJ;AC+RI;EACE,0BAAA;AD7RN;ACiSE;EACE,0BAAA;EACA,yBAAA;AD/RJ;ACiSI;EACE,iBAAA;AD/RN;ACkSI;EACE,yBAAA;ADhSN;ACoSE;;EAEE,qCAAA;ADlSJ;ACwVE;EAEE,iBAAA;EACA,0BAAA;ADvVJ;AClsEE;EAnBA,yHAAA;ADwtEF;ACrsEE;EAnBA,wHAAA;AD2tEF;ACyVE;EACE,0BAAA;ADvVJ;ACgaE;EACE,iCAAA;AD9ZJ;ACiaE;EACE,aAdoB;ADjZxB;ACkaE;EAGE,0BAAA;ADlaJ;ACqaE;EACE,yBAxBoB;AD3YxB;ACuaI;EACE,yBAAA;ADraN;ACwaI;EACE,yBAAA;ADtaN;ACyaI;EACE,qBAAA;ADvaN;AC8aM;EACE,yBAtCW;ADtYnB;ACibM;EACE,qBA5CW;ADnYnB;ACmbI;EACE,0BAAA;ADjbN;ACubE;EACE,uBAAA;ADrbJ;AC0bI;;EACE,mBAAA;ADvbN;AC0bI;;EACE,mBAAA;ADvbN;AC0bI;;EACE,eAAA;ADvbN;ACihBE;EA3CA,yBAwCwB;EAvCxB,0BAwCwB;AD3gB1B;ACqeE;EACE,0BAqCsB;EApCtB,YAAA;ADneJ;AC6gBM;EAhyFJ,yHAAA;ADsxEF;AC8gBM;EACE,aAAA;AD5gBR;ACghBI;EACE,YAAA;AD9gBN;ACihBI;EACE,iBAAA;AD/gBN;ACohBI;EAlEF,yBAwBwE;EAvBxE,YAuBiC;ADtenC;ACidE;EACE,YAoB+B;EAnB/B,YAAA;AD/cJ;ACoeE;EATA,0CADmB;ADvdrB;AC6gBI;EAtEF,qBAwBwE;EAvBxE,YAuBiC;AD3dnC;ACscE;EACE,YAoB+B;EAnB/B,YAAA;ADpcJ;ACydE;EATA,0CADmB;AD5crB;ACsgBI;EA1EF,yBAwBwE;EAvBxE,YAuBiC;ADhdnC;AC2bE;EACE,YAoB+B;EAnB/B,YAAA;ADzbJ;AC8cE;EATA,0CADmB;ADjcrB;ACulBE;EACE,iBAAA;ADrlBJ;ACwlBE;;;;EAIE,mBAAA;ADtlBJ;ACylBE;;EAEE,wCAAA;ADvlBJ;AC0lBE;EACE,0BAAA;ADxlBJ;AC2lBE;EACE,0BAAA;ADzlBJ;ACyrBE;EACE,qCAAA;ADvrBJ;AC4rBE;;;EAGE,0BAAA;AD1rBJ;AC6rBE;EACE,0BAAA;AD3rBJ;AC8rBE;EACE,+BAAA;AD5rBJ;AC+rBE;EACE,0BAAA;AD7rBJ;ACgsBE;;EAEE,0BAAA;EACA,yBAAA;AD9rBJ;ACwpBE;EA2CI,0BAlCa;AD9pBnB;ACosBE;EACE,0BAvCe;AD3pBnB;ACkpBE;;;EAwDM,wCAAA;ADrsBR;AC0sBE;EAOI,0BAAA;AD9sBN;AC0oBE;EA+EI,iCAAA;ADttBN;ACuoBE;EAwFM,iCAAA;AD5tBR;AC6yBE;EACE,kCAtMA;ADrmBJ;AC8yBE;;EAEE,kCAViB;ADlyBrB;AC+yBE;;EAEE,6FAAA;AD7yBJ;ACgzBE;;EAEE,4FAAA;AD9yBJ;ACizBE;;EAEE,mBAxBc;ADvxBlB;ACkzBE;;EAEE,mBA5BuB;ADpxB3B;ACmlBE;EACE,yBAAA;EACA,YAAA;ADjlBJ;AColBE;EAII,wCAAA;ADrlBN;AC8lBE;EACE,iCAAA;AD5lBJ;ACysBE;EAvmGA,0HAAA;EAymGE,uBAAA;EACA,0BAAA;ADvsBJ;ACuwBE;EACE,oCAtMA;AD/jBJ;ACwwBE;;EAEE,kCAViB;AD5vBrB;ACywBE;;EAEE,+FAAA;ADvwBJ;AC0wBE;;EAEE,8FAAA;ADxwBJ;AC2wBE;;EAEE,mBAxBc;ADjvBlB;AC4wBE;;EAEE,mBA5BuB;AD9uB3B;AC6iBE;EACE,yBAAA;EACA,YAAA;AD3iBJ;AC8iBE;EAII,0CAAA;AD/iBN;ACwjBE;EACE,iCAAA;ADtjBJ;ACsuBE;EACE,gCAtMA;AD9hBJ;ACuuBE;;EAEE,kCAViB;AD3tBrB;ACwuBE;;EAEE,2FAAA;ADtuBJ;ACyuBE;;EAEE,0FAAA;ADvuBJ;AC0uBE;;EAEE,mBAxBc;ADhtBlB;AC2uBE;;EAEE,mBA5BuB;AD7sB3B;AC4gBE;EACE,qBAAA;EACA,YAAA;AD1gBJ;AC6gBE;EAII,sCAAA;AD9gBN;ACuhBE;EACE,iCAAA;ADrhBJ;ACgpBE;EArnGA,wHAAA;ADw+EF;ACipBE;EACE,cAAA;AD/oBJ;ACipBI;EACE,cAAA;AD/oBN;ACkpBI;EACE,UAAA;ADhpBN;ACopBE;EACE,0BAAA;ADlpBJ;ACqvBE;EAzuGA,8HAAA;EA2uGE,iBAAA;EACA,0BAAA;ADnvBJ;ACoXE;EACE,qCAAA;ADlXJ;ACqXE;EACE,uCAAA;ADnXJ;ACwzBE;EAEE,iBAAA;EACA,0BAAA;ADvzBJ;ACh/EE;EAnBA,yHAAA;ADsgFF;ACuzBE;EACE,qCAAA;ADrzBJ;AC4zBM;EACE,kCAAA;AD1zBR;ACi0BE;EACE;IAEE,iBAAA;EDh0BJ;AACF;ACm0BE;EACE,0BAAA;ADj0BJ;ACo0BE;;EAEE,0BAAA;ADl0BJ;ACq0BE;EACE,0BAAA;ADn0BJ;ACq0BI;;EAEE,cAAA;ADn0BN;AC23GE;EACE,yBAXY;AD92GhB;AC43GE;EACE,yBAfY;AD32GhB;AC63GE;EACE,cAlBoB;ADz2GxB;AC63GI;EACE,cAhBqB;AD32G3B;AC83GI;EACE,UAnBmB;ADz2GzB;ACg4GE;EACE,cA7BqB;ADj2GzB;ACi4GE;EACE,qCA9BqB;ADj2GzB;ACm4GI;EACE,yBAhCsB;ADj2G5B;ACm4GM;EACE,yBArCmB;AD51G3B;ACo4GM;EACE,qBAxCiB;AD11GzB;ACw4GI;EACE,cA9CsB;ADx1G5B;ACy4GI;EACE,cApDqB;ADn1G3B;AC04GI;EACE,UAvDmB;ADj1GzB;ACg5GI;EACE,UAhEmB;AD90GzB;ACg5GM;;EAEE,UApEiB;AD10GzB;ACk5GI;;EAEE,qBA1EmB;ADt0GzB;ACo5GE;EACE,UA/EqB;ADn0GzB;AC86FI;EACE,0BALU;ADv6FhB;AC+6FI;EACE,0BATU;ADp6FhB;ACg7FI;EACE,qCAZc;ADl6FpB;ACi7FI;EA/9DF,4GAAA;EACA,yBAAA;EACA,2BAAA;AD/8BF;ACiwGI;EACE,qCAJc;AD3vGpB;ACkwGI;EAxzEF,4GAAA;EACA,yBAAA;EACA,2BAAA;ADv8BF;AC6xFI;EACE,qCAPc;ADpxFpB;AC8xFI;EACE,qCAVuB;ADlxF7B;AC+xFI;EACE,qCAbc;ADhxFpB;ACiyFM;EACE,0BAjBiB;AD9wFzB;ACkyFM;EACE,6BAAA;ADhyFR;ACulGI;EACE,0BATY;AD5kGlB;ACwlGI;EACE,0BAZkB;AD1kGxB;AC0lGM;EACE,cAhBkB;ADxkG1B;AC2lGM;EACE,cAnBiB;ADtkGzB;AC4lGM;EACE,UAtBe;ADpkGvB;ACgmGM;EACE,UA7Be;ADjkGvB;ACmmGM;EACE,0BAxCiB;ADzjGzB;AComGM;EACE,0BAtCmB;AD5jG3B;AC+2BI;EACE,cAAA;AD72BN;ACg3BI;EACE,cAAA;AD92BN;ACi3BI;EACE,UAAA;AD/2BN;AC49BE;EACE,0BAAA;AD19BJ;AC69BE;;EAEE,0BAAA;AD39BJ;AC89BE;EACE,oBAAA;AD59BJ;ACm6BE;EA4DI,0BAAA;AD59BN;ACg6BE;EA4DI,0BAAA;AD59BN;ACo6BE;EAwDI,0BAAA;ADz9BN;ACq6BE;EAoDI,0BAAA;ADt9BN;ACs6BE;EAgDI,0BAAA;ADn9BN;ACs+BE;EACE,oBAAA;ADp+BJ;ACu+BE;;EAEE,gBAAA;ADr+BJ;ACw+BE;EACE,UAAA;ADt+BJ;AC4hCI;EACE,0BAAA;AD1hCN;AC6hCI;EACE,0BAAA;AD3hCN;AC8hCI;EACE,0BAAA;AD5hCN;ACgiCE;EACE,yBAAA;AD9hCJ;ACoiCI;;;;;EACE,kCAAA;AD9hCN;ACmiCI;EACE,kCAAA;ADjiCN;AC0nCE;EAEE,iBAAA;ADznCJ;AChsFE;EAnBA,0HAAA;ADstFF;ACynCE;EACE,uBAAA;EACA,0BAAA;ADvnCJ;AC0nCM;EACE,0BAAA;ADxnCR;AC6nCE;;EAEE,0BAAA;AD3nCJ;ACkoCI;;;;EACE,kCAAA;AD7nCN;AC4rCE;EACE,iBAAA;AD1rCJ;AC6rCE;;EAEE,0BAAA;AD3rCJ;AC8rCE;;EAEE,yCAAA;EACA,2CAAA;AD5rCJ;AC+rCE;;EAEE,yCAAA;AD7rCJ;ACisCI;;;;EAIE,iCAAA;AD/rCN;ACuvCE;EACE,aAAA;ADrvCJ;ACwvCE;EACE,yBAAA;ADtvCJ;ACyvCE;EACE,yBAAA;ADvvCJ;AC2vCI;EACE,aAAA;ADzvCN;AC4vCI;EACE,yBAAA;AD1vCN;AC6vCI;EACE,yBAAA;AD3vCN;ACgwCI;EACE,aAAA;AD9vCN;ACiwCI;EACE,yBAAA;AD/vCN;ACkwCI;EACE,qBAAA;ADhwCN;ACwyCI;EACE,eAAA;ADtyCN;ACyyCI;EACE,eAAA;ADvyCN;AC0yCI;EACE,WAAA;ADxyCN;AC81CE;EACE,iCAAA;AD51CJ;ACu0CE;EACE,qBAAA;ADr0CJ;ACw0CE;;EAIE,yBAAA;ADx0CJ;ACg0CE;EACE,qBAAA;AD9zCJ;ACi0CE;;EAIE,yBAAA;ADj0CJ;ACyzCE;EACE,iBAAA;ADvzCJ;AC0zCE;;EAIE,qBAAA;AD1zCJ;AC21CM;;EAEE,iCAAA;ADz1CR;AC41CM;;EAEE,qCAAA;AD11CR;AC61CM;EACE,0BAAA;AD31CR;ACi2CI;EACE,uBAAA;AD/1CN;ACg5CE;EACE,0BAAA;AD94CJ;ACi5CE;EACE,0BAAA;AD/4CJ;ACk5CE;EACE,0BAAA;ADh5CJ;ACm5CE;EACE,0BAAA;ADj5CJ;ACo5CE;EACE,iBAAA;ADl5CJ;ACn0FE;EAnBA,0HAAA;ADy1FF;ACk5CI;EACE,kCAAA;ADh5CN;ACs5CM;EACE,cAAA;ADp5CR;ACu5CM;EACE,cAAA;ADr5CR;ACw5CM;EACE,UAAA;ADt5CR;AC05CI;EACE,UAAA;ADx5CN;AC25CI;EACE,0BAAA;ADz5CN;ACm9CE;EACE,yBALmC;EAMnC,0BAAA;ADj9CJ;ACo9CE;EACE,uBAXwB;EAYxB,0BAAA;ADl9CJ;ACo9CI;EACE,uBAb2B;ADr8CjC;ACq9CI;EA30IF,6HAAA;ADy3FF;ACy9CE;EACE,2CAvBmB;ADh8CvB;ACy9CI;EACE,0CA1BiB;EA2BjB,kBAAA;ADv9CN;AC29CE;EACE,0CAhCmB;EAiCnB,kBAAA;ADz9CJ;AC29CI;EACE,iBAAA;EACA,2CArCiB;ADp7CvB;AC69CE;EAQI,oCAAA;ADl+CN;AC4gDI;EACE,yBAAA;AD1gDN;AC6gDI;EAGE,2CAAA;AD7gDN;ACghDI;EAGE,yBAAA;ADhhDN;ACmgDI;EACE,yBAAA;ADjgDN;ACogDI;EAGE,yCAAA;ADpgDN;ACugDI;EAGE,yBAAA;ADvgDN;AC0/CI;EACE,qBAAA;ADx/CN;AC2/CI;EAGE,uCAAA;AD3/CN;AC8/CI;EAGE,qBAAA;AD9/CN;ACmiDI;EAGE,uBAhBqB;ADnhD3B;ACuiDE;EAh9IA,yHAAA;EAk9IE,yBAAA;ADriDJ;ACwiDE;EACE,qCA3BoB;AD3gDxB;ACqnDE;EACE,qCAVqB;ADzmDzB;AC0kDE;;;EAGE,yBAAA;ADxkDJ;AC2kDE;EACE,YAAA;ADzkDJ;AC4kDE;EAGE,wCADQ;AD3kDZ;AC+jDE;;;EAGE,yBAAA;AD7jDJ;ACgkDE;EACE,YAAA;AD9jDJ;ACikDE;EAGE,0CADQ;ADhkDZ;ACojDE;;;EAGE,qBAAA;ADljDJ;ACqjDE;EACE,YAAA;ADnjDJ;ACsjDE;EAGE,sCADQ;ADrjDZ;ACmmDI;;EACE,qCA3B2B;ADrkDjC;ACqmDI;;;EAGE,qCAlCwB;ADjkD9B;ACumDM;EACE,qCAvCsB;AD9jD9B;AC2mDI;EAGE,qCADQ;AD1mDd;ACqnDM;;EAEE,qCA3DqC;ADxjD7C;ACunDQ;;EAEE,qCAhEyC;ADrjDnD;AC2nDM;EACE,iCA3EiB;EA4EjB,6BAAA;ADznDR;AC8nDQ;EACE,iCAjFuB;AD3iDjC;AC+nDQ;EACE,iCApFoB;ADziD9B;ACmoDE;EACE,gCAvFsB;AD1iD1B;AC0oDE;EACE,6HAAA;EAIA,mIAAA;AD3oDJ;ACqpDE;EACE,8HAAA;ADnpDJ;AC0uDI;EAGE,wCAAA;AD1uDN;ACgvDI;EACE;IACE,gBAAA;ED9uDN;AACF;ACivDI;;EAIE,0BAAA;ADjvDN;ACovDI;EAGE,qCAAA;EACA,YAAA;ADpvDN;ACuvDI;;;EAGE,yBAAA;EACA,YAAA;ADrvDN;ACwvDI;EACE,6BAAA;EACA,UAAA;ADtvDN;ACyvDI;EACE,0BAAA;ADvvDN;AC0vDI;EACE,UAAA;ADxvDN;AC4vDE;EACE,uBAAA;AD1vDJ;AC6vDE;EACE,sCAAA;AD3vDJ;AC8vDE;;;EAGE,qCAAA;AD5vDJ;AC41DE;EAYI,cAAA;ADr2DN;ACk5DE;;EAEE,4CAJc;AD54DlB;ACo5DI;;EAEE,yCAVY;EAWZ,mBAAA;ADl5DN;ACs5DE;EACE,0BAAA;ADp5DJ;ACs5DI;EACE,0BAAA;ADp5DN;ACw5DE;EACE,iCAAA;ADt5DJ;ACy5DE;EACE,iCAAA;ADv5DJ;AC25DE;;EAEE,mBAAA;EACA,gBAAA;ADz5DJ;ACq8DM;;;;;EACE,0CAAA;AD/7DR;ACo7DE;EACE,yBAAA;ADl7DJ;ACi7DE;EACE,uBAAA;AD/6DJ;ACw7DM;;;;;EACE,0CAAA;ADl7DR;ACu6DE;EACE,yBAAA;ADr6DJ;ACo6DE;EACE,uBAAA;ADl6DJ;AC26DM;;;;;EACE,0CAAA;ADr6DR;AC05DE;EACE,qBAAA;ADx5DJ;ACu5DE;EACE,uBAAA;ADr5DJ;AC85DM;;;;;EACE,0CAAA;ADx5DR;ACg6DE;EACE,yBAAA;AD95DJ;ACk6DE;EACE,YAAA;ADh6DJ;ACk6DI;EACE,+BAAA;ADh6DN;ACq6DE;EACE,mBAAA;ADn6DJ;ACs6DE;EACE,sCAAA;ADp6DJ;ACy6DE;EACE,2CAAA;ADv6DJ;ACq4DM;;;;;EACE,0CAAA;AD/3DR;ACu4DE;EACE,yBAAA;ADr4DJ;ACy4DE;EACE,YAAA;ADv4DJ;ACy4DI;EACE,+BAAA;ADv4DN;AC44DE;EACE,mBAAA;AD14DJ;AC64DE;EACE,sCAAA;AD34DJ;ACg5DE;EACE,2CAAA;AD94DJ;AC42DM;;;;;EACE,0CAAA;ADt2DR;AC82DE;EACE,qBAAA;AD52DJ;ACg3DE;EACE,YAAA;AD92DJ;ACg3DI;EACE,+BAAA;AD92DN;ACm3DE;EACE,mBAAA;ADj3DJ;ACo3DE;EACE,sCAAA;ADl3DJ;ACu3DE;EACE,2CAAA;ADr3DJ;AC2+DE;EACE,mBAAA;EACA,0BAAA;ADz+DJ;AC2+DI;EApCF,mBAAA;EACA,YAAA;ADp8DF;AC2+DI;EAxCF,mBAAA;EACA,YAAA;ADh8DF;AC2+DI;EA5CF,eAAA;EACA,YAAA;AD57DF;ACg8DE;;;EAGE,8BAAA;AD97DJ;ACi8DE;;;;;EAKE,cAAA;AD/7DJ;ACk8DE;EACE,yBAAA;ADh8DJ;ACuiEE;EACE,iCAAA;ADriEJ;ACo8FE;EACE,iBAAA;ADl8FJ;ACq8FE;;EAEE,0BAAA;ADn8FJ;ACmlEE;EAGE,+BAAA;EACA,mBAAA;EAzzKF,2HAAA;ADuuGF;ACulEE;EACE,cAAA;ADrlEJ;AAj+GA;EACE,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;AAo+GF;AAj+GA;EACE,qBAAA;EACA,iBAAA;AAo+GF;AAj+GA;EACE,eAAA;EACA,+CAAA;AAo+GF;AAn+GE;EACE,yBAAA;AAq+GJ;AA/8GA;EACE,6BAAA;AAk9GF;AA58GA;EACE,uBAAA;AA+8GF\",\"file\":\"theme.scss\",\"sourcesContent\":[\"/**\\r\\n* Generated theme by Material Theme Generator\\r\\n* https://materialtheme.arcsine.dev\\r\\n*/\\r\\n\\r\\n@import '~@angular/material/theming';\\r\\n// Include the common styles for Angular Material. We include this here so that you only\\r\\n// have to load a single css file for Angular Material in your app.\\r\\n\\r\\n// Fonts\\r\\n@import 'https://fonts.googleapis.com/css?family=Material+Icons';\\r\\n@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500');\\r\\n \\r\\n$fontConfig: (\\r\\n display-4: mat-typography-level(112px, 112px, 300, 'Montserrat', -0.0134em),\\r\\n display-3: mat-typography-level(56px, 56px, 400, 'Montserrat', -0.0089em),\\r\\n display-2: mat-typography-level(45px, 48px, 400, 'Montserrat', 0.0000em),\\r\\n display-1: mat-typography-level(34px, 40px, 400, 'Montserrat', 0.0074em),\\r\\n headline: mat-typography-level(24px, 32px, 400, 'Montserrat', 0.0000em),\\r\\n title: mat-typography-level(20px, 32px, 500, 'Montserrat', 0.0075em),\\r\\n subheading-2: mat-typography-level(16px, 28px, 400, 'Montserrat', 0.0094em),\\r\\n subheading-1: mat-typography-level(15px, 24px, 500, 'Montserrat', 0.0067em),\\r\\n body-2: mat-typography-level(14px, 24px, 500, 'Montserrat', 0.0179em),\\r\\n body-1: mat-typography-level(14px, 20px, 400, 'Montserrat', 0.0179em),\\r\\n button: mat-typography-level(14px, 14px, 500, 'Montserrat', 0.0893em),\\r\\n caption: mat-typography-level(12px, 20px, 400, 'Montserrat', 0.0333em),\\r\\n input: mat-typography-level(inherit, 1.125, 400, 'Montserrat', 1.5px)\\r\\n);\\r\\n\\r\\n// Foreground Elements\\r\\n\\r\\n// Light Theme Text\\r\\n$dark-text: #000000;\\r\\n$dark-primary-text: rgba($dark-text, 0.87);\\r\\n$dark-accent-text: rgba($dark-primary-text, 0.54);\\r\\n$dark-disabled-text: rgba($dark-primary-text, 0.38);\\r\\n$dark-dividers: rgba($dark-primary-text, 0.12);\\r\\n$dark-focused: rgba($dark-primary-text, 0.12);\\r\\n\\r\\n$mat-light-theme-foreground: (\\r\\n base: black,\\r\\n divider: $dark-dividers,\\r\\n dividers: $dark-dividers,\\r\\n disabled: $dark-disabled-text,\\r\\n disabled-button: rgba($dark-text, 0.26),\\r\\n disabled-text: $dark-disabled-text,\\r\\n elevation: black,\\r\\n secondary-text: $dark-accent-text,\\r\\n hint-text: $dark-disabled-text,\\r\\n accent-text: $dark-accent-text,\\r\\n icon: $dark-accent-text,\\r\\n icons: $dark-accent-text,\\r\\n text: $dark-primary-text,\\r\\n slider-min: $dark-primary-text,\\r\\n slider-off: rgba($dark-text, 0.26),\\r\\n slider-off-active: $dark-disabled-text,\\r\\n);\\r\\n\\r\\n// Dark Theme text\\r\\n$light-text: #ffffff;\\r\\n$light-primary-text: $light-text;\\r\\n$light-accent-text: rgba($light-primary-text, 0.7);\\r\\n$light-disabled-text: rgba($light-primary-text, 0.5);\\r\\n$light-dividers: rgba($light-primary-text, 0.12);\\r\\n$light-focused: rgba($light-primary-text, 0.12);\\r\\n\\r\\n$mat-dark-theme-foreground: (\\r\\n base: $light-text,\\r\\n divider: $light-dividers,\\r\\n dividers: $light-dividers,\\r\\n disabled: $light-disabled-text,\\r\\n disabled-button: rgba($light-text, 0.3),\\r\\n disabled-text: $light-disabled-text,\\r\\n elevation: black,\\r\\n hint-text: $light-disabled-text,\\r\\n secondary-text: $light-accent-text,\\r\\n accent-text: $light-accent-text,\\r\\n icon: $light-text,\\r\\n icons: $light-text,\\r\\n text: $light-text,\\r\\n slider-min: $light-text,\\r\\n slider-off: rgba($light-text, 0.3),\\r\\n slider-off-active: rgba($light-text, 0.3),\\r\\n);\\r\\n\\r\\n// Background config\\r\\n// Light bg\\r\\n$light-background: #fafafa;\\r\\n$light-bg-darker-5: darken($light-background, 5%);\\r\\n$light-bg-darker-10: darken($light-background, 10%);\\r\\n$light-bg-darker-20: darken($light-background, 20%);\\r\\n$light-bg-darker-30: darken($light-background, 30%);\\r\\n$light-bg-lighter-5: lighten($light-background, 5%);\\r\\n$dark-bg-tooltip: lighten(#2c2c2c, 20%);\\r\\n$dark-bg-alpha-4: rgba(#2c2c2c, 0.04);\\r\\n$dark-bg-alpha-12: rgba(#2c2c2c, 0.12);\\r\\n\\r\\n$mat-light-theme-background: (\\r\\n background: $light-background,\\r\\n status-bar: $light-bg-darker-20,\\r\\n app-bar: $light-bg-darker-5,\\r\\n hover: $dark-bg-alpha-4,\\r\\n card: $light-bg-lighter-5,\\r\\n dialog: $light-bg-lighter-5,\\r\\n tooltip: $dark-bg-tooltip,\\r\\n disabled-button: $dark-bg-alpha-12,\\r\\n raised-button: $light-bg-lighter-5,\\r\\n focused-button: $dark-focused,\\r\\n selected-button: $light-bg-darker-20,\\r\\n selected-disabled-button: $light-bg-darker-30,\\r\\n disabled-button-toggle: $light-bg-darker-10,\\r\\n unselected-chip: $light-bg-darker-10,\\r\\n disabled-list-option: $light-bg-darker-10,\\r\\n);\\r\\n\\r\\n// Dark bg\\r\\n$dark-background: #2c2c2c;\\r\\n$dark-bg-lighter-5: lighten($dark-background, 5%);\\r\\n$dark-bg-lighter-10: lighten($dark-background, 10%);\\r\\n$dark-bg-lighter-20: lighten($dark-background, 20%);\\r\\n$dark-bg-lighter-30: lighten($dark-background, 30%);\\r\\n$light-bg-alpha-4: rgba(#fafafa, 0.04);\\r\\n$light-bg-alpha-12: rgba(#fafafa, 0.12);\\r\\n\\r\\n// Background palette for dark themes.\\r\\n$mat-dark-theme-background: (\\r\\n background: $dark-background,\\r\\n status-bar: $dark-bg-lighter-20,\\r\\n app-bar: $dark-bg-lighter-5,\\r\\n hover: $light-bg-alpha-4,\\r\\n card: $dark-bg-lighter-5,\\r\\n dialog: $dark-bg-lighter-5,\\r\\n tooltip: $dark-bg-lighter-20,\\r\\n disabled-button: $light-bg-alpha-12,\\r\\n raised-button: $dark-bg-lighter-5,\\r\\n focused-button: $light-focused,\\r\\n selected-button: $dark-bg-lighter-20,\\r\\n selected-disabled-button: $dark-bg-lighter-30,\\r\\n disabled-button-toggle: $dark-bg-lighter-10,\\r\\n unselected-chip: $dark-bg-lighter-20,\\r\\n disabled-list-option: $dark-bg-lighter-10,\\r\\n);\\r\\n\\r\\n// Compute font config\\r\\n@include mat-core($fontConfig);\\r\\n\\r\\n// Theme Config\\r\\n\\r\\nbody {\\r\\n //--primary-color: #ff6c0c;\\r\\n //--primary-lighter-color: #f0a26e;\\r\\n //--primary-darker-color: #c95507;\\r\\n --primary-color: #0071e3;\\r\\n --primary-lighter-color:#b3d4f7;\\r\\n --primary-darker-color: #0054d8;\\r\\n --text-primary-color: #{$light-primary-text};\\r\\n --text-primary-lighter-color: #{$dark-primary-text};\\r\\n --text-primary-darker-color: #{$light-primary-text};\\r\\n}\\r\\n\\r\\n$mat-primary: (\\r\\n //main: #ff6c0c,\\r\\n //lighter: #f0a26e,\\r\\n //darker: #c95507,\\r\\n //200: #ff6c0c, // For slide toggle,\\r\\n main: #0071e3,// #0c4dff\\r\\n lighter:#b3d4f7,// #6e9bf0\\r\\n darker: #0054d8,//#074bc9\\r\\n 200: #0071e3, // For slide toggle, #0c4dff\\r\\n contrast : (\\r\\n main: $light-primary-text,\\r\\n lighter: $dark-primary-text,\\r\\n darker: $light-primary-text,\\r\\n )\\r\\n);\\r\\n$theme-primary: mat-palette($mat-primary, main, lighter, darker);\\r\\n\\r\\nbody {\\r\\n --accent-color: #a3a467;\\r\\n --accent-lighter-color: #dddf90;\\r\\n --accent-darker-color: #838530;\\r\\n --text-accent-color: #{$light-primary-text};\\r\\n --text-accent-lighter-color: #{$dark-primary-text};\\r\\n --text-accent-darker-color: #{$light-primary-text};\\r\\n}\\r\\n\\r\\n$mat-accent: (\\r\\n main: #a3a467,\\r\\n lighter: #dddf90,\\r\\n darker: #838530,\\r\\n 200: #a3a467, // For slide toggle,\\r\\n contrast : (\\r\\n main: $light-primary-text,\\r\\n lighter: $dark-primary-text,\\r\\n darker: $light-primary-text,\\r\\n )\\r\\n);\\r\\n$theme-accent: mat-palette($mat-accent, main, lighter, darker);\\r\\n\\r\\nbody {\\r\\n --warn-color: #ff0000;\\r\\n --warn-lighter-color: #ffb3b3;\\r\\n --warn-darker-color: #ff0000;\\r\\n --text-warn-color: #{$light-primary-text};\\r\\n --text-warn-lighter-color: #{$dark-primary-text};\\r\\n --text-warn-darker-color: #{$light-primary-text};\\r\\n}\\r\\n\\r\\n$mat-warn: (\\r\\n main: #ff0000,\\r\\n lighter: #ffb3b3,\\r\\n darker: #ff0000,\\r\\n 200: #ff0000, // For slide toggle,\\r\\n contrast : (\\r\\n main: $light-primary-text,\\r\\n lighter: $dark-primary-text,\\r\\n darker: $light-primary-text,\\r\\n )\\r\\n);\\r\\n$theme-warn: mat-palette($mat-warn, main, lighter, darker);;\\r\\n\\r\\n$theme: mat-light-theme($theme-primary, $theme-accent, $theme-warn);\\r\\n$altTheme: mat-dark-theme($theme-primary, $theme-accent, $theme-warn);\\r\\n\\r\\n// Theme Init\\r\\n\\r\\n.dark-theme {\\r\\n .toolbar-bg {\\r\\n background-color: transparent !important;\\r\\n }\\r\\n .topNavGlobalSearch .mat-form-field-appearance-outline .mat-form-field-outline{\\r\\n background: transparent !important;\\r\\n }\\r\\n .menu-images, .wimg{\\r\\n filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(341deg) brightness(111%) contrast(101%) !important;\\r\\n }\\r\\n @include angular-material-theme($altTheme);\\r\\n}\\r\\n\\r\\n.theme-alternate {\\r\\n .toolbar-bg {\\r\\n background-color: #ffffff !important;\\r\\n }\\r\\n body{\\r\\n background-color: #ececee !important;\\r\\n }\\r\\n .mat-drawer-container {\\r\\n background-color: #ececee !important;\\r\\n color: white;\\r\\n}\\r\\n \\r\\n.mat-list-item-content{\\r\\n color: rgba(19, 19, 19, 0.54);\\r\\n}\\r\\n @include angular-material-theme($theme);\\r\\n}\\r\\n\\r\\n// Specific component overrides, pieces that are not in line with the general theming\\r\\n\\r\\n// Handle buttons appropriately, with respect to line-height\\r\\n.mat-raised-button, .mat-stroked-button, .mat-flat-button {\\r\\n padding: 0 1.15em;\\r\\n margin: 0 .65em;\\r\\n min-width: 3em;\\r\\n line-height: 36.4px\\r\\n}\\r\\n\\r\\n.mat-standard-chip {\\r\\n padding: .5em .85em;\\r\\n min-height: 2.5em;\\r\\n}\\r\\n\\r\\n.material-icons {\\r\\n font-size: 24px;\\r\\n font-family: 'Material Icons', 'Material Icons'; \\r\\n .mat-badge-content {\\r\\n font-family: 'Montserrat';\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n$app-primary: mat-palette($mat-indigo);\\r\\n$app-accent: mat-palette($mat-green);\\r\\n\\r\\n// The warn palette is optional (defaults to red).\\r\\n$app-warn: mat-palette($mat-red);\\r\\n\\r\\n// Create the theme object (a Sass map containing all of the palettes).\\r\\n$app-theme: mat-light-theme($app-primary, $app-accent, $app-warn);\\r\\n\\r\\n//Change appearance of material buttons\\r\\nbutton.mat-flat-button,button.mat-stroked-button, a.mat-button-base,button.mat-raised-button{\\r\\n border-radius: 4px !important; //To Make buttons little round this is default.\\r\\n // border-radius: 50rem!important; //To Make buttons round like a capsule.\\r\\n // border-radius: 0!important; //To Make buttons sharp corners like a rectangle.\\r\\n \\r\\n}\\r\\n\\r\\n.mat-simple-snackbar-action {\\r\\n color: white !important;\\r\\n}\",\"// File for which all imports are resolved and bundled. This is the entry-point for\\n// the `@angular/material` theming Sass bundle. See `//src/material:theming_bundle`.\\n\\n// Import all the theming functionality.\\n// We want overlays to always appear over user content, so set a baseline\\n// very high z-index for the overlay container, which is where we create the new\\n// stacking context for all overlays.\\n$cdk-z-index-overlay-container: 1000 !default;\\n$cdk-z-index-overlay: 1000 !default;\\n$cdk-z-index-overlay-backdrop: 1000 !default;\\n\\n// Background color for all of the backdrops\\n$cdk-overlay-dark-backdrop-background: rgba(0, 0, 0, 0.32) !default;\\n\\n// Default backdrop animation is based on the Material Design swift-ease-out.\\n$backdrop-animation-duration: 400ms !default;\\n$backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\\n\\n\\n@mixin cdk-overlay() {\\n .cdk-overlay-container, .cdk-global-overlay-wrapper {\\n // Disable events from being captured on the overlay container.\\n pointer-events: none;\\n\\n // The container should be the size of the viewport.\\n top: 0;\\n left: 0;\\n height: 100%;\\n width: 100%;\\n }\\n\\n // The overlay-container is an invisible element which contains all individual overlays.\\n .cdk-overlay-container {\\n position: fixed;\\n z-index: $cdk-z-index-overlay-container;\\n\\n &:empty {\\n // Hide the element when it doesn't have any child nodes. This doesn't\\n // include overlays that have been detached, rather than disposed.\\n display: none;\\n }\\n }\\n\\n // We use an extra wrapper element in order to use make the overlay itself a flex item.\\n // This makes centering the overlay easy without running into the subpixel rendering\\n // problems tied to using `transform` and without interfering with the other position\\n // strategies.\\n .cdk-global-overlay-wrapper {\\n display: flex;\\n position: absolute;\\n z-index: $cdk-z-index-overlay;\\n }\\n\\n // A single overlay pane.\\n .cdk-overlay-pane {\\n // Note: it's important for this one to start off `absolute`,\\n // in order for us to be able to measure it correctly.\\n position: absolute;\\n pointer-events: auto;\\n box-sizing: border-box;\\n z-index: $cdk-z-index-overlay;\\n\\n // For connected-position overlays, we set `display: flex` in\\n // order to force `max-width` and `max-height` to take effect.\\n display: flex;\\n max-width: 100%;\\n max-height: 100%;\\n }\\n\\n .cdk-overlay-backdrop {\\n // TODO(jelbourn): reuse sidenav fullscreen mixin.\\n position: absolute;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n\\n z-index: $cdk-z-index-overlay-backdrop;\\n pointer-events: auto;\\n -webkit-tap-highlight-color: transparent;\\n transition: opacity $backdrop-animation-duration $backdrop-animation-timing-function;\\n opacity: 0;\\n\\n &.cdk-overlay-backdrop-showing {\\n opacity: 1;\\n\\n // In high contrast mode the rgba background will become solid so we need to fall back\\n // to making it opaque using `opacity`. Note that we can't use the `cdk-high-contrast`\\n // mixin, because we can't normalize the import path to the _a11y.scss both for the\\n // source and when this file is distributed. See #10908.\\n @media screen and (-ms-high-contrast: active) {\\n opacity: 0.6;\\n }\\n }\\n }\\n\\n .cdk-overlay-dark-backdrop {\\n background: $cdk-overlay-dark-backdrop-background;\\n }\\n\\n .cdk-overlay-transparent-backdrop {\\n // Note: as of Firefox 57, having the backdrop be `background: none` will prevent it from\\n // capturing the user's mouse scroll events. Since we also can't use something like\\n // `rgba(0, 0, 0, 0)`, we work around the inconsistency by not setting the background at\\n // all and using `opacity` to make the element transparent.\\n &, &.cdk-overlay-backdrop-showing {\\n opacity: 0;\\n }\\n }\\n\\n // Overlay parent element used with the connected position strategy. Used to constrain the\\n // overlay element's size to fit within the viewport.\\n .cdk-overlay-connected-position-bounding-box {\\n position: absolute;\\n z-index: $cdk-z-index-overlay;\\n\\n // We use `display: flex` on this element exclusively for centering connected overlays.\\n // When *not* centering, a top/left/bottom/right will be set which overrides the normal\\n // flex layout.\\n display: flex;\\n\\n // We use the `column` direction here to avoid some flexbox issues in Edge\\n // when using the \\\"grow after open\\\" options.\\n flex-direction: column;\\n\\n // Add some dimensions so the element has an `innerText` which some people depend on in tests.\\n min-width: 1px;\\n min-height: 1px;\\n }\\n\\n // Used when disabling global scrolling.\\n .cdk-global-scrollblock {\\n position: fixed;\\n\\n // Necessary for the content not to lose its width. Note that we're using 100%, instead of\\n // 100vw, because 100vw includes the width plus the scrollbar, whereas 100% is the width\\n // that the element had before we made it `fixed`.\\n width: 100%;\\n\\n // Note: this will always add a scrollbar to whatever element it is on, which can\\n // potentially result in double scrollbars. It shouldn't be an issue, because we won't\\n // block scrolling on a page that doesn't have a scrollbar in the first place.\\n overflow-y: scroll;\\n }\\n}\\n\\n@mixin cdk-a11y {\\n .cdk-visually-hidden {\\n border: 0;\\n clip: rect(0 0 0 0);\\n height: 1px;\\n margin: -1px;\\n overflow: hidden;\\n padding: 0;\\n position: absolute;\\n width: 1px;\\n\\n // Avoid browsers rendering the focus ring in some cases.\\n outline: 0;\\n\\n // Avoid some cases where the browser will still render the native controls (see #9049).\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n }\\n}\\n\\n/// Emits the mixin's content nested under `$selector-context` if `$selector-context`\\n/// is non-empty.\\n/// @param selector-context The selector under which to nest the mixin's content.\\n@mixin _cdk-optionally-nest-content($selector-context) {\\n @if ($selector-context == '') {\\n @content;\\n }\\n @else {\\n #{$selector-context} {\\n @content;\\n }\\n }\\n}\\n\\n/// Applies styles for users in high contrast mode. Note that this only applies\\n/// to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\\n/// attribute, however Chrome handles high contrast differently.\\n///\\n/// @param target Which kind of high contrast setting to target. Defaults to `active`, can be\\n/// `white-on-black` or `black-on-white`.\\n/// @param encapsulation Whether to emit styles for view encapsulation. Values are:\\n/// * `on` - works for `Emulated`, `Native`, and `ShadowDom`\\n/// * `off` - works for `None`\\n/// * `any` - works for all encapsulation modes by emitting the CSS twice (default).\\n@mixin cdk-high-contrast($target: active, $encapsulation: 'any') {\\n @if ($target != 'active' and $target != 'black-on-white' and $target != 'white-on-black') {\\n @error 'Unknown cdk-high-contrast value \\\"#{$target}\\\" provided. ' +\\n 'Allowed values are \\\"active\\\", \\\"black-on-white\\\", and \\\"white-on-black\\\"';\\n }\\n\\n @if ($encapsulation != 'on' and $encapsulation != 'off' and $encapsulation != 'any') {\\n @error 'Unknown cdk-high-contrast encapsulation \\\"#{$encapsulation}\\\" provided. ' +\\n 'Allowed values are \\\"on\\\", \\\"off\\\", and \\\"any\\\"';\\n }\\n\\n // If the selector context has multiple parts, such as `.section, .region`, just doing\\n // `.cdk-high-contrast-xxx #{&}` will only apply the parent selector to the first part of the\\n // context. We address this by nesting the selector context under .cdk-high-contrast.\\n @at-root {\\n $selector-context: #{&};\\n\\n @if ($encapsulation != 'on') {\\n .cdk-high-contrast-#{$target} {\\n @include _cdk-optionally-nest-content($selector-context) {\\n @content;\\n }\\n }\\n }\\n\\n @if ($encapsulation != 'off') {\\n .cdk-high-contrast-#{$target} :host {\\n @include _cdk-optionally-nest-content($selector-context) {\\n @content;\\n }\\n }\\n }\\n }\\n}\\n\\n// Core styles that enable monitoring autofill state of text fields.\\n@mixin cdk-text-field {\\n // Keyframes that apply no styles, but allow us to monitor when an text field becomes autofilled\\n // by watching for the animation events that are fired when they start. Note: the /*!*/ comment is\\n // needed to prevent LibSass from stripping the keyframes out.\\n // Based on: https://medium.com/@brunn/detecting-autofilled-fields-in-javascript-aed598d25da7\\n @keyframes cdk-text-field-autofill-start {/*!*/}\\n @keyframes cdk-text-field-autofill-end {/*!*/}\\n\\n .cdk-text-field-autofill-monitored:-webkit-autofill {\\n // Since Chrome 80 we need a 1ms delay, or the animationstart event won't fire.\\n animation: cdk-text-field-autofill-start 0s 1ms;\\n }\\n\\n .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {\\n // Since Chrome 80 we need a 1ms delay, or the animationstart event won't fire.\\n animation: cdk-text-field-autofill-end 0s 1ms;\\n }\\n\\n // Remove the resize handle on autosizing textareas, because whatever height\\n // the user resized to will be overwritten once they start typing again.\\n textarea.cdk-textarea-autosize {\\n resize: none;\\n }\\n\\n // This class is temporarily applied to the textarea when it is being measured. It is immediately\\n // removed when measuring is complete. We use `!important` rules here to make sure user-specified\\n // rules do not interfere with the measurement.\\n textarea.cdk-textarea-autosize-measuring {\\n @include _cdk-textarea-autosize-measuring-base;\\n height: auto !important;\\n overflow: hidden !important;\\n }\\n\\n // Similar to the `cdk-textarea-autosize-measuring` class, but only applied on Firefox. We need\\n // to use this class, because Firefox has a bug where changing the `overflow` breaks the user's\\n // ability to undo/redo what they were typing (see #16629). This class is only scoped to Firefox,\\n // because the measurements there don't seem to be affected by the `height: 0`, whereas on other\\n // browsers they are, e.g. Chrome detects longer text and IE does't resize back to normal.\\n // Identical issue report: https://bugzilla.mozilla.org/show_bug.cgi?id=448784\\n textarea.cdk-textarea-autosize-measuring-firefox {\\n @include _cdk-textarea-autosize-measuring-base;\\n height: 0 !important;\\n }\\n}\\n\\n@mixin _cdk-textarea-autosize-measuring-base {\\n // Having 2px top and bottom padding seems to fix a bug where Chrome gets an incorrect\\n // measurement. We just have to account for it later and subtract it off the final result.\\n padding: 2px 0 !important;\\n box-sizing: content-box !important;\\n}\\n\\n// Used to generate UIDs for keyframes used to change the text field autofill styles.\\n$cdk-text-field-autofill-color-frame-count: 0;\\n\\n// Mixin used to apply custom background and foreground colors to an autofilled text field.\\n// Based on: https://stackoverflow.com/questions/2781549/\\n// removing-input-background-colour-for-chrome-autocomplete#answer-37432260\\n@mixin cdk-text-field-autofill-color($background, $foreground:'') {\\n @keyframes cdk-text-field-autofill-color-#{$cdk-text-field-autofill-color-frame-count} {\\n to {\\n background: $background;\\n @if $foreground != '' { color: $foreground; }\\n }\\n }\\n\\n &:-webkit-autofill {\\n animation: cdk-text-field-autofill-color-#{$cdk-text-field-autofill-color-frame-count} both;\\n }\\n\\n &.cdk-text-field-autofill-monitored:-webkit-autofill {\\n // Since Chrome 80 we need a 1ms delay for cdk-text-field-autofill-start, or the animationstart\\n // event won't fire.\\n animation: cdk-text-field-autofill-start 0s 1ms,\\n cdk-text-field-autofill-color-#{$cdk-text-field-autofill-color-frame-count} both;\\n }\\n\\n $cdk-text-field-autofill-color-frame-count:\\n $cdk-text-field-autofill-color-frame-count + 1 !global;\\n}\\n\\n\\n// Core styles that can be used to apply material design treatments to any element.\\n// Media queries\\n// TODO(josephperrott): Change $mat-xsmall and $mat-small usages to rely on BreakpointObserver,\\n$mat-xsmall: 'max-width: 599px';\\n$mat-small: 'max-width: 959px';\\n\\n// TODO: Revisit all z-indices before beta\\n// z-index master list\\n\\n$z-index-fab: 20 !default;\\n$z-index-drawer: 100 !default;\\n\\n// Global constants\\n$pi: 3.14159265;\\n\\n// Padding between input toggles and their labels\\n$mat-toggle-padding: 8px !default;\\n// Width and height of input toggles\\n$mat-toggle-size: 20px !default;\\n\\n// Easing Curves\\n// TODO(jelbourn): all of these need to be revisited\\n\\n// The default animation curves used by material design.\\n$mat-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;\\n$mat-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;\\n$mat-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;\\n\\n$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;\\n\\n$swift-ease-out-duration: 400ms !default;\\n$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\\n$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;\\n\\n$swift-ease-in-duration: 300ms !default;\\n$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;\\n$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;\\n\\n$swift-ease-in-out-duration: 500ms !default;\\n$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;\\n$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;\\n\\n$swift-linear-duration: 80ms !default;\\n$swift-linear-timing-function: linear !default;\\n$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;\\n\\n\\n\\n// A collection of mixins and CSS classes that can be used to apply elevation to a material\\n// element.\\n// See: https://material.io/design/environment/elevation.html\\n// Examples:\\n//\\n//\\n// .mat-foo {\\n// @include $mat-elevation(2);\\n//\\n// &:active {\\n// @include $mat-elevation(8);\\n// }\\n// }\\n//\\n//
Some content
\\n//\\n// For an explanation of the design behind how elevation is implemented, see the design doc at\\n// https://goo.gl/Kq0k9Z.\\n\\n// Colors for umbra, penumbra, and ambient shadows. As described in the design doc, each elevation\\n// level is created using a set of 3 shadow values, one for umbra (the shadow representing the\\n// space completely obscured by an object relative to its light source), one for penumbra (the\\n// space partially obscured by an object), and one for ambient (the space which contains the object\\n// itself). For a further explanation of these terms and their meanings, see\\n// https://en.wikipedia.org/wiki/Umbra,_penumbra_and_antumbra.\\n\\n// Maps for the different shadow sets and their values within each z-space. These values were\\n// created by taking a few reference shadow sets created by Google's Designers and interpolating\\n// all of the values between them.\\n\\n@function _get-umbra-map($color, $opacity) {\\n $shadow-color: if(type-of($color) == color, rgba($color, $opacity * 0.2), $color);\\n\\n @return (\\n 0: '0px 0px 0px 0px #{$shadow-color}',\\n 1: '0px 2px 1px -1px #{$shadow-color}',\\n 2: '0px 3px 1px -2px #{$shadow-color}',\\n 3: '0px 3px 3px -2px #{$shadow-color}',\\n 4: '0px 2px 4px -1px #{$shadow-color}',\\n 5: '0px 3px 5px -1px #{$shadow-color}',\\n 6: '0px 3px 5px -1px #{$shadow-color}',\\n 7: '0px 4px 5px -2px #{$shadow-color}',\\n 8: '0px 5px 5px -3px #{$shadow-color}',\\n 9: '0px 5px 6px -3px #{$shadow-color}',\\n 10: '0px 6px 6px -3px #{$shadow-color}',\\n 11: '0px 6px 7px -4px #{$shadow-color}',\\n 12: '0px 7px 8px -4px #{$shadow-color}',\\n 13: '0px 7px 8px -4px #{$shadow-color}',\\n 14: '0px 7px 9px -4px #{$shadow-color}',\\n 15: '0px 8px 9px -5px #{$shadow-color}',\\n 16: '0px 8px 10px -5px #{$shadow-color}',\\n 17: '0px 8px 11px -5px #{$shadow-color}',\\n 18: '0px 9px 11px -5px #{$shadow-color}',\\n 19: '0px 9px 12px -6px #{$shadow-color}',\\n 20: '0px 10px 13px -6px #{$shadow-color}',\\n 21: '0px 10px 13px -6px #{$shadow-color}',\\n 22: '0px 10px 14px -6px #{$shadow-color}',\\n 23: '0px 11px 14px -7px #{$shadow-color}',\\n 24: '0px 11px 15px -7px #{$shadow-color}'\\n );\\n}\\n\\n@function _get-penumbra-map($color, $opacity) {\\n $shadow-color: if(type-of($color) == color, rgba($color, $opacity * 0.14), $color);\\n\\n @return (\\n 0: '0px 0px 0px 0px #{$shadow-color}',\\n 1: '0px 1px 1px 0px #{$shadow-color}',\\n 2: '0px 2px 2px 0px #{$shadow-color}',\\n 3: '0px 3px 4px 0px #{$shadow-color}',\\n 4: '0px 4px 5px 0px #{$shadow-color}',\\n 5: '0px 5px 8px 0px #{$shadow-color}',\\n 6: '0px 6px 10px 0px #{$shadow-color}',\\n 7: '0px 7px 10px 1px #{$shadow-color}',\\n 8: '0px 8px 10px 1px #{$shadow-color}',\\n 9: '0px 9px 12px 1px #{$shadow-color}',\\n 10: '0px 10px 14px 1px #{$shadow-color}',\\n 11: '0px 11px 15px 1px #{$shadow-color}',\\n 12: '0px 12px 17px 2px #{$shadow-color}',\\n 13: '0px 13px 19px 2px #{$shadow-color}',\\n 14: '0px 14px 21px 2px #{$shadow-color}',\\n 15: '0px 15px 22px 2px #{$shadow-color}',\\n 16: '0px 16px 24px 2px #{$shadow-color}',\\n 17: '0px 17px 26px 2px #{$shadow-color}',\\n 18: '0px 18px 28px 2px #{$shadow-color}',\\n 19: '0px 19px 29px 2px #{$shadow-color}',\\n 20: '0px 20px 31px 3px #{$shadow-color}',\\n 21: '0px 21px 33px 3px #{$shadow-color}',\\n 22: '0px 22px 35px 3px #{$shadow-color}',\\n 23: '0px 23px 36px 3px #{$shadow-color}',\\n 24: '0px 24px 38px 3px #{$shadow-color}'\\n );\\n}\\n\\n@function _get-ambient-map($color, $opacity) {\\n $shadow-color: if(type-of($color) == color, rgba($color, $opacity * 0.12), $color);\\n\\n @return (\\n 0: '0px 0px 0px 0px #{$shadow-color}',\\n 1: '0px 1px 3px 0px #{$shadow-color}',\\n 2: '0px 1px 5px 0px #{$shadow-color}',\\n 3: '0px 1px 8px 0px #{$shadow-color}',\\n 4: '0px 1px 10px 0px #{$shadow-color}',\\n 5: '0px 1px 14px 0px #{$shadow-color}',\\n 6: '0px 1px 18px 0px #{$shadow-color}',\\n 7: '0px 2px 16px 1px #{$shadow-color}',\\n 8: '0px 3px 14px 2px #{$shadow-color}',\\n 9: '0px 3px 16px 2px #{$shadow-color}',\\n 10: '0px 4px 18px 3px #{$shadow-color}',\\n 11: '0px 4px 20px 3px #{$shadow-color}',\\n 12: '0px 5px 22px 4px #{$shadow-color}',\\n 13: '0px 5px 24px 4px #{$shadow-color}',\\n 14: '0px 5px 26px 4px #{$shadow-color}',\\n 15: '0px 6px 28px 5px #{$shadow-color}',\\n 16: '0px 6px 30px 5px #{$shadow-color}',\\n 17: '0px 6px 32px 5px #{$shadow-color}',\\n 18: '0px 7px 34px 6px #{$shadow-color}',\\n 19: '0px 7px 36px 6px #{$shadow-color}',\\n 20: '0px 8px 38px 7px #{$shadow-color}',\\n 21: '0px 8px 40px 7px #{$shadow-color}',\\n 22: '0px 8px 42px 7px #{$shadow-color}',\\n 23: '0px 9px 44px 8px #{$shadow-color}',\\n 24: '0px 9px 46px 8px #{$shadow-color}'\\n );\\n}\\n\\n// The default duration value for elevation transitions.\\n$mat-elevation-transition-duration: 280ms !default;\\n\\n// The default easing value for elevation transitions.\\n$mat-elevation-transition-timing-function: $mat-fast-out-slow-in-timing-function;\\n\\n// The default color for elevation shadows.\\n$mat-elevation-color: black !default;\\n\\n// The default opacity scaling value for elevation shadows.\\n$mat-elevation-opacity: 1 !default;\\n\\n// Prefix for elevation-related selectors.\\n$_mat-elevation-prefix: 'mat-elevation-z';\\n\\n// Applies the correct css rules to an element to give it the elevation specified by $zValue.\\n// The $zValue must be between 0 and 24.\\n@mixin mat-elevation($zValue, $color: $mat-elevation-color, $opacity: $mat-elevation-opacity) {\\n @if type-of($zValue) != number or not unitless($zValue) {\\n @error '$zValue must be a unitless number';\\n }\\n @if $zValue < 0 or $zValue > 24 {\\n @error '$zValue must be between 0 and 24';\\n }\\n\\n box-shadow: #{map-get(_get-umbra-map($color, $opacity), $zValue)},\\n #{map-get(_get-penumbra-map($color, $opacity), $zValue)},\\n #{map-get(_get-ambient-map($color, $opacity), $zValue)};\\n}\\n\\n@mixin _mat-theme-elevation($zValue, $config, $opacity: $mat-elevation-opacity) {\\n $foreground: map-get($config, foreground);\\n $elevation-color: map-get($foreground, elevation);\\n $elevation-color-or-default: if($elevation-color == null, $mat-elevation-color, $elevation-color);\\n\\n @include mat-elevation($zValue, $elevation-color-or-default, $opacity);\\n}\\n\\n// Applies the elevation to an element in a manner that allows\\n// consumers to override it via the Material elevation classes.\\n@mixin mat-overridable-elevation(\\n $zValue,\\n $color: $mat-elevation-color,\\n $opacity: $mat-elevation-opacity) {\\n &:not([class*='#{$_mat-elevation-prefix}']) {\\n @include mat-elevation($zValue, $color, $opacity);\\n }\\n}\\n\\n@mixin _mat-theme-overridable-elevation($zValue, $config, $opacity: $mat-elevation-opacity) {\\n $foreground: map-get($config, foreground);\\n $elevation-color: map-get($foreground, elevation);\\n $elevation-color-or-default: if($elevation-color == null, $mat-elevation-color, $elevation-color);\\n\\n @include mat-overridable-elevation($zValue, $elevation-color-or-default, $opacity);\\n}\\n\\n// Returns a string that can be used as the value for a transition property for elevation.\\n// Calling this function directly is useful in situations where a component needs to transition\\n// more than one property.\\n//\\n// .foo {\\n// transition: mat-elevation-transition-property-value(), opacity 100ms ease;\\n// }\\n@function mat-elevation-transition-property-value(\\n $duration: $mat-elevation-transition-duration,\\n $easing: $mat-elevation-transition-timing-function) {\\n @return box-shadow #{$duration} #{$easing};\\n}\\n\\n// Applies the correct css rules needed to have an element transition between elevations.\\n// This mixin should be applied to elements whose elevation values will change depending on their\\n// context (e.g. when active or disabled).\\n//\\n// NOTE(traviskaufman): Both this mixin and the above function use default parameters so they can\\n// be used in the same way by clients.\\n@mixin mat-elevation-transition(\\n $duration: $mat-elevation-transition-duration,\\n $easing: $mat-elevation-transition-timing-function) {\\n transition: mat-elevation-transition-property-value($duration, $easing);\\n}\\n\\n// Color palettes from the Material Design spec.\\n// See https://material.io/design/color/\\n//\\n// Contrast colors are hard-coded because it is too difficult (probably impossible) to\\n// calculate them. These contrast colors are pulled from the public Material Design spec swatches.\\n// While the contrast colors in the spec are not prescriptive, we use them for convenience.\\n\\n\\n// @deprecated renamed to $dark-primary-text.\\n// @breaking-change 8.0.0\\n$black-87-opacity: rgba(black, 0.87);\\n// @deprecated renamed to $light-primary-text.\\n// @breaking-change 8.0.0\\n$white-87-opacity: rgba(white, 0.87);\\n// @deprecated use $dark-[secondary-text,disabled-text,dividers,focused] instead.\\n// @breaking-change 8.0.0\\n$black-12-opacity: rgba(black, 0.12);\\n// @deprecated use $light-[secondary-text,disabled-text,dividers,focused] instead.\\n// @breaking-change 8.0.0\\n$white-12-opacity: rgba(white, 0.12);\\n// @deprecated use $dark-[secondary-text,disabled-text,dividers,focused] instead.\\n// @breaking-change 8.0.0\\n$black-6-opacity: rgba(black, 0.06);\\n// @deprecated use $light-[secondary-text,disabled-text,dividers,focused] instead.\\n// @breaking-change 8.0.0\\n$white-6-opacity: rgba(white, 0.06);\\n\\n$dark-primary-text: rgba(black, 0.87);\\n$dark-secondary-text: rgba(black, 0.54);\\n$dark-disabled-text: rgba(black, 0.38);\\n$dark-dividers: rgba(black, 0.12);\\n$dark-focused: rgba(black, 0.12);\\n$light-primary-text: white;\\n$light-secondary-text: rgba(white, 0.7);\\n$light-disabled-text: rgba(white, 0.5);\\n$light-dividers: rgba(white, 0.12);\\n$light-focused: rgba(white, 0.12);\\n\\n$mat-red: (\\n 50: #ffebee,\\n 100: #ffcdd2,\\n 200: #ef9a9a,\\n 300: #e57373,\\n 400: #ef5350,\\n 500: #f44336,\\n 600: #e53935,\\n 700: #d32f2f,\\n 800: #c62828,\\n 900: #b71c1c,\\n A100: #ff8a80,\\n A200: #ff5252,\\n A400: #ff1744,\\n A700: #d50000,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $light-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-pink: (\\n 50: #fce4ec,\\n 100: #f8bbd0,\\n 200: #f48fb1,\\n 300: #f06292,\\n 400: #ec407a,\\n 500: #e91e63,\\n 600: #d81b60,\\n 700: #c2185b,\\n 800: #ad1457,\\n 900: #880e4f,\\n A100: #ff80ab,\\n A200: #ff4081,\\n A400: #f50057,\\n A700: #c51162,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $light-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-purple: (\\n 50: #f3e5f5,\\n 100: #e1bee7,\\n 200: #ce93d8,\\n 300: #ba68c8,\\n 400: #ab47bc,\\n 500: #9c27b0,\\n 600: #8e24aa,\\n 700: #7b1fa2,\\n 800: #6a1b9a,\\n 900: #4a148c,\\n A100: #ea80fc,\\n A200: #e040fb,\\n A400: #d500f9,\\n A700: #aa00ff,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $light-primary-text,\\n 400: $light-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $light-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-deep-purple: (\\n 50: #ede7f6,\\n 100: #d1c4e9,\\n 200: #b39ddb,\\n 300: #9575cd,\\n 400: #7e57c2,\\n 500: #673ab7,\\n 600: #5e35b1,\\n 700: #512da8,\\n 800: #4527a0,\\n 900: #311b92,\\n A100: #b388ff,\\n A200: #7c4dff,\\n A400: #651fff,\\n A700: #6200ea,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $light-primary-text,\\n 400: $light-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $light-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-indigo: (\\n 50: #e8eaf6,\\n 100: #c5cae9,\\n 200: #9fa8da,\\n 300: #7986cb,\\n 400: #5c6bc0,\\n 500: #3f51b5,\\n 600: #3949ab,\\n 700: #303f9f,\\n 800: #283593,\\n 900: #1a237e,\\n A100: #8c9eff,\\n A200: #536dfe,\\n A400: #3d5afe,\\n A700: #304ffe,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $light-primary-text,\\n 400: $light-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $light-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-blue: (\\n 50: #e3f2fd,\\n 100: #bbdefb,\\n 200: #90caf9,\\n 300: #64b5f6,\\n 400: #42a5f5,\\n 500: #2196f3,\\n 600: #1e88e5,\\n 700: #1976d2,\\n 800: #1565c0,\\n 900: #0d47a1,\\n A100: #82b1ff,\\n A200: #448aff,\\n A400: #2979ff,\\n A700: #2962ff,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $light-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-light-blue: (\\n 50: #e1f5fe,\\n 100: #b3e5fc,\\n 200: #81d4fa,\\n 300: #4fc3f7,\\n 400: #29b6f6,\\n 500: #03a9f4,\\n 600: #039be5,\\n 700: #0288d1,\\n 800: #0277bd,\\n 900: #01579b,\\n A100: #80d8ff,\\n A200: #40c4ff,\\n A400: #00b0ff,\\n A700: #0091ea,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-cyan: (\\n 50: #e0f7fa,\\n 100: #b2ebf2,\\n 200: #80deea,\\n 300: #4dd0e1,\\n 400: #26c6da,\\n 500: #00bcd4,\\n 600: #00acc1,\\n 700: #0097a7,\\n 800: #00838f,\\n 900: #006064,\\n A100: #84ffff,\\n A200: #18ffff,\\n A400: #00e5ff,\\n A700: #00b8d4,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-teal: (\\n 50: #e0f2f1,\\n 100: #b2dfdb,\\n 200: #80cbc4,\\n 300: #4db6ac,\\n 400: #26a69a,\\n 500: #009688,\\n 600: #00897b,\\n 700: #00796b,\\n 800: #00695c,\\n 900: #004d40,\\n A100: #a7ffeb,\\n A200: #64ffda,\\n A400: #1de9b6,\\n A700: #00bfa5,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-green: (\\n 50: #e8f5e9,\\n 100: #c8e6c9,\\n 200: #a5d6a7,\\n 300: #81c784,\\n 400: #66bb6a,\\n 500: #4caf50,\\n 600: #43a047,\\n 700: #388e3c,\\n 800: #2e7d32,\\n 900: #1b5e20,\\n A100: #b9f6ca,\\n A200: #69f0ae,\\n A400: #00e676,\\n A700: #00c853,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-light-green: (\\n 50: #f1f8e9,\\n 100: #dcedc8,\\n 200: #c5e1a5,\\n 300: #aed581,\\n 400: #9ccc65,\\n 500: #8bc34a,\\n 600: #7cb342,\\n 700: #689f38,\\n 800: #558b2f,\\n 900: #33691e,\\n A100: #ccff90,\\n A200: #b2ff59,\\n A400: #76ff03,\\n A700: #64dd17,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $dark-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-lime: (\\n 50: #f9fbe7,\\n 100: #f0f4c3,\\n 200: #e6ee9c,\\n 300: #dce775,\\n 400: #d4e157,\\n 500: #cddc39,\\n 600: #c0ca33,\\n 700: #afb42b,\\n 800: #9e9d24,\\n 900: #827717,\\n A100: #f4ff81,\\n A200: #eeff41,\\n A400: #c6ff00,\\n A700: #aeea00,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $dark-primary-text,\\n 700: $dark-primary-text,\\n 800: $dark-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-yellow: (\\n 50: #fffde7,\\n 100: #fff9c4,\\n 200: #fff59d,\\n 300: #fff176,\\n 400: #ffee58,\\n 500: #ffeb3b,\\n 600: #fdd835,\\n 700: #fbc02d,\\n 800: #f9a825,\\n 900: #f57f17,\\n A100: #ffff8d,\\n A200: #ffff00,\\n A400: #ffea00,\\n A700: #ffd600,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $dark-primary-text,\\n 700: $dark-primary-text,\\n 800: $dark-primary-text,\\n 900: $dark-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-amber: (\\n 50: #fff8e1,\\n 100: #ffecb3,\\n 200: #ffe082,\\n 300: #ffd54f,\\n 400: #ffca28,\\n 500: #ffc107,\\n 600: #ffb300,\\n 700: #ffa000,\\n 800: #ff8f00,\\n 900: #ff6f00,\\n A100: #ffe57f,\\n A200: #ffd740,\\n A400: #ffc400,\\n A700: #ffab00,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $dark-primary-text,\\n 700: $dark-primary-text,\\n 800: $dark-primary-text,\\n 900: $dark-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $dark-primary-text,\\n )\\n);\\n\\n$mat-orange: (\\n 50: #fff3e0,\\n 100: #ffe0b2,\\n 200: #ffcc80,\\n 300: #ffb74d,\\n 400: #ffa726,\\n 500: #ff9800,\\n 600: #fb8c00,\\n 700: #f57c00,\\n 800: #ef6c00,\\n 900: #e65100,\\n A100: #ffd180,\\n A200: #ffab40,\\n A400: #ff9100,\\n A700: #ff6d00,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $dark-primary-text,\\n 700: $dark-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: black,\\n )\\n);\\n\\n$mat-deep-orange: (\\n 50: #fbe9e7,\\n 100: #ffccbc,\\n 200: #ffab91,\\n 300: #ff8a65,\\n 400: #ff7043,\\n 500: #ff5722,\\n 600: #f4511e,\\n 700: #e64a19,\\n 800: #d84315,\\n 900: #bf360c,\\n A100: #ff9e80,\\n A200: #ff6e40,\\n A400: #ff3d00,\\n A700: #dd2c00,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-brown: (\\n 50: #efebe9,\\n 100: #d7ccc8,\\n 200: #bcaaa4,\\n 300: #a1887f,\\n 400: #8d6e63,\\n 500: #795548,\\n 600: #6d4c41,\\n 700: #5d4037,\\n 800: #4e342e,\\n 900: #3e2723,\\n A100: #d7ccc8,\\n A200: #bcaaa4,\\n A400: #8d6e63,\\n A700: #5d4037,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $light-primary-text,\\n 400: $light-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n$mat-grey: (\\n 50: #fafafa,\\n 100: #f5f5f5,\\n 200: #eeeeee,\\n 300: #e0e0e0,\\n 400: #bdbdbd,\\n 500: #9e9e9e,\\n 600: #757575,\\n 700: #616161,\\n 800: #424242,\\n 900: #212121,\\n A100: #ffffff,\\n A200: #eeeeee,\\n A400: #bdbdbd,\\n A700: #616161,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $dark-primary-text,\\n 500: $dark-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $dark-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n// Alias for alternate spelling.\\n$mat-gray: $mat-grey;\\n\\n$mat-blue-grey: (\\n 50: #eceff1,\\n 100: #cfd8dc,\\n 200: #b0bec5,\\n 300: #90a4ae,\\n 400: #78909c,\\n 500: #607d8b,\\n 600: #546e7a,\\n 700: #455a64,\\n 800: #37474f,\\n 900: #263238,\\n A100: #cfd8dc,\\n A200: #b0bec5,\\n A400: #78909c,\\n A700: #455a64,\\n contrast: (\\n 50: $dark-primary-text,\\n 100: $dark-primary-text,\\n 200: $dark-primary-text,\\n 300: $dark-primary-text,\\n 400: $light-primary-text,\\n 500: $light-primary-text,\\n 600: $light-primary-text,\\n 700: $light-primary-text,\\n 800: $light-primary-text,\\n 900: $light-primary-text,\\n A100: $dark-primary-text,\\n A200: $dark-primary-text,\\n A400: $light-primary-text,\\n A700: $light-primary-text,\\n )\\n);\\n\\n// Alias for alternate spelling.\\n$mat-blue-gray: $mat-blue-grey;\\n\\n\\n// Background palette for light themes.\\n$mat-light-theme-background: (\\n status-bar: map-get($mat-grey, 300),\\n app-bar: map-get($mat-grey, 100),\\n background: map-get($mat-grey, 50),\\n hover: rgba(black, 0.04), // TODO(kara): check style with Material Design UX\\n card: white,\\n dialog: white,\\n disabled-button: rgba(black, 0.12),\\n raised-button: white,\\n focused-button: $dark-focused,\\n selected-button: map-get($mat-grey, 300),\\n selected-disabled-button: map-get($mat-grey, 400),\\n disabled-button-toggle: map-get($mat-grey, 200),\\n unselected-chip: map-get($mat-grey, 300),\\n disabled-list-option: map-get($mat-grey, 200),\\n tooltip: map-get($mat-grey, 700),\\n);\\n\\n// Background palette for dark themes.\\n$mat-dark-theme-background: (\\n status-bar: black,\\n app-bar: map-get($mat-grey, 900),\\n background: #303030,\\n hover: rgba(white, 0.04), // TODO(kara): check style with Material Design UX\\n card: map-get($mat-grey, 800),\\n dialog: map-get($mat-grey, 800),\\n disabled-button: rgba(white, 0.12),\\n raised-button: map-get($mat-grey, 800),\\n focused-button: $light-focused,\\n selected-button: map-get($mat-grey, 900),\\n selected-disabled-button: map-get($mat-grey, 800),\\n disabled-button-toggle: black,\\n unselected-chip: map-get($mat-grey, 700),\\n disabled-list-option: black,\\n tooltip: map-get($mat-grey, 700),\\n);\\n\\n// Foreground palette for light themes.\\n$mat-light-theme-foreground: (\\n base: black,\\n divider: $dark-dividers,\\n dividers: $dark-dividers,\\n disabled: $dark-disabled-text,\\n disabled-button: rgba(black, 0.26),\\n disabled-text: $dark-disabled-text,\\n elevation: black,\\n hint-text: $dark-disabled-text,\\n secondary-text: $dark-secondary-text,\\n icon: rgba(black, 0.54),\\n icons: rgba(black, 0.54),\\n text: rgba(black, 0.87),\\n slider-min: rgba(black, 0.87),\\n slider-off: rgba(black, 0.26),\\n slider-off-active: rgba(black, 0.38),\\n);\\n\\n// Foreground palette for dark themes.\\n$mat-dark-theme-foreground: (\\n base: white,\\n divider: $light-dividers,\\n dividers: $light-dividers,\\n disabled: $light-disabled-text,\\n disabled-button: rgba(white, 0.3),\\n disabled-text: $light-disabled-text,\\n elevation: black,\\n hint-text: $light-disabled-text,\\n secondary-text: $light-secondary-text,\\n icon: white,\\n icons: white,\\n text: white,\\n slider-min: white,\\n slider-off: rgba(white, 0.3),\\n slider-off-active: rgba(white, 0.3),\\n);\\n\\n\\n// Whether density should be generated by default.\\n$_mat-theme-generate-default-density: true !default;\\n\\n// For a given hue in a palette, return the contrast color from the map of contrast palettes.\\n// @param $color-map\\n// @param $hue\\n@function mat-contrast($palette, $hue) {\\n @return map-get(map-get($palette, contrast), $hue);\\n}\\n\\n\\n// Creates a map of hues to colors for a theme. This is used to define a theme palette in terms\\n// of the Material Design hues.\\n// @param $color-map\\n// @param $primary\\n// @param $lighter\\n@function mat-palette($base-palette, $default: 500, $lighter: 100, $darker: 700, $text: $default) {\\n $result: map-merge($base-palette, (\\n default: map-get($base-palette, $default),\\n lighter: map-get($base-palette, $lighter),\\n darker: map-get($base-palette, $darker),\\n text: map-get($base-palette, $text),\\n\\n default-contrast: mat-contrast($base-palette, $default),\\n lighter-contrast: mat-contrast($base-palette, $lighter),\\n darker-contrast: mat-contrast($base-palette, $darker)\\n ));\\n\\n // For each hue in the palette, add a \\\"-contrast\\\" color to the map.\\n @each $hue, $color in $base-palette {\\n $result: map-merge($result, (\\n '#{$hue}-contrast': mat-contrast($base-palette, $hue)\\n ));\\n }\\n\\n @return $result;\\n}\\n\\n\\n// Gets a color from a theme palette (the output of mat-palette).\\n// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured\\n// hues (default, lighter, darker), or any of the aforementioned prefixed with \\\"-contrast\\\".\\n//\\n// @param $color-map The theme palette (output of mat-palette).\\n// @param $hue The hue from the palette to use. If this is a value between 0 and 1, it will\\n// be treated as opacity.\\n// @param $opacity The alpha channel value for the color.\\n@function mat-color($palette, $hue: default, $opacity: null) {\\n // If hueKey is a number between zero and one, then it actually contains an\\n // opacity value, so recall this function with the default hue and that given opacity.\\n @if type-of($hue) == number and $hue >= 0 and $hue <= 1 {\\n @return mat-color($palette, default, $hue);\\n }\\n\\n $color: map-get($palette, $hue);\\n\\n @if (type-of($color) != color) {\\n // If the $color resolved to something different from a color (e.g. a CSS variable),\\n // we can't apply the opacity anyway so we return the value as is, otherwise Sass can\\n // throw an error or output something invalid.\\n @return $color;\\n }\\n\\n @return rgba($color, if($opacity == null, opacity($color), $opacity));\\n}\\n\\n// Validates the specified theme by ensuring that the optional color config defines\\n// a primary, accent and warn palette. Returns the theme if no failures were found.\\n@function _mat-validate-theme($theme) {\\n @if map-get($theme, color) {\\n $color: map-get($theme, color);\\n @if not map-get($color, primary) {\\n @error 'Theme does not define a valid \\\"primary\\\" palette.';\\n }\\n @else if not map-get($color, accent) {\\n @error 'Theme does not define a valid \\\"accent\\\" palette.';\\n }\\n @else if not map-get($color, warn) {\\n @error 'Theme does not define a valid \\\"warn\\\" palette.';\\n }\\n }\\n @return $theme;\\n}\\n\\n// Creates a backwards compatible theme. Previously in Angular Material, theme objects\\n// contained the color configuration directly. With the recent refactoring of the theming\\n// system to allow for density and typography configurations, this is no longer the case.\\n// To ensure that constructed themes which will be passed to custom theme mixins do not break,\\n// we copy the color configuration and put its properties at the top-level of the theme object.\\n// Here is an example of a pattern that should still work until it's officially marked as a\\n// breaking change:\\n//\\n// @mixin my-custom-component-theme($theme) {\\n// .my-comp {\\n// background-color: mat-color(map-get($theme, primary));\\n// }\\n// }\\n//\\n// Note that the `$theme.primary` key does usually not exist since the color configuration\\n// is stored in `$theme.color` which contains a property for `primary`. This method copies\\n// the map from `$theme.color` to `$theme` for backwards compatibility.\\n@function _mat-create-backwards-compatibility-theme($theme) {\\n @if not map-get($theme, color) {\\n @return $theme;\\n }\\n $color: map-get($theme, color);\\n @return map-merge($theme, $color);\\n}\\n\\n// Creates a light-themed color configuration from the specified\\n// primary, accent and warn palettes.\\n@function _mat-create-light-color-config($primary, $accent, $warn: null) {\\n @return (\\n primary: $primary,\\n accent: $accent,\\n warn: if($warn != null, $warn, mat-palette($mat-red)),\\n is-dark: false,\\n foreground: $mat-light-theme-foreground,\\n background: $mat-light-theme-background,\\n );\\n}\\n\\n// Creates a dark-themed color configuration from the specified\\n// primary, accent and warn palettes.\\n@function _mat-create-dark-color-config($primary, $accent, $warn: null) {\\n @return (\\n primary: $primary,\\n accent: $accent,\\n warn: if($warn != null, $warn, mat-palette($mat-red)),\\n is-dark: true,\\n foreground: $mat-dark-theme-foreground,\\n background: $mat-dark-theme-background,\\n );\\n}\\n\\n// Creates a container object for a light theme to be given to individual component theme mixins.\\n// TODO: Remove legacy API and rename `$primary` to `$config`. Currently it cannot be renamed\\n// as it would break existing apps that set the parameter by name.\\n@function mat-light-theme($primary, $accent: null, $warn: mat-palette($mat-red)) {\\n // This function creates a container object for the individual component theme mixins. Consumers\\n // can construct such an object by calling this function, or by building the object manually.\\n // There are two possible ways to invoke this function in order to create such an object:\\n //\\n // (1) Passing in a map that holds optional configurations for individual parts of the\\n // theming system. For `color` configurations, the function only expects the palettes\\n // for `primary` and `accent` (and optionally `warn`). The function will expand the\\n // shorthand into an actual configuration that can be consumed in `-color` mixins.\\n // (2) Legacy pattern: Passing in the palettes as parameters. This is not as flexible\\n // as passing in a configuration map because only the `color` system can be configured.\\n //\\n // If the legacy pattern is used, we generate a container object only with a light-themed\\n // configuration for the `color` theming part.\\n @if $accent != null {\\n @return _mat-create-backwards-compatibility-theme(_mat-validate-theme((\\n _is-legacy-theme: true,\\n color: _mat-create-light-color-config($primary, $accent, $warn),\\n )));\\n }\\n // If the map pattern is used (1), we just pass-through the configurations for individual\\n // parts of the theming system, but update the `color` configuration if set. As explained\\n // above, the color shorthand will be expanded to an actual light-themed color configuration.\\n $result: $primary;\\n @if map-get($primary, color) {\\n $color-settings: map-get($primary, color);\\n $primary: map-get($color-settings, primary);\\n $accent: map-get($color-settings, accent);\\n $warn: map-get($color-settings, warn);\\n $result: map-merge($result, (color: _mat-create-light-color-config($primary, $accent, $warn)));\\n }\\n @return _mat-create-backwards-compatibility-theme(_mat-validate-theme($result));\\n}\\n\\n// Creates a container object for a dark theme to be given to individual component theme mixins.\\n// TODO: Remove legacy API and rename `$primary` to `$config`. Currently it cannot be renamed\\n// as it would break existing apps that set the parameter by name.\\n@function mat-dark-theme($primary, $accent: null, $warn: mat-palette($mat-red)) {\\n // This function creates a container object for the individual component theme mixins. Consumers\\n // can construct such an object by calling this function, or by building the object manually.\\n // There are two possible ways to invoke this function in order to create such an object:\\n //\\n // (1) Passing in a map that holds optional configurations for individual parts of the\\n // theming system. For `color` configurations, the function only expects the palettes\\n // for `primary` and `accent` (and optionally `warn`). The function will expand the\\n // shorthand into an actual configuration that can be consumed in `-color` mixins.\\n // (2) Legacy pattern: Passing in the palettes as parameters. This is not as flexible\\n // as passing in a configuration map because only the `color` system can be configured.\\n //\\n // If the legacy pattern is used, we generate a container object only with a dark-themed\\n // configuration for the `color` theming part.\\n @if $accent != null {\\n @return _mat-create-backwards-compatibility-theme(_mat-validate-theme((\\n _is-legacy-theme: true,\\n color: _mat-create-dark-color-config($primary, $accent, $warn),\\n )));\\n }\\n // If the map pattern is used (1), we just pass-through the configurations for individual\\n // parts of the theming system, but update the `color` configuration if set. As explained\\n // above, the color shorthand will be expanded to an actual dark-themed color configuration.\\n $result: $primary;\\n @if map-get($primary, color) {\\n $color-settings: map-get($primary, color);\\n $primary: map-get($color-settings, primary);\\n $accent: map-get($color-settings, accent);\\n $warn: map-get($color-settings, warn);\\n $result: map-merge($result, (color: _mat-create-dark-color-config($primary, $accent, $warn)));\\n }\\n @return _mat-create-backwards-compatibility-theme(_mat-validate-theme($result));\\n}\\n\\n/// Gets the color configuration from the given theme or configuration.\\n@function mat-get-color-config($theme, $default: null) {\\n // If a configuration has been passed, return the config directly.\\n @if not _mat-is-theme-object($theme) {\\n @return $theme;\\n }\\n // If the theme has been constructed through the legacy theming API, we use the theme object\\n // as color configuration instead of the dedicated `color` property. We do this because for\\n // backwards compatibility, we copied the color configuration from `$theme.color` to `$theme`.\\n // Hence developers could customize the colors at top-level and want to respect these changes\\n // TODO: Remove when legacy theming API is removed.\\n @if _mat-is-legacy-constructed-theme($theme) {\\n @return $theme;\\n }\\n @if map-has-key($theme, color) {\\n @return map-get($theme, color);\\n }\\n @return $default;\\n}\\n\\n/// Gets the density configuration from the given theme or configuration.\\n@function mat-get-density-config($theme-or-config, $default: 0) {\\n // If a configuration has been passed, return the config directly.\\n @if not _mat-is-theme-object($theme-or-config) {\\n @return $theme-or-config;\\n }\\n // In case a theme has been passed, extract the configuration if present,\\n // or fall back to the default density config.\\n @if map-has-key($theme-or-config, density) {\\n @return map-get($theme-or-config, density);\\n }\\n @return $default;\\n}\\n\\n/// Gets the typography configuration from the given theme or configuration.\\n/// For backwards compatibility, typography is not included by default.\\n@function mat-get-typography-config($theme-or-config, $default: null) {\\n // If a configuration has been passed, return the config directly.\\n @if not _mat-is-theme-object($theme-or-config) {\\n @return $theme-or-config;\\n }\\n // In case a theme has been passed, extract the configuration if present,\\n // or fall back to the default typography config.\\n @if (map-has-key($theme-or-config, typography)) {\\n @return map-get($theme-or-config, typography);\\n }\\n @return $default;\\n}\\n\\n// Checks whether the given value resolves to a theme object. Theme objects are always\\n// of type `map` and can optionally only specify `color`, `density` or `typography`.\\n@function _mat-is-theme-object($value) {\\n @return type-of($value) == 'map' and (\\n map-has-key($value, color) or\\n map-has-key($value, density) or\\n map-has-key($value, typography) or\\n length($value) == 0\\n );\\n}\\n\\n// Checks whether a given value corresponds to a legacy constructed theme.\\n@function _mat-is-legacy-constructed-theme($value) {\\n @return type-of($value) == 'map' and map-get($value, '_is-legacy-theme');\\n}\\n\\n// Gets the theme from the given value that is either already a theme, or a color configuration.\\n// This handles the legacy case where developers pass a color configuration directly to the\\n// theme mixin. Before we introduced the new pattern for constructing a theme, developers passed\\n// the color configuration directly to the theme mixins. This can be still the case if developers\\n// construct a theme manually and pass it to a theme. We support this for backwards compatibility.\\n// TODO(devversion): remove this in the future. Constructing themes manually is rare,\\n// and the code can be easily updated to the new API.\\n@function _mat-legacy-get-theme($theme-or-color-config) {\\n @if _mat-is-theme-object($theme-or-color-config) {\\n @return $theme-or-color-config;\\n }\\n @return _mat-create-backwards-compatibility-theme((\\n _is-legacy-theme: true,\\n color: $theme-or-color-config\\n ));\\n}\\n\\n\\n\\n// Whether duplication warnings should be disabled. Warnings enabled by default.\\n$mat-theme-ignore-duplication-warnings: false !default;\\n\\n// Warning that will be printed if duplicated styles are generated by a theme.\\n$_mat-theme-duplicate-warning: 'Read more about how style duplication can be avoided in a ' +\\n 'dedicated guide. https://github.com/angular/components/blob/master/guides/duplicate-theming-styles.md';\\n\\n// These variable are not intended to be overridden externally. They use `!default` to\\n// avoid being reset every time this file is imported.\\n$_mat-theme-emitted-color: () !default;\\n$_mat-theme-emitted-typography: () !default;\\n$_mat-theme-emitted-density: () !default;\\n\\n// Checks if configurations that have been declared in the given theme have been generated\\n// before. If so, warnings will be reported. This should notify developers in case duplicate\\n// styles are accidentally generated due to wrong usage of the all-theme mixins.\\n//\\n// Additionally, this mixin controls the default value for the density configuration. By\\n// default, density styles are generated at scale zero. If the same density styles would be\\n// generated a second time though, the default value will change to avoid duplicate styles.\\n//\\n// The mixin keeps track of all configurations in a list that is scoped to the specified\\n// id. This is necessary because a given theme can be passed to multiple disjoint theme mixins\\n// (e.g. `angular-material-theme` and `angular-material-mdc-theme`) without causing any\\n// style duplication.\\n@mixin _mat-check-duplicate-theme-styles($theme-or-color-config, $id) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n $color-config: mat-get-color-config($theme);\\n $density-config: mat-get-density-config($theme);\\n $typography-config: mat-get-typography-config($theme);\\n // Lists of previous `color`, `density` and `typography` configurations.\\n $previous-color: map-get($_mat-theme-emitted-color, $id) or ();\\n $previous-typography: map-get($_mat-theme-emitted-typography, $id) or ();\\n $previous-density: map-get($_mat-theme-emitted-density, $id) or ();\\n // Whether duplicate legacy density styles would be generated.\\n $duplicate-legacy-density: false;\\n\\n // Check if the color configuration has been generated before.\\n @if $color-config != null {\\n @if index($previous-color, $color-config) != null and\\n not $mat-theme-ignore-duplication-warnings {\\n @warn 'The same color styles are generated multiple times. ' +\\n $_mat-theme-duplicate-warning;\\n }\\n $previous-color: append($previous-color, $color-config);\\n }\\n\\n // Check if the typography configuration has been generated before.\\n @if $typography-config != null {\\n @if index($previous-typography, $typography-config) != null and\\n not $mat-theme-ignore-duplication-warnings {\\n @warn 'The same typography styles are generated multiple times. ' +\\n $_mat-theme-duplicate-warning;\\n }\\n $previous-typography: append($previous-typography, $typography-config);\\n }\\n\\n // Check if the density configuration has been generated before.\\n @if $density-config != null {\\n @if index($previous-density, $density-config) != null {\\n // Only report a warning if density styles would be duplicated for non-legacy theme\\n // definitions. For legacy themes, we have compatibility logic that avoids duplication\\n // of default density styles. We don't want to report a warning in those cases.\\n @if _mat-is-legacy-constructed-theme($theme) {\\n $duplicate-legacy-density: true;\\n }\\n @else if not $mat-theme-ignore-duplication-warnings {\\n @warn 'The same density styles are generated multiple times. ' +\\n $_mat-theme-duplicate-warning;\\n }\\n }\\n $previous-density: append($previous-density, $density-config);\\n }\\n\\n $_mat-theme-emitted-color: map-merge(\\n $_mat-theme-emitted-color, ($id: $previous-color)) !global;\\n $_mat-theme-emitted-density: map-merge(\\n $_mat-theme-emitted-density, ($id: $previous-density)) !global;\\n $_mat-theme-emitted-typography: map-merge(\\n $_mat-theme-emitted-typography, ($id: $previous-typography)) !global;\\n\\n // Optionally, consumers of this mixin can wrap contents inside so that nested\\n // duplicate style checks do not report another warning. e.g. if developers include\\n // the `angular-material-theme` mixin twice, only the top-level duplicate styles check\\n // should report a warning. Not all individual components should report a warning too.\\n $orig-mat-theme-ignore-duplication-warnings: $mat-theme-ignore-duplication-warnings;\\n $mat-theme-ignore-duplication-warnings: true !global;\\n\\n // If duplicate default density styles would be generated for a legacy constructed theme,\\n // we adjust the density generation so that no density styles are generated by default.\\n // If no default density styles have been generated yet, we ensure that the styles\\n // are generated at root. For legacy themes our goal is to generate default density\\n // styles **once** and at root. This matches the old behavior where density styles were\\n // part of the base component styles (that did not use view encapsulation).\\n // TODO: Remove this compatibility logic when the legacy theming API is removed.\\n $_mat-density-generate-at-root: _mat-is-legacy-constructed-theme($theme) !global;\\n $_mat-density-generate-styles: not $duplicate-legacy-density !global;\\n\\n @content;\\n $mat-theme-ignore-duplication-warnings: $orig-mat-theme-ignore-duplication-warnings !global;\\n\\n $_mat-density-generate-at-root: false !global;\\n $_mat-density-generate-styles: true !global;\\n}\\n\\n\\n\\n$mat-ripple-color-opacity: 0.1;\\n\\n@mixin mat-ripple() {\\n\\n // The host element of an mat-ripple directive should always have a position of \\\"absolute\\\" or\\n // \\\"relative\\\" so that the ripples inside are correctly positioned relatively to the container.\\n .mat-ripple {\\n overflow: hidden;\\n\\n // By default, every ripple container should have position: relative in favor of creating an\\n // easy API for developers using the MatRipple directive.\\n position: relative;\\n\\n // Promote containers that have ripples to a new layer. We want to target `:not(:empty)`,\\n // because we don't want all ripple containers to have their own layer since they're used in a\\n // lot of places and the layer is only relevant while animating. Note that ideally we'd use\\n // the `contain` property here (see #13175), because `:empty` can be broken by having extra\\n // text inside the element, but it isn't very well supported yet.\\n &:not(:empty) {\\n transform: translateZ(0);\\n }\\n }\\n\\n .mat-ripple.mat-ripple-unbounded {\\n overflow: visible;\\n }\\n\\n .mat-ripple-element {\\n position: absolute;\\n border-radius: 50%;\\n pointer-events: none;\\n\\n transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\\n transform: scale(0);\\n\\n // In high contrast mode the ripple is opaque, causing it to obstruct the content.\\n @include cdk-high-contrast(active, off) {\\n display: none;\\n }\\n }\\n}\\n\\n/* Colors for the ripple elements.*/\\n@mixin mat-ripple-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $foreground-base: map-get($foreground, base);\\n\\n .mat-ripple-element {\\n // If the ripple color is resolves to a color *type*, we can use it directly, otherwise\\n // (e.g. it resolves to a CSS variable) we fall back to using the color and setting an opacity.\\n @if (type-of($foreground-base) == color) {\\n background-color: rgba($foreground-base, $mat-ripple-color-opacity);\\n }\\n @else {\\n background-color: $foreground-base;\\n opacity: $mat-ripple-color-opacity;\\n }\\n }\\n}\\n\\n@mixin mat-ripple-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-ripple') {\\n $color: mat-get-color-config($theme);\\n @if $color != null {\\n @include mat-ripple-color($color);\\n }\\n }\\n}\\n\\n\\n\\n// This mixin ensures an element spans to fill the nearest ancestor with defined positioning.\\n@mixin mat-fill {\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n position: absolute;\\n}\\n\\n\\n/// Mixin that turns on strong focus indicators.\\n///\\n/// @example\\n/// .my-app {\\n/// @include mat-strong-focus-indicators($config);\\n/// }\\n@mixin mat-strong-focus-indicators($config: ()) {\\n // Default focus indicator config.\\n $default-config: (\\n border-style: solid,\\n border-width: 3px,\\n border-radius: 4px,\\n );\\n\\n // Merge default config with user config.\\n $config: map-merge($default-config, $config);\\n $border-style: map-get($config, border-style);\\n $border-width: map-get($config, border-width);\\n $border-radius: map-get($config, border-radius);\\n\\n // Base styles for focus indicators.\\n .mat-focus-indicator::before {\\n @include mat-fill();\\n box-sizing: border-box;\\n pointer-events: none;\\n border: $border-width $border-style transparent;\\n border-radius: $border-radius;\\n }\\n\\n // By default, all focus indicators are flush with the bounding box of their\\n // host element. For particular elements (listed below), default inset/offset\\n // values are necessary to ensure that the focus indicator is sufficiently\\n // contrastive and renders appropriately.\\n\\n .mat-focus-indicator.mat-flat-button::before,\\n .mat-focus-indicator.mat-raised-button::before,\\n .mat-focus-indicator.mat-fab::before,\\n .mat-focus-indicator.mat-mini-fab::before,\\n .mat-focus-indicator.mat-chip::before,\\n .mat-focus-indicator.mat-sort-header-container::before {\\n margin: -($border-width + 2px);\\n }\\n\\n .mat-focus-indicator.mat-stroked-button::before,\\n .mat-focus-indicator.mat-calendar-body-cell-content::before {\\n margin: -($border-width + 3px);\\n }\\n\\n .mat-focus-indicator.mat-tab-link::before,\\n .mat-focus-indicator.mat-tab-label::before {\\n margin: 5px;\\n }\\n\\n // Render the focus indicator on focus. Defining a pseudo element's\\n // content will cause it to render.\\n\\n // Checkboxes, radios, and slide toggles render focus indicators when the\\n // associated visually-hidden input is focused.\\n .mat-checkbox-input:focus ~ .mat-focus-indicator::before,\\n .mat-radio-input:focus ~ .mat-focus-indicator::before,\\n .mat-slide-toggle-input:focus ~ .mat-slide-toggle-thumb-container .mat-focus-indicator::before,\\n\\n // For options, render the focus indicator when the class .mat-active\\n // is present.\\n .mat-focus-indicator.mat-option.mat-active::before,\\n\\n // For calendar cells, render the focus indicator when the parent cell is\\n // focused.\\n .mat-calendar-body-cell:focus .mat-focus-indicator::before,\\n\\n // For all other components, render the focus indicator on focus.\\n .mat-focus-indicator:focus::before {\\n content: '';\\n }\\n}\\n\\n// Mixin that applies the border color for the focus indicators.\\n@mixin _mat-strong-focus-indicators-border-color($color) {\\n .mat-focus-indicator::before {\\n border-color: $color;\\n }\\n}\\n\\n@mixin mat-strong-focus-indicators-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n @include _mat-strong-focus-indicators-border-color(mat-color(map-get($config, primary)));\\n}\\n\\n/// Mixin that sets the color of the focus indicators.\\n///\\n/// @param {color|map} $theme-or-color\\n/// If theme, focus indicators are set to the primary color of the theme. If\\n/// color, focus indicators are set to that color.\\n///\\n/// @example\\n/// .demo-dark-theme {\\n/// @include mat-strong-focus-indicators-theme($dark-theme-map);\\n/// }\\n///\\n/// @example\\n/// .demo-red-theme {\\n/// @include mat-strong-focus-indicators-theme(#f00);\\n/// }\\n/* stylelint-disable-next-line material/theme-mixin-api */\\n@mixin mat-strong-focus-indicators-theme($theme-or-color) {\\n @if type-of($theme-or-color) != 'map' {\\n @include _mat-strong-focus-indicators-border-color($theme-or-color);\\n }\\n @else {\\n $theme: _mat-legacy-get-theme($theme-or-color);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-strong-focus-indicators') {\\n $color: mat-get-color-config($theme);\\n @if $color != null {\\n @include mat-strong-focus-indicators-color($color);\\n }\\n }\\n }\\n}\\n\\n// Mixin that ensures focus indicator host elements are positioned so that the focus indicator\\n// pseudo element within is positioned relative to the host. Private mixin included within\\n// `mat-core`.\\n@mixin _mat-strong-focus-indicators-positioning() {\\n .mat-focus-indicator {\\n position: relative;\\n }\\n}\\n\\n\\n\\n\\n// Utility for fetching a nested value from a typography config.\\n@function _mat-get-type-value($config, $level, $name) {\\n @return map-get(map-get($config, $level), $name);\\n}\\n\\n// Gets the font size for a level inside a typography config.\\n@function mat-font-size($config, $level) {\\n @return _mat-get-type-value($config, $level, font-size);\\n}\\n\\n// Gets the line height for a level inside a typography config.\\n@function mat-line-height($config, $level) {\\n @return _mat-get-type-value($config, $level, line-height);\\n}\\n\\n// Gets the font weight for a level inside a typography config.\\n@function mat-font-weight($config, $level) {\\n @return _mat-get-type-value($config, $level, font-weight);\\n}\\n\\n// Gets the letter spacing for a level inside a typography config.\\n@function mat-letter-spacing($config, $level) {\\n @return _mat-get-type-value($config, $level, letter-spacing);\\n}\\n\\n// Gets the font-family from a typography config and removes the quotes around it.\\n@function mat-font-family($config, $level: null) {\\n $font-family: map-get($config, font-family);\\n\\n @if $level != null {\\n $font-family: _mat-get-type-value($config, $level, font-family);\\n }\\n\\n // Guard against unquoting non-string values, because it's deprecated.\\n @return if(type-of($font-family) == string, unquote($font-family), $font-family);\\n}\\n\\n// Outputs the shorthand `font` CSS property, based on a set of typography values. Falls back to\\n// the individual properties if a value that isn't allowed in the shorthand is passed in.\\n@mixin mat-typography-font-shorthand($font-size, $font-weight, $line-height, $font-family) {\\n // If any of the values are set to `inherit`, we can't use the shorthand\\n // so we fall back to passing in the individual properties.\\n @if ($font-size == inherit or\\n $font-weight == inherit or\\n $line-height == inherit or\\n $font-family == inherit or\\n $font-size == null or\\n $font-weight == null or\\n $line-height == null or\\n $font-family == null) {\\n\\n font-size: $font-size;\\n font-weight: $font-weight;\\n line-height: $line-height;\\n font-family: $font-family;\\n }\\n @else {\\n // Otherwise use the shorthand `font`, because it's the least amount of bytes. Note\\n // that we need to use interpolation for `font-size/line-height` in order to prevent\\n // Sass from dividing the two values.\\n font: $font-weight #{$font-size}/#{$line-height} $font-family;\\n }\\n}\\n\\n// Converts a typography level into CSS styles.\\n@mixin mat-typography-level-to-styles($config, $level) {\\n $font-size: mat-font-size($config, $level);\\n $font-weight: mat-font-weight($config, $level);\\n $line-height: mat-line-height($config, $level);\\n $font-family: mat-font-family($config, $level);\\n\\n @include mat-typography-font-shorthand($font-size, $font-weight, $line-height, $font-family);\\n letter-spacing: mat-letter-spacing($config, $level);\\n}\\n\\n\\n@mixin mat-option-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n\\n .mat-option {\\n color: mat-color($foreground, text);\\n\\n &:hover:not(.mat-option-disabled),\\n &:focus:not(.mat-option-disabled) {\\n background: mat-color($background, hover);\\n }\\n\\n // In multiple mode there is a checkbox to show that the option is selected.\\n &.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\\n background: mat-color($background, hover);\\n }\\n\\n &.mat-active {\\n background: mat-color($background, hover);\\n color: mat-color($foreground, text);\\n }\\n\\n &.mat-option-disabled {\\n color: mat-color($foreground, hint-text);\\n }\\n }\\n\\n .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: mat-color($primary, text);\\n }\\n\\n .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: mat-color($accent, text);\\n }\\n\\n .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: mat-color($warn, text);\\n }\\n}\\n\\n@mixin mat-option-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-option {\\n font: {\\n family: mat-font-family($config);\\n size: mat-font-size($config, subheading-2);\\n }\\n }\\n}\\n\\n@mixin _mat-option-density($config-or-theme) {}\\n\\n@mixin mat-option-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-option') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-option-color($color);\\n }\\n @if $density != null {\\n @include _mat-option-density($density);\\n }\\n @if $typography != null {\\n @include mat-option-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-optgroup-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n\\n .mat-optgroup-label {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-optgroup-disabled .mat-optgroup-label {\\n color: mat-color($foreground, hint-text);\\n }\\n}\\n\\n@mixin mat-optgroup-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-optgroup-label {\\n @include mat-typography-level-to-styles($config, body-2);\\n }\\n}\\n\\n@mixin _mat-optgroup-density($config-or-theme) {}\\n\\n@mixin mat-optgroup-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-optgroup') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-optgroup-color($color);\\n }\\n @if $density != null {\\n @include _mat-optgroup-density($density);\\n }\\n @if $typography != null {\\n @include mat-optgroup-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n@mixin mat-pseudo-checkbox-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $is-dark-theme: map-get($config, is-dark);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n\\n // NOTE(traviskaufman): While the spec calls for translucent blacks/whites for disabled colors,\\n // this does not work well with elements layered on top of one another. To get around this we\\n // blend the colors together based on the base color and the theme background.\\n $white-30pct-opacity-on-dark: #686868;\\n $black-26pct-opacity-on-light: #b0b0b0;\\n $disabled-color: if($is-dark-theme, $white-30pct-opacity-on-dark, $black-26pct-opacity-on-light);\\n $colored-box-selector: '.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate';\\n\\n .mat-pseudo-checkbox {\\n color: mat-color(map-get($config, foreground), secondary-text);\\n\\n &::after {\\n color: mat-color($background, background);\\n }\\n }\\n\\n .mat-pseudo-checkbox-disabled {\\n color: $disabled-color;\\n }\\n\\n .mat-primary .mat-pseudo-checkbox-checked,\\n .mat-primary .mat-pseudo-checkbox-indeterminate {\\n background: mat-color(map-get($config, primary));\\n }\\n\\n // Default to the accent color. Note that the pseudo checkboxes are meant to inherit the\\n // theme from their parent, rather than implementing their own theming, which is why we\\n // don't attach to the `mat-*` classes. Also note that this needs to be below `.mat-primary`\\n // in order to allow for the color to be overwritten if the checkbox is inside a parent that\\n // has `mat-accent` and is placed inside another parent that has `mat-primary`.\\n .mat-pseudo-checkbox-checked,\\n .mat-pseudo-checkbox-indeterminate,\\n .mat-accent .mat-pseudo-checkbox-checked,\\n .mat-accent .mat-pseudo-checkbox-indeterminate {\\n background: mat-color(map-get($config, accent));\\n }\\n\\n .mat-warn .mat-pseudo-checkbox-checked,\\n .mat-warn .mat-pseudo-checkbox-indeterminate {\\n background: mat-color(map-get($config, warn));\\n }\\n\\n .mat-pseudo-checkbox-checked,\\n .mat-pseudo-checkbox-indeterminate {\\n &.mat-pseudo-checkbox-disabled {\\n background: $disabled-color;\\n }\\n }\\n}\\n\\n@mixin mat-pseudo-checkbox-typography($config-or-theme) {}\\n\\n@mixin _mat-pseudo-checkbox-density($config-or-theme) {}\\n\\n@mixin mat-pseudo-checkbox-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-pseudo-checkbox') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-pseudo-checkbox-color($color);\\n }\\n @if $density != null {\\n @include _mat-pseudo-checkbox-density($density);\\n }\\n @if $typography != null {\\n @include mat-pseudo-checkbox-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n// Represents a typography level from the Material design spec.\\n@function mat-typography-level(\\n $font-size,\\n $line-height: $font-size,\\n $font-weight: 400,\\n $font-family: null,\\n $letter-spacing: normal) {\\n\\n @return (\\n font-size: $font-size,\\n line-height: $line-height,\\n font-weight: $font-weight,\\n font-family: $font-family,\\n letter-spacing: $letter-spacing\\n );\\n}\\n\\n// Represents a collection of typography levels.\\n// Defaults come from https://material.io/guidelines/style/typography.html\\n// Note: The spec doesn't mention letter spacing. The values here come from\\n// eyeballing it until it looked exactly like the spec examples.\\n@function mat-typography-config(\\n $font-family: 'Roboto, \\\"Helvetica Neue\\\", sans-serif',\\n $display-4: mat-typography-level(112px, 112px, 300, $letter-spacing: -0.05em),\\n $display-3: mat-typography-level(56px, 56px, 400, $letter-spacing: -0.02em),\\n $display-2: mat-typography-level(45px, 48px, 400, $letter-spacing: -0.005em),\\n $display-1: mat-typography-level(34px, 40px, 400),\\n $headline: mat-typography-level(24px, 32px, 400),\\n $title: mat-typography-level(20px, 32px, 500),\\n $subheading-2: mat-typography-level(16px, 28px, 400),\\n $subheading-1: mat-typography-level(15px, 24px, 400),\\n $body-2: mat-typography-level(14px, 24px, 500),\\n $body-1: mat-typography-level(14px, 20px, 400),\\n $caption: mat-typography-level(12px, 20px, 400),\\n $button: mat-typography-level(14px, 14px, 500),\\n // Line-height must be unit-less fraction of the font-size.\\n $input: mat-typography-level(inherit, 1.125, 400)\\n) {\\n\\n // Declare an initial map with all of the levels.\\n $config: (\\n display-4: $display-4,\\n display-3: $display-3,\\n display-2: $display-2,\\n display-1: $display-1,\\n headline: $headline,\\n title: $title,\\n subheading-2: $subheading-2,\\n subheading-1: $subheading-1,\\n body-2: $body-2,\\n body-1: $body-1,\\n caption: $caption,\\n button: $button,\\n input: $input,\\n );\\n\\n // Loop through the levels and set the `font-family` of the ones that don't have one to the base.\\n // Note that Sass can't modify maps in place, which means that we need to merge and re-assign.\\n @each $key, $level in $config {\\n @if map-get($level, font-family) == null {\\n $new-level: map-merge($level, (font-family: $font-family));\\n $config: map-merge($config, ($key: $new-level));\\n }\\n }\\n\\n // Add the base font family to the config.\\n @return map-merge($config, (font-family: $font-family));\\n}\\n\\n// Adds the base typography styles, based on a config.\\n/* stylelint-disable-next-line material/theme-mixin-api */\\n@mixin mat-base-typography($config, $selector: '.mat-typography') {\\n .mat-h1, .mat-headline, #{$selector} h1 {\\n @include mat-typography-level-to-styles($config, headline);\\n margin: 0 0 16px;\\n }\\n\\n .mat-h2, .mat-title, #{$selector} h2 {\\n @include mat-typography-level-to-styles($config, title);\\n margin: 0 0 16px;\\n }\\n\\n .mat-h3, .mat-subheading-2, #{$selector} h3 {\\n @include mat-typography-level-to-styles($config, subheading-2);\\n margin: 0 0 16px;\\n }\\n\\n .mat-h4, .mat-subheading-1, #{$selector} h4 {\\n @include mat-typography-level-to-styles($config, subheading-1);\\n margin: 0 0 16px;\\n }\\n\\n // Note: the spec doesn't have anything that would correspond to h5 and h6, but we add these for\\n // consistency. The font sizes come from the Chrome user agent styles which have h5 at 0.83em\\n // and h6 at 0.67em.\\n .mat-h5, #{$selector} h5 {\\n @include mat-typography-font-shorthand(\\n // calc is used here to support css variables\\n calc(#{mat-font-size($config, body-1)} * 0.83),\\n mat-font-weight($config, body-1),\\n mat-line-height($config, body-1),\\n mat-font-family($config, body-1)\\n );\\n\\n margin: 0 0 12px;\\n }\\n\\n .mat-h6, #{$selector} h6 {\\n @include mat-typography-font-shorthand(\\n // calc is used here to support css variables\\n calc(#{mat-font-size($config, body-1)} * 0.67),\\n mat-font-weight($config, body-1),\\n mat-line-height($config, body-1),\\n mat-font-family($config, body-1)\\n );\\n\\n margin: 0 0 12px;\\n }\\n\\n .mat-body-strong, .mat-body-2 {\\n @include mat-typography-level-to-styles($config, body-2);\\n }\\n\\n .mat-body, .mat-body-1, #{$selector} {\\n @include mat-typography-level-to-styles($config, body-1);\\n\\n p {\\n margin: 0 0 12px;\\n }\\n }\\n\\n .mat-small, .mat-caption {\\n @include mat-typography-level-to-styles($config, caption);\\n }\\n\\n .mat-display-4, #{$selector} .mat-display-4 {\\n @include mat-typography-level-to-styles($config, display-4);\\n margin: 0 0 56px;\\n }\\n\\n .mat-display-3, #{$selector} .mat-display-3 {\\n @include mat-typography-level-to-styles($config, display-3);\\n margin: 0 0 64px;\\n }\\n\\n .mat-display-2, #{$selector} .mat-display-2 {\\n @include mat-typography-level-to-styles($config, display-2);\\n margin: 0 0 64px;\\n }\\n\\n .mat-display-1, #{$selector} .mat-display-1 {\\n @include mat-typography-level-to-styles($config, display-1);\\n margin: 0 0 64px;\\n }\\n}\\n\\n\\n\\n\\n\\n@mixin mat-autocomplete-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n\\n .mat-autocomplete-panel {\\n @include _mat-theme-overridable-elevation(4, $config);\\n background: mat-color($background, card);\\n color: mat-color($foreground, text);\\n\\n // Selected options in autocompletes should not be gray, but we\\n // only want to override the background for selected options if\\n // they are *not* in hover or focus state. This change has to be\\n // made here because base option styles are shared between the\\n // autocomplete and the select.\\n .mat-option.mat-selected:not(.mat-active):not(:hover) {\\n background: mat-color($background, card);\\n\\n &:not(.mat-option-disabled) {\\n color: mat-color($foreground, text);\\n }\\n }\\n }\\n}\\n\\n@mixin mat-autocomplete-typography($config-or-theme) {}\\n\\n@mixin _mat-autocomplete-density($config-or-theme) {}\\n\\n@mixin mat-autocomplete-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-autocomplete') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-autocomplete-color($color);\\n }\\n @if $density != null {\\n @include _mat-autocomplete-density($density);\\n }\\n @if $typography != null {\\n @include mat-autocomplete-typography($typography);\\n }\\n }\\n}\\n\\n// This contains all of the styles for the badge\\n// rather than just the color/theme because of\\n// no style sheet support for directives.\\n\\n\\n\\n\\n\\n\\n$mat-badge-font-size: 12px;\\n$mat-badge-font-weight: 600;\\n$mat-badge-default-size: 22px !default;\\n$mat-badge-small-size: $mat-badge-default-size - 6;\\n$mat-badge-large-size: $mat-badge-default-size + 6;\\n\\n// Mixin for building offset given different sizes\\n@mixin _mat-badge-size($size) {\\n .mat-badge-content {\\n width: $size;\\n height: $size;\\n line-height: $size;\\n }\\n\\n &.mat-badge-above {\\n .mat-badge-content {\\n top: -$size / 2;\\n }\\n }\\n\\n &.mat-badge-below {\\n .mat-badge-content {\\n bottom: -$size / 2;\\n }\\n }\\n\\n &.mat-badge-before {\\n .mat-badge-content {\\n left: -$size;\\n }\\n }\\n\\n [dir='rtl'] &.mat-badge-before {\\n .mat-badge-content {\\n left: auto;\\n right: -$size;\\n }\\n }\\n\\n &.mat-badge-after {\\n .mat-badge-content {\\n right: -$size;\\n }\\n }\\n\\n [dir='rtl'] &.mat-badge-after {\\n .mat-badge-content {\\n right: auto;\\n left: -$size;\\n }\\n }\\n\\n &.mat-badge-overlap {\\n &.mat-badge-before {\\n .mat-badge-content {\\n left: -$size / 2;\\n }\\n }\\n\\n [dir='rtl'] &.mat-badge-before {\\n .mat-badge-content {\\n left: auto;\\n right: -$size / 2;\\n }\\n }\\n\\n &.mat-badge-after {\\n .mat-badge-content {\\n right: -$size / 2;\\n }\\n }\\n\\n [dir='rtl'] &.mat-badge-after {\\n .mat-badge-content {\\n right: auto;\\n left: -$size / 2;\\n }\\n }\\n }\\n}\\n\\n@mixin mat-badge-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $primary: map-get($config, primary);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-badge-content {\\n color: mat-color($primary, default-contrast);\\n background: mat-color($primary);\\n\\n @include cdk-high-contrast(active, off) {\\n outline: solid 1px;\\n border-radius: 0;\\n }\\n }\\n\\n .mat-badge-accent {\\n .mat-badge-content {\\n background: mat-color($accent);\\n color: mat-color($accent, default-contrast);\\n }\\n }\\n\\n .mat-badge-warn {\\n .mat-badge-content {\\n color: mat-color($warn, default-contrast);\\n background: mat-color($warn);\\n }\\n }\\n\\n .mat-badge {\\n position: relative;\\n }\\n\\n .mat-badge-hidden {\\n .mat-badge-content {\\n display: none;\\n }\\n }\\n\\n .mat-badge-disabled {\\n .mat-badge-content {\\n $app-background: mat-color($background, 'background');\\n $badge-color: mat-color($foreground, disabled-button);\\n\\n // The disabled color usually has some kind of opacity, but because the badge is overlayed\\n // on top of something else, it won't look good if it's opaque. If it is a color *type*,\\n // we convert it into a solid color by taking the opacity from the rgba value and using\\n // the value to determine the percentage of the background to put into foreground when\\n // mixing the colors together.\\n @if (type-of($badge-color) == color and type-of($app-background) == color) {\\n $badge-opacity: opacity($badge-color);\\n background: mix($app-background, rgba($badge-color, 1), (1 - $badge-opacity) * 100%);\\n }\\n @else {\\n background: $badge-color;\\n }\\n\\n color: mat-color($foreground, disabled-text);\\n }\\n }\\n\\n .mat-badge-content {\\n position: absolute;\\n text-align: center;\\n display: inline-block;\\n border-radius: 50%;\\n transition: transform 200ms ease-in-out;\\n transform: scale(0.6);\\n overflow: hidden;\\n white-space: nowrap;\\n text-overflow: ellipsis;\\n pointer-events: none;\\n }\\n\\n .ng-animate-disabled .mat-badge-content,\\n .mat-badge-content._mat-animation-noopable {\\n transition: none;\\n }\\n\\n // The active class is added after the element is added\\n // so it can animate scale to default\\n .mat-badge-content.mat-badge-active {\\n // Scale to `none` instead of `1` to avoid blurry text in some browsers.\\n transform: none;\\n }\\n\\n .mat-badge-small {\\n @include _mat-badge-size($mat-badge-small-size);\\n }\\n .mat-badge-medium {\\n @include _mat-badge-size($mat-badge-default-size);\\n }\\n .mat-badge-large {\\n @include _mat-badge-size($mat-badge-large-size);\\n }\\n}\\n\\n@mixin mat-badge-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-badge-content {\\n font-weight: $mat-badge-font-weight;\\n font-size: $mat-badge-font-size;\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-badge-small .mat-badge-content {\\n // Set the font size to 75% of the original.\\n font-size: $mat-badge-font-size * 0.75;\\n }\\n\\n .mat-badge-large .mat-badge-content {\\n font-size: $mat-badge-font-size * 2;\\n }\\n}\\n\\n@mixin _mat-badge-density($config-or-theme) {}\\n\\n@mixin mat-badge-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-badge') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-badge-color($color);\\n }\\n @if $density != null {\\n @include _mat-badge-density($density);\\n }\\n @if $typography != null {\\n @include mat-badge-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-bottom-sheet-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-bottom-sheet-container {\\n @include _mat-theme-elevation(16, $config);\\n background: mat-color($background, dialog);\\n color: mat-color($foreground, text);\\n }\\n}\\n\\n@mixin mat-bottom-sheet-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-bottom-sheet-container {\\n @include mat-typography-level-to-styles($config, body-1);\\n }\\n}\\n\\n@mixin _mat-bottom-sheet-density($config-or-theme) {}\\n\\n@mixin mat-bottom-sheet-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-bottom-sheet') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-bottom-sheet-color($color);\\n }\\n @if $density != null {\\n @include _mat-bottom-sheet-density($density);\\n }\\n @if $typography != null {\\n @include mat-bottom-sheet-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n$_mat-button-ripple-opacity: 0.1;\\n\\n// Applies a focus style to an mat-button element for each of the supported palettes.\\n@mixin _mat-button-focus-overlay-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n\\n &.mat-primary .mat-button-focus-overlay {\\n background-color: mat-color($primary);\\n }\\n\\n &.mat-accent .mat-button-focus-overlay {\\n background-color: mat-color($accent);\\n }\\n\\n &.mat-warn .mat-button-focus-overlay {\\n background-color: mat-color($warn);\\n }\\n\\n &.mat-button-disabled .mat-button-focus-overlay {\\n background-color: transparent;\\n }\\n}\\n\\n// Applies the background color for a ripple. If the value provided is not a Sass color,\\n// we assume that we've been given a CSS variable. Since we can't perform alpha-blending\\n// on a CSS variable, we instead add the opacity directly to the ripple element.\\n@mixin _mat-button-ripple-background($palette, $hue, $opacity) {\\n $background-color: mat-color($palette, $hue, $opacity);\\n background-color: $background-color;\\n @if (type-of($background-color) != color) {\\n opacity: $opacity;\\n }\\n}\\n\\n@mixin _mat-button-ripple-color($theme, $hue, $opacity: $_mat-button-ripple-opacity) {\\n $primary: map-get($theme, primary);\\n $accent: map-get($theme, accent);\\n $warn: map-get($theme, warn);\\n\\n &.mat-primary .mat-ripple-element {\\n @include _mat-button-ripple-background($primary, $hue, $opacity);\\n }\\n\\n &.mat-accent .mat-ripple-element {\\n @include _mat-button-ripple-background($accent, $hue, $opacity);\\n }\\n\\n &.mat-warn .mat-ripple-element {\\n @include _mat-button-ripple-background($warn, $hue, $opacity);\\n }\\n}\\n\\n// Applies a property to an mat-button element for each of the supported palettes.\\n@mixin _mat-button-theme-property($theme, $property, $hue) {\\n $primary: map-get($theme, primary);\\n $accent: map-get($theme, accent);\\n $warn: map-get($theme, warn);\\n $background: map-get($theme, background);\\n $foreground: map-get($theme, foreground);\\n\\n &.mat-primary {\\n #{$property}: mat-color($primary, $hue);\\n }\\n &.mat-accent {\\n #{$property}: mat-color($accent, $hue);\\n }\\n &.mat-warn {\\n #{$property}: mat-color($warn, $hue);\\n }\\n\\n &.mat-primary, &.mat-accent, &.mat-warn, &.mat-button-disabled {\\n &.mat-button-disabled {\\n $palette: if($property == 'color', $foreground, $background);\\n #{$property}: mat-color($palette, disabled-button);\\n }\\n }\\n}\\n\\n@mixin mat-button-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-button, .mat-icon-button, .mat-stroked-button {\\n // Buttons without a background color should inherit the font color. This is necessary to\\n // ensure that the button is readable on custom background colors. It's wrong to always assume\\n // that those buttons are always placed inside of containers with the default background\\n // color of the theme (e.g. themed toolbars).\\n color: inherit;\\n background: transparent;\\n\\n @include _mat-button-theme-property($config, 'color', text);\\n @include _mat-button-focus-overlay-color($config);\\n\\n // Setup the ripple color to be based on the text color. This ensures that the ripples\\n // are matching with the current theme palette and are in contrast to the background color\\n // (e.g in themed toolbars).\\n .mat-ripple-element {\\n opacity: $_mat-button-ripple-opacity;\\n background-color: currentColor;\\n }\\n }\\n\\n .mat-button-focus-overlay {\\n background: map-get($foreground, base);\\n }\\n\\n // Note: this needs a bit extra specificity, because we're not guaranteed the inclusion\\n // order of the theme styles and the button reset may end up resetting this as well.\\n .mat-stroked-button:not(.mat-button-disabled) {\\n border-color: mat-color($foreground, divider);\\n }\\n\\n .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {\\n // Default font and background color when not using any color palette.\\n color: mat-color($foreground, text);\\n background-color: mat-color($background, raised-button);\\n\\n @include _mat-button-theme-property($config, 'color', default-contrast);\\n @include _mat-button-theme-property($config, 'background-color', default);\\n @include _mat-button-ripple-color($config, default-contrast);\\n }\\n\\n .mat-stroked-button, .mat-flat-button {\\n @include _mat-theme-overridable-elevation(0, $config);\\n }\\n\\n .mat-raised-button {\\n @include _mat-theme-overridable-elevation(2, $config);\\n\\n &:not(.mat-button-disabled):active {\\n @include _mat-theme-overridable-elevation(8, $config);\\n }\\n\\n &.mat-button-disabled {\\n @include _mat-theme-overridable-elevation(0, $config);\\n }\\n }\\n\\n .mat-fab, .mat-mini-fab {\\n @include _mat-theme-overridable-elevation(6, $config);\\n\\n &:not(.mat-button-disabled):active {\\n @include _mat-theme-overridable-elevation(12, $config);\\n }\\n\\n &.mat-button-disabled {\\n @include _mat-theme-overridable-elevation(0, $config);\\n }\\n }\\n}\\n\\n@mixin mat-button-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,\\n .mat-flat-button, .mat-fab, .mat-mini-fab {\\n font: {\\n family: mat-font-family($config, button);\\n size: mat-font-size($config, button);\\n weight: mat-font-weight($config, button);\\n }\\n }\\n}\\n\\n@mixin _mat-button-density($config-or-theme) {}\\n\\n@mixin mat-button-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-button') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-button-color($color);\\n }\\n @if $density != null {\\n @include _mat-button-density($density);\\n }\\n @if $typography != null {\\n @include mat-button-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n// Taken from mat-density with small modifications to not rely on the new Sass module\\n// system, and to support arbitrary properties in a density configuration.\\n// https://github.com/material-components/material-components-web/blob/master/packages/mdc-density\\n\\n$_mat-density-interval: 4px !default;\\n$_mat-density-minimum-scale: minimum !default;\\n$_mat-density-maximum-scale: maximum !default;\\n$_mat-density-supported-scales: (default, minimum, maximum) !default;\\n$_mat-density-default-scale: 0 !default;\\n\\n// Whether density should be generated at root. This will be temporarily set to `true`\\n// whenever density styles for legacy themes are generated.\\n$_mat-density-generate-at-root: false;\\n// Whether density styles should be generated. This will be temporarily set to `false` if\\n// duplicate density styles for a legacy theme would be generated. For legacy themes,\\n// we always generate the default density **only once** at root.\\n$_mat-density-generate-styles: true;\\n\\n// Mixin that can be used to wrap density styles of given components. The mixin will\\n// move the density styles to root if the `$_mat-density-generate-at-root` global variable\\n// is set. If `$_mat-density-generate-styles` is set to `false`, generation of density\\n// styles wrapped in this mixin is skipped. This mixin exists to improve backwards compatibility\\n// of the new theming API where density styles are included as part of themes. Previously,\\n// density styles of components were part of their base styles. With the new API, they are\\n// part of the theming system. The `<..>-theme` mixins generate density by default unless\\n// the density configuration is explicitly specified as per new API. This means, that projects\\n// using `<..>-theme` mixins for separate themes (like `.dark-theme`) will cause duplicate\\n// density styles. This is breaking as it increases specificity of density styles. This mixin\\n// provides an API to control generation of density styles so that we can ensure they are only\\n// created *once* and at root.\\n@mixin _mat-density-legacy-compatibility() {\\n @if $_mat-density-generate-styles and $_mat-density-generate-at-root {\\n @at-root {\\n @content;\\n }\\n }\\n @else if $_mat-density-generate-styles {\\n @content;\\n }\\n}\\n\\n@function _mat-density-prop-value($density-config, $density-scale, $property-name) {\\n @if (type-of($density-scale) == 'string' and\\n index($list: $_mat-density-supported-scales, $value: $density-scale) == null) {\\n @error 'mat-density: Supported density scales #{$_mat-density-supported-scales}, ' +\\n 'but received #{$density-scale}.';\\n }\\n\\n $value: null;\\n $property-scale-map: map-get($density-config, $property-name);\\n\\n @if map-has-key($property-scale-map, $density-scale) {\\n $value: map-get($property-scale-map, $density-scale);\\n }\\n @else {\\n $value: map-get($property-scale-map, default) + $density-scale * $_mat-density-interval;\\n }\\n\\n $min-value: map-get($property-scale-map, $_mat-density-minimum-scale);\\n $max-value: map-get($property-scale-map, $_mat-density-maximum-scale);\\n\\n @if ($value < $min-value or $value > $max-value) {\\n @error 'mat-density: #{$property-name} must be between #{$min-value} and ' +\\n '#{$max-value} (inclusive), but received #{$value}.';\\n }\\n\\n @return $value;\\n}\\n\\n$mat-button-toggle-standard-height: 48px !default;\\n// Minimum height for highest density can vary based on the content that developers\\n// project into button-toggle's. We use a minimum of `24px` though because commonly\\n// icons or text are displayed. Icons by default have a size of `24px`.\\n$mat-button-toggle-standard-minimum-height: 24px !default;\\n$mat-button-toggle-standard-maximum-height: $mat-button-toggle-standard-height !default;\\n\\n$mat-button-toggle-standard-density-config: (\\n height: (\\n default: $mat-button-toggle-standard-height,\\n maximum: $mat-button-toggle-standard-maximum-height,\\n minimum: $mat-button-toggle-standard-minimum-height,\\n )\\n) !default;\\n\\n\\n@mixin mat-button-toggle-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n $divider-color: mat-color($foreground, divider);\\n\\n .mat-button-toggle-standalone,\\n .mat-button-toggle-group {\\n @include _mat-theme-elevation(2, $config);\\n }\\n\\n .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n .mat-button-toggle-group-appearance-standard {\\n box-shadow: none;\\n }\\n\\n .mat-button-toggle {\\n color: mat-color($foreground, hint-text);\\n\\n .mat-button-toggle-focus-overlay {\\n background-color: mat-color($background, focused-button);\\n }\\n }\\n\\n .mat-button-toggle-appearance-standard {\\n color: mat-color($foreground, text);\\n background: mat-color($background, card);\\n\\n .mat-button-toggle-focus-overlay {\\n background-color: mat-color($background, focused-button, 1);\\n }\\n }\\n\\n .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n border-left: solid 1px $divider-color;\\n }\\n\\n [dir='rtl'] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n border-left: none;\\n border-right: solid 1px $divider-color;\\n }\\n\\n .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical {\\n .mat-button-toggle + .mat-button-toggle {\\n border-left: none;\\n border-right: none;\\n border-top: solid 1px $divider-color;\\n }\\n }\\n\\n .mat-button-toggle-checked {\\n background-color: mat-color($background, selected-button);\\n color: mat-color($foreground, secondary-text);\\n\\n &.mat-button-toggle-appearance-standard {\\n color: mat-color($foreground, text);\\n }\\n }\\n\\n .mat-button-toggle-disabled {\\n color: mat-color($foreground, disabled-button);\\n background-color: mat-color($background, disabled-button-toggle);\\n\\n &.mat-button-toggle-appearance-standard {\\n background: mat-color($background, card);\\n }\\n\\n &.mat-button-toggle-checked {\\n background-color: mat-color($background, selected-disabled-button);\\n }\\n }\\n\\n .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n .mat-button-toggle-group-appearance-standard {\\n border: solid 1px $divider-color;\\n }\\n}\\n\\n@mixin mat-button-toggle-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-button-toggle {\\n font-family: mat-font-family($config);\\n }\\n}\\n\\n@mixin _mat-button-toggle-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n $standard-height: _mat-density-prop-value(\\n $mat-button-toggle-standard-density-config, $density-scale, height);\\n\\n @include _mat-density-legacy-compatibility() {\\n .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {\\n line-height: $standard-height;\\n }\\n }\\n}\\n\\n@mixin mat-button-toggle-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-button-toggle') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-button-toggle-color($color);\\n }\\n @if $density != null {\\n @include _mat-button-toggle-density($density);\\n }\\n @if $typography != null {\\n @include mat-button-toggle-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-card-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-card {\\n @include _mat-theme-overridable-elevation(1, $config);\\n background: mat-color($background, card);\\n color: mat-color($foreground, text);\\n\\n // Needs extra specificity to be able to override the elevation selectors.\\n &.mat-card-flat {\\n @include _mat-theme-overridable-elevation(0, $config);\\n }\\n }\\n\\n .mat-card-subtitle {\\n color: mat-color($foreground, secondary-text);\\n }\\n}\\n\\n@mixin mat-card-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-card {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-card-title {\\n font: {\\n size: mat-font-size($config, headline);\\n weight: mat-font-weight($config, title);\\n }\\n }\\n\\n .mat-card-header .mat-card-title {\\n font-size: mat-font-size($config, title);\\n }\\n\\n .mat-card-subtitle,\\n .mat-card-content {\\n font-size: mat-font-size($config, body-1);\\n }\\n}\\n\\n@mixin _mat-card-density($config-or-theme) {}\\n\\n@mixin mat-card-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-card') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-card-color($color);\\n }\\n @if $density != null {\\n @include _mat-card-density($density);\\n }\\n @if $typography != null {\\n @include mat-card-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-checkbox-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $is-dark-theme: map-get($config, is-dark);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n\\n // The color of the checkbox's checkmark / mixedmark.\\n $checkbox-mark-color: mat-color($background, background);\\n\\n // NOTE(traviskaufman): While the spec calls for translucent blacks/whites for disabled colors,\\n // this does not work well with elements layered on top of one another. To get around this we\\n // blend the colors together based on the base color and the theme background.\\n $white-30pct-opacity-on-dark: #686868;\\n $black-26pct-opacity-on-light: #b0b0b0;\\n $disabled-color: if($is-dark-theme, $white-30pct-opacity-on-dark, $black-26pct-opacity-on-light);\\n\\n .mat-checkbox-frame {\\n border-color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-checkbox-checkmark {\\n fill: $checkbox-mark-color;\\n }\\n\\n .mat-checkbox-checkmark-path {\\n // !important is needed here because a stroke must be set as an\\n // attribute on the SVG in order for line animation to work properly.\\n stroke: $checkbox-mark-color !important;\\n }\\n\\n .mat-checkbox-mixedmark {\\n background-color: $checkbox-mark-color;\\n }\\n\\n .mat-checkbox-indeterminate, .mat-checkbox-checked {\\n &.mat-primary .mat-checkbox-background {\\n background-color: mat-color($primary);\\n }\\n\\n &.mat-accent .mat-checkbox-background {\\n background-color: mat-color($accent);\\n }\\n\\n &.mat-warn .mat-checkbox-background {\\n background-color: mat-color($warn);\\n }\\n }\\n\\n .mat-checkbox-disabled {\\n &.mat-checkbox-checked,\\n &.mat-checkbox-indeterminate {\\n .mat-checkbox-background {\\n background-color: $disabled-color;\\n }\\n }\\n\\n &:not(.mat-checkbox-checked) {\\n .mat-checkbox-frame {\\n border-color: $disabled-color;\\n }\\n }\\n\\n .mat-checkbox-label {\\n color: mat-color($foreground, secondary-text);\\n }\\n }\\n\\n // Switch this to a solid color since we're using `opacity`\\n // to control how opaque the ripple should be.\\n .mat-checkbox .mat-ripple-element {\\n background-color: map-get(map-get($config, foreground), base);\\n }\\n\\n .mat-checkbox-checked:not(.mat-checkbox-disabled),\\n .mat-checkbox:active:not(.mat-checkbox-disabled) {\\n &.mat-primary .mat-ripple-element {\\n background: mat-color($primary);\\n }\\n\\n &.mat-accent .mat-ripple-element {\\n background: mat-color($accent);\\n }\\n\\n &.mat-warn .mat-ripple-element {\\n background: mat-color($warn);\\n }\\n }\\n}\\n\\n@mixin mat-checkbox-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-checkbox {\\n font-family: mat-font-family($config);\\n }\\n\\n // TODO(kara): Remove this style when fixing vertical baseline\\n .mat-checkbox-layout .mat-checkbox-label {\\n line-height: mat-line-height($config, body-2);\\n }\\n}\\n\\n@mixin _mat-checkbox-density($config-or-theme) {}\\n\\n@mixin mat-checkbox-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-checkbox') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-checkbox-color($color);\\n }\\n @if $density != null {\\n @include _mat-checkbox-density($density);\\n }\\n @if $typography != null {\\n @include mat-checkbox-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n$mat-chip-remove-font-size: 18px;\\n\\n@mixin _mat-chip-element-color($foreground, $background) {\\n background-color: $background;\\n color: $foreground;\\n\\n .mat-chip-remove {\\n color: $foreground;\\n opacity: 0.4;\\n }\\n}\\n\\n\\n// Applies the background color for a ripple element.\\n// If the color value provided is not a Sass color,\\n// we assume that we've been given a CSS variable.\\n// Since we can't perform alpha-blending on a CSS variable,\\n// we instead add the opacity directly to the ripple element.\\n@mixin _mat-chips-ripple-background($palette, $default-contrast, $opacity) {\\n $background-color: mat-color($palette, $default-contrast, $opacity);\\n background-color: $background-color;\\n @if (type-of($background-color) != color) {\\n opacity: $opacity;\\n }\\n}\\n\\n@mixin _mat-chip-theme-color($palette) {\\n @include _mat-chip-element-color(mat-color($palette, default-contrast), mat-color($palette));\\n\\n .mat-ripple-element {\\n @include _mat-chips-ripple-background($palette, default-contrast, 0.1);\\n }\\n}\\n\\n@mixin mat-chips-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $is-dark-theme: map-get($config, is-dark);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n $unselected-background: mat-color($background, unselected-chip);\\n $unselected-foreground: mat-color($foreground, text);\\n\\n .mat-chip.mat-standard-chip {\\n @include _mat-chip-element-color($unselected-foreground, $unselected-background);\\n\\n &:not(.mat-chip-disabled) {\\n &:active {\\n @include _mat-theme-elevation(3, $config);\\n }\\n\\n .mat-chip-remove:hover {\\n opacity: 0.54;\\n }\\n }\\n\\n &.mat-chip-disabled {\\n opacity: 0.4;\\n }\\n\\n &::after {\\n background: map-get($foreground, base);\\n }\\n }\\n\\n .mat-chip.mat-standard-chip.mat-chip-selected {\\n &.mat-primary {\\n @include _mat-chip-theme-color($primary);\\n }\\n\\n &.mat-warn {\\n @include _mat-chip-theme-color($warn);\\n }\\n\\n &.mat-accent {\\n @include _mat-chip-theme-color($accent);\\n }\\n }\\n}\\n\\n@mixin mat-chips-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-chip {\\n font-size: mat-font-size($config, body-2);\\n font-weight: mat-font-weight($config, body-2);\\n\\n .mat-chip-trailing-icon.mat-icon,\\n .mat-chip-remove.mat-icon {\\n font-size: $mat-chip-remove-font-size;\\n }\\n }\\n}\\n\\n@mixin _mat-chips-density($config-or-theme) {}\\n\\n@mixin mat-chips-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-chips') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-chips-color($color);\\n }\\n @if $density != null {\\n @include _mat-chips-density($density);\\n }\\n @if $typography != null {\\n @include mat-chips-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-divider-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n\\n .mat-divider {\\n border-top-color: mat-color($foreground, divider);\\n }\\n\\n .mat-divider-vertical {\\n border-right-color: mat-color($foreground, divider);\\n }\\n}\\n\\n@mixin mat-divider-typography($config-or-theme) {}\\n\\n@mixin _mat-divider-density($config-or-theme) {}\\n\\n@mixin mat-divider-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-divider') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-divider-color($color);\\n }\\n @if $density != null {\\n @include _mat-divider-density($density);\\n }\\n @if $typography != null {\\n @include mat-divider-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-table-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-table {\\n background: mat-color($background, 'card');\\n }\\n\\n .mat-table thead, .mat-table tbody, .mat-table tfoot,\\n mat-header-row, mat-row, mat-footer-row,\\n [mat-header-row], [mat-row], [mat-footer-row],\\n .mat-table-sticky {\\n background: inherit;\\n }\\n\\n mat-row, mat-header-row, mat-footer-row,\\n th.mat-header-cell, td.mat-cell, td.mat-footer-cell {\\n border-bottom-color: mat-color($foreground, divider);\\n }\\n\\n .mat-header-cell {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-cell, .mat-footer-cell {\\n color: mat-color($foreground, text);\\n }\\n}\\n\\n@mixin mat-table-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-table {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-header-cell {\\n font-size: mat-font-size($config, caption);\\n font-weight: mat-font-weight($config, body-2);\\n }\\n\\n .mat-cell, .mat-footer-cell {\\n font-size: mat-font-size($config, body-1);\\n }\\n}\\n\\n@mixin _mat-table-density($config-or-theme) {}\\n\\n@mixin mat-table-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-table') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-table-color($color);\\n }\\n @if $density != null {\\n @include _mat-table-density($density);\\n }\\n @if $typography != null {\\n @include mat-table-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n$mat-datepicker-selected-today-box-shadow-width: 1px;\\n$mat-datepicker-selected-fade-amount: 0.6;\\n$mat-datepicker-range-fade-amount: 0.2;\\n$mat-datepicker-today-fade-amount: 0.2;\\n$mat-calendar-body-font-size: 13px !default;\\n$mat-calendar-weekday-table-font-size: 11px !default;\\n\\n@mixin _mat-datepicker-color($palette) {\\n @include mat-date-range-colors(\\n mat-color($palette, default, $mat-datepicker-range-fade-amount));\\n\\n .mat-calendar-body-selected {\\n background-color: mat-color($palette);\\n color: mat-color($palette, default-contrast);\\n }\\n\\n .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n $background: mat-color($palette);\\n\\n @if (type-of($background) == color) {\\n background-color: fade-out($background, $mat-datepicker-selected-fade-amount);\\n }\\n @else {\\n // If we couldn't resolve to background to a color (e.g. it's a CSS variable),\\n // fall back to fading the content out via `opacity`.\\n opacity: $mat-datepicker-today-fade-amount;\\n }\\n }\\n\\n .mat-calendar-body-today.mat-calendar-body-selected {\\n box-shadow: inset 0 0 0 $mat-datepicker-selected-today-box-shadow-width\\n mat-color($palette, default-contrast);\\n }\\n}\\n\\n// Utility mixin to target cells that aren't selected. Used to make selector easier to follow.\\n@mixin _mat-datepicker-unselected-cell {\\n &:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n @content;\\n }\\n}\\n\\n@mixin mat-datepicker-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n $disabled-color: mat-color($foreground, disabled-text);\\n\\n .mat-calendar-arrow {\\n border-top-color: mat-color($foreground, icon);\\n }\\n\\n // The prev/next buttons need a bit more specificity to\\n // avoid being overwritten by the .mat-icon-button.\\n .mat-datepicker-toggle,\\n .mat-datepicker-content .mat-calendar-next-button,\\n .mat-datepicker-content .mat-calendar-previous-button {\\n color: mat-color($foreground, icon);\\n }\\n\\n .mat-calendar-table-header {\\n color: mat-color($foreground, hint-text);\\n }\\n\\n .mat-calendar-table-header-divider::after {\\n background: mat-color($foreground, divider);\\n }\\n\\n .mat-calendar-body-label {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-calendar-body-cell-content,\\n .mat-date-range-input-separator {\\n color: mat-color($foreground, text);\\n border-color: transparent;\\n }\\n\\n .mat-calendar-body-disabled > .mat-calendar-body-cell-content {\\n @include _mat-datepicker-unselected-cell {\\n color: $disabled-color;\\n }\\n }\\n\\n .mat-form-field-disabled .mat-date-range-input-separator {\\n color: $disabled-color;\\n }\\n\\n .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover,\\n .cdk-keyboard-focused .mat-calendar-body-active,\\n .cdk-program-focused .mat-calendar-body-active {\\n & > .mat-calendar-body-cell-content {\\n @include _mat-datepicker-unselected-cell {\\n background-color: mat-color($background, hover);\\n }\\n }\\n }\\n\\n .mat-calendar-body-in-preview {\\n $divider-color: mat-color($foreground, divider);\\n\\n @if type-of($divider-color) == color {\\n // The divider color is set under the assumption that it'll be used\\n // for a solid border, but because we're using a dashed border for the\\n // preview range, we need to bump its opacity to ensure that it's visible.\\n color: rgba($divider-color, min(opacity($divider-color) * 2, 1));\\n }\\n @else {\\n color: $divider-color;\\n }\\n }\\n\\n .mat-calendar-body-today {\\n @include _mat-datepicker-unselected-cell {\\n // Note: though it's not text, the border is a hint about the fact that this is today's date,\\n // so we use the hint color.\\n border-color: mat-color($foreground, hint-text);\\n }\\n }\\n\\n .mat-calendar-body-disabled > .mat-calendar-body-today {\\n @include _mat-datepicker-unselected-cell {\\n $color: mat-color($foreground, hint-text);\\n\\n @if (type-of($color) == color) {\\n border-color: fade-out($color, $mat-datepicker-today-fade-amount);\\n }\\n @else {\\n // If the color didn't resolve to a color value, but something like a CSS variable, we can't\\n // fade it out so we fall back to reducing the element opacity. Note that we don't use the\\n // $mat-datepicker-today-fade-amount, because hint text usually has some opacity applied\\n // to it already and we don't want them to stack on top of each other.\\n opacity: 0.5;\\n }\\n }\\n }\\n\\n @include _mat-datepicker-color(map-get($config, primary));\\n\\n .mat-datepicker-content {\\n @include _mat-theme-elevation(4, $config);\\n background-color: mat-color($background, card);\\n color: mat-color($foreground, text);\\n\\n &.mat-accent {\\n @include _mat-datepicker-color(map-get($config, accent));\\n }\\n\\n &.mat-warn {\\n @include _mat-datepicker-color(map-get($config, warn));\\n }\\n }\\n\\n .mat-datepicker-content-touch {\\n @include _mat-theme-elevation(0, $config);\\n }\\n\\n .mat-datepicker-toggle-active {\\n color: mat-color(map-get($config, primary), text);\\n\\n &.mat-accent {\\n color: mat-color(map-get($config, accent), text);\\n }\\n\\n &.mat-warn {\\n color: mat-color(map-get($config, warn), text);\\n }\\n }\\n\\n .mat-date-range-input-inner[disabled] {\\n color: mat-color($foreground, disabled-text);\\n }\\n}\\n\\n@mixin mat-datepicker-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-calendar {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-calendar-body {\\n font-size: $mat-calendar-body-font-size;\\n }\\n\\n .mat-calendar-body-label,\\n .mat-calendar-period-button {\\n font: {\\n size: mat-font-size($config, button);\\n weight: mat-font-weight($config, button);\\n }\\n }\\n\\n .mat-calendar-table-header th {\\n font: {\\n size: $mat-calendar-weekday-table-font-size;\\n weight: mat-font-weight($config, body-1);\\n }\\n }\\n}\\n\\n@mixin mat-date-range-colors(\\n $range-color,\\n $comparison-color: rgba(#f9ab00, $mat-datepicker-range-fade-amount),\\n $overlap-color: #a8dab5,\\n $overlap-selected-color: darken($overlap-color, 30%)) {\\n\\n .mat-calendar-body-in-range::before {\\n background: $range-color;\\n }\\n\\n .mat-calendar-body-comparison-identical,\\n .mat-calendar-body-in-comparison-range::before {\\n background: $comparison-color;\\n }\\n\\n .mat-calendar-body-comparison-bridge-start::before,\\n [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before {\\n background: linear-gradient(to right, $range-color 50%, $comparison-color 50%);\\n }\\n\\n .mat-calendar-body-comparison-bridge-end::before,\\n [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before {\\n background: linear-gradient(to left, $range-color 50%, $comparison-color 50%);\\n }\\n\\n .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n background: $overlap-color;\\n }\\n\\n .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n background: $overlap-selected-color;\\n }\\n}\\n\\n@mixin _mat-datepicker-density($config-or-theme) {}\\n\\n@mixin mat-datepicker-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-datepicker') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-datepicker-color($color);\\n }\\n @if $density != null {\\n @include _mat-datepicker-density($density);\\n }\\n @if $typography != null {\\n @include mat-datepicker-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-dialog-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-dialog-container {\\n @include _mat-theme-elevation(24, $config);\\n background: mat-color($background, dialog);\\n color: mat-color($foreground, text);\\n }\\n}\\n\\n@mixin mat-dialog-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-dialog-title {\\n @include mat-typography-level-to-styles($config, title);\\n }\\n}\\n\\n@mixin _mat-dialog-density($config-or-theme) {}\\n\\n@mixin mat-dialog-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-dialog') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-dialog-color($color);\\n }\\n @if $density != null {\\n @include _mat-dialog-density($density);\\n }\\n @if $typography != null {\\n @include mat-dialog-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n// Default minimum and maximum height for collapsed panel headers.\\n$mat-expansion-panel-header-collapsed-height: 48px !default;\\n$mat-expansion-panel-header-collapsed-minimum-height: 36px !default;\\n$mat-expansion-panel-header-collapsed-maximum-height:\\n $mat-expansion-panel-header-collapsed-height !default;\\n\\n// Default minimum and maximum height for expanded panel headers.\\n$mat-expansion-panel-header-expanded-height: 64px !default;\\n$mat-expansion-panel-header-expanded-minimum-height: 48px !default;\\n$mat-expansion-panel-header-expanded-maximum-height:\\n $mat-expansion-panel-header-expanded-height !default;\\n\\n// Density configuration for the expansion panel. Captures the\\n// height for both expanded and collapsed panel headers.\\n$mat-expansion-panel-header-density-config: (\\n collapsed-height: (\\n default: $mat-expansion-panel-header-collapsed-height,\\n maximum: $mat-expansion-panel-header-collapsed-maximum-height,\\n minimum: $mat-expansion-panel-header-collapsed-minimum-height,\\n ),\\n expanded-height: (\\n default: $mat-expansion-panel-header-expanded-height,\\n maximum: $mat-expansion-panel-header-expanded-maximum-height,\\n minimum: $mat-expansion-panel-header-expanded-minimum-height,\\n )\\n) !default;\\n\\n// Note: Keep this in sync with the animation timing for the toggle indicator\\n// and body expansion. These are animated using Angular animations.\\n$mat-expansion-panel-header-transition: 225ms cubic-bezier(0.4, 0, 0.2, 1);\\n\\n\\n@mixin mat-expansion-panel-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-expansion-panel {\\n @include _mat-theme-overridable-elevation(2, $config);\\n background: mat-color($background, card);\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-action-row {\\n border-top-color: mat-color($foreground, divider);\\n }\\n\\n .mat-expansion-panel {\\n & .mat-expansion-panel-header.cdk-keyboard-focused,\\n & .mat-expansion-panel-header.cdk-program-focused,\\n &:not(.mat-expanded) .mat-expansion-panel-header:hover {\\n &:not([aria-disabled='true']) {\\n background: mat-color($background, hover);\\n }\\n }\\n }\\n\\n // Disable the hover on touch devices since it can appear like it is stuck. We can't use\\n // `@media (hover)` above, because the desktop support browser support isn't great.\\n @media (hover: none) {\\n .mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true'])\\n .mat-expansion-panel-header:hover {\\n background: mat-color($background, card);\\n }\\n }\\n\\n .mat-expansion-panel-header-title {\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-expansion-panel-header-description,\\n .mat-expansion-indicator::after {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-expansion-panel-header[aria-disabled='true'] {\\n color: mat-color($foreground, disabled-button);\\n\\n .mat-expansion-panel-header-title,\\n .mat-expansion-panel-header-description {\\n color: inherit;\\n }\\n }\\n}\\n\\n@mixin mat-expansion-panel-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-expansion-panel-header {\\n font: {\\n family: mat-font-family($config, subheading-1);\\n size: mat-font-size($config, subheading-1);\\n weight: mat-font-weight($config, subheading-1);\\n }\\n }\\n\\n .mat-expansion-panel-content {\\n @include mat-typography-level-to-styles($config, body-1);\\n }\\n}\\n\\n@mixin _mat-expansion-panel-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n $expanded-height: _mat-density-prop-value(\\n $mat-expansion-panel-header-density-config, $density-scale, expanded-height);\\n $collapsed-height: _mat-density-prop-value(\\n $mat-expansion-panel-header-density-config, $density-scale, collapsed-height);\\n\\n @include _mat-density-legacy-compatibility() {\\n .mat-expansion-panel-header {\\n height: $collapsed-height;\\n\\n &.mat-expanded {\\n height: $expanded-height;\\n }\\n }\\n }\\n}\\n\\n@mixin mat-expansion-panel-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-expansion-panel') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-expansion-panel-color($color);\\n }\\n @if $density != null {\\n @include _mat-expansion-panel-density($density);\\n }\\n @if $typography != null {\\n @include mat-expansion-panel-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n// This mixin will ensure that lines that overflow the container will hide the overflow and\\n// truncate neatly with an ellipsis.\\n@mixin mat-truncate-line() {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n}\\n\\n// Mixin to provide all mat-line styles, changing secondary font size based on whether the list\\n// is in dense mode.\\n@mixin mat-line-base($secondary-font-size) {\\n .mat-line {\\n @include mat-truncate-line();\\n display: block;\\n box-sizing: border-box;\\n\\n // all lines but the top line should have smaller text\\n &:nth-child(n+2) {\\n font-size: $secondary-font-size;\\n }\\n }\\n}\\n\\n// This mixin normalizes default element styles, e.g. font weight for heading text.\\n@mixin mat-normalize-text() {\\n & > * {\\n margin: 0;\\n padding: 0;\\n font-weight: normal;\\n font-size: inherit;\\n }\\n}\\n\\n// This mixin provides base styles for the wrapper around mat-line elements in a list.\\n@mixin mat-line-wrapper-base() {\\n @include mat-normalize-text();\\n\\n display: flex;\\n flex-direction: column;\\n flex: auto;\\n box-sizing: border-box;\\n overflow: hidden;\\n\\n // Must remove wrapper when lines are empty or it takes up horizontal\\n // space and pushes other elements to the right.\\n &:empty {\\n display: none;\\n }\\n}\\n\\n\\n\\n// Include this empty mixin for consistency with the other components.\\n@mixin mat-grid-list-color($config-or-theme) {}\\n\\n@mixin mat-grid-list-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-grid-tile-header,\\n .mat-grid-tile-footer {\\n @include mat-line-base(mat-font-size($config, caption));\\n font-size: mat-font-size($config, body-1);\\n }\\n}\\n\\n@mixin _mat-grid-list-density($config-or-theme) {}\\n\\n@mixin mat-grid-list-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-grid-list') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-grid-list-color($color);\\n }\\n @if $density != null {\\n @include _mat-grid-list-density($density);\\n }\\n @if $typography != null {\\n @include mat-grid-list-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n@mixin mat-icon-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-icon {\\n &.mat-primary {\\n color: mat-color($primary, text);\\n }\\n\\n &.mat-accent {\\n color: mat-color($accent, text);\\n }\\n\\n &.mat-warn {\\n color: mat-color($warn, text);\\n }\\n }\\n}\\n\\n@mixin mat-icon-typography($config-or-theme) {}\\n\\n@mixin _mat-icon-density($config-or-theme) {}\\n\\n@mixin mat-icon-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-icon') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-icon-color($color);\\n }\\n @if $density != null {\\n @include _mat-icon-density($density);\\n }\\n @if $typography != null {\\n @include mat-icon-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n// Renders a gradient for showing the dashed line when the input is disabled.\\n// Unlike using a border, a gradient allows us to adjust the spacing of the dotted line\\n// to match the Material Design spec.\\n@mixin mat-control-disabled-underline($color) {\\n background-image: linear-gradient(to right, $color 0%, $color 33%, transparent 0%);\\n background-size: 4px 100%;\\n background-repeat: repeat-x;\\n}\\n\\n// Figures out the color of the placeholder for a form control.\\n// Used primarily to prevent the various form controls from\\n// becoming out of sync since these colors aren't in a palette.\\n@function _mat-control-placeholder-color($config) {\\n $foreground: map-get($config, foreground);\\n $is-dark-theme: map-get($config, is-dark);\\n @return mat-color($foreground, secondary-text, if($is-dark-theme, 0.5, 0.42));\\n}\\n\\n\\n/* stylelint-disable material/no-prefixes */\\n@mixin user-select($value) {\\n -webkit-user-select: $value;\\n -moz-user-select: $value;\\n -ms-user-select: $value;\\n user-select: $value;\\n}\\n\\n@mixin input-placeholder {\\n &::placeholder {\\n @content;\\n }\\n\\n &::-moz-placeholder {\\n @content;\\n }\\n\\n &::-webkit-input-placeholder {\\n @content;\\n }\\n\\n &:-ms-input-placeholder {\\n @content;\\n }\\n}\\n\\n@mixin cursor-grab {\\n cursor: -webkit-grab;\\n cursor: grab;\\n}\\n\\n@mixin cursor-grabbing {\\n cursor: -webkit-grabbing;\\n cursor: grabbing;\\n}\\n\\n@mixin backface-visibility($value) {\\n -webkit-backface-visibility: $value;\\n backface-visibility: $value;\\n}\\n\\n@mixin position-sticky {\\n position: -webkit-sticky;\\n position: sticky;\\n}\\n/* stylelint-enable */\\n\\n\\n\\n@mixin mat-input-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $foreground: map-get($config, foreground);\\n\\n .mat-form-field-type-mat-native-select .mat-form-field-infix::after {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-input-element:disabled,\\n .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {\\n color: mat-color($foreground, disabled-text);\\n }\\n\\n .mat-input-element {\\n caret-color: mat-color($primary, text);\\n\\n @include input-placeholder {\\n color: _mat-control-placeholder-color($config);\\n }\\n\\n // On dark themes we set the native `select` color to some shade of white,\\n // however the color propagates to all of the `option` elements, which are\\n // always on a white background inside the dropdown, causing them to blend in.\\n // Since we can't change background of the dropdown, we need to explicitly\\n // reset the color of the options to something dark.\\n @if (map-get($config, is-dark)) {\\n option {\\n color: $dark-primary-text;\\n }\\n\\n option:disabled {\\n color: $dark-disabled-text;\\n }\\n }\\n }\\n\\n .mat-form-field.mat-accent .mat-input-element {\\n caret-color: mat-color($accent, text);\\n }\\n\\n .mat-form-field.mat-warn .mat-input-element,\\n .mat-form-field-invalid .mat-input-element {\\n caret-color: mat-color($warn, text);\\n }\\n\\n .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {\\n color: mat-color($warn, text);\\n }\\n}\\n\\n@mixin mat-input-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n // The unit-less line-height from the font config.\\n $line-height: mat-line-height($config, input);\\n\\n // The amount of space between the top of the line and the top of the actual text\\n // (as a fraction of the font-size).\\n $line-spacing: ($line-height - 1) / 2;\\n\\n // elements seem to have their height set slightly too large on Safari causing the text to\\n // be misaligned w.r.t. the placeholder. Adding this margin corrects it.\\n input.mat-input-element {\\n margin-top: -$line-spacing * 1em;\\n }\\n}\\n\\n@mixin _mat-input-density($config-or-theme) {}\\n\\n@mixin mat-input-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-input') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-input-color($color);\\n }\\n @if $density != null {\\n @include _mat-input-density($density);\\n }\\n @if $typography != null {\\n @include mat-input-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-list-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-list-base {\\n .mat-list-item {\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-list-option {\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-subheader {\\n color: mat-color($foreground, secondary-text);\\n }\\n }\\n\\n .mat-list-item-disabled {\\n background-color: mat-color($background, disabled-list-option);\\n }\\n\\n .mat-list-option,\\n .mat-nav-list .mat-list-item,\\n .mat-action-list .mat-list-item {\\n &:hover, &:focus {\\n background: mat-color($background, 'hover');\\n }\\n }\\n\\n .mat-list-single-selected-option {\\n &, &:hover, &:focus {\\n background: mat-color($background, hover, 0.12);\\n }\\n }\\n}\\n\\n@mixin mat-list-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n $font-family: mat-font-family($config);\\n\\n .mat-list-item {\\n font-family: $font-family;\\n }\\n\\n .mat-list-option {\\n font-family: $font-family;\\n }\\n\\n // Default list\\n .mat-list-base {\\n .mat-list-item {\\n font-size: mat-font-size($config, subheading-2);\\n @include mat-line-base(mat-font-size($config, body-1));\\n }\\n\\n .mat-list-option {\\n font-size: mat-font-size($config, subheading-2);\\n @include mat-line-base(mat-font-size($config, body-1));\\n }\\n\\n .mat-subheader {\\n font-family: mat-font-family($config, body-2);\\n font-size: mat-font-size($config, body-2);\\n font-weight: mat-font-weight($config, body-2);\\n }\\n }\\n\\n // Dense list\\n .mat-list-base[dense] {\\n .mat-list-item {\\n font-size: mat-font-size($config, caption);\\n @include mat-line-base(mat-font-size($config, caption));\\n }\\n\\n .mat-list-option {\\n font-size: mat-font-size($config, caption);\\n @include mat-line-base(mat-font-size($config, caption));\\n }\\n\\n .mat-subheader {\\n font-family: $font-family;\\n font-size: mat-font-size($config, caption);\\n font-weight: mat-font-weight($config, body-2);\\n }\\n }\\n}\\n\\n@mixin _mat-list-density($config-or-theme) {}\\n\\n@mixin mat-list-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-list') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-list-color($color);\\n }\\n @if $density != null {\\n @include _mat-list-density($density);\\n }\\n @if $typography != null {\\n @include mat-list-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-menu-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-menu-panel {\\n @include _mat-theme-overridable-elevation(4, $config);\\n background: mat-color($background, 'card');\\n }\\n\\n .mat-menu-item {\\n background: transparent;\\n color: mat-color($foreground, 'text');\\n\\n &[disabled] {\\n &, &::after {\\n color: mat-color($foreground, 'disabled');\\n }\\n }\\n }\\n\\n .mat-menu-item .mat-icon-no-color,\\n .mat-menu-item-submenu-trigger::after {\\n color: mat-color($foreground, 'icon');\\n }\\n\\n .mat-menu-item:hover,\\n .mat-menu-item.cdk-program-focused,\\n .mat-menu-item.cdk-keyboard-focused,\\n .mat-menu-item-highlighted {\\n &:not([disabled]) {\\n background: mat-color($background, 'hover');\\n }\\n }\\n}\\n\\n@mixin mat-menu-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-menu-item {\\n font: {\\n family: mat-font-family($config, body-1);\\n size: mat-font-size($config, body-1);\\n weight: mat-font-weight($config, body-1);\\n }\\n }\\n}\\n\\n@mixin _mat-menu-density($config-or-theme) {}\\n\\n@mixin mat-menu-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-menu') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-menu-color($color);\\n }\\n @if $density != null {\\n @include _mat-menu-density($density);\\n }\\n @if $typography != null {\\n @include mat-menu-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n$mat-paginator-height: 56px !default;\\n// Minimum height for paginator's in the highest density is determined based on how\\n// much the paginator can shrink until the content exceeds (i.e. navigation buttons).\\n$mat-paginator-minimum-height: 40px !default;\\n$mat-paginator-maximum-height: $mat-paginator-height !default;\\n\\n$mat-paginator-density-config: (\\n height: (\\n default: $mat-paginator-height,\\n maximum: $mat-paginator-maximum-height,\\n minimum: $mat-paginator-minimum-height,\\n )\\n) !default;\\n\\n\\n@mixin mat-paginator-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n\\n .mat-paginator {\\n background: mat-color($background, 'card');\\n }\\n\\n .mat-paginator,\\n .mat-paginator-page-size .mat-select-trigger {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-paginator-decrement,\\n .mat-paginator-increment {\\n border-top: 2px solid mat-color($foreground, 'icon');\\n border-right: 2px solid mat-color($foreground, 'icon');\\n }\\n\\n .mat-paginator-first,\\n .mat-paginator-last {\\n border-top: 2px solid mat-color($foreground, 'icon');\\n }\\n\\n .mat-icon-button[disabled] {\\n .mat-paginator-decrement,\\n .mat-paginator-increment,\\n .mat-paginator-first,\\n .mat-paginator-last {\\n border-color: mat-color($foreground, 'disabled');\\n }\\n }\\n}\\n\\n@mixin mat-paginator-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-paginator,\\n .mat-paginator-page-size .mat-select-trigger {\\n font: {\\n family: mat-font-family($config, caption);\\n size: mat-font-size($config, caption);\\n }\\n }\\n}\\n\\n@mixin _mat-paginator-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n $height: _mat-density-prop-value($mat-paginator-density-config, $density-scale, height);\\n\\n @include _mat-density-legacy-compatibility() {\\n .mat-paginator-container {\\n min-height: $height;\\n }\\n }\\n}\\n\\n@mixin mat-paginator-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-paginator') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-paginator-color($color);\\n }\\n @if $density != null {\\n @include _mat-paginator-density($density);\\n }\\n @if $typography != null {\\n @include mat-paginator-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n@mixin mat-progress-bar-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n\\n .mat-progress-bar-background {\\n fill: mat-color($primary, lighter);\\n }\\n\\n .mat-progress-bar-buffer {\\n background-color: mat-color($primary, lighter);\\n }\\n\\n .mat-progress-bar-fill::after {\\n background-color: mat-color($primary);\\n }\\n\\n .mat-progress-bar.mat-accent {\\n .mat-progress-bar-background {\\n fill: mat-color($accent, lighter);\\n }\\n\\n .mat-progress-bar-buffer {\\n background-color: mat-color($accent, lighter);\\n }\\n\\n .mat-progress-bar-fill::after {\\n background-color: mat-color($accent);\\n }\\n }\\n\\n .mat-progress-bar.mat-warn {\\n .mat-progress-bar-background {\\n fill: mat-color($warn, lighter);\\n }\\n\\n .mat-progress-bar-buffer {\\n background-color: mat-color($warn, lighter);\\n }\\n\\n .mat-progress-bar-fill::after {\\n background-color: mat-color($warn);\\n }\\n }\\n}\\n\\n@mixin mat-progress-bar-typography($config-or-theme) {}\\n\\n@mixin _mat-progress-bar-density($config-or-theme) {}\\n\\n@mixin mat-progress-bar-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-progress-bar') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-progress-bar-color($color);\\n }\\n @if $density != null {\\n @include _mat-progress-bar-density($density);\\n }\\n @if $typography != null {\\n @include mat-progress-bar-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-progress-spinner-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n\\n .mat-progress-spinner, .mat-spinner {\\n circle {\\n stroke: mat-color($primary);\\n }\\n\\n &.mat-accent circle {\\n stroke: mat-color($accent);\\n }\\n\\n &.mat-warn circle {\\n stroke: mat-color($warn);\\n }\\n }\\n}\\n\\n@mixin mat-progress-spinner-typography($config-or-theme) {}\\n\\n@mixin _mat-progress-spinner-density($config-or-theme) {}\\n\\n@mixin mat-progress-spinner-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-progress-spinner') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-progress-spinner-color($color);\\n }\\n @if $density != null {\\n @include _mat-progress-spinner-density($density);\\n }\\n @if $typography != null {\\n @include mat-progress-spinner-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin _mat-radio-color($palette) {\\n &.mat-radio-checked .mat-radio-outer-circle {\\n border-color: mat-color($palette);\\n }\\n\\n .mat-radio-inner-circle,\\n .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),\\n &.mat-radio-checked .mat-radio-persistent-ripple,\\n &:active .mat-radio-persistent-ripple {\\n background-color: mat-color($palette);\\n }\\n}\\n\\n@mixin mat-radio-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-radio-outer-circle {\\n border-color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-radio-button {\\n &.mat-primary {\\n @include _mat-radio-color($primary);\\n }\\n\\n &.mat-accent {\\n @include _mat-radio-color($accent);\\n }\\n\\n &.mat-warn {\\n @include _mat-radio-color($warn);\\n }\\n\\n // This needs extra specificity, because the classes above are combined\\n // (e.g. `.mat-radio-button.mat-accent`) which increases their specificity a lot.\\n // TODO: consider making the selectors into descendants (`.mat-primary .mat-radio-button`).\\n &.mat-radio-disabled {\\n &.mat-radio-checked .mat-radio-outer-circle,\\n .mat-radio-outer-circle {\\n border-color: mat-color($foreground, disabled);\\n }\\n\\n .mat-radio-ripple .mat-ripple-element,\\n .mat-radio-inner-circle {\\n background-color: mat-color($foreground, disabled);\\n }\\n\\n .mat-radio-label-content {\\n color: mat-color($foreground, disabled);\\n }\\n }\\n\\n // Switch this to a solid color since we're using `opacity`\\n // to control how opaque the ripple should be.\\n .mat-ripple-element {\\n background-color: map-get($foreground, base);\\n }\\n }\\n}\\n\\n@mixin mat-radio-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-radio-button {\\n font-family: mat-font-family($config);\\n }\\n}\\n\\n@mixin _mat-radio-density($config-or-theme) {}\\n\\n@mixin mat-radio-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-radio') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-radio-color($color);\\n }\\n @if $density != null {\\n @include _mat-radio-density($density);\\n }\\n @if $typography != null {\\n @include mat-radio-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-select-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n\\n .mat-select-value {\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-select-placeholder {\\n color: _mat-control-placeholder-color($config);\\n }\\n\\n .mat-select-disabled .mat-select-value {\\n color: mat-color($foreground, disabled-text);\\n }\\n\\n .mat-select-arrow {\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-select-panel {\\n background: mat-color($background, card);\\n @include _mat-theme-overridable-elevation(4, $config);\\n\\n .mat-option.mat-selected:not(.mat-option-multiple) {\\n background: mat-color($background, hover, 0.12);\\n }\\n }\\n\\n .mat-form-field {\\n &.mat-focused {\\n &.mat-primary .mat-select-arrow {\\n color: mat-color($primary, text);\\n }\\n\\n &.mat-accent .mat-select-arrow {\\n color: mat-color($accent, text);\\n }\\n\\n &.mat-warn .mat-select-arrow {\\n color: mat-color($warn, text);\\n }\\n }\\n\\n .mat-select.mat-select-invalid .mat-select-arrow {\\n color: mat-color($warn, text);\\n }\\n\\n .mat-select.mat-select-disabled .mat-select-arrow {\\n color: mat-color($foreground, disabled-text);\\n }\\n }\\n}\\n\\n@mixin mat-select-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n // The unit-less line-height from the font config.\\n $line-height: mat-line-height($config, input);\\n\\n .mat-select {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-select-trigger {\\n height: $line-height * 1em;\\n }\\n}\\n\\n@mixin _mat-select-density($config-or-theme) {}\\n\\n@mixin mat-select-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-select') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-select-color($color);\\n }\\n @if $density != null {\\n @include _mat-select-density($density);\\n }\\n @if $typography != null {\\n @include mat-select-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-sidenav-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n $drawer-background-color: mat-color($background, dialog);\\n $drawer-container-background-color: mat-color($background, background);\\n $drawer-push-background-color: mat-color($background, dialog);\\n $drawer-side-border: solid 1px mat-color($foreground, divider);\\n\\n .mat-drawer-container {\\n background-color: $drawer-container-background-color;\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-drawer {\\n background-color: $drawer-background-color;\\n color: mat-color($foreground, text);\\n\\n &.mat-drawer-push {\\n background-color: $drawer-push-background-color;\\n }\\n\\n &:not(.mat-drawer-side) {\\n // The elevation of z-16 is noted in the design specifications.\\n // See https://material.io/design/components/navigation-drawer.html\\n @include _mat-theme-elevation(16, $config);\\n }\\n }\\n\\n .mat-drawer-side {\\n border-right: $drawer-side-border;\\n\\n &.mat-drawer-end {\\n border-left: $drawer-side-border;\\n border-right: none;\\n }\\n }\\n\\n [dir='rtl'] .mat-drawer-side {\\n border-left: $drawer-side-border;\\n border-right: none;\\n\\n &.mat-drawer-end {\\n border-left: none;\\n border-right: $drawer-side-border;\\n }\\n }\\n\\n .mat-drawer-backdrop.mat-drawer-shown {\\n $opacity: 0.6;\\n $backdrop-color: mat-color($background, card, $opacity);\\n\\n @if (type-of($backdrop-color) == color) {\\n // We use invert() here to have the darken the background color expected to be used. If the\\n // background is light, we use a dark backdrop. If the background is dark,\\n // we use a light backdrop.\\n background-color: invert($backdrop-color);\\n }\\n @else {\\n // If we couldn't resolve the backdrop color to a color value, fall back to using\\n // `opacity` to make it opaque since its end value could be a solid color.\\n background-color: $backdrop-color;\\n opacity: $opacity;\\n }\\n }\\n}\\n\\n@mixin mat-sidenav-typography($config-or-theme) {}\\n\\n@mixin _mat-sidenav-density($config-or-theme) {}\\n\\n@mixin mat-sidenav-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-sidenav') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-sidenav-color($color);\\n }\\n @if $density != null {\\n @include _mat-sidenav-density($density);\\n }\\n @if $typography != null {\\n @include mat-sidenav-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n@mixin _mat-slide-toggle-checked($palette, $thumb-checked-hue) {\\n &.mat-checked {\\n .mat-slide-toggle-thumb {\\n background-color: mat-color($palette, $thumb-checked-hue);\\n }\\n\\n .mat-slide-toggle-bar {\\n // Opacity is determined from the specs for the selection controls.\\n // See: https://material.io/design/components/selection-controls.html#specs\\n background-color: mat-color($palette, $thumb-checked-hue, 0.54);\\n }\\n\\n .mat-ripple-element {\\n // Set no opacity for the ripples because the ripple opacity will be adjusted dynamically\\n // based on the type of interaction with the slide-toggle (e.g. for hover, focus)\\n background-color: mat-color($palette, $thumb-checked-hue);\\n }\\n }\\n}\\n\\n@mixin mat-slide-toggle-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $is-dark: map-get($config, is-dark);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n // Color hues are based on the specs which briefly show the hues that are applied to a switch.\\n // The 2018 specs no longer describe how dark switches should look like. Due to the lack of\\n // information for dark themed switches, we partially keep the old behavior that is based on\\n // the previous specifications. For the checked color we always use the `default` hue because\\n // that follows MDC and also makes it easier for people to create a custom theme without needing\\n // to specify each hue individually.\\n $thumb-unchecked-hue: if($is-dark, 400, 50);\\n $thumb-checked-hue: default;\\n\\n $bar-unchecked-color: mat-color($foreground, disabled);\\n $ripple-unchecked-color: mat-color($foreground, base);\\n\\n .mat-slide-toggle {\\n @include _mat-slide-toggle-checked($accent, $thumb-checked-hue);\\n\\n &.mat-primary {\\n @include _mat-slide-toggle-checked($primary, $thumb-checked-hue);\\n }\\n\\n &.mat-warn {\\n @include _mat-slide-toggle-checked($warn, $thumb-checked-hue);\\n }\\n\\n &:not(.mat-checked) .mat-ripple-element {\\n // Set no opacity for the ripples because the ripple opacity will be adjusted dynamically\\n // based on the type of interaction with the slide-toggle (e.g. for hover, focus)\\n background-color: $ripple-unchecked-color;\\n }\\n }\\n\\n .mat-slide-toggle-thumb {\\n @include _mat-theme-elevation(1, $config);\\n background-color: mat-color($mat-grey, $thumb-unchecked-hue);\\n }\\n\\n .mat-slide-toggle-bar {\\n background-color: $bar-unchecked-color;\\n }\\n}\\n\\n@mixin mat-slide-toggle-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-slide-toggle-content {\\n font-family: mat-font-family($config);\\n }\\n}\\n\\n@mixin _mat-slide-toggle-density($config-or-theme) {}\\n\\n@mixin mat-slide-toggle-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-slide-toggle') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-slide-toggle-color($color);\\n }\\n @if $density != null {\\n @include _mat-slide-toggle-density($density);\\n }\\n @if $typography != null {\\n @include mat-slide-toggle-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n@mixin _mat-slider-inner-content-theme($palette) {\\n .mat-slider-track-fill,\\n .mat-slider-thumb,\\n .mat-slider-thumb-label {\\n background-color: mat-color($palette);\\n }\\n\\n .mat-slider-thumb-label-text {\\n color: mat-color($palette, default-contrast);\\n }\\n\\n .mat-slider-focus-ring {\\n $opacity: 0.2;\\n $color: mat-color($palette, default, $opacity);\\n background-color: $color;\\n\\n // `mat-color` uses `rgba` for the opacity which won't work with\\n // CSS variables so we need to use `opacity` as a fallback.\\n @if (type-of($color) != color) {\\n opacity: $opacity;\\n }\\n }\\n}\\n\\n@mixin mat-slider-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n $mat-slider-off-color: mat-color($foreground, slider-off);\\n $mat-slider-off-focused-color: mat-color($foreground, slider-off-active);\\n $mat-slider-disabled-color: mat-color($foreground, slider-off);\\n $mat-slider-labeled-min-value-thumb-color: mat-color($foreground, slider-min);\\n $mat-slider-labeled-min-value-thumb-label-color: mat-color($foreground, slider-off);\\n $mat-slider-tick-opacity: 0.7;\\n $mat-slider-tick-color: mat-color($foreground, base, $mat-slider-tick-opacity);\\n $mat-slider-tick-size: 2px;\\n\\n .mat-slider-track-background {\\n background-color: $mat-slider-off-color;\\n }\\n\\n .mat-primary {\\n @include _mat-slider-inner-content-theme($primary);\\n }\\n\\n .mat-accent {\\n @include _mat-slider-inner-content-theme($accent);\\n }\\n\\n .mat-warn {\\n @include _mat-slider-inner-content-theme($warn);\\n }\\n\\n .mat-slider:hover,\\n .cdk-focused {\\n .mat-slider-track-background {\\n background-color: $mat-slider-off-focused-color;\\n }\\n }\\n\\n .mat-slider-disabled {\\n .mat-slider-track-background,\\n .mat-slider-track-fill,\\n .mat-slider-thumb {\\n background-color: $mat-slider-disabled-color;\\n }\\n\\n &:hover {\\n .mat-slider-track-background {\\n background-color: $mat-slider-disabled-color;\\n }\\n }\\n }\\n\\n .mat-slider-min-value {\\n .mat-slider-focus-ring {\\n $opacity: 0.12;\\n $color: mat-color($foreground, base, $opacity);\\n background-color: $color;\\n\\n // `mat-color` uses `rgba` for the opacity which won't work with\\n // CSS variables so we need to use `opacity` as a fallback.\\n @if (type-of($color) != color) {\\n opacity: $opacity;\\n }\\n }\\n\\n &.mat-slider-thumb-label-showing {\\n .mat-slider-thumb,\\n .mat-slider-thumb-label {\\n background-color: $mat-slider-labeled-min-value-thumb-color;\\n }\\n\\n &.cdk-focused {\\n .mat-slider-thumb,\\n .mat-slider-thumb-label {\\n background-color: $mat-slider-labeled-min-value-thumb-label-color;\\n }\\n }\\n }\\n\\n &:not(.mat-slider-thumb-label-showing) {\\n .mat-slider-thumb {\\n border-color: $mat-slider-off-color;\\n background-color: transparent;\\n }\\n\\n &:hover,\\n &.cdk-focused {\\n .mat-slider-thumb {\\n border-color: $mat-slider-off-focused-color;\\n }\\n\\n &.mat-slider-disabled .mat-slider-thumb {\\n border-color: $mat-slider-disabled-color;\\n }\\n }\\n }\\n }\\n\\n .mat-slider-has-ticks .mat-slider-wrapper::after {\\n border-color: $mat-slider-tick-color;\\n\\n // `mat-color` uses `rgba` for the opacity which won't work with\\n // CSS variables so we need to use `opacity` as a fallback.\\n @if (type-of($mat-slider-tick-color) != color) {\\n opacity: $mat-slider-tick-opacity;\\n }\\n }\\n\\n .mat-slider-horizontal .mat-slider-ticks {\\n background-image: repeating-linear-gradient(to right, $mat-slider-tick-color,\\n $mat-slider-tick-color $mat-slider-tick-size, transparent 0, transparent);\\n // Firefox doesn't draw the gradient correctly with 'to right'\\n // (see https://bugzilla.mozilla.org/show_bug.cgi?id=1314319).\\n background-image: -moz-repeating-linear-gradient(0.0001deg, $mat-slider-tick-color,\\n $mat-slider-tick-color $mat-slider-tick-size, transparent 0, transparent);\\n\\n // `mat-color` uses `rgba` for the opacity which won't work with\\n // CSS variables so we need to use `opacity` as a fallback.\\n @if (type-of($mat-slider-tick-color) != color) {\\n opacity: $mat-slider-tick-opacity;\\n }\\n }\\n\\n .mat-slider-vertical .mat-slider-ticks {\\n background-image: repeating-linear-gradient(to bottom, $mat-slider-tick-color,\\n $mat-slider-tick-color $mat-slider-tick-size, transparent 0, transparent);\\n\\n // `mat-color` uses `rgba` for the opacity which won't work with\\n // CSS variables so we need to use `opacity` as a fallback.\\n @if (type-of($mat-slider-tick-color) != color) {\\n opacity: $mat-slider-tick-opacity;\\n }\\n }\\n}\\n\\n@mixin mat-slider-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-slider-thumb-label-text {\\n font: {\\n family: mat-font-family($config);\\n size: mat-font-size($config, caption);\\n weight: mat-font-weight($config, body-2);\\n }\\n }\\n}\\n\\n@mixin _mat-slider-density($config-or-theme) {}\\n\\n@mixin mat-slider-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-slider') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-slider-color($color);\\n }\\n @if $density != null {\\n @include _mat-slider-density($density);\\n }\\n @if $typography != null {\\n @include mat-slider-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n$mat-stepper-header-height: 72px !default;\\n// Minimum height for highest density stepper's is determined based on how much\\n// stepper headers can shrink until the step icon or step label exceed. We can't use\\n// a value below `42px` because the optional label for steps would otherwise exceed.\\n$mat-stepper-header-minimum-height: 42px !default;\\n$mat-stepper-header-maximum-height: $mat-stepper-header-height !default;\\n\\n$mat-stepper-density-config: (\\n height: (\\n default: $mat-stepper-header-height,\\n maximum: $mat-stepper-header-maximum-height,\\n minimum: $mat-stepper-header-minimum-height,\\n )\\n) !default;\\n\\n// Note: These variables are not denoted with `!default` because they are used in the non-theme\\n// component styles. Modifying these variables does not have the desired effect for consumers.\\n$mat-stepper-label-header-height: 24px;\\n$mat-stepper-label-position-bottom-top-gap: 16px;\\n$mat-stepper-label-min-width: 50px;\\n\\n$mat-vertical-stepper-content-margin: 36px;\\n\\n$mat-stepper-side-gap: 24px;\\n$mat-stepper-line-width: 1px;\\n$mat-stepper-line-gap: 8px;\\n\\n$mat-step-sub-label-font-size: 12px;\\n$mat-step-header-icon-size: 16px;\\n\\n\\n@mixin mat-stepper-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $background: map-get($config, background);\\n $primary: map-get($config, primary);\\n $warn: map-get($config, warn);\\n\\n .mat-step-header {\\n &.cdk-keyboard-focused,\\n &.cdk-program-focused,\\n &:hover {\\n background-color: mat-color($background, hover);\\n }\\n\\n // On touch devices the :hover state will linger on the element after a tap.\\n // Reset it via `@media` after the declaration, because the media query isn't\\n // supported by all browsers yet.\\n @media (hover: none) {\\n &:hover {\\n background: none;\\n }\\n }\\n\\n .mat-step-label,\\n .mat-step-optional {\\n // TODO(josephperrott): Update to using a corrected disabled-text contrast\\n // instead of secondary-text.\\n color: mat-color($foreground, secondary-text);\\n }\\n\\n .mat-step-icon {\\n // TODO(josephperrott): Update to using a corrected disabled-text contrast\\n // instead of secondary-text.\\n background-color: mat-color($foreground, secondary-text);\\n color: mat-color($primary, default-contrast);\\n }\\n\\n .mat-step-icon-selected,\\n .mat-step-icon-state-done,\\n .mat-step-icon-state-edit {\\n background-color: mat-color($primary);\\n color: mat-color($primary, default-contrast);\\n }\\n\\n .mat-step-icon-state-error {\\n background-color: transparent;\\n color: mat-color($warn, text);\\n }\\n\\n .mat-step-label.mat-step-label-active {\\n color: mat-color($foreground, text);\\n }\\n\\n .mat-step-label.mat-step-label-error {\\n color: mat-color($warn, text);\\n }\\n }\\n\\n .mat-stepper-horizontal, .mat-stepper-vertical {\\n background-color: mat-color($background, card);\\n }\\n\\n .mat-stepper-vertical-line::before {\\n border-left-color: mat-color($foreground, divider);\\n }\\n\\n .mat-horizontal-stepper-header::before,\\n .mat-horizontal-stepper-header::after,\\n .mat-stepper-horizontal-line {\\n border-top-color: mat-color($foreground, divider);\\n }\\n}\\n\\n@mixin mat-stepper-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-stepper-vertical, .mat-stepper-horizontal {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-step-label {\\n font: {\\n size: mat-font-size($config, body-1);\\n weight: mat-font-weight($config, body-1);\\n };\\n }\\n\\n .mat-step-sub-label-error {\\n font-weight: normal;\\n }\\n\\n .mat-step-label-error {\\n font-size: mat-font-size($config, body-2);\\n }\\n\\n .mat-step-label-selected {\\n font: {\\n size: mat-font-size($config, body-2);\\n weight: mat-font-weight($config, body-2);\\n };\\n }\\n}\\n\\n@mixin _mat-stepper-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n $height: _mat-density-prop-value($mat-stepper-density-config, $density-scale, height);\\n $vertical-padding: ($height - $mat-stepper-label-header-height) / 2;\\n\\n @include _mat-density-legacy-compatibility() {\\n .mat-horizontal-stepper-header {\\n height: $height;\\n }\\n\\n .mat-stepper-label-position-bottom .mat-horizontal-stepper-header,\\n .mat-vertical-stepper-header, {\\n padding: $vertical-padding $mat-stepper-side-gap;\\n }\\n\\n // Ensures that the vertical lines for the step content exceed into the step\\n // headers with a given distance (`$mat-stepper-line-gap`) to the step icon.\\n .mat-stepper-vertical-line::before {\\n top: $mat-stepper-line-gap - $vertical-padding;\\n bottom: $mat-stepper-line-gap - $vertical-padding;\\n }\\n\\n // Ensures that the horizontal lines for the step header are centered vertically.\\n .mat-stepper-label-position-bottom .mat-horizontal-stepper-header {\\n &::after, &::before {\\n top: $vertical-padding + $mat-stepper-label-header-height / 2;\\n }\\n }\\n\\n // Ensures that the horizontal line for the step content is aligned centered vertically.\\n .mat-stepper-label-position-bottom .mat-stepper-horizontal-line {\\n top: $vertical-padding + $mat-stepper-label-header-height / 2;\\n }\\n }\\n}\\n\\n@mixin mat-stepper-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-stepper') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-stepper-color($color);\\n }\\n @if $density != null {\\n @include _mat-stepper-density($density);\\n }\\n @if $typography != null {\\n @include mat-stepper-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n@mixin mat-sort-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-sort-header-arrow {\\n $table-background: mat-color($background, 'card');\\n $text-color: mat-color($foreground, secondary-text);\\n\\n // Because the arrow is made up of multiple elements that are stacked on top of each other,\\n // we can't use the semi-transparent color from the theme directly. If the value is a color\\n // *type*, we convert it into a solid color by taking the opacity from the rgba value and\\n // using the value to determine the percentage of the background to put into foreground\\n // when mixing the colors together. Otherwise, if it resolves to something different\\n // (e.g. it resolves to a CSS variable), we use the color directly.\\n @if (type-of($table-background) == color and type-of($text-color) == color) {\\n $text-opacity: opacity($text-color);\\n color: mix($table-background, rgba($text-color, 1), (1 - $text-opacity) * 100%);\\n }\\n @else {\\n color: $text-color;\\n }\\n }\\n}\\n\\n@mixin mat-sort-typography($config-or-theme) {}\\n\\n@mixin _mat-sort-density($config-or-theme) {}\\n\\n@mixin mat-sort-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-sort') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-sort-color($color);\\n }\\n @if $density != null {\\n @include _mat-sort-density($density);\\n }\\n @if $typography != null {\\n @include mat-sort-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-tabs-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n $header-border: 1px solid mat-color($foreground, divider);\\n\\n .mat-tab-nav-bar,\\n .mat-tab-header {\\n border-bottom: $header-border;\\n }\\n\\n .mat-tab-group-inverted-header {\\n .mat-tab-nav-bar,\\n .mat-tab-header {\\n border-top: $header-border;\\n border-bottom: none;\\n }\\n }\\n\\n .mat-tab-label, .mat-tab-link {\\n color: mat-color($foreground, text);\\n\\n &.mat-tab-disabled {\\n color: mat-color($foreground, disabled-text);\\n }\\n }\\n\\n .mat-tab-header-pagination-chevron {\\n border-color: mat-color($foreground, text);\\n }\\n\\n .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: mat-color($foreground, disabled-text);\\n }\\n\\n // Remove header border when there is a background color\\n .mat-tab-group[class*='mat-background-'] .mat-tab-header,\\n .mat-tab-nav-bar[class*='mat-background-'] {\\n border-bottom: none;\\n border-top: none;\\n }\\n\\n .mat-tab-group, .mat-tab-nav-bar {\\n $theme-colors: (\\n primary: $primary,\\n accent: $accent,\\n warn: $warn\\n );\\n\\n @each $name, $color in $theme-colors {\\n // Set the foreground color of the tabs\\n &.mat-#{$name} {\\n @include _mat-tab-label-focus($color);\\n @include _mat-ink-bar($color);\\n\\n // Override ink bar when background color is the same\\n &.mat-background-#{$name} {\\n @include _mat-ink-bar($color, default-contrast);\\n }\\n }\\n }\\n\\n @each $name, $color in $theme-colors {\\n // Set background color of the tabs and override focus color\\n &.mat-background-#{$name} {\\n @include _mat-tab-label-focus($color);\\n @include _mat-tabs-background($color);\\n }\\n }\\n }\\n}\\n\\n@mixin _mat-ink-bar($color, $hue: default) {\\n .mat-ink-bar {\\n background-color: mat-color($color, $hue);\\n }\\n}\\n\\n@mixin _mat-tab-label-focus($tab-focus-color) {\\n .mat-tab-label,\\n .mat-tab-link {\\n &.cdk-keyboard-focused,\\n &.cdk-program-focused {\\n &:not(.mat-tab-disabled) {\\n background-color: mat-color($tab-focus-color, lighter, 0.3);\\n }\\n }\\n }\\n}\\n\\n@mixin _mat-tabs-background($background-color) {\\n // Set background color for the tab group\\n .mat-tab-header, .mat-tab-links, .mat-tab-header-pagination {\\n background-color: mat-color($background-color);\\n }\\n\\n // Set labels to contrast against background\\n .mat-tab-label, .mat-tab-link {\\n color: mat-color($background-color, default-contrast);\\n\\n &.mat-tab-disabled {\\n color: mat-color($background-color, default-contrast, 0.4);\\n }\\n }\\n\\n // Set pagination chevrons to contrast background\\n .mat-tab-header-pagination-chevron {\\n border-color: mat-color($background-color, default-contrast);\\n }\\n\\n .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n border-color: mat-color($background-color, default-contrast, 0.4);\\n }\\n\\n // Set ripples color to be the contrast color of the new background. Otherwise the ripple\\n // color will be based on the app background color.\\n .mat-ripple-element {\\n background-color: mat-color($background-color, default-contrast, 0.12);\\n }\\n}\\n\\n@mixin mat-tabs-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-tab-group {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-tab-label, .mat-tab-link {\\n font: {\\n family: mat-font-family($config, button);\\n size: mat-font-size($config, button);\\n weight: mat-font-weight($config, button);\\n }\\n }\\n}\\n\\n@mixin _mat-tabs-density($config-or-theme) {}\\n\\n@mixin mat-tabs-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-tabs') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-tabs-color($color);\\n }\\n @if $density != null {\\n @include _mat-tabs-density($density);\\n }\\n @if $typography != null {\\n @include mat-tabs-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n// Minimum height for toolbar's in the highest density is difficult to determine because\\n// developers can project arbitrary content. We use a minimum value that ensures that most\\n// common content (e.g. icon buttons) does not exceed the row boundaries in highest density.\\n$mat-toolbar-minimum-height: 44px !default;\\n\\n$mat-toolbar-height-desktop: 64px !default;\\n$mat-toolbar-maximum-height-desktop: $mat-toolbar-height-desktop !default;\\n$mat-toolbar-minimum-height-desktop: $mat-toolbar-minimum-height !default;\\n\\n$mat-toolbar-height-mobile: 56px !default;\\n$mat-toolbar-maximum-height-mobile: $mat-toolbar-height-mobile !default;\\n$mat-toolbar-minimum-height-mobile: $mat-toolbar-minimum-height !default;\\n\\n$mat-toolbar-desktop-density-config: (\\n height: (\\n default: $mat-toolbar-height-desktop,\\n maximum: $mat-toolbar-maximum-height-desktop,\\n minimum: $mat-toolbar-minimum-height-desktop,\\n )\\n) !default;\\n\\n$mat-toolbar-mobile-density-config: (\\n height: (\\n default: $mat-toolbar-height-mobile,\\n maximum: $mat-toolbar-maximum-height-mobile,\\n minimum: $mat-toolbar-minimum-height-mobile,\\n )\\n) !default;\\n\\n\\n@mixin _mat-toolbar-height($height) {\\n .mat-toolbar-multiple-rows {\\n min-height: $height;\\n }\\n .mat-toolbar-row, .mat-toolbar-single-row {\\n height: $height;\\n }\\n}\\n\\n@mixin _mat-toolbar-color($palette) {\\n background: mat-color($palette);\\n color: mat-color($palette, default-contrast);\\n}\\n\\n@mixin _mat-toolbar-form-field-overrides {\\n .mat-form-field-underline,\\n .mat-form-field-ripple,\\n .mat-focused .mat-form-field-ripple {\\n background-color: currentColor;\\n }\\n\\n .mat-form-field-label,\\n .mat-focused .mat-form-field-label,\\n .mat-select-value,\\n .mat-select-arrow,\\n .mat-form-field.mat-focused .mat-select-arrow {\\n color: inherit;\\n }\\n\\n .mat-input-element {\\n caret-color: currentColor;\\n }\\n}\\n\\n@mixin mat-toolbar-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-toolbar {\\n background: mat-color($background, app-bar);\\n color: mat-color($foreground, text);\\n\\n &.mat-primary {\\n @include _mat-toolbar-color($primary);\\n }\\n\\n &.mat-accent {\\n @include _mat-toolbar-color($accent);\\n }\\n\\n &.mat-warn {\\n @include _mat-toolbar-color($warn);\\n }\\n\\n @include _mat-toolbar-form-field-overrides;\\n }\\n}\\n\\n@mixin mat-toolbar-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-toolbar,\\n .mat-toolbar h1,\\n .mat-toolbar h2,\\n .mat-toolbar h3,\\n .mat-toolbar h4,\\n .mat-toolbar h5,\\n .mat-toolbar h6 {\\n @include mat-typography-level-to-styles($config, title);\\n margin: 0;\\n }\\n}\\n\\n@mixin _mat-toolbar-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n $height-desktop: _mat-density-prop-value(\\n $mat-toolbar-desktop-density-config, $density-scale, height);\\n $height-mobile: _mat-density-prop-value(\\n $mat-toolbar-mobile-density-config, $density-scale, height);\\n\\n @include _mat-density-legacy-compatibility() {\\n // Set the default height for the toolbar.\\n @include _mat-toolbar-height($height-desktop);\\n\\n // As per specs, toolbars should have a different height in mobile devices. This has been\\n // specified in the old guidelines and is still observable in the new specifications by\\n // looking at the spec images. See: https://material.io/design/components/app-bars-top.html#anatomy\\n @media ($mat-xsmall) {\\n @include _mat-toolbar-height($height-mobile);\\n }\\n }\\n}\\n\\n@mixin mat-toolbar-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-toolbar') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-toolbar-color($color);\\n }\\n @if $density != null {\\n @include _mat-toolbar-density($density);\\n }\\n @if $typography != null {\\n @include mat-toolbar-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n$mat-tooltip-target-height: 22px;\\n$mat-tooltip-font-size: 10px;\\n$mat-tooltip-vertical-padding: ($mat-tooltip-target-height - $mat-tooltip-font-size) / 2;\\n\\n$mat-tooltip-handset-target-height: 30px;\\n$mat-tooltip-handset-font-size: 14px;\\n$mat-tooltip-handset-vertical-padding:\\n ($mat-tooltip-handset-target-height - $mat-tooltip-handset-font-size) / 2;\\n\\n@mixin mat-tooltip-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n\\n .mat-tooltip {\\n background: mat-color($background, tooltip, 0.9);\\n }\\n}\\n\\n@mixin mat-tooltip-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-tooltip {\\n font-family: mat-font-family($config);\\n font-size: $mat-tooltip-font-size;\\n padding-top: $mat-tooltip-vertical-padding;\\n padding-bottom: $mat-tooltip-vertical-padding;\\n }\\n\\n .mat-tooltip-handset {\\n font-size: $mat-tooltip-handset-font-size;\\n padding-top: $mat-tooltip-handset-vertical-padding;\\n padding-bottom: $mat-tooltip-handset-vertical-padding;\\n }\\n}\\n\\n@mixin _mat-tooltip-density($config-or-theme) {}\\n\\n@mixin mat-tooltip-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-tooltip') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-tooltip-color($color);\\n }\\n @if $density != null {\\n @include _mat-tooltip-density($density);\\n }\\n @if $typography != null {\\n @include mat-tooltip-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-snack-bar-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $is-dark-theme: map-get($config, is-dark);\\n $accent: map-get($config, accent);\\n\\n .mat-snack-bar-container {\\n // Use the primary text on the dark theme, even though the lighter one uses\\n // a secondary, because the contrast on the light primary text is poor.\\n color: if($is-dark-theme, $dark-primary-text, $light-secondary-text);\\n background: if($is-dark-theme, map-get($mat-grey, 50), #323232);\\n\\n @include _mat-theme-elevation(6, $config);\\n }\\n\\n .mat-simple-snackbar-action {\\n color: if($is-dark-theme, inherit, mat-color($accent, text));\\n }\\n}\\n\\n@mixin mat-snack-bar-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-simple-snackbar {\\n font: {\\n family: mat-font-family($config, body-1);\\n size: mat-font-size($config, body-1);\\n }\\n }\\n\\n .mat-simple-snackbar-action {\\n line-height: 1;\\n font: {\\n family: inherit;\\n size: inherit;\\n weight: mat-font-weight($config, button);\\n }\\n }\\n}\\n\\n@mixin _mat-snack-bar-density($config-or-theme) {}\\n\\n@mixin mat-snack-bar-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-snack-bar') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-snack-bar-color($color);\\n }\\n @if $density != null {\\n @include _mat-snack-bar-density($density);\\n }\\n @if $typography != null {\\n @include mat-snack-bar-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n// Theme styles that only apply to the fill appearance of the form-field.\\n\\n@mixin mat-form-field-fill-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $is-dark-theme: map-get($config, is-dark);\\n\\n $fill-background: mat-color($foreground, base, if($is-dark-theme, 0.1, 0.04));\\n $fill-disabled-background: mat-color($foreground, base, if($is-dark-theme, 0.05, 0.02));\\n $underline-color: mat-color($foreground, divider, if($is-dark-theme, 0.5, 0.42));\\n $label-disabled-color: mat-color($foreground, disabled-text);\\n\\n .mat-form-field-appearance-fill {\\n .mat-form-field-flex {\\n background-color: $fill-background;\\n }\\n\\n &.mat-form-field-disabled .mat-form-field-flex {\\n background-color: $fill-disabled-background;\\n }\\n\\n .mat-form-field-underline::before {\\n background-color: $underline-color;\\n }\\n\\n &.mat-form-field-disabled {\\n .mat-form-field-label {\\n color: $label-disabled-color;\\n }\\n\\n .mat-form-field-underline::before {\\n background-color: transparent;\\n }\\n }\\n }\\n}\\n\\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\\n// an unknown pseudo-class it will discard the entire rule set.\\n$mat-form-field-fill-dedupe: 0;\\n\\n// Applies a floating label above the form field control itself.\\n@mixin _mat-form-field-fill-label-floating($font-scale, $infix-padding, $infix-margin-top) {\\n transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-fill-dedupe)\\n scale($font-scale);\\n width: 100% / $font-scale + $mat-form-field-fill-dedupe;\\n\\n $mat-form-field-fill-dedupe: $mat-form-field-fill-dedupe + 0.00001 !global;\\n}\\n\\n@mixin mat-form-field-fill-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n // The unit-less line-height from the font config.\\n $line-height: mat-line-height($config, input);\\n // The amount to scale the font for the floating label and subscript.\\n $subscript-font-scale: 0.75;\\n // The padding on top of the infix.\\n $infix-padding-top: 0.25em;\\n // The padding below the infix.\\n $infix-padding-bottom: 0.75em;\\n // The margin applied to the form-field-infix to reserve space for the floating label.\\n $infix-margin-top: 1em * $line-height * $subscript-font-scale;\\n // The amount we offset the label from the input text in the fill appearance.\\n $fill-appearance-label-offset: -0.5em;\\n\\n .mat-form-field-appearance-fill {\\n .mat-form-field-infix {\\n padding: $infix-padding-top 0 $infix-padding-bottom 0;\\n }\\n\\n .mat-form-field-label {\\n top: $infix-margin-top + $infix-padding-top;\\n margin-top: $fill-appearance-label-offset;\\n }\\n\\n &.mat-form-field-can-float {\\n &.mat-form-field-should-float .mat-form-field-label,\\n .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n @include _mat-form-field-fill-label-floating(\\n $subscript-font-scale, $infix-padding-top + $fill-appearance-label-offset,\\n $infix-margin-top);\\n }\\n\\n // Server-side rendered matInput with a label attribute but label not shown\\n // (used as a pure CSS stand-in for mat-form-field-should-float).\\n .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-fill-label-floating(\\n $subscript-font-scale, $infix-padding-top + $fill-appearance-label-offset,\\n $infix-margin-top);\\n }\\n }\\n }\\n}\\n\\n@mixin _mat-form-field-fill-density($config-or-theme) {}\\n\\n@mixin mat-form-field-fill-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field-fill') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-form-field-fill-color($color);\\n }\\n @if $density != null {\\n @include _mat-form-field-fill-density($density);\\n }\\n @if $typography != null {\\n @include mat-form-field-fill-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n// Theme styles that only apply to the legacy appearance of the form-field.\\n\\n@mixin mat-form-field-legacy-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $is-dark-theme: map-get($config, is-dark);\\n\\n $label-color: mat-color($foreground, secondary-text);\\n $underline-color: mat-color($foreground, divider, if($is-dark-theme, 0.7, 0.42));\\n\\n .mat-form-field-appearance-legacy {\\n .mat-form-field-label {\\n color: $label-color;\\n }\\n\\n .mat-hint {\\n color: $label-color;\\n }\\n\\n .mat-form-field-underline {\\n background-color: $underline-color;\\n }\\n\\n &.mat-form-field-disabled .mat-form-field-underline {\\n @include mat-control-disabled-underline($underline-color);\\n }\\n }\\n}\\n\\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\\n// an unknown pseudo-class it will discard the entire rule set.\\n$mat-form-field-legacy-dedupe: 0;\\n\\n// Applies a floating label above the form field control itself.\\n@mixin _mat-form-field-legacy-label-floating($font-scale, $infix-padding, $infix-margin-top) {\\n // We use perspective to fix the text blurriness as described here:\\n // http://www.useragentman.com/blog/2014/05/04/fixing-typography-inside-of-2-d-css-transforms/\\n // This results in a small jitter after the label floats on Firefox, which the\\n // translateZ fixes.\\n transform: translateY(-$infix-margin-top - $infix-padding) scale($font-scale) perspective(100px)\\n translateZ(0.001px + $mat-form-field-legacy-dedupe);\\n // The tricks above used to smooth out the animation on chrome and firefox actually make things\\n // worse on IE, so we don't include them in the IE version.\\n -ms-transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-legacy-dedupe)\\n scale($font-scale);\\n\\n width: 100% / $font-scale + $mat-form-field-legacy-dedupe;\\n\\n $mat-form-field-legacy-dedupe: $mat-form-field-legacy-dedupe + 0.00001 !global;\\n}\\n\\n// Same as mixin above, but omits the translateZ for printing purposes.\\n@mixin _mat-form-field-legacy-label-floating-print($font-scale, $infix-padding, $infix-margin-top) {\\n // This results in a small jitter after the label floats on Firefox, which the\\n // translateZ fixes.\\n transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-legacy-dedupe)\\n scale($font-scale);\\n // The tricks above used to smooth out the animation on chrome and firefox actually make things\\n // worse on IE, so we don't include them in the IE version.\\n $mat-form-field-legacy-dedupe: $mat-form-field-legacy-dedupe + 0.00001 !global;\\n}\\n\\n@mixin mat-form-field-legacy-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n // The unit-less line-height from the font config.\\n $line-height: mat-line-height($config, input);\\n // The amount to scale the font for the floating label and subscript.\\n $subscript-font-scale: 0.75;\\n // The amount of space between the top of the line and the top of the actual text\\n // (as a fraction of the font-size).\\n $line-spacing: ($line-height - 1) / 2;\\n // The padding on the infix. Mocks show half of the text size, but seem to measure from the edge\\n // of the text itself, not the edge of the line; therefore we subtract off the line spacing.\\n $infix-padding: 0.5em - $line-spacing;\\n // The margin applied to the form-field-infix to reserve space for the floating label.\\n $infix-margin-top: 1em * $line-height * $subscript-font-scale;\\n // The space between the bottom of the .mat-form-field-flex area and the subscript wrapper.\\n // Mocks show half of the text size, but this margin is applied to an element with the subscript\\n // text font size, so we need to divide by the scale factor to make it half of the original text\\n // size. We again need to subtract off the line spacing since the mocks measure to the edge of the\\n // text, not the edge of the line.\\n $subscript-margin-top: 0.5em / $subscript-font-scale - ($line-spacing * 2);\\n // The padding applied to the form-field-wrapper to reserve space for the subscript, since it's\\n // absolutely positioned. This is a combination of the subscript's margin and line-height, but we\\n // need to multiply by the subscript font scale factor since the wrapper has a larger font size.\\n $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;\\n\\n .mat-form-field-appearance-legacy {\\n .mat-form-field-wrapper {\\n padding-bottom: $wrapper-padding-bottom;\\n }\\n\\n .mat-form-field-infix {\\n padding: $infix-padding 0;\\n }\\n\\n &.mat-form-field-can-float {\\n &.mat-form-field-should-float .mat-form-field-label,\\n .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n @include _mat-form-field-legacy-label-floating(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n\\n // @breaking-change 8.0.0 will rely on AutofillMonitor instead.\\n .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-legacy-label-floating(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n\\n // Server-side rendered matInput with a label attribute but label not shown\\n // (used as a pure CSS stand-in for mat-form-field-should-float).\\n .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-legacy-label-floating(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n }\\n\\n .mat-form-field-label {\\n top: $infix-margin-top + $infix-padding;\\n }\\n\\n .mat-form-field-underline {\\n // We want the underline to start at the end of the content box, not the padding box,\\n // so we move it up by the padding amount.\\n bottom: $wrapper-padding-bottom;\\n }\\n\\n .mat-form-field-subscript-wrapper {\\n margin-top: $subscript-margin-top;\\n\\n // We want the subscript to start at the end of the content box, not the padding box,\\n // so we move it up by the padding amount (adjusted for the smaller font size);\\n top: calc(100% - #{$wrapper-padding-bottom / $subscript-font-scale});\\n }\\n }\\n\\n // translateZ causes the label to not appear while printing, so we override it to not\\n // apply translateZ while printing\\n @media print {\\n .mat-form-field-appearance-legacy {\\n &.mat-form-field-can-float {\\n &.mat-form-field-should-float .mat-form-field-label,\\n .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n @include _mat-form-field-legacy-label-floating-print(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n\\n // @breaking-change 8.0.0 will rely on AutofillMonitor instead.\\n .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-legacy-label-floating-print(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n\\n // Server-side rendered matInput with a label attribute but label not shown\\n // (used as a pure CSS stand-in for mat-form-field-should-float).\\n .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-legacy-label-floating-print(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n }\\n }\\n }\\n}\\n\\n@mixin _mat-form-field-legacy-density($config-or-theme) {}\\n\\n@mixin mat-form-field-legacy-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field-legacy') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-form-field-legacy-color($color);\\n }\\n @if $density != null {\\n @include _mat-form-field-legacy-density($density);\\n }\\n @if $typography != null {\\n @include mat-form-field-legacy-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n// Theme styles that only apply to the outline appearance of the form-field.\\n\\n@mixin mat-form-field-outline-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $foreground: map-get($config, foreground);\\n $is-dark-theme: map-get($config, is-dark);\\n\\n $label-disabled-color: mat-color($foreground, disabled-text);\\n $outline-color: mat-color($foreground, divider, if($is-dark-theme, 0.3, 0.12));\\n $outline-color-hover: mat-color($foreground, divider, if($is-dark-theme, 1, 0.87));\\n $outline-color-primary: mat-color($primary);\\n $outline-color-accent: mat-color($accent);\\n $outline-color-warn: mat-color($warn);\\n $outline-color-disabled: mat-color($foreground, divider, if($is-dark-theme, 0.15, 0.06));\\n\\n .mat-form-field-appearance-outline {\\n .mat-form-field-outline {\\n color: $outline-color;\\n }\\n\\n .mat-form-field-outline-thick {\\n color: $outline-color-hover;\\n }\\n\\n &.mat-focused {\\n .mat-form-field-outline-thick {\\n color: $outline-color-primary;\\n }\\n\\n &.mat-accent .mat-form-field-outline-thick {\\n color: $outline-color-accent;\\n }\\n\\n &.mat-warn .mat-form-field-outline-thick {\\n color: $outline-color-warn;\\n }\\n }\\n\\n // Class repeated so that rule is specific enough to override focused accent color case.\\n &.mat-form-field-invalid.mat-form-field-invalid {\\n .mat-form-field-outline-thick {\\n color: $outline-color-warn;\\n }\\n }\\n\\n &.mat-form-field-disabled {\\n .mat-form-field-label {\\n color: $label-disabled-color;\\n }\\n\\n .mat-form-field-outline {\\n color: $outline-color-disabled;\\n }\\n }\\n }\\n}\\n\\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\\n// an unknown pseudo-class it will discard the entire rule set.\\n$mat-form-field-outline-dedupe: 0;\\n\\n// Applies a floating label above the form field control itself.\\n@mixin _mat-form-field-outline-label-floating($font-scale, $infix-padding, $infix-margin-top) {\\n transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-outline-dedupe)\\n scale($font-scale);\\n width: 100% / $font-scale + $mat-form-field-outline-dedupe;\\n\\n $mat-form-field-outline-dedupe: $mat-form-field-outline-dedupe + 0.00001 !global;\\n}\\n\\n@mixin mat-form-field-outline-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n // The unit-less line-height from the font config.\\n $line-height: mat-line-height($config, input);\\n // The amount to scale the font for the floating label and subscript.\\n $subscript-font-scale: 0.75;\\n // The padding above and below the infix.\\n $infix-padding: 1em;\\n // The margin applied to the form-field-infix to reserve space for the floating label.\\n $infix-margin-top: 1em * $line-height * $subscript-font-scale;\\n // The space between the bottom of the .mat-form-field-flex area and the subscript wrapper.\\n // Mocks show half of the text size, but this margin is applied to an element with the subscript\\n // text font size, so we need to divide by the scale factor to make it half of the original text\\n // size.\\n $subscript-margin-top: 0.5em / $subscript-font-scale;\\n // The padding applied to the form-field-wrapper to reserve space for the subscript, since it's\\n // absolutely positioned. This is a combination of the subscript's margin and line-height, but we\\n // need to multiply by the subscript font scale factor since the wrapper has a larger font size.\\n $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;\\n // The amount we offset the label from the input text in the outline appearance.\\n $outline-appearance-label-offset: -0.25em;\\n\\n .mat-form-field-appearance-outline {\\n .mat-form-field-infix {\\n padding: $infix-padding 0 $infix-padding 0;\\n }\\n\\n .mat-form-field-label {\\n top: $infix-margin-top + $infix-padding;\\n margin-top: $outline-appearance-label-offset;\\n }\\n\\n &.mat-form-field-can-float {\\n &.mat-form-field-should-float .mat-form-field-label,\\n .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n @include _mat-form-field-outline-label-floating(\\n $subscript-font-scale, $infix-padding + $outline-appearance-label-offset,\\n $infix-margin-top);\\n }\\n\\n // Server-side rendered matInput with a label attribute but label not shown\\n // (used as a pure CSS stand-in for mat-form-field-should-float).\\n .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-outline-label-floating(\\n $subscript-font-scale, $infix-padding + $outline-appearance-label-offset,\\n $infix-margin-top);\\n }\\n }\\n }\\n}\\n\\n@mixin _mat-form-field-outline-density($config-or-theme) {}\\n\\n@mixin mat-form-field-outline-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field-outline') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-form-field-outline-color($color);\\n }\\n @if $density != null {\\n @include _mat-form-field-outline-density($density);\\n }\\n @if $typography != null {\\n @include mat-form-field-outline-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n// Theme styles that only apply to the standard appearance of the form-field.\\n\\n@mixin mat-form-field-standard-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $foreground: map-get($config, foreground);\\n $is-dark-theme: map-get($config, is-dark);\\n\\n $underline-color: mat-color($foreground, divider, if($is-dark-theme, 0.7, 0.42));\\n\\n .mat-form-field-appearance-standard {\\n .mat-form-field-underline {\\n background-color: $underline-color;\\n }\\n\\n &.mat-form-field-disabled .mat-form-field-underline {\\n @include mat-control-disabled-underline($underline-color);\\n }\\n }\\n}\\n\\n@mixin mat-form-field-standard-typography($config-or-theme) {}\\n\\n@mixin _mat-form-field-standard-density($config-or-theme) {}\\n\\n@mixin mat-form-field-standard-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field-standard') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-form-field-standard-color($color);\\n }\\n @if $density != null {\\n @include _mat-form-field-standard-density($density);\\n }\\n @if $typography != null {\\n @include mat-form-field-standard-typography($typography);\\n }\\n }\\n}\\n\\n\\n// Color styles that apply to all appearances of the form-field.\\n@mixin mat-form-field-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $primary: map-get($config, primary);\\n $accent: map-get($config, accent);\\n $warn: map-get($config, warn);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n $is-dark-theme: map-get($config, is-dark);\\n\\n // Label colors. Required is used for the `*` star shown in the label.\\n $label-color: mat-color($foreground, secondary-text, if($is-dark-theme, 0.7, 0.6));\\n $focused-label-color: mat-color($primary, text);\\n $required-label-color: mat-color($accent, text);\\n\\n // Underline colors.\\n $underline-color-base: mat-color($foreground, divider, if($is-dark-theme, 1, 0.87));\\n $underline-color-accent: mat-color($accent, text);\\n $underline-color-warn: mat-color($warn, text);\\n $underline-focused-color: mat-color($primary, text);\\n\\n .mat-form-field-label {\\n color: $label-color;\\n }\\n\\n .mat-hint {\\n color: $label-color;\\n }\\n\\n .mat-form-field.mat-focused .mat-form-field-label {\\n color: $focused-label-color;\\n\\n &.mat-accent {\\n color: $underline-color-accent;\\n }\\n\\n &.mat-warn {\\n color: $underline-color-warn;\\n }\\n }\\n\\n .mat-focused .mat-form-field-required-marker {\\n color: $required-label-color;\\n }\\n\\n .mat-form-field-ripple {\\n background-color: $underline-color-base;\\n }\\n\\n .mat-form-field.mat-focused {\\n .mat-form-field-ripple {\\n background-color: $underline-focused-color;\\n\\n &.mat-accent {\\n background-color: $underline-color-accent;\\n }\\n\\n &.mat-warn {\\n background-color: $underline-color-warn;\\n }\\n }\\n }\\n\\n .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) {\\n .mat-form-field-infix::after {\\n color: $underline-focused-color;\\n }\\n\\n &.mat-accent .mat-form-field-infix::after {\\n color: $underline-color-accent;\\n }\\n\\n &.mat-warn .mat-form-field-infix::after {\\n color: $underline-color-warn;\\n }\\n }\\n\\n // Styling for the error state of the form field. Note that while the same can be\\n // achieved with the ng-* classes, we use this approach in order to ensure that the same\\n // logic is used to style the error state and to show the error messages.\\n .mat-form-field.mat-form-field-invalid {\\n .mat-form-field-label {\\n color: $underline-color-warn;\\n\\n &.mat-accent,\\n .mat-form-field-required-marker {\\n color: $underline-color-warn;\\n }\\n }\\n\\n .mat-form-field-ripple,\\n .mat-form-field-ripple.mat-accent {\\n background-color: $underline-color-warn;\\n }\\n }\\n\\n .mat-error {\\n color: $underline-color-warn;\\n }\\n\\n @include mat-form-field-legacy-color($config);\\n @include mat-form-field-standard-color($config);\\n @include mat-form-field-fill-color($config);\\n @include mat-form-field-outline-color($config);\\n}\\n\\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\\n// an unknown pseudo-class it will discard the entire rule set.\\n$mat-form-field-dedupe: 0;\\n\\n// Applies a floating label above the form field control itself.\\n@mixin _mat-form-field-label-floating($font-scale, $infix-padding, $infix-margin-top) {\\n transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-dedupe)\\n scale($font-scale);\\n width: 100% / $font-scale + $mat-form-field-dedupe;\\n\\n $mat-form-field-dedupe: $mat-form-field-dedupe + 0.00001 !global;\\n}\\n\\n@mixin mat-form-field-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n // The unit-less line-height from the font config.\\n $line-height: mat-line-height($config, input);\\n\\n // The amount to scale the font for the floating label and subscript.\\n $subscript-font-scale: 0.75;\\n // The amount to scale the font for the prefix and suffix icons.\\n $prefix-suffix-icon-font-scale: 1.5;\\n\\n // The padding on the infix. Mocks show half of the text size.\\n $infix-padding: 0.5em;\\n // The margin applied to the form-field-infix to reserve space for the floating label.\\n $infix-margin-top: 1em * $line-height * $subscript-font-scale;\\n // Font size to use for the label and subscript text.\\n $subscript-font-size: $subscript-font-scale * 100%;\\n // Font size to use for the for the prefix and suffix icons.\\n $prefix-suffix-icon-font-size: $prefix-suffix-icon-font-scale * 100%;\\n // The space between the bottom of the .mat-form-field-flex area and the subscript wrapper.\\n // Mocks show half of the text size, but this margin is applied to an element with the subscript\\n // text font size, so we need to divide by the scale factor to make it half of the original text\\n // size.\\n $subscript-margin-top: 0.5em / $subscript-font-scale;\\n // The padding applied to the form-field-wrapper to reserve space for the subscript, since it's\\n // absolutely positioned. This is a combination of the subscript's margin and line-height, but we\\n // need to multiply by the subscript font scale factor since the wrapper has a larger font size.\\n $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;\\n\\n .mat-form-field {\\n @include mat-typography-level-to-styles($config, input);\\n }\\n\\n .mat-form-field-wrapper {\\n padding-bottom: $wrapper-padding-bottom;\\n }\\n\\n .mat-form-field-prefix,\\n .mat-form-field-suffix {\\n // Allow icons in a prefix or suffix to adapt to the correct size.\\n .mat-icon {\\n font-size: $prefix-suffix-icon-font-size;\\n line-height: $line-height;\\n }\\n\\n // Allow icon buttons in a prefix or suffix to adapt to the correct size.\\n .mat-icon-button {\\n height: $prefix-suffix-icon-font-scale * 1em;\\n width: $prefix-suffix-icon-font-scale * 1em;\\n\\n .mat-icon {\\n height: $line-height * 1em;\\n line-height: $line-height;\\n }\\n }\\n }\\n\\n .mat-form-field-infix {\\n padding: $infix-padding 0;\\n // Throws off the baseline if we do it as a real margin, so we do it as a border instead.\\n border-top: $infix-margin-top solid transparent;\\n }\\n\\n .mat-form-field-can-float {\\n &.mat-form-field-should-float .mat-form-field-label,\\n .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n @include _mat-form-field-label-floating(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n\\n // Server-side rendered matInput with a label attribute but label not shown\\n // (used as a pure CSS stand-in for mat-form-field-should-float).\\n .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n .mat-form-field-label {\\n @include _mat-form-field-label-floating(\\n $subscript-font-scale, $infix-padding, $infix-margin-top);\\n }\\n }\\n\\n .mat-form-field-label-wrapper {\\n top: -$infix-margin-top;\\n padding-top: $infix-margin-top;\\n }\\n\\n .mat-form-field-label {\\n top: $infix-margin-top + $infix-padding;\\n }\\n\\n .mat-form-field-underline {\\n // We want the underline to start at the end of the content box, not the padding box,\\n // so we move it up by the padding amount.\\n bottom: $wrapper-padding-bottom;\\n }\\n\\n .mat-form-field-subscript-wrapper {\\n font-size: $subscript-font-size;\\n margin-top: $subscript-margin-top;\\n\\n // We want the subscript to start at the end of the content box, not the padding box,\\n // so we move it up by the padding amount (adjusted for the smaller font size);\\n top: calc(100% - #{$wrapper-padding-bottom / $subscript-font-scale});\\n }\\n\\n @include mat-form-field-legacy-typography($config);\\n @include mat-form-field-standard-typography($config);\\n @include mat-form-field-fill-typography($config);\\n @include mat-form-field-outline-typography($config);\\n}\\n\\n@mixin _mat-form-field-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n @include _mat-form-field-legacy-density($density-scale);\\n @include _mat-form-field-standard-density($density-scale);\\n @include _mat-form-field-fill-density($density-scale);\\n @include _mat-form-field-outline-density($density-scale);\\n}\\n\\n@mixin mat-form-field-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-form-field-color($color);\\n }\\n @if $density != null {\\n @include _mat-form-field-density($density);\\n }\\n @if $typography != null {\\n @include mat-form-field-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n\\n\\n$mat-tree-node-height: 48px !default;\\n// Minimum height for tree nodes in highest density is difficult to determine as\\n// developers can display arbitrary content. We use a minimum height which ensures\\n// that common content placed in tree nodes does not exceed (e.g. icons, checkboxes).\\n$mat-tree-node-minimum-height: 24px !default;\\n$mat-tree-node-maximum-height: $mat-tree-node-height !default;\\n\\n$mat-tree-density-config: (\\n height: (\\n default: $mat-tree-node-height,\\n maximum: $mat-tree-node-maximum-height,\\n minimum: $mat-tree-node-minimum-height,\\n )\\n) !default;\\n\\n\\n@mixin mat-tree-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n .mat-tree {\\n background: mat-color($background, 'card');\\n }\\n\\n .mat-tree-node,\\n .mat-nested-tree-node {\\n color: mat-color($foreground, text);\\n }\\n}\\n\\n@mixin mat-tree-typography($config-or-theme) {\\n $config: mat-get-typography-config($config-or-theme);\\n .mat-tree {\\n font-family: mat-font-family($config);\\n }\\n\\n .mat-tree-node,\\n .mat-nested-tree-node {\\n font-weight: mat-font-weight($config, body-1);\\n font-size: mat-font-size($config, body-1);\\n }\\n}\\n\\n@mixin _mat-tree-density($config-or-theme) {\\n $density-scale: mat-get-density-config($config-or-theme);\\n $height: _mat-density-prop-value($mat-tree-density-config, $density-scale, height);\\n\\n @include _mat-density-legacy-compatibility() {\\n .mat-tree-node {\\n min-height: $height;\\n }\\n }\\n}\\n\\n@mixin mat-tree-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-tree') {\\n $color: mat-get-color-config($theme);\\n $density: mat-get-density-config($theme);\\n $typography: mat-get-typography-config($theme);\\n\\n @if $color != null {\\n @include mat-tree-color($color);\\n }\\n @if $density != null {\\n @include _mat-tree-density($density);\\n }\\n @if $typography != null {\\n @include mat-tree-typography($typography);\\n }\\n }\\n}\\n\\n\\n\\n\\n// Includes all of the typographic styles.\\n@mixin angular-material-typography($config-or-theme: null) {\\n $config: if(_mat-is-theme-object($config-or-theme),\\n mat-get-typography-config($config-or-theme), $config-or-theme);\\n\\n // If no actual color configuration has been specified, create a default one.\\n @if not $config {\\n $config: mat-typography-config();\\n }\\n\\n // TODO: COMP-309: Do not use individual mixins. Instead, use the all-theme mixin and only\\n // specify a `typography` config while setting `color` and `density` to `null`. This is currently\\n // not possible as it would introduce a circular dependency for typography because the `mat-core`\\n // mixin that is transitively loaded by the `all-theme` file, imports `all-typography` which\\n // would then load `all-theme` again. This ultimately results a circular dependency.\\n\\n @include mat-badge-typography($config);\\n @include mat-base-typography($config);\\n @include mat-autocomplete-typography($config);\\n @include mat-bottom-sheet-typography($config);\\n @include mat-button-typography($config);\\n @include mat-button-toggle-typography($config);\\n @include mat-card-typography($config);\\n @include mat-checkbox-typography($config);\\n @include mat-chips-typography($config);\\n @include mat-divider-typography($config);\\n @include mat-table-typography($config);\\n @include mat-datepicker-typography($config);\\n @include mat-dialog-typography($config);\\n @include mat-expansion-panel-typography($config);\\n @include mat-form-field-typography($config);\\n @include mat-grid-list-typography($config);\\n @include mat-icon-typography($config);\\n @include mat-input-typography($config);\\n @include mat-menu-typography($config);\\n @include mat-paginator-typography($config);\\n @include mat-progress-bar-typography($config);\\n @include mat-progress-spinner-typography($config);\\n @include mat-radio-typography($config);\\n @include mat-select-typography($config);\\n @include mat-sidenav-typography($config);\\n @include mat-slide-toggle-typography($config);\\n @include mat-slider-typography($config);\\n @include mat-stepper-typography($config);\\n @include mat-sort-typography($config);\\n @include mat-tabs-typography($config);\\n @include mat-toolbar-typography($config);\\n @include mat-tooltip-typography($config);\\n @include mat-list-typography($config);\\n @include mat-option-typography($config);\\n @include mat-optgroup-typography($config);\\n @include mat-snack-bar-typography($config);\\n @include mat-tree-typography($config);\\n}\\n\\n\\n// Mixin that renders all of the core styles that are not theme-dependent.\\n@mixin mat-core($typography-config: null) {\\n @include angular-material-typography($typography-config);\\n @include mat-ripple();\\n @include cdk-a11y();\\n @include cdk-overlay();\\n @include cdk-text-field();\\n\\n @include _mat-strong-focus-indicators-positioning();\\n @include _mat-mdc-core();\\n}\\n\\n@mixin mat-core-color($config-or-theme) {\\n $config: mat-get-color-config($config-or-theme);\\n // Wrapper element that provides the theme background when the user's content isn't\\n // inside of a `mat-sidenav-container`. Note that we need to exclude the ampersand\\n // selector in case the mixin is included at the top level.\\n .mat-app-background#{if(&, ', &.mat-app-background', '')} {\\n $background: map-get($config, background);\\n $foreground: map-get($config, foreground);\\n\\n background-color: mat-color($background, background);\\n color: mat-color($foreground, text);\\n }\\n\\n // Provides external CSS classes for each elevation value. Each CSS class is formatted as\\n // `mat-elevation-z$zValue` where `$zValue` corresponds to the z-space to which the element is\\n // elevated.\\n @for $zValue from 0 through 24 {\\n .#{$_mat-elevation-prefix}#{$zValue} {\\n @include _mat-theme-elevation($zValue, $config);\\n }\\n }\\n\\n // Marker that is used to determine whether the user has added a theme to their page.\\n @at-root {\\n .mat-theme-loaded-marker {\\n display: none;\\n }\\n }\\n}\\n\\n// Mixin that renders all of the core styles that depend on the theme.\\n@mixin mat-core-theme($theme-or-color-config) {\\n $theme: _mat-legacy-get-theme($theme-or-color-config);\\n // Wrap the sub-theme includes in the duplicate theme styles mixin. This ensures that\\n // there won't be multiple warnings. e.g. if `mat-core-theme` reports a warning, then\\n // the imported themes (such as `mat-ripple-theme`) should not report again.\\n @include _mat-check-duplicate-theme-styles($theme, 'mat-core') {\\n @include mat-ripple-theme($theme);\\n @include mat-option-theme($theme);\\n @include mat-optgroup-theme($theme);\\n @include mat-pseudo-checkbox-theme($theme);\\n\\n $color: mat-get-color-config($theme);\\n @if $color != null {\\n @include mat-core-color($color);\\n }\\n }\\n}\\n\\n// Mixin that renders all of the core MDC styles. Private mixin included with `mat-core`.\\n@mixin _mat-mdc-core() {\\n @include _mat-mdc-strong-focus-indicators-positioning();\\n}\\n\\n// Mixin that ensures focus indicator host elements are positioned so that the focus indicator\\n// pseudo element within is positioned relative to the host. Private mixin included within\\n// `_mat-mdc-core`.\\n@mixin _mat-mdc-strong-focus-indicators-positioning() {\\n .mat-mdc-focus-indicator {\\n position: relative;\\n }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n// Create a theme.\\n@mixin angular-material-theme($theme-or-color-config) {\\n @include _mat-check-duplicate-theme-styles($theme-or-color-config, 'angular-material-theme') {\\n @include mat-core-theme($theme-or-color-config);\\n @include mat-autocomplete-theme($theme-or-color-config);\\n @include mat-badge-theme($theme-or-color-config);\\n @include mat-bottom-sheet-theme($theme-or-color-config);\\n @include mat-button-theme($theme-or-color-config);\\n @include mat-button-toggle-theme($theme-or-color-config);\\n @include mat-card-theme($theme-or-color-config);\\n @include mat-checkbox-theme($theme-or-color-config);\\n @include mat-chips-theme($theme-or-color-config);\\n @include mat-table-theme($theme-or-color-config);\\n @include mat-datepicker-theme($theme-or-color-config);\\n @include mat-dialog-theme($theme-or-color-config);\\n @include mat-divider-theme($theme-or-color-config);\\n @include mat-expansion-panel-theme($theme-or-color-config);\\n @include mat-form-field-theme($theme-or-color-config);\\n @include mat-grid-list-theme($theme-or-color-config);\\n @include mat-icon-theme($theme-or-color-config);\\n @include mat-input-theme($theme-or-color-config);\\n @include mat-list-theme($theme-or-color-config);\\n @include mat-menu-theme($theme-or-color-config);\\n @include mat-paginator-theme($theme-or-color-config);\\n @include mat-progress-bar-theme($theme-or-color-config);\\n @include mat-progress-spinner-theme($theme-or-color-config);\\n @include mat-radio-theme($theme-or-color-config);\\n @include mat-select-theme($theme-or-color-config);\\n @include mat-sidenav-theme($theme-or-color-config);\\n @include mat-slide-toggle-theme($theme-or-color-config);\\n @include mat-slider-theme($theme-or-color-config);\\n @include mat-stepper-theme($theme-or-color-config);\\n @include mat-sort-theme($theme-or-color-config);\\n @include mat-tabs-theme($theme-or-color-config);\\n @include mat-toolbar-theme($theme-or-color-config);\\n @include mat-tooltip-theme($theme-or-color-config);\\n @include mat-tree-theme($theme-or-color-config);\\n @include mat-snack-bar-theme($theme-or-color-config);\\n }\\n}\\n\\n\\n// Includes all of the color styles.\\n@mixin angular-material-color($config-or-theme) {\\n // In case a theme object has been passed instead of a configuration for\\n // the color system, extract the color config from the theme object.\\n $config: if(_mat-is-theme-object($config-or-theme),\\n mat-get-color-config($config-or-theme), $config-or-theme);\\n\\n @if $config == null {\\n @error 'No color configuration specified.';\\n }\\n\\n @include angular-material-theme((\\n color: $config,\\n typography: null,\\n density: null,\\n ));\\n}\\n\\n\\n\\n// Includes all of the density styles.\\n@mixin _angular-material-density($config-or-theme) {\\n // In case a theme object has been passed instead of a configuration for\\n // the density system, extract the density config from the theme object.\\n $config: if(_mat-is-theme-object($config-or-theme),\\n mat-get-density-config($config-or-theme), $config-or-theme);\\n\\n @if $config == null {\\n @error 'No density configuration specified.';\\n }\\n\\n @include angular-material-theme((\\n color: null,\\n typography: null,\\n density: $config,\\n ));\\n}\\n\\n\\n\\n\"]}]);\n// Exports\nmodule.exports = exports;\n","\"use strict\";\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\n// eslint-disable-next-line func-names\nmodule.exports = function (useSourceMap) {\n var list = []; // return the list of modules as css string\n\n list.toString = function toString() {\n return this.map(function (item) {\n var content = cssWithMappingToString(item, useSourceMap);\n\n if (item[2]) {\n return \"@media \".concat(item[2], \" {\").concat(content, \"}\");\n }\n\n return content;\n }).join('');\n }; // import a list of modules into the list\n // eslint-disable-next-line func-names\n\n\n list.i = function (modules, mediaQuery, dedupe) {\n if (typeof modules === 'string') {\n // eslint-disable-next-line no-param-reassign\n modules = [[null, modules, '']];\n }\n\n var alreadyImportedModules = {};\n\n if (dedupe) {\n for (var i = 0; i < this.length; i++) {\n // eslint-disable-next-line prefer-destructuring\n var id = this[i][0];\n\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n }\n\n for (var _i = 0; _i < modules.length; _i++) {\n var item = [].concat(modules[_i]);\n\n if (dedupe && alreadyImportedModules[item[0]]) {\n // eslint-disable-next-line no-continue\n continue;\n }\n\n if (mediaQuery) {\n if (!item[2]) {\n item[2] = mediaQuery;\n } else {\n item[2] = \"\".concat(mediaQuery, \" and \").concat(item[2]);\n }\n }\n\n list.push(item);\n }\n };\n\n return list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring\n\n var cssMapping = item[3];\n\n if (!cssMapping) {\n return content;\n }\n\n if (useSourceMap && typeof btoa === 'function') {\n var sourceMapping = toComment(cssMapping);\n var sourceURLs = cssMapping.sources.map(function (source) {\n return \"/*# sourceURL=\".concat(cssMapping.sourceRoot || '').concat(source, \" */\");\n });\n return [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n }\n\n return [content].join('\\n');\n} // Adapted from convert-source-map (MIT)\n\n\nfunction toComment(sourceMap) {\n // eslint-disable-next-line no-undef\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n return \"/*# \".concat(data, \" */\");\n}","\"use strict\";\n\nvar isOldIE = function isOldIE() {\n var memo;\n return function memorize() {\n if (typeof memo === 'undefined') {\n // Test for IE <= 9 as proposed by Browserhacks\n // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n // Tests for existence of standard globals is to allow style-loader\n // to operate correctly into non-standard environments\n // @see https://github.com/webpack-contrib/style-loader/issues/177\n memo = Boolean(window && document && document.all && !window.atob);\n }\n\n return memo;\n };\n}();\n\nvar getTarget = function getTarget() {\n var memo = {};\n return function memorize(target) {\n if (typeof memo[target] === 'undefined') {\n var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n\n memo[target] = styleTarget;\n }\n\n return memo[target];\n };\n}();\n\nvar stylesInDom = [];\n\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n\n for (var i = 0; i < stylesInDom.length; i++) {\n if (stylesInDom[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n\n return result;\n}\n\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var index = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3]\n };\n\n if (index !== -1) {\n stylesInDom[index].references++;\n stylesInDom[index].updater(obj);\n } else {\n stylesInDom.push({\n identifier: identifier,\n updater: addStyle(obj, options),\n references: 1\n });\n }\n\n identifiers.push(identifier);\n }\n\n return identifiers;\n}\n\nfunction insertStyleElement(options) {\n var style = document.createElement('style');\n var attributes = options.attributes || {};\n\n if (typeof attributes.nonce === 'undefined') {\n var nonce = typeof __webpack_nonce__ !== 'undefined' ? __webpack_nonce__ : null;\n\n if (nonce) {\n attributes.nonce = nonce;\n }\n }\n\n Object.keys(attributes).forEach(function (key) {\n style.setAttribute(key, attributes[key]);\n });\n\n if (typeof options.insert === 'function') {\n options.insert(style);\n } else {\n var target = getTarget(options.insert || 'head');\n\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n\n target.appendChild(style);\n }\n\n return style;\n}\n\nfunction removeStyleElement(style) {\n // istanbul ignore if\n if (style.parentNode === null) {\n return false;\n }\n\n style.parentNode.removeChild(style);\n}\n/* istanbul ignore next */\n\n\nvar replaceText = function replaceText() {\n var textStore = [];\n return function replace(index, replacement) {\n textStore[index] = replacement;\n return textStore.filter(Boolean).join('\\n');\n };\n}();\n\nfunction applyToSingletonTag(style, index, remove, obj) {\n var css = remove ? '' : obj.media ? \"@media \".concat(obj.media, \" {\").concat(obj.css, \"}\") : obj.css; // For old IE\n\n /* istanbul ignore if */\n\n if (style.styleSheet) {\n style.styleSheet.cssText = replaceText(index, css);\n } else {\n var cssNode = document.createTextNode(css);\n var childNodes = style.childNodes;\n\n if (childNodes[index]) {\n style.removeChild(childNodes[index]);\n }\n\n if (childNodes.length) {\n style.insertBefore(cssNode, childNodes[index]);\n } else {\n style.appendChild(cssNode);\n }\n }\n}\n\nfunction applyToTag(style, options, obj) {\n var css = obj.css;\n var media = obj.media;\n var sourceMap = obj.sourceMap;\n\n if (media) {\n style.setAttribute('media', media);\n } else {\n style.removeAttribute('media');\n }\n\n if (sourceMap && btoa) {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n } // For old IE\n\n /* istanbul ignore if */\n\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n while (style.firstChild) {\n style.removeChild(style.firstChild);\n }\n\n style.appendChild(document.createTextNode(css));\n }\n}\n\nvar singleton = null;\nvar singletonCounter = 0;\n\nfunction addStyle(obj, options) {\n var style;\n var update;\n var remove;\n\n if (options.singleton) {\n var styleIndex = singletonCounter++;\n style = singleton || (singleton = insertStyleElement(options));\n update = applyToSingletonTag.bind(null, style, styleIndex, false);\n remove = applyToSingletonTag.bind(null, style, styleIndex, true);\n } else {\n style = insertStyleElement(options);\n update = applyToTag.bind(null, style, options);\n\n remove = function remove() {\n removeStyleElement(style);\n };\n }\n\n update(obj);\n return function updateStyle(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {\n return;\n }\n\n update(obj = newObj);\n } else {\n remove();\n }\n };\n}\n\nmodule.exports = function (list, options) {\n options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of