/* src/@fuse/styles/tailwind.scss */ *, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e2e8f0; } ::before, ::after { --tw-content: ""; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { margin: 0; line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: #94a3b8; } button, [role=button] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } * { text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -webkit-text-rendering: optimizeLegibility; -webkit-tap-highlight-color: transparent; } *:focus { outline: none !important; } html, body { display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; min-height: 100%; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } html { font-size: 16px; } body { font-size: 0.875rem; } body { font-feature-settings: "salt"; } hr { margin: 32px 0; border-bottom-width: 1px; } img { width: 100%; vertical-align: top; } input[disabled] { opacity: 1; -webkit-text-fill-color: currentColor; } body, .dark, .light { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-default-rgb), var(--tw-text-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-default-rgb), var(--tw-bg-opacity)) !important; } *, ::before, ::after { --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-border-rgb), var(--tw-border-opacity)); } .dark *, .dark ::before, .dark ::after { --tw-border-opacity: 0.12 !important; } @media only screen and (min-width: 960px) { body:not(.os-mac) ::-webkit-scrollbar { width: 8px; height: 8px; background-color: rgba(0, 0, 0, 0); } body:not(.os-mac) ::-webkit-scrollbar:hover { width: 8px; height: 8px; background-color: rgba(0, 0, 0, 0.06); } body:not(.os-mac) ::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 20px; box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.24); } body:not(.os-mac) ::-webkit-scrollbar-thumb:active { border-radius: 20px; box-shadow: inset 0 0 0 20px rgba(0, 0, 0, 0.37); } body:not(.os-mac).dark ::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 20px rgba(255, 255, 255, 0.24); } body:not(.os-mac).dark ::-webkit-scrollbar-thumb:active { box-shadow: inset 0 0 0 20px rgba(255, 255, 255, 0.37); } } [disabled] { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-disabled-rgb), var(--tw-text-opacity)) !important; } @media print { html { font-size: 12px !important; } body, .dark, .light { background: none !important; } } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } .mat-icon { --tw-text-opacity: 1; color: rgba(var(--fuse-mat-icon-rgb), var(--tw-text-opacity)); } .text-default { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-default-rgb), var(--tw-text-opacity)) !important; } .text-secondary { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-secondary-rgb), var(--tw-text-opacity)) !important; } .text-hint { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .text-disabled { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-disabled-rgb), var(--tw-text-opacity)) !important; } .divider { color: var(--fuse-divider) !important; } .bg-card { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)) !important; } .bg-default { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-default-rgb), var(--tw-bg-opacity)) !important; } .bg-hover { background-color: var(--fuse-bg-hover) !important; } body, .theme-default { --fuse-primary-50: #f1f1f3; --fuse-primary-50-rgb: 241,241,243; --fuse-primary-100: #e5e5e8; --fuse-primary-100-rgb: 229,229,232; --fuse-primary-200: #cacad1; --fuse-primary-200-rgb: 202,202,209; --fuse-primary-300: #aaabb8; --fuse-primary-300-rgb: 170,171,184; --fuse-primary-400: #84859a; --fuse-primary-400-rgb: 132,133,154; --fuse-primary-500: #4b4e74; --fuse-primary-500-rgb: 75,78,116; --fuse-primary-600: #444769; --fuse-primary-600-rgb: 68,71,105; --fuse-primary-700: #3c3f5d; --fuse-primary-700-rgb: 60,63,93; --fuse-primary-800: #33354f; --fuse-primary-800-rgb: 51,53,79; --fuse-primary-900: #282a3f; --fuse-primary-900-rgb: 40,42,63; --fuse-primary: #4B4E74; --fuse-primary-rgb: 75,78,116; --fuse-on-primary-50: #282a3f; --fuse-on-primary-50-rgb: 40,42,63; --fuse-on-primary-100: #282a3f; --fuse-on-primary-100-rgb: 40,42,63; --fuse-on-primary-200: #282a3f; --fuse-on-primary-200-rgb: 40,42,63; --fuse-on-primary-300: #282a3f; --fuse-on-primary-300-rgb: 40,42,63; --fuse-on-primary-400: #282a3f; --fuse-on-primary-400-rgb: 40,42,63; --fuse-on-primary-500: #FFFFFF; --fuse-on-primary-500-rgb: 255,255,255; --fuse-on-primary-600: #FFFFFF; --fuse-on-primary-600-rgb: 255,255,255; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary: #FFFFFF; --fuse-on-primary-rgb: 255,255,255; --fuse-secondary-50: #f1f8f2; --fuse-secondary-50-rgb: 241,248,242; --fuse-secondary-100: #e5f2e6; --fuse-secondary-100-rgb: 229,242,230; --fuse-secondary-200: #cae5cc; --fuse-secondary-200-rgb: 202,229,204; --fuse-secondary-300: #abd7af; --fuse-secondary-300-rgb: 171,215,175; --fuse-secondary-400: #84c88c; --fuse-secondary-400-rgb: 132,200,140; --fuse-secondary-500: #4db85c; --fuse-secondary-500-rgb: 77,184,92; --fuse-secondary-600: #46a753; --fuse-secondary-600-rgb: 70,167,83; --fuse-secondary-700: #3e944a; --fuse-secondary-700-rgb: 62,148,74; --fuse-secondary-800: #357e3f; --fuse-secondary-800-rgb: 53,126,63; --fuse-secondary-900: #2a6332; --fuse-secondary-900-rgb: 42,99,50; --fuse-secondary: #4DB85C; --fuse-secondary-rgb: 77,184,92; --fuse-on-secondary-50: #2a6332; --fuse-on-secondary-50-rgb: 42,99,50; --fuse-on-secondary-100: #2a6332; --fuse-on-secondary-100-rgb: 42,99,50; --fuse-on-secondary-200: #2a6332; --fuse-on-secondary-200-rgb: 42,99,50; --fuse-on-secondary-300: #2a6332; --fuse-on-secondary-300-rgb: 42,99,50; --fuse-on-secondary-400: #2a6332; --fuse-on-secondary-400-rgb: 42,99,50; --fuse-on-secondary-500: #2a6332; --fuse-on-secondary-500-rgb: 42,99,50; --fuse-on-secondary-600: #FFFFFF; --fuse-on-secondary-600-rgb: 255,255,255; --fuse-on-secondary-700: #FFFFFF; --fuse-on-secondary-700-rgb: 255,255,255; --fuse-on-secondary-800: #FFFFFF; --fuse-on-secondary-800-rgb: 255,255,255; --fuse-on-secondary-900: #FFFFFF; --fuse-on-secondary-900-rgb: 255,255,255; --fuse-on-secondary: #2a6332; --fuse-on-secondary-rgb: 42,99,50; --fuse-accent-50: #fefefe; --fuse-accent-50-rgb: 254,254,254; --fuse-accent-100: #fdfdfd; --fuse-accent-100-rgb: 253,253,253; --fuse-accent-200: #fbfbfc; --fuse-accent-200-rgb: 251,251,252; --fuse-accent-300: #f9fafa; --fuse-accent-300-rgb: 249,250,250; --fuse-accent-400: #f7f8f9; --fuse-accent-400-rgb: 247,248,249; --fuse-accent-500: #f5f6f7; --fuse-accent-500-rgb: 245,246,247; --fuse-accent-600: #dedfe0; --fuse-accent-600-rgb: 222,223,224; --fuse-accent-700: #c5c5c6; --fuse-accent-700-rgb: 197,197,198; --fuse-accent-800: #a7a8a9; --fuse-accent-800-rgb: 167,168,169; --fuse-accent-900: #848485; --fuse-accent-900-rgb: 132,132,133; --fuse-accent: #F5F6F7; --fuse-accent-rgb: 245,246,247; --fuse-on-accent-50: #848485; --fuse-on-accent-50-rgb: 132,132,133; --fuse-on-accent-100: #848485; --fuse-on-accent-100-rgb: 132,132,133; --fuse-on-accent-200: #848485; --fuse-on-accent-200-rgb: 132,132,133; --fuse-on-accent-300: #848485; --fuse-on-accent-300-rgb: 132,132,133; --fuse-on-accent-400: #848485; --fuse-on-accent-400-rgb: 132,132,133; --fuse-on-accent-500: #848485; --fuse-on-accent-500-rgb: 132,132,133; --fuse-on-accent-600: #848485; --fuse-on-accent-600-rgb: 132,132,133; --fuse-on-accent-700: #848485; --fuse-on-accent-700-rgb: 132,132,133; --fuse-on-accent-800: #FFFFFF; --fuse-on-accent-800-rgb: 255,255,255; --fuse-on-accent-900: #FFFFFF; --fuse-on-accent-900-rgb: 255,255,255; --fuse-on-accent: #848485; --fuse-on-accent-rgb: 132,132,133; --fuse-fontDarkGray-50: #f1f2f2; --fuse-fontDarkGray-50-rgb: 241,242,242; --fuse-fontDarkGray-100: #e5e5e7; --fuse-fontDarkGray-100-rgb: 229,229,231; --fuse-fontDarkGray-200: #c9cbcf; --fuse-fontDarkGray-200-rgb: 201,203,207; --fuse-fontDarkGray-300: #a9adb3; --fuse-fontDarkGray-300-rgb: 169,173,179; --fuse-fontDarkGray-400: #828893; --fuse-fontDarkGray-400-rgb: 130,136,147; --fuse-fontDarkGray-500: #475569; --fuse-fontDarkGray-500-rgb: 71,85,105; --fuse-fontDarkGray-600: #404d5f; --fuse-fontDarkGray-600-rgb: 64,77,95; --fuse-fontDarkGray-700: #394454; --fuse-fontDarkGray-700-rgb: 57,68,84; --fuse-fontDarkGray-800: #313a48; --fuse-fontDarkGray-800-rgb: 49,58,72; --fuse-fontDarkGray-900: #262e38; --fuse-fontDarkGray-900-rgb: 38,46,56; --fuse-fontDarkGray: #475569; --fuse-fontDarkGray-rgb: 71,85,105; --fuse-on-fontDarkGray-50: #262e38; --fuse-on-fontDarkGray-50-rgb: 38,46,56; --fuse-on-fontDarkGray-100: #262e38; --fuse-on-fontDarkGray-100-rgb: 38,46,56; --fuse-on-fontDarkGray-200: #262e38; --fuse-on-fontDarkGray-200-rgb: 38,46,56; --fuse-on-fontDarkGray-300: #262e38; --fuse-on-fontDarkGray-300-rgb: 38,46,56; --fuse-on-fontDarkGray-400: #262e38; --fuse-on-fontDarkGray-400-rgb: 38,46,56; --fuse-on-fontDarkGray-500: #FFFFFF; --fuse-on-fontDarkGray-500-rgb: 255,255,255; --fuse-on-fontDarkGray-600: #FFFFFF; --fuse-on-fontDarkGray-600-rgb: 255,255,255; --fuse-on-fontDarkGray-700: #FFFFFF; --fuse-on-fontDarkGray-700-rgb: 255,255,255; --fuse-on-fontDarkGray-800: #FFFFFF; --fuse-on-fontDarkGray-800-rgb: 255,255,255; --fuse-on-fontDarkGray-900: #FFFFFF; --fuse-on-fontDarkGray-900-rgb: 255,255,255; --fuse-on-fontDarkGray: #FFFFFF; --fuse-on-fontDarkGray-rgb: 255,255,255; --fuse-fontCoolGray-50: #f5f5f8; --fuse-fontCoolGray-50-rgb: 245,245,248; --fuse-fontCoolGray-100: #eceef2; --fuse-fontCoolGray-100-rgb: 236,238,242; --fuse-fontCoolGray-200: #d9dde5; --fuse-fontCoolGray-200-rgb: 217,221,229; --fuse-fontCoolGray-300: #c5ccd7; --fuse-fontCoolGray-300-rgb: 197,204,215; --fuse-fontCoolGray-400: #aeb9c8; --fuse-fontCoolGray-400-rgb: 174,185,200; --fuse-fontCoolGray-500: #94a3b8; --fuse-fontCoolGray-500-rgb: 148,163,184; --fuse-fontCoolGray-600: #8694a7; --fuse-fontCoolGray-600-rgb: 134,148,167; --fuse-fontCoolGray-700: #778394; --fuse-fontCoolGray-700-rgb: 119,131,148; --fuse-fontCoolGray-800: #656f7e; --fuse-fontCoolGray-800-rgb: 101,111,126; --fuse-fontCoolGray-900: #4f5763; --fuse-fontCoolGray-900-rgb: 79,87,99; --fuse-fontCoolGray: #94A3B8; --fuse-fontCoolGray-rgb: 148,163,184; --fuse-on-fontCoolGray-50: #4f5763; --fuse-on-fontCoolGray-50-rgb: 79,87,99; --fuse-on-fontCoolGray-100: #4f5763; --fuse-on-fontCoolGray-100-rgb: 79,87,99; --fuse-on-fontCoolGray-200: #4f5763; --fuse-on-fontCoolGray-200-rgb: 79,87,99; --fuse-on-fontCoolGray-300: #4f5763; --fuse-on-fontCoolGray-300-rgb: 79,87,99; --fuse-on-fontCoolGray-400: #4f5763; --fuse-on-fontCoolGray-400-rgb: 79,87,99; --fuse-on-fontCoolGray-500: #4f5763; --fuse-on-fontCoolGray-500-rgb: 79,87,99; --fuse-on-fontCoolGray-600: #FFFFFF; --fuse-on-fontCoolGray-600-rgb: 255,255,255; --fuse-on-fontCoolGray-700: #FFFFFF; --fuse-on-fontCoolGray-700-rgb: 255,255,255; --fuse-on-fontCoolGray-800: #FFFFFF; --fuse-on-fontCoolGray-800-rgb: 255,255,255; --fuse-on-fontCoolGray-900: #FFFFFF; --fuse-on-fontCoolGray-900-rgb: 255,255,255; --fuse-on-fontCoolGray: #4f5763; --fuse-on-fontCoolGray-rgb: 79,87,99; --fuse-fontLightGray-50: #f9fafb; --fuse-fontLightGray-50-rgb: 249,250,251; --fuse-fontLightGray-100: #f5f6f8; --fuse-fontLightGray-100-rgb: 245,246,248; --fuse-fontLightGray-200: #ebeef3; --fuse-fontLightGray-200-rgb: 235,238,243; --fuse-fontLightGray-300: #e1e6ed; --fuse-fontLightGray-300-rgb: 225,230,237; --fuse-fontLightGray-400: #d6dee7; --fuse-fontLightGray-400-rgb: 214,222,231; --fuse-fontLightGray-500: #cbd5e1; --fuse-fontLightGray-500-rgb: 203,213,225; --fuse-fontLightGray-600: #b8c1cc; --fuse-fontLightGray-600-rgb: 184,193,204; --fuse-fontLightGray-700: #a3abb5; --fuse-fontLightGray-700-rgb: 163,171,181; --fuse-fontLightGray-800: #8b929a; --fuse-fontLightGray-800-rgb: 139,146,154; --fuse-fontLightGray-900: #6d7279; --fuse-fontLightGray-900-rgb: 109,114,121; --fuse-fontLightGray: #CBD5E1; --fuse-fontLightGray-rgb: 203,213,225; --fuse-on-fontLightGray-50: #6d7279; --fuse-on-fontLightGray-50-rgb: 109,114,121; --fuse-on-fontLightGray-100: #6d7279; --fuse-on-fontLightGray-100-rgb: 109,114,121; --fuse-on-fontLightGray-200: #6d7279; --fuse-on-fontLightGray-200-rgb: 109,114,121; --fuse-on-fontLightGray-300: #6d7279; --fuse-on-fontLightGray-300-rgb: 109,114,121; --fuse-on-fontLightGray-400: #6d7279; --fuse-on-fontLightGray-400-rgb: 109,114,121; --fuse-on-fontLightGray-500: #6d7279; --fuse-on-fontLightGray-500-rgb: 109,114,121; --fuse-on-fontLightGray-600: #6d7279; --fuse-on-fontLightGray-600-rgb: 109,114,121; --fuse-on-fontLightGray-700: #FFFFFF; --fuse-on-fontLightGray-700-rgb: 255,255,255; --fuse-on-fontLightGray-800: #FFFFFF; --fuse-on-fontLightGray-800-rgb: 255,255,255; --fuse-on-fontLightGray-900: #FFFFFF; --fuse-on-fontLightGray-900-rgb: 255,255,255; --fuse-on-fontLightGray: #6d7279; --fuse-on-fontLightGray-rgb: 109,114,121; --fuse-bgCoolGray-50: #fefefe; --fuse-bgCoolGray-50-rgb: 254,254,254; --fuse-bgCoolGray-100: #fdfdfe; --fuse-bgCoolGray-100-rgb: 253,253,254; --fuse-bgCoolGray-200: #fbfcfd; --fuse-bgCoolGray-200-rgb: 251,252,253; --fuse-bgCoolGray-300: #fafafb; --fuse-bgCoolGray-300-rgb: 250,250,251; --fuse-bgCoolGray-400: #f8f9fa; --fuse-bgCoolGray-400-rgb: 248,249,250; --fuse-bgCoolGray-500: #f6f7f9; --fuse-bgCoolGray-500-rgb: 246,247,249; --fuse-bgCoolGray-600: #dfe0e2; --fuse-bgCoolGray-600-rgb: 223,224,226; --fuse-bgCoolGray-700: #c5c6c8; --fuse-bgCoolGray-700-rgb: 197,198,200; --fuse-bgCoolGray-800: #a8a9aa; --fuse-bgCoolGray-800-rgb: 168,169,170; --fuse-bgCoolGray-900: #848586; --fuse-bgCoolGray-900-rgb: 132,133,134; --fuse-bgCoolGray: #f6f7f9; --fuse-bgCoolGray-rgb: 246,247,249; --fuse-on-bgCoolGray-50: #848586; --fuse-on-bgCoolGray-50-rgb: 132,133,134; --fuse-on-bgCoolGray-100: #848586; --fuse-on-bgCoolGray-100-rgb: 132,133,134; --fuse-on-bgCoolGray-200: #848586; --fuse-on-bgCoolGray-200-rgb: 132,133,134; --fuse-on-bgCoolGray-300: #848586; --fuse-on-bgCoolGray-300-rgb: 132,133,134; --fuse-on-bgCoolGray-400: #848586; --fuse-on-bgCoolGray-400-rgb: 132,133,134; --fuse-on-bgCoolGray-500: #848586; --fuse-on-bgCoolGray-500-rgb: 132,133,134; --fuse-on-bgCoolGray-600: #848586; --fuse-on-bgCoolGray-600-rgb: 132,133,134; --fuse-on-bgCoolGray-700: #848586; --fuse-on-bgCoolGray-700-rgb: 132,133,134; --fuse-on-bgCoolGray-800: #FFFFFF; --fuse-on-bgCoolGray-800-rgb: 255,255,255; --fuse-on-bgCoolGray-900: #FFFFFF; --fuse-on-bgCoolGray-900-rgb: 255,255,255; --fuse-on-bgCoolGray: #848586; --fuse-on-bgCoolGray-rgb: 132,133,134; --fuse-bgDarkGray-50: #fdfdfe; --fuse-bgDarkGray-50-rgb: 253,253,254; --fuse-bgDarkGray-100: #fcfcfd; --fuse-bgDarkGray-100-rgb: 252,252,253; --fuse-bgDarkGray-200: #f8f9fa; --fuse-bgDarkGray-200-rgb: 248,249,250; --fuse-bgDarkGray-300: #f5f6f8; --fuse-bgDarkGray-300-rgb: 245,246,248; --fuse-bgDarkGray-400: #f1f2f5; --fuse-bgDarkGray-400-rgb: 241,242,245; --fuse-bgDarkGray-500: #eeeff3; --fuse-bgDarkGray-500-rgb: 238,239,243; --fuse-bgDarkGray-600: #d8d9dc; --fuse-bgDarkGray-600-rgb: 216,217,220; --fuse-bgDarkGray-700: #bfc0c3; --fuse-bgDarkGray-700-rgb: 191,192,195; --fuse-bgDarkGray-800: #a2a3a6; --fuse-bgDarkGray-800-rgb: 162,163,166; --fuse-bgDarkGray-900: #808183; --fuse-bgDarkGray-900-rgb: 128,129,131; --fuse-bgDarkGray: #eeeff3; --fuse-bgDarkGray-rgb: 238,239,243; --fuse-on-bgDarkGray-50: #808183; --fuse-on-bgDarkGray-50-rgb: 128,129,131; --fuse-on-bgDarkGray-100: #808183; --fuse-on-bgDarkGray-100-rgb: 128,129,131; --fuse-on-bgDarkGray-200: #808183; --fuse-on-bgDarkGray-200-rgb: 128,129,131; --fuse-on-bgDarkGray-300: #808183; --fuse-on-bgDarkGray-300-rgb: 128,129,131; --fuse-on-bgDarkGray-400: #808183; --fuse-on-bgDarkGray-400-rgb: 128,129,131; --fuse-on-bgDarkGray-500: #808183; --fuse-on-bgDarkGray-500-rgb: 128,129,131; --fuse-on-bgDarkGray-600: #808183; --fuse-on-bgDarkGray-600-rgb: 128,129,131; --fuse-on-bgDarkGray-700: #808183; --fuse-on-bgDarkGray-700-rgb: 128,129,131; --fuse-on-bgDarkGray-800: #FFFFFF; --fuse-on-bgDarkGray-800-rgb: 255,255,255; --fuse-on-bgDarkGray-900: #FFFFFF; --fuse-on-bgDarkGray-900-rgb: 255,255,255; --fuse-on-bgDarkGray: #808183; --fuse-on-bgDarkGray-rgb: 128,129,131; --fuse-warn-50: #fef2f2; --fuse-warn-50-rgb: 254,242,242; --fuse-warn-100: #fee2e2; --fuse-warn-100-rgb: 254,226,226; --fuse-warn-200: #fecaca; --fuse-warn-200-rgb: 254,202,202; --fuse-warn-300: #fca5a5; --fuse-warn-300-rgb: 252,165,165; --fuse-warn-400: #f87171; --fuse-warn-400-rgb: 248,113,113; --fuse-warn-500: #ef4444; --fuse-warn-500-rgb: 239,68,68; --fuse-warn-600: #dc2626; --fuse-warn-600-rgb: 220,38,38; --fuse-warn-700: #b91c1c; --fuse-warn-700-rgb: 185,28,28; --fuse-warn-800: #991b1b; --fuse-warn-800-rgb: 153,27,27; --fuse-warn-900: #7f1d1d; --fuse-warn-900-rgb: 127,29,29; --fuse-warn-950: #450a0a; --fuse-warn-950-rgb: 69,10,10; --fuse-warn: #dc2626; --fuse-warn-rgb: 220,38,38; --fuse-on-warn-50: #450a0a; --fuse-on-warn-50-rgb: 69,10,10; --fuse-on-warn-100: #450a0a; --fuse-on-warn-100-rgb: 69,10,10; --fuse-on-warn-200: #450a0a; --fuse-on-warn-200-rgb: 69,10,10; --fuse-on-warn-300: #450a0a; --fuse-on-warn-300-rgb: 69,10,10; --fuse-on-warn-400: #450a0a; --fuse-on-warn-400-rgb: 69,10,10; --fuse-on-warn-500: #fef2f2; --fuse-on-warn-500-rgb: 254,242,242; --fuse-on-warn-600: #FFFFFF; --fuse-on-warn-600-rgb: 255,255,255; --fuse-on-warn-700: #FFFFFF; --fuse-on-warn-700-rgb: 255,255,255; --fuse-on-warn-800: #FFFFFF; --fuse-on-warn-800-rgb: 255,255,255; --fuse-on-warn-900: #FFFFFF; --fuse-on-warn-900-rgb: 255,255,255; --fuse-on-warn-950: #FFFFFF; --fuse-on-warn-950-rgb: 255,255,255; --fuse-on-warn: #FFFFFF; --fuse-on-warn-rgb: 255,255,255; } .theme-brand { --fuse-primary-50: #f1f1f3; --fuse-primary-50-rgb: 241,241,243; --fuse-primary-100: #e5e5e8; --fuse-primary-100-rgb: 229,229,232; --fuse-primary-200: #cacad1; --fuse-primary-200-rgb: 202,202,209; --fuse-primary-300: #aaabb8; --fuse-primary-300-rgb: 170,171,184; --fuse-primary-400: #84859a; --fuse-primary-400-rgb: 132,133,154; --fuse-primary-500: #4b4e74; --fuse-primary-500-rgb: 75,78,116; --fuse-primary-600: #444769; --fuse-primary-600-rgb: 68,71,105; --fuse-primary-700: #3c3f5d; --fuse-primary-700-rgb: 60,63,93; --fuse-primary-800: #33354f; --fuse-primary-800-rgb: 51,53,79; --fuse-primary-900: #282a3f; --fuse-primary-900-rgb: 40,42,63; --fuse-primary: #4b4e74; --fuse-primary-rgb: 75,78,116; --fuse-on-primary-50: #282a3f; --fuse-on-primary-50-rgb: 40,42,63; --fuse-on-primary-100: #282a3f; --fuse-on-primary-100-rgb: 40,42,63; --fuse-on-primary-200: #282a3f; --fuse-on-primary-200-rgb: 40,42,63; --fuse-on-primary-300: #282a3f; --fuse-on-primary-300-rgb: 40,42,63; --fuse-on-primary-400: #282a3f; --fuse-on-primary-400-rgb: 40,42,63; --fuse-on-primary-500: #FFFFFF; --fuse-on-primary-500-rgb: 255,255,255; --fuse-on-primary-600: #FFFFFF; --fuse-on-primary-600-rgb: 255,255,255; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary: #FFFFFF; --fuse-on-primary-rgb: 255,255,255; } .theme-teal { --fuse-primary-50: #f0fdfa; --fuse-primary-50-rgb: 240,253,250; --fuse-primary-100: #ccfbf1; --fuse-primary-100-rgb: 204,251,241; --fuse-primary-200: #99f6e4; --fuse-primary-200-rgb: 153,246,228; --fuse-primary-300: #5eead4; --fuse-primary-300-rgb: 94,234,212; --fuse-primary-400: #2dd4bf; --fuse-primary-400-rgb: 45,212,191; --fuse-primary-500: #14b8a6; --fuse-primary-500-rgb: 20,184,166; --fuse-primary-600: #0d9488; --fuse-primary-600-rgb: 13,148,136; --fuse-primary-700: #0f766e; --fuse-primary-700-rgb: 15,118,110; --fuse-primary-800: #115e59; --fuse-primary-800-rgb: 17,94,89; --fuse-primary-900: #134e4a; --fuse-primary-900-rgb: 19,78,74; --fuse-primary-950: #042f2e; --fuse-primary-950-rgb: 4,47,46; --fuse-primary: #0d9488; --fuse-primary-rgb: 13,148,136; --fuse-on-primary-50: #042f2e; --fuse-on-primary-50-rgb: 4,47,46; --fuse-on-primary-100: #042f2e; --fuse-on-primary-100-rgb: 4,47,46; --fuse-on-primary-200: #042f2e; --fuse-on-primary-200-rgb: 4,47,46; --fuse-on-primary-300: #042f2e; --fuse-on-primary-300-rgb: 4,47,46; --fuse-on-primary-400: #042f2e; --fuse-on-primary-400-rgb: 4,47,46; --fuse-on-primary-500: #042f2e; --fuse-on-primary-500-rgb: 4,47,46; --fuse-on-primary-600: #042f2e; --fuse-on-primary-600-rgb: 4,47,46; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary-950: #FFFFFF; --fuse-on-primary-950-rgb: 255,255,255; --fuse-on-primary: #042f2e; --fuse-on-primary-rgb: 4,47,46; } .theme-rose { --fuse-primary-50: #fff1f2; --fuse-primary-50-rgb: 255,241,242; --fuse-primary-100: #ffe4e6; --fuse-primary-100-rgb: 255,228,230; --fuse-primary-200: #fecdd3; --fuse-primary-200-rgb: 254,205,211; --fuse-primary-300: #fda4af; --fuse-primary-300-rgb: 253,164,175; --fuse-primary-400: #fb7185; --fuse-primary-400-rgb: 251,113,133; --fuse-primary-500: #f43f5e; --fuse-primary-500-rgb: 244,63,94; --fuse-primary-600: #e11d48; --fuse-primary-600-rgb: 225,29,72; --fuse-primary-700: #be123c; --fuse-primary-700-rgb: 190,18,60; --fuse-primary-800: #9f1239; --fuse-primary-800-rgb: 159,18,57; --fuse-primary-900: #881337; --fuse-primary-900-rgb: 136,19,55; --fuse-primary-950: #4c0519; --fuse-primary-950-rgb: 76,5,25; --fuse-primary: #f43f5e; --fuse-primary-rgb: 244,63,94; --fuse-on-primary-50: #4c0519; --fuse-on-primary-50-rgb: 76,5,25; --fuse-on-primary-100: #4c0519; --fuse-on-primary-100-rgb: 76,5,25; --fuse-on-primary-200: #4c0519; --fuse-on-primary-200-rgb: 76,5,25; --fuse-on-primary-300: #4c0519; --fuse-on-primary-300-rgb: 76,5,25; --fuse-on-primary-400: #4c0519; --fuse-on-primary-400-rgb: 76,5,25; --fuse-on-primary-500: #4c0519; --fuse-on-primary-500-rgb: 76,5,25; --fuse-on-primary-600: #FFFFFF; --fuse-on-primary-600-rgb: 255,255,255; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary-950: #FFFFFF; --fuse-on-primary-950-rgb: 255,255,255; --fuse-on-primary: #4c0519; --fuse-on-primary-rgb: 76,5,25; } .theme-purple { --fuse-primary-50: #faf5ff; --fuse-primary-50-rgb: 250,245,255; --fuse-primary-100: #f3e8ff; --fuse-primary-100-rgb: 243,232,255; --fuse-primary-200: #e9d5ff; --fuse-primary-200-rgb: 233,213,255; --fuse-primary-300: #d8b4fe; --fuse-primary-300-rgb: 216,180,254; --fuse-primary-400: #c084fc; --fuse-primary-400-rgb: 192,132,252; --fuse-primary-500: #a855f7; --fuse-primary-500-rgb: 168,85,247; --fuse-primary-600: #9333ea; --fuse-primary-600-rgb: 147,51,234; --fuse-primary-700: #7e22ce; --fuse-primary-700-rgb: 126,34,206; --fuse-primary-800: #6b21a8; --fuse-primary-800-rgb: 107,33,168; --fuse-primary-900: #581c87; --fuse-primary-900-rgb: 88,28,135; --fuse-primary-950: #3b0764; --fuse-primary-950-rgb: 59,7,100; --fuse-primary: #9333ea; --fuse-primary-rgb: 147,51,234; --fuse-on-primary-50: #3b0764; --fuse-on-primary-50-rgb: 59,7,100; --fuse-on-primary-100: #3b0764; --fuse-on-primary-100-rgb: 59,7,100; --fuse-on-primary-200: #3b0764; --fuse-on-primary-200-rgb: 59,7,100; --fuse-on-primary-300: #3b0764; --fuse-on-primary-300-rgb: 59,7,100; --fuse-on-primary-400: #3b0764; --fuse-on-primary-400-rgb: 59,7,100; --fuse-on-primary-500: #FFFFFF; --fuse-on-primary-500-rgb: 255,255,255; --fuse-on-primary-600: #FFFFFF; --fuse-on-primary-600-rgb: 255,255,255; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary-950: #FFFFFF; --fuse-on-primary-950-rgb: 255,255,255; --fuse-on-primary: #FFFFFF; --fuse-on-primary-rgb: 255,255,255; } .theme-amber { --fuse-primary-50: #fffbeb; --fuse-primary-50-rgb: 255,251,235; --fuse-primary-100: #fef3c7; --fuse-primary-100-rgb: 254,243,199; --fuse-primary-200: #fde68a; --fuse-primary-200-rgb: 253,230,138; --fuse-primary-300: #fcd34d; --fuse-primary-300-rgb: 252,211,77; --fuse-primary-400: #fbbf24; --fuse-primary-400-rgb: 251,191,36; --fuse-primary-500: #f59e0b; --fuse-primary-500-rgb: 245,158,11; --fuse-primary-600: #d97706; --fuse-primary-600-rgb: 217,119,6; --fuse-primary-700: #b45309; --fuse-primary-700-rgb: 180,83,9; --fuse-primary-800: #92400e; --fuse-primary-800-rgb: 146,64,14; --fuse-primary-900: #78350f; --fuse-primary-900-rgb: 120,53,15; --fuse-primary-950: #451a03; --fuse-primary-950-rgb: 69,26,3; --fuse-primary: #f59e0b; --fuse-primary-rgb: 245,158,11; --fuse-on-primary-50: #451a03; --fuse-on-primary-50-rgb: 69,26,3; --fuse-on-primary-100: #451a03; --fuse-on-primary-100-rgb: 69,26,3; --fuse-on-primary-200: #451a03; --fuse-on-primary-200-rgb: 69,26,3; --fuse-on-primary-300: #451a03; --fuse-on-primary-300-rgb: 69,26,3; --fuse-on-primary-400: #451a03; --fuse-on-primary-400-rgb: 69,26,3; --fuse-on-primary-500: #451a03; --fuse-on-primary-500-rgb: 69,26,3; --fuse-on-primary-600: #451a03; --fuse-on-primary-600-rgb: 69,26,3; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary-950: #FFFFFF; --fuse-on-primary-950-rgb: 255,255,255; --fuse-on-primary: #451a03; --fuse-on-primary-rgb: 69,26,3; } body.light, .light, .dark .light { --is-dark: false; --fuse-bg-app-bar: #FFFFFF; --fuse-bg-app-bar-rgb: 255,255,255; --fuse-bg-card: #FFFFFF; --fuse-bg-card-rgb: 255,255,255; --fuse-bg-default: #f1f5f9; --fuse-bg-default-rgb: 241,245,249; --fuse-bg-dialog: #FFFFFF; --fuse-bg-dialog-rgb: 255,255,255; --fuse-bg-hover: rgba(148,163,184,0.12); --fuse-bg-hover-rgb: 148,163,184; --fuse-bg-status-bar: #cbd5e1; --fuse-bg-status-bar-rgb: 203,213,225; --fuse-text-default: #1e293b; --fuse-text-default-rgb: 30,41,59; --fuse-text-secondary: #64748b; --fuse-text-secondary-rgb: 100,116,139; --fuse-text-hint: #94a3b8; --fuse-text-hint-rgb: 148,163,184; --fuse-text-disabled: #94a3b8; --fuse-text-disabled-rgb: 148,163,184; --fuse-border: #e2e8f0; --fuse-border-rgb: 226,232,240; --fuse-divider: #e2e8f0; --fuse-divider-rgb: 226,232,240; --fuse-icon: #64748b; --fuse-icon-rgb: 100,116,139; --fuse-mat-icon: #64748b; --fuse-mat-icon-rgb: 100,116,139; } body.dark, .dark, .light .dark { --fuse-bg-app-bar: #0f172a; --fuse-bg-app-bar-rgb: 15,23,42; --fuse-bg-card: #1e293b; --fuse-bg-card-rgb: 30,41,59; --fuse-bg-default: #0f172a; --fuse-bg-default-rgb: 15,23,42; --fuse-bg-dialog: #1e293b; --fuse-bg-dialog-rgb: 30,41,59; --fuse-bg-hover: rgba(255, 255, 255, 0.05); --fuse-bg-hover-rgb: 255,255,255; --fuse-bg-status-bar: #0f172a; --fuse-bg-status-bar-rgb: 15,23,42; --fuse-text-default: #FFFFFF; --fuse-text-default-rgb: 255,255,255; --fuse-text-secondary: #94a3b8; --fuse-text-secondary-rgb: 148,163,184; --fuse-text-hint: #64748b; --fuse-text-hint-rgb: 100,116,139; --fuse-text-disabled: #475569; --fuse-text-disabled-rgb: 71,85,105; --fuse-border: rgba(241,245,249,0.12); --fuse-border-rgb: 241,245,249; --fuse-divider: rgba(241,245,249,0.12); --fuse-divider-rgb: 241,245,249; --fuse-icon: #94a3b8; --fuse-icon-rgb: 148,163,184; --fuse-mat-icon: #94a3b8; --fuse-mat-icon-rgb: 148,163,184; } .dark\:bg-card:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)) !important; } .dark\:bg-default:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-default-rgb), var(--tw-bg-opacity)) !important; } .dark\:hover\:bg-hover:hover:is(.dark *) { background-color: var(--fuse-bg-hover) !important; } @media (min-width: 600px) { .sm\:bg-card { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)) !important; } } /* src/@fuse/styles/themes.scss */ .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1)); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { } @keyframes cdk-text-field-autofill-end { } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-focus-indicator-display, none); border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-mdc-focus-indicator-display, none); border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } .mat-app-background { background-color: var(--mat-app-background-color, var(--mat-app-background, transparent)); color: var(--mat-app-text-color, var(--mat-app-on-background, inherit)); } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, none); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, none); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, none); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, none); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, none); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, none); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, none); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, none); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, none); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, none); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, none); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, none); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, none); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, none); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, none); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, none); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, none); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, none); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, none); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, none); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, none); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, none); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, none); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, none); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, none); } .mat-theme-loaded-marker { display: none; } html { --mat-option-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-option-label-text-line-height: 1.5rem; --mat-option-label-text-size: 0.875rem; --mat-option-label-text-tracking: normal; --mat-option-label-text-weight: 400; --mat-optgroup-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-optgroup-label-text-line-height: 1.5rem; --mat-optgroup-label-text-size: 0.875rem; --mat-optgroup-label-text-tracking: normal; --mat-optgroup-label-text-weight: 400; --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mat-card-title-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-card-title-text-line-height: 1.5rem; --mat-card-title-text-size: 0.875rem; --mat-card-title-text-tracking: normal; --mat-card-title-text-weight: 400; --mat-card-subtitle-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-card-subtitle-text-line-height: 1.25rem; --mat-card-subtitle-text-size: 0.875rem; --mat-card-subtitle-text-tracking: normal; --mat-card-subtitle-text-weight: 600; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-supporting-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-plain-tooltip-supporting-text-size: 0.75rem; --mdc-plain-tooltip-supporting-text-weight: 400; --mdc-plain-tooltip-supporting-text-tracking: normal; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mat-form-field-container-height: 56px; --mat-form-field-filled-label-display: block; --mat-form-field-container-vertical-padding: 16px; --mat-form-field-filled-with-label-container-padding-top: 24px; --mat-form-field-filled-with-label-container-padding-bottom: 8px; --mdc-filled-text-field-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-filled-text-field-label-text-size: 0.875rem; --mdc-filled-text-field-label-text-tracking: normal; --mdc-filled-text-field-label-text-weight: 400; --mdc-outlined-text-field-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-outlined-text-field-label-text-size: 0.875rem; --mdc-outlined-text-field-label-text-tracking: normal; --mdc-outlined-text-field-label-text-weight: 400; --mat-form-field-container-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-form-field-container-text-line-height: 1.5rem; --mat-form-field-container-text-size: 0.875rem; --mat-form-field-container-text-tracking: normal; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 0.875rem; --mat-form-field-subscript-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-form-field-subscript-text-line-height: 1rem; --mat-form-field-subscript-text-size: 0.75rem; --mat-form-field-subscript-text-tracking: normal; --mat-form-field-subscript-text-weight: 400; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-arrow-transform: translateY(-8px); --mat-select-trigger-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-select-trigger-text-line-height: 1.5rem; --mat-select-trigger-text-size: 0.875rem; --mat-select-trigger-text-tracking: normal; --mat-select-trigger-text-weight: 400; --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-subhead-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-dialog-subhead-line-height: 1.5rem; --mdc-dialog-subhead-size: 0.875rem; --mdc-dialog-subhead-weight: 400; --mdc-dialog-subhead-tracking: normal; --mdc-dialog-supporting-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-dialog-supporting-text-line-height: 1.5rem; --mdc-dialog-supporting-text-size: 0.875rem; --mdc-dialog-supporting-text-weight: 400; --mdc-dialog-supporting-text-tracking: normal; } .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; } .mat-mdc-chip.mat-mdc-standard-chip { --mdc-chip-container-height: 32px; } .mat-mdc-standard-chip { --mdc-chip-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-chip-label-text-line-height: 1.5rem; --mdc-chip-label-text-size: 0.875rem; --mdc-chip-label-text-tracking: normal; --mdc-chip-label-text-weight: 400; } html { --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; } html .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; } html { --mdc-switch-state-layer-size: 40px; } html .mat-mdc-slide-toggle { --mat-switch-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-switch-label-text-line-height: 1.5rem; --mat-switch-label-text-size: 0.875rem; --mat-switch-label-text-tracking: normal; --mat-switch-label-text-weight: 400; } html { --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; --mat-radio-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-radio-label-text-line-height: 1.5rem; --mat-radio-label-text-size: 0.875rem; --mat-radio-label-text-tracking: normal; --mat-radio-label-text-weight: 400; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-label-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-slider-label-label-text-size: 0.875rem; --mdc-slider-label-label-text-line-height: 1.25rem; --mdc-slider-label-label-text-tracking: normal; --mdc-slider-label-label-text-weight: 600; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-menu-item-label-text-size: 0.875rem; --mat-menu-item-label-text-tracking: normal; --mat-menu-item-label-text-line-height: 1.5rem; --mat-menu-item-label-text-weight: 400; --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-one-line-container-height: 48px; --mdc-list-list-item-two-line-container-height: 64px; --mdc-list-list-item-three-line-container-height: 88px; --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-state-layer-size: 40px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 56px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 72px; } html { --mdc-list-list-item-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-list-list-item-label-text-line-height: 1.5rem; --mdc-list-list-item-label-text-size: 0.875rem; --mdc-list-list-item-label-text-tracking: normal; --mdc-list-list-item-label-text-weight: 400; --mdc-list-list-item-supporting-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-list-list-item-supporting-text-line-height: 1.5rem; --mdc-list-list-item-supporting-text-size: 0.875rem; --mdc-list-list-item-supporting-text-tracking: normal; --mdc-list-list-item-supporting-text-weight: 400; --mdc-list-list-item-trailing-supporting-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-list-list-item-trailing-supporting-text-line-height: 1rem; --mdc-list-list-item-trailing-supporting-text-size: 0.75rem; --mdc-list-list-item-trailing-supporting-text-tracking: normal; --mdc-list-list-item-trailing-supporting-text-weight: 400; } .mdc-list-group__subheader { font: 400 1rem / 1.75rem "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; letter-spacing: normal; } html { --mat-paginator-container-size: 56px; --mat-paginator-form-field-container-height: 40px; --mat-paginator-form-field-container-vertical-padding: 8px; --mat-paginator-touch-target-display: block; --mat-paginator-container-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-paginator-container-text-line-height: 1rem; --mat-paginator-container-text-size: 0.75rem; --mat-paginator-container-text-tracking: normal; --mat-paginator-container-text-weight: 400; --mat-paginator-select-trigger-text-size: 0.75rem; --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; } .mat-mdc-tab-header { --mdc-secondary-navigation-tab-container-height: 48px; --mat-tab-header-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-tab-header-label-text-size: 0.875rem; --mat-tab-header-label-text-tracking: normal; --mat-tab-header-label-text-line-height: 0.875rem; --mat-tab-header-label-text-weight: 500; } html { --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-state-layer-size: 40px; --mat-checkbox-touch-target-display: block; --mat-checkbox-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-checkbox-label-text-line-height: 1.5rem; --mat-checkbox-label-text-size: 0.875rem; --mat-checkbox-label-text-tracking: normal; --mat-checkbox-label-text-weight: 400; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-container-height: 36px; --mdc-filled-button-container-height: 36px; --mdc-protected-button-container-height: 36px; --mdc-outlined-button-container-height: 36px; --mat-text-button-touch-target-display: block; --mat-filled-button-touch-target-display: block; --mat-protected-button-touch-target-display: block; --mat-outlined-button-touch-target-display: block; --mdc-text-button-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-text-button-label-text-size: 0.875rem; --mdc-text-button-label-text-tracking: normal; --mdc-text-button-label-text-weight: 500; --mdc-text-button-label-text-transform: none; --mdc-filled-button-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-filled-button-label-text-size: 0.875rem; --mdc-filled-button-label-text-tracking: normal; --mdc-filled-button-label-text-weight: 500; --mdc-filled-button-label-text-transform: none; --mdc-protected-button-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-protected-button-label-text-size: 0.875rem; --mdc-protected-button-label-text-tracking: normal; --mdc-protected-button-label-text-weight: 500; --mdc-protected-button-label-text-transform: none; --mdc-outlined-button-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-outlined-button-label-text-size: 0.875rem; --mdc-outlined-button-label-text-tracking: normal; --mdc-outlined-button-label-text-weight: 500; --mdc-outlined-button-label-text-transform: none; --mdc-icon-button-icon-size: 24px; --mat-icon-button-touch-target-display: block; } .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 12px; } html { --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-touch-target-display: block; --mat-fab-small-touch-target-display: block; --mdc-extended-fab-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-extended-fab-label-text-size: 0.875rem; --mdc-extended-fab-label-text-tracking: normal; --mdc-extended-fab-label-text-weight: 500; --mdc-snackbar-container-shape: 4px; --mdc-snackbar-supporting-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mdc-snackbar-supporting-text-line-height: 1.5rem; --mdc-snackbar-supporting-text-size: 0.875rem; --mdc-snackbar-supporting-text-weight: 400; --mat-table-row-item-outline-width: 1px; --mat-table-header-container-height: 56px; --mat-table-footer-container-height: 52px; --mat-table-row-item-container-height: 52px; --mat-table-header-headline-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-table-header-headline-line-height: 1.25rem; --mat-table-header-headline-size: 0.875rem; --mat-table-header-headline-weight: 600; --mat-table-header-headline-tracking: normal; --mat-table-row-item-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-table-row-item-label-text-line-height: 1.5rem; --mat-table-row-item-label-text-size: 0.875rem; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: normal; --mat-table-footer-supporting-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-table-footer-supporting-text-line-height: 1.5rem; --mat-table-footer-supporting-text-size: 0.875rem; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: normal; --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-large-size-text-size: 24px; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-bottom-sheet-container-text-line-height: 1.5rem; --mat-bottom-sheet-container-text-size: 0.875rem; --mat-bottom-sheet-container-text-tracking: normal; --mat-bottom-sheet-container-text-weight: 400; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-standard-button-toggle-height: 48px; --mat-legacy-button-toggle-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-legacy-button-toggle-label-text-line-height: 1.5rem; --mat-legacy-button-toggle-label-text-size: 0.875rem; --mat-legacy-button-toggle-label-text-tracking: normal; --mat-legacy-button-toggle-label-text-weight: 400; --mat-standard-button-toggle-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-standard-button-toggle-label-text-line-height: 1.5rem; --mat-standard-button-toggle-label-text-size: 0.875rem; --mat-standard-button-toggle-label-text-tracking: normal; --mat-standard-button-toggle-label-text-weight: 400; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-calendar-controls { --mat-icon-button-touch-target-display: none; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } html { --mat-datepicker-calendar-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 0.875rem; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 0.875rem; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; --mat-divider-width: 1px; --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; --mat-expansion-header-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-expansion-header-text-size: 0.875rem; --mat-expansion-header-text-weight: 600; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-expansion-container-text-line-height: 1.5rem; --mat-expansion-container-text-size: 0.875rem; --mat-expansion-container-text-tracking: normal; --mat-expansion-container-text-weight: 400; --mat-grid-list-tile-header-primary-text-size: 0.875rem; --mat-grid-list-tile-header-secondary-text-size: 0.75rem; --mat-grid-list-tile-footer-primary-text-size: 0.875rem; --mat-grid-list-tile-footer-secondary-text-size: 0.75rem; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-stepper-header-height: 72px; --mat-stepper-container-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-stepper-header-label-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-stepper-header-label-text-size: 0.875rem; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 0.875rem; --mat-stepper-header-selected-state-label-text-size: 0.875rem; --mat-stepper-header-selected-state-label-text-weight: 400; --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; --mat-toolbar-title-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-toolbar-title-text-line-height: 1.5rem; --mat-toolbar-title-text-size: 0.875rem; --mat-toolbar-title-text-tracking: normal; --mat-toolbar-title-text-weight: 400; --mat-tree-node-min-height: 48px; --mat-tree-node-text-font: "Plus Jakarta Sans", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --mat-tree-node-text-size: 0.875rem; --mat-tree-node-text-weight: 400; } .theme-default .light, .theme-default.light { --mat-ripple-color: rgba(0, 0, 0, 0.1); --mat-option-selected-state-label-text-color: #4b4e74; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); --mat-optgroup-label-text-color: #1e293b; --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; --mat-app-background-color: #f1f5f9; --mat-app-text-color: #1e293b; --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: #64748b; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #1e293b; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #4b4e74; --mdc-filled-text-field-focus-active-indicator-color: #4b4e74; --mdc-filled-text-field-focus-label-text-color: rgba(75, 78, 116, 0.87); --mdc-filled-text-field-container-color: whitesmoke; --mdc-filled-text-field-disabled-container-color: #fafafa; --mdc-filled-text-field-label-text-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-filled-text-field-input-text-color: rgba(30, 41, 59, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(148, 163, 184, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #dc2626; --mdc-filled-text-field-error-focus-label-text-color: #dc2626; --mdc-filled-text-field-error-label-text-color: #dc2626; --mdc-filled-text-field-error-caret-color: #dc2626; --mdc-filled-text-field-active-indicator-color: rgba(226, 232, 240, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(226, 232, 240, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(226, 232, 240, 0.87); --mdc-filled-text-field-error-active-indicator-color: #dc2626; --mdc-filled-text-field-error-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-error-hover-active-indicator-color: #dc2626; --mdc-outlined-text-field-caret-color: #4b4e74; --mdc-outlined-text-field-focus-outline-color: #4b4e74; --mdc-outlined-text-field-focus-label-text-color: rgba(75, 78, 116, 0.87); --mdc-outlined-text-field-label-text-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-text-field-input-text-color: rgba(30, 41, 59, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-error-caret-color: #dc2626; --mdc-outlined-text-field-error-focus-label-text-color: #dc2626; --mdc-outlined-text-field-error-label-text-color: #dc2626; --mdc-outlined-text-field-error-hover-label-text-color: #dc2626; --mdc-outlined-text-field-outline-color: rgba(226, 232, 240, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(226, 232, 240, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(226, 232, 240, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #dc2626; --mdc-outlined-text-field-error-hover-outline-color: #dc2626; --mdc-outlined-text-field-error-outline-color: #dc2626; --mat-form-field-focus-select-arrow-color: rgba(75, 78, 116, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(100, 116, 139, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #dc2626; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(100, 116, 139, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(100, 116, 139, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(75, 78, 116, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: white; --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(30, 41, 59, 0.87); --mdc-dialog-supporting-text-color: rgba(30, 41, 59, 0.6); --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-switch-selected-focus-state-layer-color: #444769; --mdc-switch-selected-handle-color: #444769; --mdc-switch-selected-hover-state-layer-color: #444769; --mdc-switch-selected-pressed-state-layer-color: #444769; --mdc-switch-selected-focus-handle-color: #282a3f; --mdc-switch-selected-hover-handle-color: #282a3f; --mdc-switch-selected-pressed-handle-color: #282a3f; --mdc-switch-selected-focus-track-color: #aaabb8; --mdc-switch-selected-hover-track-color: #aaabb8; --mdc-switch-selected-pressed-track-color: #aaabb8; --mdc-switch-selected-track-color: #aaabb8; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-label-text-color: #94a3b8; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-handle-color: #4b4e74; --mdc-slider-focus-handle-color: #4b4e74; --mdc-slider-hover-handle-color: #4b4e74; --mdc-slider-active-track-color: #4b4e74; --mdc-slider-inactive-track-color: #4b4e74; --mdc-slider-with-tick-marks-inactive-container-color: #4b4e74; --mdc-slider-with-tick-marks-active-container-color: white; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-label-container-color: #000; --mdc-slider-label-label-text-color: #fff; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #000; --mat-slider-ripple-color: #4b4e74; --mat-slider-hover-state-layer-color: rgba(75, 78, 116, 0.05); --mat-slider-focus-state-layer-color: rgba(75, 78, 116, 0.2); --mat-slider-value-indicator-opacity: 0.6; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-color: #1e293b; --mat-menu-item-icon-color: #1e293b; --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; --mat-menu-divider-color: #e2e8f0; --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: #1e293b; --mdc-list-list-item-supporting-text-color: #64748b; --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: #94a3b8; --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: #1e293b; --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: #1e293b; --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; --mat-checkbox-disabled-label-color: #94a3b8; --mat-checkbox-label-text-color: #1e293b; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: #1e293b; --mdc-text-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-text-button-state-layer-color: black; --mat-text-button-disabled-state-layer-color: black; --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity: 0.04; --mat-text-button-focus-state-layer-opacity: 0.12; --mat-text-button-pressed-state-layer-opacity: 0.12; --mdc-filled-button-container-color: white; --mdc-filled-button-label-text-color: #1e293b; --mdc-filled-button-disabled-container-color: rgba(148, 163, 184, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-filled-button-state-layer-color: black; --mat-filled-button-disabled-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.04; --mat-filled-button-focus-state-layer-opacity: 0.12; --mat-filled-button-pressed-state-layer-opacity: 0.12; --mdc-protected-button-container-color: white; --mdc-protected-button-label-text-color: #1e293b; --mdc-protected-button-disabled-container-color: rgba(148, 163, 184, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-protected-button-state-layer-color: black; --mat-protected-button-disabled-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.04; --mat-protected-button-focus-state-layer-opacity: 0.12; --mat-protected-button-pressed-state-layer-opacity: 0.12; --mdc-outlined-button-disabled-outline-color: #e2e8f0; --mdc-outlined-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-button-label-text-color: #1e293b; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: black; --mat-outlined-button-disabled-state-layer-color: black; --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.04; --mat-outlined-button-focus-state-layer-opacity: 0.12; --mat-outlined-button-pressed-state-layer-opacity: 0.12; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); --mat-icon-button-state-layer-color: black; --mat-icon-button-disabled-state-layer-color: black; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-color: white; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-disabled-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-disabled-state-container-color: rgba(148, 163, 184, 0.12); --mat-fab-disabled-state-foreground-color: rgba(148, 163, 184, 0.38); --mdc-fab-small-container-color: white; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-disabled-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-disabled-state-container-color: rgba(148, 163, 184, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(148, 163, 184, 0.38); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); --mat-snack-bar-button-color: #f5f6f7; --mat-table-row-item-outline-width: 1px; --mat-table-background-color: white; --mat-table-header-headline-color: #1e293b; --mat-table-row-item-label-text-color: #1e293b; --mat-table-row-item-outline-color: #e2e8f0; --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #4b4e74; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #4b4e74; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #94a3b8; --mat-badge-disabled-state-text-color: #94a3b8; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: #1e293b; --mat-bottom-sheet-container-background-color: white; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: #94a3b8; --mat-legacy-button-toggle-state-layer-color: #64748b; --mat-legacy-button-toggle-selected-state-text-color: #64748b; --mat-legacy-button-toggle-selected-state-background-color: #e2e8f0; --mat-legacy-button-toggle-disabled-state-text-color: #94a3b8; --mat-legacy-button-toggle-disabled-state-background-color: #cbd5e1; --mat-legacy-button-toggle-disabled-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-text-color: #1e293b; --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: #64748b; --mat-standard-button-toggle-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-selected-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-state-text-color: #94a3b8; --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-divider-color: #e2e8f0; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #4b4e74; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(75, 78, 116, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(75, 78, 116, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(75, 78, 116, 0.3); --mat-datepicker-toggle-active-state-icon-color: #4b4e74; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(75, 78, 116, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: #64748b; --mat-datepicker-calendar-body-label-text-color: #64748b; --mat-datepicker-calendar-period-button-text-color: #1e293b; --mat-datepicker-calendar-period-button-icon-color: #64748b; --mat-datepicker-calendar-navigation-button-icon-color: #64748b; --mat-datepicker-calendar-header-divider-color: #e2e8f0; --mat-datepicker-calendar-header-text-color: #64748b; --mat-datepicker-calendar-date-today-outline-color: #94a3b8; --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(148, 163, 184, 0.8); --mat-datepicker-calendar-date-text-color: #1e293b; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: #94a3b8; --mat-datepicker-calendar-date-preview-state-outline-color: #e2e8f0; --mat-datepicker-range-input-separator-color: #1e293b; --mat-datepicker-range-input-disabled-state-separator-color: #94a3b8; --mat-datepicker-range-input-disabled-state-text-color: #94a3b8; --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: #1e293b; --mat-divider-width: 1px; --mat-divider-color: #e2e8f0; --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: #1e293b; --mat-expansion-actions-divider-color: #e2e8f0; --mat-expansion-header-hover-state-layer-color: rgba(148, 163, 184, 0.12); --mat-expansion-header-focus-state-layer-color: rgba(148, 163, 184, 0.12); --mat-expansion-header-disabled-state-text-color: #94a3b8; --mat-expansion-header-text-color: #1e293b; --mat-expansion-header-description-color: #64748b; --mat-expansion-header-indicator-color: #64748b; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: #e2e8f0; --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: #1e293b; --mat-sidenav-content-background-color: #f1f5f9; --mat-sidenav-content-text-color: #1e293b; --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #4b4e74; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #4b4e74; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #4b4e74; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: #e2e8f0; --mat-stepper-header-hover-state-layer-color: rgba(148, 163, 184, 0.12); --mat-stepper-header-focus-state-layer-color: rgba(148, 163, 184, 0.12); --mat-stepper-header-label-text-color: #64748b; --mat-stepper-header-optional-label-text-color: #64748b; --mat-stepper-header-selected-state-label-text-color: #1e293b; --mat-stepper-header-error-state-label-text-color: #dc2626; --mat-stepper-header-icon-background-color: #64748b; --mat-stepper-header-error-state-icon-foreground-color: #dc2626; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #64748b; --mat-toolbar-container-background-color: white; --mat-toolbar-container-text-color: #1e293b; --mat-tree-container-background-color: white; --mat-tree-node-text-color: #1e293b; } .theme-default .light .mat-accent, .theme-default.light .mat-accent { --mat-option-selected-state-label-text-color: #f5f6f7; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .theme-default .light .mat-warn, .theme-default.light .mat-warn { --mat-option-selected-state-label-text-color: #dc2626; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .theme-default .light .mat-primary, .theme-default.light .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #4b4e74; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #4b4e74; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-default .light .mat-accent, .theme-default.light .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-default .light .mat-warn, .theme-default.light .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #dc2626; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-default .light .mat-mdc-progress-bar, .theme-default.light .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #4b4e74; --mdc-linear-progress-track-color: rgba(75, 78, 116, 0.25); } .theme-default .light .mat-mdc-progress-bar.mat-accent, .theme-default.light .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #f5f6f7; --mdc-linear-progress-track-color: rgba(245, 246, 247, 0.25); } .theme-default .light .mat-mdc-progress-bar.mat-warn, .theme-default.light .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #dc2626; --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25); } .theme-default .light .mat-mdc-form-field.mat-accent, .theme-default.light .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #f5f6f7; --mdc-filled-text-field-focus-active-indicator-color: #f5f6f7; --mdc-filled-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mdc-outlined-text-field-caret-color: #f5f6f7; --mdc-outlined-text-field-focus-outline-color: #f5f6f7; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mat-form-field-focus-select-arrow-color: rgba(245, 246, 247, 0.87); } .theme-default .light .mat-mdc-form-field.mat-warn, .theme-default.light .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #dc2626; --mdc-filled-text-field-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mdc-outlined-text-field-caret-color: #dc2626; --mdc-outlined-text-field-focus-outline-color: #dc2626; --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87); } .theme-default .light .mat-mdc-form-field.mat-accent, .theme-default.light .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(245, 246, 247, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-default .light .mat-mdc-form-field.mat-warn, .theme-default.light .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-default .light .mat-mdc-standard-chip, .theme-default.light .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: #e0e0e0; --mdc-chip-elevated-selected-container-color: #e0e0e0; --mdc-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-flat-disabled-selected-container-color: #e0e0e0; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-selected-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; --mat-chip-selected-disabled-trailing-icon-color: #212121; --mat-chip-selected-trailing-icon-color: #212121; } .theme-default .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-default .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-default.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-default.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #4b4e74; --mdc-chip-elevated-selected-container-color: #4b4e74; --mdc-chip-elevated-disabled-container-color: #4b4e74; --mdc-chip-flat-disabled-selected-container-color: #4b4e74; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-default .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-default .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-default.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-default.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: #848485; --mdc-chip-elevated-container-color: #f5f6f7; --mdc-chip-elevated-selected-container-color: #f5f6f7; --mdc-chip-elevated-disabled-container-color: #f5f6f7; --mdc-chip-flat-disabled-selected-container-color: #f5f6f7; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #848485; --mdc-chip-selected-label-text-color: #848485; --mdc-chip-with-icon-icon-color: #848485; --mdc-chip-with-icon-disabled-icon-color: #848485; --mdc-chip-with-icon-selected-icon-color: #848485; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #848485; --mdc-chip-with-trailing-icon-trailing-icon-color: #848485; --mat-chip-selected-disabled-trailing-icon-color: #848485; --mat-chip-selected-trailing-icon-color: #848485; } .theme-default .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-default .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-default.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-default.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #dc2626; --mdc-chip-elevated-selected-container-color: #dc2626; --mdc-chip-elevated-disabled-container-color: #dc2626; --mdc-chip-flat-disabled-selected-container-color: #dc2626; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-default .light .mat-mdc-slide-toggle, .theme-default.light .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mat-switch-label-text-color: #1e293b; } .theme-default .light .mat-mdc-slide-toggle.mat-accent, .theme-default.light .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #dedfe0; --mdc-switch-selected-handle-color: #dedfe0; --mdc-switch-selected-hover-state-layer-color: #dedfe0; --mdc-switch-selected-pressed-state-layer-color: #dedfe0; --mdc-switch-selected-focus-handle-color: #848485; --mdc-switch-selected-hover-handle-color: #848485; --mdc-switch-selected-pressed-handle-color: #848485; --mdc-switch-selected-focus-track-color: #f9fafa; --mdc-switch-selected-hover-track-color: #f9fafa; --mdc-switch-selected-pressed-track-color: #f9fafa; --mdc-switch-selected-track-color: #f9fafa; } .theme-default .light .mat-mdc-slide-toggle.mat-warn, .theme-default.light .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #dc2626; --mdc-switch-selected-handle-color: #dc2626; --mdc-switch-selected-hover-state-layer-color: #dc2626; --mdc-switch-selected-pressed-state-layer-color: #dc2626; --mdc-switch-selected-focus-handle-color: #7f1d1d; --mdc-switch-selected-hover-handle-color: #7f1d1d; --mdc-switch-selected-pressed-handle-color: #7f1d1d; --mdc-switch-selected-focus-track-color: #fca5a5; --mdc-switch-selected-hover-track-color: #fca5a5; --mdc-switch-selected-pressed-track-color: #fca5a5; --mdc-switch-selected-track-color: #fca5a5; } .theme-default .light .mat-mdc-radio-button.mat-primary, .theme-default.light .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #4b4e74; --mdc-radio-selected-hover-icon-color: #4b4e74; --mdc-radio-selected-icon-color: #4b4e74; --mdc-radio-selected-pressed-icon-color: #4b4e74; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #4b4e74; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-default .light .mat-mdc-radio-button.mat-accent, .theme-default.light .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #f5f6f7; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-default .light .mat-mdc-radio-button.mat-warn, .theme-default.light .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #dc2626; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-default .light .mat-accent, .theme-default.light .mat-accent { --mdc-slider-handle-color: #f5f6f7; --mdc-slider-focus-handle-color: #f5f6f7; --mdc-slider-hover-handle-color: #f5f6f7; --mdc-slider-active-track-color: #f5f6f7; --mdc-slider-inactive-track-color: #f5f6f7; --mdc-slider-with-tick-marks-inactive-container-color: #f5f6f7; --mdc-slider-with-tick-marks-active-container-color: #848485; --mat-slider-ripple-color: #f5f6f7; --mat-slider-hover-state-layer-color: rgba(245, 246, 247, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 246, 247, 0.2); } .theme-default .light .mat-warn, .theme-default.light .mat-warn { --mdc-slider-handle-color: #dc2626; --mdc-slider-focus-handle-color: #dc2626; --mdc-slider-hover-handle-color: #dc2626; --mdc-slider-active-track-color: #dc2626; --mdc-slider-inactive-track-color: #dc2626; --mdc-slider-with-tick-marks-inactive-container-color: #dc2626; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #dc2626; --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05); --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2); } .theme-default .light .mdc-list-item__start, .theme-default .light .mdc-list-item__end, .theme-default.light .mdc-list-item__start, .theme-default.light .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #4b4e74; --mdc-radio-selected-hover-icon-color: #4b4e74; --mdc-radio-selected-icon-color: #4b4e74; --mdc-radio-selected-pressed-icon-color: #4b4e74; } .theme-default .light .mat-accent .mdc-list-item__start, .theme-default .light .mat-accent .mdc-list-item__end, .theme-default.light .mat-accent .mdc-list-item__start, .theme-default.light .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; } .theme-default .light .mat-warn .mdc-list-item__start, .theme-default .light .mat-warn .mdc-list-item__end, .theme-default.light .mat-warn .mdc-list-item__start, .theme-default.light .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; } .theme-default .light .mat-mdc-list-option, .theme-default.light .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #4b4e74; --mdc-checkbox-selected-hover-icon-color: #4b4e74; --mdc-checkbox-selected-icon-color: #4b4e74; --mdc-checkbox-selected-pressed-icon-color: #4b4e74; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #4b4e74; --mdc-checkbox-selected-hover-state-layer-color: #4b4e74; --mdc-checkbox-selected-pressed-state-layer-color: #4b4e74; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-default .light .mat-mdc-list-option.mat-accent, .theme-default.light .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-default .light .mat-mdc-list-option.mat-warn, .theme-default.light .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-default .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-default .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-default .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-default .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .theme-default.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-default.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-default.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-default.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #4b4e74; } .theme-default .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-default .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-default .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .theme-default.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-default.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-default.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .theme-default .light .mat-mdc-tab-group, .theme-default .light .mat-mdc-tab-nav-bar, .theme-default.light .mat-mdc-tab-group, .theme-default.light .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #4b4e74; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #4b4e74; --mat-tab-header-active-ripple-color: #4b4e74; --mat-tab-header-inactive-ripple-color: #4b4e74; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #4b4e74; --mat-tab-header-active-hover-label-text-color: #4b4e74; --mat-tab-header-active-focus-indicator-color: #4b4e74; --mat-tab-header-active-hover-indicator-color: #4b4e74; } .theme-default .light .mat-mdc-tab-group.mat-accent, .theme-default .light .mat-mdc-tab-nav-bar.mat-accent, .theme-default.light .mat-mdc-tab-group.mat-accent, .theme-default.light .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #f5f6f7; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #f5f6f7; --mat-tab-header-active-ripple-color: #f5f6f7; --mat-tab-header-inactive-ripple-color: #f5f6f7; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #f5f6f7; --mat-tab-header-active-hover-label-text-color: #f5f6f7; --mat-tab-header-active-focus-indicator-color: #f5f6f7; --mat-tab-header-active-hover-indicator-color: #f5f6f7; } .theme-default .light .mat-mdc-tab-group.mat-warn, .theme-default .light .mat-mdc-tab-nav-bar.mat-warn, .theme-default.light .mat-mdc-tab-group.mat-warn, .theme-default.light .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #dc2626; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #dc2626; --mat-tab-header-active-ripple-color: #dc2626; --mat-tab-header-inactive-ripple-color: #dc2626; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #dc2626; --mat-tab-header-active-hover-label-text-color: #dc2626; --mat-tab-header-active-focus-indicator-color: #dc2626; --mat-tab-header-active-hover-indicator-color: #dc2626; } .theme-default .light .mat-mdc-tab-group.mat-background-primary, .theme-default .light .mat-mdc-tab-nav-bar.mat-background-primary, .theme-default.light .mat-mdc-tab-group.mat-background-primary, .theme-default.light .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #4b4e74; --mat-tab-header-with-background-foreground-color: white; } .theme-default .light .mat-mdc-tab-group.mat-background-accent, .theme-default .light .mat-mdc-tab-nav-bar.mat-background-accent, .theme-default.light .mat-mdc-tab-group.mat-background-accent, .theme-default.light .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #f5f6f7; --mat-tab-header-with-background-foreground-color: #848485; } .theme-default .light .mat-mdc-tab-group.mat-background-warn, .theme-default .light .mat-mdc-tab-nav-bar.mat-background-warn, .theme-default.light .mat-mdc-tab-group.mat-background-warn, .theme-default.light .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #dc2626; --mat-tab-header-with-background-foreground-color: white; } .theme-default .light .mat-mdc-checkbox.mat-primary, .theme-default.light .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #4b4e74; --mdc-checkbox-selected-hover-icon-color: #4b4e74; --mdc-checkbox-selected-icon-color: #4b4e74; --mdc-checkbox-selected-pressed-icon-color: #4b4e74; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #4b4e74; --mdc-checkbox-selected-hover-state-layer-color: #4b4e74; --mdc-checkbox-selected-pressed-state-layer-color: #4b4e74; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-default .light .mat-mdc-checkbox.mat-warn, .theme-default.light .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-default .light .mat-mdc-button.mat-primary, .theme-default.light .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #4b4e74; --mat-text-button-state-layer-color: #4b4e74; --mat-text-button-ripple-color: rgba(75, 78, 116, 0.1); } .theme-default .light .mat-mdc-button.mat-accent, .theme-default.light .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #f5f6f7; --mat-text-button-state-layer-color: #f5f6f7; --mat-text-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-default .light .mat-mdc-button.mat-warn, .theme-default.light .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #dc2626; --mat-text-button-state-layer-color: #dc2626; --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-default .light .mat-mdc-unelevated-button.mat-primary, .theme-default.light .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #4b4e74; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .light .mat-mdc-unelevated-button.mat-accent, .theme-default.light .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #f5f6f7; --mdc-filled-button-label-text-color: #848485; --mat-filled-button-state-layer-color: #848485; --mat-filled-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-default .light .mat-mdc-unelevated-button.mat-warn, .theme-default.light .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #dc2626; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .light .mat-mdc-raised-button.mat-primary, .theme-default.light .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #4b4e74; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .light .mat-mdc-raised-button.mat-accent, .theme-default.light .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #f5f6f7; --mdc-protected-button-label-text-color: #848485; --mat-protected-button-state-layer-color: #848485; --mat-protected-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-default .light .mat-mdc-raised-button.mat-warn, .theme-default.light .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #dc2626; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .light .mat-mdc-outlined-button.mat-primary, .theme-default.light .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #4b4e74; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #4b4e74; --mat-outlined-button-ripple-color: rgba(75, 78, 116, 0.1); } .theme-default .light .mat-mdc-outlined-button.mat-accent, .theme-default.light .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #f5f6f7; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #f5f6f7; --mat-outlined-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-default .light .mat-mdc-outlined-button.mat-warn, .theme-default.light .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #dc2626; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #dc2626; --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-default .light .mat-mdc-icon-button.mat-primary, .theme-default.light .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #4b4e74; --mat-icon-button-state-layer-color: #4b4e74; --mat-icon-button-ripple-color: rgba(75, 78, 116, 0.1); } .theme-default .light .mat-mdc-icon-button.mat-accent, .theme-default.light .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #f5f6f7; --mat-icon-button-state-layer-color: #f5f6f7; --mat-icon-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-default .light .mat-mdc-icon-button.mat-warn, .theme-default.light .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #dc2626; --mat-icon-button-state-layer-color: #dc2626; --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-default .light .mat-mdc-fab.mat-primary, .theme-default.light .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #4b4e74; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .light .mat-mdc-fab.mat-accent, .theme-default.light .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #f5f6f7; --mat-fab-foreground-color: #848485; --mat-fab-state-layer-color: #848485; --mat-fab-ripple-color: rgba(132, 132, 133, 0.1); } .theme-default .light .mat-mdc-fab.mat-warn, .theme-default.light .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #dc2626; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .light .mat-mdc-mini-fab.mat-primary, .theme-default.light .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #4b4e74; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .light .mat-mdc-mini-fab.mat-accent, .theme-default.light .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #f5f6f7; --mat-fab-small-foreground-color: #848485; --mat-fab-small-state-layer-color: #848485; --mat-fab-small-ripple-color: rgba(132, 132, 133, 0.1); } .theme-default .light .mat-mdc-mini-fab.mat-warn, .theme-default.light .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #dc2626; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .light .mat-accent, .theme-default.light .mat-accent { --mdc-circular-progress-active-indicator-color: #f5f6f7; } .theme-default .light .mat-warn, .theme-default.light .mat-warn { --mdc-circular-progress-active-indicator-color: #dc2626; } .theme-default .light .mat-badge-accent, .theme-default.light .mat-badge-accent { --mat-badge-background-color: #f5f6f7; --mat-badge-text-color: #848485; } .theme-default .light .mat-badge-warn, .theme-default.light .mat-badge-warn { --mat-badge-background-color: #dc2626; --mat-badge-text-color: white; } .theme-default .light .mat-datepicker-content.mat-accent, .theme-default.light .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: #848485; --mat-datepicker-calendar-date-selected-state-background-color: #f5f6f7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 246, 247, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #848485; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 246, 247, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-default .light .mat-datepicker-content.mat-warn, .theme-default.light .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #dc2626; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-default .light .mat-datepicker-toggle-active.mat-accent, .theme-default.light .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #f5f6f7; } .theme-default .light .mat-datepicker-toggle-active.mat-warn, .theme-default.light .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #dc2626; } .theme-default .light .mat-icon.mat-primary, .theme-default.light .mat-icon.mat-primary { --mat-icon-color: #4b4e74; } .theme-default .light .mat-icon.mat-accent, .theme-default.light .mat-icon.mat-accent { --mat-icon-color: #f5f6f7; } .theme-default .light .mat-icon.mat-warn, .theme-default.light .mat-icon.mat-warn { --mat-icon-color: #dc2626; } .theme-default .light .mat-step-header.mat-accent, .theme-default.light .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: #848485; --mat-stepper-header-selected-state-icon-background-color: #f5f6f7; --mat-stepper-header-selected-state-icon-foreground-color: #848485; --mat-stepper-header-done-state-icon-background-color: #f5f6f7; --mat-stepper-header-done-state-icon-foreground-color: #848485; --mat-stepper-header-edit-state-icon-background-color: #f5f6f7; --mat-stepper-header-edit-state-icon-foreground-color: #848485; } .theme-default .light .mat-step-header.mat-warn, .theme-default.light .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #dc2626; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #dc2626; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #dc2626; --mat-stepper-header-edit-state-icon-foreground-color: white; } .theme-default .light .mat-toolbar.mat-primary, .theme-default.light .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #4b4e74; --mat-toolbar-container-text-color: white; } .theme-default .light .mat-toolbar.mat-accent, .theme-default.light .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #f5f6f7; --mat-toolbar-container-text-color: #848485; } .theme-default .light .mat-toolbar.mat-warn, .theme-default.light .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #dc2626; --mat-toolbar-container-text-color: white; } .theme-default .dark, .theme-default.dark { --mat-ripple-color: rgba(255, 255, 255, 0.1); --mat-option-selected-state-label-text-color: #4b4e74; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); --mat-optgroup-label-text-color: white; --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; --mat-app-background-color: #0f172a; --mat-app-text-color: white; --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: #1e293b; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: #1e293b; --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: #94a3b8; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #64748b; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #4b4e74; --mdc-filled-text-field-focus-active-indicator-color: #4b4e74; --mdc-filled-text-field-focus-label-text-color: rgba(75, 78, 116, 0.87); --mdc-filled-text-field-container-color: #273243; --mdc-filled-text-field-disabled-container-color: #232d3f; --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(71, 85, 105, 0.38); --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(71, 85, 105, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #dc2626; --mdc-filled-text-field-error-focus-label-text-color: #dc2626; --mdc-filled-text-field-error-label-text-color: #dc2626; --mdc-filled-text-field-error-caret-color: #dc2626; --mdc-filled-text-field-active-indicator-color: rgba(241, 245, 249, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(241, 245, 249, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(241, 245, 249, 0.87); --mdc-filled-text-field-error-active-indicator-color: #dc2626; --mdc-filled-text-field-error-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-error-hover-active-indicator-color: #dc2626; --mdc-outlined-text-field-caret-color: #4b4e74; --mdc-outlined-text-field-focus-outline-color: #4b4e74; --mdc-outlined-text-field-focus-label-text-color: rgba(75, 78, 116, 0.87); --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(71, 85, 105, 0.38); --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(71, 85, 105, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-error-caret-color: #dc2626; --mdc-outlined-text-field-error-focus-label-text-color: #dc2626; --mdc-outlined-text-field-error-label-text-color: #dc2626; --mdc-outlined-text-field-error-hover-label-text-color: #dc2626; --mdc-outlined-text-field-outline-color: rgba(241, 245, 249, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(241, 245, 249, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(241, 245, 249, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #dc2626; --mdc-outlined-text-field-error-hover-outline-color: #dc2626; --mdc-outlined-text-field-error-outline-color: #dc2626; --mat-form-field-focus-select-arrow-color: rgba(75, 78, 116, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(241, 245, 249, 0.38); --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87); --mat-form-field-error-text-color: #dc2626; --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38); --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(241, 245, 249, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(241, 245, 249, 0.38); --mat-form-field-hover-state-layer-opacity: 0.08; --mat-form-field-focus-state-layer-opacity: 0.24; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(75, 78, 116, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: #1e293b; --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: #1e293b; --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87); --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6); --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-switch-selected-focus-state-layer-color: #aaabb8; --mdc-switch-selected-handle-color: #aaabb8; --mdc-switch-selected-hover-state-layer-color: #aaabb8; --mdc-switch-selected-pressed-state-layer-color: #aaabb8; --mdc-switch-selected-focus-handle-color: #cacad1; --mdc-switch-selected-hover-handle-color: #cacad1; --mdc-switch-selected-pressed-handle-color: #cacad1; --mdc-switch-selected-focus-track-color: #444769; --mdc-switch-selected-hover-track-color: #444769; --mdc-switch-selected-pressed-track-color: #444769; --mdc-switch-selected-track-color: #444769; --mdc-switch-disabled-selected-handle-color: #000; --mdc-switch-disabled-selected-icon-color: #212121; --mdc-switch-disabled-selected-track-color: #f5f5f5; --mdc-switch-disabled-unselected-handle-color: #000; --mdc-switch-disabled-unselected-icon-color: #212121; --mdc-switch-disabled-unselected-track-color: #f5f5f5; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #212121; --mdc-switch-unselected-focus-handle-color: #fafafa; --mdc-switch-unselected-focus-state-layer-color: #f5f5f5; --mdc-switch-unselected-focus-track-color: #616161; --mdc-switch-unselected-handle-color: #9e9e9e; --mdc-switch-unselected-hover-handle-color: #fafafa; --mdc-switch-unselected-hover-state-layer-color: #f5f5f5; --mdc-switch-unselected-hover-track-color: #616161; --mdc-switch-unselected-icon-color: #212121; --mdc-switch-unselected-pressed-handle-color: #fafafa; --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5; --mdc-switch-unselected-pressed-track-color: #616161; --mdc-switch-unselected-track-color: #616161; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-label-text-color: #475569; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-handle-color: #4b4e74; --mdc-slider-focus-handle-color: #4b4e74; --mdc-slider-hover-handle-color: #4b4e74; --mdc-slider-active-track-color: #4b4e74; --mdc-slider-inactive-track-color: #4b4e74; --mdc-slider-with-tick-marks-inactive-container-color: #4b4e74; --mdc-slider-with-tick-marks-active-container-color: white; --mdc-slider-disabled-active-track-color: #fff; --mdc-slider-disabled-handle-color: #fff; --mdc-slider-disabled-inactive-track-color: #fff; --mdc-slider-label-container-color: #fff; --mdc-slider-label-label-text-color: #000; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #fff; --mat-slider-ripple-color: #4b4e74; --mat-slider-hover-state-layer-color: rgba(75, 78, 116, 0.05); --mat-slider-focus-state-layer-color: rgba(75, 78, 116, 0.2); --mat-slider-value-indicator-opacity: 0.9; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-color: white; --mat-menu-item-icon-color: white; --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-container-color: #1e293b; --mat-menu-divider-color: rgba(241, 245, 249, 0.12); --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: white; --mdc-list-list-item-supporting-text-color: #94a3b8; --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-trailing-supporting-text-color: #64748b; --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-disabled-label-text-color: white; --mdc-list-list-item-disabled-leading-icon-color: white; --mdc-list-list-item-disabled-trailing-icon-color: white; --mdc-list-list-item-hover-label-text-color: white; --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-focus-label-text-color: white; --mdc-list-list-item-hover-state-layer-color: white; --mdc-list-list-item-hover-state-layer-opacity: 0.08; --mdc-list-list-item-focus-state-layer-color: white; --mdc-list-list-item-focus-state-layer-opacity: 0.24; --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87); --mat-paginator-container-background-color: #1e293b; --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54); --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12); --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; --mat-checkbox-disabled-label-color: #475569; --mat-checkbox-label-text-color: white; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: white; --mdc-text-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-text-button-state-layer-color: white; --mat-text-button-disabled-state-layer-color: white; --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-text-button-hover-state-layer-opacity: 0.08; --mat-text-button-focus-state-layer-opacity: 0.24; --mat-text-button-pressed-state-layer-opacity: 0.24; --mdc-filled-button-container-color: #1e293b; --mdc-filled-button-label-text-color: white; --mdc-filled-button-disabled-container-color: rgba(30, 41, 59, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-filled-button-state-layer-color: white; --mat-filled-button-disabled-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.08; --mat-filled-button-focus-state-layer-opacity: 0.24; --mat-filled-button-pressed-state-layer-opacity: 0.24; --mdc-protected-button-container-color: #1e293b; --mdc-protected-button-label-text-color: white; --mdc-protected-button-disabled-container-color: rgba(30, 41, 59, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-protected-button-state-layer-color: white; --mat-protected-button-disabled-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.08; --mat-protected-button-focus-state-layer-opacity: 0.24; --mat-protected-button-pressed-state-layer-opacity: 0.24; --mdc-outlined-button-disabled-outline-color: rgba(241, 245, 249, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mdc-outlined-button-label-text-color: white; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: white; --mat-outlined-button-disabled-state-layer-color: white; --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.08; --mat-outlined-button-focus-state-layer-opacity: 0.24; --mat-outlined-button-pressed-state-layer-opacity: 0.24; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5); --mat-icon-button-state-layer-color: white; --mat-icon-button-disabled-state-layer-color: white; --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.08; --mat-icon-button-focus-state-layer-opacity: 0.24; --mat-icon-button-pressed-state-layer-opacity: 0.24; --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-color: #1e293b; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-disabled-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-hover-state-layer-opacity: 0.08; --mat-fab-focus-state-layer-opacity: 0.24; --mat-fab-pressed-state-layer-opacity: 0.24; --mat-fab-disabled-state-container-color: rgba(15, 23, 42, 0.12); --mat-fab-disabled-state-foreground-color: rgba(30, 41, 59, 0.5); --mdc-fab-small-container-color: #1e293b; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-disabled-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.08; --mat-fab-small-focus-state-layer-opacity: 0.24; --mat-fab-small-pressed-state-layer-opacity: 0.24; --mat-fab-small-disabled-state-container-color: rgba(15, 23, 42, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(30, 41, 59, 0.5); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #d2d4d8; --mdc-snackbar-supporting-text-color: rgba(30, 41, 59, 0.87); --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-width: 1px; --mat-table-background-color: #1e293b; --mat-table-header-headline-color: white; --mat-table-row-item-label-text-color: white; --mat-table-row-item-outline-color: rgba(241, 245, 249, 0.12); --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #4b4e74; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #4b4e74; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #1e293b; --mat-badge-disabled-state-text-color: #475569; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: white; --mat-bottom-sheet-container-background-color: #1e293b; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: #64748b; --mat-legacy-button-toggle-state-layer-color: #e2e8f0; --mat-legacy-button-toggle-selected-state-text-color: #94a3b8; --mat-legacy-button-toggle-selected-state-background-color: rgba(255, 255, 255, 0.05); --mat-legacy-button-toggle-disabled-state-text-color: #1e293b; --mat-legacy-button-toggle-disabled-state-background-color: #0f172a; --mat-legacy-button-toggle-disabled-selected-state-background-color: #1e293b; --mat-standard-button-toggle-text-color: white; --mat-standard-button-toggle-background-color: #1e293b; --mat-standard-button-toggle-state-layer-color: #e2e8f0; --mat-standard-button-toggle-selected-state-background-color: rgba(255, 255, 255, 0.05); --mat-standard-button-toggle-selected-state-text-color: white; --mat-standard-button-toggle-disabled-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-state-background-color: #1e293b; --mat-standard-button-toggle-disabled-selected-state-text-color: white; --mat-standard-button-toggle-disabled-selected-state-background-color: #1e293b; --mat-standard-button-toggle-divider-color: #374152; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #4b4e74; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(75, 78, 116, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(75, 78, 116, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(75, 78, 116, 0.3); --mat-datepicker-toggle-active-state-icon-color: #4b4e74; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(75, 78, 116, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: #f1f5f9; --mat-datepicker-calendar-body-label-text-color: #94a3b8; --mat-datepicker-calendar-period-button-text-color: white; --mat-datepicker-calendar-period-button-icon-color: #f1f5f9; --mat-datepicker-calendar-navigation-button-icon-color: #f1f5f9; --mat-datepicker-calendar-header-divider-color: rgba(241, 245, 249, 0.12); --mat-datepicker-calendar-header-text-color: #94a3b8; --mat-datepicker-calendar-date-today-outline-color: #64748b; --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(100, 116, 139, 0.8); --mat-datepicker-calendar-date-text-color: white; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: #475569; --mat-datepicker-calendar-date-preview-state-outline-color: rgba(241, 245, 249, 0.24); --mat-datepicker-range-input-separator-color: white; --mat-datepicker-range-input-disabled-state-separator-color: #475569; --mat-datepicker-range-input-disabled-state-text-color: #475569; --mat-datepicker-calendar-container-background-color: #1e293b; --mat-datepicker-calendar-container-text-color: white; --mat-divider-width: 1px; --mat-divider-color: rgba(241, 245, 249, 0.12); --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: #1e293b; --mat-expansion-container-text-color: white; --mat-expansion-actions-divider-color: rgba(241, 245, 249, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.05); --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.05); --mat-expansion-header-disabled-state-text-color: #1e293b; --mat-expansion-header-text-color: white; --mat-expansion-header-description-color: #94a3b8; --mat-expansion-header-indicator-color: #94a3b8; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: rgba(241, 245, 249, 0.12); --mat-sidenav-container-background-color: #1e293b; --mat-sidenav-container-text-color: white; --mat-sidenav-content-background-color: #0f172a; --mat-sidenav-content-text-color: white; --mat-sidenav-scrim-color: rgba(225, 214, 196, 0.6); --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #4b4e74; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #4b4e74; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #4b4e74; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: #1e293b; --mat-stepper-line-color: rgba(241, 245, 249, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.05); --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.05); --mat-stepper-header-label-text-color: #94a3b8; --mat-stepper-header-optional-label-text-color: #94a3b8; --mat-stepper-header-selected-state-label-text-color: white; --mat-stepper-header-error-state-label-text-color: #dc2626; --mat-stepper-header-icon-background-color: #94a3b8; --mat-stepper-header-error-state-icon-foreground-color: #dc2626; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #94a3b8; --mat-toolbar-container-background-color: #0f172a; --mat-toolbar-container-text-color: white; --mat-tree-container-background-color: #1e293b; --mat-tree-node-text-color: white; } .theme-default .dark .mat-accent, .theme-default.dark .mat-accent { --mat-option-selected-state-label-text-color: #f5f6f7; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .theme-default .dark .mat-warn, .theme-default.dark .mat-warn { --mat-option-selected-state-label-text-color: #dc2626; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .theme-default .dark .mat-primary, .theme-default.dark .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #4b4e74; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #4b4e74; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-default .dark .mat-accent, .theme-default.dark .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-default .dark .mat-warn, .theme-default.dark .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #dc2626; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-default .dark .mat-mdc-progress-bar, .theme-default.dark .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #4b4e74; --mdc-linear-progress-track-color: rgba(75, 78, 116, 0.25); } .theme-default .dark .mat-mdc-progress-bar.mat-accent, .theme-default.dark .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #f5f6f7; --mdc-linear-progress-track-color: rgba(245, 246, 247, 0.25); } .theme-default .dark .mat-mdc-progress-bar.mat-warn, .theme-default.dark .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #dc2626; --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25); } .theme-default .dark .mat-mdc-form-field.mat-accent, .theme-default.dark .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #f5f6f7; --mdc-filled-text-field-focus-active-indicator-color: #f5f6f7; --mdc-filled-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mdc-outlined-text-field-caret-color: #f5f6f7; --mdc-outlined-text-field-focus-outline-color: #f5f6f7; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mat-form-field-focus-select-arrow-color: rgba(245, 246, 247, 0.87); } .theme-default .dark .mat-mdc-form-field.mat-warn, .theme-default.dark .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #dc2626; --mdc-filled-text-field-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mdc-outlined-text-field-caret-color: #dc2626; --mdc-outlined-text-field-focus-outline-color: #dc2626; --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87); } .theme-default .dark .mat-mdc-form-field.mat-accent, .theme-default.dark .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(245, 246, 247, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-default .dark .mat-mdc-form-field.mat-warn, .theme-default.dark .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-default .dark .mat-mdc-standard-chip, .theme-default.dark .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mdc-chip-disabled-label-text-color: #fafafa; --mdc-chip-elevated-container-color: #394353; --mdc-chip-elevated-selected-container-color: #394353; --mdc-chip-elevated-disabled-container-color: #394353; --mdc-chip-flat-disabled-selected-container-color: #394353; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #fafafa; --mdc-chip-selected-label-text-color: #fafafa; --mdc-chip-with-icon-icon-color: #fafafa; --mdc-chip-with-icon-disabled-icon-color: #fafafa; --mdc-chip-with-icon-selected-icon-color: #fafafa; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa; --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa; --mat-chip-selected-disabled-trailing-icon-color: #fafafa; --mat-chip-selected-trailing-icon-color: #fafafa; } .theme-default .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-default .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-default.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-default.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #4b4e74; --mdc-chip-elevated-selected-container-color: #4b4e74; --mdc-chip-elevated-disabled-container-color: #4b4e74; --mdc-chip-flat-disabled-selected-container-color: #4b4e74; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-default .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-default .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-default.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-default.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: #848485; --mdc-chip-elevated-container-color: #f5f6f7; --mdc-chip-elevated-selected-container-color: #f5f6f7; --mdc-chip-elevated-disabled-container-color: #f5f6f7; --mdc-chip-flat-disabled-selected-container-color: #f5f6f7; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #848485; --mdc-chip-selected-label-text-color: #848485; --mdc-chip-with-icon-icon-color: #848485; --mdc-chip-with-icon-disabled-icon-color: #848485; --mdc-chip-with-icon-selected-icon-color: #848485; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #848485; --mdc-chip-with-trailing-icon-trailing-icon-color: #848485; --mat-chip-selected-disabled-trailing-icon-color: #848485; --mat-chip-selected-trailing-icon-color: #848485; } .theme-default .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-default .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-default.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-default.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #dc2626; --mdc-chip-elevated-selected-container-color: #dc2626; --mdc-chip-elevated-disabled-container-color: #dc2626; --mdc-chip-flat-disabled-selected-container-color: #dc2626; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-default .dark .mat-mdc-slide-toggle, .theme-default.dark .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mat-switch-label-text-color: white; } .theme-default .dark .mat-mdc-slide-toggle.mat-accent, .theme-default.dark .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #f9fafa; --mdc-switch-selected-handle-color: #f9fafa; --mdc-switch-selected-hover-state-layer-color: #f9fafa; --mdc-switch-selected-pressed-state-layer-color: #f9fafa; --mdc-switch-selected-focus-handle-color: #fbfbfc; --mdc-switch-selected-hover-handle-color: #fbfbfc; --mdc-switch-selected-pressed-handle-color: #fbfbfc; --mdc-switch-selected-focus-track-color: #dedfe0; --mdc-switch-selected-hover-track-color: #dedfe0; --mdc-switch-selected-pressed-track-color: #dedfe0; --mdc-switch-selected-track-color: #dedfe0; } .theme-default .dark .mat-mdc-slide-toggle.mat-warn, .theme-default.dark .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #fca5a5; --mdc-switch-selected-handle-color: #fca5a5; --mdc-switch-selected-hover-state-layer-color: #fca5a5; --mdc-switch-selected-pressed-state-layer-color: #fca5a5; --mdc-switch-selected-focus-handle-color: #fecaca; --mdc-switch-selected-hover-handle-color: #fecaca; --mdc-switch-selected-pressed-handle-color: #fecaca; --mdc-switch-selected-focus-track-color: #dc2626; --mdc-switch-selected-hover-track-color: #dc2626; --mdc-switch-selected-pressed-track-color: #dc2626; --mdc-switch-selected-track-color: #dc2626; } .theme-default .dark .mat-mdc-radio-button.mat-primary, .theme-default.dark .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #4b4e74; --mdc-radio-selected-hover-icon-color: #4b4e74; --mdc-radio-selected-icon-color: #4b4e74; --mdc-radio-selected-pressed-icon-color: #4b4e74; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #4b4e74; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-default .dark .mat-mdc-radio-button.mat-accent, .theme-default.dark .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #f5f6f7; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-default .dark .mat-mdc-radio-button.mat-warn, .theme-default.dark .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #dc2626; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-default .dark .mat-accent, .theme-default.dark .mat-accent { --mdc-slider-handle-color: #f5f6f7; --mdc-slider-focus-handle-color: #f5f6f7; --mdc-slider-hover-handle-color: #f5f6f7; --mdc-slider-active-track-color: #f5f6f7; --mdc-slider-inactive-track-color: #f5f6f7; --mdc-slider-with-tick-marks-inactive-container-color: #f5f6f7; --mdc-slider-with-tick-marks-active-container-color: #848485; --mat-slider-ripple-color: #f5f6f7; --mat-slider-hover-state-layer-color: rgba(245, 246, 247, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 246, 247, 0.2); } .theme-default .dark .mat-warn, .theme-default.dark .mat-warn { --mdc-slider-handle-color: #dc2626; --mdc-slider-focus-handle-color: #dc2626; --mdc-slider-hover-handle-color: #dc2626; --mdc-slider-active-track-color: #dc2626; --mdc-slider-inactive-track-color: #dc2626; --mdc-slider-with-tick-marks-inactive-container-color: #dc2626; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #dc2626; --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05); --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2); } .theme-default .dark .mdc-list-item__start, .theme-default .dark .mdc-list-item__end, .theme-default.dark .mdc-list-item__start, .theme-default.dark .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #4b4e74; --mdc-radio-selected-hover-icon-color: #4b4e74; --mdc-radio-selected-icon-color: #4b4e74; --mdc-radio-selected-pressed-icon-color: #4b4e74; } .theme-default .dark .mat-accent .mdc-list-item__start, .theme-default .dark .mat-accent .mdc-list-item__end, .theme-default.dark .mat-accent .mdc-list-item__start, .theme-default.dark .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; } .theme-default .dark .mat-warn .mdc-list-item__start, .theme-default .dark .mat-warn .mdc-list-item__end, .theme-default.dark .mat-warn .mdc-list-item__start, .theme-default.dark .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; } .theme-default .dark .mat-mdc-list-option, .theme-default.dark .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #4b4e74; --mdc-checkbox-selected-hover-icon-color: #4b4e74; --mdc-checkbox-selected-icon-color: #4b4e74; --mdc-checkbox-selected-pressed-icon-color: #4b4e74; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #4b4e74; --mdc-checkbox-selected-hover-state-layer-color: #4b4e74; --mdc-checkbox-selected-pressed-state-layer-color: #4b4e74; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-default .dark .mat-mdc-list-option.mat-accent, .theme-default.dark .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-default .dark .mat-mdc-list-option.mat-warn, .theme-default.dark .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-default .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-default .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-default .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-default .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .theme-default.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-default.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-default.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-default.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #4b4e74; } .theme-default .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-default .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-default .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .theme-default.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-default.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-default.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .theme-default .dark .mat-mdc-tab-group, .theme-default .dark .mat-mdc-tab-nav-bar, .theme-default.dark .mat-mdc-tab-group, .theme-default.dark .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #4b4e74; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #4b4e74; --mat-tab-header-active-ripple-color: #4b4e74; --mat-tab-header-inactive-ripple-color: #4b4e74; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #4b4e74; --mat-tab-header-active-hover-label-text-color: #4b4e74; --mat-tab-header-active-focus-indicator-color: #4b4e74; --mat-tab-header-active-hover-indicator-color: #4b4e74; } .theme-default .dark .mat-mdc-tab-group.mat-accent, .theme-default .dark .mat-mdc-tab-nav-bar.mat-accent, .theme-default.dark .mat-mdc-tab-group.mat-accent, .theme-default.dark .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #f5f6f7; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #f5f6f7; --mat-tab-header-active-ripple-color: #f5f6f7; --mat-tab-header-inactive-ripple-color: #f5f6f7; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #f5f6f7; --mat-tab-header-active-hover-label-text-color: #f5f6f7; --mat-tab-header-active-focus-indicator-color: #f5f6f7; --mat-tab-header-active-hover-indicator-color: #f5f6f7; } .theme-default .dark .mat-mdc-tab-group.mat-warn, .theme-default .dark .mat-mdc-tab-nav-bar.mat-warn, .theme-default.dark .mat-mdc-tab-group.mat-warn, .theme-default.dark .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #dc2626; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #dc2626; --mat-tab-header-active-ripple-color: #dc2626; --mat-tab-header-inactive-ripple-color: #dc2626; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #dc2626; --mat-tab-header-active-hover-label-text-color: #dc2626; --mat-tab-header-active-focus-indicator-color: #dc2626; --mat-tab-header-active-hover-indicator-color: #dc2626; } .theme-default .dark .mat-mdc-tab-group.mat-background-primary, .theme-default .dark .mat-mdc-tab-nav-bar.mat-background-primary, .theme-default.dark .mat-mdc-tab-group.mat-background-primary, .theme-default.dark .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #4b4e74; --mat-tab-header-with-background-foreground-color: white; } .theme-default .dark .mat-mdc-tab-group.mat-background-accent, .theme-default .dark .mat-mdc-tab-nav-bar.mat-background-accent, .theme-default.dark .mat-mdc-tab-group.mat-background-accent, .theme-default.dark .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #f5f6f7; --mat-tab-header-with-background-foreground-color: #848485; } .theme-default .dark .mat-mdc-tab-group.mat-background-warn, .theme-default .dark .mat-mdc-tab-nav-bar.mat-background-warn, .theme-default.dark .mat-mdc-tab-group.mat-background-warn, .theme-default.dark .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #dc2626; --mat-tab-header-with-background-foreground-color: white; } .theme-default .dark .mat-mdc-checkbox.mat-primary, .theme-default.dark .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #4b4e74; --mdc-checkbox-selected-hover-icon-color: #4b4e74; --mdc-checkbox-selected-icon-color: #4b4e74; --mdc-checkbox-selected-pressed-icon-color: #4b4e74; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #4b4e74; --mdc-checkbox-selected-hover-state-layer-color: #4b4e74; --mdc-checkbox-selected-pressed-state-layer-color: #4b4e74; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-default .dark .mat-mdc-checkbox.mat-warn, .theme-default.dark .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-default .dark .mat-mdc-button.mat-primary, .theme-default.dark .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #4b4e74; --mat-text-button-state-layer-color: #4b4e74; --mat-text-button-ripple-color: rgba(75, 78, 116, 0.1); } .theme-default .dark .mat-mdc-button.mat-accent, .theme-default.dark .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #f5f6f7; --mat-text-button-state-layer-color: #f5f6f7; --mat-text-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-default .dark .mat-mdc-button.mat-warn, .theme-default.dark .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #dc2626; --mat-text-button-state-layer-color: #dc2626; --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-default .dark .mat-mdc-unelevated-button.mat-primary, .theme-default.dark .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #4b4e74; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .dark .mat-mdc-unelevated-button.mat-accent, .theme-default.dark .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #f5f6f7; --mdc-filled-button-label-text-color: #848485; --mat-filled-button-state-layer-color: #848485; --mat-filled-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-default .dark .mat-mdc-unelevated-button.mat-warn, .theme-default.dark .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #dc2626; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .dark .mat-mdc-raised-button.mat-primary, .theme-default.dark .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #4b4e74; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .dark .mat-mdc-raised-button.mat-accent, .theme-default.dark .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #f5f6f7; --mdc-protected-button-label-text-color: #848485; --mat-protected-button-state-layer-color: #848485; --mat-protected-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-default .dark .mat-mdc-raised-button.mat-warn, .theme-default.dark .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #dc2626; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .dark .mat-mdc-outlined-button.mat-primary, .theme-default.dark .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #4b4e74; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #4b4e74; --mat-outlined-button-ripple-color: rgba(75, 78, 116, 0.1); } .theme-default .dark .mat-mdc-outlined-button.mat-accent, .theme-default.dark .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #f5f6f7; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #f5f6f7; --mat-outlined-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-default .dark .mat-mdc-outlined-button.mat-warn, .theme-default.dark .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #dc2626; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #dc2626; --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-default .dark .mat-mdc-icon-button.mat-primary, .theme-default.dark .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #4b4e74; --mat-icon-button-state-layer-color: #4b4e74; --mat-icon-button-ripple-color: rgba(75, 78, 116, 0.1); } .theme-default .dark .mat-mdc-icon-button.mat-accent, .theme-default.dark .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #f5f6f7; --mat-icon-button-state-layer-color: #f5f6f7; --mat-icon-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-default .dark .mat-mdc-icon-button.mat-warn, .theme-default.dark .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #dc2626; --mat-icon-button-state-layer-color: #dc2626; --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-default .dark .mat-mdc-fab.mat-primary, .theme-default.dark .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #4b4e74; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .dark .mat-mdc-fab.mat-accent, .theme-default.dark .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #f5f6f7; --mat-fab-foreground-color: #848485; --mat-fab-state-layer-color: #848485; --mat-fab-ripple-color: rgba(132, 132, 133, 0.1); } .theme-default .dark .mat-mdc-fab.mat-warn, .theme-default.dark .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #dc2626; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .dark .mat-mdc-mini-fab.mat-primary, .theme-default.dark .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #4b4e74; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .dark .mat-mdc-mini-fab.mat-accent, .theme-default.dark .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #f5f6f7; --mat-fab-small-foreground-color: #848485; --mat-fab-small-state-layer-color: #848485; --mat-fab-small-ripple-color: rgba(132, 132, 133, 0.1); } .theme-default .dark .mat-mdc-mini-fab.mat-warn, .theme-default.dark .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #dc2626; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-default .dark .mat-accent, .theme-default.dark .mat-accent { --mdc-circular-progress-active-indicator-color: #f5f6f7; } .theme-default .dark .mat-warn, .theme-default.dark .mat-warn { --mdc-circular-progress-active-indicator-color: #dc2626; } .theme-default .dark .mat-badge-accent, .theme-default.dark .mat-badge-accent { --mat-badge-background-color: #f5f6f7; --mat-badge-text-color: #848485; } .theme-default .dark .mat-badge-warn, .theme-default.dark .mat-badge-warn { --mat-badge-background-color: #dc2626; --mat-badge-text-color: white; } .theme-default .dark .mat-datepicker-content.mat-accent, .theme-default.dark .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: #848485; --mat-datepicker-calendar-date-selected-state-background-color: #f5f6f7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 246, 247, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #848485; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 246, 247, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-default .dark .mat-datepicker-content.mat-warn, .theme-default.dark .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #dc2626; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-default .dark .mat-datepicker-toggle-active.mat-accent, .theme-default.dark .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #f5f6f7; } .theme-default .dark .mat-datepicker-toggle-active.mat-warn, .theme-default.dark .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #dc2626; } .theme-default .dark .mat-icon.mat-primary, .theme-default.dark .mat-icon.mat-primary { --mat-icon-color: #4b4e74; } .theme-default .dark .mat-icon.mat-accent, .theme-default.dark .mat-icon.mat-accent { --mat-icon-color: #f5f6f7; } .theme-default .dark .mat-icon.mat-warn, .theme-default.dark .mat-icon.mat-warn { --mat-icon-color: #dc2626; } .theme-default .dark .mat-step-header.mat-accent, .theme-default.dark .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: #848485; --mat-stepper-header-selected-state-icon-background-color: #f5f6f7; --mat-stepper-header-selected-state-icon-foreground-color: #848485; --mat-stepper-header-done-state-icon-background-color: #f5f6f7; --mat-stepper-header-done-state-icon-foreground-color: #848485; --mat-stepper-header-edit-state-icon-background-color: #f5f6f7; --mat-stepper-header-edit-state-icon-foreground-color: #848485; } .theme-default .dark .mat-step-header.mat-warn, .theme-default.dark .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #dc2626; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #dc2626; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #dc2626; --mat-stepper-header-edit-state-icon-foreground-color: white; } .theme-default .dark .mat-toolbar.mat-primary, .theme-default.dark .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #4b4e74; --mat-toolbar-container-text-color: white; } .theme-default .dark .mat-toolbar.mat-accent, .theme-default.dark .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #f5f6f7; --mat-toolbar-container-text-color: #848485; } .theme-default .dark .mat-toolbar.mat-warn, .theme-default.dark .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #dc2626; --mat-toolbar-container-text-color: white; } .theme-brand .light, .theme-brand.light { --mat-ripple-color: rgba(0, 0, 0, 0.1); --mat-option-selected-state-label-text-color: #4b4e74; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); --mat-optgroup-label-text-color: #1e293b; --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; --mat-app-background-color: #f1f5f9; --mat-app-text-color: #1e293b; --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: #64748b; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #1e293b; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #4b4e74; --mdc-filled-text-field-focus-active-indicator-color: #4b4e74; --mdc-filled-text-field-focus-label-text-color: rgba(75, 78, 116, 0.87); --mdc-filled-text-field-container-color: whitesmoke; --mdc-filled-text-field-disabled-container-color: #fafafa; --mdc-filled-text-field-label-text-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-filled-text-field-input-text-color: rgba(30, 41, 59, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(148, 163, 184, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #dc2626; --mdc-filled-text-field-error-focus-label-text-color: #dc2626; --mdc-filled-text-field-error-label-text-color: #dc2626; --mdc-filled-text-field-error-caret-color: #dc2626; --mdc-filled-text-field-active-indicator-color: rgba(226, 232, 240, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(226, 232, 240, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(226, 232, 240, 0.87); --mdc-filled-text-field-error-active-indicator-color: #dc2626; --mdc-filled-text-field-error-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-error-hover-active-indicator-color: #dc2626; --mdc-outlined-text-field-caret-color: #4b4e74; --mdc-outlined-text-field-focus-outline-color: #4b4e74; --mdc-outlined-text-field-focus-label-text-color: rgba(75, 78, 116, 0.87); --mdc-outlined-text-field-label-text-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-text-field-input-text-color: rgba(30, 41, 59, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-error-caret-color: #dc2626; --mdc-outlined-text-field-error-focus-label-text-color: #dc2626; --mdc-outlined-text-field-error-label-text-color: #dc2626; --mdc-outlined-text-field-error-hover-label-text-color: #dc2626; --mdc-outlined-text-field-outline-color: rgba(226, 232, 240, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(226, 232, 240, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(226, 232, 240, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #dc2626; --mdc-outlined-text-field-error-hover-outline-color: #dc2626; --mdc-outlined-text-field-error-outline-color: #dc2626; --mat-form-field-focus-select-arrow-color: rgba(75, 78, 116, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(100, 116, 139, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #dc2626; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(100, 116, 139, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(100, 116, 139, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(75, 78, 116, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: white; --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(30, 41, 59, 0.87); --mdc-dialog-supporting-text-color: rgba(30, 41, 59, 0.6); --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-switch-selected-focus-state-layer-color: #444769; --mdc-switch-selected-handle-color: #444769; --mdc-switch-selected-hover-state-layer-color: #444769; --mdc-switch-selected-pressed-state-layer-color: #444769; --mdc-switch-selected-focus-handle-color: #282a3f; --mdc-switch-selected-hover-handle-color: #282a3f; --mdc-switch-selected-pressed-handle-color: #282a3f; --mdc-switch-selected-focus-track-color: #aaabb8; --mdc-switch-selected-hover-track-color: #aaabb8; --mdc-switch-selected-pressed-track-color: #aaabb8; --mdc-switch-selected-track-color: #aaabb8; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-label-text-color: #94a3b8; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-handle-color: #4b4e74; --mdc-slider-focus-handle-color: #4b4e74; --mdc-slider-hover-handle-color: #4b4e74; --mdc-slider-active-track-color: #4b4e74; --mdc-slider-inactive-track-color: #4b4e74; --mdc-slider-with-tick-marks-inactive-container-color: #4b4e74; --mdc-slider-with-tick-marks-active-container-color: white; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-label-container-color: #000; --mdc-slider-label-label-text-color: #fff; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #000; --mat-slider-ripple-color: #4b4e74; --mat-slider-hover-state-layer-color: rgba(75, 78, 116, 0.05); --mat-slider-focus-state-layer-color: rgba(75, 78, 116, 0.2); --mat-slider-value-indicator-opacity: 0.6; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-color: #1e293b; --mat-menu-item-icon-color: #1e293b; --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; --mat-menu-divider-color: #e2e8f0; --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: #1e293b; --mdc-list-list-item-supporting-text-color: #64748b; --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: #94a3b8; --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: #1e293b; --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: #1e293b; --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; --mat-checkbox-disabled-label-color: #94a3b8; --mat-checkbox-label-text-color: #1e293b; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: #1e293b; --mdc-text-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-text-button-state-layer-color: black; --mat-text-button-disabled-state-layer-color: black; --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity: 0.04; --mat-text-button-focus-state-layer-opacity: 0.12; --mat-text-button-pressed-state-layer-opacity: 0.12; --mdc-filled-button-container-color: white; --mdc-filled-button-label-text-color: #1e293b; --mdc-filled-button-disabled-container-color: rgba(148, 163, 184, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-filled-button-state-layer-color: black; --mat-filled-button-disabled-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.04; --mat-filled-button-focus-state-layer-opacity: 0.12; --mat-filled-button-pressed-state-layer-opacity: 0.12; --mdc-protected-button-container-color: white; --mdc-protected-button-label-text-color: #1e293b; --mdc-protected-button-disabled-container-color: rgba(148, 163, 184, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-protected-button-state-layer-color: black; --mat-protected-button-disabled-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.04; --mat-protected-button-focus-state-layer-opacity: 0.12; --mat-protected-button-pressed-state-layer-opacity: 0.12; --mdc-outlined-button-disabled-outline-color: #e2e8f0; --mdc-outlined-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-button-label-text-color: #1e293b; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: black; --mat-outlined-button-disabled-state-layer-color: black; --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.04; --mat-outlined-button-focus-state-layer-opacity: 0.12; --mat-outlined-button-pressed-state-layer-opacity: 0.12; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); --mat-icon-button-state-layer-color: black; --mat-icon-button-disabled-state-layer-color: black; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-color: white; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-disabled-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-disabled-state-container-color: rgba(148, 163, 184, 0.12); --mat-fab-disabled-state-foreground-color: rgba(148, 163, 184, 0.38); --mdc-fab-small-container-color: white; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-disabled-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-disabled-state-container-color: rgba(148, 163, 184, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(148, 163, 184, 0.38); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); --mat-snack-bar-button-color: #f5f6f7; --mat-table-row-item-outline-width: 1px; --mat-table-background-color: white; --mat-table-header-headline-color: #1e293b; --mat-table-row-item-label-text-color: #1e293b; --mat-table-row-item-outline-color: #e2e8f0; --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #4b4e74; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #4b4e74; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #94a3b8; --mat-badge-disabled-state-text-color: #94a3b8; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: #1e293b; --mat-bottom-sheet-container-background-color: white; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: #94a3b8; --mat-legacy-button-toggle-state-layer-color: #64748b; --mat-legacy-button-toggle-selected-state-text-color: #64748b; --mat-legacy-button-toggle-selected-state-background-color: #e2e8f0; --mat-legacy-button-toggle-disabled-state-text-color: #94a3b8; --mat-legacy-button-toggle-disabled-state-background-color: #cbd5e1; --mat-legacy-button-toggle-disabled-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-text-color: #1e293b; --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: #64748b; --mat-standard-button-toggle-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-selected-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-state-text-color: #94a3b8; --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-divider-color: #e2e8f0; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #4b4e74; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(75, 78, 116, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(75, 78, 116, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(75, 78, 116, 0.3); --mat-datepicker-toggle-active-state-icon-color: #4b4e74; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(75, 78, 116, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: #64748b; --mat-datepicker-calendar-body-label-text-color: #64748b; --mat-datepicker-calendar-period-button-text-color: #1e293b; --mat-datepicker-calendar-period-button-icon-color: #64748b; --mat-datepicker-calendar-navigation-button-icon-color: #64748b; --mat-datepicker-calendar-header-divider-color: #e2e8f0; --mat-datepicker-calendar-header-text-color: #64748b; --mat-datepicker-calendar-date-today-outline-color: #94a3b8; --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(148, 163, 184, 0.8); --mat-datepicker-calendar-date-text-color: #1e293b; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: #94a3b8; --mat-datepicker-calendar-date-preview-state-outline-color: #e2e8f0; --mat-datepicker-range-input-separator-color: #1e293b; --mat-datepicker-range-input-disabled-state-separator-color: #94a3b8; --mat-datepicker-range-input-disabled-state-text-color: #94a3b8; --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: #1e293b; --mat-divider-width: 1px; --mat-divider-color: #e2e8f0; --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: #1e293b; --mat-expansion-actions-divider-color: #e2e8f0; --mat-expansion-header-hover-state-layer-color: rgba(148, 163, 184, 0.12); --mat-expansion-header-focus-state-layer-color: rgba(148, 163, 184, 0.12); --mat-expansion-header-disabled-state-text-color: #94a3b8; --mat-expansion-header-text-color: #1e293b; --mat-expansion-header-description-color: #64748b; --mat-expansion-header-indicator-color: #64748b; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: #e2e8f0; --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: #1e293b; --mat-sidenav-content-background-color: #f1f5f9; --mat-sidenav-content-text-color: #1e293b; --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #4b4e74; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #4b4e74; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #4b4e74; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: #e2e8f0; --mat-stepper-header-hover-state-layer-color: rgba(148, 163, 184, 0.12); --mat-stepper-header-focus-state-layer-color: rgba(148, 163, 184, 0.12); --mat-stepper-header-label-text-color: #64748b; --mat-stepper-header-optional-label-text-color: #64748b; --mat-stepper-header-selected-state-label-text-color: #1e293b; --mat-stepper-header-error-state-label-text-color: #dc2626; --mat-stepper-header-icon-background-color: #64748b; --mat-stepper-header-error-state-icon-foreground-color: #dc2626; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #64748b; --mat-toolbar-container-background-color: white; --mat-toolbar-container-text-color: #1e293b; --mat-tree-container-background-color: white; --mat-tree-node-text-color: #1e293b; } .theme-brand .light .mat-accent, .theme-brand.light .mat-accent { --mat-option-selected-state-label-text-color: #f5f6f7; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .theme-brand .light .mat-warn, .theme-brand.light .mat-warn { --mat-option-selected-state-label-text-color: #dc2626; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .theme-brand .light .mat-primary, .theme-brand.light .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #4b4e74; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #4b4e74; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-brand .light .mat-accent, .theme-brand.light .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-brand .light .mat-warn, .theme-brand.light .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #dc2626; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-brand .light .mat-mdc-progress-bar, .theme-brand.light .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #4b4e74; --mdc-linear-progress-track-color: rgba(75, 78, 116, 0.25); } .theme-brand .light .mat-mdc-progress-bar.mat-accent, .theme-brand.light .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #f5f6f7; --mdc-linear-progress-track-color: rgba(245, 246, 247, 0.25); } .theme-brand .light .mat-mdc-progress-bar.mat-warn, .theme-brand.light .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #dc2626; --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25); } .theme-brand .light .mat-mdc-form-field.mat-accent, .theme-brand.light .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #f5f6f7; --mdc-filled-text-field-focus-active-indicator-color: #f5f6f7; --mdc-filled-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mdc-outlined-text-field-caret-color: #f5f6f7; --mdc-outlined-text-field-focus-outline-color: #f5f6f7; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mat-form-field-focus-select-arrow-color: rgba(245, 246, 247, 0.87); } .theme-brand .light .mat-mdc-form-field.mat-warn, .theme-brand.light .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #dc2626; --mdc-filled-text-field-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mdc-outlined-text-field-caret-color: #dc2626; --mdc-outlined-text-field-focus-outline-color: #dc2626; --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87); } .theme-brand .light .mat-mdc-form-field.mat-accent, .theme-brand.light .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(245, 246, 247, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-brand .light .mat-mdc-form-field.mat-warn, .theme-brand.light .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-brand .light .mat-mdc-standard-chip, .theme-brand.light .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: #e0e0e0; --mdc-chip-elevated-selected-container-color: #e0e0e0; --mdc-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-flat-disabled-selected-container-color: #e0e0e0; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-selected-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; --mat-chip-selected-disabled-trailing-icon-color: #212121; --mat-chip-selected-trailing-icon-color: #212121; } .theme-brand .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-brand .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-brand.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-brand.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #4b4e74; --mdc-chip-elevated-selected-container-color: #4b4e74; --mdc-chip-elevated-disabled-container-color: #4b4e74; --mdc-chip-flat-disabled-selected-container-color: #4b4e74; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-brand .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-brand .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-brand.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-brand.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: #848485; --mdc-chip-elevated-container-color: #f5f6f7; --mdc-chip-elevated-selected-container-color: #f5f6f7; --mdc-chip-elevated-disabled-container-color: #f5f6f7; --mdc-chip-flat-disabled-selected-container-color: #f5f6f7; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #848485; --mdc-chip-selected-label-text-color: #848485; --mdc-chip-with-icon-icon-color: #848485; --mdc-chip-with-icon-disabled-icon-color: #848485; --mdc-chip-with-icon-selected-icon-color: #848485; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #848485; --mdc-chip-with-trailing-icon-trailing-icon-color: #848485; --mat-chip-selected-disabled-trailing-icon-color: #848485; --mat-chip-selected-trailing-icon-color: #848485; } .theme-brand .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-brand .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-brand.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-brand.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #dc2626; --mdc-chip-elevated-selected-container-color: #dc2626; --mdc-chip-elevated-disabled-container-color: #dc2626; --mdc-chip-flat-disabled-selected-container-color: #dc2626; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-brand .light .mat-mdc-slide-toggle, .theme-brand.light .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mat-switch-label-text-color: #1e293b; } .theme-brand .light .mat-mdc-slide-toggle.mat-accent, .theme-brand.light .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #dedfe0; --mdc-switch-selected-handle-color: #dedfe0; --mdc-switch-selected-hover-state-layer-color: #dedfe0; --mdc-switch-selected-pressed-state-layer-color: #dedfe0; --mdc-switch-selected-focus-handle-color: #848485; --mdc-switch-selected-hover-handle-color: #848485; --mdc-switch-selected-pressed-handle-color: #848485; --mdc-switch-selected-focus-track-color: #f9fafa; --mdc-switch-selected-hover-track-color: #f9fafa; --mdc-switch-selected-pressed-track-color: #f9fafa; --mdc-switch-selected-track-color: #f9fafa; } .theme-brand .light .mat-mdc-slide-toggle.mat-warn, .theme-brand.light .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #dc2626; --mdc-switch-selected-handle-color: #dc2626; --mdc-switch-selected-hover-state-layer-color: #dc2626; --mdc-switch-selected-pressed-state-layer-color: #dc2626; --mdc-switch-selected-focus-handle-color: #7f1d1d; --mdc-switch-selected-hover-handle-color: #7f1d1d; --mdc-switch-selected-pressed-handle-color: #7f1d1d; --mdc-switch-selected-focus-track-color: #fca5a5; --mdc-switch-selected-hover-track-color: #fca5a5; --mdc-switch-selected-pressed-track-color: #fca5a5; --mdc-switch-selected-track-color: #fca5a5; } .theme-brand .light .mat-mdc-radio-button.mat-primary, .theme-brand.light .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #4b4e74; --mdc-radio-selected-hover-icon-color: #4b4e74; --mdc-radio-selected-icon-color: #4b4e74; --mdc-radio-selected-pressed-icon-color: #4b4e74; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #4b4e74; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-brand .light .mat-mdc-radio-button.mat-accent, .theme-brand.light .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #f5f6f7; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-brand .light .mat-mdc-radio-button.mat-warn, .theme-brand.light .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #dc2626; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-brand .light .mat-accent, .theme-brand.light .mat-accent { --mdc-slider-handle-color: #f5f6f7; --mdc-slider-focus-handle-color: #f5f6f7; --mdc-slider-hover-handle-color: #f5f6f7; --mdc-slider-active-track-color: #f5f6f7; --mdc-slider-inactive-track-color: #f5f6f7; --mdc-slider-with-tick-marks-inactive-container-color: #f5f6f7; --mdc-slider-with-tick-marks-active-container-color: #848485; --mat-slider-ripple-color: #f5f6f7; --mat-slider-hover-state-layer-color: rgba(245, 246, 247, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 246, 247, 0.2); } .theme-brand .light .mat-warn, .theme-brand.light .mat-warn { --mdc-slider-handle-color: #dc2626; --mdc-slider-focus-handle-color: #dc2626; --mdc-slider-hover-handle-color: #dc2626; --mdc-slider-active-track-color: #dc2626; --mdc-slider-inactive-track-color: #dc2626; --mdc-slider-with-tick-marks-inactive-container-color: #dc2626; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #dc2626; --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05); --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2); } .theme-brand .light .mdc-list-item__start, .theme-brand .light .mdc-list-item__end, .theme-brand.light .mdc-list-item__start, .theme-brand.light .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #4b4e74; --mdc-radio-selected-hover-icon-color: #4b4e74; --mdc-radio-selected-icon-color: #4b4e74; --mdc-radio-selected-pressed-icon-color: #4b4e74; } .theme-brand .light .mat-accent .mdc-list-item__start, .theme-brand .light .mat-accent .mdc-list-item__end, .theme-brand.light .mat-accent .mdc-list-item__start, .theme-brand.light .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; } .theme-brand .light .mat-warn .mdc-list-item__start, .theme-brand .light .mat-warn .mdc-list-item__end, .theme-brand.light .mat-warn .mdc-list-item__start, .theme-brand.light .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; } .theme-brand .light .mat-mdc-list-option, .theme-brand.light .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #4b4e74; --mdc-checkbox-selected-hover-icon-color: #4b4e74; --mdc-checkbox-selected-icon-color: #4b4e74; --mdc-checkbox-selected-pressed-icon-color: #4b4e74; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #4b4e74; --mdc-checkbox-selected-hover-state-layer-color: #4b4e74; --mdc-checkbox-selected-pressed-state-layer-color: #4b4e74; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-brand .light .mat-mdc-list-option.mat-accent, .theme-brand.light .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-brand .light .mat-mdc-list-option.mat-warn, .theme-brand.light .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-brand .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-brand .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-brand .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-brand .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .theme-brand.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-brand.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-brand.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-brand.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #4b4e74; } .theme-brand .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-brand .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-brand .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .theme-brand.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-brand.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-brand.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .theme-brand .light .mat-mdc-tab-group, .theme-brand .light .mat-mdc-tab-nav-bar, .theme-brand.light .mat-mdc-tab-group, .theme-brand.light .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #4b4e74; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #4b4e74; --mat-tab-header-active-ripple-color: #4b4e74; --mat-tab-header-inactive-ripple-color: #4b4e74; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #4b4e74; --mat-tab-header-active-hover-label-text-color: #4b4e74; --mat-tab-header-active-focus-indicator-color: #4b4e74; --mat-tab-header-active-hover-indicator-color: #4b4e74; } .theme-brand .light .mat-mdc-tab-group.mat-accent, .theme-brand .light .mat-mdc-tab-nav-bar.mat-accent, .theme-brand.light .mat-mdc-tab-group.mat-accent, .theme-brand.light .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #f5f6f7; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #f5f6f7; --mat-tab-header-active-ripple-color: #f5f6f7; --mat-tab-header-inactive-ripple-color: #f5f6f7; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #f5f6f7; --mat-tab-header-active-hover-label-text-color: #f5f6f7; --mat-tab-header-active-focus-indicator-color: #f5f6f7; --mat-tab-header-active-hover-indicator-color: #f5f6f7; } .theme-brand .light .mat-mdc-tab-group.mat-warn, .theme-brand .light .mat-mdc-tab-nav-bar.mat-warn, .theme-brand.light .mat-mdc-tab-group.mat-warn, .theme-brand.light .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #dc2626; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #dc2626; --mat-tab-header-active-ripple-color: #dc2626; --mat-tab-header-inactive-ripple-color: #dc2626; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #dc2626; --mat-tab-header-active-hover-label-text-color: #dc2626; --mat-tab-header-active-focus-indicator-color: #dc2626; --mat-tab-header-active-hover-indicator-color: #dc2626; } .theme-brand .light .mat-mdc-tab-group.mat-background-primary, .theme-brand .light .mat-mdc-tab-nav-bar.mat-background-primary, .theme-brand.light .mat-mdc-tab-group.mat-background-primary, .theme-brand.light .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #4b4e74; --mat-tab-header-with-background-foreground-color: white; } .theme-brand .light .mat-mdc-tab-group.mat-background-accent, .theme-brand .light .mat-mdc-tab-nav-bar.mat-background-accent, .theme-brand.light .mat-mdc-tab-group.mat-background-accent, .theme-brand.light .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #f5f6f7; --mat-tab-header-with-background-foreground-color: #848485; } .theme-brand .light .mat-mdc-tab-group.mat-background-warn, .theme-brand .light .mat-mdc-tab-nav-bar.mat-background-warn, .theme-brand.light .mat-mdc-tab-group.mat-background-warn, .theme-brand.light .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #dc2626; --mat-tab-header-with-background-foreground-color: white; } .theme-brand .light .mat-mdc-checkbox.mat-primary, .theme-brand.light .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #4b4e74; --mdc-checkbox-selected-hover-icon-color: #4b4e74; --mdc-checkbox-selected-icon-color: #4b4e74; --mdc-checkbox-selected-pressed-icon-color: #4b4e74; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #4b4e74; --mdc-checkbox-selected-hover-state-layer-color: #4b4e74; --mdc-checkbox-selected-pressed-state-layer-color: #4b4e74; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-brand .light .mat-mdc-checkbox.mat-warn, .theme-brand.light .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-brand .light .mat-mdc-button.mat-primary, .theme-brand.light .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #4b4e74; --mat-text-button-state-layer-color: #4b4e74; --mat-text-button-ripple-color: rgba(75, 78, 116, 0.1); } .theme-brand .light .mat-mdc-button.mat-accent, .theme-brand.light .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #f5f6f7; --mat-text-button-state-layer-color: #f5f6f7; --mat-text-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-brand .light .mat-mdc-button.mat-warn, .theme-brand.light .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #dc2626; --mat-text-button-state-layer-color: #dc2626; --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-brand .light .mat-mdc-unelevated-button.mat-primary, .theme-brand.light .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #4b4e74; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .light .mat-mdc-unelevated-button.mat-accent, .theme-brand.light .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #f5f6f7; --mdc-filled-button-label-text-color: #848485; --mat-filled-button-state-layer-color: #848485; --mat-filled-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-brand .light .mat-mdc-unelevated-button.mat-warn, .theme-brand.light .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #dc2626; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .light .mat-mdc-raised-button.mat-primary, .theme-brand.light .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #4b4e74; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .light .mat-mdc-raised-button.mat-accent, .theme-brand.light .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #f5f6f7; --mdc-protected-button-label-text-color: #848485; --mat-protected-button-state-layer-color: #848485; --mat-protected-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-brand .light .mat-mdc-raised-button.mat-warn, .theme-brand.light .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #dc2626; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .light .mat-mdc-outlined-button.mat-primary, .theme-brand.light .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #4b4e74; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #4b4e74; --mat-outlined-button-ripple-color: rgba(75, 78, 116, 0.1); } .theme-brand .light .mat-mdc-outlined-button.mat-accent, .theme-brand.light .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #f5f6f7; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #f5f6f7; --mat-outlined-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-brand .light .mat-mdc-outlined-button.mat-warn, .theme-brand.light .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #dc2626; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #dc2626; --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-brand .light .mat-mdc-icon-button.mat-primary, .theme-brand.light .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #4b4e74; --mat-icon-button-state-layer-color: #4b4e74; --mat-icon-button-ripple-color: rgba(75, 78, 116, 0.1); } .theme-brand .light .mat-mdc-icon-button.mat-accent, .theme-brand.light .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #f5f6f7; --mat-icon-button-state-layer-color: #f5f6f7; --mat-icon-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-brand .light .mat-mdc-icon-button.mat-warn, .theme-brand.light .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #dc2626; --mat-icon-button-state-layer-color: #dc2626; --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-brand .light .mat-mdc-fab.mat-primary, .theme-brand.light .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #4b4e74; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .light .mat-mdc-fab.mat-accent, .theme-brand.light .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #f5f6f7; --mat-fab-foreground-color: #848485; --mat-fab-state-layer-color: #848485; --mat-fab-ripple-color: rgba(132, 132, 133, 0.1); } .theme-brand .light .mat-mdc-fab.mat-warn, .theme-brand.light .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #dc2626; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .light .mat-mdc-mini-fab.mat-primary, .theme-brand.light .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #4b4e74; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .light .mat-mdc-mini-fab.mat-accent, .theme-brand.light .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #f5f6f7; --mat-fab-small-foreground-color: #848485; --mat-fab-small-state-layer-color: #848485; --mat-fab-small-ripple-color: rgba(132, 132, 133, 0.1); } .theme-brand .light .mat-mdc-mini-fab.mat-warn, .theme-brand.light .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #dc2626; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .light .mat-accent, .theme-brand.light .mat-accent { --mdc-circular-progress-active-indicator-color: #f5f6f7; } .theme-brand .light .mat-warn, .theme-brand.light .mat-warn { --mdc-circular-progress-active-indicator-color: #dc2626; } .theme-brand .light .mat-badge-accent, .theme-brand.light .mat-badge-accent { --mat-badge-background-color: #f5f6f7; --mat-badge-text-color: #848485; } .theme-brand .light .mat-badge-warn, .theme-brand.light .mat-badge-warn { --mat-badge-background-color: #dc2626; --mat-badge-text-color: white; } .theme-brand .light .mat-datepicker-content.mat-accent, .theme-brand.light .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: #848485; --mat-datepicker-calendar-date-selected-state-background-color: #f5f6f7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 246, 247, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #848485; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 246, 247, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-brand .light .mat-datepicker-content.mat-warn, .theme-brand.light .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #dc2626; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-brand .light .mat-datepicker-toggle-active.mat-accent, .theme-brand.light .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #f5f6f7; } .theme-brand .light .mat-datepicker-toggle-active.mat-warn, .theme-brand.light .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #dc2626; } .theme-brand .light .mat-icon.mat-primary, .theme-brand.light .mat-icon.mat-primary { --mat-icon-color: #4b4e74; } .theme-brand .light .mat-icon.mat-accent, .theme-brand.light .mat-icon.mat-accent { --mat-icon-color: #f5f6f7; } .theme-brand .light .mat-icon.mat-warn, .theme-brand.light .mat-icon.mat-warn { --mat-icon-color: #dc2626; } .theme-brand .light .mat-step-header.mat-accent, .theme-brand.light .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: #848485; --mat-stepper-header-selected-state-icon-background-color: #f5f6f7; --mat-stepper-header-selected-state-icon-foreground-color: #848485; --mat-stepper-header-done-state-icon-background-color: #f5f6f7; --mat-stepper-header-done-state-icon-foreground-color: #848485; --mat-stepper-header-edit-state-icon-background-color: #f5f6f7; --mat-stepper-header-edit-state-icon-foreground-color: #848485; } .theme-brand .light .mat-step-header.mat-warn, .theme-brand.light .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #dc2626; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #dc2626; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #dc2626; --mat-stepper-header-edit-state-icon-foreground-color: white; } .theme-brand .light .mat-toolbar.mat-primary, .theme-brand.light .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #4b4e74; --mat-toolbar-container-text-color: white; } .theme-brand .light .mat-toolbar.mat-accent, .theme-brand.light .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #f5f6f7; --mat-toolbar-container-text-color: #848485; } .theme-brand .light .mat-toolbar.mat-warn, .theme-brand.light .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #dc2626; --mat-toolbar-container-text-color: white; } .theme-brand .dark, .theme-brand.dark { --mat-ripple-color: rgba(255, 255, 255, 0.1); --mat-option-selected-state-label-text-color: #4b4e74; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); --mat-optgroup-label-text-color: white; --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; --mat-app-background-color: #0f172a; --mat-app-text-color: white; --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: #1e293b; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: #1e293b; --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: #94a3b8; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #64748b; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #4b4e74; --mdc-filled-text-field-focus-active-indicator-color: #4b4e74; --mdc-filled-text-field-focus-label-text-color: rgba(75, 78, 116, 0.87); --mdc-filled-text-field-container-color: #273243; --mdc-filled-text-field-disabled-container-color: #232d3f; --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(71, 85, 105, 0.38); --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(71, 85, 105, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #dc2626; --mdc-filled-text-field-error-focus-label-text-color: #dc2626; --mdc-filled-text-field-error-label-text-color: #dc2626; --mdc-filled-text-field-error-caret-color: #dc2626; --mdc-filled-text-field-active-indicator-color: rgba(241, 245, 249, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(241, 245, 249, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(241, 245, 249, 0.87); --mdc-filled-text-field-error-active-indicator-color: #dc2626; --mdc-filled-text-field-error-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-error-hover-active-indicator-color: #dc2626; --mdc-outlined-text-field-caret-color: #4b4e74; --mdc-outlined-text-field-focus-outline-color: #4b4e74; --mdc-outlined-text-field-focus-label-text-color: rgba(75, 78, 116, 0.87); --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(71, 85, 105, 0.38); --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(71, 85, 105, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-error-caret-color: #dc2626; --mdc-outlined-text-field-error-focus-label-text-color: #dc2626; --mdc-outlined-text-field-error-label-text-color: #dc2626; --mdc-outlined-text-field-error-hover-label-text-color: #dc2626; --mdc-outlined-text-field-outline-color: rgba(241, 245, 249, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(241, 245, 249, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(241, 245, 249, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #dc2626; --mdc-outlined-text-field-error-hover-outline-color: #dc2626; --mdc-outlined-text-field-error-outline-color: #dc2626; --mat-form-field-focus-select-arrow-color: rgba(75, 78, 116, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(241, 245, 249, 0.38); --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87); --mat-form-field-error-text-color: #dc2626; --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38); --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(241, 245, 249, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(241, 245, 249, 0.38); --mat-form-field-hover-state-layer-opacity: 0.08; --mat-form-field-focus-state-layer-opacity: 0.24; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(75, 78, 116, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: #1e293b; --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: #1e293b; --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87); --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6); --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-switch-selected-focus-state-layer-color: #aaabb8; --mdc-switch-selected-handle-color: #aaabb8; --mdc-switch-selected-hover-state-layer-color: #aaabb8; --mdc-switch-selected-pressed-state-layer-color: #aaabb8; --mdc-switch-selected-focus-handle-color: #cacad1; --mdc-switch-selected-hover-handle-color: #cacad1; --mdc-switch-selected-pressed-handle-color: #cacad1; --mdc-switch-selected-focus-track-color: #444769; --mdc-switch-selected-hover-track-color: #444769; --mdc-switch-selected-pressed-track-color: #444769; --mdc-switch-selected-track-color: #444769; --mdc-switch-disabled-selected-handle-color: #000; --mdc-switch-disabled-selected-icon-color: #212121; --mdc-switch-disabled-selected-track-color: #f5f5f5; --mdc-switch-disabled-unselected-handle-color: #000; --mdc-switch-disabled-unselected-icon-color: #212121; --mdc-switch-disabled-unselected-track-color: #f5f5f5; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #212121; --mdc-switch-unselected-focus-handle-color: #fafafa; --mdc-switch-unselected-focus-state-layer-color: #f5f5f5; --mdc-switch-unselected-focus-track-color: #616161; --mdc-switch-unselected-handle-color: #9e9e9e; --mdc-switch-unselected-hover-handle-color: #fafafa; --mdc-switch-unselected-hover-state-layer-color: #f5f5f5; --mdc-switch-unselected-hover-track-color: #616161; --mdc-switch-unselected-icon-color: #212121; --mdc-switch-unselected-pressed-handle-color: #fafafa; --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5; --mdc-switch-unselected-pressed-track-color: #616161; --mdc-switch-unselected-track-color: #616161; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-label-text-color: #475569; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-handle-color: #4b4e74; --mdc-slider-focus-handle-color: #4b4e74; --mdc-slider-hover-handle-color: #4b4e74; --mdc-slider-active-track-color: #4b4e74; --mdc-slider-inactive-track-color: #4b4e74; --mdc-slider-with-tick-marks-inactive-container-color: #4b4e74; --mdc-slider-with-tick-marks-active-container-color: white; --mdc-slider-disabled-active-track-color: #fff; --mdc-slider-disabled-handle-color: #fff; --mdc-slider-disabled-inactive-track-color: #fff; --mdc-slider-label-container-color: #fff; --mdc-slider-label-label-text-color: #000; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #fff; --mat-slider-ripple-color: #4b4e74; --mat-slider-hover-state-layer-color: rgba(75, 78, 116, 0.05); --mat-slider-focus-state-layer-color: rgba(75, 78, 116, 0.2); --mat-slider-value-indicator-opacity: 0.9; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-color: white; --mat-menu-item-icon-color: white; --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-container-color: #1e293b; --mat-menu-divider-color: rgba(241, 245, 249, 0.12); --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: white; --mdc-list-list-item-supporting-text-color: #94a3b8; --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-trailing-supporting-text-color: #64748b; --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-disabled-label-text-color: white; --mdc-list-list-item-disabled-leading-icon-color: white; --mdc-list-list-item-disabled-trailing-icon-color: white; --mdc-list-list-item-hover-label-text-color: white; --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-focus-label-text-color: white; --mdc-list-list-item-hover-state-layer-color: white; --mdc-list-list-item-hover-state-layer-opacity: 0.08; --mdc-list-list-item-focus-state-layer-color: white; --mdc-list-list-item-focus-state-layer-opacity: 0.24; --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87); --mat-paginator-container-background-color: #1e293b; --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54); --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12); --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; --mat-checkbox-disabled-label-color: #475569; --mat-checkbox-label-text-color: white; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: white; --mdc-text-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-text-button-state-layer-color: white; --mat-text-button-disabled-state-layer-color: white; --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-text-button-hover-state-layer-opacity: 0.08; --mat-text-button-focus-state-layer-opacity: 0.24; --mat-text-button-pressed-state-layer-opacity: 0.24; --mdc-filled-button-container-color: #1e293b; --mdc-filled-button-label-text-color: white; --mdc-filled-button-disabled-container-color: rgba(30, 41, 59, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-filled-button-state-layer-color: white; --mat-filled-button-disabled-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.08; --mat-filled-button-focus-state-layer-opacity: 0.24; --mat-filled-button-pressed-state-layer-opacity: 0.24; --mdc-protected-button-container-color: #1e293b; --mdc-protected-button-label-text-color: white; --mdc-protected-button-disabled-container-color: rgba(30, 41, 59, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-protected-button-state-layer-color: white; --mat-protected-button-disabled-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.08; --mat-protected-button-focus-state-layer-opacity: 0.24; --mat-protected-button-pressed-state-layer-opacity: 0.24; --mdc-outlined-button-disabled-outline-color: rgba(241, 245, 249, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mdc-outlined-button-label-text-color: white; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: white; --mat-outlined-button-disabled-state-layer-color: white; --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.08; --mat-outlined-button-focus-state-layer-opacity: 0.24; --mat-outlined-button-pressed-state-layer-opacity: 0.24; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5); --mat-icon-button-state-layer-color: white; --mat-icon-button-disabled-state-layer-color: white; --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.08; --mat-icon-button-focus-state-layer-opacity: 0.24; --mat-icon-button-pressed-state-layer-opacity: 0.24; --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-color: #1e293b; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-disabled-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-hover-state-layer-opacity: 0.08; --mat-fab-focus-state-layer-opacity: 0.24; --mat-fab-pressed-state-layer-opacity: 0.24; --mat-fab-disabled-state-container-color: rgba(15, 23, 42, 0.12); --mat-fab-disabled-state-foreground-color: rgba(30, 41, 59, 0.5); --mdc-fab-small-container-color: #1e293b; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-disabled-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.08; --mat-fab-small-focus-state-layer-opacity: 0.24; --mat-fab-small-pressed-state-layer-opacity: 0.24; --mat-fab-small-disabled-state-container-color: rgba(15, 23, 42, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(30, 41, 59, 0.5); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #d2d4d8; --mdc-snackbar-supporting-text-color: rgba(30, 41, 59, 0.87); --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-width: 1px; --mat-table-background-color: #1e293b; --mat-table-header-headline-color: white; --mat-table-row-item-label-text-color: white; --mat-table-row-item-outline-color: rgba(241, 245, 249, 0.12); --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #4b4e74; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #4b4e74; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #1e293b; --mat-badge-disabled-state-text-color: #475569; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: white; --mat-bottom-sheet-container-background-color: #1e293b; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: #64748b; --mat-legacy-button-toggle-state-layer-color: #e2e8f0; --mat-legacy-button-toggle-selected-state-text-color: #94a3b8; --mat-legacy-button-toggle-selected-state-background-color: rgba(255, 255, 255, 0.05); --mat-legacy-button-toggle-disabled-state-text-color: #1e293b; --mat-legacy-button-toggle-disabled-state-background-color: #0f172a; --mat-legacy-button-toggle-disabled-selected-state-background-color: #1e293b; --mat-standard-button-toggle-text-color: white; --mat-standard-button-toggle-background-color: #1e293b; --mat-standard-button-toggle-state-layer-color: #e2e8f0; --mat-standard-button-toggle-selected-state-background-color: rgba(255, 255, 255, 0.05); --mat-standard-button-toggle-selected-state-text-color: white; --mat-standard-button-toggle-disabled-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-state-background-color: #1e293b; --mat-standard-button-toggle-disabled-selected-state-text-color: white; --mat-standard-button-toggle-disabled-selected-state-background-color: #1e293b; --mat-standard-button-toggle-divider-color: #374152; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #4b4e74; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(75, 78, 116, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(75, 78, 116, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(75, 78, 116, 0.3); --mat-datepicker-toggle-active-state-icon-color: #4b4e74; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(75, 78, 116, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: #f1f5f9; --mat-datepicker-calendar-body-label-text-color: #94a3b8; --mat-datepicker-calendar-period-button-text-color: white; --mat-datepicker-calendar-period-button-icon-color: #f1f5f9; --mat-datepicker-calendar-navigation-button-icon-color: #f1f5f9; --mat-datepicker-calendar-header-divider-color: rgba(241, 245, 249, 0.12); --mat-datepicker-calendar-header-text-color: #94a3b8; --mat-datepicker-calendar-date-today-outline-color: #64748b; --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(100, 116, 139, 0.8); --mat-datepicker-calendar-date-text-color: white; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: #475569; --mat-datepicker-calendar-date-preview-state-outline-color: rgba(241, 245, 249, 0.24); --mat-datepicker-range-input-separator-color: white; --mat-datepicker-range-input-disabled-state-separator-color: #475569; --mat-datepicker-range-input-disabled-state-text-color: #475569; --mat-datepicker-calendar-container-background-color: #1e293b; --mat-datepicker-calendar-container-text-color: white; --mat-divider-width: 1px; --mat-divider-color: rgba(241, 245, 249, 0.12); --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: #1e293b; --mat-expansion-container-text-color: white; --mat-expansion-actions-divider-color: rgba(241, 245, 249, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.05); --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.05); --mat-expansion-header-disabled-state-text-color: #1e293b; --mat-expansion-header-text-color: white; --mat-expansion-header-description-color: #94a3b8; --mat-expansion-header-indicator-color: #94a3b8; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: rgba(241, 245, 249, 0.12); --mat-sidenav-container-background-color: #1e293b; --mat-sidenav-container-text-color: white; --mat-sidenav-content-background-color: #0f172a; --mat-sidenav-content-text-color: white; --mat-sidenav-scrim-color: rgba(225, 214, 196, 0.6); --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #4b4e74; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #4b4e74; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #4b4e74; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: #1e293b; --mat-stepper-line-color: rgba(241, 245, 249, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.05); --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.05); --mat-stepper-header-label-text-color: #94a3b8; --mat-stepper-header-optional-label-text-color: #94a3b8; --mat-stepper-header-selected-state-label-text-color: white; --mat-stepper-header-error-state-label-text-color: #dc2626; --mat-stepper-header-icon-background-color: #94a3b8; --mat-stepper-header-error-state-icon-foreground-color: #dc2626; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #94a3b8; --mat-toolbar-container-background-color: #0f172a; --mat-toolbar-container-text-color: white; --mat-tree-container-background-color: #1e293b; --mat-tree-node-text-color: white; } .theme-brand .dark .mat-accent, .theme-brand.dark .mat-accent { --mat-option-selected-state-label-text-color: #f5f6f7; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .theme-brand .dark .mat-warn, .theme-brand.dark .mat-warn { --mat-option-selected-state-label-text-color: #dc2626; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .theme-brand .dark .mat-primary, .theme-brand.dark .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #4b4e74; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #4b4e74; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-brand .dark .mat-accent, .theme-brand.dark .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-brand .dark .mat-warn, .theme-brand.dark .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #dc2626; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-brand .dark .mat-mdc-progress-bar, .theme-brand.dark .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #4b4e74; --mdc-linear-progress-track-color: rgba(75, 78, 116, 0.25); } .theme-brand .dark .mat-mdc-progress-bar.mat-accent, .theme-brand.dark .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #f5f6f7; --mdc-linear-progress-track-color: rgba(245, 246, 247, 0.25); } .theme-brand .dark .mat-mdc-progress-bar.mat-warn, .theme-brand.dark .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #dc2626; --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25); } .theme-brand .dark .mat-mdc-form-field.mat-accent, .theme-brand.dark .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #f5f6f7; --mdc-filled-text-field-focus-active-indicator-color: #f5f6f7; --mdc-filled-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mdc-outlined-text-field-caret-color: #f5f6f7; --mdc-outlined-text-field-focus-outline-color: #f5f6f7; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mat-form-field-focus-select-arrow-color: rgba(245, 246, 247, 0.87); } .theme-brand .dark .mat-mdc-form-field.mat-warn, .theme-brand.dark .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #dc2626; --mdc-filled-text-field-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mdc-outlined-text-field-caret-color: #dc2626; --mdc-outlined-text-field-focus-outline-color: #dc2626; --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87); } .theme-brand .dark .mat-mdc-form-field.mat-accent, .theme-brand.dark .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(245, 246, 247, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-brand .dark .mat-mdc-form-field.mat-warn, .theme-brand.dark .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-brand .dark .mat-mdc-standard-chip, .theme-brand.dark .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mdc-chip-disabled-label-text-color: #fafafa; --mdc-chip-elevated-container-color: #394353; --mdc-chip-elevated-selected-container-color: #394353; --mdc-chip-elevated-disabled-container-color: #394353; --mdc-chip-flat-disabled-selected-container-color: #394353; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #fafafa; --mdc-chip-selected-label-text-color: #fafafa; --mdc-chip-with-icon-icon-color: #fafafa; --mdc-chip-with-icon-disabled-icon-color: #fafafa; --mdc-chip-with-icon-selected-icon-color: #fafafa; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa; --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa; --mat-chip-selected-disabled-trailing-icon-color: #fafafa; --mat-chip-selected-trailing-icon-color: #fafafa; } .theme-brand .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-brand .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-brand.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-brand.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #4b4e74; --mdc-chip-elevated-selected-container-color: #4b4e74; --mdc-chip-elevated-disabled-container-color: #4b4e74; --mdc-chip-flat-disabled-selected-container-color: #4b4e74; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-brand .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-brand .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-brand.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-brand.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: #848485; --mdc-chip-elevated-container-color: #f5f6f7; --mdc-chip-elevated-selected-container-color: #f5f6f7; --mdc-chip-elevated-disabled-container-color: #f5f6f7; --mdc-chip-flat-disabled-selected-container-color: #f5f6f7; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #848485; --mdc-chip-selected-label-text-color: #848485; --mdc-chip-with-icon-icon-color: #848485; --mdc-chip-with-icon-disabled-icon-color: #848485; --mdc-chip-with-icon-selected-icon-color: #848485; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #848485; --mdc-chip-with-trailing-icon-trailing-icon-color: #848485; --mat-chip-selected-disabled-trailing-icon-color: #848485; --mat-chip-selected-trailing-icon-color: #848485; } .theme-brand .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-brand .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-brand.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-brand.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #dc2626; --mdc-chip-elevated-selected-container-color: #dc2626; --mdc-chip-elevated-disabled-container-color: #dc2626; --mdc-chip-flat-disabled-selected-container-color: #dc2626; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-brand .dark .mat-mdc-slide-toggle, .theme-brand.dark .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mat-switch-label-text-color: white; } .theme-brand .dark .mat-mdc-slide-toggle.mat-accent, .theme-brand.dark .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #f9fafa; --mdc-switch-selected-handle-color: #f9fafa; --mdc-switch-selected-hover-state-layer-color: #f9fafa; --mdc-switch-selected-pressed-state-layer-color: #f9fafa; --mdc-switch-selected-focus-handle-color: #fbfbfc; --mdc-switch-selected-hover-handle-color: #fbfbfc; --mdc-switch-selected-pressed-handle-color: #fbfbfc; --mdc-switch-selected-focus-track-color: #dedfe0; --mdc-switch-selected-hover-track-color: #dedfe0; --mdc-switch-selected-pressed-track-color: #dedfe0; --mdc-switch-selected-track-color: #dedfe0; } .theme-brand .dark .mat-mdc-slide-toggle.mat-warn, .theme-brand.dark .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #fca5a5; --mdc-switch-selected-handle-color: #fca5a5; --mdc-switch-selected-hover-state-layer-color: #fca5a5; --mdc-switch-selected-pressed-state-layer-color: #fca5a5; --mdc-switch-selected-focus-handle-color: #fecaca; --mdc-switch-selected-hover-handle-color: #fecaca; --mdc-switch-selected-pressed-handle-color: #fecaca; --mdc-switch-selected-focus-track-color: #dc2626; --mdc-switch-selected-hover-track-color: #dc2626; --mdc-switch-selected-pressed-track-color: #dc2626; --mdc-switch-selected-track-color: #dc2626; } .theme-brand .dark .mat-mdc-radio-button.mat-primary, .theme-brand.dark .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #4b4e74; --mdc-radio-selected-hover-icon-color: #4b4e74; --mdc-radio-selected-icon-color: #4b4e74; --mdc-radio-selected-pressed-icon-color: #4b4e74; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #4b4e74; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-brand .dark .mat-mdc-radio-button.mat-accent, .theme-brand.dark .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #f5f6f7; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-brand .dark .mat-mdc-radio-button.mat-warn, .theme-brand.dark .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #dc2626; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-brand .dark .mat-accent, .theme-brand.dark .mat-accent { --mdc-slider-handle-color: #f5f6f7; --mdc-slider-focus-handle-color: #f5f6f7; --mdc-slider-hover-handle-color: #f5f6f7; --mdc-slider-active-track-color: #f5f6f7; --mdc-slider-inactive-track-color: #f5f6f7; --mdc-slider-with-tick-marks-inactive-container-color: #f5f6f7; --mdc-slider-with-tick-marks-active-container-color: #848485; --mat-slider-ripple-color: #f5f6f7; --mat-slider-hover-state-layer-color: rgba(245, 246, 247, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 246, 247, 0.2); } .theme-brand .dark .mat-warn, .theme-brand.dark .mat-warn { --mdc-slider-handle-color: #dc2626; --mdc-slider-focus-handle-color: #dc2626; --mdc-slider-hover-handle-color: #dc2626; --mdc-slider-active-track-color: #dc2626; --mdc-slider-inactive-track-color: #dc2626; --mdc-slider-with-tick-marks-inactive-container-color: #dc2626; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #dc2626; --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05); --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2); } .theme-brand .dark .mdc-list-item__start, .theme-brand .dark .mdc-list-item__end, .theme-brand.dark .mdc-list-item__start, .theme-brand.dark .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #4b4e74; --mdc-radio-selected-hover-icon-color: #4b4e74; --mdc-radio-selected-icon-color: #4b4e74; --mdc-radio-selected-pressed-icon-color: #4b4e74; } .theme-brand .dark .mat-accent .mdc-list-item__start, .theme-brand .dark .mat-accent .mdc-list-item__end, .theme-brand.dark .mat-accent .mdc-list-item__start, .theme-brand.dark .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; } .theme-brand .dark .mat-warn .mdc-list-item__start, .theme-brand .dark .mat-warn .mdc-list-item__end, .theme-brand.dark .mat-warn .mdc-list-item__start, .theme-brand.dark .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; } .theme-brand .dark .mat-mdc-list-option, .theme-brand.dark .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #4b4e74; --mdc-checkbox-selected-hover-icon-color: #4b4e74; --mdc-checkbox-selected-icon-color: #4b4e74; --mdc-checkbox-selected-pressed-icon-color: #4b4e74; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #4b4e74; --mdc-checkbox-selected-hover-state-layer-color: #4b4e74; --mdc-checkbox-selected-pressed-state-layer-color: #4b4e74; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-brand .dark .mat-mdc-list-option.mat-accent, .theme-brand.dark .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-brand .dark .mat-mdc-list-option.mat-warn, .theme-brand.dark .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-brand .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-brand .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-brand .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-brand .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .theme-brand.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-brand.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-brand.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-brand.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #4b4e74; } .theme-brand .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-brand .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-brand .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .theme-brand.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-brand.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-brand.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .theme-brand .dark .mat-mdc-tab-group, .theme-brand .dark .mat-mdc-tab-nav-bar, .theme-brand.dark .mat-mdc-tab-group, .theme-brand.dark .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #4b4e74; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #4b4e74; --mat-tab-header-active-ripple-color: #4b4e74; --mat-tab-header-inactive-ripple-color: #4b4e74; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #4b4e74; --mat-tab-header-active-hover-label-text-color: #4b4e74; --mat-tab-header-active-focus-indicator-color: #4b4e74; --mat-tab-header-active-hover-indicator-color: #4b4e74; } .theme-brand .dark .mat-mdc-tab-group.mat-accent, .theme-brand .dark .mat-mdc-tab-nav-bar.mat-accent, .theme-brand.dark .mat-mdc-tab-group.mat-accent, .theme-brand.dark .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #f5f6f7; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #f5f6f7; --mat-tab-header-active-ripple-color: #f5f6f7; --mat-tab-header-inactive-ripple-color: #f5f6f7; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #f5f6f7; --mat-tab-header-active-hover-label-text-color: #f5f6f7; --mat-tab-header-active-focus-indicator-color: #f5f6f7; --mat-tab-header-active-hover-indicator-color: #f5f6f7; } .theme-brand .dark .mat-mdc-tab-group.mat-warn, .theme-brand .dark .mat-mdc-tab-nav-bar.mat-warn, .theme-brand.dark .mat-mdc-tab-group.mat-warn, .theme-brand.dark .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #dc2626; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #dc2626; --mat-tab-header-active-ripple-color: #dc2626; --mat-tab-header-inactive-ripple-color: #dc2626; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #dc2626; --mat-tab-header-active-hover-label-text-color: #dc2626; --mat-tab-header-active-focus-indicator-color: #dc2626; --mat-tab-header-active-hover-indicator-color: #dc2626; } .theme-brand .dark .mat-mdc-tab-group.mat-background-primary, .theme-brand .dark .mat-mdc-tab-nav-bar.mat-background-primary, .theme-brand.dark .mat-mdc-tab-group.mat-background-primary, .theme-brand.dark .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #4b4e74; --mat-tab-header-with-background-foreground-color: white; } .theme-brand .dark .mat-mdc-tab-group.mat-background-accent, .theme-brand .dark .mat-mdc-tab-nav-bar.mat-background-accent, .theme-brand.dark .mat-mdc-tab-group.mat-background-accent, .theme-brand.dark .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #f5f6f7; --mat-tab-header-with-background-foreground-color: #848485; } .theme-brand .dark .mat-mdc-tab-group.mat-background-warn, .theme-brand .dark .mat-mdc-tab-nav-bar.mat-background-warn, .theme-brand.dark .mat-mdc-tab-group.mat-background-warn, .theme-brand.dark .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #dc2626; --mat-tab-header-with-background-foreground-color: white; } .theme-brand .dark .mat-mdc-checkbox.mat-primary, .theme-brand.dark .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #4b4e74; --mdc-checkbox-selected-hover-icon-color: #4b4e74; --mdc-checkbox-selected-icon-color: #4b4e74; --mdc-checkbox-selected-pressed-icon-color: #4b4e74; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #4b4e74; --mdc-checkbox-selected-hover-state-layer-color: #4b4e74; --mdc-checkbox-selected-pressed-state-layer-color: #4b4e74; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-brand .dark .mat-mdc-checkbox.mat-warn, .theme-brand.dark .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-brand .dark .mat-mdc-button.mat-primary, .theme-brand.dark .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #4b4e74; --mat-text-button-state-layer-color: #4b4e74; --mat-text-button-ripple-color: rgba(75, 78, 116, 0.1); } .theme-brand .dark .mat-mdc-button.mat-accent, .theme-brand.dark .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #f5f6f7; --mat-text-button-state-layer-color: #f5f6f7; --mat-text-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-brand .dark .mat-mdc-button.mat-warn, .theme-brand.dark .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #dc2626; --mat-text-button-state-layer-color: #dc2626; --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-brand .dark .mat-mdc-unelevated-button.mat-primary, .theme-brand.dark .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #4b4e74; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .dark .mat-mdc-unelevated-button.mat-accent, .theme-brand.dark .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #f5f6f7; --mdc-filled-button-label-text-color: #848485; --mat-filled-button-state-layer-color: #848485; --mat-filled-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-brand .dark .mat-mdc-unelevated-button.mat-warn, .theme-brand.dark .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #dc2626; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .dark .mat-mdc-raised-button.mat-primary, .theme-brand.dark .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #4b4e74; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .dark .mat-mdc-raised-button.mat-accent, .theme-brand.dark .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #f5f6f7; --mdc-protected-button-label-text-color: #848485; --mat-protected-button-state-layer-color: #848485; --mat-protected-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-brand .dark .mat-mdc-raised-button.mat-warn, .theme-brand.dark .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #dc2626; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .dark .mat-mdc-outlined-button.mat-primary, .theme-brand.dark .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #4b4e74; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #4b4e74; --mat-outlined-button-ripple-color: rgba(75, 78, 116, 0.1); } .theme-brand .dark .mat-mdc-outlined-button.mat-accent, .theme-brand.dark .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #f5f6f7; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #f5f6f7; --mat-outlined-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-brand .dark .mat-mdc-outlined-button.mat-warn, .theme-brand.dark .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #dc2626; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #dc2626; --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-brand .dark .mat-mdc-icon-button.mat-primary, .theme-brand.dark .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #4b4e74; --mat-icon-button-state-layer-color: #4b4e74; --mat-icon-button-ripple-color: rgba(75, 78, 116, 0.1); } .theme-brand .dark .mat-mdc-icon-button.mat-accent, .theme-brand.dark .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #f5f6f7; --mat-icon-button-state-layer-color: #f5f6f7; --mat-icon-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-brand .dark .mat-mdc-icon-button.mat-warn, .theme-brand.dark .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #dc2626; --mat-icon-button-state-layer-color: #dc2626; --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-brand .dark .mat-mdc-fab.mat-primary, .theme-brand.dark .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #4b4e74; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .dark .mat-mdc-fab.mat-accent, .theme-brand.dark .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #f5f6f7; --mat-fab-foreground-color: #848485; --mat-fab-state-layer-color: #848485; --mat-fab-ripple-color: rgba(132, 132, 133, 0.1); } .theme-brand .dark .mat-mdc-fab.mat-warn, .theme-brand.dark .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #dc2626; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .dark .mat-mdc-mini-fab.mat-primary, .theme-brand.dark .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #4b4e74; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .dark .mat-mdc-mini-fab.mat-accent, .theme-brand.dark .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #f5f6f7; --mat-fab-small-foreground-color: #848485; --mat-fab-small-state-layer-color: #848485; --mat-fab-small-ripple-color: rgba(132, 132, 133, 0.1); } .theme-brand .dark .mat-mdc-mini-fab.mat-warn, .theme-brand.dark .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #dc2626; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-brand .dark .mat-accent, .theme-brand.dark .mat-accent { --mdc-circular-progress-active-indicator-color: #f5f6f7; } .theme-brand .dark .mat-warn, .theme-brand.dark .mat-warn { --mdc-circular-progress-active-indicator-color: #dc2626; } .theme-brand .dark .mat-badge-accent, .theme-brand.dark .mat-badge-accent { --mat-badge-background-color: #f5f6f7; --mat-badge-text-color: #848485; } .theme-brand .dark .mat-badge-warn, .theme-brand.dark .mat-badge-warn { --mat-badge-background-color: #dc2626; --mat-badge-text-color: white; } .theme-brand .dark .mat-datepicker-content.mat-accent, .theme-brand.dark .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: #848485; --mat-datepicker-calendar-date-selected-state-background-color: #f5f6f7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 246, 247, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #848485; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 246, 247, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-brand .dark .mat-datepicker-content.mat-warn, .theme-brand.dark .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #dc2626; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-brand .dark .mat-datepicker-toggle-active.mat-accent, .theme-brand.dark .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #f5f6f7; } .theme-brand .dark .mat-datepicker-toggle-active.mat-warn, .theme-brand.dark .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #dc2626; } .theme-brand .dark .mat-icon.mat-primary, .theme-brand.dark .mat-icon.mat-primary { --mat-icon-color: #4b4e74; } .theme-brand .dark .mat-icon.mat-accent, .theme-brand.dark .mat-icon.mat-accent { --mat-icon-color: #f5f6f7; } .theme-brand .dark .mat-icon.mat-warn, .theme-brand.dark .mat-icon.mat-warn { --mat-icon-color: #dc2626; } .theme-brand .dark .mat-step-header.mat-accent, .theme-brand.dark .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: #848485; --mat-stepper-header-selected-state-icon-background-color: #f5f6f7; --mat-stepper-header-selected-state-icon-foreground-color: #848485; --mat-stepper-header-done-state-icon-background-color: #f5f6f7; --mat-stepper-header-done-state-icon-foreground-color: #848485; --mat-stepper-header-edit-state-icon-background-color: #f5f6f7; --mat-stepper-header-edit-state-icon-foreground-color: #848485; } .theme-brand .dark .mat-step-header.mat-warn, .theme-brand.dark .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #dc2626; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #dc2626; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #dc2626; --mat-stepper-header-edit-state-icon-foreground-color: white; } .theme-brand .dark .mat-toolbar.mat-primary, .theme-brand.dark .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #4b4e74; --mat-toolbar-container-text-color: white; } .theme-brand .dark .mat-toolbar.mat-accent, .theme-brand.dark .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #f5f6f7; --mat-toolbar-container-text-color: #848485; } .theme-brand .dark .mat-toolbar.mat-warn, .theme-brand.dark .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #dc2626; --mat-toolbar-container-text-color: white; } .theme-teal .light, .theme-teal.light { --mat-ripple-color: rgba(0, 0, 0, 0.1); --mat-option-selected-state-label-text-color: #0d9488; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); --mat-optgroup-label-text-color: #1e293b; --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; --mat-app-background-color: #f1f5f9; --mat-app-text-color: #1e293b; --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: #64748b; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #1e293b; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #0d9488; --mdc-filled-text-field-focus-active-indicator-color: #0d9488; --mdc-filled-text-field-focus-label-text-color: rgba(13, 148, 136, 0.87); --mdc-filled-text-field-container-color: whitesmoke; --mdc-filled-text-field-disabled-container-color: #fafafa; --mdc-filled-text-field-label-text-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-filled-text-field-input-text-color: rgba(30, 41, 59, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(148, 163, 184, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #dc2626; --mdc-filled-text-field-error-focus-label-text-color: #dc2626; --mdc-filled-text-field-error-label-text-color: #dc2626; --mdc-filled-text-field-error-caret-color: #dc2626; --mdc-filled-text-field-active-indicator-color: rgba(226, 232, 240, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(226, 232, 240, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(226, 232, 240, 0.87); --mdc-filled-text-field-error-active-indicator-color: #dc2626; --mdc-filled-text-field-error-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-error-hover-active-indicator-color: #dc2626; --mdc-outlined-text-field-caret-color: #0d9488; --mdc-outlined-text-field-focus-outline-color: #0d9488; --mdc-outlined-text-field-focus-label-text-color: rgba(13, 148, 136, 0.87); --mdc-outlined-text-field-label-text-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-text-field-input-text-color: rgba(30, 41, 59, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-error-caret-color: #dc2626; --mdc-outlined-text-field-error-focus-label-text-color: #dc2626; --mdc-outlined-text-field-error-label-text-color: #dc2626; --mdc-outlined-text-field-error-hover-label-text-color: #dc2626; --mdc-outlined-text-field-outline-color: rgba(226, 232, 240, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(226, 232, 240, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(226, 232, 240, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #dc2626; --mdc-outlined-text-field-error-hover-outline-color: #dc2626; --mdc-outlined-text-field-error-outline-color: #dc2626; --mat-form-field-focus-select-arrow-color: rgba(13, 148, 136, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(100, 116, 139, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #dc2626; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(100, 116, 139, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(100, 116, 139, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(13, 148, 136, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: white; --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(30, 41, 59, 0.87); --mdc-dialog-supporting-text-color: rgba(30, 41, 59, 0.6); --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-switch-selected-focus-state-layer-color: #0d9488; --mdc-switch-selected-handle-color: #0d9488; --mdc-switch-selected-hover-state-layer-color: #0d9488; --mdc-switch-selected-pressed-state-layer-color: #0d9488; --mdc-switch-selected-focus-handle-color: #134e4a; --mdc-switch-selected-hover-handle-color: #134e4a; --mdc-switch-selected-pressed-handle-color: #134e4a; --mdc-switch-selected-focus-track-color: #5eead4; --mdc-switch-selected-hover-track-color: #5eead4; --mdc-switch-selected-pressed-track-color: #5eead4; --mdc-switch-selected-track-color: #5eead4; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-label-text-color: #94a3b8; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-handle-color: #0d9488; --mdc-slider-focus-handle-color: #0d9488; --mdc-slider-hover-handle-color: #0d9488; --mdc-slider-active-track-color: #0d9488; --mdc-slider-inactive-track-color: #0d9488; --mdc-slider-with-tick-marks-inactive-container-color: #0d9488; --mdc-slider-with-tick-marks-active-container-color: #042f2e; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-label-container-color: #000; --mdc-slider-label-label-text-color: #fff; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #000; --mat-slider-ripple-color: #0d9488; --mat-slider-hover-state-layer-color: rgba(13, 148, 136, 0.05); --mat-slider-focus-state-layer-color: rgba(13, 148, 136, 0.2); --mat-slider-value-indicator-opacity: 0.6; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-color: #1e293b; --mat-menu-item-icon-color: #1e293b; --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; --mat-menu-divider-color: #e2e8f0; --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: #1e293b; --mdc-list-list-item-supporting-text-color: #64748b; --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: #94a3b8; --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: #1e293b; --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: #1e293b; --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; --mat-checkbox-disabled-label-color: #94a3b8; --mat-checkbox-label-text-color: #1e293b; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: #1e293b; --mdc-text-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-text-button-state-layer-color: black; --mat-text-button-disabled-state-layer-color: black; --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity: 0.04; --mat-text-button-focus-state-layer-opacity: 0.12; --mat-text-button-pressed-state-layer-opacity: 0.12; --mdc-filled-button-container-color: white; --mdc-filled-button-label-text-color: #1e293b; --mdc-filled-button-disabled-container-color: rgba(148, 163, 184, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-filled-button-state-layer-color: black; --mat-filled-button-disabled-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.04; --mat-filled-button-focus-state-layer-opacity: 0.12; --mat-filled-button-pressed-state-layer-opacity: 0.12; --mdc-protected-button-container-color: white; --mdc-protected-button-label-text-color: #1e293b; --mdc-protected-button-disabled-container-color: rgba(148, 163, 184, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-protected-button-state-layer-color: black; --mat-protected-button-disabled-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.04; --mat-protected-button-focus-state-layer-opacity: 0.12; --mat-protected-button-pressed-state-layer-opacity: 0.12; --mdc-outlined-button-disabled-outline-color: #e2e8f0; --mdc-outlined-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-button-label-text-color: #1e293b; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: black; --mat-outlined-button-disabled-state-layer-color: black; --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.04; --mat-outlined-button-focus-state-layer-opacity: 0.12; --mat-outlined-button-pressed-state-layer-opacity: 0.12; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); --mat-icon-button-state-layer-color: black; --mat-icon-button-disabled-state-layer-color: black; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-color: white; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-disabled-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-disabled-state-container-color: rgba(148, 163, 184, 0.12); --mat-fab-disabled-state-foreground-color: rgba(148, 163, 184, 0.38); --mdc-fab-small-container-color: white; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-disabled-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-disabled-state-container-color: rgba(148, 163, 184, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(148, 163, 184, 0.38); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); --mat-snack-bar-button-color: #f5f6f7; --mat-table-row-item-outline-width: 1px; --mat-table-background-color: white; --mat-table-header-headline-color: #1e293b; --mat-table-row-item-label-text-color: #1e293b; --mat-table-row-item-outline-color: #e2e8f0; --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #0d9488; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #0d9488; --mat-badge-text-color: #042f2e; --mat-badge-disabled-state-background-color: #94a3b8; --mat-badge-disabled-state-text-color: #94a3b8; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: #1e293b; --mat-bottom-sheet-container-background-color: white; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: #94a3b8; --mat-legacy-button-toggle-state-layer-color: #64748b; --mat-legacy-button-toggle-selected-state-text-color: #64748b; --mat-legacy-button-toggle-selected-state-background-color: #e2e8f0; --mat-legacy-button-toggle-disabled-state-text-color: #94a3b8; --mat-legacy-button-toggle-disabled-state-background-color: #cbd5e1; --mat-legacy-button-toggle-disabled-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-text-color: #1e293b; --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: #64748b; --mat-standard-button-toggle-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-selected-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-state-text-color: #94a3b8; --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-divider-color: #e2e8f0; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: #042f2e; --mat-datepicker-calendar-date-selected-state-background-color: #0d9488; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(13, 148, 136, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #042f2e; --mat-datepicker-calendar-date-focus-state-background-color: rgba(13, 148, 136, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(13, 148, 136, 0.3); --mat-datepicker-toggle-active-state-icon-color: #0d9488; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(13, 148, 136, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: #64748b; --mat-datepicker-calendar-body-label-text-color: #64748b; --mat-datepicker-calendar-period-button-text-color: #1e293b; --mat-datepicker-calendar-period-button-icon-color: #64748b; --mat-datepicker-calendar-navigation-button-icon-color: #64748b; --mat-datepicker-calendar-header-divider-color: #e2e8f0; --mat-datepicker-calendar-header-text-color: #64748b; --mat-datepicker-calendar-date-today-outline-color: #94a3b8; --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(148, 163, 184, 0.8); --mat-datepicker-calendar-date-text-color: #1e293b; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: #94a3b8; --mat-datepicker-calendar-date-preview-state-outline-color: #e2e8f0; --mat-datepicker-range-input-separator-color: #1e293b; --mat-datepicker-range-input-disabled-state-separator-color: #94a3b8; --mat-datepicker-range-input-disabled-state-text-color: #94a3b8; --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: #1e293b; --mat-divider-width: 1px; --mat-divider-color: #e2e8f0; --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: #1e293b; --mat-expansion-actions-divider-color: #e2e8f0; --mat-expansion-header-hover-state-layer-color: rgba(148, 163, 184, 0.12); --mat-expansion-header-focus-state-layer-color: rgba(148, 163, 184, 0.12); --mat-expansion-header-disabled-state-text-color: #94a3b8; --mat-expansion-header-text-color: #1e293b; --mat-expansion-header-description-color: #64748b; --mat-expansion-header-indicator-color: #64748b; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: #e2e8f0; --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: #1e293b; --mat-sidenav-content-background-color: #f1f5f9; --mat-sidenav-content-text-color: #1e293b; --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); --mat-stepper-header-icon-foreground-color: #042f2e; --mat-stepper-header-selected-state-icon-background-color: #0d9488; --mat-stepper-header-selected-state-icon-foreground-color: #042f2e; --mat-stepper-header-done-state-icon-background-color: #0d9488; --mat-stepper-header-done-state-icon-foreground-color: #042f2e; --mat-stepper-header-edit-state-icon-background-color: #0d9488; --mat-stepper-header-edit-state-icon-foreground-color: #042f2e; --mat-stepper-container-color: white; --mat-stepper-line-color: #e2e8f0; --mat-stepper-header-hover-state-layer-color: rgba(148, 163, 184, 0.12); --mat-stepper-header-focus-state-layer-color: rgba(148, 163, 184, 0.12); --mat-stepper-header-label-text-color: #64748b; --mat-stepper-header-optional-label-text-color: #64748b; --mat-stepper-header-selected-state-label-text-color: #1e293b; --mat-stepper-header-error-state-label-text-color: #dc2626; --mat-stepper-header-icon-background-color: #64748b; --mat-stepper-header-error-state-icon-foreground-color: #dc2626; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #64748b; --mat-toolbar-container-background-color: white; --mat-toolbar-container-text-color: #1e293b; --mat-tree-container-background-color: white; --mat-tree-node-text-color: #1e293b; } .theme-teal .light .mat-accent, .theme-teal.light .mat-accent { --mat-option-selected-state-label-text-color: #f5f6f7; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .theme-teal .light .mat-warn, .theme-teal.light .mat-warn { --mat-option-selected-state-label-text-color: #dc2626; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .theme-teal .light .mat-primary, .theme-teal.light .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #0d9488; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0d9488; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-teal .light .mat-accent, .theme-teal.light .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-teal .light .mat-warn, .theme-teal.light .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #dc2626; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-teal .light .mat-mdc-progress-bar, .theme-teal.light .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #0d9488; --mdc-linear-progress-track-color: rgba(13, 148, 136, 0.25); } .theme-teal .light .mat-mdc-progress-bar.mat-accent, .theme-teal.light .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #f5f6f7; --mdc-linear-progress-track-color: rgba(245, 246, 247, 0.25); } .theme-teal .light .mat-mdc-progress-bar.mat-warn, .theme-teal.light .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #dc2626; --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25); } .theme-teal .light .mat-mdc-form-field.mat-accent, .theme-teal.light .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #f5f6f7; --mdc-filled-text-field-focus-active-indicator-color: #f5f6f7; --mdc-filled-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mdc-outlined-text-field-caret-color: #f5f6f7; --mdc-outlined-text-field-focus-outline-color: #f5f6f7; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mat-form-field-focus-select-arrow-color: rgba(245, 246, 247, 0.87); } .theme-teal .light .mat-mdc-form-field.mat-warn, .theme-teal.light .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #dc2626; --mdc-filled-text-field-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mdc-outlined-text-field-caret-color: #dc2626; --mdc-outlined-text-field-focus-outline-color: #dc2626; --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87); } .theme-teal .light .mat-mdc-form-field.mat-accent, .theme-teal.light .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(245, 246, 247, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-teal .light .mat-mdc-form-field.mat-warn, .theme-teal.light .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-teal .light .mat-mdc-standard-chip, .theme-teal.light .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: #e0e0e0; --mdc-chip-elevated-selected-container-color: #e0e0e0; --mdc-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-flat-disabled-selected-container-color: #e0e0e0; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-selected-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; --mat-chip-selected-disabled-trailing-icon-color: #212121; --mat-chip-selected-trailing-icon-color: #212121; } .theme-teal .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-teal .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-teal.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-teal.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: #042f2e; --mdc-chip-elevated-container-color: #0d9488; --mdc-chip-elevated-selected-container-color: #0d9488; --mdc-chip-elevated-disabled-container-color: #0d9488; --mdc-chip-flat-disabled-selected-container-color: #0d9488; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #042f2e; --mdc-chip-selected-label-text-color: #042f2e; --mdc-chip-with-icon-icon-color: #042f2e; --mdc-chip-with-icon-disabled-icon-color: #042f2e; --mdc-chip-with-icon-selected-icon-color: #042f2e; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #042f2e; --mdc-chip-with-trailing-icon-trailing-icon-color: #042f2e; --mat-chip-selected-disabled-trailing-icon-color: #042f2e; --mat-chip-selected-trailing-icon-color: #042f2e; } .theme-teal .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-teal .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-teal.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-teal.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: #848485; --mdc-chip-elevated-container-color: #f5f6f7; --mdc-chip-elevated-selected-container-color: #f5f6f7; --mdc-chip-elevated-disabled-container-color: #f5f6f7; --mdc-chip-flat-disabled-selected-container-color: #f5f6f7; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #848485; --mdc-chip-selected-label-text-color: #848485; --mdc-chip-with-icon-icon-color: #848485; --mdc-chip-with-icon-disabled-icon-color: #848485; --mdc-chip-with-icon-selected-icon-color: #848485; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #848485; --mdc-chip-with-trailing-icon-trailing-icon-color: #848485; --mat-chip-selected-disabled-trailing-icon-color: #848485; --mat-chip-selected-trailing-icon-color: #848485; } .theme-teal .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-teal .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-teal.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-teal.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #dc2626; --mdc-chip-elevated-selected-container-color: #dc2626; --mdc-chip-elevated-disabled-container-color: #dc2626; --mdc-chip-flat-disabled-selected-container-color: #dc2626; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-teal .light .mat-mdc-slide-toggle, .theme-teal.light .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mat-switch-label-text-color: #1e293b; } .theme-teal .light .mat-mdc-slide-toggle.mat-accent, .theme-teal.light .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #dedfe0; --mdc-switch-selected-handle-color: #dedfe0; --mdc-switch-selected-hover-state-layer-color: #dedfe0; --mdc-switch-selected-pressed-state-layer-color: #dedfe0; --mdc-switch-selected-focus-handle-color: #848485; --mdc-switch-selected-hover-handle-color: #848485; --mdc-switch-selected-pressed-handle-color: #848485; --mdc-switch-selected-focus-track-color: #f9fafa; --mdc-switch-selected-hover-track-color: #f9fafa; --mdc-switch-selected-pressed-track-color: #f9fafa; --mdc-switch-selected-track-color: #f9fafa; } .theme-teal .light .mat-mdc-slide-toggle.mat-warn, .theme-teal.light .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #dc2626; --mdc-switch-selected-handle-color: #dc2626; --mdc-switch-selected-hover-state-layer-color: #dc2626; --mdc-switch-selected-pressed-state-layer-color: #dc2626; --mdc-switch-selected-focus-handle-color: #7f1d1d; --mdc-switch-selected-hover-handle-color: #7f1d1d; --mdc-switch-selected-pressed-handle-color: #7f1d1d; --mdc-switch-selected-focus-track-color: #fca5a5; --mdc-switch-selected-hover-track-color: #fca5a5; --mdc-switch-selected-pressed-track-color: #fca5a5; --mdc-switch-selected-track-color: #fca5a5; } .theme-teal .light .mat-mdc-radio-button.mat-primary, .theme-teal.light .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #0d9488; --mdc-radio-selected-hover-icon-color: #0d9488; --mdc-radio-selected-icon-color: #0d9488; --mdc-radio-selected-pressed-icon-color: #0d9488; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #0d9488; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-teal .light .mat-mdc-radio-button.mat-accent, .theme-teal.light .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #f5f6f7; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-teal .light .mat-mdc-radio-button.mat-warn, .theme-teal.light .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #dc2626; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-teal .light .mat-accent, .theme-teal.light .mat-accent { --mdc-slider-handle-color: #f5f6f7; --mdc-slider-focus-handle-color: #f5f6f7; --mdc-slider-hover-handle-color: #f5f6f7; --mdc-slider-active-track-color: #f5f6f7; --mdc-slider-inactive-track-color: #f5f6f7; --mdc-slider-with-tick-marks-inactive-container-color: #f5f6f7; --mdc-slider-with-tick-marks-active-container-color: #848485; --mat-slider-ripple-color: #f5f6f7; --mat-slider-hover-state-layer-color: rgba(245, 246, 247, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 246, 247, 0.2); } .theme-teal .light .mat-warn, .theme-teal.light .mat-warn { --mdc-slider-handle-color: #dc2626; --mdc-slider-focus-handle-color: #dc2626; --mdc-slider-hover-handle-color: #dc2626; --mdc-slider-active-track-color: #dc2626; --mdc-slider-inactive-track-color: #dc2626; --mdc-slider-with-tick-marks-inactive-container-color: #dc2626; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #dc2626; --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05); --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2); } .theme-teal .light .mdc-list-item__start, .theme-teal .light .mdc-list-item__end, .theme-teal.light .mdc-list-item__start, .theme-teal.light .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #0d9488; --mdc-radio-selected-hover-icon-color: #0d9488; --mdc-radio-selected-icon-color: #0d9488; --mdc-radio-selected-pressed-icon-color: #0d9488; } .theme-teal .light .mat-accent .mdc-list-item__start, .theme-teal .light .mat-accent .mdc-list-item__end, .theme-teal.light .mat-accent .mdc-list-item__start, .theme-teal.light .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; } .theme-teal .light .mat-warn .mdc-list-item__start, .theme-teal .light .mat-warn .mdc-list-item__end, .theme-teal.light .mat-warn .mdc-list-item__start, .theme-teal.light .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; } .theme-teal .light .mat-mdc-list-option, .theme-teal.light .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #042f2e; --mdc-checkbox-selected-focus-icon-color: #0d9488; --mdc-checkbox-selected-hover-icon-color: #0d9488; --mdc-checkbox-selected-icon-color: #0d9488; --mdc-checkbox-selected-pressed-icon-color: #0d9488; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0d9488; --mdc-checkbox-selected-hover-state-layer-color: #0d9488; --mdc-checkbox-selected-pressed-state-layer-color: #0d9488; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-teal .light .mat-mdc-list-option.mat-accent, .theme-teal.light .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-teal .light .mat-mdc-list-option.mat-warn, .theme-teal.light .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-teal .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-teal .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-teal .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-teal .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .theme-teal.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-teal.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-teal.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-teal.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #0d9488; } .theme-teal .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-teal .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-teal .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .theme-teal.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-teal.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-teal.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .theme-teal .light .mat-mdc-tab-group, .theme-teal .light .mat-mdc-tab-nav-bar, .theme-teal.light .mat-mdc-tab-group, .theme-teal.light .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #0d9488; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #0d9488; --mat-tab-header-active-ripple-color: #0d9488; --mat-tab-header-inactive-ripple-color: #0d9488; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #0d9488; --mat-tab-header-active-hover-label-text-color: #0d9488; --mat-tab-header-active-focus-indicator-color: #0d9488; --mat-tab-header-active-hover-indicator-color: #0d9488; } .theme-teal .light .mat-mdc-tab-group.mat-accent, .theme-teal .light .mat-mdc-tab-nav-bar.mat-accent, .theme-teal.light .mat-mdc-tab-group.mat-accent, .theme-teal.light .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #f5f6f7; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #f5f6f7; --mat-tab-header-active-ripple-color: #f5f6f7; --mat-tab-header-inactive-ripple-color: #f5f6f7; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #f5f6f7; --mat-tab-header-active-hover-label-text-color: #f5f6f7; --mat-tab-header-active-focus-indicator-color: #f5f6f7; --mat-tab-header-active-hover-indicator-color: #f5f6f7; } .theme-teal .light .mat-mdc-tab-group.mat-warn, .theme-teal .light .mat-mdc-tab-nav-bar.mat-warn, .theme-teal.light .mat-mdc-tab-group.mat-warn, .theme-teal.light .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #dc2626; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #dc2626; --mat-tab-header-active-ripple-color: #dc2626; --mat-tab-header-inactive-ripple-color: #dc2626; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #dc2626; --mat-tab-header-active-hover-label-text-color: #dc2626; --mat-tab-header-active-focus-indicator-color: #dc2626; --mat-tab-header-active-hover-indicator-color: #dc2626; } .theme-teal .light .mat-mdc-tab-group.mat-background-primary, .theme-teal .light .mat-mdc-tab-nav-bar.mat-background-primary, .theme-teal.light .mat-mdc-tab-group.mat-background-primary, .theme-teal.light .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #0d9488; --mat-tab-header-with-background-foreground-color: #042f2e; } .theme-teal .light .mat-mdc-tab-group.mat-background-accent, .theme-teal .light .mat-mdc-tab-nav-bar.mat-background-accent, .theme-teal.light .mat-mdc-tab-group.mat-background-accent, .theme-teal.light .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #f5f6f7; --mat-tab-header-with-background-foreground-color: #848485; } .theme-teal .light .mat-mdc-tab-group.mat-background-warn, .theme-teal .light .mat-mdc-tab-nav-bar.mat-background-warn, .theme-teal.light .mat-mdc-tab-group.mat-background-warn, .theme-teal.light .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #dc2626; --mat-tab-header-with-background-foreground-color: white; } .theme-teal .light .mat-mdc-checkbox.mat-primary, .theme-teal.light .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #042f2e; --mdc-checkbox-selected-focus-icon-color: #0d9488; --mdc-checkbox-selected-hover-icon-color: #0d9488; --mdc-checkbox-selected-icon-color: #0d9488; --mdc-checkbox-selected-pressed-icon-color: #0d9488; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0d9488; --mdc-checkbox-selected-hover-state-layer-color: #0d9488; --mdc-checkbox-selected-pressed-state-layer-color: #0d9488; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-teal .light .mat-mdc-checkbox.mat-warn, .theme-teal.light .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-teal .light .mat-mdc-button.mat-primary, .theme-teal.light .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #0d9488; --mat-text-button-state-layer-color: #0d9488; --mat-text-button-ripple-color: rgba(13, 148, 136, 0.1); } .theme-teal .light .mat-mdc-button.mat-accent, .theme-teal.light .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #f5f6f7; --mat-text-button-state-layer-color: #f5f6f7; --mat-text-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-teal .light .mat-mdc-button.mat-warn, .theme-teal.light .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #dc2626; --mat-text-button-state-layer-color: #dc2626; --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-teal .light .mat-mdc-unelevated-button.mat-primary, .theme-teal.light .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #0d9488; --mdc-filled-button-label-text-color: #042f2e; --mat-filled-button-state-layer-color: #042f2e; --mat-filled-button-ripple-color: rgba(4, 47, 46, 0.1); } .theme-teal .light .mat-mdc-unelevated-button.mat-accent, .theme-teal.light .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #f5f6f7; --mdc-filled-button-label-text-color: #848485; --mat-filled-button-state-layer-color: #848485; --mat-filled-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-teal .light .mat-mdc-unelevated-button.mat-warn, .theme-teal.light .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #dc2626; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-teal .light .mat-mdc-raised-button.mat-primary, .theme-teal.light .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #0d9488; --mdc-protected-button-label-text-color: #042f2e; --mat-protected-button-state-layer-color: #042f2e; --mat-protected-button-ripple-color: rgba(4, 47, 46, 0.1); } .theme-teal .light .mat-mdc-raised-button.mat-accent, .theme-teal.light .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #f5f6f7; --mdc-protected-button-label-text-color: #848485; --mat-protected-button-state-layer-color: #848485; --mat-protected-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-teal .light .mat-mdc-raised-button.mat-warn, .theme-teal.light .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #dc2626; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-teal .light .mat-mdc-outlined-button.mat-primary, .theme-teal.light .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #0d9488; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #0d9488; --mat-outlined-button-ripple-color: rgba(13, 148, 136, 0.1); } .theme-teal .light .mat-mdc-outlined-button.mat-accent, .theme-teal.light .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #f5f6f7; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #f5f6f7; --mat-outlined-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-teal .light .mat-mdc-outlined-button.mat-warn, .theme-teal.light .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #dc2626; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #dc2626; --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-teal .light .mat-mdc-icon-button.mat-primary, .theme-teal.light .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #0d9488; --mat-icon-button-state-layer-color: #0d9488; --mat-icon-button-ripple-color: rgba(13, 148, 136, 0.1); } .theme-teal .light .mat-mdc-icon-button.mat-accent, .theme-teal.light .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #f5f6f7; --mat-icon-button-state-layer-color: #f5f6f7; --mat-icon-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-teal .light .mat-mdc-icon-button.mat-warn, .theme-teal.light .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #dc2626; --mat-icon-button-state-layer-color: #dc2626; --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-teal .light .mat-mdc-fab.mat-primary, .theme-teal.light .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #0d9488; --mat-fab-foreground-color: #042f2e; --mat-fab-state-layer-color: #042f2e; --mat-fab-ripple-color: rgba(4, 47, 46, 0.1); } .theme-teal .light .mat-mdc-fab.mat-accent, .theme-teal.light .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #f5f6f7; --mat-fab-foreground-color: #848485; --mat-fab-state-layer-color: #848485; --mat-fab-ripple-color: rgba(132, 132, 133, 0.1); } .theme-teal .light .mat-mdc-fab.mat-warn, .theme-teal.light .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #dc2626; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-teal .light .mat-mdc-mini-fab.mat-primary, .theme-teal.light .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #0d9488; --mat-fab-small-foreground-color: #042f2e; --mat-fab-small-state-layer-color: #042f2e; --mat-fab-small-ripple-color: rgba(4, 47, 46, 0.1); } .theme-teal .light .mat-mdc-mini-fab.mat-accent, .theme-teal.light .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #f5f6f7; --mat-fab-small-foreground-color: #848485; --mat-fab-small-state-layer-color: #848485; --mat-fab-small-ripple-color: rgba(132, 132, 133, 0.1); } .theme-teal .light .mat-mdc-mini-fab.mat-warn, .theme-teal.light .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #dc2626; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-teal .light .mat-accent, .theme-teal.light .mat-accent { --mdc-circular-progress-active-indicator-color: #f5f6f7; } .theme-teal .light .mat-warn, .theme-teal.light .mat-warn { --mdc-circular-progress-active-indicator-color: #dc2626; } .theme-teal .light .mat-badge-accent, .theme-teal.light .mat-badge-accent { --mat-badge-background-color: #f5f6f7; --mat-badge-text-color: #848485; } .theme-teal .light .mat-badge-warn, .theme-teal.light .mat-badge-warn { --mat-badge-background-color: #dc2626; --mat-badge-text-color: white; } .theme-teal .light .mat-datepicker-content.mat-accent, .theme-teal.light .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: #848485; --mat-datepicker-calendar-date-selected-state-background-color: #f5f6f7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 246, 247, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #848485; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 246, 247, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-teal .light .mat-datepicker-content.mat-warn, .theme-teal.light .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #dc2626; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-teal .light .mat-datepicker-toggle-active.mat-accent, .theme-teal.light .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #f5f6f7; } .theme-teal .light .mat-datepicker-toggle-active.mat-warn, .theme-teal.light .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #dc2626; } .theme-teal .light .mat-icon.mat-primary, .theme-teal.light .mat-icon.mat-primary { --mat-icon-color: #0d9488; } .theme-teal .light .mat-icon.mat-accent, .theme-teal.light .mat-icon.mat-accent { --mat-icon-color: #f5f6f7; } .theme-teal .light .mat-icon.mat-warn, .theme-teal.light .mat-icon.mat-warn { --mat-icon-color: #dc2626; } .theme-teal .light .mat-step-header.mat-accent, .theme-teal.light .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: #848485; --mat-stepper-header-selected-state-icon-background-color: #f5f6f7; --mat-stepper-header-selected-state-icon-foreground-color: #848485; --mat-stepper-header-done-state-icon-background-color: #f5f6f7; --mat-stepper-header-done-state-icon-foreground-color: #848485; --mat-stepper-header-edit-state-icon-background-color: #f5f6f7; --mat-stepper-header-edit-state-icon-foreground-color: #848485; } .theme-teal .light .mat-step-header.mat-warn, .theme-teal.light .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #dc2626; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #dc2626; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #dc2626; --mat-stepper-header-edit-state-icon-foreground-color: white; } .theme-teal .light .mat-toolbar.mat-primary, .theme-teal.light .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #0d9488; --mat-toolbar-container-text-color: #042f2e; } .theme-teal .light .mat-toolbar.mat-accent, .theme-teal.light .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #f5f6f7; --mat-toolbar-container-text-color: #848485; } .theme-teal .light .mat-toolbar.mat-warn, .theme-teal.light .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #dc2626; --mat-toolbar-container-text-color: white; } .theme-teal .dark, .theme-teal.dark { --mat-ripple-color: rgba(255, 255, 255, 0.1); --mat-option-selected-state-label-text-color: #0d9488; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); --mat-optgroup-label-text-color: white; --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; --mat-app-background-color: #0f172a; --mat-app-text-color: white; --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: #1e293b; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: #1e293b; --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: #94a3b8; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #64748b; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #0d9488; --mdc-filled-text-field-focus-active-indicator-color: #0d9488; --mdc-filled-text-field-focus-label-text-color: rgba(13, 148, 136, 0.87); --mdc-filled-text-field-container-color: #273243; --mdc-filled-text-field-disabled-container-color: #232d3f; --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(71, 85, 105, 0.38); --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(71, 85, 105, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #dc2626; --mdc-filled-text-field-error-focus-label-text-color: #dc2626; --mdc-filled-text-field-error-label-text-color: #dc2626; --mdc-filled-text-field-error-caret-color: #dc2626; --mdc-filled-text-field-active-indicator-color: rgba(241, 245, 249, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(241, 245, 249, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(241, 245, 249, 0.87); --mdc-filled-text-field-error-active-indicator-color: #dc2626; --mdc-filled-text-field-error-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-error-hover-active-indicator-color: #dc2626; --mdc-outlined-text-field-caret-color: #0d9488; --mdc-outlined-text-field-focus-outline-color: #0d9488; --mdc-outlined-text-field-focus-label-text-color: rgba(13, 148, 136, 0.87); --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(71, 85, 105, 0.38); --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(71, 85, 105, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-error-caret-color: #dc2626; --mdc-outlined-text-field-error-focus-label-text-color: #dc2626; --mdc-outlined-text-field-error-label-text-color: #dc2626; --mdc-outlined-text-field-error-hover-label-text-color: #dc2626; --mdc-outlined-text-field-outline-color: rgba(241, 245, 249, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(241, 245, 249, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(241, 245, 249, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #dc2626; --mdc-outlined-text-field-error-hover-outline-color: #dc2626; --mdc-outlined-text-field-error-outline-color: #dc2626; --mat-form-field-focus-select-arrow-color: rgba(13, 148, 136, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(241, 245, 249, 0.38); --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87); --mat-form-field-error-text-color: #dc2626; --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38); --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(241, 245, 249, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(241, 245, 249, 0.38); --mat-form-field-hover-state-layer-opacity: 0.08; --mat-form-field-focus-state-layer-opacity: 0.24; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(13, 148, 136, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: #1e293b; --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: #1e293b; --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87); --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6); --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-switch-selected-focus-state-layer-color: #5eead4; --mdc-switch-selected-handle-color: #5eead4; --mdc-switch-selected-hover-state-layer-color: #5eead4; --mdc-switch-selected-pressed-state-layer-color: #5eead4; --mdc-switch-selected-focus-handle-color: #99f6e4; --mdc-switch-selected-hover-handle-color: #99f6e4; --mdc-switch-selected-pressed-handle-color: #99f6e4; --mdc-switch-selected-focus-track-color: #0d9488; --mdc-switch-selected-hover-track-color: #0d9488; --mdc-switch-selected-pressed-track-color: #0d9488; --mdc-switch-selected-track-color: #0d9488; --mdc-switch-disabled-selected-handle-color: #000; --mdc-switch-disabled-selected-icon-color: #212121; --mdc-switch-disabled-selected-track-color: #f5f5f5; --mdc-switch-disabled-unselected-handle-color: #000; --mdc-switch-disabled-unselected-icon-color: #212121; --mdc-switch-disabled-unselected-track-color: #f5f5f5; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #212121; --mdc-switch-unselected-focus-handle-color: #fafafa; --mdc-switch-unselected-focus-state-layer-color: #f5f5f5; --mdc-switch-unselected-focus-track-color: #616161; --mdc-switch-unselected-handle-color: #9e9e9e; --mdc-switch-unselected-hover-handle-color: #fafafa; --mdc-switch-unselected-hover-state-layer-color: #f5f5f5; --mdc-switch-unselected-hover-track-color: #616161; --mdc-switch-unselected-icon-color: #212121; --mdc-switch-unselected-pressed-handle-color: #fafafa; --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5; --mdc-switch-unselected-pressed-track-color: #616161; --mdc-switch-unselected-track-color: #616161; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-label-text-color: #475569; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-handle-color: #0d9488; --mdc-slider-focus-handle-color: #0d9488; --mdc-slider-hover-handle-color: #0d9488; --mdc-slider-active-track-color: #0d9488; --mdc-slider-inactive-track-color: #0d9488; --mdc-slider-with-tick-marks-inactive-container-color: #0d9488; --mdc-slider-with-tick-marks-active-container-color: #042f2e; --mdc-slider-disabled-active-track-color: #fff; --mdc-slider-disabled-handle-color: #fff; --mdc-slider-disabled-inactive-track-color: #fff; --mdc-slider-label-container-color: #fff; --mdc-slider-label-label-text-color: #000; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #fff; --mat-slider-ripple-color: #0d9488; --mat-slider-hover-state-layer-color: rgba(13, 148, 136, 0.05); --mat-slider-focus-state-layer-color: rgba(13, 148, 136, 0.2); --mat-slider-value-indicator-opacity: 0.9; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-color: white; --mat-menu-item-icon-color: white; --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-container-color: #1e293b; --mat-menu-divider-color: rgba(241, 245, 249, 0.12); --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: white; --mdc-list-list-item-supporting-text-color: #94a3b8; --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-trailing-supporting-text-color: #64748b; --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-disabled-label-text-color: white; --mdc-list-list-item-disabled-leading-icon-color: white; --mdc-list-list-item-disabled-trailing-icon-color: white; --mdc-list-list-item-hover-label-text-color: white; --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-focus-label-text-color: white; --mdc-list-list-item-hover-state-layer-color: white; --mdc-list-list-item-hover-state-layer-opacity: 0.08; --mdc-list-list-item-focus-state-layer-color: white; --mdc-list-list-item-focus-state-layer-opacity: 0.24; --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87); --mat-paginator-container-background-color: #1e293b; --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54); --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12); --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; --mat-checkbox-disabled-label-color: #475569; --mat-checkbox-label-text-color: white; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: white; --mdc-text-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-text-button-state-layer-color: white; --mat-text-button-disabled-state-layer-color: white; --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-text-button-hover-state-layer-opacity: 0.08; --mat-text-button-focus-state-layer-opacity: 0.24; --mat-text-button-pressed-state-layer-opacity: 0.24; --mdc-filled-button-container-color: #1e293b; --mdc-filled-button-label-text-color: white; --mdc-filled-button-disabled-container-color: rgba(30, 41, 59, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-filled-button-state-layer-color: white; --mat-filled-button-disabled-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.08; --mat-filled-button-focus-state-layer-opacity: 0.24; --mat-filled-button-pressed-state-layer-opacity: 0.24; --mdc-protected-button-container-color: #1e293b; --mdc-protected-button-label-text-color: white; --mdc-protected-button-disabled-container-color: rgba(30, 41, 59, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-protected-button-state-layer-color: white; --mat-protected-button-disabled-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.08; --mat-protected-button-focus-state-layer-opacity: 0.24; --mat-protected-button-pressed-state-layer-opacity: 0.24; --mdc-outlined-button-disabled-outline-color: rgba(241, 245, 249, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mdc-outlined-button-label-text-color: white; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: white; --mat-outlined-button-disabled-state-layer-color: white; --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.08; --mat-outlined-button-focus-state-layer-opacity: 0.24; --mat-outlined-button-pressed-state-layer-opacity: 0.24; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5); --mat-icon-button-state-layer-color: white; --mat-icon-button-disabled-state-layer-color: white; --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.08; --mat-icon-button-focus-state-layer-opacity: 0.24; --mat-icon-button-pressed-state-layer-opacity: 0.24; --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-color: #1e293b; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-disabled-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-hover-state-layer-opacity: 0.08; --mat-fab-focus-state-layer-opacity: 0.24; --mat-fab-pressed-state-layer-opacity: 0.24; --mat-fab-disabled-state-container-color: rgba(15, 23, 42, 0.12); --mat-fab-disabled-state-foreground-color: rgba(30, 41, 59, 0.5); --mdc-fab-small-container-color: #1e293b; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-disabled-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.08; --mat-fab-small-focus-state-layer-opacity: 0.24; --mat-fab-small-pressed-state-layer-opacity: 0.24; --mat-fab-small-disabled-state-container-color: rgba(15, 23, 42, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(30, 41, 59, 0.5); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #d2d4d8; --mdc-snackbar-supporting-text-color: rgba(30, 41, 59, 0.87); --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-width: 1px; --mat-table-background-color: #1e293b; --mat-table-header-headline-color: white; --mat-table-row-item-label-text-color: white; --mat-table-row-item-outline-color: rgba(241, 245, 249, 0.12); --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #0d9488; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #0d9488; --mat-badge-text-color: #042f2e; --mat-badge-disabled-state-background-color: #1e293b; --mat-badge-disabled-state-text-color: #475569; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: white; --mat-bottom-sheet-container-background-color: #1e293b; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: #64748b; --mat-legacy-button-toggle-state-layer-color: #e2e8f0; --mat-legacy-button-toggle-selected-state-text-color: #94a3b8; --mat-legacy-button-toggle-selected-state-background-color: rgba(255, 255, 255, 0.05); --mat-legacy-button-toggle-disabled-state-text-color: #1e293b; --mat-legacy-button-toggle-disabled-state-background-color: #0f172a; --mat-legacy-button-toggle-disabled-selected-state-background-color: #1e293b; --mat-standard-button-toggle-text-color: white; --mat-standard-button-toggle-background-color: #1e293b; --mat-standard-button-toggle-state-layer-color: #e2e8f0; --mat-standard-button-toggle-selected-state-background-color: rgba(255, 255, 255, 0.05); --mat-standard-button-toggle-selected-state-text-color: white; --mat-standard-button-toggle-disabled-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-state-background-color: #1e293b; --mat-standard-button-toggle-disabled-selected-state-text-color: white; --mat-standard-button-toggle-disabled-selected-state-background-color: #1e293b; --mat-standard-button-toggle-divider-color: #374152; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: #042f2e; --mat-datepicker-calendar-date-selected-state-background-color: #0d9488; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(13, 148, 136, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #042f2e; --mat-datepicker-calendar-date-focus-state-background-color: rgba(13, 148, 136, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(13, 148, 136, 0.3); --mat-datepicker-toggle-active-state-icon-color: #0d9488; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(13, 148, 136, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: #f1f5f9; --mat-datepicker-calendar-body-label-text-color: #94a3b8; --mat-datepicker-calendar-period-button-text-color: white; --mat-datepicker-calendar-period-button-icon-color: #f1f5f9; --mat-datepicker-calendar-navigation-button-icon-color: #f1f5f9; --mat-datepicker-calendar-header-divider-color: rgba(241, 245, 249, 0.12); --mat-datepicker-calendar-header-text-color: #94a3b8; --mat-datepicker-calendar-date-today-outline-color: #64748b; --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(100, 116, 139, 0.8); --mat-datepicker-calendar-date-text-color: white; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: #475569; --mat-datepicker-calendar-date-preview-state-outline-color: rgba(241, 245, 249, 0.24); --mat-datepicker-range-input-separator-color: white; --mat-datepicker-range-input-disabled-state-separator-color: #475569; --mat-datepicker-range-input-disabled-state-text-color: #475569; --mat-datepicker-calendar-container-background-color: #1e293b; --mat-datepicker-calendar-container-text-color: white; --mat-divider-width: 1px; --mat-divider-color: rgba(241, 245, 249, 0.12); --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: #1e293b; --mat-expansion-container-text-color: white; --mat-expansion-actions-divider-color: rgba(241, 245, 249, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.05); --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.05); --mat-expansion-header-disabled-state-text-color: #1e293b; --mat-expansion-header-text-color: white; --mat-expansion-header-description-color: #94a3b8; --mat-expansion-header-indicator-color: #94a3b8; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: rgba(241, 245, 249, 0.12); --mat-sidenav-container-background-color: #1e293b; --mat-sidenav-container-text-color: white; --mat-sidenav-content-background-color: #0f172a; --mat-sidenav-content-text-color: white; --mat-sidenav-scrim-color: rgba(225, 214, 196, 0.6); --mat-stepper-header-icon-foreground-color: #042f2e; --mat-stepper-header-selected-state-icon-background-color: #0d9488; --mat-stepper-header-selected-state-icon-foreground-color: #042f2e; --mat-stepper-header-done-state-icon-background-color: #0d9488; --mat-stepper-header-done-state-icon-foreground-color: #042f2e; --mat-stepper-header-edit-state-icon-background-color: #0d9488; --mat-stepper-header-edit-state-icon-foreground-color: #042f2e; --mat-stepper-container-color: #1e293b; --mat-stepper-line-color: rgba(241, 245, 249, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.05); --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.05); --mat-stepper-header-label-text-color: #94a3b8; --mat-stepper-header-optional-label-text-color: #94a3b8; --mat-stepper-header-selected-state-label-text-color: white; --mat-stepper-header-error-state-label-text-color: #dc2626; --mat-stepper-header-icon-background-color: #94a3b8; --mat-stepper-header-error-state-icon-foreground-color: #dc2626; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #94a3b8; --mat-toolbar-container-background-color: #0f172a; --mat-toolbar-container-text-color: white; --mat-tree-container-background-color: #1e293b; --mat-tree-node-text-color: white; } .theme-teal .dark .mat-accent, .theme-teal.dark .mat-accent { --mat-option-selected-state-label-text-color: #f5f6f7; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .theme-teal .dark .mat-warn, .theme-teal.dark .mat-warn { --mat-option-selected-state-label-text-color: #dc2626; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .theme-teal .dark .mat-primary, .theme-teal.dark .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #0d9488; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0d9488; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-teal .dark .mat-accent, .theme-teal.dark .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-teal .dark .mat-warn, .theme-teal.dark .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #dc2626; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-teal .dark .mat-mdc-progress-bar, .theme-teal.dark .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #0d9488; --mdc-linear-progress-track-color: rgba(13, 148, 136, 0.25); } .theme-teal .dark .mat-mdc-progress-bar.mat-accent, .theme-teal.dark .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #f5f6f7; --mdc-linear-progress-track-color: rgba(245, 246, 247, 0.25); } .theme-teal .dark .mat-mdc-progress-bar.mat-warn, .theme-teal.dark .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #dc2626; --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25); } .theme-teal .dark .mat-mdc-form-field.mat-accent, .theme-teal.dark .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #f5f6f7; --mdc-filled-text-field-focus-active-indicator-color: #f5f6f7; --mdc-filled-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mdc-outlined-text-field-caret-color: #f5f6f7; --mdc-outlined-text-field-focus-outline-color: #f5f6f7; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mat-form-field-focus-select-arrow-color: rgba(245, 246, 247, 0.87); } .theme-teal .dark .mat-mdc-form-field.mat-warn, .theme-teal.dark .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #dc2626; --mdc-filled-text-field-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mdc-outlined-text-field-caret-color: #dc2626; --mdc-outlined-text-field-focus-outline-color: #dc2626; --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87); } .theme-teal .dark .mat-mdc-form-field.mat-accent, .theme-teal.dark .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(245, 246, 247, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-teal .dark .mat-mdc-form-field.mat-warn, .theme-teal.dark .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-teal .dark .mat-mdc-standard-chip, .theme-teal.dark .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mdc-chip-disabled-label-text-color: #fafafa; --mdc-chip-elevated-container-color: #394353; --mdc-chip-elevated-selected-container-color: #394353; --mdc-chip-elevated-disabled-container-color: #394353; --mdc-chip-flat-disabled-selected-container-color: #394353; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #fafafa; --mdc-chip-selected-label-text-color: #fafafa; --mdc-chip-with-icon-icon-color: #fafafa; --mdc-chip-with-icon-disabled-icon-color: #fafafa; --mdc-chip-with-icon-selected-icon-color: #fafafa; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa; --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa; --mat-chip-selected-disabled-trailing-icon-color: #fafafa; --mat-chip-selected-trailing-icon-color: #fafafa; } .theme-teal .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-teal .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-teal.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-teal.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: #042f2e; --mdc-chip-elevated-container-color: #0d9488; --mdc-chip-elevated-selected-container-color: #0d9488; --mdc-chip-elevated-disabled-container-color: #0d9488; --mdc-chip-flat-disabled-selected-container-color: #0d9488; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #042f2e; --mdc-chip-selected-label-text-color: #042f2e; --mdc-chip-with-icon-icon-color: #042f2e; --mdc-chip-with-icon-disabled-icon-color: #042f2e; --mdc-chip-with-icon-selected-icon-color: #042f2e; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #042f2e; --mdc-chip-with-trailing-icon-trailing-icon-color: #042f2e; --mat-chip-selected-disabled-trailing-icon-color: #042f2e; --mat-chip-selected-trailing-icon-color: #042f2e; } .theme-teal .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-teal .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-teal.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-teal.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: #848485; --mdc-chip-elevated-container-color: #f5f6f7; --mdc-chip-elevated-selected-container-color: #f5f6f7; --mdc-chip-elevated-disabled-container-color: #f5f6f7; --mdc-chip-flat-disabled-selected-container-color: #f5f6f7; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #848485; --mdc-chip-selected-label-text-color: #848485; --mdc-chip-with-icon-icon-color: #848485; --mdc-chip-with-icon-disabled-icon-color: #848485; --mdc-chip-with-icon-selected-icon-color: #848485; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #848485; --mdc-chip-with-trailing-icon-trailing-icon-color: #848485; --mat-chip-selected-disabled-trailing-icon-color: #848485; --mat-chip-selected-trailing-icon-color: #848485; } .theme-teal .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-teal .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-teal.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-teal.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #dc2626; --mdc-chip-elevated-selected-container-color: #dc2626; --mdc-chip-elevated-disabled-container-color: #dc2626; --mdc-chip-flat-disabled-selected-container-color: #dc2626; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-teal .dark .mat-mdc-slide-toggle, .theme-teal.dark .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mat-switch-label-text-color: white; } .theme-teal .dark .mat-mdc-slide-toggle.mat-accent, .theme-teal.dark .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #f9fafa; --mdc-switch-selected-handle-color: #f9fafa; --mdc-switch-selected-hover-state-layer-color: #f9fafa; --mdc-switch-selected-pressed-state-layer-color: #f9fafa; --mdc-switch-selected-focus-handle-color: #fbfbfc; --mdc-switch-selected-hover-handle-color: #fbfbfc; --mdc-switch-selected-pressed-handle-color: #fbfbfc; --mdc-switch-selected-focus-track-color: #dedfe0; --mdc-switch-selected-hover-track-color: #dedfe0; --mdc-switch-selected-pressed-track-color: #dedfe0; --mdc-switch-selected-track-color: #dedfe0; } .theme-teal .dark .mat-mdc-slide-toggle.mat-warn, .theme-teal.dark .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #fca5a5; --mdc-switch-selected-handle-color: #fca5a5; --mdc-switch-selected-hover-state-layer-color: #fca5a5; --mdc-switch-selected-pressed-state-layer-color: #fca5a5; --mdc-switch-selected-focus-handle-color: #fecaca; --mdc-switch-selected-hover-handle-color: #fecaca; --mdc-switch-selected-pressed-handle-color: #fecaca; --mdc-switch-selected-focus-track-color: #dc2626; --mdc-switch-selected-hover-track-color: #dc2626; --mdc-switch-selected-pressed-track-color: #dc2626; --mdc-switch-selected-track-color: #dc2626; } .theme-teal .dark .mat-mdc-radio-button.mat-primary, .theme-teal.dark .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #0d9488; --mdc-radio-selected-hover-icon-color: #0d9488; --mdc-radio-selected-icon-color: #0d9488; --mdc-radio-selected-pressed-icon-color: #0d9488; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #0d9488; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-teal .dark .mat-mdc-radio-button.mat-accent, .theme-teal.dark .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #f5f6f7; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-teal .dark .mat-mdc-radio-button.mat-warn, .theme-teal.dark .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #dc2626; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-teal .dark .mat-accent, .theme-teal.dark .mat-accent { --mdc-slider-handle-color: #f5f6f7; --mdc-slider-focus-handle-color: #f5f6f7; --mdc-slider-hover-handle-color: #f5f6f7; --mdc-slider-active-track-color: #f5f6f7; --mdc-slider-inactive-track-color: #f5f6f7; --mdc-slider-with-tick-marks-inactive-container-color: #f5f6f7; --mdc-slider-with-tick-marks-active-container-color: #848485; --mat-slider-ripple-color: #f5f6f7; --mat-slider-hover-state-layer-color: rgba(245, 246, 247, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 246, 247, 0.2); } .theme-teal .dark .mat-warn, .theme-teal.dark .mat-warn { --mdc-slider-handle-color: #dc2626; --mdc-slider-focus-handle-color: #dc2626; --mdc-slider-hover-handle-color: #dc2626; --mdc-slider-active-track-color: #dc2626; --mdc-slider-inactive-track-color: #dc2626; --mdc-slider-with-tick-marks-inactive-container-color: #dc2626; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #dc2626; --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05); --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2); } .theme-teal .dark .mdc-list-item__start, .theme-teal .dark .mdc-list-item__end, .theme-teal.dark .mdc-list-item__start, .theme-teal.dark .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #0d9488; --mdc-radio-selected-hover-icon-color: #0d9488; --mdc-radio-selected-icon-color: #0d9488; --mdc-radio-selected-pressed-icon-color: #0d9488; } .theme-teal .dark .mat-accent .mdc-list-item__start, .theme-teal .dark .mat-accent .mdc-list-item__end, .theme-teal.dark .mat-accent .mdc-list-item__start, .theme-teal.dark .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; } .theme-teal .dark .mat-warn .mdc-list-item__start, .theme-teal .dark .mat-warn .mdc-list-item__end, .theme-teal.dark .mat-warn .mdc-list-item__start, .theme-teal.dark .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; } .theme-teal .dark .mat-mdc-list-option, .theme-teal.dark .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #042f2e; --mdc-checkbox-selected-focus-icon-color: #0d9488; --mdc-checkbox-selected-hover-icon-color: #0d9488; --mdc-checkbox-selected-icon-color: #0d9488; --mdc-checkbox-selected-pressed-icon-color: #0d9488; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0d9488; --mdc-checkbox-selected-hover-state-layer-color: #0d9488; --mdc-checkbox-selected-pressed-state-layer-color: #0d9488; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-teal .dark .mat-mdc-list-option.mat-accent, .theme-teal.dark .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-teal .dark .mat-mdc-list-option.mat-warn, .theme-teal.dark .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-teal .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-teal .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-teal .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-teal .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .theme-teal.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-teal.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-teal.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-teal.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #0d9488; } .theme-teal .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-teal .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-teal .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .theme-teal.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-teal.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-teal.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .theme-teal .dark .mat-mdc-tab-group, .theme-teal .dark .mat-mdc-tab-nav-bar, .theme-teal.dark .mat-mdc-tab-group, .theme-teal.dark .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #0d9488; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #0d9488; --mat-tab-header-active-ripple-color: #0d9488; --mat-tab-header-inactive-ripple-color: #0d9488; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #0d9488; --mat-tab-header-active-hover-label-text-color: #0d9488; --mat-tab-header-active-focus-indicator-color: #0d9488; --mat-tab-header-active-hover-indicator-color: #0d9488; } .theme-teal .dark .mat-mdc-tab-group.mat-accent, .theme-teal .dark .mat-mdc-tab-nav-bar.mat-accent, .theme-teal.dark .mat-mdc-tab-group.mat-accent, .theme-teal.dark .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #f5f6f7; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #f5f6f7; --mat-tab-header-active-ripple-color: #f5f6f7; --mat-tab-header-inactive-ripple-color: #f5f6f7; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #f5f6f7; --mat-tab-header-active-hover-label-text-color: #f5f6f7; --mat-tab-header-active-focus-indicator-color: #f5f6f7; --mat-tab-header-active-hover-indicator-color: #f5f6f7; } .theme-teal .dark .mat-mdc-tab-group.mat-warn, .theme-teal .dark .mat-mdc-tab-nav-bar.mat-warn, .theme-teal.dark .mat-mdc-tab-group.mat-warn, .theme-teal.dark .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #dc2626; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #dc2626; --mat-tab-header-active-ripple-color: #dc2626; --mat-tab-header-inactive-ripple-color: #dc2626; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #dc2626; --mat-tab-header-active-hover-label-text-color: #dc2626; --mat-tab-header-active-focus-indicator-color: #dc2626; --mat-tab-header-active-hover-indicator-color: #dc2626; } .theme-teal .dark .mat-mdc-tab-group.mat-background-primary, .theme-teal .dark .mat-mdc-tab-nav-bar.mat-background-primary, .theme-teal.dark .mat-mdc-tab-group.mat-background-primary, .theme-teal.dark .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #0d9488; --mat-tab-header-with-background-foreground-color: #042f2e; } .theme-teal .dark .mat-mdc-tab-group.mat-background-accent, .theme-teal .dark .mat-mdc-tab-nav-bar.mat-background-accent, .theme-teal.dark .mat-mdc-tab-group.mat-background-accent, .theme-teal.dark .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #f5f6f7; --mat-tab-header-with-background-foreground-color: #848485; } .theme-teal .dark .mat-mdc-tab-group.mat-background-warn, .theme-teal .dark .mat-mdc-tab-nav-bar.mat-background-warn, .theme-teal.dark .mat-mdc-tab-group.mat-background-warn, .theme-teal.dark .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #dc2626; --mat-tab-header-with-background-foreground-color: white; } .theme-teal .dark .mat-mdc-checkbox.mat-primary, .theme-teal.dark .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #042f2e; --mdc-checkbox-selected-focus-icon-color: #0d9488; --mdc-checkbox-selected-hover-icon-color: #0d9488; --mdc-checkbox-selected-icon-color: #0d9488; --mdc-checkbox-selected-pressed-icon-color: #0d9488; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0d9488; --mdc-checkbox-selected-hover-state-layer-color: #0d9488; --mdc-checkbox-selected-pressed-state-layer-color: #0d9488; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-teal .dark .mat-mdc-checkbox.mat-warn, .theme-teal.dark .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-teal .dark .mat-mdc-button.mat-primary, .theme-teal.dark .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #0d9488; --mat-text-button-state-layer-color: #0d9488; --mat-text-button-ripple-color: rgba(13, 148, 136, 0.1); } .theme-teal .dark .mat-mdc-button.mat-accent, .theme-teal.dark .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #f5f6f7; --mat-text-button-state-layer-color: #f5f6f7; --mat-text-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-teal .dark .mat-mdc-button.mat-warn, .theme-teal.dark .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #dc2626; --mat-text-button-state-layer-color: #dc2626; --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-teal .dark .mat-mdc-unelevated-button.mat-primary, .theme-teal.dark .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #0d9488; --mdc-filled-button-label-text-color: #042f2e; --mat-filled-button-state-layer-color: #042f2e; --mat-filled-button-ripple-color: rgba(4, 47, 46, 0.1); } .theme-teal .dark .mat-mdc-unelevated-button.mat-accent, .theme-teal.dark .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #f5f6f7; --mdc-filled-button-label-text-color: #848485; --mat-filled-button-state-layer-color: #848485; --mat-filled-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-teal .dark .mat-mdc-unelevated-button.mat-warn, .theme-teal.dark .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #dc2626; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-teal .dark .mat-mdc-raised-button.mat-primary, .theme-teal.dark .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #0d9488; --mdc-protected-button-label-text-color: #042f2e; --mat-protected-button-state-layer-color: #042f2e; --mat-protected-button-ripple-color: rgba(4, 47, 46, 0.1); } .theme-teal .dark .mat-mdc-raised-button.mat-accent, .theme-teal.dark .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #f5f6f7; --mdc-protected-button-label-text-color: #848485; --mat-protected-button-state-layer-color: #848485; --mat-protected-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-teal .dark .mat-mdc-raised-button.mat-warn, .theme-teal.dark .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #dc2626; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-teal .dark .mat-mdc-outlined-button.mat-primary, .theme-teal.dark .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #0d9488; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #0d9488; --mat-outlined-button-ripple-color: rgba(13, 148, 136, 0.1); } .theme-teal .dark .mat-mdc-outlined-button.mat-accent, .theme-teal.dark .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #f5f6f7; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #f5f6f7; --mat-outlined-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-teal .dark .mat-mdc-outlined-button.mat-warn, .theme-teal.dark .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #dc2626; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #dc2626; --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-teal .dark .mat-mdc-icon-button.mat-primary, .theme-teal.dark .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #0d9488; --mat-icon-button-state-layer-color: #0d9488; --mat-icon-button-ripple-color: rgba(13, 148, 136, 0.1); } .theme-teal .dark .mat-mdc-icon-button.mat-accent, .theme-teal.dark .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #f5f6f7; --mat-icon-button-state-layer-color: #f5f6f7; --mat-icon-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-teal .dark .mat-mdc-icon-button.mat-warn, .theme-teal.dark .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #dc2626; --mat-icon-button-state-layer-color: #dc2626; --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-teal .dark .mat-mdc-fab.mat-primary, .theme-teal.dark .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #0d9488; --mat-fab-foreground-color: #042f2e; --mat-fab-state-layer-color: #042f2e; --mat-fab-ripple-color: rgba(4, 47, 46, 0.1); } .theme-teal .dark .mat-mdc-fab.mat-accent, .theme-teal.dark .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #f5f6f7; --mat-fab-foreground-color: #848485; --mat-fab-state-layer-color: #848485; --mat-fab-ripple-color: rgba(132, 132, 133, 0.1); } .theme-teal .dark .mat-mdc-fab.mat-warn, .theme-teal.dark .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #dc2626; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-teal .dark .mat-mdc-mini-fab.mat-primary, .theme-teal.dark .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #0d9488; --mat-fab-small-foreground-color: #042f2e; --mat-fab-small-state-layer-color: #042f2e; --mat-fab-small-ripple-color: rgba(4, 47, 46, 0.1); } .theme-teal .dark .mat-mdc-mini-fab.mat-accent, .theme-teal.dark .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #f5f6f7; --mat-fab-small-foreground-color: #848485; --mat-fab-small-state-layer-color: #848485; --mat-fab-small-ripple-color: rgba(132, 132, 133, 0.1); } .theme-teal .dark .mat-mdc-mini-fab.mat-warn, .theme-teal.dark .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #dc2626; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-teal .dark .mat-accent, .theme-teal.dark .mat-accent { --mdc-circular-progress-active-indicator-color: #f5f6f7; } .theme-teal .dark .mat-warn, .theme-teal.dark .mat-warn { --mdc-circular-progress-active-indicator-color: #dc2626; } .theme-teal .dark .mat-badge-accent, .theme-teal.dark .mat-badge-accent { --mat-badge-background-color: #f5f6f7; --mat-badge-text-color: #848485; } .theme-teal .dark .mat-badge-warn, .theme-teal.dark .mat-badge-warn { --mat-badge-background-color: #dc2626; --mat-badge-text-color: white; } .theme-teal .dark .mat-datepicker-content.mat-accent, .theme-teal.dark .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: #848485; --mat-datepicker-calendar-date-selected-state-background-color: #f5f6f7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 246, 247, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #848485; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 246, 247, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-teal .dark .mat-datepicker-content.mat-warn, .theme-teal.dark .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #dc2626; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-teal .dark .mat-datepicker-toggle-active.mat-accent, .theme-teal.dark .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #f5f6f7; } .theme-teal .dark .mat-datepicker-toggle-active.mat-warn, .theme-teal.dark .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #dc2626; } .theme-teal .dark .mat-icon.mat-primary, .theme-teal.dark .mat-icon.mat-primary { --mat-icon-color: #0d9488; } .theme-teal .dark .mat-icon.mat-accent, .theme-teal.dark .mat-icon.mat-accent { --mat-icon-color: #f5f6f7; } .theme-teal .dark .mat-icon.mat-warn, .theme-teal.dark .mat-icon.mat-warn { --mat-icon-color: #dc2626; } .theme-teal .dark .mat-step-header.mat-accent, .theme-teal.dark .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: #848485; --mat-stepper-header-selected-state-icon-background-color: #f5f6f7; --mat-stepper-header-selected-state-icon-foreground-color: #848485; --mat-stepper-header-done-state-icon-background-color: #f5f6f7; --mat-stepper-header-done-state-icon-foreground-color: #848485; --mat-stepper-header-edit-state-icon-background-color: #f5f6f7; --mat-stepper-header-edit-state-icon-foreground-color: #848485; } .theme-teal .dark .mat-step-header.mat-warn, .theme-teal.dark .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #dc2626; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #dc2626; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #dc2626; --mat-stepper-header-edit-state-icon-foreground-color: white; } .theme-teal .dark .mat-toolbar.mat-primary, .theme-teal.dark .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #0d9488; --mat-toolbar-container-text-color: #042f2e; } .theme-teal .dark .mat-toolbar.mat-accent, .theme-teal.dark .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #f5f6f7; --mat-toolbar-container-text-color: #848485; } .theme-teal .dark .mat-toolbar.mat-warn, .theme-teal.dark .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #dc2626; --mat-toolbar-container-text-color: white; } .theme-rose .light, .theme-rose.light { --mat-ripple-color: rgba(0, 0, 0, 0.1); --mat-option-selected-state-label-text-color: #f43f5e; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); --mat-optgroup-label-text-color: #1e293b; --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; --mat-app-background-color: #f1f5f9; --mat-app-text-color: #1e293b; --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: #64748b; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #1e293b; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #f43f5e; --mdc-filled-text-field-focus-active-indicator-color: #f43f5e; --mdc-filled-text-field-focus-label-text-color: rgba(244, 63, 94, 0.87); --mdc-filled-text-field-container-color: whitesmoke; --mdc-filled-text-field-disabled-container-color: #fafafa; --mdc-filled-text-field-label-text-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-filled-text-field-input-text-color: rgba(30, 41, 59, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(148, 163, 184, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #dc2626; --mdc-filled-text-field-error-focus-label-text-color: #dc2626; --mdc-filled-text-field-error-label-text-color: #dc2626; --mdc-filled-text-field-error-caret-color: #dc2626; --mdc-filled-text-field-active-indicator-color: rgba(226, 232, 240, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(226, 232, 240, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(226, 232, 240, 0.87); --mdc-filled-text-field-error-active-indicator-color: #dc2626; --mdc-filled-text-field-error-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-error-hover-active-indicator-color: #dc2626; --mdc-outlined-text-field-caret-color: #f43f5e; --mdc-outlined-text-field-focus-outline-color: #f43f5e; --mdc-outlined-text-field-focus-label-text-color: rgba(244, 63, 94, 0.87); --mdc-outlined-text-field-label-text-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-text-field-input-text-color: rgba(30, 41, 59, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-error-caret-color: #dc2626; --mdc-outlined-text-field-error-focus-label-text-color: #dc2626; --mdc-outlined-text-field-error-label-text-color: #dc2626; --mdc-outlined-text-field-error-hover-label-text-color: #dc2626; --mdc-outlined-text-field-outline-color: rgba(226, 232, 240, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(226, 232, 240, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(226, 232, 240, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #dc2626; --mdc-outlined-text-field-error-hover-outline-color: #dc2626; --mdc-outlined-text-field-error-outline-color: #dc2626; --mat-form-field-focus-select-arrow-color: rgba(244, 63, 94, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(100, 116, 139, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #dc2626; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(100, 116, 139, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(100, 116, 139, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(244, 63, 94, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: white; --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(30, 41, 59, 0.87); --mdc-dialog-supporting-text-color: rgba(30, 41, 59, 0.6); --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-switch-selected-focus-state-layer-color: #e11d48; --mdc-switch-selected-handle-color: #e11d48; --mdc-switch-selected-hover-state-layer-color: #e11d48; --mdc-switch-selected-pressed-state-layer-color: #e11d48; --mdc-switch-selected-focus-handle-color: #881337; --mdc-switch-selected-hover-handle-color: #881337; --mdc-switch-selected-pressed-handle-color: #881337; --mdc-switch-selected-focus-track-color: #fda4af; --mdc-switch-selected-hover-track-color: #fda4af; --mdc-switch-selected-pressed-track-color: #fda4af; --mdc-switch-selected-track-color: #fda4af; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-label-text-color: #94a3b8; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-handle-color: #f43f5e; --mdc-slider-focus-handle-color: #f43f5e; --mdc-slider-hover-handle-color: #f43f5e; --mdc-slider-active-track-color: #f43f5e; --mdc-slider-inactive-track-color: #f43f5e; --mdc-slider-with-tick-marks-inactive-container-color: #f43f5e; --mdc-slider-with-tick-marks-active-container-color: #4c0519; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-label-container-color: #000; --mdc-slider-label-label-text-color: #fff; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #000; --mat-slider-ripple-color: #f43f5e; --mat-slider-hover-state-layer-color: rgba(244, 63, 94, 0.05); --mat-slider-focus-state-layer-color: rgba(244, 63, 94, 0.2); --mat-slider-value-indicator-opacity: 0.6; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-color: #1e293b; --mat-menu-item-icon-color: #1e293b; --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; --mat-menu-divider-color: #e2e8f0; --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: #1e293b; --mdc-list-list-item-supporting-text-color: #64748b; --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: #94a3b8; --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: #1e293b; --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: #1e293b; --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; --mat-checkbox-disabled-label-color: #94a3b8; --mat-checkbox-label-text-color: #1e293b; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: #1e293b; --mdc-text-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-text-button-state-layer-color: black; --mat-text-button-disabled-state-layer-color: black; --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity: 0.04; --mat-text-button-focus-state-layer-opacity: 0.12; --mat-text-button-pressed-state-layer-opacity: 0.12; --mdc-filled-button-container-color: white; --mdc-filled-button-label-text-color: #1e293b; --mdc-filled-button-disabled-container-color: rgba(148, 163, 184, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-filled-button-state-layer-color: black; --mat-filled-button-disabled-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.04; --mat-filled-button-focus-state-layer-opacity: 0.12; --mat-filled-button-pressed-state-layer-opacity: 0.12; --mdc-protected-button-container-color: white; --mdc-protected-button-label-text-color: #1e293b; --mdc-protected-button-disabled-container-color: rgba(148, 163, 184, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-protected-button-state-layer-color: black; --mat-protected-button-disabled-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.04; --mat-protected-button-focus-state-layer-opacity: 0.12; --mat-protected-button-pressed-state-layer-opacity: 0.12; --mdc-outlined-button-disabled-outline-color: #e2e8f0; --mdc-outlined-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-button-label-text-color: #1e293b; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: black; --mat-outlined-button-disabled-state-layer-color: black; --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.04; --mat-outlined-button-focus-state-layer-opacity: 0.12; --mat-outlined-button-pressed-state-layer-opacity: 0.12; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); --mat-icon-button-state-layer-color: black; --mat-icon-button-disabled-state-layer-color: black; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-color: white; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-disabled-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-disabled-state-container-color: rgba(148, 163, 184, 0.12); --mat-fab-disabled-state-foreground-color: rgba(148, 163, 184, 0.38); --mdc-fab-small-container-color: white; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-disabled-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-disabled-state-container-color: rgba(148, 163, 184, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(148, 163, 184, 0.38); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); --mat-snack-bar-button-color: #f5f6f7; --mat-table-row-item-outline-width: 1px; --mat-table-background-color: white; --mat-table-header-headline-color: #1e293b; --mat-table-row-item-label-text-color: #1e293b; --mat-table-row-item-outline-color: #e2e8f0; --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #f43f5e; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #f43f5e; --mat-badge-text-color: #4c0519; --mat-badge-disabled-state-background-color: #94a3b8; --mat-badge-disabled-state-text-color: #94a3b8; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: #1e293b; --mat-bottom-sheet-container-background-color: white; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: #94a3b8; --mat-legacy-button-toggle-state-layer-color: #64748b; --mat-legacy-button-toggle-selected-state-text-color: #64748b; --mat-legacy-button-toggle-selected-state-background-color: #e2e8f0; --mat-legacy-button-toggle-disabled-state-text-color: #94a3b8; --mat-legacy-button-toggle-disabled-state-background-color: #cbd5e1; --mat-legacy-button-toggle-disabled-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-text-color: #1e293b; --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: #64748b; --mat-standard-button-toggle-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-selected-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-state-text-color: #94a3b8; --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-divider-color: #e2e8f0; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: #4c0519; --mat-datepicker-calendar-date-selected-state-background-color: #f43f5e; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 63, 94, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #4c0519; --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 63, 94, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 63, 94, 0.3); --mat-datepicker-toggle-active-state-icon-color: #f43f5e; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 63, 94, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: #64748b; --mat-datepicker-calendar-body-label-text-color: #64748b; --mat-datepicker-calendar-period-button-text-color: #1e293b; --mat-datepicker-calendar-period-button-icon-color: #64748b; --mat-datepicker-calendar-navigation-button-icon-color: #64748b; --mat-datepicker-calendar-header-divider-color: #e2e8f0; --mat-datepicker-calendar-header-text-color: #64748b; --mat-datepicker-calendar-date-today-outline-color: #94a3b8; --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(148, 163, 184, 0.8); --mat-datepicker-calendar-date-text-color: #1e293b; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: #94a3b8; --mat-datepicker-calendar-date-preview-state-outline-color: #e2e8f0; --mat-datepicker-range-input-separator-color: #1e293b; --mat-datepicker-range-input-disabled-state-separator-color: #94a3b8; --mat-datepicker-range-input-disabled-state-text-color: #94a3b8; --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: #1e293b; --mat-divider-width: 1px; --mat-divider-color: #e2e8f0; --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: #1e293b; --mat-expansion-actions-divider-color: #e2e8f0; --mat-expansion-header-hover-state-layer-color: rgba(148, 163, 184, 0.12); --mat-expansion-header-focus-state-layer-color: rgba(148, 163, 184, 0.12); --mat-expansion-header-disabled-state-text-color: #94a3b8; --mat-expansion-header-text-color: #1e293b; --mat-expansion-header-description-color: #64748b; --mat-expansion-header-indicator-color: #64748b; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: #e2e8f0; --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: #1e293b; --mat-sidenav-content-background-color: #f1f5f9; --mat-sidenav-content-text-color: #1e293b; --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); --mat-stepper-header-icon-foreground-color: #4c0519; --mat-stepper-header-selected-state-icon-background-color: #f43f5e; --mat-stepper-header-selected-state-icon-foreground-color: #4c0519; --mat-stepper-header-done-state-icon-background-color: #f43f5e; --mat-stepper-header-done-state-icon-foreground-color: #4c0519; --mat-stepper-header-edit-state-icon-background-color: #f43f5e; --mat-stepper-header-edit-state-icon-foreground-color: #4c0519; --mat-stepper-container-color: white; --mat-stepper-line-color: #e2e8f0; --mat-stepper-header-hover-state-layer-color: rgba(148, 163, 184, 0.12); --mat-stepper-header-focus-state-layer-color: rgba(148, 163, 184, 0.12); --mat-stepper-header-label-text-color: #64748b; --mat-stepper-header-optional-label-text-color: #64748b; --mat-stepper-header-selected-state-label-text-color: #1e293b; --mat-stepper-header-error-state-label-text-color: #dc2626; --mat-stepper-header-icon-background-color: #64748b; --mat-stepper-header-error-state-icon-foreground-color: #dc2626; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #64748b; --mat-toolbar-container-background-color: white; --mat-toolbar-container-text-color: #1e293b; --mat-tree-container-background-color: white; --mat-tree-node-text-color: #1e293b; } .theme-rose .light .mat-accent, .theme-rose.light .mat-accent { --mat-option-selected-state-label-text-color: #f5f6f7; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .theme-rose .light .mat-warn, .theme-rose.light .mat-warn { --mat-option-selected-state-label-text-color: #dc2626; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .theme-rose .light .mat-primary, .theme-rose.light .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #f43f5e; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f43f5e; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-rose .light .mat-accent, .theme-rose.light .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-rose .light .mat-warn, .theme-rose.light .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #dc2626; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-rose .light .mat-mdc-progress-bar, .theme-rose.light .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #f43f5e; --mdc-linear-progress-track-color: rgba(244, 63, 94, 0.25); } .theme-rose .light .mat-mdc-progress-bar.mat-accent, .theme-rose.light .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #f5f6f7; --mdc-linear-progress-track-color: rgba(245, 246, 247, 0.25); } .theme-rose .light .mat-mdc-progress-bar.mat-warn, .theme-rose.light .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #dc2626; --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25); } .theme-rose .light .mat-mdc-form-field.mat-accent, .theme-rose.light .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #f5f6f7; --mdc-filled-text-field-focus-active-indicator-color: #f5f6f7; --mdc-filled-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mdc-outlined-text-field-caret-color: #f5f6f7; --mdc-outlined-text-field-focus-outline-color: #f5f6f7; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mat-form-field-focus-select-arrow-color: rgba(245, 246, 247, 0.87); } .theme-rose .light .mat-mdc-form-field.mat-warn, .theme-rose.light .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #dc2626; --mdc-filled-text-field-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mdc-outlined-text-field-caret-color: #dc2626; --mdc-outlined-text-field-focus-outline-color: #dc2626; --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87); } .theme-rose .light .mat-mdc-form-field.mat-accent, .theme-rose.light .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(245, 246, 247, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-rose .light .mat-mdc-form-field.mat-warn, .theme-rose.light .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-rose .light .mat-mdc-standard-chip, .theme-rose.light .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: #e0e0e0; --mdc-chip-elevated-selected-container-color: #e0e0e0; --mdc-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-flat-disabled-selected-container-color: #e0e0e0; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-selected-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; --mat-chip-selected-disabled-trailing-icon-color: #212121; --mat-chip-selected-trailing-icon-color: #212121; } .theme-rose .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-rose .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-rose.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-rose.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: #4c0519; --mdc-chip-elevated-container-color: #f43f5e; --mdc-chip-elevated-selected-container-color: #f43f5e; --mdc-chip-elevated-disabled-container-color: #f43f5e; --mdc-chip-flat-disabled-selected-container-color: #f43f5e; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #4c0519; --mdc-chip-selected-label-text-color: #4c0519; --mdc-chip-with-icon-icon-color: #4c0519; --mdc-chip-with-icon-disabled-icon-color: #4c0519; --mdc-chip-with-icon-selected-icon-color: #4c0519; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #4c0519; --mdc-chip-with-trailing-icon-trailing-icon-color: #4c0519; --mat-chip-selected-disabled-trailing-icon-color: #4c0519; --mat-chip-selected-trailing-icon-color: #4c0519; } .theme-rose .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-rose .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-rose.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-rose.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: #848485; --mdc-chip-elevated-container-color: #f5f6f7; --mdc-chip-elevated-selected-container-color: #f5f6f7; --mdc-chip-elevated-disabled-container-color: #f5f6f7; --mdc-chip-flat-disabled-selected-container-color: #f5f6f7; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #848485; --mdc-chip-selected-label-text-color: #848485; --mdc-chip-with-icon-icon-color: #848485; --mdc-chip-with-icon-disabled-icon-color: #848485; --mdc-chip-with-icon-selected-icon-color: #848485; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #848485; --mdc-chip-with-trailing-icon-trailing-icon-color: #848485; --mat-chip-selected-disabled-trailing-icon-color: #848485; --mat-chip-selected-trailing-icon-color: #848485; } .theme-rose .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-rose .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-rose.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-rose.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #dc2626; --mdc-chip-elevated-selected-container-color: #dc2626; --mdc-chip-elevated-disabled-container-color: #dc2626; --mdc-chip-flat-disabled-selected-container-color: #dc2626; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-rose .light .mat-mdc-slide-toggle, .theme-rose.light .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mat-switch-label-text-color: #1e293b; } .theme-rose .light .mat-mdc-slide-toggle.mat-accent, .theme-rose.light .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #dedfe0; --mdc-switch-selected-handle-color: #dedfe0; --mdc-switch-selected-hover-state-layer-color: #dedfe0; --mdc-switch-selected-pressed-state-layer-color: #dedfe0; --mdc-switch-selected-focus-handle-color: #848485; --mdc-switch-selected-hover-handle-color: #848485; --mdc-switch-selected-pressed-handle-color: #848485; --mdc-switch-selected-focus-track-color: #f9fafa; --mdc-switch-selected-hover-track-color: #f9fafa; --mdc-switch-selected-pressed-track-color: #f9fafa; --mdc-switch-selected-track-color: #f9fafa; } .theme-rose .light .mat-mdc-slide-toggle.mat-warn, .theme-rose.light .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #dc2626; --mdc-switch-selected-handle-color: #dc2626; --mdc-switch-selected-hover-state-layer-color: #dc2626; --mdc-switch-selected-pressed-state-layer-color: #dc2626; --mdc-switch-selected-focus-handle-color: #7f1d1d; --mdc-switch-selected-hover-handle-color: #7f1d1d; --mdc-switch-selected-pressed-handle-color: #7f1d1d; --mdc-switch-selected-focus-track-color: #fca5a5; --mdc-switch-selected-hover-track-color: #fca5a5; --mdc-switch-selected-pressed-track-color: #fca5a5; --mdc-switch-selected-track-color: #fca5a5; } .theme-rose .light .mat-mdc-radio-button.mat-primary, .theme-rose.light .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f43f5e; --mdc-radio-selected-hover-icon-color: #f43f5e; --mdc-radio-selected-icon-color: #f43f5e; --mdc-radio-selected-pressed-icon-color: #f43f5e; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #f43f5e; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-rose .light .mat-mdc-radio-button.mat-accent, .theme-rose.light .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #f5f6f7; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-rose .light .mat-mdc-radio-button.mat-warn, .theme-rose.light .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #dc2626; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-rose .light .mat-accent, .theme-rose.light .mat-accent { --mdc-slider-handle-color: #f5f6f7; --mdc-slider-focus-handle-color: #f5f6f7; --mdc-slider-hover-handle-color: #f5f6f7; --mdc-slider-active-track-color: #f5f6f7; --mdc-slider-inactive-track-color: #f5f6f7; --mdc-slider-with-tick-marks-inactive-container-color: #f5f6f7; --mdc-slider-with-tick-marks-active-container-color: #848485; --mat-slider-ripple-color: #f5f6f7; --mat-slider-hover-state-layer-color: rgba(245, 246, 247, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 246, 247, 0.2); } .theme-rose .light .mat-warn, .theme-rose.light .mat-warn { --mdc-slider-handle-color: #dc2626; --mdc-slider-focus-handle-color: #dc2626; --mdc-slider-hover-handle-color: #dc2626; --mdc-slider-active-track-color: #dc2626; --mdc-slider-inactive-track-color: #dc2626; --mdc-slider-with-tick-marks-inactive-container-color: #dc2626; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #dc2626; --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05); --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2); } .theme-rose .light .mdc-list-item__start, .theme-rose .light .mdc-list-item__end, .theme-rose.light .mdc-list-item__start, .theme-rose.light .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f43f5e; --mdc-radio-selected-hover-icon-color: #f43f5e; --mdc-radio-selected-icon-color: #f43f5e; --mdc-radio-selected-pressed-icon-color: #f43f5e; } .theme-rose .light .mat-accent .mdc-list-item__start, .theme-rose .light .mat-accent .mdc-list-item__end, .theme-rose.light .mat-accent .mdc-list-item__start, .theme-rose.light .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; } .theme-rose .light .mat-warn .mdc-list-item__start, .theme-rose .light .mat-warn .mdc-list-item__end, .theme-rose.light .mat-warn .mdc-list-item__start, .theme-rose.light .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; } .theme-rose .light .mat-mdc-list-option, .theme-rose.light .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #4c0519; --mdc-checkbox-selected-focus-icon-color: #f43f5e; --mdc-checkbox-selected-hover-icon-color: #f43f5e; --mdc-checkbox-selected-icon-color: #f43f5e; --mdc-checkbox-selected-pressed-icon-color: #f43f5e; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f43f5e; --mdc-checkbox-selected-hover-state-layer-color: #f43f5e; --mdc-checkbox-selected-pressed-state-layer-color: #f43f5e; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-rose .light .mat-mdc-list-option.mat-accent, .theme-rose.light .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-rose .light .mat-mdc-list-option.mat-warn, .theme-rose.light .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-rose .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-rose .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-rose .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-rose .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .theme-rose.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-rose.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-rose.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-rose.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #f43f5e; } .theme-rose .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-rose .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-rose .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .theme-rose.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-rose.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-rose.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .theme-rose .light .mat-mdc-tab-group, .theme-rose .light .mat-mdc-tab-nav-bar, .theme-rose.light .mat-mdc-tab-group, .theme-rose.light .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #f43f5e; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #f43f5e; --mat-tab-header-active-ripple-color: #f43f5e; --mat-tab-header-inactive-ripple-color: #f43f5e; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #f43f5e; --mat-tab-header-active-hover-label-text-color: #f43f5e; --mat-tab-header-active-focus-indicator-color: #f43f5e; --mat-tab-header-active-hover-indicator-color: #f43f5e; } .theme-rose .light .mat-mdc-tab-group.mat-accent, .theme-rose .light .mat-mdc-tab-nav-bar.mat-accent, .theme-rose.light .mat-mdc-tab-group.mat-accent, .theme-rose.light .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #f5f6f7; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #f5f6f7; --mat-tab-header-active-ripple-color: #f5f6f7; --mat-tab-header-inactive-ripple-color: #f5f6f7; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #f5f6f7; --mat-tab-header-active-hover-label-text-color: #f5f6f7; --mat-tab-header-active-focus-indicator-color: #f5f6f7; --mat-tab-header-active-hover-indicator-color: #f5f6f7; } .theme-rose .light .mat-mdc-tab-group.mat-warn, .theme-rose .light .mat-mdc-tab-nav-bar.mat-warn, .theme-rose.light .mat-mdc-tab-group.mat-warn, .theme-rose.light .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #dc2626; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #dc2626; --mat-tab-header-active-ripple-color: #dc2626; --mat-tab-header-inactive-ripple-color: #dc2626; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #dc2626; --mat-tab-header-active-hover-label-text-color: #dc2626; --mat-tab-header-active-focus-indicator-color: #dc2626; --mat-tab-header-active-hover-indicator-color: #dc2626; } .theme-rose .light .mat-mdc-tab-group.mat-background-primary, .theme-rose .light .mat-mdc-tab-nav-bar.mat-background-primary, .theme-rose.light .mat-mdc-tab-group.mat-background-primary, .theme-rose.light .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #f43f5e; --mat-tab-header-with-background-foreground-color: #4c0519; } .theme-rose .light .mat-mdc-tab-group.mat-background-accent, .theme-rose .light .mat-mdc-tab-nav-bar.mat-background-accent, .theme-rose.light .mat-mdc-tab-group.mat-background-accent, .theme-rose.light .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #f5f6f7; --mat-tab-header-with-background-foreground-color: #848485; } .theme-rose .light .mat-mdc-tab-group.mat-background-warn, .theme-rose .light .mat-mdc-tab-nav-bar.mat-background-warn, .theme-rose.light .mat-mdc-tab-group.mat-background-warn, .theme-rose.light .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #dc2626; --mat-tab-header-with-background-foreground-color: white; } .theme-rose .light .mat-mdc-checkbox.mat-primary, .theme-rose.light .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #4c0519; --mdc-checkbox-selected-focus-icon-color: #f43f5e; --mdc-checkbox-selected-hover-icon-color: #f43f5e; --mdc-checkbox-selected-icon-color: #f43f5e; --mdc-checkbox-selected-pressed-icon-color: #f43f5e; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f43f5e; --mdc-checkbox-selected-hover-state-layer-color: #f43f5e; --mdc-checkbox-selected-pressed-state-layer-color: #f43f5e; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-rose .light .mat-mdc-checkbox.mat-warn, .theme-rose.light .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-rose .light .mat-mdc-button.mat-primary, .theme-rose.light .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #f43f5e; --mat-text-button-state-layer-color: #f43f5e; --mat-text-button-ripple-color: rgba(244, 63, 94, 0.1); } .theme-rose .light .mat-mdc-button.mat-accent, .theme-rose.light .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #f5f6f7; --mat-text-button-state-layer-color: #f5f6f7; --mat-text-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-rose .light .mat-mdc-button.mat-warn, .theme-rose.light .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #dc2626; --mat-text-button-state-layer-color: #dc2626; --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-rose .light .mat-mdc-unelevated-button.mat-primary, .theme-rose.light .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #f43f5e; --mdc-filled-button-label-text-color: #4c0519; --mat-filled-button-state-layer-color: #4c0519; --mat-filled-button-ripple-color: rgba(76, 5, 25, 0.1); } .theme-rose .light .mat-mdc-unelevated-button.mat-accent, .theme-rose.light .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #f5f6f7; --mdc-filled-button-label-text-color: #848485; --mat-filled-button-state-layer-color: #848485; --mat-filled-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-rose .light .mat-mdc-unelevated-button.mat-warn, .theme-rose.light .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #dc2626; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-rose .light .mat-mdc-raised-button.mat-primary, .theme-rose.light .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #f43f5e; --mdc-protected-button-label-text-color: #4c0519; --mat-protected-button-state-layer-color: #4c0519; --mat-protected-button-ripple-color: rgba(76, 5, 25, 0.1); } .theme-rose .light .mat-mdc-raised-button.mat-accent, .theme-rose.light .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #f5f6f7; --mdc-protected-button-label-text-color: #848485; --mat-protected-button-state-layer-color: #848485; --mat-protected-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-rose .light .mat-mdc-raised-button.mat-warn, .theme-rose.light .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #dc2626; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-rose .light .mat-mdc-outlined-button.mat-primary, .theme-rose.light .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #f43f5e; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #f43f5e; --mat-outlined-button-ripple-color: rgba(244, 63, 94, 0.1); } .theme-rose .light .mat-mdc-outlined-button.mat-accent, .theme-rose.light .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #f5f6f7; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #f5f6f7; --mat-outlined-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-rose .light .mat-mdc-outlined-button.mat-warn, .theme-rose.light .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #dc2626; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #dc2626; --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-rose .light .mat-mdc-icon-button.mat-primary, .theme-rose.light .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #f43f5e; --mat-icon-button-state-layer-color: #f43f5e; --mat-icon-button-ripple-color: rgba(244, 63, 94, 0.1); } .theme-rose .light .mat-mdc-icon-button.mat-accent, .theme-rose.light .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #f5f6f7; --mat-icon-button-state-layer-color: #f5f6f7; --mat-icon-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-rose .light .mat-mdc-icon-button.mat-warn, .theme-rose.light .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #dc2626; --mat-icon-button-state-layer-color: #dc2626; --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-rose .light .mat-mdc-fab.mat-primary, .theme-rose.light .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #f43f5e; --mat-fab-foreground-color: #4c0519; --mat-fab-state-layer-color: #4c0519; --mat-fab-ripple-color: rgba(76, 5, 25, 0.1); } .theme-rose .light .mat-mdc-fab.mat-accent, .theme-rose.light .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #f5f6f7; --mat-fab-foreground-color: #848485; --mat-fab-state-layer-color: #848485; --mat-fab-ripple-color: rgba(132, 132, 133, 0.1); } .theme-rose .light .mat-mdc-fab.mat-warn, .theme-rose.light .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #dc2626; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-rose .light .mat-mdc-mini-fab.mat-primary, .theme-rose.light .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #f43f5e; --mat-fab-small-foreground-color: #4c0519; --mat-fab-small-state-layer-color: #4c0519; --mat-fab-small-ripple-color: rgba(76, 5, 25, 0.1); } .theme-rose .light .mat-mdc-mini-fab.mat-accent, .theme-rose.light .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #f5f6f7; --mat-fab-small-foreground-color: #848485; --mat-fab-small-state-layer-color: #848485; --mat-fab-small-ripple-color: rgba(132, 132, 133, 0.1); } .theme-rose .light .mat-mdc-mini-fab.mat-warn, .theme-rose.light .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #dc2626; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-rose .light .mat-accent, .theme-rose.light .mat-accent { --mdc-circular-progress-active-indicator-color: #f5f6f7; } .theme-rose .light .mat-warn, .theme-rose.light .mat-warn { --mdc-circular-progress-active-indicator-color: #dc2626; } .theme-rose .light .mat-badge-accent, .theme-rose.light .mat-badge-accent { --mat-badge-background-color: #f5f6f7; --mat-badge-text-color: #848485; } .theme-rose .light .mat-badge-warn, .theme-rose.light .mat-badge-warn { --mat-badge-background-color: #dc2626; --mat-badge-text-color: white; } .theme-rose .light .mat-datepicker-content.mat-accent, .theme-rose.light .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: #848485; --mat-datepicker-calendar-date-selected-state-background-color: #f5f6f7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 246, 247, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #848485; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 246, 247, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-rose .light .mat-datepicker-content.mat-warn, .theme-rose.light .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #dc2626; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-rose .light .mat-datepicker-toggle-active.mat-accent, .theme-rose.light .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #f5f6f7; } .theme-rose .light .mat-datepicker-toggle-active.mat-warn, .theme-rose.light .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #dc2626; } .theme-rose .light .mat-icon.mat-primary, .theme-rose.light .mat-icon.mat-primary { --mat-icon-color: #f43f5e; } .theme-rose .light .mat-icon.mat-accent, .theme-rose.light .mat-icon.mat-accent { --mat-icon-color: #f5f6f7; } .theme-rose .light .mat-icon.mat-warn, .theme-rose.light .mat-icon.mat-warn { --mat-icon-color: #dc2626; } .theme-rose .light .mat-step-header.mat-accent, .theme-rose.light .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: #848485; --mat-stepper-header-selected-state-icon-background-color: #f5f6f7; --mat-stepper-header-selected-state-icon-foreground-color: #848485; --mat-stepper-header-done-state-icon-background-color: #f5f6f7; --mat-stepper-header-done-state-icon-foreground-color: #848485; --mat-stepper-header-edit-state-icon-background-color: #f5f6f7; --mat-stepper-header-edit-state-icon-foreground-color: #848485; } .theme-rose .light .mat-step-header.mat-warn, .theme-rose.light .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #dc2626; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #dc2626; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #dc2626; --mat-stepper-header-edit-state-icon-foreground-color: white; } .theme-rose .light .mat-toolbar.mat-primary, .theme-rose.light .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #f43f5e; --mat-toolbar-container-text-color: #4c0519; } .theme-rose .light .mat-toolbar.mat-accent, .theme-rose.light .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #f5f6f7; --mat-toolbar-container-text-color: #848485; } .theme-rose .light .mat-toolbar.mat-warn, .theme-rose.light .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #dc2626; --mat-toolbar-container-text-color: white; } .theme-rose .dark, .theme-rose.dark { --mat-ripple-color: rgba(255, 255, 255, 0.1); --mat-option-selected-state-label-text-color: #f43f5e; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); --mat-optgroup-label-text-color: white; --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; --mat-app-background-color: #0f172a; --mat-app-text-color: white; --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: #1e293b; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: #1e293b; --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: #94a3b8; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #64748b; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #f43f5e; --mdc-filled-text-field-focus-active-indicator-color: #f43f5e; --mdc-filled-text-field-focus-label-text-color: rgba(244, 63, 94, 0.87); --mdc-filled-text-field-container-color: #273243; --mdc-filled-text-field-disabled-container-color: #232d3f; --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(71, 85, 105, 0.38); --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(71, 85, 105, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #dc2626; --mdc-filled-text-field-error-focus-label-text-color: #dc2626; --mdc-filled-text-field-error-label-text-color: #dc2626; --mdc-filled-text-field-error-caret-color: #dc2626; --mdc-filled-text-field-active-indicator-color: rgba(241, 245, 249, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(241, 245, 249, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(241, 245, 249, 0.87); --mdc-filled-text-field-error-active-indicator-color: #dc2626; --mdc-filled-text-field-error-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-error-hover-active-indicator-color: #dc2626; --mdc-outlined-text-field-caret-color: #f43f5e; --mdc-outlined-text-field-focus-outline-color: #f43f5e; --mdc-outlined-text-field-focus-label-text-color: rgba(244, 63, 94, 0.87); --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(71, 85, 105, 0.38); --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(71, 85, 105, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-error-caret-color: #dc2626; --mdc-outlined-text-field-error-focus-label-text-color: #dc2626; --mdc-outlined-text-field-error-label-text-color: #dc2626; --mdc-outlined-text-field-error-hover-label-text-color: #dc2626; --mdc-outlined-text-field-outline-color: rgba(241, 245, 249, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(241, 245, 249, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(241, 245, 249, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #dc2626; --mdc-outlined-text-field-error-hover-outline-color: #dc2626; --mdc-outlined-text-field-error-outline-color: #dc2626; --mat-form-field-focus-select-arrow-color: rgba(244, 63, 94, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(241, 245, 249, 0.38); --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87); --mat-form-field-error-text-color: #dc2626; --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38); --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(241, 245, 249, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(241, 245, 249, 0.38); --mat-form-field-hover-state-layer-opacity: 0.08; --mat-form-field-focus-state-layer-opacity: 0.24; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(244, 63, 94, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: #1e293b; --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: #1e293b; --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87); --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6); --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-switch-selected-focus-state-layer-color: #fda4af; --mdc-switch-selected-handle-color: #fda4af; --mdc-switch-selected-hover-state-layer-color: #fda4af; --mdc-switch-selected-pressed-state-layer-color: #fda4af; --mdc-switch-selected-focus-handle-color: #fecdd3; --mdc-switch-selected-hover-handle-color: #fecdd3; --mdc-switch-selected-pressed-handle-color: #fecdd3; --mdc-switch-selected-focus-track-color: #e11d48; --mdc-switch-selected-hover-track-color: #e11d48; --mdc-switch-selected-pressed-track-color: #e11d48; --mdc-switch-selected-track-color: #e11d48; --mdc-switch-disabled-selected-handle-color: #000; --mdc-switch-disabled-selected-icon-color: #212121; --mdc-switch-disabled-selected-track-color: #f5f5f5; --mdc-switch-disabled-unselected-handle-color: #000; --mdc-switch-disabled-unselected-icon-color: #212121; --mdc-switch-disabled-unselected-track-color: #f5f5f5; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #212121; --mdc-switch-unselected-focus-handle-color: #fafafa; --mdc-switch-unselected-focus-state-layer-color: #f5f5f5; --mdc-switch-unselected-focus-track-color: #616161; --mdc-switch-unselected-handle-color: #9e9e9e; --mdc-switch-unselected-hover-handle-color: #fafafa; --mdc-switch-unselected-hover-state-layer-color: #f5f5f5; --mdc-switch-unselected-hover-track-color: #616161; --mdc-switch-unselected-icon-color: #212121; --mdc-switch-unselected-pressed-handle-color: #fafafa; --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5; --mdc-switch-unselected-pressed-track-color: #616161; --mdc-switch-unselected-track-color: #616161; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-label-text-color: #475569; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-handle-color: #f43f5e; --mdc-slider-focus-handle-color: #f43f5e; --mdc-slider-hover-handle-color: #f43f5e; --mdc-slider-active-track-color: #f43f5e; --mdc-slider-inactive-track-color: #f43f5e; --mdc-slider-with-tick-marks-inactive-container-color: #f43f5e; --mdc-slider-with-tick-marks-active-container-color: #4c0519; --mdc-slider-disabled-active-track-color: #fff; --mdc-slider-disabled-handle-color: #fff; --mdc-slider-disabled-inactive-track-color: #fff; --mdc-slider-label-container-color: #fff; --mdc-slider-label-label-text-color: #000; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #fff; --mat-slider-ripple-color: #f43f5e; --mat-slider-hover-state-layer-color: rgba(244, 63, 94, 0.05); --mat-slider-focus-state-layer-color: rgba(244, 63, 94, 0.2); --mat-slider-value-indicator-opacity: 0.9; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-color: white; --mat-menu-item-icon-color: white; --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-container-color: #1e293b; --mat-menu-divider-color: rgba(241, 245, 249, 0.12); --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: white; --mdc-list-list-item-supporting-text-color: #94a3b8; --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-trailing-supporting-text-color: #64748b; --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-disabled-label-text-color: white; --mdc-list-list-item-disabled-leading-icon-color: white; --mdc-list-list-item-disabled-trailing-icon-color: white; --mdc-list-list-item-hover-label-text-color: white; --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-focus-label-text-color: white; --mdc-list-list-item-hover-state-layer-color: white; --mdc-list-list-item-hover-state-layer-opacity: 0.08; --mdc-list-list-item-focus-state-layer-color: white; --mdc-list-list-item-focus-state-layer-opacity: 0.24; --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87); --mat-paginator-container-background-color: #1e293b; --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54); --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12); --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; --mat-checkbox-disabled-label-color: #475569; --mat-checkbox-label-text-color: white; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: white; --mdc-text-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-text-button-state-layer-color: white; --mat-text-button-disabled-state-layer-color: white; --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-text-button-hover-state-layer-opacity: 0.08; --mat-text-button-focus-state-layer-opacity: 0.24; --mat-text-button-pressed-state-layer-opacity: 0.24; --mdc-filled-button-container-color: #1e293b; --mdc-filled-button-label-text-color: white; --mdc-filled-button-disabled-container-color: rgba(30, 41, 59, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-filled-button-state-layer-color: white; --mat-filled-button-disabled-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.08; --mat-filled-button-focus-state-layer-opacity: 0.24; --mat-filled-button-pressed-state-layer-opacity: 0.24; --mdc-protected-button-container-color: #1e293b; --mdc-protected-button-label-text-color: white; --mdc-protected-button-disabled-container-color: rgba(30, 41, 59, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-protected-button-state-layer-color: white; --mat-protected-button-disabled-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.08; --mat-protected-button-focus-state-layer-opacity: 0.24; --mat-protected-button-pressed-state-layer-opacity: 0.24; --mdc-outlined-button-disabled-outline-color: rgba(241, 245, 249, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mdc-outlined-button-label-text-color: white; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: white; --mat-outlined-button-disabled-state-layer-color: white; --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.08; --mat-outlined-button-focus-state-layer-opacity: 0.24; --mat-outlined-button-pressed-state-layer-opacity: 0.24; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5); --mat-icon-button-state-layer-color: white; --mat-icon-button-disabled-state-layer-color: white; --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.08; --mat-icon-button-focus-state-layer-opacity: 0.24; --mat-icon-button-pressed-state-layer-opacity: 0.24; --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-color: #1e293b; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-disabled-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-hover-state-layer-opacity: 0.08; --mat-fab-focus-state-layer-opacity: 0.24; --mat-fab-pressed-state-layer-opacity: 0.24; --mat-fab-disabled-state-container-color: rgba(15, 23, 42, 0.12); --mat-fab-disabled-state-foreground-color: rgba(30, 41, 59, 0.5); --mdc-fab-small-container-color: #1e293b; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-disabled-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.08; --mat-fab-small-focus-state-layer-opacity: 0.24; --mat-fab-small-pressed-state-layer-opacity: 0.24; --mat-fab-small-disabled-state-container-color: rgba(15, 23, 42, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(30, 41, 59, 0.5); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #d2d4d8; --mdc-snackbar-supporting-text-color: rgba(30, 41, 59, 0.87); --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-width: 1px; --mat-table-background-color: #1e293b; --mat-table-header-headline-color: white; --mat-table-row-item-label-text-color: white; --mat-table-row-item-outline-color: rgba(241, 245, 249, 0.12); --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #f43f5e; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #f43f5e; --mat-badge-text-color: #4c0519; --mat-badge-disabled-state-background-color: #1e293b; --mat-badge-disabled-state-text-color: #475569; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: white; --mat-bottom-sheet-container-background-color: #1e293b; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: #64748b; --mat-legacy-button-toggle-state-layer-color: #e2e8f0; --mat-legacy-button-toggle-selected-state-text-color: #94a3b8; --mat-legacy-button-toggle-selected-state-background-color: rgba(255, 255, 255, 0.05); --mat-legacy-button-toggle-disabled-state-text-color: #1e293b; --mat-legacy-button-toggle-disabled-state-background-color: #0f172a; --mat-legacy-button-toggle-disabled-selected-state-background-color: #1e293b; --mat-standard-button-toggle-text-color: white; --mat-standard-button-toggle-background-color: #1e293b; --mat-standard-button-toggle-state-layer-color: #e2e8f0; --mat-standard-button-toggle-selected-state-background-color: rgba(255, 255, 255, 0.05); --mat-standard-button-toggle-selected-state-text-color: white; --mat-standard-button-toggle-disabled-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-state-background-color: #1e293b; --mat-standard-button-toggle-disabled-selected-state-text-color: white; --mat-standard-button-toggle-disabled-selected-state-background-color: #1e293b; --mat-standard-button-toggle-divider-color: #374152; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: #4c0519; --mat-datepicker-calendar-date-selected-state-background-color: #f43f5e; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 63, 94, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #4c0519; --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 63, 94, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 63, 94, 0.3); --mat-datepicker-toggle-active-state-icon-color: #f43f5e; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 63, 94, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: #f1f5f9; --mat-datepicker-calendar-body-label-text-color: #94a3b8; --mat-datepicker-calendar-period-button-text-color: white; --mat-datepicker-calendar-period-button-icon-color: #f1f5f9; --mat-datepicker-calendar-navigation-button-icon-color: #f1f5f9; --mat-datepicker-calendar-header-divider-color: rgba(241, 245, 249, 0.12); --mat-datepicker-calendar-header-text-color: #94a3b8; --mat-datepicker-calendar-date-today-outline-color: #64748b; --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(100, 116, 139, 0.8); --mat-datepicker-calendar-date-text-color: white; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: #475569; --mat-datepicker-calendar-date-preview-state-outline-color: rgba(241, 245, 249, 0.24); --mat-datepicker-range-input-separator-color: white; --mat-datepicker-range-input-disabled-state-separator-color: #475569; --mat-datepicker-range-input-disabled-state-text-color: #475569; --mat-datepicker-calendar-container-background-color: #1e293b; --mat-datepicker-calendar-container-text-color: white; --mat-divider-width: 1px; --mat-divider-color: rgba(241, 245, 249, 0.12); --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: #1e293b; --mat-expansion-container-text-color: white; --mat-expansion-actions-divider-color: rgba(241, 245, 249, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.05); --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.05); --mat-expansion-header-disabled-state-text-color: #1e293b; --mat-expansion-header-text-color: white; --mat-expansion-header-description-color: #94a3b8; --mat-expansion-header-indicator-color: #94a3b8; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: rgba(241, 245, 249, 0.12); --mat-sidenav-container-background-color: #1e293b; --mat-sidenav-container-text-color: white; --mat-sidenav-content-background-color: #0f172a; --mat-sidenav-content-text-color: white; --mat-sidenav-scrim-color: rgba(225, 214, 196, 0.6); --mat-stepper-header-icon-foreground-color: #4c0519; --mat-stepper-header-selected-state-icon-background-color: #f43f5e; --mat-stepper-header-selected-state-icon-foreground-color: #4c0519; --mat-stepper-header-done-state-icon-background-color: #f43f5e; --mat-stepper-header-done-state-icon-foreground-color: #4c0519; --mat-stepper-header-edit-state-icon-background-color: #f43f5e; --mat-stepper-header-edit-state-icon-foreground-color: #4c0519; --mat-stepper-container-color: #1e293b; --mat-stepper-line-color: rgba(241, 245, 249, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.05); --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.05); --mat-stepper-header-label-text-color: #94a3b8; --mat-stepper-header-optional-label-text-color: #94a3b8; --mat-stepper-header-selected-state-label-text-color: white; --mat-stepper-header-error-state-label-text-color: #dc2626; --mat-stepper-header-icon-background-color: #94a3b8; --mat-stepper-header-error-state-icon-foreground-color: #dc2626; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #94a3b8; --mat-toolbar-container-background-color: #0f172a; --mat-toolbar-container-text-color: white; --mat-tree-container-background-color: #1e293b; --mat-tree-node-text-color: white; } .theme-rose .dark .mat-accent, .theme-rose.dark .mat-accent { --mat-option-selected-state-label-text-color: #f5f6f7; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .theme-rose .dark .mat-warn, .theme-rose.dark .mat-warn { --mat-option-selected-state-label-text-color: #dc2626; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .theme-rose .dark .mat-primary, .theme-rose.dark .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #f43f5e; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f43f5e; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-rose .dark .mat-accent, .theme-rose.dark .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-rose .dark .mat-warn, .theme-rose.dark .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #dc2626; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-rose .dark .mat-mdc-progress-bar, .theme-rose.dark .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #f43f5e; --mdc-linear-progress-track-color: rgba(244, 63, 94, 0.25); } .theme-rose .dark .mat-mdc-progress-bar.mat-accent, .theme-rose.dark .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #f5f6f7; --mdc-linear-progress-track-color: rgba(245, 246, 247, 0.25); } .theme-rose .dark .mat-mdc-progress-bar.mat-warn, .theme-rose.dark .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #dc2626; --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25); } .theme-rose .dark .mat-mdc-form-field.mat-accent, .theme-rose.dark .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #f5f6f7; --mdc-filled-text-field-focus-active-indicator-color: #f5f6f7; --mdc-filled-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mdc-outlined-text-field-caret-color: #f5f6f7; --mdc-outlined-text-field-focus-outline-color: #f5f6f7; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mat-form-field-focus-select-arrow-color: rgba(245, 246, 247, 0.87); } .theme-rose .dark .mat-mdc-form-field.mat-warn, .theme-rose.dark .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #dc2626; --mdc-filled-text-field-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mdc-outlined-text-field-caret-color: #dc2626; --mdc-outlined-text-field-focus-outline-color: #dc2626; --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87); } .theme-rose .dark .mat-mdc-form-field.mat-accent, .theme-rose.dark .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(245, 246, 247, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-rose .dark .mat-mdc-form-field.mat-warn, .theme-rose.dark .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-rose .dark .mat-mdc-standard-chip, .theme-rose.dark .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mdc-chip-disabled-label-text-color: #fafafa; --mdc-chip-elevated-container-color: #394353; --mdc-chip-elevated-selected-container-color: #394353; --mdc-chip-elevated-disabled-container-color: #394353; --mdc-chip-flat-disabled-selected-container-color: #394353; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #fafafa; --mdc-chip-selected-label-text-color: #fafafa; --mdc-chip-with-icon-icon-color: #fafafa; --mdc-chip-with-icon-disabled-icon-color: #fafafa; --mdc-chip-with-icon-selected-icon-color: #fafafa; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa; --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa; --mat-chip-selected-disabled-trailing-icon-color: #fafafa; --mat-chip-selected-trailing-icon-color: #fafafa; } .theme-rose .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-rose .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-rose.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-rose.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: #4c0519; --mdc-chip-elevated-container-color: #f43f5e; --mdc-chip-elevated-selected-container-color: #f43f5e; --mdc-chip-elevated-disabled-container-color: #f43f5e; --mdc-chip-flat-disabled-selected-container-color: #f43f5e; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #4c0519; --mdc-chip-selected-label-text-color: #4c0519; --mdc-chip-with-icon-icon-color: #4c0519; --mdc-chip-with-icon-disabled-icon-color: #4c0519; --mdc-chip-with-icon-selected-icon-color: #4c0519; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #4c0519; --mdc-chip-with-trailing-icon-trailing-icon-color: #4c0519; --mat-chip-selected-disabled-trailing-icon-color: #4c0519; --mat-chip-selected-trailing-icon-color: #4c0519; } .theme-rose .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-rose .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-rose.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-rose.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: #848485; --mdc-chip-elevated-container-color: #f5f6f7; --mdc-chip-elevated-selected-container-color: #f5f6f7; --mdc-chip-elevated-disabled-container-color: #f5f6f7; --mdc-chip-flat-disabled-selected-container-color: #f5f6f7; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #848485; --mdc-chip-selected-label-text-color: #848485; --mdc-chip-with-icon-icon-color: #848485; --mdc-chip-with-icon-disabled-icon-color: #848485; --mdc-chip-with-icon-selected-icon-color: #848485; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #848485; --mdc-chip-with-trailing-icon-trailing-icon-color: #848485; --mat-chip-selected-disabled-trailing-icon-color: #848485; --mat-chip-selected-trailing-icon-color: #848485; } .theme-rose .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-rose .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-rose.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-rose.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #dc2626; --mdc-chip-elevated-selected-container-color: #dc2626; --mdc-chip-elevated-disabled-container-color: #dc2626; --mdc-chip-flat-disabled-selected-container-color: #dc2626; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-rose .dark .mat-mdc-slide-toggle, .theme-rose.dark .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mat-switch-label-text-color: white; } .theme-rose .dark .mat-mdc-slide-toggle.mat-accent, .theme-rose.dark .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #f9fafa; --mdc-switch-selected-handle-color: #f9fafa; --mdc-switch-selected-hover-state-layer-color: #f9fafa; --mdc-switch-selected-pressed-state-layer-color: #f9fafa; --mdc-switch-selected-focus-handle-color: #fbfbfc; --mdc-switch-selected-hover-handle-color: #fbfbfc; --mdc-switch-selected-pressed-handle-color: #fbfbfc; --mdc-switch-selected-focus-track-color: #dedfe0; --mdc-switch-selected-hover-track-color: #dedfe0; --mdc-switch-selected-pressed-track-color: #dedfe0; --mdc-switch-selected-track-color: #dedfe0; } .theme-rose .dark .mat-mdc-slide-toggle.mat-warn, .theme-rose.dark .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #fca5a5; --mdc-switch-selected-handle-color: #fca5a5; --mdc-switch-selected-hover-state-layer-color: #fca5a5; --mdc-switch-selected-pressed-state-layer-color: #fca5a5; --mdc-switch-selected-focus-handle-color: #fecaca; --mdc-switch-selected-hover-handle-color: #fecaca; --mdc-switch-selected-pressed-handle-color: #fecaca; --mdc-switch-selected-focus-track-color: #dc2626; --mdc-switch-selected-hover-track-color: #dc2626; --mdc-switch-selected-pressed-track-color: #dc2626; --mdc-switch-selected-track-color: #dc2626; } .theme-rose .dark .mat-mdc-radio-button.mat-primary, .theme-rose.dark .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f43f5e; --mdc-radio-selected-hover-icon-color: #f43f5e; --mdc-radio-selected-icon-color: #f43f5e; --mdc-radio-selected-pressed-icon-color: #f43f5e; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #f43f5e; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-rose .dark .mat-mdc-radio-button.mat-accent, .theme-rose.dark .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #f5f6f7; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-rose .dark .mat-mdc-radio-button.mat-warn, .theme-rose.dark .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #dc2626; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-rose .dark .mat-accent, .theme-rose.dark .mat-accent { --mdc-slider-handle-color: #f5f6f7; --mdc-slider-focus-handle-color: #f5f6f7; --mdc-slider-hover-handle-color: #f5f6f7; --mdc-slider-active-track-color: #f5f6f7; --mdc-slider-inactive-track-color: #f5f6f7; --mdc-slider-with-tick-marks-inactive-container-color: #f5f6f7; --mdc-slider-with-tick-marks-active-container-color: #848485; --mat-slider-ripple-color: #f5f6f7; --mat-slider-hover-state-layer-color: rgba(245, 246, 247, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 246, 247, 0.2); } .theme-rose .dark .mat-warn, .theme-rose.dark .mat-warn { --mdc-slider-handle-color: #dc2626; --mdc-slider-focus-handle-color: #dc2626; --mdc-slider-hover-handle-color: #dc2626; --mdc-slider-active-track-color: #dc2626; --mdc-slider-inactive-track-color: #dc2626; --mdc-slider-with-tick-marks-inactive-container-color: #dc2626; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #dc2626; --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05); --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2); } .theme-rose .dark .mdc-list-item__start, .theme-rose .dark .mdc-list-item__end, .theme-rose.dark .mdc-list-item__start, .theme-rose.dark .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f43f5e; --mdc-radio-selected-hover-icon-color: #f43f5e; --mdc-radio-selected-icon-color: #f43f5e; --mdc-radio-selected-pressed-icon-color: #f43f5e; } .theme-rose .dark .mat-accent .mdc-list-item__start, .theme-rose .dark .mat-accent .mdc-list-item__end, .theme-rose.dark .mat-accent .mdc-list-item__start, .theme-rose.dark .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; } .theme-rose .dark .mat-warn .mdc-list-item__start, .theme-rose .dark .mat-warn .mdc-list-item__end, .theme-rose.dark .mat-warn .mdc-list-item__start, .theme-rose.dark .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; } .theme-rose .dark .mat-mdc-list-option, .theme-rose.dark .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #4c0519; --mdc-checkbox-selected-focus-icon-color: #f43f5e; --mdc-checkbox-selected-hover-icon-color: #f43f5e; --mdc-checkbox-selected-icon-color: #f43f5e; --mdc-checkbox-selected-pressed-icon-color: #f43f5e; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f43f5e; --mdc-checkbox-selected-hover-state-layer-color: #f43f5e; --mdc-checkbox-selected-pressed-state-layer-color: #f43f5e; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-rose .dark .mat-mdc-list-option.mat-accent, .theme-rose.dark .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-rose .dark .mat-mdc-list-option.mat-warn, .theme-rose.dark .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-rose .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-rose .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-rose .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-rose .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .theme-rose.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-rose.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-rose.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-rose.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #f43f5e; } .theme-rose .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-rose .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-rose .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .theme-rose.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-rose.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-rose.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .theme-rose .dark .mat-mdc-tab-group, .theme-rose .dark .mat-mdc-tab-nav-bar, .theme-rose.dark .mat-mdc-tab-group, .theme-rose.dark .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #f43f5e; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #f43f5e; --mat-tab-header-active-ripple-color: #f43f5e; --mat-tab-header-inactive-ripple-color: #f43f5e; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #f43f5e; --mat-tab-header-active-hover-label-text-color: #f43f5e; --mat-tab-header-active-focus-indicator-color: #f43f5e; --mat-tab-header-active-hover-indicator-color: #f43f5e; } .theme-rose .dark .mat-mdc-tab-group.mat-accent, .theme-rose .dark .mat-mdc-tab-nav-bar.mat-accent, .theme-rose.dark .mat-mdc-tab-group.mat-accent, .theme-rose.dark .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #f5f6f7; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #f5f6f7; --mat-tab-header-active-ripple-color: #f5f6f7; --mat-tab-header-inactive-ripple-color: #f5f6f7; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #f5f6f7; --mat-tab-header-active-hover-label-text-color: #f5f6f7; --mat-tab-header-active-focus-indicator-color: #f5f6f7; --mat-tab-header-active-hover-indicator-color: #f5f6f7; } .theme-rose .dark .mat-mdc-tab-group.mat-warn, .theme-rose .dark .mat-mdc-tab-nav-bar.mat-warn, .theme-rose.dark .mat-mdc-tab-group.mat-warn, .theme-rose.dark .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #dc2626; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #dc2626; --mat-tab-header-active-ripple-color: #dc2626; --mat-tab-header-inactive-ripple-color: #dc2626; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #dc2626; --mat-tab-header-active-hover-label-text-color: #dc2626; --mat-tab-header-active-focus-indicator-color: #dc2626; --mat-tab-header-active-hover-indicator-color: #dc2626; } .theme-rose .dark .mat-mdc-tab-group.mat-background-primary, .theme-rose .dark .mat-mdc-tab-nav-bar.mat-background-primary, .theme-rose.dark .mat-mdc-tab-group.mat-background-primary, .theme-rose.dark .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #f43f5e; --mat-tab-header-with-background-foreground-color: #4c0519; } .theme-rose .dark .mat-mdc-tab-group.mat-background-accent, .theme-rose .dark .mat-mdc-tab-nav-bar.mat-background-accent, .theme-rose.dark .mat-mdc-tab-group.mat-background-accent, .theme-rose.dark .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #f5f6f7; --mat-tab-header-with-background-foreground-color: #848485; } .theme-rose .dark .mat-mdc-tab-group.mat-background-warn, .theme-rose .dark .mat-mdc-tab-nav-bar.mat-background-warn, .theme-rose.dark .mat-mdc-tab-group.mat-background-warn, .theme-rose.dark .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #dc2626; --mat-tab-header-with-background-foreground-color: white; } .theme-rose .dark .mat-mdc-checkbox.mat-primary, .theme-rose.dark .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #4c0519; --mdc-checkbox-selected-focus-icon-color: #f43f5e; --mdc-checkbox-selected-hover-icon-color: #f43f5e; --mdc-checkbox-selected-icon-color: #f43f5e; --mdc-checkbox-selected-pressed-icon-color: #f43f5e; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f43f5e; --mdc-checkbox-selected-hover-state-layer-color: #f43f5e; --mdc-checkbox-selected-pressed-state-layer-color: #f43f5e; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-rose .dark .mat-mdc-checkbox.mat-warn, .theme-rose.dark .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-rose .dark .mat-mdc-button.mat-primary, .theme-rose.dark .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #f43f5e; --mat-text-button-state-layer-color: #f43f5e; --mat-text-button-ripple-color: rgba(244, 63, 94, 0.1); } .theme-rose .dark .mat-mdc-button.mat-accent, .theme-rose.dark .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #f5f6f7; --mat-text-button-state-layer-color: #f5f6f7; --mat-text-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-rose .dark .mat-mdc-button.mat-warn, .theme-rose.dark .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #dc2626; --mat-text-button-state-layer-color: #dc2626; --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-rose .dark .mat-mdc-unelevated-button.mat-primary, .theme-rose.dark .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #f43f5e; --mdc-filled-button-label-text-color: #4c0519; --mat-filled-button-state-layer-color: #4c0519; --mat-filled-button-ripple-color: rgba(76, 5, 25, 0.1); } .theme-rose .dark .mat-mdc-unelevated-button.mat-accent, .theme-rose.dark .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #f5f6f7; --mdc-filled-button-label-text-color: #848485; --mat-filled-button-state-layer-color: #848485; --mat-filled-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-rose .dark .mat-mdc-unelevated-button.mat-warn, .theme-rose.dark .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #dc2626; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-rose .dark .mat-mdc-raised-button.mat-primary, .theme-rose.dark .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #f43f5e; --mdc-protected-button-label-text-color: #4c0519; --mat-protected-button-state-layer-color: #4c0519; --mat-protected-button-ripple-color: rgba(76, 5, 25, 0.1); } .theme-rose .dark .mat-mdc-raised-button.mat-accent, .theme-rose.dark .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #f5f6f7; --mdc-protected-button-label-text-color: #848485; --mat-protected-button-state-layer-color: #848485; --mat-protected-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-rose .dark .mat-mdc-raised-button.mat-warn, .theme-rose.dark .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #dc2626; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-rose .dark .mat-mdc-outlined-button.mat-primary, .theme-rose.dark .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #f43f5e; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #f43f5e; --mat-outlined-button-ripple-color: rgba(244, 63, 94, 0.1); } .theme-rose .dark .mat-mdc-outlined-button.mat-accent, .theme-rose.dark .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #f5f6f7; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #f5f6f7; --mat-outlined-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-rose .dark .mat-mdc-outlined-button.mat-warn, .theme-rose.dark .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #dc2626; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #dc2626; --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-rose .dark .mat-mdc-icon-button.mat-primary, .theme-rose.dark .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #f43f5e; --mat-icon-button-state-layer-color: #f43f5e; --mat-icon-button-ripple-color: rgba(244, 63, 94, 0.1); } .theme-rose .dark .mat-mdc-icon-button.mat-accent, .theme-rose.dark .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #f5f6f7; --mat-icon-button-state-layer-color: #f5f6f7; --mat-icon-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-rose .dark .mat-mdc-icon-button.mat-warn, .theme-rose.dark .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #dc2626; --mat-icon-button-state-layer-color: #dc2626; --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-rose .dark .mat-mdc-fab.mat-primary, .theme-rose.dark .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #f43f5e; --mat-fab-foreground-color: #4c0519; --mat-fab-state-layer-color: #4c0519; --mat-fab-ripple-color: rgba(76, 5, 25, 0.1); } .theme-rose .dark .mat-mdc-fab.mat-accent, .theme-rose.dark .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #f5f6f7; --mat-fab-foreground-color: #848485; --mat-fab-state-layer-color: #848485; --mat-fab-ripple-color: rgba(132, 132, 133, 0.1); } .theme-rose .dark .mat-mdc-fab.mat-warn, .theme-rose.dark .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #dc2626; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-rose .dark .mat-mdc-mini-fab.mat-primary, .theme-rose.dark .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #f43f5e; --mat-fab-small-foreground-color: #4c0519; --mat-fab-small-state-layer-color: #4c0519; --mat-fab-small-ripple-color: rgba(76, 5, 25, 0.1); } .theme-rose .dark .mat-mdc-mini-fab.mat-accent, .theme-rose.dark .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #f5f6f7; --mat-fab-small-foreground-color: #848485; --mat-fab-small-state-layer-color: #848485; --mat-fab-small-ripple-color: rgba(132, 132, 133, 0.1); } .theme-rose .dark .mat-mdc-mini-fab.mat-warn, .theme-rose.dark .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #dc2626; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-rose .dark .mat-accent, .theme-rose.dark .mat-accent { --mdc-circular-progress-active-indicator-color: #f5f6f7; } .theme-rose .dark .mat-warn, .theme-rose.dark .mat-warn { --mdc-circular-progress-active-indicator-color: #dc2626; } .theme-rose .dark .mat-badge-accent, .theme-rose.dark .mat-badge-accent { --mat-badge-background-color: #f5f6f7; --mat-badge-text-color: #848485; } .theme-rose .dark .mat-badge-warn, .theme-rose.dark .mat-badge-warn { --mat-badge-background-color: #dc2626; --mat-badge-text-color: white; } .theme-rose .dark .mat-datepicker-content.mat-accent, .theme-rose.dark .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: #848485; --mat-datepicker-calendar-date-selected-state-background-color: #f5f6f7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 246, 247, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #848485; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 246, 247, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-rose .dark .mat-datepicker-content.mat-warn, .theme-rose.dark .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #dc2626; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-rose .dark .mat-datepicker-toggle-active.mat-accent, .theme-rose.dark .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #f5f6f7; } .theme-rose .dark .mat-datepicker-toggle-active.mat-warn, .theme-rose.dark .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #dc2626; } .theme-rose .dark .mat-icon.mat-primary, .theme-rose.dark .mat-icon.mat-primary { --mat-icon-color: #f43f5e; } .theme-rose .dark .mat-icon.mat-accent, .theme-rose.dark .mat-icon.mat-accent { --mat-icon-color: #f5f6f7; } .theme-rose .dark .mat-icon.mat-warn, .theme-rose.dark .mat-icon.mat-warn { --mat-icon-color: #dc2626; } .theme-rose .dark .mat-step-header.mat-accent, .theme-rose.dark .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: #848485; --mat-stepper-header-selected-state-icon-background-color: #f5f6f7; --mat-stepper-header-selected-state-icon-foreground-color: #848485; --mat-stepper-header-done-state-icon-background-color: #f5f6f7; --mat-stepper-header-done-state-icon-foreground-color: #848485; --mat-stepper-header-edit-state-icon-background-color: #f5f6f7; --mat-stepper-header-edit-state-icon-foreground-color: #848485; } .theme-rose .dark .mat-step-header.mat-warn, .theme-rose.dark .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #dc2626; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #dc2626; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #dc2626; --mat-stepper-header-edit-state-icon-foreground-color: white; } .theme-rose .dark .mat-toolbar.mat-primary, .theme-rose.dark .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #f43f5e; --mat-toolbar-container-text-color: #4c0519; } .theme-rose .dark .mat-toolbar.mat-accent, .theme-rose.dark .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #f5f6f7; --mat-toolbar-container-text-color: #848485; } .theme-rose .dark .mat-toolbar.mat-warn, .theme-rose.dark .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #dc2626; --mat-toolbar-container-text-color: white; } .theme-purple .light, .theme-purple.light { --mat-ripple-color: rgba(0, 0, 0, 0.1); --mat-option-selected-state-label-text-color: #9333ea; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); --mat-optgroup-label-text-color: #1e293b; --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; --mat-app-background-color: #f1f5f9; --mat-app-text-color: #1e293b; --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: #64748b; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #1e293b; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #9333ea; --mdc-filled-text-field-focus-active-indicator-color: #9333ea; --mdc-filled-text-field-focus-label-text-color: rgba(147, 51, 234, 0.87); --mdc-filled-text-field-container-color: whitesmoke; --mdc-filled-text-field-disabled-container-color: #fafafa; --mdc-filled-text-field-label-text-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-filled-text-field-input-text-color: rgba(30, 41, 59, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(148, 163, 184, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #dc2626; --mdc-filled-text-field-error-focus-label-text-color: #dc2626; --mdc-filled-text-field-error-label-text-color: #dc2626; --mdc-filled-text-field-error-caret-color: #dc2626; --mdc-filled-text-field-active-indicator-color: rgba(226, 232, 240, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(226, 232, 240, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(226, 232, 240, 0.87); --mdc-filled-text-field-error-active-indicator-color: #dc2626; --mdc-filled-text-field-error-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-error-hover-active-indicator-color: #dc2626; --mdc-outlined-text-field-caret-color: #9333ea; --mdc-outlined-text-field-focus-outline-color: #9333ea; --mdc-outlined-text-field-focus-label-text-color: rgba(147, 51, 234, 0.87); --mdc-outlined-text-field-label-text-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-text-field-input-text-color: rgba(30, 41, 59, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-error-caret-color: #dc2626; --mdc-outlined-text-field-error-focus-label-text-color: #dc2626; --mdc-outlined-text-field-error-label-text-color: #dc2626; --mdc-outlined-text-field-error-hover-label-text-color: #dc2626; --mdc-outlined-text-field-outline-color: rgba(226, 232, 240, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(226, 232, 240, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(226, 232, 240, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #dc2626; --mdc-outlined-text-field-error-hover-outline-color: #dc2626; --mdc-outlined-text-field-error-outline-color: #dc2626; --mat-form-field-focus-select-arrow-color: rgba(147, 51, 234, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(100, 116, 139, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #dc2626; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(100, 116, 139, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(100, 116, 139, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(147, 51, 234, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: white; --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(30, 41, 59, 0.87); --mdc-dialog-supporting-text-color: rgba(30, 41, 59, 0.6); --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-switch-selected-focus-state-layer-color: #9333ea; --mdc-switch-selected-handle-color: #9333ea; --mdc-switch-selected-hover-state-layer-color: #9333ea; --mdc-switch-selected-pressed-state-layer-color: #9333ea; --mdc-switch-selected-focus-handle-color: #581c87; --mdc-switch-selected-hover-handle-color: #581c87; --mdc-switch-selected-pressed-handle-color: #581c87; --mdc-switch-selected-focus-track-color: #d8b4fe; --mdc-switch-selected-hover-track-color: #d8b4fe; --mdc-switch-selected-pressed-track-color: #d8b4fe; --mdc-switch-selected-track-color: #d8b4fe; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-label-text-color: #94a3b8; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-handle-color: #9333ea; --mdc-slider-focus-handle-color: #9333ea; --mdc-slider-hover-handle-color: #9333ea; --mdc-slider-active-track-color: #9333ea; --mdc-slider-inactive-track-color: #9333ea; --mdc-slider-with-tick-marks-inactive-container-color: #9333ea; --mdc-slider-with-tick-marks-active-container-color: white; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-label-container-color: #000; --mdc-slider-label-label-text-color: #fff; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #000; --mat-slider-ripple-color: #9333ea; --mat-slider-hover-state-layer-color: rgba(147, 51, 234, 0.05); --mat-slider-focus-state-layer-color: rgba(147, 51, 234, 0.2); --mat-slider-value-indicator-opacity: 0.6; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-color: #1e293b; --mat-menu-item-icon-color: #1e293b; --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; --mat-menu-divider-color: #e2e8f0; --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: #1e293b; --mdc-list-list-item-supporting-text-color: #64748b; --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: #94a3b8; --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: #1e293b; --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: #1e293b; --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; --mat-checkbox-disabled-label-color: #94a3b8; --mat-checkbox-label-text-color: #1e293b; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: #1e293b; --mdc-text-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-text-button-state-layer-color: black; --mat-text-button-disabled-state-layer-color: black; --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity: 0.04; --mat-text-button-focus-state-layer-opacity: 0.12; --mat-text-button-pressed-state-layer-opacity: 0.12; --mdc-filled-button-container-color: white; --mdc-filled-button-label-text-color: #1e293b; --mdc-filled-button-disabled-container-color: rgba(148, 163, 184, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-filled-button-state-layer-color: black; --mat-filled-button-disabled-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.04; --mat-filled-button-focus-state-layer-opacity: 0.12; --mat-filled-button-pressed-state-layer-opacity: 0.12; --mdc-protected-button-container-color: white; --mdc-protected-button-label-text-color: #1e293b; --mdc-protected-button-disabled-container-color: rgba(148, 163, 184, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-protected-button-state-layer-color: black; --mat-protected-button-disabled-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.04; --mat-protected-button-focus-state-layer-opacity: 0.12; --mat-protected-button-pressed-state-layer-opacity: 0.12; --mdc-outlined-button-disabled-outline-color: #e2e8f0; --mdc-outlined-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-button-label-text-color: #1e293b; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: black; --mat-outlined-button-disabled-state-layer-color: black; --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.04; --mat-outlined-button-focus-state-layer-opacity: 0.12; --mat-outlined-button-pressed-state-layer-opacity: 0.12; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); --mat-icon-button-state-layer-color: black; --mat-icon-button-disabled-state-layer-color: black; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-color: white; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-disabled-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-disabled-state-container-color: rgba(148, 163, 184, 0.12); --mat-fab-disabled-state-foreground-color: rgba(148, 163, 184, 0.38); --mdc-fab-small-container-color: white; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-disabled-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-disabled-state-container-color: rgba(148, 163, 184, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(148, 163, 184, 0.38); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); --mat-snack-bar-button-color: #f5f6f7; --mat-table-row-item-outline-width: 1px; --mat-table-background-color: white; --mat-table-header-headline-color: #1e293b; --mat-table-row-item-label-text-color: #1e293b; --mat-table-row-item-outline-color: #e2e8f0; --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #9333ea; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #9333ea; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #94a3b8; --mat-badge-disabled-state-text-color: #94a3b8; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: #1e293b; --mat-bottom-sheet-container-background-color: white; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: #94a3b8; --mat-legacy-button-toggle-state-layer-color: #64748b; --mat-legacy-button-toggle-selected-state-text-color: #64748b; --mat-legacy-button-toggle-selected-state-background-color: #e2e8f0; --mat-legacy-button-toggle-disabled-state-text-color: #94a3b8; --mat-legacy-button-toggle-disabled-state-background-color: #cbd5e1; --mat-legacy-button-toggle-disabled-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-text-color: #1e293b; --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: #64748b; --mat-standard-button-toggle-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-selected-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-state-text-color: #94a3b8; --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-divider-color: #e2e8f0; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #9333ea; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(147, 51, 234, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(147, 51, 234, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(147, 51, 234, 0.3); --mat-datepicker-toggle-active-state-icon-color: #9333ea; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(147, 51, 234, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: #64748b; --mat-datepicker-calendar-body-label-text-color: #64748b; --mat-datepicker-calendar-period-button-text-color: #1e293b; --mat-datepicker-calendar-period-button-icon-color: #64748b; --mat-datepicker-calendar-navigation-button-icon-color: #64748b; --mat-datepicker-calendar-header-divider-color: #e2e8f0; --mat-datepicker-calendar-header-text-color: #64748b; --mat-datepicker-calendar-date-today-outline-color: #94a3b8; --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(148, 163, 184, 0.8); --mat-datepicker-calendar-date-text-color: #1e293b; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: #94a3b8; --mat-datepicker-calendar-date-preview-state-outline-color: #e2e8f0; --mat-datepicker-range-input-separator-color: #1e293b; --mat-datepicker-range-input-disabled-state-separator-color: #94a3b8; --mat-datepicker-range-input-disabled-state-text-color: #94a3b8; --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: #1e293b; --mat-divider-width: 1px; --mat-divider-color: #e2e8f0; --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: #1e293b; --mat-expansion-actions-divider-color: #e2e8f0; --mat-expansion-header-hover-state-layer-color: rgba(148, 163, 184, 0.12); --mat-expansion-header-focus-state-layer-color: rgba(148, 163, 184, 0.12); --mat-expansion-header-disabled-state-text-color: #94a3b8; --mat-expansion-header-text-color: #1e293b; --mat-expansion-header-description-color: #64748b; --mat-expansion-header-indicator-color: #64748b; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: #e2e8f0; --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: #1e293b; --mat-sidenav-content-background-color: #f1f5f9; --mat-sidenav-content-text-color: #1e293b; --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #9333ea; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #9333ea; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #9333ea; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: #e2e8f0; --mat-stepper-header-hover-state-layer-color: rgba(148, 163, 184, 0.12); --mat-stepper-header-focus-state-layer-color: rgba(148, 163, 184, 0.12); --mat-stepper-header-label-text-color: #64748b; --mat-stepper-header-optional-label-text-color: #64748b; --mat-stepper-header-selected-state-label-text-color: #1e293b; --mat-stepper-header-error-state-label-text-color: #dc2626; --mat-stepper-header-icon-background-color: #64748b; --mat-stepper-header-error-state-icon-foreground-color: #dc2626; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #64748b; --mat-toolbar-container-background-color: white; --mat-toolbar-container-text-color: #1e293b; --mat-tree-container-background-color: white; --mat-tree-node-text-color: #1e293b; } .theme-purple .light .mat-accent, .theme-purple.light .mat-accent { --mat-option-selected-state-label-text-color: #f5f6f7; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .theme-purple .light .mat-warn, .theme-purple.light .mat-warn { --mat-option-selected-state-label-text-color: #dc2626; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .theme-purple .light .mat-primary, .theme-purple.light .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #9333ea; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #9333ea; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-purple .light .mat-accent, .theme-purple.light .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-purple .light .mat-warn, .theme-purple.light .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #dc2626; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-purple .light .mat-mdc-progress-bar, .theme-purple.light .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #9333ea; --mdc-linear-progress-track-color: rgba(147, 51, 234, 0.25); } .theme-purple .light .mat-mdc-progress-bar.mat-accent, .theme-purple.light .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #f5f6f7; --mdc-linear-progress-track-color: rgba(245, 246, 247, 0.25); } .theme-purple .light .mat-mdc-progress-bar.mat-warn, .theme-purple.light .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #dc2626; --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25); } .theme-purple .light .mat-mdc-form-field.mat-accent, .theme-purple.light .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #f5f6f7; --mdc-filled-text-field-focus-active-indicator-color: #f5f6f7; --mdc-filled-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mdc-outlined-text-field-caret-color: #f5f6f7; --mdc-outlined-text-field-focus-outline-color: #f5f6f7; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mat-form-field-focus-select-arrow-color: rgba(245, 246, 247, 0.87); } .theme-purple .light .mat-mdc-form-field.mat-warn, .theme-purple.light .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #dc2626; --mdc-filled-text-field-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mdc-outlined-text-field-caret-color: #dc2626; --mdc-outlined-text-field-focus-outline-color: #dc2626; --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87); } .theme-purple .light .mat-mdc-form-field.mat-accent, .theme-purple.light .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(245, 246, 247, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-purple .light .mat-mdc-form-field.mat-warn, .theme-purple.light .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-purple .light .mat-mdc-standard-chip, .theme-purple.light .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: #e0e0e0; --mdc-chip-elevated-selected-container-color: #e0e0e0; --mdc-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-flat-disabled-selected-container-color: #e0e0e0; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-selected-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; --mat-chip-selected-disabled-trailing-icon-color: #212121; --mat-chip-selected-trailing-icon-color: #212121; } .theme-purple .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-purple .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-purple.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-purple.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #9333ea; --mdc-chip-elevated-selected-container-color: #9333ea; --mdc-chip-elevated-disabled-container-color: #9333ea; --mdc-chip-flat-disabled-selected-container-color: #9333ea; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-purple .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-purple .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-purple.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-purple.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: #848485; --mdc-chip-elevated-container-color: #f5f6f7; --mdc-chip-elevated-selected-container-color: #f5f6f7; --mdc-chip-elevated-disabled-container-color: #f5f6f7; --mdc-chip-flat-disabled-selected-container-color: #f5f6f7; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #848485; --mdc-chip-selected-label-text-color: #848485; --mdc-chip-with-icon-icon-color: #848485; --mdc-chip-with-icon-disabled-icon-color: #848485; --mdc-chip-with-icon-selected-icon-color: #848485; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #848485; --mdc-chip-with-trailing-icon-trailing-icon-color: #848485; --mat-chip-selected-disabled-trailing-icon-color: #848485; --mat-chip-selected-trailing-icon-color: #848485; } .theme-purple .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-purple .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-purple.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-purple.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #dc2626; --mdc-chip-elevated-selected-container-color: #dc2626; --mdc-chip-elevated-disabled-container-color: #dc2626; --mdc-chip-flat-disabled-selected-container-color: #dc2626; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-purple .light .mat-mdc-slide-toggle, .theme-purple.light .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mat-switch-label-text-color: #1e293b; } .theme-purple .light .mat-mdc-slide-toggle.mat-accent, .theme-purple.light .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #dedfe0; --mdc-switch-selected-handle-color: #dedfe0; --mdc-switch-selected-hover-state-layer-color: #dedfe0; --mdc-switch-selected-pressed-state-layer-color: #dedfe0; --mdc-switch-selected-focus-handle-color: #848485; --mdc-switch-selected-hover-handle-color: #848485; --mdc-switch-selected-pressed-handle-color: #848485; --mdc-switch-selected-focus-track-color: #f9fafa; --mdc-switch-selected-hover-track-color: #f9fafa; --mdc-switch-selected-pressed-track-color: #f9fafa; --mdc-switch-selected-track-color: #f9fafa; } .theme-purple .light .mat-mdc-slide-toggle.mat-warn, .theme-purple.light .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #dc2626; --mdc-switch-selected-handle-color: #dc2626; --mdc-switch-selected-hover-state-layer-color: #dc2626; --mdc-switch-selected-pressed-state-layer-color: #dc2626; --mdc-switch-selected-focus-handle-color: #7f1d1d; --mdc-switch-selected-hover-handle-color: #7f1d1d; --mdc-switch-selected-pressed-handle-color: #7f1d1d; --mdc-switch-selected-focus-track-color: #fca5a5; --mdc-switch-selected-hover-track-color: #fca5a5; --mdc-switch-selected-pressed-track-color: #fca5a5; --mdc-switch-selected-track-color: #fca5a5; } .theme-purple .light .mat-mdc-radio-button.mat-primary, .theme-purple.light .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #9333ea; --mdc-radio-selected-hover-icon-color: #9333ea; --mdc-radio-selected-icon-color: #9333ea; --mdc-radio-selected-pressed-icon-color: #9333ea; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #9333ea; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-purple .light .mat-mdc-radio-button.mat-accent, .theme-purple.light .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #f5f6f7; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-purple .light .mat-mdc-radio-button.mat-warn, .theme-purple.light .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #dc2626; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-purple .light .mat-accent, .theme-purple.light .mat-accent { --mdc-slider-handle-color: #f5f6f7; --mdc-slider-focus-handle-color: #f5f6f7; --mdc-slider-hover-handle-color: #f5f6f7; --mdc-slider-active-track-color: #f5f6f7; --mdc-slider-inactive-track-color: #f5f6f7; --mdc-slider-with-tick-marks-inactive-container-color: #f5f6f7; --mdc-slider-with-tick-marks-active-container-color: #848485; --mat-slider-ripple-color: #f5f6f7; --mat-slider-hover-state-layer-color: rgba(245, 246, 247, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 246, 247, 0.2); } .theme-purple .light .mat-warn, .theme-purple.light .mat-warn { --mdc-slider-handle-color: #dc2626; --mdc-slider-focus-handle-color: #dc2626; --mdc-slider-hover-handle-color: #dc2626; --mdc-slider-active-track-color: #dc2626; --mdc-slider-inactive-track-color: #dc2626; --mdc-slider-with-tick-marks-inactive-container-color: #dc2626; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #dc2626; --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05); --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2); } .theme-purple .light .mdc-list-item__start, .theme-purple .light .mdc-list-item__end, .theme-purple.light .mdc-list-item__start, .theme-purple.light .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #9333ea; --mdc-radio-selected-hover-icon-color: #9333ea; --mdc-radio-selected-icon-color: #9333ea; --mdc-radio-selected-pressed-icon-color: #9333ea; } .theme-purple .light .mat-accent .mdc-list-item__start, .theme-purple .light .mat-accent .mdc-list-item__end, .theme-purple.light .mat-accent .mdc-list-item__start, .theme-purple.light .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; } .theme-purple .light .mat-warn .mdc-list-item__start, .theme-purple .light .mat-warn .mdc-list-item__end, .theme-purple.light .mat-warn .mdc-list-item__start, .theme-purple.light .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; } .theme-purple .light .mat-mdc-list-option, .theme-purple.light .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #9333ea; --mdc-checkbox-selected-hover-icon-color: #9333ea; --mdc-checkbox-selected-icon-color: #9333ea; --mdc-checkbox-selected-pressed-icon-color: #9333ea; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #9333ea; --mdc-checkbox-selected-hover-state-layer-color: #9333ea; --mdc-checkbox-selected-pressed-state-layer-color: #9333ea; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-purple .light .mat-mdc-list-option.mat-accent, .theme-purple.light .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-purple .light .mat-mdc-list-option.mat-warn, .theme-purple.light .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-purple .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-purple .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-purple .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-purple .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .theme-purple.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-purple.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-purple.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-purple.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #9333ea; } .theme-purple .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-purple .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-purple .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .theme-purple.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-purple.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-purple.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .theme-purple .light .mat-mdc-tab-group, .theme-purple .light .mat-mdc-tab-nav-bar, .theme-purple.light .mat-mdc-tab-group, .theme-purple.light .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #9333ea; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #9333ea; --mat-tab-header-active-ripple-color: #9333ea; --mat-tab-header-inactive-ripple-color: #9333ea; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #9333ea; --mat-tab-header-active-hover-label-text-color: #9333ea; --mat-tab-header-active-focus-indicator-color: #9333ea; --mat-tab-header-active-hover-indicator-color: #9333ea; } .theme-purple .light .mat-mdc-tab-group.mat-accent, .theme-purple .light .mat-mdc-tab-nav-bar.mat-accent, .theme-purple.light .mat-mdc-tab-group.mat-accent, .theme-purple.light .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #f5f6f7; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #f5f6f7; --mat-tab-header-active-ripple-color: #f5f6f7; --mat-tab-header-inactive-ripple-color: #f5f6f7; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #f5f6f7; --mat-tab-header-active-hover-label-text-color: #f5f6f7; --mat-tab-header-active-focus-indicator-color: #f5f6f7; --mat-tab-header-active-hover-indicator-color: #f5f6f7; } .theme-purple .light .mat-mdc-tab-group.mat-warn, .theme-purple .light .mat-mdc-tab-nav-bar.mat-warn, .theme-purple.light .mat-mdc-tab-group.mat-warn, .theme-purple.light .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #dc2626; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #dc2626; --mat-tab-header-active-ripple-color: #dc2626; --mat-tab-header-inactive-ripple-color: #dc2626; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #dc2626; --mat-tab-header-active-hover-label-text-color: #dc2626; --mat-tab-header-active-focus-indicator-color: #dc2626; --mat-tab-header-active-hover-indicator-color: #dc2626; } .theme-purple .light .mat-mdc-tab-group.mat-background-primary, .theme-purple .light .mat-mdc-tab-nav-bar.mat-background-primary, .theme-purple.light .mat-mdc-tab-group.mat-background-primary, .theme-purple.light .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #9333ea; --mat-tab-header-with-background-foreground-color: white; } .theme-purple .light .mat-mdc-tab-group.mat-background-accent, .theme-purple .light .mat-mdc-tab-nav-bar.mat-background-accent, .theme-purple.light .mat-mdc-tab-group.mat-background-accent, .theme-purple.light .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #f5f6f7; --mat-tab-header-with-background-foreground-color: #848485; } .theme-purple .light .mat-mdc-tab-group.mat-background-warn, .theme-purple .light .mat-mdc-tab-nav-bar.mat-background-warn, .theme-purple.light .mat-mdc-tab-group.mat-background-warn, .theme-purple.light .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #dc2626; --mat-tab-header-with-background-foreground-color: white; } .theme-purple .light .mat-mdc-checkbox.mat-primary, .theme-purple.light .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #9333ea; --mdc-checkbox-selected-hover-icon-color: #9333ea; --mdc-checkbox-selected-icon-color: #9333ea; --mdc-checkbox-selected-pressed-icon-color: #9333ea; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #9333ea; --mdc-checkbox-selected-hover-state-layer-color: #9333ea; --mdc-checkbox-selected-pressed-state-layer-color: #9333ea; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-purple .light .mat-mdc-checkbox.mat-warn, .theme-purple.light .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-purple .light .mat-mdc-button.mat-primary, .theme-purple.light .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #9333ea; --mat-text-button-state-layer-color: #9333ea; --mat-text-button-ripple-color: rgba(147, 51, 234, 0.1); } .theme-purple .light .mat-mdc-button.mat-accent, .theme-purple.light .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #f5f6f7; --mat-text-button-state-layer-color: #f5f6f7; --mat-text-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-purple .light .mat-mdc-button.mat-warn, .theme-purple.light .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #dc2626; --mat-text-button-state-layer-color: #dc2626; --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-purple .light .mat-mdc-unelevated-button.mat-primary, .theme-purple.light .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #9333ea; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .light .mat-mdc-unelevated-button.mat-accent, .theme-purple.light .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #f5f6f7; --mdc-filled-button-label-text-color: #848485; --mat-filled-button-state-layer-color: #848485; --mat-filled-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-purple .light .mat-mdc-unelevated-button.mat-warn, .theme-purple.light .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #dc2626; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .light .mat-mdc-raised-button.mat-primary, .theme-purple.light .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #9333ea; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .light .mat-mdc-raised-button.mat-accent, .theme-purple.light .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #f5f6f7; --mdc-protected-button-label-text-color: #848485; --mat-protected-button-state-layer-color: #848485; --mat-protected-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-purple .light .mat-mdc-raised-button.mat-warn, .theme-purple.light .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #dc2626; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .light .mat-mdc-outlined-button.mat-primary, .theme-purple.light .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #9333ea; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #9333ea; --mat-outlined-button-ripple-color: rgba(147, 51, 234, 0.1); } .theme-purple .light .mat-mdc-outlined-button.mat-accent, .theme-purple.light .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #f5f6f7; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #f5f6f7; --mat-outlined-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-purple .light .mat-mdc-outlined-button.mat-warn, .theme-purple.light .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #dc2626; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #dc2626; --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-purple .light .mat-mdc-icon-button.mat-primary, .theme-purple.light .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #9333ea; --mat-icon-button-state-layer-color: #9333ea; --mat-icon-button-ripple-color: rgba(147, 51, 234, 0.1); } .theme-purple .light .mat-mdc-icon-button.mat-accent, .theme-purple.light .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #f5f6f7; --mat-icon-button-state-layer-color: #f5f6f7; --mat-icon-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-purple .light .mat-mdc-icon-button.mat-warn, .theme-purple.light .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #dc2626; --mat-icon-button-state-layer-color: #dc2626; --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-purple .light .mat-mdc-fab.mat-primary, .theme-purple.light .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #9333ea; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .light .mat-mdc-fab.mat-accent, .theme-purple.light .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #f5f6f7; --mat-fab-foreground-color: #848485; --mat-fab-state-layer-color: #848485; --mat-fab-ripple-color: rgba(132, 132, 133, 0.1); } .theme-purple .light .mat-mdc-fab.mat-warn, .theme-purple.light .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #dc2626; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .light .mat-mdc-mini-fab.mat-primary, .theme-purple.light .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #9333ea; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .light .mat-mdc-mini-fab.mat-accent, .theme-purple.light .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #f5f6f7; --mat-fab-small-foreground-color: #848485; --mat-fab-small-state-layer-color: #848485; --mat-fab-small-ripple-color: rgba(132, 132, 133, 0.1); } .theme-purple .light .mat-mdc-mini-fab.mat-warn, .theme-purple.light .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #dc2626; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .light .mat-accent, .theme-purple.light .mat-accent { --mdc-circular-progress-active-indicator-color: #f5f6f7; } .theme-purple .light .mat-warn, .theme-purple.light .mat-warn { --mdc-circular-progress-active-indicator-color: #dc2626; } .theme-purple .light .mat-badge-accent, .theme-purple.light .mat-badge-accent { --mat-badge-background-color: #f5f6f7; --mat-badge-text-color: #848485; } .theme-purple .light .mat-badge-warn, .theme-purple.light .mat-badge-warn { --mat-badge-background-color: #dc2626; --mat-badge-text-color: white; } .theme-purple .light .mat-datepicker-content.mat-accent, .theme-purple.light .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: #848485; --mat-datepicker-calendar-date-selected-state-background-color: #f5f6f7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 246, 247, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #848485; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 246, 247, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-purple .light .mat-datepicker-content.mat-warn, .theme-purple.light .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #dc2626; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-purple .light .mat-datepicker-toggle-active.mat-accent, .theme-purple.light .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #f5f6f7; } .theme-purple .light .mat-datepicker-toggle-active.mat-warn, .theme-purple.light .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #dc2626; } .theme-purple .light .mat-icon.mat-primary, .theme-purple.light .mat-icon.mat-primary { --mat-icon-color: #9333ea; } .theme-purple .light .mat-icon.mat-accent, .theme-purple.light .mat-icon.mat-accent { --mat-icon-color: #f5f6f7; } .theme-purple .light .mat-icon.mat-warn, .theme-purple.light .mat-icon.mat-warn { --mat-icon-color: #dc2626; } .theme-purple .light .mat-step-header.mat-accent, .theme-purple.light .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: #848485; --mat-stepper-header-selected-state-icon-background-color: #f5f6f7; --mat-stepper-header-selected-state-icon-foreground-color: #848485; --mat-stepper-header-done-state-icon-background-color: #f5f6f7; --mat-stepper-header-done-state-icon-foreground-color: #848485; --mat-stepper-header-edit-state-icon-background-color: #f5f6f7; --mat-stepper-header-edit-state-icon-foreground-color: #848485; } .theme-purple .light .mat-step-header.mat-warn, .theme-purple.light .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #dc2626; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #dc2626; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #dc2626; --mat-stepper-header-edit-state-icon-foreground-color: white; } .theme-purple .light .mat-toolbar.mat-primary, .theme-purple.light .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #9333ea; --mat-toolbar-container-text-color: white; } .theme-purple .light .mat-toolbar.mat-accent, .theme-purple.light .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #f5f6f7; --mat-toolbar-container-text-color: #848485; } .theme-purple .light .mat-toolbar.mat-warn, .theme-purple.light .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #dc2626; --mat-toolbar-container-text-color: white; } .theme-purple .dark, .theme-purple.dark { --mat-ripple-color: rgba(255, 255, 255, 0.1); --mat-option-selected-state-label-text-color: #9333ea; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); --mat-optgroup-label-text-color: white; --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; --mat-app-background-color: #0f172a; --mat-app-text-color: white; --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: #1e293b; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: #1e293b; --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: #94a3b8; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #64748b; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #9333ea; --mdc-filled-text-field-focus-active-indicator-color: #9333ea; --mdc-filled-text-field-focus-label-text-color: rgba(147, 51, 234, 0.87); --mdc-filled-text-field-container-color: #273243; --mdc-filled-text-field-disabled-container-color: #232d3f; --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(71, 85, 105, 0.38); --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(71, 85, 105, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #dc2626; --mdc-filled-text-field-error-focus-label-text-color: #dc2626; --mdc-filled-text-field-error-label-text-color: #dc2626; --mdc-filled-text-field-error-caret-color: #dc2626; --mdc-filled-text-field-active-indicator-color: rgba(241, 245, 249, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(241, 245, 249, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(241, 245, 249, 0.87); --mdc-filled-text-field-error-active-indicator-color: #dc2626; --mdc-filled-text-field-error-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-error-hover-active-indicator-color: #dc2626; --mdc-outlined-text-field-caret-color: #9333ea; --mdc-outlined-text-field-focus-outline-color: #9333ea; --mdc-outlined-text-field-focus-label-text-color: rgba(147, 51, 234, 0.87); --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(71, 85, 105, 0.38); --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(71, 85, 105, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-error-caret-color: #dc2626; --mdc-outlined-text-field-error-focus-label-text-color: #dc2626; --mdc-outlined-text-field-error-label-text-color: #dc2626; --mdc-outlined-text-field-error-hover-label-text-color: #dc2626; --mdc-outlined-text-field-outline-color: rgba(241, 245, 249, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(241, 245, 249, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(241, 245, 249, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #dc2626; --mdc-outlined-text-field-error-hover-outline-color: #dc2626; --mdc-outlined-text-field-error-outline-color: #dc2626; --mat-form-field-focus-select-arrow-color: rgba(147, 51, 234, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(241, 245, 249, 0.38); --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87); --mat-form-field-error-text-color: #dc2626; --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38); --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(241, 245, 249, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(241, 245, 249, 0.38); --mat-form-field-hover-state-layer-opacity: 0.08; --mat-form-field-focus-state-layer-opacity: 0.24; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(147, 51, 234, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: #1e293b; --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: #1e293b; --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87); --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6); --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-switch-selected-focus-state-layer-color: #d8b4fe; --mdc-switch-selected-handle-color: #d8b4fe; --mdc-switch-selected-hover-state-layer-color: #d8b4fe; --mdc-switch-selected-pressed-state-layer-color: #d8b4fe; --mdc-switch-selected-focus-handle-color: #e9d5ff; --mdc-switch-selected-hover-handle-color: #e9d5ff; --mdc-switch-selected-pressed-handle-color: #e9d5ff; --mdc-switch-selected-focus-track-color: #9333ea; --mdc-switch-selected-hover-track-color: #9333ea; --mdc-switch-selected-pressed-track-color: #9333ea; --mdc-switch-selected-track-color: #9333ea; --mdc-switch-disabled-selected-handle-color: #000; --mdc-switch-disabled-selected-icon-color: #212121; --mdc-switch-disabled-selected-track-color: #f5f5f5; --mdc-switch-disabled-unselected-handle-color: #000; --mdc-switch-disabled-unselected-icon-color: #212121; --mdc-switch-disabled-unselected-track-color: #f5f5f5; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #212121; --mdc-switch-unselected-focus-handle-color: #fafafa; --mdc-switch-unselected-focus-state-layer-color: #f5f5f5; --mdc-switch-unselected-focus-track-color: #616161; --mdc-switch-unselected-handle-color: #9e9e9e; --mdc-switch-unselected-hover-handle-color: #fafafa; --mdc-switch-unselected-hover-state-layer-color: #f5f5f5; --mdc-switch-unselected-hover-track-color: #616161; --mdc-switch-unselected-icon-color: #212121; --mdc-switch-unselected-pressed-handle-color: #fafafa; --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5; --mdc-switch-unselected-pressed-track-color: #616161; --mdc-switch-unselected-track-color: #616161; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-label-text-color: #475569; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-handle-color: #9333ea; --mdc-slider-focus-handle-color: #9333ea; --mdc-slider-hover-handle-color: #9333ea; --mdc-slider-active-track-color: #9333ea; --mdc-slider-inactive-track-color: #9333ea; --mdc-slider-with-tick-marks-inactive-container-color: #9333ea; --mdc-slider-with-tick-marks-active-container-color: white; --mdc-slider-disabled-active-track-color: #fff; --mdc-slider-disabled-handle-color: #fff; --mdc-slider-disabled-inactive-track-color: #fff; --mdc-slider-label-container-color: #fff; --mdc-slider-label-label-text-color: #000; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #fff; --mat-slider-ripple-color: #9333ea; --mat-slider-hover-state-layer-color: rgba(147, 51, 234, 0.05); --mat-slider-focus-state-layer-color: rgba(147, 51, 234, 0.2); --mat-slider-value-indicator-opacity: 0.9; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-color: white; --mat-menu-item-icon-color: white; --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-container-color: #1e293b; --mat-menu-divider-color: rgba(241, 245, 249, 0.12); --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: white; --mdc-list-list-item-supporting-text-color: #94a3b8; --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-trailing-supporting-text-color: #64748b; --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-disabled-label-text-color: white; --mdc-list-list-item-disabled-leading-icon-color: white; --mdc-list-list-item-disabled-trailing-icon-color: white; --mdc-list-list-item-hover-label-text-color: white; --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-focus-label-text-color: white; --mdc-list-list-item-hover-state-layer-color: white; --mdc-list-list-item-hover-state-layer-opacity: 0.08; --mdc-list-list-item-focus-state-layer-color: white; --mdc-list-list-item-focus-state-layer-opacity: 0.24; --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87); --mat-paginator-container-background-color: #1e293b; --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54); --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12); --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; --mat-checkbox-disabled-label-color: #475569; --mat-checkbox-label-text-color: white; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: white; --mdc-text-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-text-button-state-layer-color: white; --mat-text-button-disabled-state-layer-color: white; --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-text-button-hover-state-layer-opacity: 0.08; --mat-text-button-focus-state-layer-opacity: 0.24; --mat-text-button-pressed-state-layer-opacity: 0.24; --mdc-filled-button-container-color: #1e293b; --mdc-filled-button-label-text-color: white; --mdc-filled-button-disabled-container-color: rgba(30, 41, 59, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-filled-button-state-layer-color: white; --mat-filled-button-disabled-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.08; --mat-filled-button-focus-state-layer-opacity: 0.24; --mat-filled-button-pressed-state-layer-opacity: 0.24; --mdc-protected-button-container-color: #1e293b; --mdc-protected-button-label-text-color: white; --mdc-protected-button-disabled-container-color: rgba(30, 41, 59, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-protected-button-state-layer-color: white; --mat-protected-button-disabled-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.08; --mat-protected-button-focus-state-layer-opacity: 0.24; --mat-protected-button-pressed-state-layer-opacity: 0.24; --mdc-outlined-button-disabled-outline-color: rgba(241, 245, 249, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mdc-outlined-button-label-text-color: white; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: white; --mat-outlined-button-disabled-state-layer-color: white; --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.08; --mat-outlined-button-focus-state-layer-opacity: 0.24; --mat-outlined-button-pressed-state-layer-opacity: 0.24; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5); --mat-icon-button-state-layer-color: white; --mat-icon-button-disabled-state-layer-color: white; --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.08; --mat-icon-button-focus-state-layer-opacity: 0.24; --mat-icon-button-pressed-state-layer-opacity: 0.24; --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-color: #1e293b; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-disabled-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-hover-state-layer-opacity: 0.08; --mat-fab-focus-state-layer-opacity: 0.24; --mat-fab-pressed-state-layer-opacity: 0.24; --mat-fab-disabled-state-container-color: rgba(15, 23, 42, 0.12); --mat-fab-disabled-state-foreground-color: rgba(30, 41, 59, 0.5); --mdc-fab-small-container-color: #1e293b; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-disabled-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.08; --mat-fab-small-focus-state-layer-opacity: 0.24; --mat-fab-small-pressed-state-layer-opacity: 0.24; --mat-fab-small-disabled-state-container-color: rgba(15, 23, 42, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(30, 41, 59, 0.5); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #d2d4d8; --mdc-snackbar-supporting-text-color: rgba(30, 41, 59, 0.87); --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-width: 1px; --mat-table-background-color: #1e293b; --mat-table-header-headline-color: white; --mat-table-row-item-label-text-color: white; --mat-table-row-item-outline-color: rgba(241, 245, 249, 0.12); --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #9333ea; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #9333ea; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #1e293b; --mat-badge-disabled-state-text-color: #475569; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: white; --mat-bottom-sheet-container-background-color: #1e293b; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: #64748b; --mat-legacy-button-toggle-state-layer-color: #e2e8f0; --mat-legacy-button-toggle-selected-state-text-color: #94a3b8; --mat-legacy-button-toggle-selected-state-background-color: rgba(255, 255, 255, 0.05); --mat-legacy-button-toggle-disabled-state-text-color: #1e293b; --mat-legacy-button-toggle-disabled-state-background-color: #0f172a; --mat-legacy-button-toggle-disabled-selected-state-background-color: #1e293b; --mat-standard-button-toggle-text-color: white; --mat-standard-button-toggle-background-color: #1e293b; --mat-standard-button-toggle-state-layer-color: #e2e8f0; --mat-standard-button-toggle-selected-state-background-color: rgba(255, 255, 255, 0.05); --mat-standard-button-toggle-selected-state-text-color: white; --mat-standard-button-toggle-disabled-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-state-background-color: #1e293b; --mat-standard-button-toggle-disabled-selected-state-text-color: white; --mat-standard-button-toggle-disabled-selected-state-background-color: #1e293b; --mat-standard-button-toggle-divider-color: #374152; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #9333ea; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(147, 51, 234, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(147, 51, 234, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(147, 51, 234, 0.3); --mat-datepicker-toggle-active-state-icon-color: #9333ea; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(147, 51, 234, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: #f1f5f9; --mat-datepicker-calendar-body-label-text-color: #94a3b8; --mat-datepicker-calendar-period-button-text-color: white; --mat-datepicker-calendar-period-button-icon-color: #f1f5f9; --mat-datepicker-calendar-navigation-button-icon-color: #f1f5f9; --mat-datepicker-calendar-header-divider-color: rgba(241, 245, 249, 0.12); --mat-datepicker-calendar-header-text-color: #94a3b8; --mat-datepicker-calendar-date-today-outline-color: #64748b; --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(100, 116, 139, 0.8); --mat-datepicker-calendar-date-text-color: white; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: #475569; --mat-datepicker-calendar-date-preview-state-outline-color: rgba(241, 245, 249, 0.24); --mat-datepicker-range-input-separator-color: white; --mat-datepicker-range-input-disabled-state-separator-color: #475569; --mat-datepicker-range-input-disabled-state-text-color: #475569; --mat-datepicker-calendar-container-background-color: #1e293b; --mat-datepicker-calendar-container-text-color: white; --mat-divider-width: 1px; --mat-divider-color: rgba(241, 245, 249, 0.12); --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: #1e293b; --mat-expansion-container-text-color: white; --mat-expansion-actions-divider-color: rgba(241, 245, 249, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.05); --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.05); --mat-expansion-header-disabled-state-text-color: #1e293b; --mat-expansion-header-text-color: white; --mat-expansion-header-description-color: #94a3b8; --mat-expansion-header-indicator-color: #94a3b8; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: rgba(241, 245, 249, 0.12); --mat-sidenav-container-background-color: #1e293b; --mat-sidenav-container-text-color: white; --mat-sidenav-content-background-color: #0f172a; --mat-sidenav-content-text-color: white; --mat-sidenav-scrim-color: rgba(225, 214, 196, 0.6); --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #9333ea; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #9333ea; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #9333ea; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: #1e293b; --mat-stepper-line-color: rgba(241, 245, 249, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.05); --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.05); --mat-stepper-header-label-text-color: #94a3b8; --mat-stepper-header-optional-label-text-color: #94a3b8; --mat-stepper-header-selected-state-label-text-color: white; --mat-stepper-header-error-state-label-text-color: #dc2626; --mat-stepper-header-icon-background-color: #94a3b8; --mat-stepper-header-error-state-icon-foreground-color: #dc2626; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #94a3b8; --mat-toolbar-container-background-color: #0f172a; --mat-toolbar-container-text-color: white; --mat-tree-container-background-color: #1e293b; --mat-tree-node-text-color: white; } .theme-purple .dark .mat-accent, .theme-purple.dark .mat-accent { --mat-option-selected-state-label-text-color: #f5f6f7; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .theme-purple .dark .mat-warn, .theme-purple.dark .mat-warn { --mat-option-selected-state-label-text-color: #dc2626; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .theme-purple .dark .mat-primary, .theme-purple.dark .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #9333ea; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #9333ea; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-purple .dark .mat-accent, .theme-purple.dark .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-purple .dark .mat-warn, .theme-purple.dark .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #dc2626; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-purple .dark .mat-mdc-progress-bar, .theme-purple.dark .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #9333ea; --mdc-linear-progress-track-color: rgba(147, 51, 234, 0.25); } .theme-purple .dark .mat-mdc-progress-bar.mat-accent, .theme-purple.dark .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #f5f6f7; --mdc-linear-progress-track-color: rgba(245, 246, 247, 0.25); } .theme-purple .dark .mat-mdc-progress-bar.mat-warn, .theme-purple.dark .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #dc2626; --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25); } .theme-purple .dark .mat-mdc-form-field.mat-accent, .theme-purple.dark .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #f5f6f7; --mdc-filled-text-field-focus-active-indicator-color: #f5f6f7; --mdc-filled-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mdc-outlined-text-field-caret-color: #f5f6f7; --mdc-outlined-text-field-focus-outline-color: #f5f6f7; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mat-form-field-focus-select-arrow-color: rgba(245, 246, 247, 0.87); } .theme-purple .dark .mat-mdc-form-field.mat-warn, .theme-purple.dark .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #dc2626; --mdc-filled-text-field-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mdc-outlined-text-field-caret-color: #dc2626; --mdc-outlined-text-field-focus-outline-color: #dc2626; --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87); } .theme-purple .dark .mat-mdc-form-field.mat-accent, .theme-purple.dark .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(245, 246, 247, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-purple .dark .mat-mdc-form-field.mat-warn, .theme-purple.dark .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-purple .dark .mat-mdc-standard-chip, .theme-purple.dark .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mdc-chip-disabled-label-text-color: #fafafa; --mdc-chip-elevated-container-color: #394353; --mdc-chip-elevated-selected-container-color: #394353; --mdc-chip-elevated-disabled-container-color: #394353; --mdc-chip-flat-disabled-selected-container-color: #394353; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #fafafa; --mdc-chip-selected-label-text-color: #fafafa; --mdc-chip-with-icon-icon-color: #fafafa; --mdc-chip-with-icon-disabled-icon-color: #fafafa; --mdc-chip-with-icon-selected-icon-color: #fafafa; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa; --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa; --mat-chip-selected-disabled-trailing-icon-color: #fafafa; --mat-chip-selected-trailing-icon-color: #fafafa; } .theme-purple .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-purple .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-purple.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-purple.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #9333ea; --mdc-chip-elevated-selected-container-color: #9333ea; --mdc-chip-elevated-disabled-container-color: #9333ea; --mdc-chip-flat-disabled-selected-container-color: #9333ea; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-purple .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-purple .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-purple.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-purple.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: #848485; --mdc-chip-elevated-container-color: #f5f6f7; --mdc-chip-elevated-selected-container-color: #f5f6f7; --mdc-chip-elevated-disabled-container-color: #f5f6f7; --mdc-chip-flat-disabled-selected-container-color: #f5f6f7; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #848485; --mdc-chip-selected-label-text-color: #848485; --mdc-chip-with-icon-icon-color: #848485; --mdc-chip-with-icon-disabled-icon-color: #848485; --mdc-chip-with-icon-selected-icon-color: #848485; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #848485; --mdc-chip-with-trailing-icon-trailing-icon-color: #848485; --mat-chip-selected-disabled-trailing-icon-color: #848485; --mat-chip-selected-trailing-icon-color: #848485; } .theme-purple .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-purple .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-purple.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-purple.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #dc2626; --mdc-chip-elevated-selected-container-color: #dc2626; --mdc-chip-elevated-disabled-container-color: #dc2626; --mdc-chip-flat-disabled-selected-container-color: #dc2626; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-purple .dark .mat-mdc-slide-toggle, .theme-purple.dark .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mat-switch-label-text-color: white; } .theme-purple .dark .mat-mdc-slide-toggle.mat-accent, .theme-purple.dark .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #f9fafa; --mdc-switch-selected-handle-color: #f9fafa; --mdc-switch-selected-hover-state-layer-color: #f9fafa; --mdc-switch-selected-pressed-state-layer-color: #f9fafa; --mdc-switch-selected-focus-handle-color: #fbfbfc; --mdc-switch-selected-hover-handle-color: #fbfbfc; --mdc-switch-selected-pressed-handle-color: #fbfbfc; --mdc-switch-selected-focus-track-color: #dedfe0; --mdc-switch-selected-hover-track-color: #dedfe0; --mdc-switch-selected-pressed-track-color: #dedfe0; --mdc-switch-selected-track-color: #dedfe0; } .theme-purple .dark .mat-mdc-slide-toggle.mat-warn, .theme-purple.dark .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #fca5a5; --mdc-switch-selected-handle-color: #fca5a5; --mdc-switch-selected-hover-state-layer-color: #fca5a5; --mdc-switch-selected-pressed-state-layer-color: #fca5a5; --mdc-switch-selected-focus-handle-color: #fecaca; --mdc-switch-selected-hover-handle-color: #fecaca; --mdc-switch-selected-pressed-handle-color: #fecaca; --mdc-switch-selected-focus-track-color: #dc2626; --mdc-switch-selected-hover-track-color: #dc2626; --mdc-switch-selected-pressed-track-color: #dc2626; --mdc-switch-selected-track-color: #dc2626; } .theme-purple .dark .mat-mdc-radio-button.mat-primary, .theme-purple.dark .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #9333ea; --mdc-radio-selected-hover-icon-color: #9333ea; --mdc-radio-selected-icon-color: #9333ea; --mdc-radio-selected-pressed-icon-color: #9333ea; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #9333ea; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-purple .dark .mat-mdc-radio-button.mat-accent, .theme-purple.dark .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #f5f6f7; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-purple .dark .mat-mdc-radio-button.mat-warn, .theme-purple.dark .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #dc2626; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-purple .dark .mat-accent, .theme-purple.dark .mat-accent { --mdc-slider-handle-color: #f5f6f7; --mdc-slider-focus-handle-color: #f5f6f7; --mdc-slider-hover-handle-color: #f5f6f7; --mdc-slider-active-track-color: #f5f6f7; --mdc-slider-inactive-track-color: #f5f6f7; --mdc-slider-with-tick-marks-inactive-container-color: #f5f6f7; --mdc-slider-with-tick-marks-active-container-color: #848485; --mat-slider-ripple-color: #f5f6f7; --mat-slider-hover-state-layer-color: rgba(245, 246, 247, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 246, 247, 0.2); } .theme-purple .dark .mat-warn, .theme-purple.dark .mat-warn { --mdc-slider-handle-color: #dc2626; --mdc-slider-focus-handle-color: #dc2626; --mdc-slider-hover-handle-color: #dc2626; --mdc-slider-active-track-color: #dc2626; --mdc-slider-inactive-track-color: #dc2626; --mdc-slider-with-tick-marks-inactive-container-color: #dc2626; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #dc2626; --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05); --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2); } .theme-purple .dark .mdc-list-item__start, .theme-purple .dark .mdc-list-item__end, .theme-purple.dark .mdc-list-item__start, .theme-purple.dark .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #9333ea; --mdc-radio-selected-hover-icon-color: #9333ea; --mdc-radio-selected-icon-color: #9333ea; --mdc-radio-selected-pressed-icon-color: #9333ea; } .theme-purple .dark .mat-accent .mdc-list-item__start, .theme-purple .dark .mat-accent .mdc-list-item__end, .theme-purple.dark .mat-accent .mdc-list-item__start, .theme-purple.dark .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; } .theme-purple .dark .mat-warn .mdc-list-item__start, .theme-purple .dark .mat-warn .mdc-list-item__end, .theme-purple.dark .mat-warn .mdc-list-item__start, .theme-purple.dark .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; } .theme-purple .dark .mat-mdc-list-option, .theme-purple.dark .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #9333ea; --mdc-checkbox-selected-hover-icon-color: #9333ea; --mdc-checkbox-selected-icon-color: #9333ea; --mdc-checkbox-selected-pressed-icon-color: #9333ea; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #9333ea; --mdc-checkbox-selected-hover-state-layer-color: #9333ea; --mdc-checkbox-selected-pressed-state-layer-color: #9333ea; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-purple .dark .mat-mdc-list-option.mat-accent, .theme-purple.dark .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-purple .dark .mat-mdc-list-option.mat-warn, .theme-purple.dark .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-purple .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-purple .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-purple .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-purple .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .theme-purple.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-purple.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-purple.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-purple.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #9333ea; } .theme-purple .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-purple .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-purple .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .theme-purple.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-purple.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-purple.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .theme-purple .dark .mat-mdc-tab-group, .theme-purple .dark .mat-mdc-tab-nav-bar, .theme-purple.dark .mat-mdc-tab-group, .theme-purple.dark .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #9333ea; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #9333ea; --mat-tab-header-active-ripple-color: #9333ea; --mat-tab-header-inactive-ripple-color: #9333ea; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #9333ea; --mat-tab-header-active-hover-label-text-color: #9333ea; --mat-tab-header-active-focus-indicator-color: #9333ea; --mat-tab-header-active-hover-indicator-color: #9333ea; } .theme-purple .dark .mat-mdc-tab-group.mat-accent, .theme-purple .dark .mat-mdc-tab-nav-bar.mat-accent, .theme-purple.dark .mat-mdc-tab-group.mat-accent, .theme-purple.dark .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #f5f6f7; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #f5f6f7; --mat-tab-header-active-ripple-color: #f5f6f7; --mat-tab-header-inactive-ripple-color: #f5f6f7; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #f5f6f7; --mat-tab-header-active-hover-label-text-color: #f5f6f7; --mat-tab-header-active-focus-indicator-color: #f5f6f7; --mat-tab-header-active-hover-indicator-color: #f5f6f7; } .theme-purple .dark .mat-mdc-tab-group.mat-warn, .theme-purple .dark .mat-mdc-tab-nav-bar.mat-warn, .theme-purple.dark .mat-mdc-tab-group.mat-warn, .theme-purple.dark .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #dc2626; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #dc2626; --mat-tab-header-active-ripple-color: #dc2626; --mat-tab-header-inactive-ripple-color: #dc2626; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #dc2626; --mat-tab-header-active-hover-label-text-color: #dc2626; --mat-tab-header-active-focus-indicator-color: #dc2626; --mat-tab-header-active-hover-indicator-color: #dc2626; } .theme-purple .dark .mat-mdc-tab-group.mat-background-primary, .theme-purple .dark .mat-mdc-tab-nav-bar.mat-background-primary, .theme-purple.dark .mat-mdc-tab-group.mat-background-primary, .theme-purple.dark .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #9333ea; --mat-tab-header-with-background-foreground-color: white; } .theme-purple .dark .mat-mdc-tab-group.mat-background-accent, .theme-purple .dark .mat-mdc-tab-nav-bar.mat-background-accent, .theme-purple.dark .mat-mdc-tab-group.mat-background-accent, .theme-purple.dark .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #f5f6f7; --mat-tab-header-with-background-foreground-color: #848485; } .theme-purple .dark .mat-mdc-tab-group.mat-background-warn, .theme-purple .dark .mat-mdc-tab-nav-bar.mat-background-warn, .theme-purple.dark .mat-mdc-tab-group.mat-background-warn, .theme-purple.dark .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #dc2626; --mat-tab-header-with-background-foreground-color: white; } .theme-purple .dark .mat-mdc-checkbox.mat-primary, .theme-purple.dark .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #9333ea; --mdc-checkbox-selected-hover-icon-color: #9333ea; --mdc-checkbox-selected-icon-color: #9333ea; --mdc-checkbox-selected-pressed-icon-color: #9333ea; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #9333ea; --mdc-checkbox-selected-hover-state-layer-color: #9333ea; --mdc-checkbox-selected-pressed-state-layer-color: #9333ea; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-purple .dark .mat-mdc-checkbox.mat-warn, .theme-purple.dark .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-purple .dark .mat-mdc-button.mat-primary, .theme-purple.dark .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #9333ea; --mat-text-button-state-layer-color: #9333ea; --mat-text-button-ripple-color: rgba(147, 51, 234, 0.1); } .theme-purple .dark .mat-mdc-button.mat-accent, .theme-purple.dark .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #f5f6f7; --mat-text-button-state-layer-color: #f5f6f7; --mat-text-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-purple .dark .mat-mdc-button.mat-warn, .theme-purple.dark .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #dc2626; --mat-text-button-state-layer-color: #dc2626; --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-purple .dark .mat-mdc-unelevated-button.mat-primary, .theme-purple.dark .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #9333ea; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .dark .mat-mdc-unelevated-button.mat-accent, .theme-purple.dark .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #f5f6f7; --mdc-filled-button-label-text-color: #848485; --mat-filled-button-state-layer-color: #848485; --mat-filled-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-purple .dark .mat-mdc-unelevated-button.mat-warn, .theme-purple.dark .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #dc2626; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .dark .mat-mdc-raised-button.mat-primary, .theme-purple.dark .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #9333ea; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .dark .mat-mdc-raised-button.mat-accent, .theme-purple.dark .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #f5f6f7; --mdc-protected-button-label-text-color: #848485; --mat-protected-button-state-layer-color: #848485; --mat-protected-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-purple .dark .mat-mdc-raised-button.mat-warn, .theme-purple.dark .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #dc2626; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .dark .mat-mdc-outlined-button.mat-primary, .theme-purple.dark .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #9333ea; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #9333ea; --mat-outlined-button-ripple-color: rgba(147, 51, 234, 0.1); } .theme-purple .dark .mat-mdc-outlined-button.mat-accent, .theme-purple.dark .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #f5f6f7; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #f5f6f7; --mat-outlined-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-purple .dark .mat-mdc-outlined-button.mat-warn, .theme-purple.dark .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #dc2626; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #dc2626; --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-purple .dark .mat-mdc-icon-button.mat-primary, .theme-purple.dark .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #9333ea; --mat-icon-button-state-layer-color: #9333ea; --mat-icon-button-ripple-color: rgba(147, 51, 234, 0.1); } .theme-purple .dark .mat-mdc-icon-button.mat-accent, .theme-purple.dark .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #f5f6f7; --mat-icon-button-state-layer-color: #f5f6f7; --mat-icon-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-purple .dark .mat-mdc-icon-button.mat-warn, .theme-purple.dark .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #dc2626; --mat-icon-button-state-layer-color: #dc2626; --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-purple .dark .mat-mdc-fab.mat-primary, .theme-purple.dark .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #9333ea; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .dark .mat-mdc-fab.mat-accent, .theme-purple.dark .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #f5f6f7; --mat-fab-foreground-color: #848485; --mat-fab-state-layer-color: #848485; --mat-fab-ripple-color: rgba(132, 132, 133, 0.1); } .theme-purple .dark .mat-mdc-fab.mat-warn, .theme-purple.dark .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #dc2626; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .dark .mat-mdc-mini-fab.mat-primary, .theme-purple.dark .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #9333ea; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .dark .mat-mdc-mini-fab.mat-accent, .theme-purple.dark .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #f5f6f7; --mat-fab-small-foreground-color: #848485; --mat-fab-small-state-layer-color: #848485; --mat-fab-small-ripple-color: rgba(132, 132, 133, 0.1); } .theme-purple .dark .mat-mdc-mini-fab.mat-warn, .theme-purple.dark .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #dc2626; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-purple .dark .mat-accent, .theme-purple.dark .mat-accent { --mdc-circular-progress-active-indicator-color: #f5f6f7; } .theme-purple .dark .mat-warn, .theme-purple.dark .mat-warn { --mdc-circular-progress-active-indicator-color: #dc2626; } .theme-purple .dark .mat-badge-accent, .theme-purple.dark .mat-badge-accent { --mat-badge-background-color: #f5f6f7; --mat-badge-text-color: #848485; } .theme-purple .dark .mat-badge-warn, .theme-purple.dark .mat-badge-warn { --mat-badge-background-color: #dc2626; --mat-badge-text-color: white; } .theme-purple .dark .mat-datepicker-content.mat-accent, .theme-purple.dark .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: #848485; --mat-datepicker-calendar-date-selected-state-background-color: #f5f6f7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 246, 247, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #848485; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 246, 247, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-purple .dark .mat-datepicker-content.mat-warn, .theme-purple.dark .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #dc2626; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-purple .dark .mat-datepicker-toggle-active.mat-accent, .theme-purple.dark .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #f5f6f7; } .theme-purple .dark .mat-datepicker-toggle-active.mat-warn, .theme-purple.dark .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #dc2626; } .theme-purple .dark .mat-icon.mat-primary, .theme-purple.dark .mat-icon.mat-primary { --mat-icon-color: #9333ea; } .theme-purple .dark .mat-icon.mat-accent, .theme-purple.dark .mat-icon.mat-accent { --mat-icon-color: #f5f6f7; } .theme-purple .dark .mat-icon.mat-warn, .theme-purple.dark .mat-icon.mat-warn { --mat-icon-color: #dc2626; } .theme-purple .dark .mat-step-header.mat-accent, .theme-purple.dark .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: #848485; --mat-stepper-header-selected-state-icon-background-color: #f5f6f7; --mat-stepper-header-selected-state-icon-foreground-color: #848485; --mat-stepper-header-done-state-icon-background-color: #f5f6f7; --mat-stepper-header-done-state-icon-foreground-color: #848485; --mat-stepper-header-edit-state-icon-background-color: #f5f6f7; --mat-stepper-header-edit-state-icon-foreground-color: #848485; } .theme-purple .dark .mat-step-header.mat-warn, .theme-purple.dark .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #dc2626; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #dc2626; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #dc2626; --mat-stepper-header-edit-state-icon-foreground-color: white; } .theme-purple .dark .mat-toolbar.mat-primary, .theme-purple.dark .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #9333ea; --mat-toolbar-container-text-color: white; } .theme-purple .dark .mat-toolbar.mat-accent, .theme-purple.dark .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #f5f6f7; --mat-toolbar-container-text-color: #848485; } .theme-purple .dark .mat-toolbar.mat-warn, .theme-purple.dark .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #dc2626; --mat-toolbar-container-text-color: white; } .theme-amber .light, .theme-amber.light { --mat-ripple-color: rgba(0, 0, 0, 0.1); --mat-option-selected-state-label-text-color: #f59e0b; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); --mat-optgroup-label-text-color: #1e293b; --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; --mat-app-background-color: #f1f5f9; --mat-app-text-color: #1e293b; --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: #64748b; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #1e293b; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #f59e0b; --mdc-filled-text-field-focus-active-indicator-color: #f59e0b; --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87); --mdc-filled-text-field-container-color: whitesmoke; --mdc-filled-text-field-disabled-container-color: #fafafa; --mdc-filled-text-field-label-text-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-filled-text-field-input-text-color: rgba(30, 41, 59, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(148, 163, 184, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(30, 41, 59, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #dc2626; --mdc-filled-text-field-error-focus-label-text-color: #dc2626; --mdc-filled-text-field-error-label-text-color: #dc2626; --mdc-filled-text-field-error-caret-color: #dc2626; --mdc-filled-text-field-active-indicator-color: rgba(226, 232, 240, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(226, 232, 240, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(226, 232, 240, 0.87); --mdc-filled-text-field-error-active-indicator-color: #dc2626; --mdc-filled-text-field-error-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-error-hover-active-indicator-color: #dc2626; --mdc-outlined-text-field-caret-color: #f59e0b; --mdc-outlined-text-field-focus-outline-color: #f59e0b; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87); --mdc-outlined-text-field-label-text-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-text-field-input-text-color: rgba(30, 41, 59, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(30, 41, 59, 0.6); --mdc-outlined-text-field-error-caret-color: #dc2626; --mdc-outlined-text-field-error-focus-label-text-color: #dc2626; --mdc-outlined-text-field-error-label-text-color: #dc2626; --mdc-outlined-text-field-error-hover-label-text-color: #dc2626; --mdc-outlined-text-field-outline-color: rgba(226, 232, 240, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(226, 232, 240, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(226, 232, 240, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #dc2626; --mdc-outlined-text-field-error-hover-outline-color: #dc2626; --mdc-outlined-text-field-error-outline-color: #dc2626; --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(100, 116, 139, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #dc2626; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(100, 116, 139, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(100, 116, 139, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: white; --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(30, 41, 59, 0.87); --mdc-dialog-supporting-text-color: rgba(30, 41, 59, 0.6); --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-switch-selected-focus-state-layer-color: #d97706; --mdc-switch-selected-handle-color: #d97706; --mdc-switch-selected-hover-state-layer-color: #d97706; --mdc-switch-selected-pressed-state-layer-color: #d97706; --mdc-switch-selected-focus-handle-color: #78350f; --mdc-switch-selected-hover-handle-color: #78350f; --mdc-switch-selected-pressed-handle-color: #78350f; --mdc-switch-selected-focus-track-color: #fcd34d; --mdc-switch-selected-hover-track-color: #fcd34d; --mdc-switch-selected-pressed-track-color: #fcd34d; --mdc-switch-selected-track-color: #fcd34d; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-label-text-color: #94a3b8; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-handle-color: #f59e0b; --mdc-slider-focus-handle-color: #f59e0b; --mdc-slider-hover-handle-color: #f59e0b; --mdc-slider-active-track-color: #f59e0b; --mdc-slider-inactive-track-color: #f59e0b; --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b; --mdc-slider-with-tick-marks-active-container-color: #451a03; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-label-container-color: #000; --mdc-slider-label-label-text-color: #fff; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #000; --mat-slider-ripple-color: #f59e0b; --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2); --mat-slider-value-indicator-opacity: 0.6; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-color: #1e293b; --mat-menu-item-icon-color: #1e293b; --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; --mat-menu-divider-color: #e2e8f0; --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: #1e293b; --mdc-list-list-item-supporting-text-color: #64748b; --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: #94a3b8; --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: #1e293b; --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: #1e293b; --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; --mat-checkbox-disabled-label-color: #94a3b8; --mat-checkbox-label-text-color: #1e293b; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: #1e293b; --mdc-text-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-text-button-state-layer-color: black; --mat-text-button-disabled-state-layer-color: black; --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity: 0.04; --mat-text-button-focus-state-layer-opacity: 0.12; --mat-text-button-pressed-state-layer-opacity: 0.12; --mdc-filled-button-container-color: white; --mdc-filled-button-label-text-color: #1e293b; --mdc-filled-button-disabled-container-color: rgba(148, 163, 184, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-filled-button-state-layer-color: black; --mat-filled-button-disabled-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.04; --mat-filled-button-focus-state-layer-opacity: 0.12; --mat-filled-button-pressed-state-layer-opacity: 0.12; --mdc-protected-button-container-color: white; --mdc-protected-button-label-text-color: #1e293b; --mdc-protected-button-disabled-container-color: rgba(148, 163, 184, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mat-protected-button-state-layer-color: black; --mat-protected-button-disabled-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.04; --mat-protected-button-focus-state-layer-opacity: 0.12; --mat-protected-button-pressed-state-layer-opacity: 0.12; --mdc-outlined-button-disabled-outline-color: #e2e8f0; --mdc-outlined-button-disabled-label-text-color: rgba(148, 163, 184, 0.38); --mdc-outlined-button-label-text-color: #1e293b; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: black; --mat-outlined-button-disabled-state-layer-color: black; --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.04; --mat-outlined-button-focus-state-layer-opacity: 0.12; --mat-outlined-button-pressed-state-layer-opacity: 0.12; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); --mat-icon-button-state-layer-color: black; --mat-icon-button-disabled-state-layer-color: black; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-color: white; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-disabled-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-disabled-state-container-color: rgba(148, 163, 184, 0.12); --mat-fab-disabled-state-foreground-color: rgba(148, 163, 184, 0.38); --mdc-fab-small-container-color: white; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-disabled-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-disabled-state-container-color: rgba(148, 163, 184, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(148, 163, 184, 0.38); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); --mat-snack-bar-button-color: #f5f6f7; --mat-table-row-item-outline-width: 1px; --mat-table-background-color: white; --mat-table-header-headline-color: #1e293b; --mat-table-row-item-label-text-color: #1e293b; --mat-table-row-item-outline-color: #e2e8f0; --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #f59e0b; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #f59e0b; --mat-badge-text-color: #451a03; --mat-badge-disabled-state-background-color: #94a3b8; --mat-badge-disabled-state-text-color: #94a3b8; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: #1e293b; --mat-bottom-sheet-container-background-color: white; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: #94a3b8; --mat-legacy-button-toggle-state-layer-color: #64748b; --mat-legacy-button-toggle-selected-state-text-color: #64748b; --mat-legacy-button-toggle-selected-state-background-color: #e2e8f0; --mat-legacy-button-toggle-disabled-state-text-color: #94a3b8; --mat-legacy-button-toggle-disabled-state-background-color: #cbd5e1; --mat-legacy-button-toggle-disabled-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-text-color: #1e293b; --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: #64748b; --mat-standard-button-toggle-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-selected-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-state-text-color: #94a3b8; --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-selected-state-background-color: #e2e8f0; --mat-standard-button-toggle-divider-color: #e2e8f0; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: #451a03; --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #451a03; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3); --mat-datepicker-toggle-active-state-icon-color: #f59e0b; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: #64748b; --mat-datepicker-calendar-body-label-text-color: #64748b; --mat-datepicker-calendar-period-button-text-color: #1e293b; --mat-datepicker-calendar-period-button-icon-color: #64748b; --mat-datepicker-calendar-navigation-button-icon-color: #64748b; --mat-datepicker-calendar-header-divider-color: #e2e8f0; --mat-datepicker-calendar-header-text-color: #64748b; --mat-datepicker-calendar-date-today-outline-color: #94a3b8; --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(148, 163, 184, 0.8); --mat-datepicker-calendar-date-text-color: #1e293b; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: #94a3b8; --mat-datepicker-calendar-date-preview-state-outline-color: #e2e8f0; --mat-datepicker-range-input-separator-color: #1e293b; --mat-datepicker-range-input-disabled-state-separator-color: #94a3b8; --mat-datepicker-range-input-disabled-state-text-color: #94a3b8; --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: #1e293b; --mat-divider-width: 1px; --mat-divider-color: #e2e8f0; --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: #1e293b; --mat-expansion-actions-divider-color: #e2e8f0; --mat-expansion-header-hover-state-layer-color: rgba(148, 163, 184, 0.12); --mat-expansion-header-focus-state-layer-color: rgba(148, 163, 184, 0.12); --mat-expansion-header-disabled-state-text-color: #94a3b8; --mat-expansion-header-text-color: #1e293b; --mat-expansion-header-description-color: #64748b; --mat-expansion-header-indicator-color: #64748b; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: #e2e8f0; --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: #1e293b; --mat-sidenav-content-background-color: #f1f5f9; --mat-sidenav-content-text-color: #1e293b; --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); --mat-stepper-header-icon-foreground-color: #451a03; --mat-stepper-header-selected-state-icon-background-color: #f59e0b; --mat-stepper-header-selected-state-icon-foreground-color: #451a03; --mat-stepper-header-done-state-icon-background-color: #f59e0b; --mat-stepper-header-done-state-icon-foreground-color: #451a03; --mat-stepper-header-edit-state-icon-background-color: #f59e0b; --mat-stepper-header-edit-state-icon-foreground-color: #451a03; --mat-stepper-container-color: white; --mat-stepper-line-color: #e2e8f0; --mat-stepper-header-hover-state-layer-color: rgba(148, 163, 184, 0.12); --mat-stepper-header-focus-state-layer-color: rgba(148, 163, 184, 0.12); --mat-stepper-header-label-text-color: #64748b; --mat-stepper-header-optional-label-text-color: #64748b; --mat-stepper-header-selected-state-label-text-color: #1e293b; --mat-stepper-header-error-state-label-text-color: #dc2626; --mat-stepper-header-icon-background-color: #64748b; --mat-stepper-header-error-state-icon-foreground-color: #dc2626; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #64748b; --mat-toolbar-container-background-color: white; --mat-toolbar-container-text-color: #1e293b; --mat-tree-container-background-color: white; --mat-tree-node-text-color: #1e293b; } .theme-amber .light .mat-accent, .theme-amber.light .mat-accent { --mat-option-selected-state-label-text-color: #f5f6f7; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .theme-amber .light .mat-warn, .theme-amber.light .mat-warn { --mat-option-selected-state-label-text-color: #dc2626; --mat-option-label-text-color: #1e293b; --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .theme-amber .light .mat-primary, .theme-amber.light .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-amber .light .mat-accent, .theme-amber.light .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-amber .light .mat-warn, .theme-amber.light .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #dc2626; --mat-full-pseudo-checkbox-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-unselected-icon-color: #64748b; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #f1f5f9; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .theme-amber .light .mat-mdc-progress-bar, .theme-amber.light .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #f59e0b; --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25); } .theme-amber .light .mat-mdc-progress-bar.mat-accent, .theme-amber.light .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #f5f6f7; --mdc-linear-progress-track-color: rgba(245, 246, 247, 0.25); } .theme-amber .light .mat-mdc-progress-bar.mat-warn, .theme-amber.light .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #dc2626; --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25); } .theme-amber .light .mat-mdc-form-field.mat-accent, .theme-amber.light .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #f5f6f7; --mdc-filled-text-field-focus-active-indicator-color: #f5f6f7; --mdc-filled-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mdc-outlined-text-field-caret-color: #f5f6f7; --mdc-outlined-text-field-focus-outline-color: #f5f6f7; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mat-form-field-focus-select-arrow-color: rgba(245, 246, 247, 0.87); } .theme-amber .light .mat-mdc-form-field.mat-warn, .theme-amber.light .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #dc2626; --mdc-filled-text-field-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mdc-outlined-text-field-caret-color: #dc2626; --mdc-outlined-text-field-focus-outline-color: #dc2626; --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87); } .theme-amber .light .mat-mdc-form-field.mat-accent, .theme-amber.light .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(245, 246, 247, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-amber .light .mat-mdc-form-field.mat-warn, .theme-amber.light .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(30, 41, 59, 0.87); --mat-select-disabled-trigger-text-color: rgba(148, 163, 184, 0.38); --mat-select-placeholder-text-color: rgba(30, 41, 59, 0.6); --mat-select-enabled-arrow-color: rgba(226, 232, 240, 0.54); --mat-select-disabled-arrow-color: rgba(30, 41, 59, 0.38); --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-amber .light .mat-mdc-standard-chip, .theme-amber.light .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: #e0e0e0; --mdc-chip-elevated-selected-container-color: #e0e0e0; --mdc-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-flat-disabled-selected-container-color: #e0e0e0; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-selected-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; --mat-chip-selected-disabled-trailing-icon-color: #212121; --mat-chip-selected-trailing-icon-color: #212121; } .theme-amber .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-amber .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-amber.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-amber.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: #451a03; --mdc-chip-elevated-container-color: #f59e0b; --mdc-chip-elevated-selected-container-color: #f59e0b; --mdc-chip-elevated-disabled-container-color: #f59e0b; --mdc-chip-flat-disabled-selected-container-color: #f59e0b; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #451a03; --mdc-chip-selected-label-text-color: #451a03; --mdc-chip-with-icon-icon-color: #451a03; --mdc-chip-with-icon-disabled-icon-color: #451a03; --mdc-chip-with-icon-selected-icon-color: #451a03; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #451a03; --mdc-chip-with-trailing-icon-trailing-icon-color: #451a03; --mat-chip-selected-disabled-trailing-icon-color: #451a03; --mat-chip-selected-trailing-icon-color: #451a03; } .theme-amber .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-amber .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-amber.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-amber.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: #848485; --mdc-chip-elevated-container-color: #f5f6f7; --mdc-chip-elevated-selected-container-color: #f5f6f7; --mdc-chip-elevated-disabled-container-color: #f5f6f7; --mdc-chip-flat-disabled-selected-container-color: #f5f6f7; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #848485; --mdc-chip-selected-label-text-color: #848485; --mdc-chip-with-icon-icon-color: #848485; --mdc-chip-with-icon-disabled-icon-color: #848485; --mdc-chip-with-icon-selected-icon-color: #848485; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #848485; --mdc-chip-with-trailing-icon-trailing-icon-color: #848485; --mat-chip-selected-disabled-trailing-icon-color: #848485; --mat-chip-selected-trailing-icon-color: #848485; } .theme-amber .light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-amber .light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-amber.light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-amber.light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #dc2626; --mdc-chip-elevated-selected-container-color: #dc2626; --mdc-chip-elevated-disabled-container-color: #dc2626; --mdc-chip-flat-disabled-selected-container-color: #dc2626; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-amber .light .mat-mdc-slide-toggle, .theme-amber.light .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mat-switch-label-text-color: #1e293b; } .theme-amber .light .mat-mdc-slide-toggle.mat-accent, .theme-amber.light .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #dedfe0; --mdc-switch-selected-handle-color: #dedfe0; --mdc-switch-selected-hover-state-layer-color: #dedfe0; --mdc-switch-selected-pressed-state-layer-color: #dedfe0; --mdc-switch-selected-focus-handle-color: #848485; --mdc-switch-selected-hover-handle-color: #848485; --mdc-switch-selected-pressed-handle-color: #848485; --mdc-switch-selected-focus-track-color: #f9fafa; --mdc-switch-selected-hover-track-color: #f9fafa; --mdc-switch-selected-pressed-track-color: #f9fafa; --mdc-switch-selected-track-color: #f9fafa; } .theme-amber .light .mat-mdc-slide-toggle.mat-warn, .theme-amber.light .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #dc2626; --mdc-switch-selected-handle-color: #dc2626; --mdc-switch-selected-hover-state-layer-color: #dc2626; --mdc-switch-selected-pressed-state-layer-color: #dc2626; --mdc-switch-selected-focus-handle-color: #7f1d1d; --mdc-switch-selected-hover-handle-color: #7f1d1d; --mdc-switch-selected-pressed-handle-color: #7f1d1d; --mdc-switch-selected-focus-track-color: #fca5a5; --mdc-switch-selected-hover-track-color: #fca5a5; --mdc-switch-selected-pressed-track-color: #fca5a5; --mdc-switch-selected-track-color: #fca5a5; } .theme-amber .light .mat-mdc-radio-button.mat-primary, .theme-amber.light .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f59e0b; --mdc-radio-selected-hover-icon-color: #f59e0b; --mdc-radio-selected-icon-color: #f59e0b; --mdc-radio-selected-pressed-icon-color: #f59e0b; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #f59e0b; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-amber .light .mat-mdc-radio-button.mat-accent, .theme-amber.light .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #f5f6f7; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-amber .light .mat-mdc-radio-button.mat-warn, .theme-amber.light .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #dc2626; --mat-radio-disabled-label-color: #94a3b8; --mat-radio-label-text-color: #1e293b; } .theme-amber .light .mat-accent, .theme-amber.light .mat-accent { --mdc-slider-handle-color: #f5f6f7; --mdc-slider-focus-handle-color: #f5f6f7; --mdc-slider-hover-handle-color: #f5f6f7; --mdc-slider-active-track-color: #f5f6f7; --mdc-slider-inactive-track-color: #f5f6f7; --mdc-slider-with-tick-marks-inactive-container-color: #f5f6f7; --mdc-slider-with-tick-marks-active-container-color: #848485; --mat-slider-ripple-color: #f5f6f7; --mat-slider-hover-state-layer-color: rgba(245, 246, 247, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 246, 247, 0.2); } .theme-amber .light .mat-warn, .theme-amber.light .mat-warn { --mdc-slider-handle-color: #dc2626; --mdc-slider-focus-handle-color: #dc2626; --mdc-slider-hover-handle-color: #dc2626; --mdc-slider-active-track-color: #dc2626; --mdc-slider-inactive-track-color: #dc2626; --mdc-slider-with-tick-marks-inactive-container-color: #dc2626; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #dc2626; --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05); --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2); } .theme-amber .light .mdc-list-item__start, .theme-amber .light .mdc-list-item__end, .theme-amber.light .mdc-list-item__start, .theme-amber.light .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f59e0b; --mdc-radio-selected-hover-icon-color: #f59e0b; --mdc-radio-selected-icon-color: #f59e0b; --mdc-radio-selected-pressed-icon-color: #f59e0b; } .theme-amber .light .mat-accent .mdc-list-item__start, .theme-amber .light .mat-accent .mdc-list-item__end, .theme-amber.light .mat-accent .mdc-list-item__start, .theme-amber.light .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; } .theme-amber .light .mat-warn .mdc-list-item__start, .theme-amber .light .mat-warn .mdc-list-item__end, .theme-amber.light .mat-warn .mdc-list-item__start, .theme-amber.light .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #64748b; --mdc-radio-disabled-unselected-icon-color: #64748b; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(100, 116, 139, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; } .theme-amber .light .mat-mdc-list-option, .theme-amber.light .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #451a03; --mdc-checkbox-selected-focus-icon-color: #f59e0b; --mdc-checkbox-selected-hover-icon-color: #f59e0b; --mdc-checkbox-selected-icon-color: #f59e0b; --mdc-checkbox-selected-pressed-icon-color: #f59e0b; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f59e0b; --mdc-checkbox-selected-hover-state-layer-color: #f59e0b; --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-amber .light .mat-mdc-list-option.mat-accent, .theme-amber.light .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-amber .light .mat-mdc-list-option.mat-warn, .theme-amber.light .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-amber .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-amber .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-amber .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-amber .light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .theme-amber.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-amber.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-amber.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-amber.light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #f59e0b; } .theme-amber .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-amber .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-amber .light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .theme-amber.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-amber.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-amber.light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .theme-amber .light .mat-mdc-tab-group, .theme-amber .light .mat-mdc-tab-nav-bar, .theme-amber.light .mat-mdc-tab-group, .theme-amber.light .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #f59e0b; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #f59e0b; --mat-tab-header-active-ripple-color: #f59e0b; --mat-tab-header-inactive-ripple-color: #f59e0b; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #f59e0b; --mat-tab-header-active-hover-label-text-color: #f59e0b; --mat-tab-header-active-focus-indicator-color: #f59e0b; --mat-tab-header-active-hover-indicator-color: #f59e0b; } .theme-amber .light .mat-mdc-tab-group.mat-accent, .theme-amber .light .mat-mdc-tab-nav-bar.mat-accent, .theme-amber.light .mat-mdc-tab-group.mat-accent, .theme-amber.light .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #f5f6f7; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #f5f6f7; --mat-tab-header-active-ripple-color: #f5f6f7; --mat-tab-header-inactive-ripple-color: #f5f6f7; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #f5f6f7; --mat-tab-header-active-hover-label-text-color: #f5f6f7; --mat-tab-header-active-focus-indicator-color: #f5f6f7; --mat-tab-header-active-hover-indicator-color: #f5f6f7; } .theme-amber .light .mat-mdc-tab-group.mat-warn, .theme-amber .light .mat-mdc-tab-nav-bar.mat-warn, .theme-amber.light .mat-mdc-tab-group.mat-warn, .theme-amber.light .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #dc2626; --mat-tab-header-disabled-ripple-color: #94a3b8; --mat-tab-header-pagination-icon-color: #64748b; --mat-tab-header-inactive-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-label-text-color: #dc2626; --mat-tab-header-active-ripple-color: #dc2626; --mat-tab-header-inactive-ripple-color: #dc2626; --mat-tab-header-inactive-focus-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(30, 41, 59, 0.6); --mat-tab-header-active-focus-label-text-color: #dc2626; --mat-tab-header-active-hover-label-text-color: #dc2626; --mat-tab-header-active-focus-indicator-color: #dc2626; --mat-tab-header-active-hover-indicator-color: #dc2626; } .theme-amber .light .mat-mdc-tab-group.mat-background-primary, .theme-amber .light .mat-mdc-tab-nav-bar.mat-background-primary, .theme-amber.light .mat-mdc-tab-group.mat-background-primary, .theme-amber.light .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #f59e0b; --mat-tab-header-with-background-foreground-color: #451a03; } .theme-amber .light .mat-mdc-tab-group.mat-background-accent, .theme-amber .light .mat-mdc-tab-nav-bar.mat-background-accent, .theme-amber.light .mat-mdc-tab-group.mat-background-accent, .theme-amber.light .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #f5f6f7; --mat-tab-header-with-background-foreground-color: #848485; } .theme-amber .light .mat-mdc-tab-group.mat-background-warn, .theme-amber .light .mat-mdc-tab-nav-bar.mat-background-warn, .theme-amber.light .mat-mdc-tab-group.mat-background-warn, .theme-amber.light .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #dc2626; --mat-tab-header-with-background-foreground-color: white; } .theme-amber .light .mat-mdc-checkbox.mat-primary, .theme-amber.light .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #451a03; --mdc-checkbox-selected-focus-icon-color: #f59e0b; --mdc-checkbox-selected-hover-icon-color: #f59e0b; --mdc-checkbox-selected-icon-color: #f59e0b; --mdc-checkbox-selected-pressed-icon-color: #f59e0b; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f59e0b; --mdc-checkbox-selected-hover-state-layer-color: #f59e0b; --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-amber .light .mat-mdc-checkbox.mat-warn, .theme-amber.light .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .theme-amber .light .mat-mdc-button.mat-primary, .theme-amber.light .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #f59e0b; --mat-text-button-state-layer-color: #f59e0b; --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1); } .theme-amber .light .mat-mdc-button.mat-accent, .theme-amber.light .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #f5f6f7; --mat-text-button-state-layer-color: #f5f6f7; --mat-text-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-amber .light .mat-mdc-button.mat-warn, .theme-amber.light .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #dc2626; --mat-text-button-state-layer-color: #dc2626; --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-amber .light .mat-mdc-unelevated-button.mat-primary, .theme-amber.light .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #f59e0b; --mdc-filled-button-label-text-color: #451a03; --mat-filled-button-state-layer-color: #451a03; --mat-filled-button-ripple-color: rgba(69, 26, 3, 0.1); } .theme-amber .light .mat-mdc-unelevated-button.mat-accent, .theme-amber.light .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #f5f6f7; --mdc-filled-button-label-text-color: #848485; --mat-filled-button-state-layer-color: #848485; --mat-filled-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-amber .light .mat-mdc-unelevated-button.mat-warn, .theme-amber.light .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #dc2626; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-amber .light .mat-mdc-raised-button.mat-primary, .theme-amber.light .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #f59e0b; --mdc-protected-button-label-text-color: #451a03; --mat-protected-button-state-layer-color: #451a03; --mat-protected-button-ripple-color: rgba(69, 26, 3, 0.1); } .theme-amber .light .mat-mdc-raised-button.mat-accent, .theme-amber.light .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #f5f6f7; --mdc-protected-button-label-text-color: #848485; --mat-protected-button-state-layer-color: #848485; --mat-protected-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-amber .light .mat-mdc-raised-button.mat-warn, .theme-amber.light .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #dc2626; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-amber .light .mat-mdc-outlined-button.mat-primary, .theme-amber.light .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #f59e0b; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #f59e0b; --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1); } .theme-amber .light .mat-mdc-outlined-button.mat-accent, .theme-amber.light .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #f5f6f7; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #f5f6f7; --mat-outlined-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-amber .light .mat-mdc-outlined-button.mat-warn, .theme-amber.light .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #dc2626; --mdc-outlined-button-outline-color: #e2e8f0; --mat-outlined-button-state-layer-color: #dc2626; --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-amber .light .mat-mdc-icon-button.mat-primary, .theme-amber.light .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #f59e0b; --mat-icon-button-state-layer-color: #f59e0b; --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1); } .theme-amber .light .mat-mdc-icon-button.mat-accent, .theme-amber.light .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #f5f6f7; --mat-icon-button-state-layer-color: #f5f6f7; --mat-icon-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-amber .light .mat-mdc-icon-button.mat-warn, .theme-amber.light .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #dc2626; --mat-icon-button-state-layer-color: #dc2626; --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-amber .light .mat-mdc-fab.mat-primary, .theme-amber.light .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #f59e0b; --mat-fab-foreground-color: #451a03; --mat-fab-state-layer-color: #451a03; --mat-fab-ripple-color: rgba(69, 26, 3, 0.1); } .theme-amber .light .mat-mdc-fab.mat-accent, .theme-amber.light .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #f5f6f7; --mat-fab-foreground-color: #848485; --mat-fab-state-layer-color: #848485; --mat-fab-ripple-color: rgba(132, 132, 133, 0.1); } .theme-amber .light .mat-mdc-fab.mat-warn, .theme-amber.light .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #dc2626; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-amber .light .mat-mdc-mini-fab.mat-primary, .theme-amber.light .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #f59e0b; --mat-fab-small-foreground-color: #451a03; --mat-fab-small-state-layer-color: #451a03; --mat-fab-small-ripple-color: rgba(69, 26, 3, 0.1); } .theme-amber .light .mat-mdc-mini-fab.mat-accent, .theme-amber.light .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #f5f6f7; --mat-fab-small-foreground-color: #848485; --mat-fab-small-state-layer-color: #848485; --mat-fab-small-ripple-color: rgba(132, 132, 133, 0.1); } .theme-amber .light .mat-mdc-mini-fab.mat-warn, .theme-amber.light .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #dc2626; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-amber .light .mat-accent, .theme-amber.light .mat-accent { --mdc-circular-progress-active-indicator-color: #f5f6f7; } .theme-amber .light .mat-warn, .theme-amber.light .mat-warn { --mdc-circular-progress-active-indicator-color: #dc2626; } .theme-amber .light .mat-badge-accent, .theme-amber.light .mat-badge-accent { --mat-badge-background-color: #f5f6f7; --mat-badge-text-color: #848485; } .theme-amber .light .mat-badge-warn, .theme-amber.light .mat-badge-warn { --mat-badge-background-color: #dc2626; --mat-badge-text-color: white; } .theme-amber .light .mat-datepicker-content.mat-accent, .theme-amber.light .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: #848485; --mat-datepicker-calendar-date-selected-state-background-color: #f5f6f7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 246, 247, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #848485; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 246, 247, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-amber .light .mat-datepicker-content.mat-warn, .theme-amber.light .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #dc2626; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-amber .light .mat-datepicker-toggle-active.mat-accent, .theme-amber.light .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #f5f6f7; } .theme-amber .light .mat-datepicker-toggle-active.mat-warn, .theme-amber.light .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #dc2626; } .theme-amber .light .mat-icon.mat-primary, .theme-amber.light .mat-icon.mat-primary { --mat-icon-color: #f59e0b; } .theme-amber .light .mat-icon.mat-accent, .theme-amber.light .mat-icon.mat-accent { --mat-icon-color: #f5f6f7; } .theme-amber .light .mat-icon.mat-warn, .theme-amber.light .mat-icon.mat-warn { --mat-icon-color: #dc2626; } .theme-amber .light .mat-step-header.mat-accent, .theme-amber.light .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: #848485; --mat-stepper-header-selected-state-icon-background-color: #f5f6f7; --mat-stepper-header-selected-state-icon-foreground-color: #848485; --mat-stepper-header-done-state-icon-background-color: #f5f6f7; --mat-stepper-header-done-state-icon-foreground-color: #848485; --mat-stepper-header-edit-state-icon-background-color: #f5f6f7; --mat-stepper-header-edit-state-icon-foreground-color: #848485; } .theme-amber .light .mat-step-header.mat-warn, .theme-amber.light .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #dc2626; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #dc2626; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #dc2626; --mat-stepper-header-edit-state-icon-foreground-color: white; } .theme-amber .light .mat-toolbar.mat-primary, .theme-amber.light .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #f59e0b; --mat-toolbar-container-text-color: #451a03; } .theme-amber .light .mat-toolbar.mat-accent, .theme-amber.light .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #f5f6f7; --mat-toolbar-container-text-color: #848485; } .theme-amber .light .mat-toolbar.mat-warn, .theme-amber.light .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #dc2626; --mat-toolbar-container-text-color: white; } .theme-amber .dark, .theme-amber.dark { --mat-ripple-color: rgba(255, 255, 255, 0.1); --mat-option-selected-state-label-text-color: #f59e0b; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); --mat-optgroup-label-text-color: white; --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; --mat-app-background-color: #0f172a; --mat-app-text-color: white; --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: #1e293b; --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-color: #1e293b; --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: #94a3b8; --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #64748b; --mdc-plain-tooltip-supporting-text-color: #fff; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mdc-filled-text-field-caret-color: #f59e0b; --mdc-filled-text-field-focus-active-indicator-color: #f59e0b; --mdc-filled-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87); --mdc-filled-text-field-container-color: #273243; --mdc-filled-text-field-disabled-container-color: #232d3f; --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(71, 85, 105, 0.38); --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(71, 85, 105, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #dc2626; --mdc-filled-text-field-error-focus-label-text-color: #dc2626; --mdc-filled-text-field-error-label-text-color: #dc2626; --mdc-filled-text-field-error-caret-color: #dc2626; --mdc-filled-text-field-active-indicator-color: rgba(241, 245, 249, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(241, 245, 249, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(241, 245, 249, 0.87); --mdc-filled-text-field-error-active-indicator-color: #dc2626; --mdc-filled-text-field-error-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-error-hover-active-indicator-color: #dc2626; --mdc-outlined-text-field-caret-color: #f59e0b; --mdc-outlined-text-field-focus-outline-color: #f59e0b; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 158, 11, 0.87); --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(71, 85, 105, 0.38); --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(71, 85, 105, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-error-caret-color: #dc2626; --mdc-outlined-text-field-error-focus-label-text-color: #dc2626; --mdc-outlined-text-field-error-label-text-color: #dc2626; --mdc-outlined-text-field-error-hover-label-text-color: #dc2626; --mdc-outlined-text-field-outline-color: rgba(241, 245, 249, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(241, 245, 249, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(241, 245, 249, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #dc2626; --mdc-outlined-text-field-error-hover-outline-color: #dc2626; --mdc-outlined-text-field-error-outline-color: #dc2626; --mat-form-field-focus-select-arrow-color: rgba(245, 158, 11, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(241, 245, 249, 0.38); --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87); --mat-form-field-error-text-color: #dc2626; --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38); --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(241, 245, 249, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(241, 245, 249, 0.38); --mat-form-field-hover-state-layer-opacity: 0.08; --mat-form-field-focus-state-layer-opacity: 0.24; --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(245, 158, 11, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-autocomplete-background-color: #1e293b; --mdc-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; --mdc-dialog-container-color: #1e293b; --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87); --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6); --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-switch-selected-focus-state-layer-color: #fcd34d; --mdc-switch-selected-handle-color: #fcd34d; --mdc-switch-selected-hover-state-layer-color: #fcd34d; --mdc-switch-selected-pressed-state-layer-color: #fcd34d; --mdc-switch-selected-focus-handle-color: #fde68a; --mdc-switch-selected-hover-handle-color: #fde68a; --mdc-switch-selected-pressed-handle-color: #fde68a; --mdc-switch-selected-focus-track-color: #d97706; --mdc-switch-selected-hover-track-color: #d97706; --mdc-switch-selected-pressed-track-color: #d97706; --mdc-switch-selected-track-color: #d97706; --mdc-switch-disabled-selected-handle-color: #000; --mdc-switch-disabled-selected-icon-color: #212121; --mdc-switch-disabled-selected-track-color: #f5f5f5; --mdc-switch-disabled-unselected-handle-color: #000; --mdc-switch-disabled-unselected-icon-color: #212121; --mdc-switch-disabled-unselected-track-color: #f5f5f5; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #212121; --mdc-switch-unselected-focus-handle-color: #fafafa; --mdc-switch-unselected-focus-state-layer-color: #f5f5f5; --mdc-switch-unselected-focus-track-color: #616161; --mdc-switch-unselected-handle-color: #9e9e9e; --mdc-switch-unselected-hover-handle-color: #fafafa; --mdc-switch-unselected-hover-state-layer-color: #f5f5f5; --mdc-switch-unselected-hover-track-color: #616161; --mdc-switch-unselected-icon-color: #212121; --mdc-switch-unselected-pressed-handle-color: #fafafa; --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5; --mdc-switch-unselected-pressed-track-color: #616161; --mdc-switch-unselected-track-color: #616161; --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-switch-disabled-label-text-color: #475569; --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); --mdc-slider-handle-color: #f59e0b; --mdc-slider-focus-handle-color: #f59e0b; --mdc-slider-hover-handle-color: #f59e0b; --mdc-slider-active-track-color: #f59e0b; --mdc-slider-inactive-track-color: #f59e0b; --mdc-slider-with-tick-marks-inactive-container-color: #f59e0b; --mdc-slider-with-tick-marks-active-container-color: #451a03; --mdc-slider-disabled-active-track-color: #fff; --mdc-slider-disabled-handle-color: #fff; --mdc-slider-disabled-inactive-track-color: #fff; --mdc-slider-label-container-color: #fff; --mdc-slider-label-label-text-color: #000; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #fff; --mat-slider-ripple-color: #f59e0b; --mat-slider-hover-state-layer-color: rgba(245, 158, 11, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 158, 11, 0.2); --mat-slider-value-indicator-opacity: 0.9; --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-base-elevation-level: 8; --mat-menu-item-label-text-color: white; --mat-menu-item-icon-color: white; --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-container-color: #1e293b; --mat-menu-divider-color: rgba(241, 245, 249, 0.12); --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mdc-list-list-item-label-text-color: white; --mdc-list-list-item-supporting-text-color: #94a3b8; --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-trailing-supporting-text-color: #64748b; --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-disabled-label-text-color: white; --mdc-list-list-item-disabled-leading-icon-color: white; --mdc-list-list-item-disabled-trailing-icon-color: white; --mdc-list-list-item-hover-label-text-color: white; --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-focus-label-text-color: white; --mdc-list-list-item-hover-state-layer-color: white; --mdc-list-list-item-hover-state-layer-opacity: 0.08; --mdc-list-list-item-focus-state-layer-color: white; --mdc-list-list-item-focus-state-layer-opacity: 0.24; --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87); --mat-paginator-container-background-color: #1e293b; --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54); --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12); --mdc-secondary-navigation-tab-container-height: 48px; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; --mat-checkbox-disabled-label-color: #475569; --mat-checkbox-label-text-color: white; --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; --mdc-text-button-label-text-color: white; --mdc-text-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-text-button-state-layer-color: white; --mat-text-button-disabled-state-layer-color: white; --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-text-button-hover-state-layer-opacity: 0.08; --mat-text-button-focus-state-layer-opacity: 0.24; --mat-text-button-pressed-state-layer-opacity: 0.24; --mdc-filled-button-container-color: #1e293b; --mdc-filled-button-label-text-color: white; --mdc-filled-button-disabled-container-color: rgba(30, 41, 59, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-filled-button-state-layer-color: white; --mat-filled-button-disabled-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.08; --mat-filled-button-focus-state-layer-opacity: 0.24; --mat-filled-button-pressed-state-layer-opacity: 0.24; --mdc-protected-button-container-color: #1e293b; --mdc-protected-button-label-text-color: white; --mdc-protected-button-disabled-container-color: rgba(30, 41, 59, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mat-protected-button-state-layer-color: white; --mat-protected-button-disabled-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.08; --mat-protected-button-focus-state-layer-opacity: 0.24; --mat-protected-button-pressed-state-layer-opacity: 0.24; --mdc-outlined-button-disabled-outline-color: rgba(241, 245, 249, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(30, 41, 59, 0.5); --mdc-outlined-button-label-text-color: white; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: white; --mat-outlined-button-disabled-state-layer-color: white; --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.08; --mat-outlined-button-focus-state-layer-opacity: 0.24; --mat-outlined-button-pressed-state-layer-opacity: 0.24; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5); --mat-icon-button-state-layer-color: white; --mat-icon-button-disabled-state-layer-color: white; --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.08; --mat-icon-button-focus-state-layer-opacity: 0.24; --mat-icon-button-pressed-state-layer-opacity: 0.24; --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mdc-fab-container-color: #1e293b; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-disabled-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-hover-state-layer-opacity: 0.08; --mat-fab-focus-state-layer-opacity: 0.24; --mat-fab-pressed-state-layer-opacity: 0.24; --mat-fab-disabled-state-container-color: rgba(15, 23, 42, 0.12); --mat-fab-disabled-state-foreground-color: rgba(30, 41, 59, 0.5); --mdc-fab-small-container-color: #1e293b; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-disabled-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.08; --mat-fab-small-focus-state-layer-opacity: 0.24; --mat-fab-small-pressed-state-layer-opacity: 0.24; --mat-fab-small-disabled-state-container-color: rgba(15, 23, 42, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(30, 41, 59, 0.5); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #d2d4d8; --mdc-snackbar-supporting-text-color: rgba(30, 41, 59, 0.87); --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-width: 1px; --mat-table-background-color: #1e293b; --mat-table-header-headline-color: white; --mat-table-row-item-label-text-color: white; --mat-table-row-item-outline-color: rgba(241, 245, 249, 0.12); --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #f59e0b; --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; --mat-badge-background-color: #f59e0b; --mat-badge-text-color: #451a03; --mat-badge-disabled-state-background-color: #1e293b; --mat-badge-disabled-state-text-color: #475569; --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: white; --mat-bottom-sheet-container-background-color: #1e293b; --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mat-legacy-button-toggle-text-color: #64748b; --mat-legacy-button-toggle-state-layer-color: #e2e8f0; --mat-legacy-button-toggle-selected-state-text-color: #94a3b8; --mat-legacy-button-toggle-selected-state-background-color: rgba(255, 255, 255, 0.05); --mat-legacy-button-toggle-disabled-state-text-color: #1e293b; --mat-legacy-button-toggle-disabled-state-background-color: #0f172a; --mat-legacy-button-toggle-disabled-selected-state-background-color: #1e293b; --mat-standard-button-toggle-text-color: white; --mat-standard-button-toggle-background-color: #1e293b; --mat-standard-button-toggle-state-layer-color: #e2e8f0; --mat-standard-button-toggle-selected-state-background-color: rgba(255, 255, 255, 0.05); --mat-standard-button-toggle-selected-state-text-color: white; --mat-standard-button-toggle-disabled-state-text-color: #1e293b; --mat-standard-button-toggle-disabled-state-background-color: #1e293b; --mat-standard-button-toggle-disabled-selected-state-text-color: white; --mat-standard-button-toggle-disabled-selected-state-background-color: #1e293b; --mat-standard-button-toggle-divider-color: #374152; --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-date-selected-state-text-color: #451a03; --mat-datepicker-calendar-date-selected-state-background-color: #f59e0b; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 158, 11, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #451a03; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 158, 11, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 158, 11, 0.3); --mat-datepicker-toggle-active-state-icon-color: #f59e0b; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 158, 11, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: #f1f5f9; --mat-datepicker-calendar-body-label-text-color: #94a3b8; --mat-datepicker-calendar-period-button-text-color: white; --mat-datepicker-calendar-period-button-icon-color: #f1f5f9; --mat-datepicker-calendar-navigation-button-icon-color: #f1f5f9; --mat-datepicker-calendar-header-divider-color: rgba(241, 245, 249, 0.12); --mat-datepicker-calendar-header-text-color: #94a3b8; --mat-datepicker-calendar-date-today-outline-color: #64748b; --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(100, 116, 139, 0.8); --mat-datepicker-calendar-date-text-color: white; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: #475569; --mat-datepicker-calendar-date-preview-state-outline-color: rgba(241, 245, 249, 0.24); --mat-datepicker-range-input-separator-color: white; --mat-datepicker-range-input-disabled-state-separator-color: #475569; --mat-datepicker-range-input-disabled-state-text-color: #475569; --mat-datepicker-calendar-container-background-color: #1e293b; --mat-datepicker-calendar-container-text-color: white; --mat-divider-width: 1px; --mat-divider-color: rgba(241, 245, 249, 0.12); --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: #1e293b; --mat-expansion-container-text-color: white; --mat-expansion-actions-divider-color: rgba(241, 245, 249, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.05); --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.05); --mat-expansion-header-disabled-state-text-color: #1e293b; --mat-expansion-header-text-color: white; --mat-expansion-header-description-color: #94a3b8; --mat-expansion-header-indicator-color: #94a3b8; --mat-icon-color: inherit; --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-width: auto; --mat-sidenav-container-divider-color: rgba(241, 245, 249, 0.12); --mat-sidenav-container-background-color: #1e293b; --mat-sidenav-container-text-color: white; --mat-sidenav-content-background-color: #0f172a; --mat-sidenav-content-text-color: white; --mat-sidenav-scrim-color: rgba(225, 214, 196, 0.6); --mat-stepper-header-icon-foreground-color: #451a03; --mat-stepper-header-selected-state-icon-background-color: #f59e0b; --mat-stepper-header-selected-state-icon-foreground-color: #451a03; --mat-stepper-header-done-state-icon-background-color: #f59e0b; --mat-stepper-header-done-state-icon-foreground-color: #451a03; --mat-stepper-header-edit-state-icon-background-color: #f59e0b; --mat-stepper-header-edit-state-icon-foreground-color: #451a03; --mat-stepper-container-color: #1e293b; --mat-stepper-line-color: rgba(241, 245, 249, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.05); --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.05); --mat-stepper-header-label-text-color: #94a3b8; --mat-stepper-header-optional-label-text-color: #94a3b8; --mat-stepper-header-selected-state-label-text-color: white; --mat-stepper-header-error-state-label-text-color: #dc2626; --mat-stepper-header-icon-background-color: #94a3b8; --mat-stepper-header-error-state-icon-foreground-color: #dc2626; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #94a3b8; --mat-toolbar-container-background-color: #0f172a; --mat-toolbar-container-text-color: white; --mat-tree-container-background-color: #1e293b; --mat-tree-node-text-color: white; } .theme-amber .dark .mat-accent, .theme-amber.dark .mat-accent { --mat-option-selected-state-label-text-color: #f5f6f7; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .theme-amber .dark .mat-warn, .theme-amber.dark .mat-warn { --mat-option-selected-state-label-text-color: #dc2626; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .theme-amber .dark .mat-primary, .theme-amber.dark .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #f59e0b; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f59e0b; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-amber .dark .mat-accent, .theme-amber.dark .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #f5f6f7; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f5f6f7; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-amber .dark .mat-warn, .theme-amber.dark .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #dc2626; --mat-full-pseudo-checkbox-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-unselected-icon-color: #94a3b8; --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #0f172a; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #dc2626; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .theme-amber .dark .mat-mdc-progress-bar, .theme-amber.dark .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #f59e0b; --mdc-linear-progress-track-color: rgba(245, 158, 11, 0.25); } .theme-amber .dark .mat-mdc-progress-bar.mat-accent, .theme-amber.dark .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #f5f6f7; --mdc-linear-progress-track-color: rgba(245, 246, 247, 0.25); } .theme-amber .dark .mat-mdc-progress-bar.mat-warn, .theme-amber.dark .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #dc2626; --mdc-linear-progress-track-color: rgba(220, 38, 38, 0.25); } .theme-amber .dark .mat-mdc-form-field.mat-accent, .theme-amber.dark .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #f5f6f7; --mdc-filled-text-field-focus-active-indicator-color: #f5f6f7; --mdc-filled-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mdc-outlined-text-field-caret-color: #f5f6f7; --mdc-outlined-text-field-focus-outline-color: #f5f6f7; --mdc-outlined-text-field-focus-label-text-color: rgba(245, 246, 247, 0.87); --mat-form-field-focus-select-arrow-color: rgba(245, 246, 247, 0.87); } .theme-amber .dark .mat-mdc-form-field.mat-warn, .theme-amber.dark .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #dc2626; --mdc-filled-text-field-focus-active-indicator-color: #dc2626; --mdc-filled-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mdc-outlined-text-field-caret-color: #dc2626; --mdc-outlined-text-field-focus-outline-color: #dc2626; --mdc-outlined-text-field-focus-label-text-color: rgba(220, 38, 38, 0.87); --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87); } .theme-amber .dark .mat-mdc-form-field.mat-accent, .theme-amber.dark .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(245, 246, 247, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-amber .dark .mat-mdc-form-field.mat-warn, .theme-amber.dark .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: #1e293b; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(71, 85, 105, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(241, 245, 249, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87); --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87); } .theme-amber .dark .mat-mdc-standard-chip, .theme-amber.dark .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mdc-chip-disabled-label-text-color: #fafafa; --mdc-chip-elevated-container-color: #394353; --mdc-chip-elevated-selected-container-color: #394353; --mdc-chip-elevated-disabled-container-color: #394353; --mdc-chip-flat-disabled-selected-container-color: #394353; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #fafafa; --mdc-chip-selected-label-text-color: #fafafa; --mdc-chip-with-icon-icon-color: #fafafa; --mdc-chip-with-icon-disabled-icon-color: #fafafa; --mdc-chip-with-icon-selected-icon-color: #fafafa; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa; --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa; --mat-chip-selected-disabled-trailing-icon-color: #fafafa; --mat-chip-selected-trailing-icon-color: #fafafa; } .theme-amber .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-amber .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .theme-amber.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-amber.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: #451a03; --mdc-chip-elevated-container-color: #f59e0b; --mdc-chip-elevated-selected-container-color: #f59e0b; --mdc-chip-elevated-disabled-container-color: #f59e0b; --mdc-chip-flat-disabled-selected-container-color: #f59e0b; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #451a03; --mdc-chip-selected-label-text-color: #451a03; --mdc-chip-with-icon-icon-color: #451a03; --mdc-chip-with-icon-disabled-icon-color: #451a03; --mdc-chip-with-icon-selected-icon-color: #451a03; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #451a03; --mdc-chip-with-trailing-icon-trailing-icon-color: #451a03; --mat-chip-selected-disabled-trailing-icon-color: #451a03; --mat-chip-selected-trailing-icon-color: #451a03; } .theme-amber .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-amber .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .theme-amber.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-amber.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: #848485; --mdc-chip-elevated-container-color: #f5f6f7; --mdc-chip-elevated-selected-container-color: #f5f6f7; --mdc-chip-elevated-disabled-container-color: #f5f6f7; --mdc-chip-flat-disabled-selected-container-color: #f5f6f7; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #848485; --mdc-chip-selected-label-text-color: #848485; --mdc-chip-with-icon-icon-color: #848485; --mdc-chip-with-icon-disabled-icon-color: #848485; --mdc-chip-with-icon-selected-icon-color: #848485; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #848485; --mdc-chip-with-trailing-icon-trailing-icon-color: #848485; --mat-chip-selected-disabled-trailing-icon-color: #848485; --mat-chip-selected-trailing-icon-color: #848485; } .theme-amber .dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-amber .dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .theme-amber.dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-amber.dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #dc2626; --mdc-chip-elevated-selected-container-color: #dc2626; --mdc-chip-elevated-disabled-container-color: #dc2626; --mdc-chip-flat-disabled-selected-container-color: #dc2626; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .theme-amber .dark .mat-mdc-slide-toggle, .theme-amber.dark .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; --mat-switch-label-text-color: white; } .theme-amber .dark .mat-mdc-slide-toggle.mat-accent, .theme-amber.dark .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #f9fafa; --mdc-switch-selected-handle-color: #f9fafa; --mdc-switch-selected-hover-state-layer-color: #f9fafa; --mdc-switch-selected-pressed-state-layer-color: #f9fafa; --mdc-switch-selected-focus-handle-color: #fbfbfc; --mdc-switch-selected-hover-handle-color: #fbfbfc; --mdc-switch-selected-pressed-handle-color: #fbfbfc; --mdc-switch-selected-focus-track-color: #dedfe0; --mdc-switch-selected-hover-track-color: #dedfe0; --mdc-switch-selected-pressed-track-color: #dedfe0; --mdc-switch-selected-track-color: #dedfe0; } .theme-amber .dark .mat-mdc-slide-toggle.mat-warn, .theme-amber.dark .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #fca5a5; --mdc-switch-selected-handle-color: #fca5a5; --mdc-switch-selected-hover-state-layer-color: #fca5a5; --mdc-switch-selected-pressed-state-layer-color: #fca5a5; --mdc-switch-selected-focus-handle-color: #fecaca; --mdc-switch-selected-hover-handle-color: #fecaca; --mdc-switch-selected-pressed-handle-color: #fecaca; --mdc-switch-selected-focus-track-color: #dc2626; --mdc-switch-selected-hover-track-color: #dc2626; --mdc-switch-selected-pressed-track-color: #dc2626; --mdc-switch-selected-track-color: #dc2626; } .theme-amber .dark .mat-mdc-radio-button.mat-primary, .theme-amber.dark .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f59e0b; --mdc-radio-selected-hover-icon-color: #f59e0b; --mdc-radio-selected-icon-color: #f59e0b; --mdc-radio-selected-pressed-icon-color: #f59e0b; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #f59e0b; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-amber .dark .mat-mdc-radio-button.mat-accent, .theme-amber.dark .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #f5f6f7; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-amber .dark .mat-mdc-radio-button.mat-warn, .theme-amber.dark .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #dc2626; --mat-radio-disabled-label-color: #475569; --mat-radio-label-text-color: white; } .theme-amber .dark .mat-accent, .theme-amber.dark .mat-accent { --mdc-slider-handle-color: #f5f6f7; --mdc-slider-focus-handle-color: #f5f6f7; --mdc-slider-hover-handle-color: #f5f6f7; --mdc-slider-active-track-color: #f5f6f7; --mdc-slider-inactive-track-color: #f5f6f7; --mdc-slider-with-tick-marks-inactive-container-color: #f5f6f7; --mdc-slider-with-tick-marks-active-container-color: #848485; --mat-slider-ripple-color: #f5f6f7; --mat-slider-hover-state-layer-color: rgba(245, 246, 247, 0.05); --mat-slider-focus-state-layer-color: rgba(245, 246, 247, 0.2); } .theme-amber .dark .mat-warn, .theme-amber.dark .mat-warn { --mdc-slider-handle-color: #dc2626; --mdc-slider-focus-handle-color: #dc2626; --mdc-slider-hover-handle-color: #dc2626; --mdc-slider-active-track-color: #dc2626; --mdc-slider-inactive-track-color: #dc2626; --mdc-slider-with-tick-marks-inactive-container-color: #dc2626; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #dc2626; --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05); --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2); } .theme-amber .dark .mdc-list-item__start, .theme-amber .dark .mdc-list-item__end, .theme-amber.dark .mdc-list-item__start, .theme-amber.dark .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f59e0b; --mdc-radio-selected-hover-icon-color: #f59e0b; --mdc-radio-selected-icon-color: #f59e0b; --mdc-radio-selected-pressed-icon-color: #f59e0b; } .theme-amber .dark .mat-accent .mdc-list-item__start, .theme-amber .dark .mat-accent .mdc-list-item__end, .theme-amber.dark .mat-accent .mdc-list-item__start, .theme-amber.dark .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #f5f6f7; --mdc-radio-selected-hover-icon-color: #f5f6f7; --mdc-radio-selected-icon-color: #f5f6f7; --mdc-radio-selected-pressed-icon-color: #f5f6f7; } .theme-amber .dark .mat-warn .mdc-list-item__start, .theme-amber .dark .mat-warn .mdc-list-item__end, .theme-amber.dark .mat-warn .mdc-list-item__start, .theme-amber.dark .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #f1f5f9; --mdc-radio-disabled-unselected-icon-color: #f1f5f9; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(241, 245, 249, 0.54); --mdc-radio-selected-focus-icon-color: #dc2626; --mdc-radio-selected-hover-icon-color: #dc2626; --mdc-radio-selected-icon-color: #dc2626; --mdc-radio-selected-pressed-icon-color: #dc2626; } .theme-amber .dark .mat-mdc-list-option, .theme-amber.dark .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #451a03; --mdc-checkbox-selected-focus-icon-color: #f59e0b; --mdc-checkbox-selected-hover-icon-color: #f59e0b; --mdc-checkbox-selected-icon-color: #f59e0b; --mdc-checkbox-selected-pressed-icon-color: #f59e0b; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f59e0b; --mdc-checkbox-selected-hover-state-layer-color: #f59e0b; --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-amber .dark .mat-mdc-list-option.mat-accent, .theme-amber.dark .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #848485; --mdc-checkbox-selected-focus-icon-color: #f5f6f7; --mdc-checkbox-selected-hover-icon-color: #f5f6f7; --mdc-checkbox-selected-icon-color: #f5f6f7; --mdc-checkbox-selected-pressed-icon-color: #f5f6f7; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f5f6f7; --mdc-checkbox-selected-hover-state-layer-color: #f5f6f7; --mdc-checkbox-selected-pressed-state-layer-color: #f5f6f7; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-amber .dark .mat-mdc-list-option.mat-warn, .theme-amber.dark .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-amber .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-amber .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-amber .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-amber .dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .theme-amber.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .theme-amber.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .theme-amber.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .theme-amber.dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #f59e0b; } .theme-amber .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-amber .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-amber .dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .theme-amber.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .theme-amber.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .theme-amber.dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .theme-amber .dark .mat-mdc-tab-group, .theme-amber .dark .mat-mdc-tab-nav-bar, .theme-amber.dark .mat-mdc-tab-group, .theme-amber.dark .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #f59e0b; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #f59e0b; --mat-tab-header-active-ripple-color: #f59e0b; --mat-tab-header-inactive-ripple-color: #f59e0b; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #f59e0b; --mat-tab-header-active-hover-label-text-color: #f59e0b; --mat-tab-header-active-focus-indicator-color: #f59e0b; --mat-tab-header-active-hover-indicator-color: #f59e0b; } .theme-amber .dark .mat-mdc-tab-group.mat-accent, .theme-amber .dark .mat-mdc-tab-nav-bar.mat-accent, .theme-amber.dark .mat-mdc-tab-group.mat-accent, .theme-amber.dark .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #f5f6f7; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #f5f6f7; --mat-tab-header-active-ripple-color: #f5f6f7; --mat-tab-header-inactive-ripple-color: #f5f6f7; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #f5f6f7; --mat-tab-header-active-hover-label-text-color: #f5f6f7; --mat-tab-header-active-focus-indicator-color: #f5f6f7; --mat-tab-header-active-hover-indicator-color: #f5f6f7; } .theme-amber .dark .mat-mdc-tab-group.mat-warn, .theme-amber .dark .mat-mdc-tab-nav-bar.mat-warn, .theme-amber.dark .mat-mdc-tab-group.mat-warn, .theme-amber.dark .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #dc2626; --mat-tab-header-disabled-ripple-color: #475569; --mat-tab-header-pagination-icon-color: #f1f5f9; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #dc2626; --mat-tab-header-active-ripple-color: #dc2626; --mat-tab-header-inactive-ripple-color: #dc2626; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #dc2626; --mat-tab-header-active-hover-label-text-color: #dc2626; --mat-tab-header-active-focus-indicator-color: #dc2626; --mat-tab-header-active-hover-indicator-color: #dc2626; } .theme-amber .dark .mat-mdc-tab-group.mat-background-primary, .theme-amber .dark .mat-mdc-tab-nav-bar.mat-background-primary, .theme-amber.dark .mat-mdc-tab-group.mat-background-primary, .theme-amber.dark .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #f59e0b; --mat-tab-header-with-background-foreground-color: #451a03; } .theme-amber .dark .mat-mdc-tab-group.mat-background-accent, .theme-amber .dark .mat-mdc-tab-nav-bar.mat-background-accent, .theme-amber.dark .mat-mdc-tab-group.mat-background-accent, .theme-amber.dark .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #f5f6f7; --mat-tab-header-with-background-foreground-color: #848485; } .theme-amber .dark .mat-mdc-tab-group.mat-background-warn, .theme-amber .dark .mat-mdc-tab-nav-bar.mat-background-warn, .theme-amber.dark .mat-mdc-tab-group.mat-background-warn, .theme-amber.dark .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #dc2626; --mat-tab-header-with-background-foreground-color: white; } .theme-amber .dark .mat-mdc-checkbox.mat-primary, .theme-amber.dark .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: #451a03; --mdc-checkbox-selected-focus-icon-color: #f59e0b; --mdc-checkbox-selected-hover-icon-color: #f59e0b; --mdc-checkbox-selected-icon-color: #f59e0b; --mdc-checkbox-selected-pressed-icon-color: #f59e0b; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f59e0b; --mdc-checkbox-selected-hover-state-layer-color: #f59e0b; --mdc-checkbox-selected-pressed-state-layer-color: #f59e0b; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-amber .dark .mat-mdc-checkbox.mat-warn, .theme-amber.dark .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #dc2626; --mdc-checkbox-selected-hover-icon-color: #dc2626; --mdc-checkbox-selected-icon-color: #dc2626; --mdc-checkbox-selected-pressed-icon-color: #dc2626; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #dc2626; --mdc-checkbox-selected-hover-state-layer-color: #dc2626; --mdc-checkbox-selected-pressed-state-layer-color: #dc2626; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .theme-amber .dark .mat-mdc-button.mat-primary, .theme-amber.dark .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #f59e0b; --mat-text-button-state-layer-color: #f59e0b; --mat-text-button-ripple-color: rgba(245, 158, 11, 0.1); } .theme-amber .dark .mat-mdc-button.mat-accent, .theme-amber.dark .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #f5f6f7; --mat-text-button-state-layer-color: #f5f6f7; --mat-text-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-amber .dark .mat-mdc-button.mat-warn, .theme-amber.dark .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #dc2626; --mat-text-button-state-layer-color: #dc2626; --mat-text-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-amber .dark .mat-mdc-unelevated-button.mat-primary, .theme-amber.dark .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #f59e0b; --mdc-filled-button-label-text-color: #451a03; --mat-filled-button-state-layer-color: #451a03; --mat-filled-button-ripple-color: rgba(69, 26, 3, 0.1); } .theme-amber .dark .mat-mdc-unelevated-button.mat-accent, .theme-amber.dark .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #f5f6f7; --mdc-filled-button-label-text-color: #848485; --mat-filled-button-state-layer-color: #848485; --mat-filled-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-amber .dark .mat-mdc-unelevated-button.mat-warn, .theme-amber.dark .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #dc2626; --mdc-filled-button-label-text-color: white; --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-amber .dark .mat-mdc-raised-button.mat-primary, .theme-amber.dark .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #f59e0b; --mdc-protected-button-label-text-color: #451a03; --mat-protected-button-state-layer-color: #451a03; --mat-protected-button-ripple-color: rgba(69, 26, 3, 0.1); } .theme-amber .dark .mat-mdc-raised-button.mat-accent, .theme-amber.dark .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #f5f6f7; --mdc-protected-button-label-text-color: #848485; --mat-protected-button-state-layer-color: #848485; --mat-protected-button-ripple-color: rgba(132, 132, 133, 0.1); } .theme-amber .dark .mat-mdc-raised-button.mat-warn, .theme-amber.dark .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #dc2626; --mdc-protected-button-label-text-color: white; --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .theme-amber .dark .mat-mdc-outlined-button.mat-primary, .theme-amber.dark .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #f59e0b; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #f59e0b; --mat-outlined-button-ripple-color: rgba(245, 158, 11, 0.1); } .theme-amber .dark .mat-mdc-outlined-button.mat-accent, .theme-amber.dark .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #f5f6f7; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #f5f6f7; --mat-outlined-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-amber .dark .mat-mdc-outlined-button.mat-warn, .theme-amber.dark .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #dc2626; --mdc-outlined-button-outline-color: rgba(241, 245, 249, 0.12); --mat-outlined-button-state-layer-color: #dc2626; --mat-outlined-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-amber .dark .mat-mdc-icon-button.mat-primary, .theme-amber.dark .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #f59e0b; --mat-icon-button-state-layer-color: #f59e0b; --mat-icon-button-ripple-color: rgba(245, 158, 11, 0.1); } .theme-amber .dark .mat-mdc-icon-button.mat-accent, .theme-amber.dark .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #f5f6f7; --mat-icon-button-state-layer-color: #f5f6f7; --mat-icon-button-ripple-color: rgba(245, 246, 247, 0.1); } .theme-amber .dark .mat-mdc-icon-button.mat-warn, .theme-amber.dark .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #dc2626; --mat-icon-button-state-layer-color: #dc2626; --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1); } .theme-amber .dark .mat-mdc-fab.mat-primary, .theme-amber.dark .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #f59e0b; --mat-fab-foreground-color: #451a03; --mat-fab-state-layer-color: #451a03; --mat-fab-ripple-color: rgba(69, 26, 3, 0.1); } .theme-amber .dark .mat-mdc-fab.mat-accent, .theme-amber.dark .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #f5f6f7; --mat-fab-foreground-color: #848485; --mat-fab-state-layer-color: #848485; --mat-fab-ripple-color: rgba(132, 132, 133, 0.1); } .theme-amber .dark .mat-mdc-fab.mat-warn, .theme-amber.dark .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #dc2626; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .theme-amber .dark .mat-mdc-mini-fab.mat-primary, .theme-amber.dark .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #f59e0b; --mat-fab-small-foreground-color: #451a03; --mat-fab-small-state-layer-color: #451a03; --mat-fab-small-ripple-color: rgba(69, 26, 3, 0.1); } .theme-amber .dark .mat-mdc-mini-fab.mat-accent, .theme-amber.dark .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #f5f6f7; --mat-fab-small-foreground-color: #848485; --mat-fab-small-state-layer-color: #848485; --mat-fab-small-ripple-color: rgba(132, 132, 133, 0.1); } .theme-amber .dark .mat-mdc-mini-fab.mat-warn, .theme-amber.dark .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #dc2626; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .theme-amber .dark .mat-accent, .theme-amber.dark .mat-accent { --mdc-circular-progress-active-indicator-color: #f5f6f7; } .theme-amber .dark .mat-warn, .theme-amber.dark .mat-warn { --mdc-circular-progress-active-indicator-color: #dc2626; } .theme-amber .dark .mat-badge-accent, .theme-amber.dark .mat-badge-accent { --mat-badge-background-color: #f5f6f7; --mat-badge-text-color: #848485; } .theme-amber .dark .mat-badge-warn, .theme-amber.dark .mat-badge-warn { --mat-badge-background-color: #dc2626; --mat-badge-text-color: white; } .theme-amber .dark .mat-datepicker-content.mat-accent, .theme-amber.dark .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: #848485; --mat-datepicker-calendar-date-selected-state-background-color: #f5f6f7; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 246, 247, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: #848485; --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 246, 247, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 246, 247, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-amber .dark .mat-datepicker-content.mat-warn, .theme-amber.dark .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #dc2626; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .theme-amber .dark .mat-datepicker-toggle-active.mat-accent, .theme-amber.dark .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #f5f6f7; } .theme-amber .dark .mat-datepicker-toggle-active.mat-warn, .theme-amber.dark .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #dc2626; } .theme-amber .dark .mat-icon.mat-primary, .theme-amber.dark .mat-icon.mat-primary { --mat-icon-color: #f59e0b; } .theme-amber .dark .mat-icon.mat-accent, .theme-amber.dark .mat-icon.mat-accent { --mat-icon-color: #f5f6f7; } .theme-amber .dark .mat-icon.mat-warn, .theme-amber.dark .mat-icon.mat-warn { --mat-icon-color: #dc2626; } .theme-amber .dark .mat-step-header.mat-accent, .theme-amber.dark .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: #848485; --mat-stepper-header-selected-state-icon-background-color: #f5f6f7; --mat-stepper-header-selected-state-icon-foreground-color: #848485; --mat-stepper-header-done-state-icon-background-color: #f5f6f7; --mat-stepper-header-done-state-icon-foreground-color: #848485; --mat-stepper-header-edit-state-icon-background-color: #f5f6f7; --mat-stepper-header-edit-state-icon-foreground-color: #848485; } .theme-amber .dark .mat-step-header.mat-warn, .theme-amber.dark .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #dc2626; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #dc2626; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #dc2626; --mat-stepper-header-edit-state-icon-foreground-color: white; } .theme-amber .dark .mat-toolbar.mat-primary, .theme-amber.dark .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #f59e0b; --mat-toolbar-container-text-color: #451a03; } .theme-amber .dark .mat-toolbar.mat-accent, .theme-amber.dark .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #f5f6f7; --mat-toolbar-container-text-color: #848485; } .theme-amber .dark .mat-toolbar.mat-warn, .theme-amber.dark .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #dc2626; --mat-toolbar-container-text-color: white; } /* node_modules/perfect-scrollbar/css/perfect-scrollbar.css */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; bottom: 0px; position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; right: 0; position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; bottom: 2px; position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; right: 2px; position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } /* src/styles/vendors.scss */ /* src/@fuse/styles/main.scss */ .example-viewer { display: flex; flex-direction: column; margin: 32px 0; overflow: hidden; --tw-bg-opacity: 1; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)); border-radius: 1rem; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .example-viewer .title { display: flex; align-items: center; justify-content: space-between; height: 88px; min-height: 88px; max-height: 88px; padding: 0 40px; } .example-viewer .title h6 { font-weight: 700; } .example-viewer .title .controls { display: flex; align-items: center; } .example-viewer .title .controls > * + * { margin-left: 8px; } .example-viewer mat-tab-group .mat-tab-body-content .fuse-highlight pre { margin: 0; border-radius: 0; } input, textarea { background: transparent; } input::placeholder, textarea::placeholder { --tw-text-opacity: 1; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary input::placeholder, .mat-toolbar.mat-primary textarea::placeholder { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent input::placeholder, .mat-toolbar.mat-accent textarea::placeholder { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn input::placeholder, .mat-toolbar.mat-warn textarea::placeholder { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } input::-moz-placeholder, textarea::-moz-placeholder { --tw-text-opacity: 1; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary input::-moz-placeholder, .mat-toolbar.mat-primary textarea::-moz-placeholder { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent input::-moz-placeholder, .mat-toolbar.mat-accent textarea::-moz-placeholder { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn input::-moz-placeholder, .mat-toolbar.mat-warn textarea::-moz-placeholder { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { --tw-text-opacity: 1; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary input::-webkit-input-placeholder, .mat-toolbar.mat-primary textarea::-webkit-input-placeholder { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent input::-webkit-input-placeholder, .mat-toolbar.mat-accent textarea::-webkit-input-placeholder { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn input::-webkit-input-placeholder, .mat-toolbar.mat-warn textarea::-webkit-input-placeholder { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { --tw-text-opacity: 1; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary input:-ms-input-placeholder, .mat-toolbar.mat-primary textarea:-ms-input-placeholder { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent input:-ms-input-placeholder, .mat-toolbar.mat-accent textarea:-ms-input-placeholder { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn input:-ms-input-placeholder, .mat-toolbar.mat-warn textarea:-ms-input-placeholder { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active { -webkit-background-clip: text; transition: background-color 5000s !important; } .dark input:-webkit-autofill, .dark input:-webkit-autofill:hover, .dark input:-webkit-autofill:focus, .dark input:-webkit-autofill:active, .dark textarea:-webkit-autofill, .dark textarea:-webkit-autofill:hover, .dark textarea:-webkit-autofill:focus, .dark textarea:-webkit-autofill:active { -webkit-text-fill-color: rgba(255, 255, 255, 0.87); } input [data-autocompleted], textarea [data-autocompleted] { background-color: transparent !important; } .fuse-backdrop-on-mobile { background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; --tw-bg-opacity: 0.6 !important; } @media (min-width: 600px) { .fuse-backdrop-on-mobile { background-color: transparent !important; } } *[class*=mat-], *[class*=mat-mdc-] { -webkit-font-smoothing: auto !important; -moz-osx-font-smoothing: auto !important; } *[class*=mat-] *, *[class*=mat-mdc-] * { -webkit-font-smoothing: auto !important; -moz-osx-font-smoothing: auto !important; } .mat-accordion .mat-expansion-panel { margin-bottom: 24px; border-radius: 8px !important; transition: box-shadow 225ms cubic-bezier(0.4, 0, 0.2, 1); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .mat-accordion .mat-expansion-panel:last-child { margin-bottom: 0; } .mat-accordion .mat-expansion-panel.mat-expanded, .mat-accordion .mat-expansion-panel:hover { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .mat-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused, .mat-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover { background: transparent !important; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header { font-size: 14px; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { margin-right: 28px; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator { display: inline-flex; align-items: center; justify-content: center; width: 12px; height: 12px; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator:after { border-color: currentColor !important; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-body { color: rgba(var(--fuse-text-secondary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-secondary-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-accordion .mat-expansion-panel .mat-expansion-panel-body { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-accent .mat-accordion .mat-expansion-panel .mat-expansion-panel-body { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-warn .mat-accordion .mat-expansion-panel .mat-expansion-panel-body { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-mdc-button, .mat-mdc-raised-button, .mat-mdc-outlined-button, .mat-mdc-unelevated-button, .mat-mdc-icon-button, .mat-mdc-fab, .mat-mdc-mini-fab { height: 40px; min-height: 40px; max-height: 40px; line-height: 1 !important; } .mat-mdc-button.fuse-mat-button-large, .mat-mdc-raised-button.fuse-mat-button-large, .mat-mdc-outlined-button.fuse-mat-button-large, .mat-mdc-unelevated-button.fuse-mat-button-large, .mat-mdc-icon-button.fuse-mat-button-large, .mat-mdc-fab.fuse-mat-button-large, .mat-mdc-mini-fab.fuse-mat-button-large { height: 48px; min-height: 48px; max-height: 48px; } .mat-mdc-button[disabled=true] .mat-icon, .mat-mdc-raised-button[disabled=true] .mat-icon, .mat-mdc-outlined-button[disabled=true] .mat-icon, .mat-mdc-unelevated-button[disabled=true] .mat-icon, .mat-mdc-icon-button[disabled=true] .mat-icon, .mat-mdc-fab[disabled=true] .mat-icon, .mat-mdc-mini-fab[disabled=true] .mat-icon { opacity: 0.38 !important; } .mat-mdc-icon-button { display: inline-flex !important; align-items: center; justify-content: center; width: 40px !important; padding: 0 !important; } .mat-mdc-icon-button svg, .mat-mdc-icon-button img { height: auto !important; } .mat-mdc-fab { max-height: 56px; border-radius: 16px !important; } .mat-mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple { border-radius: 16px !important; } .mat-mdc-mini-fab { border-radius: 12px !important; } .mat-mdc-mini-fab:not(.mdc-fab--extended) .mdc-fab__ripple { border-radius: 12px !important; } .mat-mdc-button, .mat-mdc-raised-button, .mat-mdc-outlined-button, .mat-mdc-unelevated-button { padding: 0 20px !important; border-radius: 9999px !important; } .mat-mdc-button > .mat-icon, .mat-mdc-raised-button > .mat-icon, .mat-mdc-outlined-button > .mat-icon, .mat-mdc-unelevated-button > .mat-icon { margin-left: 0 !important; margin-right: 0 !important; } .mat-mdc-button .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-container circle, .mat-mdc-raised-button .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-container circle, .mat-mdc-outlined-button .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-container circle, .mat-mdc-unelevated-button .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-container circle, .mat-mdc-icon-button .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-container circle, .mat-mdc-fab .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-container circle, .mat-mdc-mini-fab .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-container circle { stroke: currentColor !important; animation-duration: 6000ms; } .mat-mdc-raised-button, .mat-mdc-unelevated-button, .mat-mdc-fab, .mat-mdc-mini-fab { --mat-mdc-button-persistent-ripple-color: #94a3b8 !important; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1) !important; } .dark .mat-mdc-raised-button, .dark .mat-mdc-unelevated-button, .dark .mat-mdc-fab, .dark .mat-mdc-mini-fab { --mat-mdc-button-persistent-ripple-color: #000 !important; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1) !important; } .mat-mdc-raised-button .mat-icon, .mat-mdc-unelevated-button .mat-icon, .mat-mdc-fab .mat-icon, .mat-mdc-mini-fab .mat-icon { color: currentColor !important; } .mat-mdc-raised-button .mat-ripple-element, .mat-mdc-unelevated-button .mat-ripple-element, .mat-mdc-fab .mat-ripple-element, .mat-mdc-mini-fab .mat-ripple-element { background-color: rgb(0 0 0 / 0.1) !important; } .mat-mdc-button:not([disabled=true]), .mat-mdc-icon-button:not([disabled=true]), .mat-mdc-outlined-button:not([disabled=true]) { } .mat-mdc-button:not([disabled=true]).mat-primary .mat-icon, .mat-mdc-icon-button:not([disabled=true]).mat-primary .mat-icon, .mat-mdc-outlined-button:not([disabled=true]).mat-primary .mat-icon { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-rgb), var(--tw-text-opacity)) !important; } .mat-mdc-button:not([disabled=true]).mat-accent .mat-icon, .mat-mdc-icon-button:not([disabled=true]).mat-accent .mat-icon, .mat-mdc-outlined-button:not([disabled=true]).mat-accent .mat-icon { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-accent-rgb), var(--tw-text-opacity)) !important; } .mat-mdc-button:not([disabled=true]).mat-warn .mat-icon, .mat-mdc-icon-button:not([disabled=true]).mat-warn .mat-icon, .mat-mdc-outlined-button:not([disabled=true]).mat-warn .mat-icon { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-rgb), var(--tw-text-opacity)) !important; } .mat-mdc-outlined-button { } .mat-mdc-outlined-button:not([disabled=true]) { --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; } .mat-mdc-outlined-button:not([disabled=true]):is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .mat-mdc-outlined-button[disabled=true] { border-color: rgb(203 213 225 / 0.7) !important; } .mat-mdc-outlined-button[disabled=true]:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgb(71 85 105 / var(--tw-border-opacity)) !important; } .mdc-button .mdc-button__label { white-space: nowrap; } .mat-button-toggle-group { border: none !important; } .mat-button-toggle-group > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { background-clip: padding-box; } .mat-button-toggle-group .mat-button-toggle { border-radius: 9999px; overflow: hidden; border: none !important; font-weight: 500; } .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-default-rgb), var(--tw-text-opacity)) !important; } .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content { padding: 0 20px; line-height: 40px !important; color: rgba(var(--fuse-text-secondary-rgb), var(--tw-text-opacity)); --tw-text-opacity: 1; color: rgba(var(--fuse-secondary-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-accent .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-warn .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-mdc-checkbox { display: inline-flex !important; } .mat-mdc-checkbox .mdc-form-field { padding-right: 12px; } .mdc-checkbox__native-control { opacity: 0 !important; } .mat-mdc-chip { font-weight: 500 !important; } .mat-mdc-dialog-container .mdc-dialog__surface { border-radius: 16px !important; padding: 24px; } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill { } .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-disabled { opacity: 0.7 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid { } .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mat-mdc-text-field-wrapper { --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-warn-rgb), var(--tw-border-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mat-mdc-text-field-wrapper:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-warn-rgb), var(--tw-border-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mat-mdc-select { } .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid .mat-mdc-select .mat-mdc-select-placeholder { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-rgb), var(--tw-text-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill:hover .mat-mdc-form-field-focus-overlay { opacity: 0 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused .mat-mdc-form-field-focus-overlay { opacity: 0 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused:not(.mat-form-field-invalid) { } .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused:not(.mat-form-field-invalid) .mat-mdc-text-field-wrapper { --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-primary-rgb), var(--tw-border-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused:not(.mat-form-field-invalid) .mat-mdc-text-field-wrapper:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-primary-rgb), var(--tw-border-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix select { top: auto; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-right: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2364748B' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right -7px center; background-size: 24px; } .dark .mat-mdc-form-field.mat-form-field-appearance-fill.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2397a6ba' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E"); } .mat-mdc-form-field.mat-form-field-appearance-fill.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after { display: none; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper { padding: 0; border-radius: 6px; border-width: 1px; border-style: solid; --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; --tw-bg-opacity: 0.05 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper { } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper:not(.mdc-text-field--no-label) { margin-top: 24px; overflow: visible; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay { border-radius: 6px; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex { position: relative; display: flex; align-items: stretch; border-radius: 6px; padding: 0 16px; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix { padding: 0 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-icon { margin-right: 12px; padding: 0 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-mdc-icon-button { margin: 0 4px 0 -10px; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-mdc-select, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-mdc-select { margin-right: 10px; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-datepicker-toggle, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-datepicker-toggle { margin-left: -8px; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { padding: 0 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-icon { margin-left: 12px; padding: 0 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-mdc-icon-button { margin: 0 -10px 0 4px; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-mdc-select, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-mdc-select { margin-left: 10px; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-datepicker-toggle { margin-right: -8px; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { display: inline-flex; align-items: center; justify-content: center; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix, .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix, .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix, .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-icon-button { width: 40px; min-width: 40px; height: 40px; min-height: 40px; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button:not([disabled]), .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select-value, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-icon-button:not([disabled]), .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select-value, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button:not([disabled]), .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select-value, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-icon-button:not([disabled]), .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select-value { --tw-text-opacity: 1; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-icon, .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button:not([disabled]), .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select-value, .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-icon, .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-icon-button:not([disabled]), .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select-value, .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon, .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button:not([disabled]), .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select-value, .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-icon, .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-icon-button:not([disabled]), .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select-value { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-icon, .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button:not([disabled]), .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select-value, .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-icon, .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-icon-button:not([disabled]), .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select-value, .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon, .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button:not([disabled]), .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select-value, .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-icon, .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-icon-button:not([disabled]), .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select-value { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-icon, .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button:not([disabled]), .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select-value, .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-icon, .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-icon-button:not([disabled]), .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select-value, .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-icon, .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button:not([disabled]), .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select-value, .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-icon, .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-icon-button:not([disabled]), .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select-value { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-datepicker-toggle-default-icon, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-datepicker-toggle-default-icon, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle-default-icon, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-datepicker-toggle-default-icon { width: 1.5rem; height: 1.5rem; min-width: 1.5rem; min-height: 1.5rem; font-size: 1.5rem; line-height: 1.5rem; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-datepicker-toggle-default-icon svg, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-datepicker-toggle-default-icon svg, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-datepicker-toggle-default-icon svg, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-datepicker-toggle-default-icon svg { width: 1.5rem; height: 1.5rem; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select { display: flex; align-items: center; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-value, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-value, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-value, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-value { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-rgb), var(--tw-text-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select:focus .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow { border-top-color: var(--fuse-primary) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select .mat-mdc-select-trigger, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select .mat-mdc-select-trigger, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select .mat-mdc-select-trigger, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select .mat-mdc-select-trigger { display: flex; align-items: center; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value { display: flex; max-width: none; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value mat-mdc-select-trigger .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value mat-mdc-select-trigger .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value mat-mdc-select-trigger .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value mat-mdc-select-trigger .mat-icon { margin: 0 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper { display: flex; align-items: center; transform: none; margin-left: 4px; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow { min-height: 0; --tw-text-opacity: 1 !important; color: rgb(100 116 139 / var(--tw-text-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow:is(.dark *), .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow:is(.dark *), .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow:is(.dark *), .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(148 163 184 / var(--tw-text-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix { position: static; display: flex; align-items: center; width: 88px; min-height: 48px; padding: 0; border: 0; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-floating-label { top: -25px !important; left: 0 !important; width: 100% !important; transform: none !important; pointer-events: auto; font-weight: 500; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-default-rgb), var(--tw-text-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix textarea.mat-mdc-input-element { margin: 12px 0; padding: 0 6px 0 0; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set { width: 100%; margin: 0 -8px; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper .mdc-line-ripple { display: none; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper { font-size: 12px; font-weight: 500; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper, .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper { padding: 0; } .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-mdc-form-field.mat-form-field-appearance-fill:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { align-self: flex-start; padding-top: 14px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded { } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded .mat-mdc-text-field-wrapper { border-radius: 24px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix { border-radius: 24px 0 0 24px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-icon { margin-right: 12px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-mdc-icon-button { margin: 0 2px 0 -10px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-mdc-select, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-mdc-select { margin-right: 8px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-datepicker-toggle, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-datepicker-toggle { margin-right: 4px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > *:not(.mat-icon):not(.mat-mdc-icon-button):not(.mat-mdc-select):not(.mat-datepicker-toggle), .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > *:not(.mat-icon):not(.mat-mdc-icon-button):not(.mat-mdc-select):not(.mat-datepicker-toggle) { margin-right: 12px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { border-radius: 0 24px 24px 0; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-icon { margin-left: 12px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-mdc-icon-button { margin: 0 -10px 0 2px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-mdc-select, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-mdc-select { margin-left: 12px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-datepicker-toggle { margin-left: 4px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > *:not(.mat-icon):not(.mat-mdc-icon-button):not(.mat-mdc-select):not(.mat-datepicker-toggle), .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > *:not(.mat-icon):not(.mat-mdc-icon-button):not(.mat-mdc-select):not(.mat-datepicker-toggle) { margin-left: 12px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense { } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix .mat-mdc-icon-button { width: 32px !important; min-width: 32px; height: 32px; min-height: 32px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-mdc-icon-button { margin-left: -6px; margin-right: 12px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-mdc-icon-button { margin-left: 12px; margin-right: -6px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix { min-height: 40px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix textarea.mat-mdc-input-element { margin: 8px 0; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { padding-top: 10px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense.fuse-mat-rounded { } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense.fuse-mat-rounded .mat-mdc-text-field-wrapper { border-radius: 20px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix { border-radius: 20px 0 0 20px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-dense.fuse-mat-rounded.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { border-radius: 0 20px 20px 0 !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix { } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix { align-self: stretch !important; margin: 0 16px 0 -16px !important; padding-left: 16px !important; border-radius: 6px 0 0 6px; border-right-width: 1px; border-style: solid; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-icon { margin-right: 16px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-mdc-icon-button { margin: 0 6px 0 -10px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-mdc-select, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-mdc-select { margin-right: 12px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > .mat-datepicker-toggle, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > .mat-datepicker-toggle { margin-right: 8px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix > *:not(.mat-icon):not(.mat-mdc-icon-button):not(.mat-mdc-select):not(.mat-datepicker-toggle), .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix > *:not(.mat-icon):not(.mat-mdc-icon-button):not(.mat-mdc-select):not(.mat-datepicker-toggle) { margin-right: 16px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { align-self: stretch !important; margin: 0 -16px 0 16px !important; padding-right: 16px !important; border-radius: 0 6px 6px 0; border-left-width: 1px; border-style: solid; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-icon, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-icon { margin-left: 16px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-mdc-icon-button, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-mdc-icon-button { margin: 0 -10px 0 6px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-mdc-select, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-mdc-select { margin: 0 -4px 0 16px !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > .mat-datepicker-toggle { margin-left: 8px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix > *:not(.mat-icon):not(.mat-mdc-icon-button):not(.mat-mdc-select):not(.mat-datepicker-toggle), .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix > *:not(.mat-icon):not(.mat-mdc-icon-button):not(.mat-mdc-select):not(.mat-datepicker-toggle) { margin-left: 16px; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-default-rgb), var(--tw-bg-opacity)) !important; --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix:is(.dark *), .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix:is(.dark *), .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix:is(.dark *), .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-prefix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix, .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-emphasized-affix:has(textarea.mat-mdc-input-element) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-text-suffix { align-items: flex-start; } .mat-mdc-form-field.mat-form-field-appearance-fill.fuse-mat-bold .mat-mdc-text-field-wrapper { border-width: 2px !important; } .mat-mdc-form-field.mat-form-field-appearance-outline { } .mat-mdc-form-field.mat-form-field-appearance-outline.mat-form-field-invalid .mdc-notched-outline__leading, .mat-mdc-form-field.mat-form-field-appearance-outline.mat-form-field-invalid .mdc-notched-outline__notch, .mat-mdc-form-field.mat-form-field-appearance-outline.mat-form-field-invalid .mdc-notched-outline__trailing { border-color: var(--fuse-warn) !important; } .mat-mdc-form-field.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid) { } .mat-mdc-form-field.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid).mat-primary .mdc-notched-outline__leading, .mat-mdc-form-field.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid).mat-primary .mdc-notched-outline__notch, .mat-mdc-form-field.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid).mat-primary .mdc-notched-outline__trailing { border-color: var(--fuse-primary) !important; } .mat-mdc-form-field.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid).mat-accent .mdc-notched-outline__leading, .mat-mdc-form-field.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid).mat-accent .mdc-notched-outline__notch, .mat-mdc-form-field.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid).mat-accent .mdc-notched-outline__trailing { border-color: var(--fuse-accent) !important; } .mat-mdc-form-field.mat-form-field-appearance-outline:not(.mat-focused):not(.mat-form-field-invalid) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline .mdc-notched-outline__leading, .mat-mdc-form-field.mat-form-field-appearance-outline:not(.mat-focused):not(.mat-form-field-invalid) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline .mdc-notched-outline__notch, .mat-mdc-form-field.mat-form-field-appearance-outline:not(.mat-focused):not(.mat-form-field-invalid) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline .mdc-notched-outline__trailing { --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-outline:not(.mat-focused):not(.mat-form-field-invalid) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline .mdc-notched-outline__leading:is(.dark *), .mat-mdc-form-field.mat-form-field-appearance-outline:not(.mat-focused):not(.mat-form-field-invalid) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline .mdc-notched-outline__notch:is(.dark *), .mat-mdc-form-field.mat-form-field-appearance-outline:not(.mat-focused):not(.mat-form-field-invalid) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline .mdc-notched-outline__trailing:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline .mdc-notched-outline__notch { border-right-style: none !important; } .mat-icon { display: inline-flex !important; align-items: center; justify-content: center; width: 24px; min-width: 24px; height: 24px; min-height: 24px; font-size: 24px; line-height: 24px; -webkit-appearance: none !important; } .mat-mdc-input-element::placeholder { transition: none !important; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-mdc-input-element::placeholder { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-mdc-input-element::placeholder { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-mdc-input-element::placeholder { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-mdc-input-element::-moz-placeholder { transition: none !important; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-mdc-input-element::-moz-placeholder { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-mdc-input-element::-moz-placeholder { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-mdc-input-element::-moz-placeholder { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-mdc-input-element::-webkit-input-placeholder { transition: none !important; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-mdc-input-element::-webkit-input-placeholder { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-mdc-input-element::-webkit-input-placeholder { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-mdc-input-element::-webkit-input-placeholder { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-mdc-input-element:-ms-input-placeholder { transition: none !important; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-mdc-input-element:-ms-input-placeholder { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-mdc-input-element:-ms-input-placeholder { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-mdc-input-element:-ms-input-placeholder { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-form-field-invalid .mat-mdc-input-element { } .mat-form-field-invalid .mat-mdc-input-element::placeholder { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-rgb), var(--tw-text-opacity)) !important; } .mat-form-field-invalid .mat-mdc-input-element::-moz-placeholder { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-rgb), var(--tw-text-opacity)) !important; } .mat-form-field-invalid .mat-mdc-input-element::-webkit-input-placeholder { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-rgb), var(--tw-text-opacity)) !important; } .mat-form-field-invalid .mat-mdc-input-element:-ms-input-placeholder { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-rgb), var(--tw-text-opacity)) !important; } .mat-mdc-menu-panel { min-width: 144px !important; } .mat-mdc-menu-panel .mat-mdc-menu-content { } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text { display: flex; align-items: center; padding-right: 16px; } .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-icon-no-color { --tw-text-opacity: 1; color: rgba(var(--fuse-mat-icon-rgb), var(--tw-text-opacity)); } .mat-mdc-menu-panel .mat-mdc-menu-content mat-divider { margin: 8px 0; } .mat-mdc-paginator .mat-mdc-paginator-container { padding: 8px 16px; justify-content: space-between; } @media (min-width: 600px) { .mat-mdc-paginator .mat-mdc-paginator-container { justify-content: normal; } } .mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size { align-items: center; min-height: 40px; margin: 8px; } .mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size .mat-mdc-paginator-page-size-label { display: none; margin-right: 12px; } @media (min-width: 600px) { .mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size .mat-mdc-paginator-page-size-label { display: block; } } .mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size .mat-mdc-paginator-page-size-select { margin: 0; } .mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper { padding: 0 10px; } .mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-page-size .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper .mat-form-field-flex { min-height: 32px; } .mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-range-actions { margin: 8px 0; } .mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-range-actions .mat-mdc-paginator-range-label { margin-right: 16px; } .mat-mdc-select { display: inline-flex !important; } .mat-mdc-select .mat-mdc-select-placeholder { transition: none !important; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-mdc-select .mat-mdc-select-placeholder { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .mat-mdc-select .mat-mdc-select-placeholder { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .mat-mdc-select .mat-mdc-select-placeholder { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value { position: relative; display: flex; max-width: none; } .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text { display: inline-flex; } .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text > * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mat-mdc-select .mat-mdc-select-arrow-wrapper { transform: translateY(0) !important; } .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow { margin: 0 0 0 8px; color: rgba(var(--fuse-text-secondary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 1 !important; color: rgba(var(--fuse-secondary-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-accent .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-warn .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-mdc-snack-bar-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled) { color: #ffffff !important; } .dark .mat-mdc-snack-bar-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled) { color: #000000 !important; } .mat-step-icon { } .mat-step-icon .mat-icon { color: currentColor !important; } .mat-step-label, .mat-step-label-selected { font-weight: 500 !important; } .mat-mdc-table .mdc-data-table__row:not(.mdc-data-table__row--selected):hover { background: none !important; } .mat-mdc-tab-group { } .mat-mdc-tab-group.fuse-mat-no-header .mat-mdc-tab-header { height: 0 !important; max-height: 0 !important; border: none !important; visibility: hidden !important; opacity: 0 !important; } .mat-mdc-tab-group:not(.mat-background-primary):not(.mat-background-accent) .mat-mdc-tab-header .mat-mdc-tab-label-container { box-shadow: inset 0 -1px var(--fuse-border); } .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container { margin: 0 24px; } .mat-mdc-tab-group .mat-mdc-tab-body-content { padding: 24px; } textarea.mat-mdc-input-element { box-sizing: content-box !important; } .mat-toolbar { } .mat-toolbar.mat-primary .mat-icon { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-primary .text-secondary { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-primary .text-hint { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-primary .text-disabled { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-primary .divider { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.12 !important; } .mat-toolbar.mat-accent .mat-icon { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-accent .text-secondary { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-accent .text-hint { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .text-disabled { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .divider { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.12 !important; } .mat-toolbar.mat-warn .mat-icon { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; } .mat-toolbar.mat-warn .text-secondary { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-warn .text-hint { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .text-disabled { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .divider { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.12 !important; } .mat-mdc-tooltip .mdc-tooltip__surface { background-color: var(--fuse-text-default) !important; color: white; } .dark .mat-mdc-tooltip .mdc-tooltip__surface { background-color: var(--fuse-text-secondary) !important; color: var(--fuse-bg-default) !important; } code[class*=language-] .hljs-comment, code[class*=language-] .hljs-quote, pre[class*=language-] .hljs-comment, pre[class*=language-] .hljs-quote { color: #8b9fc1; font-style: italic; } code[class*=language-] .hljs-doctag, code[class*=language-] .hljs-keyword, code[class*=language-] .hljs-formula, pre[class*=language-] .hljs-doctag, pre[class*=language-] .hljs-keyword, pre[class*=language-] .hljs-formula { color: #22d3ee; } code[class*=language-] .hljs-name, pre[class*=language-] .hljs-name { color: #e879f9; } code[class*=language-] .hljs-tag, pre[class*=language-] .hljs-tag { color: #bae6fd; } code[class*=language-] .hljs-section, code[class*=language-] .hljs-selector-tag, code[class*=language-] .hljs-deletion, code[class*=language-] .hljs-subst, pre[class*=language-] .hljs-section, pre[class*=language-] .hljs-selector-tag, pre[class*=language-] .hljs-deletion, pre[class*=language-] .hljs-subst { color: #f87f71; } code[class*=language-] .hljs-literal, pre[class*=language-] .hljs-literal { color: #36beff; } code[class*=language-] .hljs-string, code[class*=language-] .hljs-regexp, code[class*=language-] .hljs-addition, code[class*=language-] .hljs-attribute, code[class*=language-] .hljs-meta-string, pre[class*=language-] .hljs-string, pre[class*=language-] .hljs-regexp, pre[class*=language-] .hljs-addition, pre[class*=language-] .hljs-attribute, pre[class*=language-] .hljs-meta-string { color: #bef264; } code[class*=language-] .hljs-built_in, code[class*=language-] .hljs-class .hljs-title, pre[class*=language-] .hljs-built_in, pre[class*=language-] .hljs-class .hljs-title { color: #ffd374; } code[class*=language-] .hljs-attr, code[class*=language-] .hljs-variable, code[class*=language-] .hljs-template-variable, code[class*=language-] .hljs-type, code[class*=language-] .hljs-selector-class, code[class*=language-] .hljs-selector-attr, code[class*=language-] .hljs-selector-pseudo, code[class*=language-] .hljs-number, pre[class*=language-] .hljs-attr, pre[class*=language-] .hljs-variable, pre[class*=language-] .hljs-template-variable, pre[class*=language-] .hljs-type, pre[class*=language-] .hljs-selector-class, pre[class*=language-] .hljs-selector-attr, pre[class*=language-] .hljs-selector-pseudo, pre[class*=language-] .hljs-number { color: #22d3ee; } code[class*=language-] .hljs-symbol, code[class*=language-] .hljs-bullet, code[class*=language-] .hljs-link, code[class*=language-] .hljs-meta, code[class*=language-] .hljs-selector-id, code[class*=language-] .hljs-title, pre[class*=language-] .hljs-symbol, pre[class*=language-] .hljs-bullet, pre[class*=language-] .hljs-link, pre[class*=language-] .hljs-meta, pre[class*=language-] .hljs-selector-id, pre[class*=language-] .hljs-title { color: #e879f9; } code[class*=language-] .hljs-emphasis, pre[class*=language-] .hljs-emphasis { font-style: italic; } code[class*=language-] .hljs-strong, pre[class*=language-] .hljs-strong { font-weight: 700; } code[class*=language-] .hljs-link, pre[class*=language-] .hljs-link { text-decoration: underline; } .ps { position: relative; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps.ps--focus > .ps__rail-x, .ps.ps--focus > .ps__rail-y, .ps.ps--scrolling-x > .ps__rail-x, .ps.ps--scrolling-x > .ps__rail-y, .ps.ps--scrolling-y > .ps__rail-x, .ps.ps--scrolling-y > .ps__rail-y { opacity: 1; } .ps > .ps__rail-x, .ps > .ps__rail-y { z-index: 99999; } .ps > .ps__rail-x { height: 14px; background: transparent !important; transition: none !important; } .ps > .ps__rail-x:hover, .ps > .ps__rail-x:focus, .ps > .ps__rail-x.ps--clicking { opacity: 1; } .ps > .ps__rail-x:hover .ps__thumb-x, .ps > .ps__rail-x:focus .ps__thumb-x, .ps > .ps__rail-x.ps--clicking .ps__thumb-x { height: 10px; } .ps > .ps__rail-x .ps__thumb-x { background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15); height: 6px; transition: height 225ms cubic-bezier(0.25, 0.8, 0.25, 1); } .ps > .ps__rail-y { width: 14px; background: transparent !important; transition: none !important; left: auto !important; } .ps > .ps__rail-y:hover, .ps > .ps__rail-y:focus, .ps > .ps__rail-y.ps--clicking { opacity: 1; } .ps > .ps__rail-y:hover .ps__thumb-y, .ps > .ps__rail-y:focus .ps__thumb-y, .ps > .ps__rail-y.ps--clicking .ps__thumb-y { width: 10px; } .ps > .ps__rail-y .ps__thumb-y { background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15); width: 6px; transition: width 225ms cubic-bezier(0.25, 0.8, 0.25, 1); } .ql-toolbar { border-radius: 6px 6px 0 0; padding: 0 !important; --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)); border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; --tw-border-opacity: 1 !important; } .dark .ql-toolbar { background-color: rgba(0, 0, 0, 0.05); --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .ql-toolbar .ql-formats { margin: 11px 8px !important; } .ql-toolbar .ql-picker.ql-expanded .ql-picker-label { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); } .dark .ql-toolbar .ql-picker.ql-expanded .ql-picker-label { --tw-border-opacity: 1; border-color: rgb(100 116 139 / var(--tw-border-opacity)); } .ql-toolbar .ql-picker.ql-expanded .ql-picker-options { z-index: 10 !important; --tw-bg-opacity: 1; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)); --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); } .dark .ql-toolbar .ql-picker.ql-expanded .ql-picker-options { --tw-border-opacity: 1; border-color: rgb(100 116 139 / var(--tw-border-opacity)); } .ql-toolbar .ql-picker .ql-picker-label { --tw-text-opacity: 1; color: rgba(var(--fuse-text-default-rgb), var(--tw-text-opacity)); } .ql-toolbar .ql-picker .ql-picker-options .ql-picker-item { --tw-text-opacity: 1; color: rgba(var(--fuse-text-default-rgb), var(--tw-text-opacity)); } .ql-toolbar .ql-stroke, .ql-toolbar .ql-stroke-mitter { stroke: var(--fuse-icon); } .ql-toolbar .ql-fill { fill: var(--fuse-icon); } .ql-toolbar button:hover, .ql-toolbar button:focus, .ql-toolbar button.ql-active, .ql-toolbar .ql-picker-label:hover, .ql-toolbar .ql-picker-label.ql-active, .ql-toolbar .ql-picker-item:hover, .ql-toolbar .ql-picker-item.ql-selected { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-rgb), var(--tw-text-opacity)) !important; } .ql-toolbar button:hover .ql-stroke, .ql-toolbar button:hover .ql-stroke-mitter, .ql-toolbar button:focus .ql-stroke, .ql-toolbar button:focus .ql-stroke-mitter, .ql-toolbar button.ql-active .ql-stroke, .ql-toolbar button.ql-active .ql-stroke-mitter, .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-toolbar .ql-picker-label:hover .ql-stroke-mitter, .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter, .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-toolbar .ql-picker-item:hover .ql-stroke-mitter, .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter { stroke: var(--fuse-primary) !important; } .ql-toolbar button:hover .ql-fill, .ql-toolbar button:focus .ql-fill, .ql-toolbar button.ql-active .ql-fill, .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-toolbar .ql-picker-item.ql-selected .ql-fill { fill: var(--fuse-primary) !important; } .ql-container { overflow: auto; min-height: 160px; max-height: 400px; border-radius: 0 0 6px 6px; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; --tw-border-opacity: 1 !important; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .dark .ql-container { --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .ql-container .ql-editor { --tw-bg-opacity: 1; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)); } .ql-container .ql-editor.ql-blank::before { --tw-text-opacity: 1; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary .ql-container .ql-editor.ql-blank::before { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-accent .ql-container .ql-editor.ql-blank::before { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .mat-toolbar.mat-warn .ql-container .ql-editor.ql-blank::before { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.38 !important; } .ql-container .ql-tooltip { border-radius: 0.375rem; --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark .ql-container .ql-tooltip { --tw-border-opacity: 1 !important; border-color: rgb(51 65 85 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(51 65 85 / var(--tw-bg-opacity)) !important; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .ql-container .ql-tooltip:before { color: rgba(var(--fuse-text-secondary-rgb), var(--tw-text-opacity)); --tw-text-opacity: 1; color: rgba(var(--fuse-secondary-rgb), var(--tw-text-opacity)); } .mat-toolbar.mat-primary .ql-container .ql-tooltip:before { color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-accent .ql-container .ql-tooltip:before { color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .mat-toolbar.mat-warn .ql-container .ql-tooltip:before { color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; --tw-text-opacity: 0.6 !important; } .ql-container .ql-tooltip .ql-action, .ql-container .ql-tooltip .ql-remove { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(var(--fuse-primary-rgb), var(--tw-text-opacity)); } .dark .ql-container .ql-tooltip .ql-action, .dark .ql-container .ql-tooltip .ql-remove { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(var(--fuse-primary-400-rgb), var(--tw-text-opacity)); } .ql-container .ql-tooltip .ql-action:after { border-right-width: 1px !important; --tw-border-opacity: 1 !important; border-right-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; } .dark .ql-container .ql-tooltip .ql-action:after { --tw-border-opacity: 1 !important; border-right-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .ql-container .ql-tooltip input { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-default-rgb), var(--tw-text-opacity)) !important; border-radius: 0.125rem !important; --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .dark .ql-container .ql-tooltip input { --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(51 65 85 / var(--tw-bg-opacity)) !important; } /* src/styles/tailwind.scss */ *, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e2e8f0; } ::before, ::after { --tw-content: ""; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body { margin: 0; line-height: inherit; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: #94a3b8; } button, [role=button] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } * { font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } [dir=rtl] * { font-family: "Cairo", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } .mat-icon { --tw-text-opacity: 1; color: rgba(var(--fuse-mat-icon-rgb), var(--tw-text-opacity)); } .text-default { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-default-rgb), var(--tw-text-opacity)) !important; } .text-secondary { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-secondary-rgb), var(--tw-text-opacity)) !important; } .text-hint { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-hint-rgb), var(--tw-text-opacity)) !important; } .text-disabled { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-text-disabled-rgb), var(--tw-text-opacity)) !important; } .divider { color: var(--fuse-divider) !important; } .bg-card { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)) !important; } .bg-default { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-default-rgb), var(--tw-bg-opacity)) !important; } .bg-hover { background-color: var(--fuse-bg-hover) !important; } body, .theme-default { --fuse-primary-50: #f1f1f3; --fuse-primary-50-rgb: 241,241,243; --fuse-primary-100: #e5e5e8; --fuse-primary-100-rgb: 229,229,232; --fuse-primary-200: #cacad1; --fuse-primary-200-rgb: 202,202,209; --fuse-primary-300: #aaabb8; --fuse-primary-300-rgb: 170,171,184; --fuse-primary-400: #84859a; --fuse-primary-400-rgb: 132,133,154; --fuse-primary-500: #4b4e74; --fuse-primary-500-rgb: 75,78,116; --fuse-primary-600: #444769; --fuse-primary-600-rgb: 68,71,105; --fuse-primary-700: #3c3f5d; --fuse-primary-700-rgb: 60,63,93; --fuse-primary-800: #33354f; --fuse-primary-800-rgb: 51,53,79; --fuse-primary-900: #282a3f; --fuse-primary-900-rgb: 40,42,63; --fuse-primary: #4B4E74; --fuse-primary-rgb: 75,78,116; --fuse-on-primary-50: #282a3f; --fuse-on-primary-50-rgb: 40,42,63; --fuse-on-primary-100: #282a3f; --fuse-on-primary-100-rgb: 40,42,63; --fuse-on-primary-200: #282a3f; --fuse-on-primary-200-rgb: 40,42,63; --fuse-on-primary-300: #282a3f; --fuse-on-primary-300-rgb: 40,42,63; --fuse-on-primary-400: #282a3f; --fuse-on-primary-400-rgb: 40,42,63; --fuse-on-primary-500: #FFFFFF; --fuse-on-primary-500-rgb: 255,255,255; --fuse-on-primary-600: #FFFFFF; --fuse-on-primary-600-rgb: 255,255,255; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary: #FFFFFF; --fuse-on-primary-rgb: 255,255,255; --fuse-secondary-50: #f1f8f2; --fuse-secondary-50-rgb: 241,248,242; --fuse-secondary-100: #e5f2e6; --fuse-secondary-100-rgb: 229,242,230; --fuse-secondary-200: #cae5cc; --fuse-secondary-200-rgb: 202,229,204; --fuse-secondary-300: #abd7af; --fuse-secondary-300-rgb: 171,215,175; --fuse-secondary-400: #84c88c; --fuse-secondary-400-rgb: 132,200,140; --fuse-secondary-500: #4db85c; --fuse-secondary-500-rgb: 77,184,92; --fuse-secondary-600: #46a753; --fuse-secondary-600-rgb: 70,167,83; --fuse-secondary-700: #3e944a; --fuse-secondary-700-rgb: 62,148,74; --fuse-secondary-800: #357e3f; --fuse-secondary-800-rgb: 53,126,63; --fuse-secondary-900: #2a6332; --fuse-secondary-900-rgb: 42,99,50; --fuse-secondary: #4DB85C; --fuse-secondary-rgb: 77,184,92; --fuse-on-secondary-50: #2a6332; --fuse-on-secondary-50-rgb: 42,99,50; --fuse-on-secondary-100: #2a6332; --fuse-on-secondary-100-rgb: 42,99,50; --fuse-on-secondary-200: #2a6332; --fuse-on-secondary-200-rgb: 42,99,50; --fuse-on-secondary-300: #2a6332; --fuse-on-secondary-300-rgb: 42,99,50; --fuse-on-secondary-400: #2a6332; --fuse-on-secondary-400-rgb: 42,99,50; --fuse-on-secondary-500: #2a6332; --fuse-on-secondary-500-rgb: 42,99,50; --fuse-on-secondary-600: #FFFFFF; --fuse-on-secondary-600-rgb: 255,255,255; --fuse-on-secondary-700: #FFFFFF; --fuse-on-secondary-700-rgb: 255,255,255; --fuse-on-secondary-800: #FFFFFF; --fuse-on-secondary-800-rgb: 255,255,255; --fuse-on-secondary-900: #FFFFFF; --fuse-on-secondary-900-rgb: 255,255,255; --fuse-on-secondary: #2a6332; --fuse-on-secondary-rgb: 42,99,50; --fuse-accent-50: #fefefe; --fuse-accent-50-rgb: 254,254,254; --fuse-accent-100: #fdfdfd; --fuse-accent-100-rgb: 253,253,253; --fuse-accent-200: #fbfbfc; --fuse-accent-200-rgb: 251,251,252; --fuse-accent-300: #f9fafa; --fuse-accent-300-rgb: 249,250,250; --fuse-accent-400: #f7f8f9; --fuse-accent-400-rgb: 247,248,249; --fuse-accent-500: #f5f6f7; --fuse-accent-500-rgb: 245,246,247; --fuse-accent-600: #dedfe0; --fuse-accent-600-rgb: 222,223,224; --fuse-accent-700: #c5c5c6; --fuse-accent-700-rgb: 197,197,198; --fuse-accent-800: #a7a8a9; --fuse-accent-800-rgb: 167,168,169; --fuse-accent-900: #848485; --fuse-accent-900-rgb: 132,132,133; --fuse-accent: #F5F6F7; --fuse-accent-rgb: 245,246,247; --fuse-on-accent-50: #848485; --fuse-on-accent-50-rgb: 132,132,133; --fuse-on-accent-100: #848485; --fuse-on-accent-100-rgb: 132,132,133; --fuse-on-accent-200: #848485; --fuse-on-accent-200-rgb: 132,132,133; --fuse-on-accent-300: #848485; --fuse-on-accent-300-rgb: 132,132,133; --fuse-on-accent-400: #848485; --fuse-on-accent-400-rgb: 132,132,133; --fuse-on-accent-500: #848485; --fuse-on-accent-500-rgb: 132,132,133; --fuse-on-accent-600: #848485; --fuse-on-accent-600-rgb: 132,132,133; --fuse-on-accent-700: #848485; --fuse-on-accent-700-rgb: 132,132,133; --fuse-on-accent-800: #FFFFFF; --fuse-on-accent-800-rgb: 255,255,255; --fuse-on-accent-900: #FFFFFF; --fuse-on-accent-900-rgb: 255,255,255; --fuse-on-accent: #848485; --fuse-on-accent-rgb: 132,132,133; --fuse-fontDarkGray-50: #f1f2f2; --fuse-fontDarkGray-50-rgb: 241,242,242; --fuse-fontDarkGray-100: #e5e5e7; --fuse-fontDarkGray-100-rgb: 229,229,231; --fuse-fontDarkGray-200: #c9cbcf; --fuse-fontDarkGray-200-rgb: 201,203,207; --fuse-fontDarkGray-300: #a9adb3; --fuse-fontDarkGray-300-rgb: 169,173,179; --fuse-fontDarkGray-400: #828893; --fuse-fontDarkGray-400-rgb: 130,136,147; --fuse-fontDarkGray-500: #475569; --fuse-fontDarkGray-500-rgb: 71,85,105; --fuse-fontDarkGray-600: #404d5f; --fuse-fontDarkGray-600-rgb: 64,77,95; --fuse-fontDarkGray-700: #394454; --fuse-fontDarkGray-700-rgb: 57,68,84; --fuse-fontDarkGray-800: #313a48; --fuse-fontDarkGray-800-rgb: 49,58,72; --fuse-fontDarkGray-900: #262e38; --fuse-fontDarkGray-900-rgb: 38,46,56; --fuse-fontDarkGray: #475569; --fuse-fontDarkGray-rgb: 71,85,105; --fuse-on-fontDarkGray-50: #262e38; --fuse-on-fontDarkGray-50-rgb: 38,46,56; --fuse-on-fontDarkGray-100: #262e38; --fuse-on-fontDarkGray-100-rgb: 38,46,56; --fuse-on-fontDarkGray-200: #262e38; --fuse-on-fontDarkGray-200-rgb: 38,46,56; --fuse-on-fontDarkGray-300: #262e38; --fuse-on-fontDarkGray-300-rgb: 38,46,56; --fuse-on-fontDarkGray-400: #262e38; --fuse-on-fontDarkGray-400-rgb: 38,46,56; --fuse-on-fontDarkGray-500: #FFFFFF; --fuse-on-fontDarkGray-500-rgb: 255,255,255; --fuse-on-fontDarkGray-600: #FFFFFF; --fuse-on-fontDarkGray-600-rgb: 255,255,255; --fuse-on-fontDarkGray-700: #FFFFFF; --fuse-on-fontDarkGray-700-rgb: 255,255,255; --fuse-on-fontDarkGray-800: #FFFFFF; --fuse-on-fontDarkGray-800-rgb: 255,255,255; --fuse-on-fontDarkGray-900: #FFFFFF; --fuse-on-fontDarkGray-900-rgb: 255,255,255; --fuse-on-fontDarkGray: #FFFFFF; --fuse-on-fontDarkGray-rgb: 255,255,255; --fuse-fontCoolGray-50: #f5f5f8; --fuse-fontCoolGray-50-rgb: 245,245,248; --fuse-fontCoolGray-100: #eceef2; --fuse-fontCoolGray-100-rgb: 236,238,242; --fuse-fontCoolGray-200: #d9dde5; --fuse-fontCoolGray-200-rgb: 217,221,229; --fuse-fontCoolGray-300: #c5ccd7; --fuse-fontCoolGray-300-rgb: 197,204,215; --fuse-fontCoolGray-400: #aeb9c8; --fuse-fontCoolGray-400-rgb: 174,185,200; --fuse-fontCoolGray-500: #94a3b8; --fuse-fontCoolGray-500-rgb: 148,163,184; --fuse-fontCoolGray-600: #8694a7; --fuse-fontCoolGray-600-rgb: 134,148,167; --fuse-fontCoolGray-700: #778394; --fuse-fontCoolGray-700-rgb: 119,131,148; --fuse-fontCoolGray-800: #656f7e; --fuse-fontCoolGray-800-rgb: 101,111,126; --fuse-fontCoolGray-900: #4f5763; --fuse-fontCoolGray-900-rgb: 79,87,99; --fuse-fontCoolGray: #94A3B8; --fuse-fontCoolGray-rgb: 148,163,184; --fuse-on-fontCoolGray-50: #4f5763; --fuse-on-fontCoolGray-50-rgb: 79,87,99; --fuse-on-fontCoolGray-100: #4f5763; --fuse-on-fontCoolGray-100-rgb: 79,87,99; --fuse-on-fontCoolGray-200: #4f5763; --fuse-on-fontCoolGray-200-rgb: 79,87,99; --fuse-on-fontCoolGray-300: #4f5763; --fuse-on-fontCoolGray-300-rgb: 79,87,99; --fuse-on-fontCoolGray-400: #4f5763; --fuse-on-fontCoolGray-400-rgb: 79,87,99; --fuse-on-fontCoolGray-500: #4f5763; --fuse-on-fontCoolGray-500-rgb: 79,87,99; --fuse-on-fontCoolGray-600: #FFFFFF; --fuse-on-fontCoolGray-600-rgb: 255,255,255; --fuse-on-fontCoolGray-700: #FFFFFF; --fuse-on-fontCoolGray-700-rgb: 255,255,255; --fuse-on-fontCoolGray-800: #FFFFFF; --fuse-on-fontCoolGray-800-rgb: 255,255,255; --fuse-on-fontCoolGray-900: #FFFFFF; --fuse-on-fontCoolGray-900-rgb: 255,255,255; --fuse-on-fontCoolGray: #4f5763; --fuse-on-fontCoolGray-rgb: 79,87,99; --fuse-fontLightGray-50: #f9fafb; --fuse-fontLightGray-50-rgb: 249,250,251; --fuse-fontLightGray-100: #f5f6f8; --fuse-fontLightGray-100-rgb: 245,246,248; --fuse-fontLightGray-200: #ebeef3; --fuse-fontLightGray-200-rgb: 235,238,243; --fuse-fontLightGray-300: #e1e6ed; --fuse-fontLightGray-300-rgb: 225,230,237; --fuse-fontLightGray-400: #d6dee7; --fuse-fontLightGray-400-rgb: 214,222,231; --fuse-fontLightGray-500: #cbd5e1; --fuse-fontLightGray-500-rgb: 203,213,225; --fuse-fontLightGray-600: #b8c1cc; --fuse-fontLightGray-600-rgb: 184,193,204; --fuse-fontLightGray-700: #a3abb5; --fuse-fontLightGray-700-rgb: 163,171,181; --fuse-fontLightGray-800: #8b929a; --fuse-fontLightGray-800-rgb: 139,146,154; --fuse-fontLightGray-900: #6d7279; --fuse-fontLightGray-900-rgb: 109,114,121; --fuse-fontLightGray: #CBD5E1; --fuse-fontLightGray-rgb: 203,213,225; --fuse-on-fontLightGray-50: #6d7279; --fuse-on-fontLightGray-50-rgb: 109,114,121; --fuse-on-fontLightGray-100: #6d7279; --fuse-on-fontLightGray-100-rgb: 109,114,121; --fuse-on-fontLightGray-200: #6d7279; --fuse-on-fontLightGray-200-rgb: 109,114,121; --fuse-on-fontLightGray-300: #6d7279; --fuse-on-fontLightGray-300-rgb: 109,114,121; --fuse-on-fontLightGray-400: #6d7279; --fuse-on-fontLightGray-400-rgb: 109,114,121; --fuse-on-fontLightGray-500: #6d7279; --fuse-on-fontLightGray-500-rgb: 109,114,121; --fuse-on-fontLightGray-600: #6d7279; --fuse-on-fontLightGray-600-rgb: 109,114,121; --fuse-on-fontLightGray-700: #FFFFFF; --fuse-on-fontLightGray-700-rgb: 255,255,255; --fuse-on-fontLightGray-800: #FFFFFF; --fuse-on-fontLightGray-800-rgb: 255,255,255; --fuse-on-fontLightGray-900: #FFFFFF; --fuse-on-fontLightGray-900-rgb: 255,255,255; --fuse-on-fontLightGray: #6d7279; --fuse-on-fontLightGray-rgb: 109,114,121; --fuse-bgCoolGray-50: #fefefe; --fuse-bgCoolGray-50-rgb: 254,254,254; --fuse-bgCoolGray-100: #fdfdfe; --fuse-bgCoolGray-100-rgb: 253,253,254; --fuse-bgCoolGray-200: #fbfcfd; --fuse-bgCoolGray-200-rgb: 251,252,253; --fuse-bgCoolGray-300: #fafafb; --fuse-bgCoolGray-300-rgb: 250,250,251; --fuse-bgCoolGray-400: #f8f9fa; --fuse-bgCoolGray-400-rgb: 248,249,250; --fuse-bgCoolGray-500: #f6f7f9; --fuse-bgCoolGray-500-rgb: 246,247,249; --fuse-bgCoolGray-600: #dfe0e2; --fuse-bgCoolGray-600-rgb: 223,224,226; --fuse-bgCoolGray-700: #c5c6c8; --fuse-bgCoolGray-700-rgb: 197,198,200; --fuse-bgCoolGray-800: #a8a9aa; --fuse-bgCoolGray-800-rgb: 168,169,170; --fuse-bgCoolGray-900: #848586; --fuse-bgCoolGray-900-rgb: 132,133,134; --fuse-bgCoolGray: #f6f7f9; --fuse-bgCoolGray-rgb: 246,247,249; --fuse-on-bgCoolGray-50: #848586; --fuse-on-bgCoolGray-50-rgb: 132,133,134; --fuse-on-bgCoolGray-100: #848586; --fuse-on-bgCoolGray-100-rgb: 132,133,134; --fuse-on-bgCoolGray-200: #848586; --fuse-on-bgCoolGray-200-rgb: 132,133,134; --fuse-on-bgCoolGray-300: #848586; --fuse-on-bgCoolGray-300-rgb: 132,133,134; --fuse-on-bgCoolGray-400: #848586; --fuse-on-bgCoolGray-400-rgb: 132,133,134; --fuse-on-bgCoolGray-500: #848586; --fuse-on-bgCoolGray-500-rgb: 132,133,134; --fuse-on-bgCoolGray-600: #848586; --fuse-on-bgCoolGray-600-rgb: 132,133,134; --fuse-on-bgCoolGray-700: #848586; --fuse-on-bgCoolGray-700-rgb: 132,133,134; --fuse-on-bgCoolGray-800: #FFFFFF; --fuse-on-bgCoolGray-800-rgb: 255,255,255; --fuse-on-bgCoolGray-900: #FFFFFF; --fuse-on-bgCoolGray-900-rgb: 255,255,255; --fuse-on-bgCoolGray: #848586; --fuse-on-bgCoolGray-rgb: 132,133,134; --fuse-bgDarkGray-50: #fdfdfe; --fuse-bgDarkGray-50-rgb: 253,253,254; --fuse-bgDarkGray-100: #fcfcfd; --fuse-bgDarkGray-100-rgb: 252,252,253; --fuse-bgDarkGray-200: #f8f9fa; --fuse-bgDarkGray-200-rgb: 248,249,250; --fuse-bgDarkGray-300: #f5f6f8; --fuse-bgDarkGray-300-rgb: 245,246,248; --fuse-bgDarkGray-400: #f1f2f5; --fuse-bgDarkGray-400-rgb: 241,242,245; --fuse-bgDarkGray-500: #eeeff3; --fuse-bgDarkGray-500-rgb: 238,239,243; --fuse-bgDarkGray-600: #d8d9dc; --fuse-bgDarkGray-600-rgb: 216,217,220; --fuse-bgDarkGray-700: #bfc0c3; --fuse-bgDarkGray-700-rgb: 191,192,195; --fuse-bgDarkGray-800: #a2a3a6; --fuse-bgDarkGray-800-rgb: 162,163,166; --fuse-bgDarkGray-900: #808183; --fuse-bgDarkGray-900-rgb: 128,129,131; --fuse-bgDarkGray: #eeeff3; --fuse-bgDarkGray-rgb: 238,239,243; --fuse-on-bgDarkGray-50: #808183; --fuse-on-bgDarkGray-50-rgb: 128,129,131; --fuse-on-bgDarkGray-100: #808183; --fuse-on-bgDarkGray-100-rgb: 128,129,131; --fuse-on-bgDarkGray-200: #808183; --fuse-on-bgDarkGray-200-rgb: 128,129,131; --fuse-on-bgDarkGray-300: #808183; --fuse-on-bgDarkGray-300-rgb: 128,129,131; --fuse-on-bgDarkGray-400: #808183; --fuse-on-bgDarkGray-400-rgb: 128,129,131; --fuse-on-bgDarkGray-500: #808183; --fuse-on-bgDarkGray-500-rgb: 128,129,131; --fuse-on-bgDarkGray-600: #808183; --fuse-on-bgDarkGray-600-rgb: 128,129,131; --fuse-on-bgDarkGray-700: #808183; --fuse-on-bgDarkGray-700-rgb: 128,129,131; --fuse-on-bgDarkGray-800: #FFFFFF; --fuse-on-bgDarkGray-800-rgb: 255,255,255; --fuse-on-bgDarkGray-900: #FFFFFF; --fuse-on-bgDarkGray-900-rgb: 255,255,255; --fuse-on-bgDarkGray: #808183; --fuse-on-bgDarkGray-rgb: 128,129,131; --fuse-warn-50: #fef2f2; --fuse-warn-50-rgb: 254,242,242; --fuse-warn-100: #fee2e2; --fuse-warn-100-rgb: 254,226,226; --fuse-warn-200: #fecaca; --fuse-warn-200-rgb: 254,202,202; --fuse-warn-300: #fca5a5; --fuse-warn-300-rgb: 252,165,165; --fuse-warn-400: #f87171; --fuse-warn-400-rgb: 248,113,113; --fuse-warn-500: #ef4444; --fuse-warn-500-rgb: 239,68,68; --fuse-warn-600: #dc2626; --fuse-warn-600-rgb: 220,38,38; --fuse-warn-700: #b91c1c; --fuse-warn-700-rgb: 185,28,28; --fuse-warn-800: #991b1b; --fuse-warn-800-rgb: 153,27,27; --fuse-warn-900: #7f1d1d; --fuse-warn-900-rgb: 127,29,29; --fuse-warn-950: #450a0a; --fuse-warn-950-rgb: 69,10,10; --fuse-warn: #dc2626; --fuse-warn-rgb: 220,38,38; --fuse-on-warn-50: #450a0a; --fuse-on-warn-50-rgb: 69,10,10; --fuse-on-warn-100: #450a0a; --fuse-on-warn-100-rgb: 69,10,10; --fuse-on-warn-200: #450a0a; --fuse-on-warn-200-rgb: 69,10,10; --fuse-on-warn-300: #450a0a; --fuse-on-warn-300-rgb: 69,10,10; --fuse-on-warn-400: #450a0a; --fuse-on-warn-400-rgb: 69,10,10; --fuse-on-warn-500: #fef2f2; --fuse-on-warn-500-rgb: 254,242,242; --fuse-on-warn-600: #FFFFFF; --fuse-on-warn-600-rgb: 255,255,255; --fuse-on-warn-700: #FFFFFF; --fuse-on-warn-700-rgb: 255,255,255; --fuse-on-warn-800: #FFFFFF; --fuse-on-warn-800-rgb: 255,255,255; --fuse-on-warn-900: #FFFFFF; --fuse-on-warn-900-rgb: 255,255,255; --fuse-on-warn-950: #FFFFFF; --fuse-on-warn-950-rgb: 255,255,255; --fuse-on-warn: #FFFFFF; --fuse-on-warn-rgb: 255,255,255; } .theme-brand { --fuse-primary-50: #f1f1f3; --fuse-primary-50-rgb: 241,241,243; --fuse-primary-100: #e5e5e8; --fuse-primary-100-rgb: 229,229,232; --fuse-primary-200: #cacad1; --fuse-primary-200-rgb: 202,202,209; --fuse-primary-300: #aaabb8; --fuse-primary-300-rgb: 170,171,184; --fuse-primary-400: #84859a; --fuse-primary-400-rgb: 132,133,154; --fuse-primary-500: #4b4e74; --fuse-primary-500-rgb: 75,78,116; --fuse-primary-600: #444769; --fuse-primary-600-rgb: 68,71,105; --fuse-primary-700: #3c3f5d; --fuse-primary-700-rgb: 60,63,93; --fuse-primary-800: #33354f; --fuse-primary-800-rgb: 51,53,79; --fuse-primary-900: #282a3f; --fuse-primary-900-rgb: 40,42,63; --fuse-primary: #4b4e74; --fuse-primary-rgb: 75,78,116; --fuse-on-primary-50: #282a3f; --fuse-on-primary-50-rgb: 40,42,63; --fuse-on-primary-100: #282a3f; --fuse-on-primary-100-rgb: 40,42,63; --fuse-on-primary-200: #282a3f; --fuse-on-primary-200-rgb: 40,42,63; --fuse-on-primary-300: #282a3f; --fuse-on-primary-300-rgb: 40,42,63; --fuse-on-primary-400: #282a3f; --fuse-on-primary-400-rgb: 40,42,63; --fuse-on-primary-500: #FFFFFF; --fuse-on-primary-500-rgb: 255,255,255; --fuse-on-primary-600: #FFFFFF; --fuse-on-primary-600-rgb: 255,255,255; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary: #FFFFFF; --fuse-on-primary-rgb: 255,255,255; } .theme-teal { --fuse-primary-50: #f0fdfa; --fuse-primary-50-rgb: 240,253,250; --fuse-primary-100: #ccfbf1; --fuse-primary-100-rgb: 204,251,241; --fuse-primary-200: #99f6e4; --fuse-primary-200-rgb: 153,246,228; --fuse-primary-300: #5eead4; --fuse-primary-300-rgb: 94,234,212; --fuse-primary-400: #2dd4bf; --fuse-primary-400-rgb: 45,212,191; --fuse-primary-500: #14b8a6; --fuse-primary-500-rgb: 20,184,166; --fuse-primary-600: #0d9488; --fuse-primary-600-rgb: 13,148,136; --fuse-primary-700: #0f766e; --fuse-primary-700-rgb: 15,118,110; --fuse-primary-800: #115e59; --fuse-primary-800-rgb: 17,94,89; --fuse-primary-900: #134e4a; --fuse-primary-900-rgb: 19,78,74; --fuse-primary-950: #042f2e; --fuse-primary-950-rgb: 4,47,46; --fuse-primary: #0d9488; --fuse-primary-rgb: 13,148,136; --fuse-on-primary-50: #042f2e; --fuse-on-primary-50-rgb: 4,47,46; --fuse-on-primary-100: #042f2e; --fuse-on-primary-100-rgb: 4,47,46; --fuse-on-primary-200: #042f2e; --fuse-on-primary-200-rgb: 4,47,46; --fuse-on-primary-300: #042f2e; --fuse-on-primary-300-rgb: 4,47,46; --fuse-on-primary-400: #042f2e; --fuse-on-primary-400-rgb: 4,47,46; --fuse-on-primary-500: #042f2e; --fuse-on-primary-500-rgb: 4,47,46; --fuse-on-primary-600: #042f2e; --fuse-on-primary-600-rgb: 4,47,46; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary-950: #FFFFFF; --fuse-on-primary-950-rgb: 255,255,255; --fuse-on-primary: #042f2e; --fuse-on-primary-rgb: 4,47,46; } .theme-rose { --fuse-primary-50: #fff1f2; --fuse-primary-50-rgb: 255,241,242; --fuse-primary-100: #ffe4e6; --fuse-primary-100-rgb: 255,228,230; --fuse-primary-200: #fecdd3; --fuse-primary-200-rgb: 254,205,211; --fuse-primary-300: #fda4af; --fuse-primary-300-rgb: 253,164,175; --fuse-primary-400: #fb7185; --fuse-primary-400-rgb: 251,113,133; --fuse-primary-500: #f43f5e; --fuse-primary-500-rgb: 244,63,94; --fuse-primary-600: #e11d48; --fuse-primary-600-rgb: 225,29,72; --fuse-primary-700: #be123c; --fuse-primary-700-rgb: 190,18,60; --fuse-primary-800: #9f1239; --fuse-primary-800-rgb: 159,18,57; --fuse-primary-900: #881337; --fuse-primary-900-rgb: 136,19,55; --fuse-primary-950: #4c0519; --fuse-primary-950-rgb: 76,5,25; --fuse-primary: #f43f5e; --fuse-primary-rgb: 244,63,94; --fuse-on-primary-50: #4c0519; --fuse-on-primary-50-rgb: 76,5,25; --fuse-on-primary-100: #4c0519; --fuse-on-primary-100-rgb: 76,5,25; --fuse-on-primary-200: #4c0519; --fuse-on-primary-200-rgb: 76,5,25; --fuse-on-primary-300: #4c0519; --fuse-on-primary-300-rgb: 76,5,25; --fuse-on-primary-400: #4c0519; --fuse-on-primary-400-rgb: 76,5,25; --fuse-on-primary-500: #4c0519; --fuse-on-primary-500-rgb: 76,5,25; --fuse-on-primary-600: #FFFFFF; --fuse-on-primary-600-rgb: 255,255,255; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary-950: #FFFFFF; --fuse-on-primary-950-rgb: 255,255,255; --fuse-on-primary: #4c0519; --fuse-on-primary-rgb: 76,5,25; } .theme-purple { --fuse-primary-50: #faf5ff; --fuse-primary-50-rgb: 250,245,255; --fuse-primary-100: #f3e8ff; --fuse-primary-100-rgb: 243,232,255; --fuse-primary-200: #e9d5ff; --fuse-primary-200-rgb: 233,213,255; --fuse-primary-300: #d8b4fe; --fuse-primary-300-rgb: 216,180,254; --fuse-primary-400: #c084fc; --fuse-primary-400-rgb: 192,132,252; --fuse-primary-500: #a855f7; --fuse-primary-500-rgb: 168,85,247; --fuse-primary-600: #9333ea; --fuse-primary-600-rgb: 147,51,234; --fuse-primary-700: #7e22ce; --fuse-primary-700-rgb: 126,34,206; --fuse-primary-800: #6b21a8; --fuse-primary-800-rgb: 107,33,168; --fuse-primary-900: #581c87; --fuse-primary-900-rgb: 88,28,135; --fuse-primary-950: #3b0764; --fuse-primary-950-rgb: 59,7,100; --fuse-primary: #9333ea; --fuse-primary-rgb: 147,51,234; --fuse-on-primary-50: #3b0764; --fuse-on-primary-50-rgb: 59,7,100; --fuse-on-primary-100: #3b0764; --fuse-on-primary-100-rgb: 59,7,100; --fuse-on-primary-200: #3b0764; --fuse-on-primary-200-rgb: 59,7,100; --fuse-on-primary-300: #3b0764; --fuse-on-primary-300-rgb: 59,7,100; --fuse-on-primary-400: #3b0764; --fuse-on-primary-400-rgb: 59,7,100; --fuse-on-primary-500: #FFFFFF; --fuse-on-primary-500-rgb: 255,255,255; --fuse-on-primary-600: #FFFFFF; --fuse-on-primary-600-rgb: 255,255,255; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary-950: #FFFFFF; --fuse-on-primary-950-rgb: 255,255,255; --fuse-on-primary: #FFFFFF; --fuse-on-primary-rgb: 255,255,255; } .theme-amber { --fuse-primary-50: #fffbeb; --fuse-primary-50-rgb: 255,251,235; --fuse-primary-100: #fef3c7; --fuse-primary-100-rgb: 254,243,199; --fuse-primary-200: #fde68a; --fuse-primary-200-rgb: 253,230,138; --fuse-primary-300: #fcd34d; --fuse-primary-300-rgb: 252,211,77; --fuse-primary-400: #fbbf24; --fuse-primary-400-rgb: 251,191,36; --fuse-primary-500: #f59e0b; --fuse-primary-500-rgb: 245,158,11; --fuse-primary-600: #d97706; --fuse-primary-600-rgb: 217,119,6; --fuse-primary-700: #b45309; --fuse-primary-700-rgb: 180,83,9; --fuse-primary-800: #92400e; --fuse-primary-800-rgb: 146,64,14; --fuse-primary-900: #78350f; --fuse-primary-900-rgb: 120,53,15; --fuse-primary-950: #451a03; --fuse-primary-950-rgb: 69,26,3; --fuse-primary: #f59e0b; --fuse-primary-rgb: 245,158,11; --fuse-on-primary-50: #451a03; --fuse-on-primary-50-rgb: 69,26,3; --fuse-on-primary-100: #451a03; --fuse-on-primary-100-rgb: 69,26,3; --fuse-on-primary-200: #451a03; --fuse-on-primary-200-rgb: 69,26,3; --fuse-on-primary-300: #451a03; --fuse-on-primary-300-rgb: 69,26,3; --fuse-on-primary-400: #451a03; --fuse-on-primary-400-rgb: 69,26,3; --fuse-on-primary-500: #451a03; --fuse-on-primary-500-rgb: 69,26,3; --fuse-on-primary-600: #451a03; --fuse-on-primary-600-rgb: 69,26,3; --fuse-on-primary-700: #FFFFFF; --fuse-on-primary-700-rgb: 255,255,255; --fuse-on-primary-800: #FFFFFF; --fuse-on-primary-800-rgb: 255,255,255; --fuse-on-primary-900: #FFFFFF; --fuse-on-primary-900-rgb: 255,255,255; --fuse-on-primary-950: #FFFFFF; --fuse-on-primary-950-rgb: 255,255,255; --fuse-on-primary: #451a03; --fuse-on-primary-rgb: 69,26,3; } body.light, .light, .dark .light { --is-dark: false; --fuse-bg-app-bar: #FFFFFF; --fuse-bg-app-bar-rgb: 255,255,255; --fuse-bg-card: #FFFFFF; --fuse-bg-card-rgb: 255,255,255; --fuse-bg-default: #f1f5f9; --fuse-bg-default-rgb: 241,245,249; --fuse-bg-dialog: #FFFFFF; --fuse-bg-dialog-rgb: 255,255,255; --fuse-bg-hover: rgba(148,163,184,0.12); --fuse-bg-hover-rgb: 148,163,184; --fuse-bg-status-bar: #cbd5e1; --fuse-bg-status-bar-rgb: 203,213,225; --fuse-text-default: #1e293b; --fuse-text-default-rgb: 30,41,59; --fuse-text-secondary: #64748b; --fuse-text-secondary-rgb: 100,116,139; --fuse-text-hint: #94a3b8; --fuse-text-hint-rgb: 148,163,184; --fuse-text-disabled: #94a3b8; --fuse-text-disabled-rgb: 148,163,184; --fuse-border: #e2e8f0; --fuse-border-rgb: 226,232,240; --fuse-divider: #e2e8f0; --fuse-divider-rgb: 226,232,240; --fuse-icon: #64748b; --fuse-icon-rgb: 100,116,139; --fuse-mat-icon: #64748b; --fuse-mat-icon-rgb: 100,116,139; } body.dark, .dark, .light .dark { --fuse-bg-app-bar: #0f172a; --fuse-bg-app-bar-rgb: 15,23,42; --fuse-bg-card: #1e293b; --fuse-bg-card-rgb: 30,41,59; --fuse-bg-default: #0f172a; --fuse-bg-default-rgb: 15,23,42; --fuse-bg-dialog: #1e293b; --fuse-bg-dialog-rgb: 30,41,59; --fuse-bg-hover: rgba(255, 255, 255, 0.05); --fuse-bg-hover-rgb: 255,255,255; --fuse-bg-status-bar: #0f172a; --fuse-bg-status-bar-rgb: 15,23,42; --fuse-text-default: #FFFFFF; --fuse-text-default-rgb: 255,255,255; --fuse-text-secondary: #94a3b8; --fuse-text-secondary-rgb: 148,163,184; --fuse-text-hint: #64748b; --fuse-text-hint-rgb: 100,116,139; --fuse-text-disabled: #475569; --fuse-text-disabled-rgb: 71,85,105; --fuse-border: rgba(241,245,249,0.12); --fuse-border-rgb: 241,245,249; --fuse-divider: rgba(241,245,249,0.12); --fuse-divider-rgb: 241,245,249; --fuse-icon: #94a3b8; --fuse-icon-rgb: 148,163,184; --fuse-mat-icon: #94a3b8; --fuse-mat-icon-rgb: 148,163,184; } .pointer-events-none { pointer-events: none !important; } .visible { visibility: visible !important; } .collapse { visibility: collapse !important; } .static { position: static !important; } .fixed { position: fixed !important; } .\!absolute { position: absolute !important; } .absolute { position: absolute !important; } .relative { position: relative !important; } .sticky { position: sticky !important; } .inset-0 { inset: 0px !important; } .inset-5 { inset: 1.25rem !important; } .-right-16 { right: -4rem !important; } .-top-16 { top: -4rem !important; } .bottom-0 { bottom: 0px !important; } .bottom-\[\.1rem\] { bottom: .1rem !important; } .left-0 { left: 0px !important; } .left-\[-8px\] { left: -8px !important; } .right-0 { right: 0px !important; } .right-5 { right: 1.25rem !important; } .right-\[-8px\] { right: -8px !important; } .right-\[\.1rem\] { right: .1rem !important; } .top-0 { top: 0px !important; } .top-1\/2 { top: 50% !important; } .z-10 { z-index: 10 !important; } .z-20 { z-index: 20 !important; } .z-49 { z-index: 49 !important; } .z-90 { z-index: 90 !important; } .z-99 { z-index: 99 !important; } .z-999 { z-index: 999 !important; } .col-span-1 { grid-column: span 1 / span 1 !important; } .col-span-12 { grid-column: span 12 / span 12 !important; } .col-span-2 { grid-column: span 2 / span 2 !important; } .col-span-3 { grid-column: span 3 / span 3 !important; } .col-span-4 { grid-column: span 4 / span 4 !important; } .-m-6 { margin: -1.5rem !important; } .m-0 { margin: 0px !important; } .m-3 { margin: 0.75rem !important; } .-mx-4 { margin-left: -1rem !important; margin-right: -1rem !important; } .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-1\.5 { margin-left: 0.375rem !important; margin-right: 0.375rem !important; } .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .mx-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .mx-\[1rem\] { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } .my-8 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .-mb-px { margin-bottom: -1px !important; } .-ml-1 { margin-left: -0.25rem !important; } .-ml-2 { margin-left: -0.5rem !important; } .-mt-16 { margin-top: -4rem !important; } .-mt-5 { margin-top: -1.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 0.75rem !important; } .mb-4 { margin-bottom: 1rem !important; } .mb-6 { margin-bottom: 1.5rem !important; } .mb-px { margin-bottom: 1px !important; } .me-0 { margin-inline-end: 0px !important; } .me-0\.5 { margin-inline-end: 0.125rem !important; } .me-2 { margin-inline-end: 0.5rem !important; } .me-3 { margin-inline-end: 0.75rem !important; } .ml-0 { margin-left: 0px !important; } .ml-0\.5 { margin-left: 0.125rem !important; } .ml-1 { margin-left: 0.25rem !important; } .ml-1\.5 { margin-left: 0.375rem !important; } .ml-2 { margin-left: 0.5rem !important; } .ml-2\.5 { margin-left: 0.625rem !important; } .ml-3 { margin-left: 0.75rem !important; } .ml-4 { margin-left: 1rem !important; } .ml-6 { margin-left: 1.5rem !important; } .ml-auto { margin-left: auto !important; } .mr-0 { margin-right: 0px !important; } .mr-1 { margin-right: 0.25rem !important; } .mr-1\.5 { margin-right: 0.375rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mr-3 { margin-right: 0.75rem !important; } .mr-4 { margin-right: 1rem !important; } .mr-6 { margin-right: 1.5rem !important; } .mr-auto { margin-right: auto !important; } .mr-px { margin-right: 1px !important; } .ms-0 { margin-inline-start: 0px !important; } .ms-1 { margin-inline-start: 0.25rem !important; } .ms-12 { margin-inline-start: 3rem !important; } .ms-13 { margin-inline-start: 3.25rem !important; } .ms-2 { margin-inline-start: 0.5rem !important; } .ms-auto { margin-inline-start: auto !important; } .mt-0 { margin-top: 0px !important; } .mt-0\.5 { margin-top: 0.125rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-1\.5 { margin-top: 0.375rem !important; } .mt-10 { margin-top: 2.5rem !important; } .mt-12 { margin-top: 3rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-2\.5 { margin-top: 0.625rem !important; } .mt-3 { margin-top: 0.75rem !important; } .mt-4 { margin-top: 1rem !important; } .mt-5 { margin-top: 1.25rem !important; } .mt-6 { margin-top: 1.5rem !important; } .mt-8 { margin-top: 2rem !important; } .mt-px { margin-top: 1px !important; } .line-clamp-1 { overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 1 !important; } .line-clamp-2 { overflow: hidden !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } .block { display: block !important; } .inline { display: inline !important; } .flex { display: flex !important; } .inline-flex { display: inline-flex !important; } .table { display: table !important; } .grid { display: grid !important; } .contents { display: contents !important; } .hidden { display: none !important; } .\!h-12 { height: 3rem !important; } .\!h-4 { height: 1rem !important; } .\!h-5 { height: 1.25rem !important; } .\!h-6 { height: 1.5rem !important; } .\!h-7 { height: 1.75rem !important; } .h-1 { height: 0.25rem !important; } .h-1\.5 { height: 0.375rem !important; } .h-10 { height: 2.5rem !important; } .h-11 { height: 2.75rem !important; } .h-12 { height: 3rem !important; } .h-14 { height: 3.5rem !important; } .h-16 { height: 4rem !important; } .h-2 { height: 0.5rem !important; } .h-2\.5 { height: 0.625rem !important; } .h-20 { height: 5rem !important; } .h-24 { height: 6rem !important; } .h-3 { height: 0.75rem !important; } .h-4 { height: 1rem !important; } .h-5 { height: 1.25rem !important; } .h-6 { height: 1.5rem !important; } .h-8 { height: 2rem !important; } .h-9 { height: 2.25rem !important; } .h-\[103px\] { height: 103px !important; } .h-\[150px\] { height: 150px !important; } .h-\[28px\] { height: 28px !important; } .h-\[5rem\] { height: 5rem !important; } .h-\[80px\] { height: 80px !important; } .h-full { height: 100% !important; } .max-h-128 { max-height: 32rem !important; } .max-h-\[110px\] { max-height: 110px !important; } .max-h-\[60vh\] { max-height: 60vh !important; } .min-h-20 { min-height: 5rem !important; } .min-h-6 { min-height: 1.5rem !important; } .min-h-\[200px\] { min-height: 200px !important; } .min-h-\[300px\] { min-height: 300px !important; } .min-h-\[320px\] { min-height: 320px !important; } .min-h-screen { min-height: 100vh !important; } .\!w-12 { width: 3rem !important; } .\!w-4 { width: 1rem !important; } .\!w-5 { width: 1.25rem !important; } .\!w-6 { width: 1.5rem !important; } .\!w-7 { width: 1.75rem !important; } .\!w-\[64px\] { width: 64px !important; } .w-0 { width: 0px !important; } .w-0\.5 { width: 0.125rem !important; } .w-1 { width: 0.25rem !important; } .w-1\.5 { width: 0.375rem !important; } .w-1\/2 { width: 50% !important; } .w-10 { width: 2.5rem !important; } .w-11 { width: 2.75rem !important; } .w-12 { width: 3rem !important; } .w-14 { width: 3.5rem !important; } .w-2 { width: 0.5rem !important; } .w-2\.5 { width: 0.625rem !important; } .w-2\/3 { width: 66.666667% !important; } .w-20 { width: 5rem !important; } .w-24 { width: 6rem !important; } .w-28 { width: 7rem !important; } .w-3 { width: 0.75rem !important; } .w-30 { width: 7.5rem !important; } .w-4 { width: 1rem !important; } .w-4\/6 { width: 66.666667% !important; } .w-5 { width: 1.25rem !important; } .w-5\/6 { width: 83.333333% !important; } .w-6 { width: 1.5rem !important; } .w-8 { width: 2rem !important; } .w-80 { width: 20rem !important; } .w-9 { width: 2.25rem !important; } .w-\[103px\] { width: 103px !important; } .w-\[141px\] { width: 141px !important; } .w-\[150px\] { width: 150px !important; } .w-\[153px\] { width: 153px !important; } .w-\[28px\] { width: 28px !important; } .w-\[9rem\] { width: 9rem !important; } .w-full { width: 100% !important; } .w-px { width: 1px !important; } .w-screen { width: 100vw !important; } .\!min-w-\[64px\] { min-width: 64px !important; } .min-w-0 { min-width: 0px !important; } .min-w-4 { min-width: 1rem !important; } .min-w-\[140px\] { min-width: 140px !important; } .min-w-screen { min-width: 100vw !important; } .\!max-w-\[64px\] { max-width: 64px !important; } .max-w-2xl { max-width: 42rem !important; } .max-w-36 { max-width: 9rem !important; } .max-w-360 { max-width: 90rem !important; } .max-w-3xl { max-width: 48rem !important; } .max-w-60 { max-width: 15rem !important; } .max-w-80 { max-width: 20rem !important; } .max-w-\[120px\] { max-width: 120px !important; } .max-w-\[90\%\] { max-width: 90% !important; } .flex-0 { flex: 0 0 auto !important; } .flex-1 { flex: 1 1 0% !important; } .flex-auto { flex: 1 1 auto !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .shrink { flex-shrink: 1 !important; } .shrink-0 { flex-shrink: 0 !important; } .grow { flex-grow: 1 !important; } .-scale-x-100 { --tw-scale-x: -1 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin-slow { animation: spin 3s linear infinite !important; } .cursor-pointer { cursor: pointer !important; } .resize-none { resize: none !important; } .resize { resize: both !important; } .columns-1 { columns: 1 !important; } .grid-flow-row { grid-auto-flow: row !important; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .flex-row { flex-direction: row !important; } .\!flex-col { flex-direction: column !important; } .flex-col { flex-direction: column !important; } .flex-wrap { flex-wrap: wrap !important; } .place-items-center { place-items: center !important; } .items-start { align-items: flex-start !important; } .items-end { align-items: flex-end !important; } .items-center { align-items: center !important; } .items-baseline { align-items: baseline !important; } .justify-start { justify-content: flex-start !important; } .justify-end { justify-content: flex-end !important; } .justify-center { justify-content: center !important; } .justify-between { justify-content: space-between !important; } .justify-items-start { justify-items: start !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 0.75rem !important; } .gap-4 { gap: 1rem !important; } .gap-5 { gap: 1.25rem !important; } .gap-6 { gap: 1.5rem !important; } .gap-x-4 { column-gap: 1rem !important; } .gap-y-2 { row-gap: 0.5rem !important; } .-space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(-0.25rem * var(--tw-space-x-reverse)) !important; margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse))) !important; } .-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(-0.375rem * var(--tw-space-x-reverse)) !important; margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse))) !important; } .space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(0px * var(--tw-space-x-reverse)) !important; margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important; } .space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(0.125rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))) !important; } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(0.25rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) !important; } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important; } .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(0.75rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important; } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(1rem * var(--tw-space-x-reverse)) !important; margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important; } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important; } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important; } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0 !important; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important; border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-y-hidden { overflow-y: hidden !important; } .truncate { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .text-ellipsis { text-overflow: ellipsis !important; } .whitespace-nowrap { white-space: nowrap !important; } .break-all { word-break: break-all !important; } .rounded { border-radius: 0.25rem !important; } .rounded-2xl { border-radius: 1rem !important; } .rounded-3xl { border-radius: 1.5rem !important; } .rounded-\[10px\] { border-radius: 10px !important; } .rounded-\[21px\] { border-radius: 21px !important; } .rounded-\[22px\] { border-radius: 22px !important; } .rounded-\[2rem\] { border-radius: 2rem !important; } .rounded-\[30px\] { border-radius: 30px !important; } .rounded-full { border-radius: 9999px !important; } .rounded-lg { border-radius: 0.5rem !important; } .rounded-md { border-radius: 0.375rem !important; } .rounded-sm { border-radius: 0.125rem !important; } .rounded-xl { border-radius: 0.75rem !important; } .rounded-b { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-b-none { border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } .rounded-l-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .rounded-t-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .border { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-b { border-bottom-width: 1px !important; } .border-l { border-left-width: 1px !important; } .border-r { border-right-width: 1px !important; } .border-t { border-top-width: 1px !important; } .border-dashed { border-style: dashed !important; } .\!border-none { border-style: none !important; } .border-\[\#747474b3\] { border-color: #747474b3 !important; } .border-\[\#E2E8F0\] { --tw-border-opacity: 1 !important; border-color: rgb(226 232 240 / var(--tw-border-opacity)) !important; } .border-\[\#d7dbff\] { --tw-border-opacity: 1 !important; border-color: rgb(215 219 255 / var(--tw-border-opacity)) !important; } .border-\[\#ebedff\] { --tw-border-opacity: 1 !important; border-color: rgb(235 237 255 / var(--tw-border-opacity)) !important; } .border-fontLightGray { --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-fontLightGray-rgb), var(--tw-border-opacity)) !important; } .border-gray-200 { --tw-border-opacity: 1 !important; border-color: rgb(226 232 240 / var(--tw-border-opacity)) !important; } .border-gray-300 { --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; } .border-gray-300\/70 { border-color: rgb(203 213 225 / 0.7) !important; } .border-gray-500 { --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .border-gray-700 { --tw-border-opacity: 1 !important; border-color: rgb(51 65 85 / var(--tw-border-opacity)) !important; } .border-green-400 { --tw-border-opacity: 1 !important; border-color: rgb(74 222 128 / var(--tw-border-opacity)) !important; } .border-indigo-100 { --tw-border-opacity: 1 !important; border-color: rgb(224 231 255 / var(--tw-border-opacity)) !important; } .border-primary { --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-primary-rgb), var(--tw-border-opacity)) !important; } .border-red-400 { --tw-border-opacity: 1 !important; border-color: rgb(248 113 113 / var(--tw-border-opacity)) !important; } .border-secondary { --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-secondary-rgb), var(--tw-border-opacity)) !important; } .border-slate-300 { --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; } .border-warn { --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-warn-rgb), var(--tw-border-opacity)) !important; } .border-r-gray-300 { --tw-border-opacity: 1 !important; border-right-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; } .border-r-gray-500 { --tw-border-opacity: 1 !important; border-right-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .border-opacity-100 { --tw-border-opacity: 1 !important; } .\!bg-\[\#fff\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .\!bg-black\/30 { background-color: rgb(0 0 0 / 0.3) !important; } .bg-\[\#262b640a\] { background-color: #262b640a !important; } .bg-\[\#262b6411\] { background-color: #262b6411 !important; } .bg-\[\#262b6499\] { background-color: #262b6499 !important; } .bg-\[\#2ecc71\] { --tw-bg-opacity: 1 !important; background-color: rgb(46 204 113 / var(--tw-bg-opacity)) !important; } .bg-\[\#8A8FB3\] { --tw-bg-opacity: 1 !important; background-color: rgb(138 143 179 / var(--tw-bg-opacity)) !important; } .bg-\[\#BDBDBD\] { --tw-bg-opacity: 1 !important; background-color: rgb(189 189 189 / var(--tw-bg-opacity)) !important; } .bg-\[\#ebedff\] { --tw-bg-opacity: 1 !important; background-color: rgb(235 237 255 / var(--tw-bg-opacity)) !important; } .bg-\[\#eef1ff\] { --tw-bg-opacity: 1 !important; background-color: rgb(238 241 255 / var(--tw-bg-opacity)) !important; } .bg-\[\#f7f8ff\] { --tw-bg-opacity: 1 !important; background-color: rgb(247 248 255 / var(--tw-bg-opacity)) !important; } .bg-\[\#fff\] { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .bg-accent { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-accent-rgb), var(--tw-bg-opacity)) !important; } .bg-accent-100 { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-accent-100-rgb), var(--tw-bg-opacity)) !important; } .bg-accent-200 { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-accent-200-rgb), var(--tw-bg-opacity)) !important; } .bg-amber-100 { --tw-bg-opacity: 1 !important; background-color: rgb(254 243 199 / var(--tw-bg-opacity)) !important; } .bg-amber-200 { --tw-bg-opacity: 1 !important; background-color: rgb(253 230 138 / var(--tw-bg-opacity)) !important; } .bg-amber-50 { --tw-bg-opacity: 1 !important; background-color: rgb(255 251 235 / var(--tw-bg-opacity)) !important; } .bg-amber-500 { --tw-bg-opacity: 1 !important; background-color: rgb(245 158 11 / var(--tw-bg-opacity)) !important; } .bg-bgCoolGray { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bgCoolGray-rgb), var(--tw-bg-opacity)) !important; } .bg-black { --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; } .bg-black\/10 { background-color: rgb(0 0 0 / 0.1) !important; } .bg-blue-100 { --tw-bg-opacity: 1 !important; background-color: rgb(219 234 254 / var(--tw-bg-opacity)) !important; } .bg-blue-200 { --tw-bg-opacity: 1 !important; background-color: rgb(191 219 254 / var(--tw-bg-opacity)) !important; } .bg-blue-50 { --tw-bg-opacity: 1 !important; background-color: rgb(239 246 255 / var(--tw-bg-opacity)) !important; } .bg-fontLightGray { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-fontLightGray-rgb), var(--tw-bg-opacity)) !important; } .bg-gray-100 { --tw-bg-opacity: 1 !important; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) !important; } .bg-gray-200 { --tw-bg-opacity: 1 !important; background-color: rgb(226 232 240 / var(--tw-bg-opacity)) !important; } .bg-gray-300 { --tw-bg-opacity: 1 !important; background-color: rgb(203 213 225 / var(--tw-bg-opacity)) !important; } .bg-gray-400 { --tw-bg-opacity: 1 !important; background-color: rgb(148 163 184 / var(--tw-bg-opacity)) !important; } .bg-gray-50 { --tw-bg-opacity: 1 !important; background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important; } .bg-gray-700 { --tw-bg-opacity: 1 !important; background-color: rgb(51 65 85 / var(--tw-bg-opacity)) !important; } .bg-gray-800 { --tw-bg-opacity: 1 !important; background-color: rgb(30 41 59 / var(--tw-bg-opacity)) !important; } .bg-green-100 { --tw-bg-opacity: 1 !important; background-color: rgb(220 252 231 / var(--tw-bg-opacity)) !important; } .bg-green-200 { --tw-bg-opacity: 1 !important; background-color: rgb(187 247 208 / var(--tw-bg-opacity)) !important; } .bg-green-400\/10 { background-color: rgb(74 222 128 / 0.1) !important; } .bg-green-50 { --tw-bg-opacity: 1 !important; background-color: rgb(240 253 244 / var(--tw-bg-opacity)) !important; } .bg-green-500 { --tw-bg-opacity: 1 !important; background-color: rgb(34 197 94 / var(--tw-bg-opacity)) !important; } .bg-indigo-100 { --tw-bg-opacity: 1 !important; background-color: rgb(224 231 255 / var(--tw-bg-opacity)) !important; } .bg-indigo-800 { --tw-bg-opacity: 1 !important; background-color: rgb(55 48 163 / var(--tw-bg-opacity)) !important; } .bg-primary { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-primary-rgb), var(--tw-bg-opacity)) !important; } .bg-primary-100 { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-primary-100-rgb), var(--tw-bg-opacity)) !important; } .bg-primary-200 { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-primary-200-rgb), var(--tw-bg-opacity)) !important; } .bg-primary-50 { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-primary-50-rgb), var(--tw-bg-opacity)) !important; } .bg-primary-700 { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-primary-700-rgb), var(--tw-bg-opacity)) !important; } .bg-primary\/10 { background-color: rgba(var(--fuse-primary-rgb), 0.1) !important; } .bg-red-100 { --tw-bg-opacity: 1 !important; background-color: rgb(254 226 226 / var(--tw-bg-opacity)) !important; } .bg-red-200 { --tw-bg-opacity: 1 !important; background-color: rgb(254 202 202 / var(--tw-bg-opacity)) !important; } .bg-red-400\/10 { background-color: rgb(248 113 113 / 0.1) !important; } .bg-red-50 { --tw-bg-opacity: 1 !important; background-color: rgb(254 242 242 / var(--tw-bg-opacity)) !important; } .bg-red-500 { --tw-bg-opacity: 1 !important; background-color: rgb(239 68 68 / var(--tw-bg-opacity)) !important; } .bg-red-600 { --tw-bg-opacity: 1 !important; background-color: rgb(220 38 38 / var(--tw-bg-opacity)) !important; } .bg-secondary { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-secondary-rgb), var(--tw-bg-opacity)) !important; } .bg-secondary\/10 { background-color: rgba(var(--fuse-secondary-rgb), 0.1) !important; } .bg-slate-100 { --tw-bg-opacity: 1 !important; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) !important; } .bg-slate-300 { --tw-bg-opacity: 1 !important; background-color: rgb(203 213 225 / var(--tw-bg-opacity)) !important; } .bg-teal-600 { --tw-bg-opacity: 1 !important; background-color: rgb(13 148 136 / var(--tw-bg-opacity)) !important; } .bg-transparent { background-color: transparent !important; } .bg-warn-100 { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-warn-100-rgb), var(--tw-bg-opacity)) !important; } .bg-warn-200 { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-warn-200-rgb), var(--tw-bg-opacity)) !important; } .bg-warn-50 { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-warn-50-rgb), var(--tw-bg-opacity)) !important; } .bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .bg-opacity-5 { --tw-bg-opacity: 0.05 !important; } .bg-opacity-60 { --tw-bg-opacity: 0.6 !important; } .bg-opacity-90 { --tw-bg-opacity: 0.9 !important; } .object-contain { object-fit: contain !important; } .object-cover { object-fit: cover !important; } .object-center { object-position: center !important; } .p-0 { padding: 0px !important; } .p-1 { padding: 0.25rem !important; } .p-10 { padding: 2.5rem !important; } .p-16 { padding: 4rem !important; } .p-2 { padding: 0.5rem !important; } .p-4 { padding: 1rem !important; } .p-6 { padding: 1.5rem !important; } .p-8 { padding: 2rem !important; } .px-0 { padding-left: 0px !important; padding-right: 0px !important; } .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .px-1\.5 { padding-left: 0.375rem !important; padding-right: 0.375rem !important; } .px-10 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .px-12 { padding-left: 3rem !important; padding-right: 3rem !important; } .px-16 { padding-left: 4rem !important; padding-right: 4rem !important; } .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .px-2\.5 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; } .px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-8 { padding-left: 2rem !important; padding-right: 2rem !important; } .px-\[24px\] { padding-left: 24px !important; padding-right: 24px !important; } .py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-0\.5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-1\.5 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .py-10 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .py-12 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-15 { padding-top: 3.75rem !important; padding-bottom: 3.75rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-2\.5 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; } .py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-30 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; } .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } .py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-8 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .py-9 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .\!pt-2 { padding-top: 0.5rem !important; } .pb-0 { padding-bottom: 0px !important; } .pb-12 { padding-bottom: 3rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-22 { padding-bottom: 5.5rem !important; } .pb-3 { padding-bottom: 0.75rem !important; } .pb-4 { padding-bottom: 1rem !important; } .pb-5 { padding-bottom: 1.25rem !important; } .pb-6 { padding-bottom: 1.5rem !important; } .pb-\[\.5rem\] { padding-bottom: .5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .pl-5 { padding-left: 1.25rem !important; } .pl-6 { padding-left: 1.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pr-4 { padding-right: 1rem !important; } .pr-6 { padding-right: 1.5rem !important; } .ps-3 { padding-inline-start: 0.75rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-4 { padding-top: 1rem !important; } .pt-5 { padding-top: 1.25rem !important; } .pt-6 { padding-top: 1.5rem !important; } .pt-\[24px\] { padding-top: 24px !important; } .text-center { text-align: center !important; } .text-2xl { font-size: 1.25rem !important; } .text-3xl { font-size: 1.5rem !important; } .text-4xl { font-size: 2rem !important; } .text-5xl { font-size: 2.25rem !important; } .text-6xl { font-size: 2.5rem !important; } .text-7xl { font-size: 3rem !important; } .text-\[16\.9px\] { font-size: 16.9px !important; } .text-\[16px\] { font-size: 16px !important; } .text-\[18px\] { font-size: 18px !important; } .text-\[19px\] { font-size: 19px !important; } .text-\[20px\] { font-size: 20px !important; } .text-\[25\.4px\] { font-size: 25.4px !important; } .text-base { font-size: 0.875rem !important; } .text-lg { font-size: 1rem !important; } .text-md { font-size: 0.8125rem !important; } .text-sm { font-size: 0.75rem !important; } .text-xl { font-size: 1.125rem !important; } .text-xs { font-size: 0.625rem !important; } .font-\[400\] { font-weight: 400 !important; } .font-\[500\] { font-weight: 500 !important; } .font-\[700\] { font-weight: 700 !important; } .font-bold { font-weight: 700 !important; } .font-extrabold { font-weight: 800 !important; } .font-medium { font-weight: 500 !important; } .font-semibold { font-weight: 600 !important; } .uppercase { text-transform: uppercase !important; } .capitalize { text-transform: capitalize !important; } .italic { font-style: italic !important; } .leading-10 { line-height: 2.5rem !important; } .leading-5 { line-height: 1.25rem !important; } .leading-6 { line-height: 1.5rem !important; } .leading-7 { line-height: 1.75rem !important; } .leading-\[24px\] { line-height: 24px !important; } .leading-none { line-height: 1 !important; } .leading-normal { line-height: 1.5 !important; } .leading-tight { line-height: 1.25 !important; } .tracking-tight { letter-spacing: -0.025em !important; } .tracking-wider { letter-spacing: 0.05em !important; } .tracking-widest { letter-spacing: 0.1em !important; } .text-\[\#1b2559a1\] { color: #1b2559a1 !important; } .text-\[\#242634\] { --tw-text-opacity: 1 !important; color: rgb(36 38 52 / var(--tw-text-opacity)) !important; } .text-\[\#6770ff\] { --tw-text-opacity: 1 !important; color: rgb(103 112 255 / var(--tw-text-opacity)) !important; } .text-\[\#6b7280\] { --tw-text-opacity: 1 !important; color: rgb(107 114 128 / var(--tw-text-opacity)) !important; } .text-\[\#7C8085\] { --tw-text-opacity: 1 !important; color: rgb(124 128 133 / var(--tw-text-opacity)) !important; } .text-accent { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-accent-rgb), var(--tw-text-opacity)) !important; } .text-accent-50 { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-accent-50-rgb), var(--tw-text-opacity)) !important; } .text-accent-600 { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-accent-600-rgb), var(--tw-text-opacity)) !important; } .text-amber-50 { --tw-text-opacity: 1 !important; color: rgb(255 251 235 / var(--tw-text-opacity)) !important; } .text-amber-500 { --tw-text-opacity: 1 !important; color: rgb(245 158 11 / var(--tw-text-opacity)) !important; } .text-black { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .text-blue-50 { --tw-text-opacity: 1 !important; color: rgb(239 246 255 / var(--tw-text-opacity)) !important; } .text-blue-500 { --tw-text-opacity: 1 !important; color: rgb(59 130 246 / var(--tw-text-opacity)) !important; } .text-blue-600 { --tw-text-opacity: 1 !important; color: rgb(37 99 235 / var(--tw-text-opacity)) !important; } .text-current { color: currentColor !important; } .text-fontDarkGray { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-fontDarkGray-rgb), var(--tw-text-opacity)) !important; } .text-gray-100 { --tw-text-opacity: 1 !important; color: rgb(241 245 249 / var(--tw-text-opacity)) !important; } .text-gray-200 { --tw-text-opacity: 1 !important; color: rgb(226 232 240 / var(--tw-text-opacity)) !important; } .text-gray-400 { --tw-text-opacity: 1 !important; color: rgb(148 163 184 / var(--tw-text-opacity)) !important; } .text-gray-50 { --tw-text-opacity: 1 !important; color: rgb(248 250 252 / var(--tw-text-opacity)) !important; } .text-gray-500 { --tw-text-opacity: 1 !important; color: rgb(100 116 139 / var(--tw-text-opacity)) !important; } .text-gray-600 { --tw-text-opacity: 1 !important; color: rgb(71 85 105 / var(--tw-text-opacity)) !important; } .text-gray-700 { --tw-text-opacity: 1 !important; color: rgb(51 65 85 / var(--tw-text-opacity)) !important; } .text-gray-800 { --tw-text-opacity: 1 !important; color: rgb(30 41 59 / var(--tw-text-opacity)) !important; } .text-green-400 { --tw-text-opacity: 1 !important; color: rgb(74 222 128 / var(--tw-text-opacity)) !important; } .text-green-50 { --tw-text-opacity: 1 !important; color: rgb(240 253 244 / var(--tw-text-opacity)) !important; } .text-green-500 { --tw-text-opacity: 1 !important; color: rgb(34 197 94 / var(--tw-text-opacity)) !important; } .text-green-800 { --tw-text-opacity: 1 !important; color: rgb(22 101 52 / var(--tw-text-opacity)) !important; } .text-indigo-50 { --tw-text-opacity: 1 !important; color: rgb(238 242 255 / var(--tw-text-opacity)) !important; } .text-indigo-500 { --tw-text-opacity: 1 !important; color: rgb(99 102 241 / var(--tw-text-opacity)) !important; } .text-on-accent { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-on-accent-rgb), var(--tw-text-opacity)) !important; } .text-on-primary { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-on-primary-rgb), var(--tw-text-opacity)) !important; } .text-on-warn { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-on-warn-rgb), var(--tw-text-opacity)) !important; } .text-orange-500 { --tw-text-opacity: 1 !important; color: rgb(249 115 22 / var(--tw-text-opacity)) !important; } .text-pink-500 { --tw-text-opacity: 1 !important; color: rgb(236 72 153 / var(--tw-text-opacity)) !important; } .text-primary { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-rgb), var(--tw-text-opacity)) !important; } .text-primary-400 { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-400-rgb), var(--tw-text-opacity)) !important; } .text-primary-50 { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-50-rgb), var(--tw-text-opacity)) !important; } .text-primary-500 { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-500-rgb), var(--tw-text-opacity)) !important; } .text-primary-600 { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-600-rgb), var(--tw-text-opacity)) !important; } .text-primary-700 { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-700-rgb), var(--tw-text-opacity)) !important; } .text-purple-500 { --tw-text-opacity: 1 !important; color: rgb(168 85 247 / var(--tw-text-opacity)) !important; } .text-red-400 { --tw-text-opacity: 1 !important; color: rgb(248 113 113 / var(--tw-text-opacity)) !important; } .text-red-50 { --tw-text-opacity: 1 !important; color: rgb(254 242 242 / var(--tw-text-opacity)) !important; } .text-red-500 { --tw-text-opacity: 1 !important; color: rgb(239 68 68 / var(--tw-text-opacity)) !important; } .text-red-600 { --tw-text-opacity: 1 !important; color: rgb(220 38 38 / var(--tw-text-opacity)) !important; } .text-red-800 { --tw-text-opacity: 1 !important; color: rgb(153 27 27 / var(--tw-text-opacity)) !important; } .text-secondary { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-secondary-rgb), var(--tw-text-opacity)) !important; } .text-slate-500 { --tw-text-opacity: 1 !important; color: rgb(100 116 139 / var(--tw-text-opacity)) !important; } .text-slate-600 { --tw-text-opacity: 1 !important; color: rgb(71 85 105 / var(--tw-text-opacity)) !important; } .text-slate-700 { --tw-text-opacity: 1 !important; color: rgb(51 65 85 / var(--tw-text-opacity)) !important; } .text-warn { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-rgb), var(--tw-text-opacity)) !important; } .text-warn-50 { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-50-rgb), var(--tw-text-opacity)) !important; } .text-warn-600 { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-600-rgb), var(--tw-text-opacity)) !important; } .text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-opacity-12 { --tw-text-opacity: 0.12 !important; } .text-opacity-38 { --tw-text-opacity: 0.38 !important; } .text-opacity-60 { --tw-text-opacity: 0.6 !important; } .underline { text-decoration-line: underline !important; } .overline { text-decoration-line: overline !important; } .line-through { text-decoration-line: line-through !important; } .no-underline { text-decoration-line: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-100 { opacity: 1 !important; } .opacity-12 { opacity: 0.12 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-80 { opacity: 0.8 !important; } .\!shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important; --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05) !important; --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .outline-none { outline: 2px solid transparent !important; outline-offset: 2px !important; } .outline { outline-style: solid !important; } .ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring-4 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring-inset { --tw-ring-inset: inset !important; } .ring-\[\#e7e9ff\] { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(231 233 255 / var(--tw-ring-opacity)) !important; } .ring-\[\#ebedff\] { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(235 237 255 / var(--tw-ring-opacity)) !important; } .ring-black { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)) !important; } .ring-gray-800 { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity)) !important; } .ring-primary { --tw-ring-opacity: 1 !important; --tw-ring-color: rgba(var(--fuse-primary-rgb), var(--tw-ring-opacity)) !important; } .ring-secondary { --tw-ring-opacity: 1 !important; --tw-ring-color: rgba(var(--fuse-secondary-rgb), var(--tw-ring-opacity)) !important; } .ring-opacity-10 { --tw-ring-opacity: 0.1 !important; } .ring-offset-1 { --tw-ring-offset-width: 1px !important; } .ring-offset-gray-800 { --tw-ring-offset-color: #1e293b !important; } .drop-shadow-xl { --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition-all { transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .duration-200 { transition-duration: 200ms !important; } .duration-300 { transition-duration: 300ms !important; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } .ps-3 { padding-inline-start: 0.75rem !important; } .ms-0 { margin-inline-start: 0px !important; } .me-0 { margin-inline-end: 0px !important; } .ms-1 { margin-inline-start: 0.25rem !important; } .ms-2 { margin-inline-start: 0.5rem !important; } .me-2 { margin-inline-end: 0.5rem !important; } .me-3 { margin-inline-end: 0.75rem !important; } .ms-12 { margin-inline-start: 3rem !important; } .ms-13 { margin-inline-start: 3.25rem !important; } .ms-auto { margin-inline-start: auto !important; } .me-0\.5 { margin-inline-end: 0.125rem !important; } .icon-size-10 { width: 2.5rem !important; height: 2.5rem !important; min-width: 2.5rem !important; min-height: 2.5rem !important; font-size: 2.5rem !important; line-height: 2.5rem !important; } .icon-size-10 svg { width: 2.5rem !important; height: 2.5rem !important; } .icon-size-24 { width: 6rem !important; height: 6rem !important; min-width: 6rem !important; min-height: 6rem !important; font-size: 6rem !important; line-height: 6rem !important; } .icon-size-24 svg { width: 6rem !important; height: 6rem !important; } .icon-size-4 { width: 1rem !important; height: 1rem !important; min-width: 1rem !important; min-height: 1rem !important; font-size: 1rem !important; line-height: 1rem !important; } .icon-size-4 svg { width: 1rem !important; height: 1rem !important; } .icon-size-5 { width: 1.25rem !important; height: 1.25rem !important; min-width: 1.25rem !important; min-height: 1.25rem !important; font-size: 1.25rem !important; line-height: 1.25rem !important; } .icon-size-5 svg { width: 1.25rem !important; height: 1.25rem !important; } .icon-size-7 { width: 1.75rem !important; height: 1.75rem !important; min-width: 1.75rem !important; min-height: 1.75rem !important; font-size: 1.75rem !important; line-height: 1.75rem !important; } .icon-size-7 svg { width: 1.75rem !important; height: 1.75rem !important; } .icon-size-8 { width: 2rem !important; height: 2rem !important; min-width: 2rem !important; min-height: 2rem !important; font-size: 2rem !important; line-height: 2rem !important; } .icon-size-8 svg { width: 2rem !important; height: 2rem !important; } .dark\:bg-card:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)) !important; } .dark\:bg-default:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-default-rgb), var(--tw-bg-opacity)) !important; } .dark\:hover\:bg-hover:hover:is(.dark *) { background-color: var(--fuse-bg-hover) !important; } @media (min-width: 600px) { .sm\:bg-card { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-bg-card-rgb), var(--tw-bg-opacity)) !important; } } .before\:content-none::before { --tw-content: none !important; content: var(--tw-content) !important; } .even\:border-r-0:nth-child(even) { border-right-width: 0px !important; } .hover\:border-\[\#d7dbff\]:hover { --tw-border-opacity: 1 !important; border-color: rgb(215 219 255 / var(--tw-border-opacity)) !important; } .hover\:bg-\[\#434aaf\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(67 74 175 / var(--tw-bg-opacity)) !important; } .hover\:bg-\[\#fff5f1\]:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 245 241 / var(--tw-bg-opacity)) !important; } .hover\:bg-blue-50:hover { --tw-bg-opacity: 1 !important; background-color: rgb(239 246 255 / var(--tw-bg-opacity)) !important; } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1 !important; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) !important; } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1 !important; background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important; } .hover\:bg-primary\/20:hover { background-color: rgba(var(--fuse-primary-rgb), 0.2) !important; } .hover\:text-blue-800:hover { --tw-text-opacity: 1 !important; color: rgb(30 64 175 / var(--tw-text-opacity)) !important; } .hover\:text-gray-800:hover { --tw-text-opacity: 1 !important; color: rgb(30 41 59 / var(--tw-text-opacity)) !important; } .hover\:text-orange-600:hover { --tw-text-opacity: 1 !important; color: rgb(234 88 12 / var(--tw-text-opacity)) !important; } .hover\:text-secondary\/80:hover { color: rgba(var(--fuse-secondary-rgb), 0.8) !important; } .hover\:underline:hover { text-decoration-line: underline !important; } .hover\:no-underline:hover { text-decoration-line: none !important; } .hover\:opacity-80:hover { opacity: 0.8 !important; } .hover\:opacity-90:hover { opacity: 0.9 !important; } .hover\:shadow-sm:hover { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .disabled\:opacity-40:disabled { opacity: 0.4 !important; } .disabled\:opacity-60:disabled { opacity: 0.6 !important; } .group:hover .group-hover\:opacity-0 { opacity: 0 !important; } .group:hover .group-hover\:opacity-100 { opacity: 1 !important; } .dark\:flex:is(.dark *) { display: flex !important; } .dark\:hidden:is(.dark *) { display: none !important; } .dark\:border-b:is(.dark *) { border-bottom-width: 1px !important; } .dark\:border-l:is(.dark *) { border-left-width: 1px !important; } .dark\:border-gray-500:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .dark\:border-gray-600:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgb(71 85 105 / var(--tw-border-opacity)) !important; } .dark\:border-primary:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-primary-rgb), var(--tw-border-opacity)) !important; } .dark\:border-slate-500:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .dark\:border-warn:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgba(var(--fuse-warn-rgb), var(--tw-border-opacity)) !important; } .dark\:bg-accent-600:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-accent-600-rgb), var(--tw-bg-opacity)) !important; } .dark\:bg-amber-500:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(245 158 11 / var(--tw-bg-opacity)) !important; } .dark\:bg-black:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; } .dark\:bg-blue-600:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(37 99 235 / var(--tw-bg-opacity)) !important; } .dark\:bg-gray-500:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(100 116 139 / var(--tw-bg-opacity)) !important; } .dark\:bg-gray-600:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(71 85 105 / var(--tw-bg-opacity)) !important; } .dark\:bg-gray-700:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(51 65 85 / var(--tw-bg-opacity)) !important; } .dark\:bg-gray-800:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(30 41 59 / var(--tw-bg-opacity)) !important; } .dark\:bg-green-500:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(34 197 94 / var(--tw-bg-opacity)) !important; } .dark\:bg-primary:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-primary-rgb), var(--tw-bg-opacity)) !important; } .dark\:bg-primary-600:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-primary-600-rgb), var(--tw-bg-opacity)) !important; } .dark\:bg-primary-800:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-primary-800-rgb), var(--tw-bg-opacity)) !important; } .dark\:bg-red-600:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(220 38 38 / var(--tw-bg-opacity)) !important; } .dark\:bg-transparent:is(.dark *) { background-color: transparent !important; } .dark\:bg-warn-600:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgba(var(--fuse-warn-600-rgb), var(--tw-bg-opacity)) !important; } .dark\:bg-white:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .dark\:bg-opacity-10:is(.dark *) { --tw-bg-opacity: 0.1 !important; } .dark\:bg-opacity-5:is(.dark *) { --tw-bg-opacity: 0.05 !important; } .dark\:text-accent-50:is(.dark *) { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-accent-50-rgb), var(--tw-text-opacity)) !important; } .dark\:text-amber-50:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(255 251 235 / var(--tw-text-opacity)) !important; } .dark\:text-blue-50:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(239 246 255 / var(--tw-text-opacity)) !important; } .dark\:text-gray-300:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(203 213 225 / var(--tw-text-opacity)) !important; } .dark\:text-gray-400:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(148 163 184 / var(--tw-text-opacity)) !important; } .dark\:text-gray-50:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(248 250 252 / var(--tw-text-opacity)) !important; } .dark\:text-gray-700:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(51 65 85 / var(--tw-text-opacity)) !important; } .dark\:text-gray-800:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(30 41 59 / var(--tw-text-opacity)) !important; } .dark\:text-green-50:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(240 253 244 / var(--tw-text-opacity)) !important; } .dark\:text-primary-400:is(.dark *) { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-400-rgb), var(--tw-text-opacity)) !important; } .dark\:text-primary-50:is(.dark *) { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-primary-50-rgb), var(--tw-text-opacity)) !important; } .dark\:text-red-50:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(254 242 242 / var(--tw-text-opacity)) !important; } .dark\:text-warn-50:is(.dark *) { --tw-text-opacity: 1 !important; color: rgba(var(--fuse-warn-50-rgb), var(--tw-text-opacity)) !important; } .dark\:text-white:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .dark\:shadow-none:is(.dark *) { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .dark\:hover\:bg-black:hover:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; } .dark\:hover\:bg-opacity-5:hover:is(.dark *) { --tw-bg-opacity: 0.05 !important; } @media (min-width: 600px) { .sm\:static { position: static !important; } .sm\:inset-auto { inset: auto !important; } .sm\:right-7 { right: 1.75rem !important; } .sm\:col-span-2 { grid-column: span 2 / span 2 !important; } .sm\:m-8 { margin: 2rem !important; } .sm\:mx-0 { margin-left: 0px !important; margin-right: 0px !important; } .sm\:my-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .sm\:mb-0 { margin-bottom: 0px !important; } .sm\:ml-4 { margin-left: 1rem !important; } .sm\:ml-8 { margin-left: 2rem !important; } .sm\:mr-4 { margin-right: 1rem !important; } .sm\:ms-12 { margin-inline-start: 3rem !important; } .sm\:mt-0 { margin-top: 0px !important; } .sm\:mt-2 { margin-top: 0.5rem !important; } .sm\:mt-24 { margin-top: 6rem !important; } .sm\:mt-3 { margin-top: 0.75rem !important; } .sm\:mt-4 { margin-top: 1rem !important; } .sm\:block { display: block !important; } .sm\:inline { display: inline !important; } .sm\:flex { display: flex !important; } .sm\:hidden { display: none !important; } .sm\:h-10 { height: 2.5rem !important; } .sm\:h-12 { height: 3rem !important; } .sm\:h-20 { height: 5rem !important; } .sm\:h-5 { height: 1.25rem !important; } .sm\:max-h-120 { max-height: 30rem !important; } .sm\:max-h-\[70vh\] { max-height: 70vh !important; } .sm\:w-10 { width: 2.5rem !important; } .sm\:w-100 { width: 25rem !important; } .sm\:w-12 { width: 3rem !important; } .sm\:w-5 { width: 1.25rem !important; } .sm\:w-80 { width: 20rem !important; } .sm\:w-90 { width: 22.5rem !important; } .sm\:w-auto { width: auto !important; } .sm\:min-w-100 { min-width: 25rem !important; } .sm\:min-w-80 { min-width: 20rem !important; } .sm\:min-w-90 { min-width: 22.5rem !important; } .sm\:max-w-360 { max-width: 90rem !important; } .sm\:max-w-\[600px\] { max-width: 600px !important; } .sm\:columns-3 { columns: 3 !important; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .sm\:\!flex-row { flex-direction: row !important; } .sm\:flex-row { flex-direction: row !important; } .sm\:items-start { align-items: flex-start !important; } .sm\:items-center { align-items: center !important; } .sm\:justify-start { justify-content: flex-start !important; } .sm\:justify-end { justify-content: flex-end !important; } .sm\:justify-center { justify-content: center !important; } .sm\:justify-between { justify-content: space-between !important; } .sm\:gap-3 { gap: 0.75rem !important; } .sm\:gap-4 { gap: 1rem !important; } .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0 !important; margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important; margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important; } .sm\:overflow-hidden { overflow: hidden !important; } .sm\:rounded-2xl { border-radius: 1rem !important; } .sm\:rounded-lg { border-radius: 0.5rem !important; } .sm\:rounded-xl { border-radius: 0.75rem !important; } .sm\:rounded-t-xl { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .sm\:bg-transparent { background-color: transparent !important; } .sm\:p-10 { padding: 2.5rem !important; } .sm\:p-12 { padding: 3rem !important; } .sm\:p-4 { padding: 1rem !important; } .sm\:p-6 { padding: 1.5rem !important; } .sm\:px-10 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .sm\:px-18 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; } .sm\:px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .sm\:px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .sm\:px-8 { padding-left: 2rem !important; padding-right: 2rem !important; } .sm\:py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .sm\:py-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } .sm\:pb-20 { padding-bottom: 5rem !important; } .sm\:pb-3 { padding-bottom: 0.75rem !important; } .sm\:pb-4 { padding-bottom: 1rem !important; } .sm\:pb-8 { padding-bottom: 2rem !important; } .sm\:pr-8 { padding-right: 2rem !important; } .sm\:pt-5 { padding-top: 1.25rem !important; } .sm\:text-left { text-align: left !important; } .sm\:text-2xl { font-size: 1.25rem !important; } .sm\:text-3xl { font-size: 1.5rem !important; } .sm\:text-\[22px\] { font-size: 22px !important; } .sm\:text-lg { font-size: 1rem !important; } .sm\:text-xl { font-size: 1.125rem !important; } .sm\:leading-10 { line-height: 2.5rem !important; } .sm\:leading-9 { line-height: 2.25rem !important; } .sm\:opacity-0 { opacity: 0 !important; } .sm\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .sm\:shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important; --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .sm\:shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .sm\:shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .sm\:ms-12 { margin-inline-start: 3rem !important; } .group:hover .sm\:group-hover\:opacity-100 { opacity: 1 !important; } } @media (min-width: 960px) { .md\:col-span-1 { grid-column: span 1 / span 1 !important; } .md\:col-span-2 { grid-column: span 2 / span 2 !important; } .md\:col-span-3 { grid-column: span 3 / span 3 !important; } .md\:col-span-4 { grid-column: span 4 / span 4 !important; } .md\:col-span-5 { grid-column: span 5 / span 5 !important; } .md\:col-span-6 { grid-column: span 6 / span 6 !important; } .md\:mx-8 { margin-left: 2rem !important; margin-right: 2rem !important; } .md\:mt-12 { margin-top: 3rem !important; } .md\:block { display: block !important; } .md\:inline-block { display: inline-block !important; } .md\:flex { display: flex !important; } .md\:inline-flex { display: inline-flex !important; } .md\:h-36 { height: 9rem !important; } .md\:h-full { height: 100% !important; } .md\:w-1\/2 { width: 50% !important; } .md\:w-auto { width: auto !important; } .md\:basis-1\/2 { flex-basis: 50% !important; } .md\:columns-3 { columns: 3 !important; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .md\:flex-row { flex-direction: row !important; } .md\:items-start { align-items: flex-start !important; } .md\:items-center { align-items: center !important; } .md\:justify-start { justify-content: flex-start !important; } .md\:justify-end { justify-content: flex-end !important; } .md\:justify-between { justify-content: space-between !important; } .md\:gap-6 { gap: 1.5rem !important; } .md\:rounded-none { border-radius: 0px !important; } .md\:p-16 { padding: 4rem !important; } .md\:p-5 { padding: 1.25rem !important; } .md\:p-8 { padding: 2rem !important; } .md\:px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .md\:px-8 { padding-left: 2rem !important; padding-right: 2rem !important; } .md\:py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .md\:pb-3 { padding-bottom: 0.75rem !important; } .md\:pt-4 { padding-top: 1rem !important; } .md\:text-3xl { font-size: 1.5rem !important; } .md\:text-4xl { font-size: 2rem !important; } .md\:text-7xl { font-size: 3rem !important; } .md\:text-xl { font-size: 1.125rem !important; } .md\:leading-10 { line-height: 2.5rem !important; } .md\:leading-none { line-height: 1 !important; } .md\:shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .md\:\[grid-template-columns\:repeat\(14\,minmax\(0\,1fr\)\)\] { grid-template-columns: repeat(14, minmax(0, 1fr)) !important; } } @media (min-width: 1280px) { .lg\:right-0 { right: 0px !important; } .lg\:right-16 { right: 4rem !important; } .lg\:col-span-1 { grid-column: span 1 / span 1 !important; } .lg\:col-span-12 { grid-column: span 12 / span 12 !important; } .lg\:col-span-2 { grid-column: span 2 / span 2 !important; } .lg\:col-span-3 { grid-column: span 3 / span 3 !important; } .lg\:col-span-4 { grid-column: span 4 / span 4 !important; } .lg\:col-span-6 { grid-column: span 6 / span 6 !important; } .lg\:mx-auto { margin-left: auto !important; margin-right: auto !important; } .lg\:mr-8 { margin-right: 2rem !important; } .lg\:flex { display: flex !important; } .lg\:hidden { display: none !important; } .lg\:w-\[83\%\] { width: 83% !important; } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .lg\:self-center { align-self: center !important; } .lg\:px-28 { padding-left: 7rem !important; padding-right: 7rem !important; } .lg\:px-\[45px\] { padding-left: 45px !important; padding-right: 45px !important; } } .ltr\:ml-1:where([dir=ltr], [dir=ltr] *) { margin-left: 0.25rem !important; } .ltr\:ml-2:where([dir=ltr], [dir=ltr] *) { margin-left: 0.5rem !important; } .ltr\:ml-auto:where([dir=ltr], [dir=ltr] *) { margin-left: auto !important; } .ltr\:mr-1:where([dir=ltr], [dir=ltr] *) { margin-right: 0.25rem !important; } .ltr\:mr-2:where([dir=ltr], [dir=ltr] *) { margin-right: 0.5rem !important; } .ltr\:justify-start:where([dir=ltr], [dir=ltr] *) { justify-content: flex-start !important; } .ltr\:pl-2:where([dir=ltr], [dir=ltr] *) { padding-left: 0.5rem !important; } .ltr\:pr-2:where([dir=ltr], [dir=ltr] *) { padding-right: 0.5rem !important; } .rtl\:ml-1:where([dir=rtl], [dir=rtl] *) { margin-left: 0.25rem !important; } .rtl\:ml-2:where([dir=rtl], [dir=rtl] *) { margin-left: 0.5rem !important; } .rtl\:mr-1:where([dir=rtl], [dir=rtl] *) { margin-right: 0.25rem !important; } .rtl\:mr-2:where([dir=rtl], [dir=rtl] *) { margin-right: 0.5rem !important; } .rtl\:mr-auto:where([dir=rtl], [dir=rtl] *) { margin-right: auto !important; } .rtl\:flex:where([dir=rtl], [dir=rtl] *) { display: flex !important; } .rtl\:flex-row-reverse:where([dir=rtl], [dir=rtl] *) { flex-direction: row-reverse !important; } .rtl\:justify-end:where([dir=rtl], [dir=rtl] *) { justify-content: flex-end !important; } .rtl\:pl-2:where([dir=rtl], [dir=rtl] *) { padding-left: 0.5rem !important; } .rtl\:pr-2:where([dir=rtl], [dir=rtl] *) { padding-right: 0.5rem !important; } @media print { .print\:hidden { display: none !important; } } .\[\&\>\*\]\:w-full > * { width: 100% !important; } @media (min-width: 600px) { .sm\:\[\&\>\*\]\:w-auto > * { width: auto !important; } } /* src/styles/styles.scss */ .mat-column-isActive { flex: 0 0 100px !important; } .mat-column-edit, .mat-column-delete { flex: 0 0 100px !important; } .mat-mdc-button, .mat-mdc-unelevated-button, .mat-mdc-raised-button, .mat-mdc-outlined-button, .mat-mdc-icon-button, .mat-mdc-fab, .mat-mdc-mini-fab, .mat-mdc-form-field, .mat-mdc-input-element, .mat-mdc-form-field-label, .mat-mdc-floating-label, .mdc-floating-label, .mat-mdc-select, .mat-mdc-option, .mat-mdc-menu-item, .mat-mdc-tab, .mat-mdc-tab-label, .mat-mdc-card, .mat-mdc-card-title, .mat-mdc-card-subtitle, .mat-mdc-card-content, .mat-mdc-dialog-title, .mat-mdc-dialog-content, .mat-mdc-snack-bar-label, .mat-mdc-tooltip, .mat-mdc-chip, .mat-mdc-list-item, .mat-mdc-list-option, .mat-expansion-panel-header, .mat-expansion-panel-content, .mat-mdc-slide-toggle-label, .mat-mdc-checkbox-label, .mat-mdc-radio-label { font-family: "Plus Jakarta Sans", sans-serif !important; } button, input, textarea, select, label { font-family: "Plus Jakarta Sans", sans-serif !important; } [dir=rtl] { font-family: "Cairo" !important; } [dir=rtl] * { font-family: "Cairo" !important; } .mat-mdc-paginator-page-size .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text > * { color: #333 !important; } [dir=rtl] .mat-calendar-previous-button, [dir=rtl] .mat-calendar-next-button { transform: unset !important; } [dir=rtl] .mat-mdc-button, [dir=rtl] .mat-mdc-unelevated-button, [dir=rtl] .mat-mdc-raised-button, [dir=rtl] .mat-mdc-fab, [dir=rtl] .mat-mdc-icon-button, [dir=rtl] .mat-mdc-stroked-button, [dir=rtl] .mat-mdc-card, [dir=rtl] .mat-mdc-tab-label, [dir=rtl] .mat-mdc-chip, [dir=rtl] .mat-mdc-chip-list, [dir=rtl] .mat-mdc-dialog-container, [dir=rtl] .mat-mdc-drawer, [dir=rtl] .mat-mdc-expansion-panel, [dir=rtl] .mat-mdc-form-field, [dir=rtl] .mat-mdc-input-element, [dir=rtl] .mat-mdc-radio-button, [dir=rtl] .mat-mdc-select, [dir=rtl] .mat-mdc-option, [dir=rtl] .mat-mdc-menu, [dir=rtl] .mat-mdc-toolbar, [dir=rtl] .mat-toolbar, [dir=rtl] .mdc-text-field--filled, [dir=rtl] .mdc-floating-label { font-family: "Cairo" !important; font-weight: bold !important; } .mat-mdc-table thead { background-color: #fafafb !important; font-family: "Cairo, sans-serif"; text-align: right; } .mat-mdc-header-cell { color: #475569; } .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: $brand !important; --mdc-switch-selected-handle-color: $brand; --mdc-switch-selected-hover-state-layer-color: $brand !important; --mdc-switch-selected-pressed-state-layer-color: $brand !important; --mdc-switch-selected-focus-handle-color: $brand !important; --mdc-switch-selected-hover-handle-color: $brand; --mdc-switch-selected-pressed-handle-color: $brand; --mdc-switch-selected-focus-track-color: $brand-light; --mdc-switch-selected-hover-track-color: $brand-light; --mdc-switch-selected-pressed-track-color: $brand-light; --mdc-switch-selected-track-color: $brand-light; } .mat-mdc-paginator { background-color: transparent !important; font-family: "Cairo, sans-serif"; } .mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text > * { color: #4B4E74 !important; } .mat-toolbar-row, .mat-toolbar-single-row { width: unset !important; } .mr-auto { margin-right: auto !important; } table { width: 100%; } .dataGrid-container { width: 100%; overflow-x: auto; display: flex; flex-direction: column; align-items: stretch; } .mat-header-cell, .mat-cell { white-space: normal; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 4.5em; } mat-header-cell { font-weight: bold !important; color: #4B4E74 !important; } [dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal { margin-left: 16px !important; margin-right: 0 !important; } .mr-auto { margin-right: auto !important; } table { width: 100%; } .dataGrid-container { width: 100%; overflow-x: auto; display: flex; flex-direction: column; align-items: stretch; } .mat-header-cell, .mat-cell { white-space: normal; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 4.5em; } .fullwidth, .full-width { width: 100%; } .mat-toolbar.mat-primary { background-image: linear-gradient( 45deg, #4B4E74, #4AA2D9 50%, #4B4E74) !important; background-repeat: repeat-x !important; } body fuse-splash-screen .spinner > div { width: 12px; height: 12px; background-color: white; border-radius: 100%; display: inline-block; animation: fuse-bouncedelay 1s infinite ease-in-out both; } .spinner { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; width: 56px; } .spinner > div { width: 12px; height: 12px; background-color: #4DB85C; border-radius: 100%; display: inline-block; -webkit-animation: fuse-bouncedelay 1s infinite ease-in-out both; animation: fuse-bouncedelay 1s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .spinner .bounce3 { -webkit-animation-delay: 0s; animation-delay: 0s; } .spinner .bounce4 { -webkit-animation-delay: 0.16s; animation-delay: 0.16s; } @-webkit-keyframes fuse-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes fuse-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } html[dir=rtl] fuse-vertical-navigation.fuse-vertical-navigation-position-left.fuse-vertical-navigation-mode-over { right: 0; left: unset !important; transform: translate3d(100%, 0, 0) !important; } html[dir=rtl] fuse-vertical-navigation.fuse-vertical-navigation-position-left.fuse-vertical-navigation-mode-over.fuse-vertical-navigation-opened { transform: translate3d(0, 0, 0) !important; } mat-cell, mat-header-cell, mat-footer-cell { justify-content: center; } .mat-sort-header-content { color: #4B4E74; } ::ng-deep .mat-mdc-select-panel-above div.mat-mdc-select-panel { background-color: #F8F9FA !important; } ::ng-deep .mat-mdc-paginator-page-size-label { color: #4B4E74 !important; } .pagination-wrapper { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-top: 1rem; } .pagination-wrapper .pagination { display: flex; flex-wrap: nowrap; gap: 0.5rem; justify-content: flex-end; min-width: max-content; } .page-btn, .nav-btn { min-width: 2.5rem; height: 2.5rem; padding: 0 0.75rem; border: none; border-radius: 0.5rem; font-size: 1rem; background: white; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04); transition: background 0.2s; display: flex; align-items: center; justify-content: center; margin: 0; } .ellipsis { min-width: 2.5rem; height: 2.5rem; padding: 0 0.75rem; display: flex; align-items: center; justify-content: center; color: #94A3B8; font-size: 1rem; } .page-btn.active { background: #4DB85C; color: white; } .nav-btn { cursor: pointer; } .nav-btn:disabled { color: #94A3B8; cursor: not-allowed; } @media (max-width: 600px) { .page-btn, .nav-btn { min-width: 1.5rem; height: 1.5rem; padding: 0 0.5rem; font-size: 0.725rem; } .ellipsis { min-width: 2rem; height: 2rem; padding: 0 0.5rem; font-size: 0.725rem; } .pagination { gap: 0.25rem; justify-content: center; } } .table-top-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding: 0 16px; } .table-top-bar .left-controls { display: flex; align-items: center; gap: 12px; } .table-top-bar .left-controls label { font-size: 14px; color: #475569; } .table-top-bar .left-controls select { padding: 4px 8px; border: 1px solid #D7D9ED; border-radius: 6px; background: white; cursor: pointer; } .table-top-bar .left-controls span { font-size: 14px; color: #475569; } [dir=rtl] .customDir { direction: ltr !important; } .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--filled { border-radius: 30px !important; border: none; background-color: rgba(38, 43, 100, 0.0588235294) !important; color: #333333; } .mat-mdc-header-cell { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; width: 100%; } .mat-mdc-cell { align-items: center; justify-content: space-between; gap: 0.75rem; width: 100%; } app-users-info-list :host ::ng-deep .mat-mdc-dialog-container.mdc-dialog__surface { padding: 0 !important; } .bg-outline-secondary { border: 1px solid #4DB85C !important; color: #4DB85C !important; background-color: transparent; } button.bg-secondary[disabled] { color: rgba(148, 163, 184, 0.38) !important; background-color: rgba(148, 163, 184, 0.38) !important; } [dir=rtl] .customInpDir { direction: rtl !important; } .mat-mdc-select-arrow svg { background: rgba(38, 43, 100, 0.1176470588) 12%; border-radius: 5px !important; fill: #555e67 !important; } [dir=ltr] .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) { background-color: rgba(38, 43, 100, 0.1490196078) !important; border-inline-start: 4px solid #4DB85C !important; color: #4B4E74 !important; font-weight: 600; } [dir=rtl] .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) { border-right: 4px solid #4DB85C !important; border-inline-start: none !important; } .mat-pseudo-checkbox::after { content: none !important; } .mat-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused, .mat-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover { background: #4B4E74 !important; } .mat-accordion { background: transparent !important; } .mat-accordion .mat-expansion-panel { background: transparent !important; box-shadow: none !important; border: none !important; } .mat-accordion .mat-expansion-panel.mat-expanded { box-shadow: none !important; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header { background: #4B4E74 !important; color: white !important; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover { background: #4B4E74 !important; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header.mat-expanded { background: #4B4E74 !important; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-panel-title { color: white !important; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after { color: white !important; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-content { background: transparent !important; } .mat-accordion .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body { background: transparent !important; padding: 1rem !important; } .mat-expansion-panel:not(.mat-expanded) { background: transparent !important; box-shadow: none !important; } .mat-expansion-panel.mat-expanded { background: transparent !important; box-shadow: none !important; } .mat-expansion-panel.mat-expanded { box-shadow: none !important; } .mat-expansion-panel.mat-expanded .mat-expansion-panel-header { box-shadow: none !important; } .mat-column-createdBy { flex: 0 0 150px !important; } .mat-column-updatedDate { flex: 0 0 160px !important; } html[dir=rtl] fuse-vertical-navigation fuse-vertical-navigation-collapsable-item.fuse-vertical-navigation-item-expanded > .fuse-vertical-navigation-item-wrapper .fuse-vertical-navigation-item .fuse-vertical-navigation-item-arrow { transform: rotate(-90deg) !important; } [dir=rtl] .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before, [dir=rtl] .mat-calendar-body-range-start::after, [dir=rtl] .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before, [dir=rtl] .mat-calendar-body-comparison-start::after, [dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview { right: 0 !important; left: unset !important; border-radius: 0; border-top-left-radius: 999px !important; border-bottom-left-radius: 999px !important; border-top-right-radius: unset !important; border-bottom-right-radius: unset !important; } [dir=rtl] .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before, [dir=rtl] .mat-calendar-body-range-end::after, [dir=rtl] .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before, [dir=rtl] .mat-calendar-body-comparison-end::after, [dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview { right: 5%; left: unset !important; border-radius: 0; border-top-right-radius: 999px !important; border-bottom-right-radius: 999px !important; border-top-left-radius: unset !important; border-bottom-left-radius: unset !important; } [dir=rtl] .mat-calendar-arrow { margin: 0 0 0 5px !important; } .mat-date-range-input-wrapper { width: 100% !important; text-align: center !important; } [dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal { display: none !important; } /* node_modules/ngx-toastr/toastr.css */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } .toast-info { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+); } .toast-error { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+); } .toast-success { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==); } .toast-warning { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } /* node_modules/intl-tel-input/build/css/intlTelInput.css */ .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } [dir=rtl] .iti__arrow { margin-right: 6px; margin-left: 0; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__dropdown-content { border-radius: 3px; background-color: white; } .iti--inline-dropdown .iti__dropdown-content { position: absolute; z-index: 2; margin-top: 3px; margin-left: -1px; border: 1px solid #ccc; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); } .iti__dropdown-content--dropup { bottom: 100%; margin-bottom: 3px; } .iti__search-input { width: 100%; border-width: 0; border-radius: 3px; padding: 9px 12px; } .iti__search-input + .iti__country-list { border-top: 1px solid #ccc; } .iti__country-list { list-style: none; padding: 0; margin: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti--inline-dropdown .iti__country-list { max-height: 185px; } .iti--flexible-dropdown-width .iti__country-list { white-space: nowrap; } @media (max-width: 500px) { .iti--flexible-dropdown-width .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; } .iti__country { display: flex; align-items: center; padding: 8px 8px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name { margin-right: 8px; } [dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name { margin-right: 0; margin-left: 8px; } .iti--allow-dropdown input.iti__tel-input, .iti--allow-dropdown input.iti__tel-input[type=text], .iti--allow-dropdown input.iti__tel-input[type=tel], .iti--show-selected-dial-code input.iti__tel-input, .iti--show-selected-dial-code input.iti__tel-input[type=text], .iti--show-selected-dial-code input.iti__tel-input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } [dir=rtl] .iti--allow-dropdown input.iti__tel-input, [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text], [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input, [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] { padding-right: 52px; padding-left: 6px; margin-right: 0; } .iti--allow-dropdown .iti__flag-container, .iti--show-selected-dial-code .iti__flag-container { right: auto; left: 0; } [dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--show-selected-dial-code .iti__flag-container { right: 0; left: auto; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover, .iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover { cursor: default; } .iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag, .iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag { background-color: transparent; } .iti--show-selected-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 6px; } [dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 0; margin-right: 6px; } .iti--container { position: fixed; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti--fullscreen-popup.iti--container { background-color: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; position: fixed; padding: 30px; display: flex; flex-direction: column; justify-content: center; } .iti--fullscreen-popup.iti--container.iti--country-search { justify-content: flex-start; } .iti--fullscreen-popup .iti__dropdown-content { display: flex; flex-direction: column; max-height: 100%; position: relative; } .iti--fullscreen-popup .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (min-resolution: 2x) { .iti__flag { background-size: 5762px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 12px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cq { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1137px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1159px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1181px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1203px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1225px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1269px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1291px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1313px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1335px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1357px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1379px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1467px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1489px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1511px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1555px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1577px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1599px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1621px 0px; } .iti__flag.iti__ez { height: 14px; background-position: -1643px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1665px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1687px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1709px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1731px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1775px 0px; } .iti__flag.iti__fx { height: 14px; background-position: -1797px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1819px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1841px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1863px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1907px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1973px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -2061px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2083px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2105px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2149px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2171px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2215px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2237px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2259px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2303px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2325px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2369px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2391px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2413px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2435px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2457px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2479px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2501px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2567px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2589px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2611px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2633px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2655px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2677px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2699px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2743px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2787px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2809px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2853px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2875px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2897px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2941px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2963px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2985px 0px; } .iti__flag.iti__li { height: 12px; background-position: -3007px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -3029px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -3051px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3073px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3095px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3117px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3139px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3161px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3183px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3205px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3226px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3248px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3270px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3314px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3380px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3402px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3512px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3556px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3578px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3622px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3666px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3688px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3710px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3732px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3752px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3774px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3796px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3818px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3840px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3862px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3899px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3921px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3943px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3965px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3987px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -4031px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -4053px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4075px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4097px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4119px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4141px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4163px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4185px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4207px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4229px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4251px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4273px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4361px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4383px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4405px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4427px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4449px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4493px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4515px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4537px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4559px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4647px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4669px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4691px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4713px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4735px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4757px 0px; } .iti__flag.iti__su { height: 10px; background-position: -4779px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4801px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4823px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4889px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4911px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4933px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4955px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4977px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -5021px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -5065px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -5087px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5109px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5131px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5175px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5197px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5219px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5263px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uk { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5329px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5351px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5373px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5395px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5417px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5439px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5456px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5522px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5566px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5610px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5632px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5654px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5676px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5698px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5720px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5742px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("./media/flags.png?1"); background-repeat: no-repeat; background-position: 20px 0; } @media (min-resolution: 2x) { .iti__flag { background-image: url("./media/flags@2x.png?1"); } } .iti__globe { background-image: url("./media/globe.png"); background-size: contain; background-position: right; box-shadow: none; height: 19px; } @media (min-resolution: 2x) { .iti__globe { background-image: url("./media/globe@2x.png"); } } /* node_modules/quill/dist/quill.snow.css */ /*! * Quill Editor v2.0.2 * https://quilljs.com * Copyright (c) 2017-2024, Slab * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui, .ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui { cursor: pointer; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; } @supports (counter-set:none) { .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } @supports not (counter-set:none) { .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } .ql-editor table { border-collapse: collapse; } .ql-editor td { border: 1px solid #000; padding: 2px 5px; } .ql-editor ol { padding-left: 1.5em; } .ql-editor li { list-style-type: none; padding-left: 1.5em; position: relative; } .ql-editor li > .ql-ui:before { display: inline-block; margin-left: -1.5em; margin-right: .3em; text-align: right; white-space: nowrap; width: 1.2em; } .ql-editor li[data-list=checked] > .ql-ui, .ql-editor li[data-list=unchecked] > .ql-ui { color: #777; } .ql-editor li[data-list=bullet] > .ql-ui:before { content: "\2022"; } .ql-editor li[data-list=checked] > .ql-ui:before { content: "\2611"; } .ql-editor li[data-list=unchecked] > .ql-ui:before { content: "\2610"; } @supports (counter-set:none) { .ql-editor li[data-list] { counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } @supports not (counter-set:none) { .ql-editor li[data-list] { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } .ql-editor li[data-list=ordered] { counter-increment: list-0; } .ql-editor li[data-list=ordered] > .ql-ui:before { content: counter(list-0, decimal) ". "; } .ql-editor li[data-list=ordered].ql-indent-1 { counter-increment: list-1; } .ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before { content: counter(list-1, lower-alpha) ". "; } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-1 { counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } .ql-editor li[data-list=ordered].ql-indent-2 { counter-increment: list-2; } .ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before { content: counter(list-2, lower-roman) ". "; } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-2 { counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } .ql-editor li[data-list=ordered].ql-indent-3 { counter-increment: list-3; } .ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before { content: counter(list-3, decimal) ". "; } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-3 { counter-set: list-4 list-5 list-6 list-7 list-8 list-9; } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } } .ql-editor li[data-list=ordered].ql-indent-4 { counter-increment: list-4; } .ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before { content: counter(list-4, lower-alpha) ". "; } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-4 { counter-set: list-5 list-6 list-7 list-8 list-9; } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } } .ql-editor li[data-list=ordered].ql-indent-5 { counter-increment: list-5; } .ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before { content: counter(list-5, lower-roman) ". "; } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-5 { counter-set: list-6 list-7 list-8 list-9; } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } } .ql-editor li[data-list=ordered].ql-indent-6 { counter-increment: list-6; } .ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before { content: counter(list-6, decimal) ". "; } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-6 { counter-set: list-7 list-8 list-9; } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-6 { counter-reset: list-7 list-8 list-9; } } .ql-editor li[data-list=ordered].ql-indent-7 { counter-increment: list-7; } .ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before { content: counter(list-7, lower-alpha) ". "; } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-7 { counter-set: list-8 list-9; } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-7 { counter-reset: list-8 list-9; } } .ql-editor li[data-list=ordered].ql-indent-8 { counter-increment: list-8; } .ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before { content: counter(list-8, lower-roman) ". "; } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-8 { counter-set: list-9; } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-8 { counter-reset: list-9; } } .ql-editor li[data-list=ordered].ql-indent-9 { counter-increment: list-9; } .ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before { content: counter(list-9, decimal) ". "; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor li.ql-direction-rtl > .ql-ui:before { margin-left: .3em; margin-right: -1.5em; text-align: left; } .ql-editor table { table-layout: fixed; width: 100%; } .ql-editor table td { outline: none; } .ql-editor .ql-code-block-container { font-family: monospace; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: .75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor .ql-ui { position: absolute; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ""; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer:coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ""; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: .4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: .83em; } .ql-snow .ql-editor h6 { font-size: .67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor .ql-code-block-container { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor .ql-code-block-container { margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor .ql-code-block-container { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: "Normal"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: "Heading 1"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: "Heading 2"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: "Heading 3"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: "Heading 4"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: "Heading 5"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: "Heading 6"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: .83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: .67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: "Sans Serif"; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: "Serif"; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: "Monospace"; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: "Normal"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: "Small"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: "Large"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: "Huge"; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-code-block-container { position: relative; } .ql-code-block-container .ql-ui { right: 5px; top: 5px; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: "Edit"; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: "Remove"; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0; content: "Save"; padding-right: 0; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } /* angular:styles/global:styles */ /*# sourceMappingURL=styles.css.map */